/*
Theme Name: YNBL
Theme URI: https://oyinebiventures.com/wip/
Description: This is WordPress Ready Theme.
Version: 2.8.1
Author: Netscope Systems
Author URI: https://oyinebiventures.com/wip/
*/


/**********************************************/
@import url('css/fonts.css');
@import url('css/font-awesome.css');
@import url('css/animate.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Avenir-Book',sans-serif;
	font-size:18px;
	color:#464646;
	line-height:1.4em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
}

a{
	text-decoration:none;
	cursor:pointer;	
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.4em;
}

input,button,select,textarea{
	font-family: 'Avenir-Book', sans-serif;	
}

p{
	position:relative;
	line-height:2em;	
}

.strike-through{
	text-decoration:line-through;	
}

.auto-container{
	position:static;
	max-width:1170px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-height:480px;
	min-width:300px;
	overflow:hidden;
	
}

ul,li{
	list-style:none;	
}

.button{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.center{
	text-align:center;	
}

.anim-3,.anim-3-all *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
}

.anim-5,.anim-5-all *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.anim-7,.anim-7-all *{
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.empty-btn{
	position:relative;
	display:inline-block;
	line-height:24px;
	font-size:15px;
	padding:13px 70px;
	border:1px solid #174e7f;
	color:#174e7f;
	text-transform:uppercase;
	letter-spacing:1px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.empty-btn:hover{
	background-color:#174e7f;
	color:#ffffff;	
}

.out{
	opacity:0;	
}

/*** 

====================================================================
	Preloader style
====================================================================

***/

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:rgba(255,255,255,1); background-position:center center; background-repeat:no-repeat; background-image:url(images/icons/preloader.GIF);}

/*** 

====================================================================
	Main Header style
====================================================================

***/

#main-header{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	padding:20px 40px;
	font-family: 'Avenir-Roman';
	z-index:9999;	
}

#main-header.contact-header{
	background:url(images/background/contact-header-bg.jpg) center top no-repeat;
	background-size:cover;
	position:relative;	
}

#main-header .header-inner{
	position:relative;	
}

#main-header .logo{
	position:relative;
	float:left;
	margin-top:5px;
}

#main-header .right{
	position:relative;
	float:right;
	color:#ffffff;
}

#main-header .right .cont-info{
	position:relative;
	margin-top:-16px;
	float:right;
	line-height:38px;	
}

#main-header .right .cont-info .phone{
	position:relative;
	display:inline-block;
	color:#ffffff;
	font-family: 'Avenir-Medium';
		
}

#main-header .right .cont-info .separation{
	position:relative;
	top:10px;
	display:inline-block;
	width:2px;
	height:38px;
	margin:0px 20px;
	background:url(images/icons/separation.png) center center no-repeat;
		
}

#main-header .right .cont-info .email{
	position:relative;
	display:inline-block;
	color:#ffffff;
}

#menu{
	position:relative;
	margin-top:10px;	
}


#menu .navbar-nav{
	position:relative;	
}

#menu .navbar-nav > li{
	position:relative;
	float:left;
	padding-right:50px;
	font-size:20px;
	color:#ffffff;	
}

#menu .navbar-nav > li:last-child{
	padding-right:0px;	
}

#menu .navbar-nav > li:last-child:after{
	display:none;
}

#menu .navbar-nav > li:after{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	width:50px;
	height:100%;
	color:#ffffff;
	background:url(images/icons/slash.png) center center no-repeat;
}

#menu .navbar-nav > li > a{
	position:relative;
	display:block;
	line-height:30px;
	font-size:20px;
	padding:5px 5px 5px 0px;
	color:#ffffff;	
}

#menu .navbar-nav > li *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
}

#menu .navbar-nav > li > a:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:0px;
	height:2px;
	background:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

#menu .navbar-nav > li:hover > a,
#menu .navbar-nav > li > a:focus,
#menu .navbar-nav > li.current > a,
#menu .navbar-nav > li > a:active,
#menu .navbar-nav > li > a:visited{
	background:none !important;
}

#menu .navbar-nav > li:hover > a:after,
#menu .navbar-nav > li.current > a:after,
#menu .navbar-nav > li.current-menu-item > a:after,
#menu .navbar-nav > li.current-page-ancestor > a:after{
	width:100%;	
}


