@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);  /*font-family: 'Lato', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Adamina);  /*font-family: 'Adamina', serif;*/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,700italic); /*font-family: 'Playfair Display SC', serif;*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic); /*font-family: 'Open Sans', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Prata);

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html, body {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}
b, strong {
	/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;	
  	-ms-interpolation-mode: bicubic;
}
ol, ul {
	list-style: none;
}
li {
	/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
sub, sup, small {
	font-size: 75%;
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
svg {
	/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after, 
.middle-container:before, .middle-container:after
{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.middle-container:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix{
  zoom: 1;
}


/*--------------------------------------------- New Default css -------------------------------------------------------*/
*{ margin:0; padding:0; outline:0; }
body{ background:#f4f4f4;font-family: 'Open Sans', sans-serif;; font-size:16px; color: #000; }
p{ font-size:16px ; color: #000; line-height:23px ; margin:0 0 20px 0; }

a{ color:#3f8def ; text-decoration:none; }
a:hover{ text-decoration:underline; }

a[href^="tel:"]:hover{ text-decoration:none; }/*For ph no*/

img{ border:0 none; max-width:100%; height:auto; display:block; }
input, select, textarea{ box-sizing:border-box; font-family: 'Open Sans', sans-serif; font-size:16px;  }
input[type="submit"], input[type="button"], button{ cursor:pointer; font-style:normal; }

.clear{ clear:both; }

img.alignleft{ float:left; display:block; }
img.alignright{ float:right; display:block; }
img.alignnone{ float:none; clear:both; }
img.aligncenter{ float:none; margin:0 auto; display:block; }

h1, h2, h3, h4, h5, h6{ margin:;font-family: 'Playfair Display SC', serif; font-weight:400; }

ul { margin:0 0 0 22px; list-style:outside disc; }
ol{ margin:0 0 0 22px; list-style:outside decimal; }
ul li, ol li{ margin:0 0 10px; color:#505a5e; font-size: 16px; line-height: 23px; }
ol li{ padding:0 0 0 4px; }


h1{ font-size:; color:; margin:; }
h2{ font-size:; color:; margin:; }
h3{ font-size:; color:; margin:; }
h4{ font-size:; color:; margin:; }
h5{ font-size:; color:; margin:; }
h6{ font-size:; color:; margin:; }

.main_wrapper{ margin:0; padding:0;}
header{ position:absolute; width:100%; height:95px; left:0; top:0; z-index:1; font-size:16px; font-family:Lato, sans-serif; }
header ul{ margin:30px 0 0; float:right; list-style-type:none;}
header ul li{ float:left; padding:0 4px;}
header ul li a{ display:block; color:#FFFFFF; padding:5px 12px 6px;border-radius:17px;-moz-border-radius:17px; -webkit-border-radius:17px;}
header ul li a:hover{ background:rgba(255, 255, 255, 0.75); text-decoration:none; color:#000;}
header ul li.active a{ background:rgba(255, 255, 255, 0.75); text-decoration:none; color:#000; font-weight:700;}
header ul li.latest_vince a{ background:#e3c98f; font-weight:700; color:#080600; }
.middle_contant{ width:1170px; margin:0 auto;}
.top_banner{ font-family: 'Adamina', serif; font-size:24px; color:#FFF; position:relative;}
.top_banner img{ width:100%;}
.banner_contant{ width:100%; top:0; left:0; right:0; bottom:0; position:absolute;}
.top_banner h1{ font-size:115px; line-height:100px; color:#FFF; border-bottom:1px solid #FFF; padding:0 0 55px; margin:0 0 35px;}
.top_banner h1 span{ display:block; padding-left:120px;}
.top_banner .left_contant{ padding:145px 0 0 70px; width:41%;}

.middle_container{ margin:-50px 0 0;}
.m_contant{ background:#FFFFFF; padding:20px 20px 60px; margin:0 auto; width:1170px; box-sizing: border-box; position:relative; overflow:hidden;}

.after_the_story{ background: url(images/after_the_story_bg.jpg) no-repeat center 0; background-size:cover; min-height:930px; padding:0 50px; margin:0 0 15px;}
.as_right_contant_wrap{ float:left; width:100%;}
.after_the_story .as_right_contant{ width:590px; float:right; margin:0 0 75px;}
.as_right_contant h2{ margin:55px 0px 0px 140px; font-size:65px; color:#e3c98f; font-weight:normal; line-height:65px;}
.as_right_contant dfn, .as_right_contant .as_text{ margin:35px 20px 0px 140px; font-size:25px; line-height:38px; color:#FFF; font-family: 'Adamina', serif;display: block; font-style: normal;}
.as_right_contant dfn span, .as_right_contant .as_text span{color:#e3c98f;}
.as_right_contant .as_text{ margin:45px 20px 0 40px;}
.as_buton_box{ margin-left:-50px;position: relative;}
.middle_container .as_buton_box a{ background:none; border:2px solid #fff; border-radius:30px; margin:20px 10px 0px 0px;display: inline-block;}
.as_buton_box a.amazone{ background:url(images/amazone.png) center no-repeat; width:160px; height:43px;}
.as_buton_box a.amazone:hover{ background:#fff url(images/amazone_hover.png) center no-repeat;}
.as_buton_box a.waterstone{ background:url(images/waterstones.png) center no-repeat; width:180px; height:43px;}
.as_buton_box a.waterstone:hover{ background:#fff url(images/waterstones_hover.png) center no-repeat;}
.as_buton_box a.atlanticbook{ background:url(images/atlanticbook.png) center no-repeat; width:240px; height:43px;}
.as_buton_box a.atlanticbook:hover{ background:#fff url(images/atlanticbook_hover.png) center no-repeat;}

.after_three_box{ clear: both; float:left; color:#FFF; width:100%; padding:0 0px 20px; margin:0 0 20px; border-bottom:1px solid #FFF; box-sizing:border-box; }
.after_three_box .box{ float:left; font-size:16px; color:#FFFFFF; box-sizing:border-box; width:23%;}
.after_three_box .box p{ color:#FFFFFF; font-family:Adamina, serif;}
.after_three_box .box span{ display:block; color:#e3c98f; font-family:Lato, sans-serif; font-size:14px; margin:5px 0 0;}
.after_three_box .vincent{ width:54%; padding:0 60px;}
.a_full{ clear:left;}
.a_full h3{ color:#FFFFFF; font-size:23px; float:left; font-family:Adamina, serif; font-weight: normal;}
.middle_container .btn,#inner-banner.banner_content.articles .mediun .btn{text-decoration: none;background:none; font-size:17px; font-family:Lato, sans-serif; color:#FFF; font-weight:700; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px; border:2px solid #fff; padding:7px 15px;}
.middle_container .a_full .btn{ float:right;} 

.about_vince{ background: url(images/about_vince_bg.jpg) no-repeat center 0 #182553; background-size:cover; min-height:450px; padding:30px 50px 40px; font-family:Adamina, serif; color:#FFF; font-size:18px; box-sizing:border-box; margin:0 0 15px;}
.about_vince h2{ font-size:57px; color:#e3c98f; margin:0 0 30px;}
.about_right_text{ width:38%; float:right;}
.about_right_text p{ color:#FFF;font-size: 18px;line-height: normal; margin:0 0 25px;}
.about_right_text .btn{ float:right; padding:7px 40px;}

.articles_by{ background: url(images/articles_by_bg.jpg) no-repeat center 0; background-size:cover; min-height:450px; padding:40px 50px; font-family:Adamina, serif; color:#FFF;box-sizing:border-box; margin:0 0 15px;}
.articles_by h2{ font-size:49px; color:#000; margin:0 0 30px;}
.articles_left_text{ width:45%;}
.articles_by p{ font-size:19px; color:#000000; line-height:normal; padding:0 40px 0 0; margin:0 0 25px;}
.articles_by .btn{ background:#4263be; border:none; padding:7px 30px; display: inline-block;}
.articles_by a.btn:hover { background: #000; color: #fff;}

.speeches_wrapper{ font-family:Adamina, serif;}
.speeches{ background:url(images/speeches_bg.jpg) no-repeat center 0 #000000; background-size:cover; width:49.2%; float:left; min-height:450px; box-sizing:border-box; padding:40px 50px; height: 450px;}
.speeches h2{ font-size:50px; color:#FFFFFF; margin:0 0 30px; line-height:60px;}
.speeches_left_text{ width:51%;}
.speeches_left_text p{ font-size:19px; line-height:normal; margin:0 0 40px; color:#FFF;}
.speeches .btn{ padding:7px 35px; display: inline-block;}
.mediun{ background:url(images/medium_bg.jpg) no-repeat center 0; background-size:cover; min-height:45px; box-sizing:border-box; padding:40px 40px 15px 15px; float:right; width:49.2%; min-height:450px; border:1px solid #32fc8d;height: 450px;position: relative;}
.mediun p{ font-size:26px; line-height:normal;}
.mediun .top_text{ font-size:24px; width:80%; min-height:314px; box-sizing:border-box; padding:0 0 0 25px;}
.mediun .btn{ background:#198464; border:none; padding:8px 43px; float:right;}
.mediun .mlogo{ float:left; width:100%;position: absolute; left: 18px; bottom: 18px;}

footer{ color:rgba(255, 255, 255, 0.6); font-family:Adamina, serif;}
footer h2{ font-size:42px; color:rgba(255, 255, 255, 0.6); float:left; line-height:34px;}
footer h2 a{color: #fff;}
footer h2 a:hover{text-decoration: none;}
footer h2 span{ display:block; padding-left:35px;}
footer h3{ font-size:26px; color:rgba(255, 255, 255, 0.6); margin:0 0 10px;}
footer p{ color:rgba(255, 255, 255, 0.6);}
footer .middle_contant{background:#17113d; padding:30px 5px 0px; overflow:hidden; box-sizing:border-box;}
footer ul{ list-style-type:none; float:left; margin:0 0 15px; width:100%;}
footer ul li{ float:left; border-right:1px solid rgba(255, 255, 255, 0.6); padding:0 20px; margin:0; width:25%; box-sizing:border-box; min-height:115px;}
footer ul li:last-child{ border-right:0;}
footer ul li.former{ width:45%;}
.f_right_text{ float:right; width:60%;}
.f_right_text p{font-size:12px; line-height:18px;}
footer ul li.contact_me{width:30%;}
.contact_me p{ font-size:14px;}
footer .btn{font-family: "Open Sans",sans-serif; background:#aeadb8; border:none; color:#000000; font-size:13px; font-weight: 600;padding:5px 24px; border-radius:45px;}
footer .btn:hover {
    background: #fff;
    text-decoration: none;
}
footer .btn:hover{text-decoration: none;}
.social_media{ padding:10px 0 0; float:left; width:100%;}
.social_media ul{ margin:0; width:100%; text-align:center;}
.social_media ul li{ display:inline-block; padding:0 10px; float:none; border:none; box-sizing:content-box; min-height:0;}
.social_media ul li a{ display:block; width:51px; height:51px;}
.social_media ul li.twi_icon a{ background:url(images/social_media_icon_01.png) no-repeat 0 0;}
.social_media ul li.twi_icon a:hover{ background:url(images/social_media_icon_01_hv.png) no-repeat 0 0;}
.social_media ul li.med_icon a{background:url(images/social_media_icon_02.png) no-repeat 0 0;}
.social_media ul li.med_icon a:hover{background:url(images/social_media_icon_02_hv.png) no-repeat 0 0;}
.copy_right { clear: left;font-size: 14px;padding: 21px 20px;text-align: right;}
.copy_right a{ color:rgba(179, 199, 255, 0.6);}
.home header{background: none;}


/* about page css start here */
.top_banner img{width: 100%;}
#inner-banner .left_contant{width: 100%; padding:40px 45px 30px; background: #fff; position: relative; box-sizing: border-box;}
.left_contant dfn{display: block; font-style: normal;}
#inner-banner .left_contant p{ color: #172c65; font-size: 20px; line-height: 31px; font-weight: normal;}
#inner-banner.banner_content{ position: static; margin-top: -55px;}
.top_banner #inner-banner h1{ position: absolute;left: 0px; top: -124px; font-size: 100px; color: #e3c98f; border: none; font-weight: 400; margin: 0px; padding: 0px;}
.about-us-content{ border-top:1px solid #bfbfbf; padding-top: 50px;}
.about-img{ float: left; max-width: 634px; margin-right: 40px; }
.des{border: 1px solid #eeeeee; border-top: none; font-size: 15px; padding: 12px 10px 10px; color: #000; clear: both;}
#main_wrapper .m_contant{ padding:0 45px 45px 45px;}
#main_wrapper .middle_container{ margin: 0px;}
.dancing,.charities{ margin-top:80px;}
.about-content { margin-top: -6px;}
.about-content p,.charities-content p{ margin-bottom: 30px; font-size: 16px; line-height: 26px;}
.dancing-box{overflow: hidden; margin-bottom: 25px;}
.dancing-box img{ border-bottom: 1px solid #fff; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}
.dancing-video{border-right: 1px solid #fff;float: left; max-width: 641px; background:#000; position:relative;}
.dancing-video img{  border-bottom: none;}


.dancing-img{float:left;max-width: 438px;}
h2.title{ font-size: 39px; color: #172c65; font-weight: normal; margin-bottom: 31px; text-transform: none;font-family: 'Prata', serif;}
.middle_container a{ text-decoration: underline;color: #4263be;}
.middle_container a:hover{text-decoration: none; background-color:#fff;color: #000;}
.charities-box-img{ float: left; max-width: 710px;}
.charities-video{ float: left; max-width: 430px; border-right: 3px solid #fff;}
.charities-img{ float: left;max-width: 273x;}
.charities-logos{ float: right; max-width: 347px;}
.charities-box{overflow: hidden; padding-top: 35px;}
.charities-logos ul{margin: 0px; list-style: none;}
.charities-logos ul li{ margin-bottom: 83px; text-align: center;}
.charities-logos ul li img{display: inline-block;}
.charities-logos ul li:last-child{ margin-bottom: 0px;}
.charities-box-img img{ border-bottom: 3px solid #fff;}
.lDemocrats-img{float: left; max-width: 635px; margin-right: 35px;}
.lDemocrats-content-sidebar{float: right; max-width: 408px;}
.lDemocrats-content-sidebar p{ margin-bottom: 25px;}
.lDemocrats-content ul{margin: 0px; list-style: none;}
.lDemocrats-content{overflow: hidden; margin-top: 65px; border-top:1px solid #e3e3e3; padding-top: 60px;}
.lDemocrats-img .des{ padding: 15px 20px;}
.about-portrait-content{float: left; max-width: 580px;}
.about-portrait-img{ float: right; max-width: 354px; margin-top: -40px;}
.about-portrait{overflow: hidden; margin-top: 130px; padding: 70px 70px 85px; background: #f8f8f8; margin-left: -45px; margin-right: -45px;}
.about-portrait h3{color: #272727; font-size: 26px;font-family: 'Prata', serif; font-weight: normal; margin-bottom: 20px;}
.about-portrait p{font-size: 17px; line-height: 26px;}
.charities h2{ margin-bottom: 27px;}
.logo {
    float: left; padding: 20px 0 20px 0;
}
header{ background: rgba(18,12,41,0.75); height: auto;}
/* about page css ends here */

/* Articles page css start here */
#main_wrapper #article-wrapper{ padding: 0 21px 45px;}
.button{font-family: 'Open Sans', sans-serif;  font-size: 17px;font-weight: bold;background: #4263be; padding: 0 40px; border-radius: 20px; margin-left: 5px; color: #fff; line-height: 41px; display: inline-block;}
.button:hover{background: #000; text-decoration: none;}
#inner-banner.articles .left_contant p{ line-height:60px;}
#inner-banner.articles .left_contant{ padding-top: 20px;}
.container{overflow: hidden;}
.title-upper h4{font-family:Adamina, serif; font-size: 15px; color: #172c65; font-weight: normal; margin-bottom: 6px;}
.title-upper span{font-family:Lato, sans-serif; font-size: 13px; color: #000;}
.title-upper{ margin-bottom: 14px; padding: 0 10px;}
#filters {
	margin:1% 1.7% 3%;
	padding:0;
	list-style:none;
    border-bottom: 2px solid #dedede;
}

	#filters li {
		float:left; margin: 0px; 
	}
#filters li:first-child span{ margin-left: 0px;}
	#filters li span {
		display: block;
		padding:15px 4px;		
		text-decoration:none;
		color:#272338;
		cursor: pointer;
        margin: 0 15px;
        font-size: 28px;
	}
	
	#filters li span.active {
	border-bottom: 6px solid #e3c98f; font-weight: bold;


	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:31.3%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
    min-height: 305px;padding: 0px;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		cursor:pointer;
        border: 1px solid #f3f4f7;
        padding: 15px 0 0px; transition: 0.2s;
	}
.portfolio-wrapper:hover{ border: 1px solid #c5c6c9;}

	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
        margin-top: 7px;
		width: 100%;
		height:40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

.middle_container a.text-title{font-family:Lato, sans-serif; color: #4263be; float: right;font-size: 14px; font-weight: 700;}
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
.middle_container a.text-title.download{color: #bf1007;}
			
			.portfolio .text-category {
				display:block;
				font-size:9px; float: left;
			}
	
	.portfolio:hover img {
    opacity: 0.8;
  }  
.portfolio:hover .label-text img{ top: 0px; opacity: 1;}
.http{font-family:Lato, sans-serif; float: right;background: #4263be; color: #fff;font-size: 12px; font-weight: 700;border-radius: 12px; padding: 0 13px; line-height: 20px; display: inline-block;margin:0 5px 0 10px;}
.http.pdf{background: #bf1007;}	



/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px; 
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 70%;
	}
	
	#ads {
		display:none;
	}
	
}



/* Articles page css ends here */

/* publications css start here */
#main_wrapper-publications .after_three_box{ border: none; margin-bottom: 0px; }
#main_wrapper-publications .after_the_story{overflow: hidden; min-height:0px; margin-bottom: 20px;}
.books h2{padding: 0 20px; box-sizing: border-box;font-family: 'Playfair Display SC', serif; font-size: 46px; font-weight: normal; color: #172c65; margin-bottom: 40px;}
.books ul{ margin: 0px; list-style: none;}
.books ul li{ border: 1px solid #f3f4f7;
       transition: 0.2s;  width: 31.33%; margin: 0 1% 16px; min-height: 224px; float: left; padding: 15px 18px 40px; box-sizing: border-box; position: relative;}
.books .book-img{float: left; width: 109px; margin-right: 20px; position: relative;}
.book-description{ float: left;width:181px;}

#main_wrapper-publications .middle_container a.button{color: #fff; text-decoration: none; font-size: 13px; line-height: 32px; padding: 0 20px; 
float: right; margin-top: 5px; position: absolute; right: 12px; bottom: 12px;}


#main_wrapper-publications .middle_container a:hover.button{ background: #000; }

#main_wrapper-publications .middle_container a.button.d-pdf{ background: #bf1007;}
#main_wrapper-publications .middle_container a.button.d-pdf:hover{ background: #000;}
.book-description h4{font-family: 'Adamina', serif; padding: 0 4px 0 0; font-size: 16px; color: #172c65;  margin-bottom: 20px; margin-top: -5px; }
.book-description dfn{font-family: 'Lato', sans-serif; font-size: 14px; color: #000; min-height: 53px;font-style: normal; display: block;}
.e-books{ padding-top: 20px; clear: both;}
.books .book-img i{ position: absolute; right: -13px; bottom: -10px;}
.books ul li:hover{ border: 1px solid #e3c98f;}
.e-books ul li{min-height:214px;}
/* publications css ends here */


/*  speeches css start here  */
.left-content{ float: left; width: 70%;}
.tabs-nav {
    list-style: none;
    margin: 81px 0 0 50px;
    padding: 0 0 0 4px; float: right; position: absolute; width: 20%; right: 35px; top: 19px; z-index: 9999;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    /* be nice to Opera */ margin-bottom: 1px; background: #f4f4f4;border-left: 5px solid #fff;
}
.tabs-nav li.tabs-selected,.tabs-nav li:hover{background: #fafafa; border-left: 5px solid #e3c98f;}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    font-family: 'Lato', sans-serif;
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #172c65;
    font-size: 17px;
    font-weight: normal;
    line-height: 36px;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
#fragment-1 {
    width: 74%;
    padding:1em 0px;
    box-sizing: border-box;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
.tabs-hide {
    display: none;
}
.left-content.tabs-hide{display: block !important;}
#container-1{display: flex; margin-top: -48px; min-height: 500px;}
.tabs-container h2{font-size: 56px;color: #172c65; margin-bottom: 30px;}
.tabs-container .para p,.keys li{font-family: 'Open Sans', sans-serif;font-size:17px;color: #000; line-height: normal;}
.tabs-container p{margin-bottom: 28px; font-family: 'Adamina', serif;color: #172c65; font-size: 27px; line-height: 38px;}
.testimonials{position: relative; border-top: 1px solid #bfbfbf; padding-top: 50px; margin-top: 45px;}
.testimonials blockquote{position: absolute; font-family: 'Lato', sans-serif; font-style: italic; font-size: 17px; top: 25%; left: 60px;width: 39%; color: #fff;  padding-top: 65px; line-height: 23px;}
.testimonials blockquote:before{position: absolute; top:0%; left: -24px;background: url(images/quate.png) left top no-repeat; width: 70px; height: 52px;content: "";}
.tabs-container h3{font-size: 40px;color: #172c65;font-family: 'Prata', serif; margin-top: 80px; margin-bottom: 40px;}
.address p{margin: 0px 0 5px;}
.bottom-part{background: #e3c98f; padding: 35px 40px;min-width: 1020px; margin-bottom: 40px;}
.bottom-part h4{color: #000; font-size: 29px;font-family: 'Adamina', serif; text-transform: none;}
#main_wrapper-speeches .m_contant{ padding: 20px 35px 35px;}
.address{ margin-bottom: 40px;}
#main_wrapper-speeches .middle_container a.button{color: #fff; text-decoration: none; margin-right: 8px;}
#main_wrapper-speeches .middle_container a.button:hover{ background:#000}

.tabs-container h5{color: #000; font-size:17px;font-family: 'Open Sans', sans-serif; text-transform: none; font-weight: bold; margin-bottom: 25px; margin-top: 15px;}
.keys li{list-style: disc; }
.keys{ margin: 20px 0 30px 21px;}
.solial-links{overflow: hidden;}
.solial-links ul{ margin: 0px 2px 8px ; float: right; list-style: none;}
.solial-links ul li{display: inline-block;margin: 0 0 0 10px;}
.solial-links ul li a{display: inline-block;width: 33px; height: 33px; background: url(images/social-media.png) 7px top no-repeat;}
.solial-links ul li a:hover{ opacity:.6}
.solial-links ul li.facebook a{ background-position: -38px 0px;}
.solial-links ul li.linked-in a{ background-position: -81px 0px;}
.solial-links ul li.twitter a{ background-position: -124px 0px;}
.solial-links ul li.print a{ background-position: -167px 0px;}
.para{ position: relative;}
.right-des{position: absolute; right: -36%; top: 0px;width: 29%;}
.tabs-container .right-des p{font-size: 24px;font-family: 'Adamina', serif; color: #172c65;}
#left-menu{position: relative; z-index: 9999;}
/*--------------------------------add new-----------------------------------*/
.dancing-video > a {
    background: #000 none repeat scroll 0 0;
    display: block;
    float: left;
    opacity: 1; 
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
}

.dancing-video a div.watch-now{ width:100%; height:100%; background:rgba(0,0,0, .6); position:absolute; left:0; top:0;
transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	
	transform:scale(0)}

.dancing-video a div.watch-now span {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	
	font-family: 'Lato', sans-serif;
}


.dancing-video a:hover div.watch-now{
 display:block;
 transform:scale(1)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mediun .top_text{min-height: 300px;}
}
/*  speeches css ends here  */