/*** 

====================================================================
	Banner style
====================================================================

***/

.page-banner{
	position:relative;
	width:100%;
	/*background-attachment:fixed;
	background-size:cover;*/
	background-position:center center;
	background-repeat:no-repeat;
	height:400px;
	padding:120px 0px;
}

.page-banner .auto-container{
	max-width:1600px;	
}

.page-banner.landing-banner{
	padding:200px 0px;
	height:650px;
	background-size:cover;
}

.page-banner:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(32,0,64,0.60);
	z-index:1;
}

.page-banner .overlay{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:100%;
	height:100%;
	z-index:5;
}

.page-banner .overlay .inner{
	position:absolute;
	left:0px;
	top:0px;
	display:table;
	width:100%;
	height:100%;
}

.page-banner .overlay .inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	padding-top:50px;
	
}

.page-banner .overlay .inner .content h1{
	position:relative;
	font-size:50px;
	font-family: 'Proximanova-Thin';
}

.landing-banner .overlay .inner .content h1{
	font-size:40px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: 'Proximanova-Light';
}

.page-banner .overlay .inner .content h1 strong{
	position:relative;
	display:block;
	font-size:76px;
	margin:30px 0px 40px;
	font-family: 'Proximanova-Bold';
	font-weight:normal;
}

.page-banner .overlay .inner .content .learn-more{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:12px 50px;
	font-size:13px;
	text-transform:uppercase;
	color:#ffffff;
	background:#4d9330;
	background:linear-gradient(top,#2a7f33,#53962f);
	background:-webkit-linear-gradient(top,#2a7f33,#53962f);
	background:-ms-linear-gradient(top,#2a7f33,#53962f);
	background:-o-linear-gradient(top,#2a7f33,#53962f);
	background:-moz-linear-gradient(top,#2a7f33,#53962f);
}

.page-banner .overlay .inner .content .learn-more:hover{
	opacity:0.8;	
}

/*** 

====================================================================
	Main Services style
====================================================================

***/

.main-services{
	position:relative;
	margin-top:-120px;
	padding:0px 0px 120px;
	text-align:center;
	z-index:9998;	
}

.main-services .box{
	position:relative;
	margin-bottom:30px;	
}

.main-services .box h2{
	position:relative;
	line-height:40px;
	padding:40px 15px;
	font-size:30px;
	color:#252525;
	background-color:#ffffff;
}

.main-services .box:last-child h2{
	padding:20px 15px;	
}

.main-services .box figure{
	position:relative;
	display:block;
	overflow:hidden;	
}

.main-services .box figure img{
	display:inline-block;
	width:100%;	
}

.main-services .box figure .link-overlay{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	right:-100%;
	background:url(images/icons/arrow-next.png) center center no-repeat;
	background-color:rgba(0,47,95,0.70);
}

.main-services .box:hover figure .link-overlay{
	right:0%;	
}

.main-services .text-content{
	position:relative;
	margin-top:60px;
	font-family: 'Avenir-Book';
}

.main-services .text-content p{
	line-height:2em;	
}

.main-services .text-content h2{
	position:relative;
	font-size:36px;
	color:#282528;
	font-family: 'Avenir-Light';
	margin-bottom:40px;
}

/*** 

====================================================================
	Call Us style
====================================================================

***/

.call-us{
	position:relative;
	width:100%;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:100px 0px;
	color:#021945;
	text-align:center;
}

.call-us:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.85);
	z-index:0;	
}

.call-us .light{
	position:relative;
	font-size:48px;
	font-family: 'Avenir-Light';	
}

.call-us .phone{
	position:relative;
	display:block;
	font-size:60px;
	letter-spacing:1px;
	font-family: 'Proximanova-Bold';
	margin:30px 0 40px;
	font-weight:normal;
	color:#23527c;
	display:inline-block;
}

.call-us .medium{
	position:relative;
	font-size:24px;
	font-family: 'Avenir-Book';
	margin-bottom:0px;
}


/*** 

====================================================================
	Main Footer style
====================================================================

***/

.main-footer{
	position:relative;
	width:100%;
	padding:80px 0px;
	background:#f7fafc;
	text-align:center;	
}

.newsletter-form{
	position:relative;
	max-width:770px;
	margin:0 auto 60px;	
}

.newsletter-form .eemail_msg{

}

.newsletter-form .eemail_textbox{
	position:relative;
	display:block;
	margin:0px;
	float:left;
	width:75%;
}

.newsletter-form .eemail_button{
	float:left;
}

.newsletter-form .eemail_textbox input[type="text"],
.newsletter-form .eemail_textbox input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	background-color:rgba(255,255,255,1);
	line-height:24px;
	padding:12px 170px 12px 40px;
	font-size:20px;
	color:#021945;
	font-family: 'Avenir-Book';
	border:1px solid rgba(187,195,194,0.50);
	border-radius:24px 0 0 24px;
	-webkit-border-radius:24px 0 0 24px;
	-ms-border-radius:24px 0 0 24px;
	-o-border-radius:24px 0 0 24px;
	-moz-border-radius:24px 0 0 24px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.newsletter-form .eemail_textbox input[type="text"]:focus,
.newsletter-form .eemail_textbox input[type="email"]:focus{
	border-color:rgba(187,195,194,1);
}

.newsletter-form .eemail_button button[type="button"],
.newsletter-form .eemail_button input[type="button"]{
	display:block;
	height:50px;
	line-height:24px;
	padding:13px 50px;
	color:#ffffff;
	background-color:#021945;
	text-transform:uppercase;
	font-size:18px;
	font-family: 'Proximanova-Bold';
	border-radius:0px 25px 25px 0px;
	-webkit-border-radius:0px 25px 25px 0px;
	-ms-border-radius:0px 25px 25px 0px;
	-o-border-radius:0px 25px 25px 0px;
	-moz-border-radius:0px 25px 25px 0px;
	width:auto;
}

.main-footer .footer-logo{
	position:relative;
	margin:30px 0;	
}

.main-footer .footer-text{
	position:relative;
	margin-bottom:30px;
	font-size:20px;
	color:#363636;
	font-family: 'Avenir-Book';	
}

.main-footer .footer-text p{
	margin-bottom:0px;	
}

.main-footer .footer-text a{
	position:relative;
	color:#363636;
}

.main-footer .footer-text .bullet{
	position:relative;
	display:inline-block;
	margin:0 15px;
	font-size:12px;
}

.main-footer .footer-text .power-by {
	color:#1a1a1a;
	font-size:15px;
}

.main-footer .footer-text .power-by a {
	color:#021945;
	font-size:15px;
}

.main-footer .social{
	position:relative;	
}

.main-footer .social a{
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:38px;
	border:1px solid #021945;
	color:#021945;
	font-size:18px;
	margin:0px 9px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
}

.main-footer .social a:hover{
	color:#ffffff;
	background-color:#021945;	
}


/*** 

====================================================================
	Who We Are style
====================================================================

***/

.who-we-are{
	position:relative;
	padding:90px 0px;
	text-align:center;	
}



.who-we-are h1{
	position:relative;
	font-size:40px;
	color:#282528;
	font-family: 'Avenir-Light';
	margin-bottom:40px;
}

.who-we-are .text-content{
	position:relative;
	font-family: 'Avenir-Book';
	margin-bottom:40px;
}

.who-we-are .text-content p{
	line-height:2em;	
}

.who-we-are .read-more{
	position:relative;
	display:inline-block;
	font-family: 'Avenir-Medium';
	color:#174e7f;
	text-transform:capitalize;
}

/*** 

====================================================================
	Areas of Expertise style
====================================================================

***/

.expertise{
	position:relative;
	padding:90px 0px;
	text-align:center;
	background:#f7fafc;	
}



.expertise h1{
	position:relative;
	font-size:40px;
	color:#282528;
	font-family: 'Avenir-Light';
	margin-bottom:40px;
}

.expertise .text-content{
	position:relative;
	font-family: 'Avenir-Book';
	margin-bottom:60px;
}

.expertise .text-content p{
	line-height:2em;	
}

.expertise .service-listing{
	position:relative;
	text-align:left;
}

.expertise .service-listing .list{
	position:relative;
	margin-bottom:20px;	
}

.expertise .service-listing .list h3{
	position:relative;
	font-size:22px;
	font-family: 'Proximanova-Bold';
	color:#174e7f;
	margin-bottom:20px;
}

.expertise .service-listing .list ul{
	position:relative;
	margin-left:-20px;
}

.expertise .service-listing .list ul li{
	position:relative;
	padding-left:20px;
	font-size:16px;
	background:url(images/icons/bullet-dot.png) left 9px no-repeat;	
}

.expertise .service-listing .list ul li a{
	color:#7d7d7d;	
}



/*** 

====================================================================
	Empty Banner style
====================================================================

***/

.empty-banner{
	position:relative;
	width:100%;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0px;
	text-align:center;
	height:420px;
}

/*** 

====================================================================
	Carers style
====================================================================

***/

.careers{
	position:relative;
	padding:90px 0px 30px;
}

.careers h1{
	position:relative;
	font-size:40px;
	color:#282528;
	font-family: 'Avenir-Light';
	margin-bottom:80px;
	text-align:center;
}

.careers .career-post{
	position:relative;
	padding-left:150px;
	border-bottom:1px solid #e1e1e1;
	font-family: 'Avenir-Book';
	margin-bottom:60px;
	padding-bottom:50px;
}

.careers .career-post:last-child{
	border-bottom:none;
	margin-bottom:0px;	
}

.careers .career-post .date{
	position:absolute;
	left:0px;
	top:0px;
	font-family: 'Proximanova-Light';
	color:#363636;
	font-size:22px;
	line-height:24px;
	border-right:1px solid #999999;
	padding-right:15px;	
}

.careers .career-post .title{
	position:relative;
	margin-bottom:30px;
	padding-right:180px;
}

.careers .career-post h3{
	position:relative;
	font-family: 'Proximanova-Bold';
	color:#174e7f;
	font-size:22px;
	margin-bottom:2px;
	text-transform:uppercase;
}

.careers .career-post h3 a{
	color:#174e7f;	
}

.careers .career-post .apply-job{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	font-family: 'Proximanova-Bold';
	color:#ffffff;
	background:#174e7f;
	padding:10px 30px;
	line-height:20px;
	font-size:14px;
	text-transform:uppercase;
}

.careers .career-post .job-desc{
	position:relative;
	margin-bottom:30px;
}

.careers .career-post .job-desc p{
	position:relative;
	line-height:2em;
}

.careers .career-post .read-more{
	position:relative;
	display:inline-block;
	font-family: 'Avenir-Medium';
	color:#174e7f;
	text-transform:capitalize;
}


/*** 

====================================================================
	Post Resume style
====================================================================

***/

.post-resume{
	position:relative;
	padding:90px 0px;
	border-bottom:1px solid #c1c1c1;
	background:#f7fafc;	
}

.post-resume h1{
	position:relative;
	font-size:40px;
	color:#282528;
	font-family: 'Avenir-Light';
	margin-bottom:80px;
	text-align:center;
}

.resume-form{
	position:relative;	
}

.resume-form .form-group{
	position:relative;
	margin-bottom:25px;	
}

.resume-form .form-group *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
}

.resume-form .form-group label{
	position:relative;
	display:block;
	font-family: 'Proximanova-Semibold';
	color:#003a67;
	font-weight:normal;
	letter-spacing:1px;
	line-height:22px;
	font-size:20px;
	margin-bottom:10px;
	text-transform:capitalize;
}

.resume-form .form-group input[type="text"],
.resume-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	font-size:15px;
	padding:10px 15px;
	border:1px solid #c1c1c1;
	background-color:#ffffff;
}

.resume-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:170px;
	line-height:24px;
	font-size:15px;
	padding:15px 15px;
	border:1px solid #c1c1c1;
	background-color:#ffffff;
	resize:none;
}

.resume-form .form-group input[type="text"]:focus,
.resume-form .form-group input[type="email"]:focus,
.resume-form .form-group textarea:focus{
	border-color:#003a67;	
}

.resume-form .files{
	position:relative;
	margin-top:20px;	
}

.resume-form .files h4{
	position:relative;
	display:block;
	font-family: 'Proximanova-Semibold';
	color:#363636;
	font-weight:normal;
	line-height:22px;
	font-size:20px;
	margin-bottom:20px;
	text-transform:capitalize;
}

/*.resume-form .files .custom-file-button {
	z-index: 1;
}

.resume-form .files .custom-file-button input[type=button] {
	cursor: pointer;
	width: 148px;
	background:none;
	position:absolute;
	bottom:0;
}

.resume-form .files input[type="file"] {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}*/

.resume-form .files button[type="button"]{
	position:relative;
	display:block;
	color:#003a67;
	font-size:18px;	
	border:none;
	background:none;
}

.resume-form input[type="submit"],
.resume-form button[type="submit"]{
	position:relative;
	display:block;
	margin:50px 0 0;
	font-family: 'Proximanova-Bold';
	color:#ffffff;
	background:#174e7f;
	padding:9px 40px;
	line-height:20px;
	font-size:14px;
	text-transform:uppercase;
}


/*** 

====================================================================
	Contact us style
====================================================================

***/

.contact-us{
	position:relative;
	padding:140px 0px;	
}

.contact-us .info{
	position:relative;
	margin-bottom:30px;	
}

.contact-us .info h1{
	font-size:36px;
	margin-bottom:20px;
	color:#282528;	
}

.contact-us .info p{
	line-height:1.6em;
	margin-bottom:30px;
	font-family: 'Avenir-Book';	
}

.contact-us .info .address{
	line-height:1.8em;
	margin-bottom:10px;
	font-family: 'Avenir-Light';	
}

.contact-us .info > a{
	color:#464646;	
	font-family: 'Avenir-Light';
}

.contact-us .info .social{
	position:relative;
	margin-top:10px;
}

.contact-us .info .social a{
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:38px;
	border:1px solid #021945;
	color:#021945;
	font-size:18px;
	margin-right:15px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
}

.contact-us .info .social a:hover{
	color:#ffffff;
	background-color:#021945;	
}



.contact-us .contact-form{
	position:relative;
	padding:0px;	
}

.contact-us .contact-form .form-group{
	position:relative;
	display:block;
	margin-bottom:30px;	
}

.contact-us .contact-form .form-group input[type="text"],
.contact-us .contact-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	font-size:15px;
	padding:10px 15px;
	border:1px solid #c1c1c1;
	background-color:#ffffff;
}

.contact-us .contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:170px;
	line-height:24px;
	font-size:15px;
	padding:15px 15px;
	border:1px solid #c1c1c1;
	background-color:#ffffff;
	resize:none;
}

.contact-us .contact-form .form-group input[type="text"]:focus,
.contact-us .contact-form .form-group input[type="email"]:focus,
.contact-us .contact-form .form-group textarea:focus{
	border-color:#003a67;	
}

.contact-us .contact-form input[type="submit"],
.contact-us .contact-form button[type="submit"]{
	position:relative;
	display:block;
	font-family: 'Proximanova-Semibold';
	color:#ffffff;
	background:#174e7f;
	padding:15px 50px;
	line-height:22px;
	font-size:16px;
	text-transform:uppercase;
}


.map-section{
	position:relative;	
}

.map-section .static-image{
	position:relative;
	display:block;
	width:100%;	
}


/*** 

====================================================================
	News Section style
====================================================================

***/

.news-section{
	position:relative;
	padding:80px 0px 120px;
	text-align:center;
}

.news-section h1{
	position:relative;
	margin-bottom:80px;
	font-size:40px;
	color:#252828;
}

.news-section .three-column{
	position:relative;
	margin-bottom:50px;	
}

.news-section .three-column .news-post{
	position:relative;
	margin-bottom:30px;	
}

.news-section .three-column .news-post .title{
	position:relative;
	padding:20px 0px;
	background:url(images/icons/hor-sep.png) center bottom no-repeat;
}

.news-section .three-column .news-post .text-content{
	position:relative;
	padding:20px 0px;
}

.news-section .three-column .news-post h2,
.news-section .three-column .news-post h2 a{
	position:relative;
	line-height:30px;
	font-size:22px;
	color:#252525;
	margin-bottom:5px;
	letter-spacing:1px;
	font-family: 'Proximanova-Semibold';
}

.news-section .three-column .news-post h3{
	position:relative;
	line-height:24px;
	font-size:20px;
	color:#184f80;
	margin-bottom:5px;
}

.news-section .three-column .news-post h3 a{
	color:#00396c;	
}

.news-section .three-column .news-post *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.news-section .three-column .news-post figure{
	position:relative;
	display:block;
	overflow:hidden;	
}

.news-section .three-column .news-post figure img{
	display:inline-block;
	max-width:100%;
	height:auto;
}

.news-section .three-column .news-post:hover figure img{
	transform:scale(1.1,1.1) rotate(5deg);
	-webkit-transform:scale(1.1,1.1) rotate(5deg);
	-ms-transform:scale(1.1,1.1) rotate(5deg);
	-o-transform:scale(1.1,1.1) rotate(5deg);
	-moz-transform:scale(1.1,1.1) rotate(5deg);	
}

.news-section .three-column .news-post figure .link-overlay{
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	background:url(images/icons/arrow-next.png) center center no-repeat;
	background-color:rgba(0,47,95,0.70);
	opacity:0;
}

.news-section .three-column .news-post:hover figure .link-overlay{
	opacity:1;	
}


.news-section .one-column{
	position:relative;
}

.news-section .one-column .news-post{
	position:relative;
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid #c1c1c1;
}

.news-section .one-column .news-post .title{
	position:relative;
	margin-bottom:30px;
}

.news-section .one-column .news-post .text-content{
	position:relative;
	padding:30px 0px;
	font-family: 'Avenir-Book';
}

.news-section .one-column .news-post h2{
	position:relative;
	font-size:36px;
	color:#252525;
	margin-bottom:10px;
	font-family: 'Avenir-Light';
}

.news-section .one-column .news-post .date{
	position:relative;
	font-size:15px;
	font-family: 'Proximanova-Semibold';
	margin-bottom:5px;
	color:#00396c;	
}

.news-section .one-column .news-post *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.news-section .one-column .news-post figure{
	position:relative;
	display:block;
	overflow:hidden;	
}

.news-section .one-column .news-post figure a.image-wrap{
	position:relative;
	display:block;	
}

.news-section .one-column .news-post figure img{
	display:inline-block;
	width:100%;	
}

.news-section .one-column .news-post figure .link-overlay{
	position:absolute;
	top:0px;
	right:-150px;
	width:150px;
	height:100%;
	background:url(images/icons/arrow-next.png) center center no-repeat;
	background-color:rgba(0,47,95,0.70);
}

.news-section .one-column .news-post figure:hover .link-overlay{
	right:0%;	
}

.news-section .one-column .news-post .read-more{
	position:relative;
	display:inline-block;
	font-family: 'Avenir-Medium';
	color:#174e7f;
	font-size:20px;
	text-transform:capitalize;
}

.news-section .one-column .news-post:last-child{
	border-bottom:none;	
}



/*** 

====================================================================
	Services style
====================================================================

***/

.services{
	position:relative;
	padding:80px 0 0;
	text-align:center;
}

.services h1{
	position:relative;
	margin-bottom:80px;
	font-size:50px;
	font-family: 'Avenir-Light';
	color:#252828;
}

#tab-box{
	position:relative;	
}

#tab-box .tab-btns{
	position:relative;
	display:table;
	width:100%;
	border-bottom:1px solid #c1c1c1;
	margin-bottom:80px;	
}

#tab-box .tab-btns ul {
	margin:0;
	clear:both;
}

#tab-box .tab-btns ul li{
	float:left;
	position:relative;
	font-size:22px;
	text-transform:uppercase;
	top:0px;
	font-family: 'Proximanova-Semibold';
	color:#363636;
	letter-spacing:1px;
	line-height:30px;
	width:33.3333% !important;
	text-align:center;
}

#tab-box .tab-btns ul li.petroleum {
	background:url(images/icons/petroleum-icon.png) 60px 7px no-repeat;
}

#tab-box .tab-btns ul li.marine {
	background:url(images/icons/marine-icon.png) 80px 7px no-repeat;
}

#tab-box .tab-btns ul li.estate {
	background:url(images/icons/real-estate-icon.png) 50px 7px no-repeat;
}

#tab-box .tab-btns ul li a{
	position:relative;
	font-size:22px;
	text-transform:uppercase;
	top:0px;
	font-family: 'Proximanova-Semibold';
	color:#363636;
	letter-spacing:1px;
	line-height:30px;
	min-height:80px;
	padding:10px 0 30px;
	border-bottom:3px solid transparent;	
	display:block;
}

#tab-box .tab-btns ul li a span{
	position:relative;
	display:inline-block;
	vertical-align:middle;	
}

#tab-box .tab-btns ul li:last-child a{
	padding:0;
}

#tab-box .tab-btns ul li:last-child a span{
	width:50%;
}

#tab-box .tab-btns .tab-btn:nth-child(2):before,
#tab-box .tab-btns ul li:nth-child(2):before{
	content:'';
	position:absolute;
	display:block;
	width:1px;
	height:80%;
	background:#c1c1c1;
	left:0px;
	top:0px;
}

#tab-box .tab-btns .tab-btn:nth-child(2):after,
#tab-box .tab-btns ul li:nth-child(2):after{
	content:'';
	position:absolute;
	display:block;
	width:1px;
	height:80%;
	background:#c1c1c1;
	right:0px;
	top:0px;
}

#tab-box .tab-btns .tab-btn.active,
#tab-box .tab-btns ul li.current-menu-item a{
	border-bottom-color:#174e7f;
	color:#174e7f;
}

#tab-box .tab-content{
	position:relative;
	font-family: 'Avenir-Book';
}

#tab-box .tab-content .text-content{
	position:relative;
	margin-bottom:50px;
}

#tab-box .tab-content .slider-container{
	position:relative;
	margin-bottom:50px;	
}

#tab-box .tab-content .slider .slide-item img{
	position:relative;
	display:block;
	width:100%;	
}

#tab-box .tab-content .bx-controls{
	position:absolute;
	right:0px;
	bottom:0px;
	width:102px;
	height:52px;
	border:1px solid #c1c1c1;	
}

#tab-box .tab-content .bx-controls .bx-prev{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:50px;
	height:50px;
	font-size:0px;
	overflow:hidden;
	text-indent:100px;
	background:#ffffff url(images/icons/previous-icon.png) center center no-repeat;	
}

#tab-box .tab-content .bx-controls .bx-next{
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	width:50px;
	height:50px;
	font-size:0px;
	overflow:hidden;
	text-indent:100px;
	background:#ffffff url(images/icons/next-icon.png) center center no-repeat;	
}

#tab-box .tab-content .bx-controls .bx-next:hover,
#tab-box .tab-content .bx-controls .bx-prev:hover{
	opacity:0.9;	
}

#tab-box .tab-content .featured-services{
	position:relative;
	display:block;
	text-align:left;
}

#tab-box .tab-content .service-box{
	position:relative;
	margin-bottom:60px;
	padding-right:30px;
}

.services.single #tab-box .service-box {
	padding-right:15px;
}

.services.single #tab-box .service-box p {
	text-align:justify;
}

#tab-box .tab-content .service-box h3:before{
	content:'';
	position:absolute;
	left:0px;
	top:-3px;
	width:50px;
	height:3px;
	background:#174e7f;	
}

#tab-box .tab-content .service-box h3,
#tab-box .tab-content .service-box h3 a{
	position:relative;
	font-size:28px;
	font-family: 'Avenir-Light';
	padding:30px 0px;
	margin-bottom:10px;
	color:#174e7f;
}

#tab-box .tab-content .service-box .text{
	position:relative;
	font-size:18px;
	font-family: 'Avenir-Book';
}

#tab-box .tab-content .service-box .read-more{
	position:relative;
	font-size:20px;
	color:#174e7f;
	font-family: 'Avenir-Roman';
}

/*** 

====================================================================
	Page Style
====================================================================

***/

#page {
	padding:70px 0 50px;
}

/*	=====================================================================
	 Back to Top
	===================================================================== */
.back_to_top {
	cursor: pointer;
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: none;
	z-index: 999;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.back_to_top img:hover {
	opacity:0.8;
}

/*	=====================================================================
	 Scroll Up
	===================================================================== */
#main-header.fixed{
	background:rgba(35,49,105,0.95);
	filter:"alpha(opacity=95)";
	-ms-filter:"alpha(opacity=95)";	
	position:fixed;
	left:0;
	top:0;
}

#main-header.fixed .cont-info {
	display:none;
}

/*	=====================================================================
	 Google Map
	===================================================================== */
iframe.map {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}