@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; color:#2c2c2c; font:400 16px/28px 'Open Sans', sans-serif;}
img{border:0;}
*{padding:0; margin:0;}
a{text-decoration:none; outline:none; color:#127695;}
a:hover {text-decoration:none;}
select, input, textarea{outline:none; font-family:'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6{ font-family:Georgia, "Times New Roman", Times, serif; color:#2c2c2c; font-weight:normal;}
h2{font-size:36px; line-height:43px;}
h3 span{font-size:13px; line-height:18px; color:#727272; display:block; letter-spacing:1px;}
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}

#wrapper { width:100%; clear:both; min-height:750px;}
.content{width:1000px; margin:0 auto;}

/* ------------------ header ------------- */
#header{clear:both;}
.top-block{padding:11px 0 ; width:100%; float:left; font-weight:600;}
.ph-block{background:url(../images/ph-icon.png) 0 50% no-repeat; padding:0 0 0 21px; color:#2c2c2c; font-size:20px; line-height:24px; float:left;}
.login{background:url(../images/arrow.png) 100% 8px no-repeat; font-size:20px; line-height:24px; color:#2c2c2c; padding:0 18px 0 0;}
.login:hover{text-decoration:underline;}
.search-block{border-left:#d0d0d0 1px solid; padding:0 0 0 14px; margin-left:12px; float:right;}
.search-block input[type="submit"]{background:url(../images/search-btn.png) 0 0 no-repeat; width:31px; height:27px; overflow:hidden; text-indent:-9999em; border:0; cursor:pointer; margin:0; padding:0;}

/* ---------------- slider block ------------ */
#slider-block{border-top:#8391a0 1px solid; border-bottom:#191613 1px solid; width:100%; clear:both; position:relative; z-index:100;}
#navigation{background:url(../images/transparent-bg.png) 0 0 repeat transparent; height:87px; width:100%; left:0; bottom:0; position:absolute;}
#slider-block .banner-content{width:1000px; height:100%; left:50%; margin-left:-500px; position:absolute; top:0;}
#slider-block .logoblock{background:url(../images/banner-glow.png) 0 30% no-repeat; height:100%; width:450px;}
#slider-block .logo{padding:94px 0 0 25px; display:block;}
#slider-block .logo img{display:block;}

/* -------------- home content ----------- */
#home-content{padding:42px 16px 30px; clear:both; overflow:hidden; position:relative; z-index:99;}
#home-content .ltPanel, #footer .ltPanel{width:24%; float:left;}
#home-content .rtPanel, #footer .rtPanel{ width:71%; float:right;}
#home-content .ltPanel h2{margin:0 0 30px; letter-spacing:-2px;}
h1.home-title{background:url(../images/investor-icon.png) 0 0 no-repeat; padding:23px 0 0 79px; font-size:26px; line-height:26px; margin:0 0 17px;}
#home-content .rtPanel p{color:#727272; font-size:14px; line-height:25px; margin:0 0 13px;}
.learn-more{padding:6px 16px; display:inline-block; background:#ca2c1d; border-bottom:#000 3px solid; color:#e7e7e7; font-size:12px; line-height:15px; text-transform:uppercase; transition: all 300ms ease-in-out;}
.learn-more:hover{background:#e03424; color:#FFF;}
.learn-more.botgap1{margin-bottom:25px;}

.lt-address{clear:both; margin:0 0 14px; overflow:hidden;}
.lt-address p{color:#2c2c2c; padding:0 0 0 29px; font-size:14px; line-height:25px; position:relative; margin:0 0 12px;}
.lt-address p img{display:block; position:absolute; left:0; top:5px;}
.lt-address a{color:#2c2c2c;}
.lt-address a:hover{text-decoration:underline;}

/* ----------- footer ------------ */
#footer{padding:34px 0 52px; background:#000; width:100%; float:left;}
#footer .footer-content{padding:0 16px; clear:both;}
#footer ul{list-style-type:none; padding:0; margin:0;}
#footer ul li{list-style-type:none; font-size:13px; line-height:17px; margin:0 0 7px; padding:0;}
#footer a{color:#575766; transition: all 300ms ease-in-out;}
#footer a:hover, #footer ul li a.active, #footer span{color:#FFF;}
#footer p{color:#575766; font-size:13px; line-height:22px; padding:0; margin:0 0 24px;}
#footer img{display:block; float:left; margin:14px 9px 0 0;}
#footer .rtPanel a.active{color:#FFF;}


.inner-banner{}
.inner-banner .img{width:100%;}
/*#slider-block.inner-banner .logoblock{background-position:0 -50px;}*/
#slider-block.inner-banner .logo{margin:0; padding:20px 0 0 45px;}

/* -------------- inner page -------------- */
.breadcrumb{background:#f2f2f2; color:#141515; font-size:13px; line-height:17px; }
.breadcrumb a{color:#727272; transition: all 300ms ease-in-out;}
.breadcrumb-links{overflow:hidden; padding:16px; clear:both;}
.breadcrumb span{color:#727272; margin:0 5px;}
.breadcrumb a:hover{color:#141515;}

#main{background:#f2f2f2; clear:both; overflow:hidden;}
#main .ltPanel{width:65%; padding:21px 5% 25px 0; float:left; background:#FFF; min-height:450px;}
#main .rtPanel{padding:34px 0 0 0; width:30%; float:right;}
#main .ltPanel a:hover{color:#be1f10;}
#main .title{color:#2c2c2c; padding:0 0 16px; margin:0 0 26px; border-bottom:#ca2c1d 1px solid; font-size:36px; line-height:40px;}
#main h2{color:#2c2c2c; font-size:22px; line-height:26px; margin:0 0 20px;}
#main h2.office{font-size:28px; padding-bottom:10px; font-weight:bolder;}
#main h3{color:#010000; font-size:18px; line-height:22px; margin:0 0 18px;}
.address-block{padding:24px 20px 12px; clear:both; overflow:hidden; border-top:#d9d9d9 1px solid;}
.address-block:first-child{border-top:0; padding-top:0;}
.address-block .lt-address{margin:0;}
.address-block .lt-address p{font-size:13px; line-height:22px;}
#main .ltPanel p{color:#2c2c2c; margin:0 0 20px;}

#main .ltPanel ul.oilfieldimg{display:block; margin:30px 0 42px 0; padding:0;}
#main .ltPanel ul.oilfieldimg li{float:left; display:block; margin:0 19px 0 0; border:1px solid #cecece; list-style:none; padding:0!important;}
#main .ltPanel ul.oilfieldimg li img{margin:0!important; padding:0!important; display:block!important;}
#main .ltPanel ul.oilfieldimg li.last{margin-right:0;}

.current-project-details{margin:0 0 15px; clear:both; overflow:hidden;}
.current-project-details h4{color:#2c2c2c; background:url(../images/dwn-arrow.png) 0 14px no-repeat; font-size:16px; line-height:20px; padding:10px 0 10px 20px; margin:0; cursor:pointer; border-top:#e5e5e5 1px solid; transition: all 300ms ease-in-out;}
.current-project-details h4:hover{color:#ca2c1d;}
.current-project-details h4.active{background:url(../images/up-arrow.png) 0 14px no-repeat; color:#ca2c1d;}
.current-project-details h4:first-child{border-top:0;}
.current-project-details p{margin:0 0 20px;}
.accordion-content{padding:7px 0 0 0; clear:both; overflow:hidden;}

.divider-line{background:#ca2c1d; clear:both; height:1px; display:block; margin:25px 0;}

#owl-demo .item{
	padding:0;
	margin:0;
	color: #FFF;        
	text-align: center;
}
#owl-demo .item img{border:#8a888b 1px solid; display:block;}
.customNavigation{
	text-align: center;
}
.customNavigation a{
	width:13px; height:0; padding:40px 0 0 0; overflow:hidden; line-height:normal; position:absolute; top:25px; display:block; cursor:pointer;
}
.customNavigation a.prev{background:url(../images/lt-arrow.png) 0 0 no-repeat; left:0;}
.customNavigation a.next{background:url(../images/rt-arrow.png) 0 0 no-repeat; right:5px;}
.photo-gallery{clear:both; position:relative; padding:5px 55px 0;}

.contact-form{clear:both; padding-top:10px; margin-bottom:20px; width:100%; float:left;}
.contact-form .field{clear:both; width:100%; float:left; margin:0 0 11px;}
.contact-form label{display:block; float:left; color:#2c2c2c; width:88px; margin:0 5px 0 0; font-size:14px; line-height:18px; padding:6px 0 0 0;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form textarea{width:214px; background:#FFF; border:#d1d1d1 1px solid; padding:5px 8px; color:#757575; font-size:14px; line-height:17px; float:left; margin:0 9px 0 0; transition: all 300ms ease-in-out; font-weight:400;}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="password"]:focus, .contact-form textarea:focus{background:#f4f4f4; border-color:#c9c9c9;}
.contact-form input[type="text"].error, .contact-form input[type="email"].error, .contact-form input[type="password"].error, .contact-form textarea.error{border-color:#ca2c1d;}
.contact-form textarea{height:75px; resize:none;}
.contact-form .required{color:#ca2c1d; font-style:normal; font-size:16px; line-height:19px; font-weight:600; display:block; float:left; padding:2px 0 0 0;}
.contact-form input[type="submit"]{background:#ca2c1d; border:0; border-bottom:#000 3px solid; height:28px; color:#e7e7e7; font-size:12px; line-height:15px; text-transform:uppercase; transition: all 300ms ease-in-out; padding:0 30px; display:block; float:left; margin-top:6px; margin-left:93px; cursor:pointer;}
.contact-form input[type="submit"]:hover{background:#e03424; color:#FFF;}

#main ul{list-style-type:none; padding:0; margin:0 0 25px;}
#main ul li{list-style-type:none; background:url(../images/bullet.png) 0 6px no-repeat; padding:0 0 0 16px; font-size:15px ; line-height:20px; margin:0 0 4px;}
#main ul li a{color:#727272; transition: all 0ms ease-in-out;}
#main ul li a:hover{color:#2c2c2c;}
#main ul ul{padding:10px 0 0 20px; margin:0 0 15px;}
#main ul ul li{background:url(../images/arrow-mob.png) 0 6px no-repeat;}
#main ul li strong{font-weight:600;}

/* FOR MAP */
.tooltip, .dottooltip{
	position: absolute;
	width: 120px;
	height: 20px;
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: rgb(113, 157, 171);
	background: rgb(255, 255, 255);
	border: 4px solid rgb(255, 255, 255);
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
	pointer-events:none;
}
.tooltip:after , .dottooltip:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #FFFFFF transparent transparent transparent;
	top: 44px;
	left: 50px;
}

.tooltip1{
	position: absolute;
	width: 180px;
	height: 40px;
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: rgb(113, 157, 171);
	background: rgb(255, 255, 255);
	border: 4px solid rgb(255, 255, 255);
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
	pointer-events:none;
}
.tooltip1:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #FFFFFF transparent transparent transparent;
	top: 64px;
	left: 90px;
}

.tooltip2{
	position: absolute;
	width: 120px;
	height: 20px;
	line-height: 20px;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: rgb(113, 157, 171);
	background: rgb(255, 255, 255);
	border: 4px solid rgb(255, 255, 255);
	border-radius: 5px;
	text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 2px 1px;
	pointer-events:none;
}
.tooltip2:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color:  transparent transparent #ffffff transparent;
	top: -24px;
	left: 50px;
}
.tooltip p,.tooltip1 p,.tooltip2 p, .dottooltip p{
	margin-top: 4px;
	font-size: 12px;
	color: black;
	line-height: 10px;
}
#map-data{position:relative;}
#map{width:590px;height:380px;}
#map #close{position:absolute;top:10px;left:560px;opacity:0;width:20px;height:20px;}
/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
	body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
	body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 860px) {
	h2{font-size:27.63px; line-height:33px;}
	.content{width:100%;}	
	.top-block{padding:10px 2%; width:96%;}
	.ph-block, .login{font-size:15.35px; line-height:20px;}
	.ph-block{background-image:url(../images/ph-icon-mob.png); padding-left:16px;}
	.login{ background-position:100% 7px; background-image:url(../images/arrow-mob.png); padding-right:14px;}
	
	#slider-block .banner-content{width:100%; left:0; margin:0;}
	
	#slider-block .logo{width:180px; margin:0 ; padding:20px 0 0 40px;}
	#slider-block .logoblock{background-position:0 -50px;}
	#slider-block .logo img{width:100%;}
	
	#navigation{height:69px;}
	h1.home-title{font-size:20px; line-height:20px; background-image:url(../images/investor-icon-mob.png); padding-top:20px;}
	.lt-address p{font-size:11px; line-height:19px;}
	.lt-address p img{top:2px;}
	#footer{padding:22px 0 30px;}
	
	#slider-block.inner-banner .logo{width:108px; padding-left:64px; padding-top:3px;}
	#main .title{font-size:27.64px; line-height:33px; border-bottom-width:2px; margin-bottom:18px;}
	
	#main .ltPanel{padding-left:2%; padding-right:4%; width:64%;}
	#main h2{font-size:17px; line-height:21px; margin-bottom:14px;}
	#main .ltPanel p{font-size:13px; line-height:21px; margin:0 0 17px;}
	.current-project-details h4{font-size:13px; line-height:20px;  padding:6px 0 6px 14px; background-position:0 10px;}
	.photo-gallery{padding:5px 26px 0;}
	#main h3{font-size:14px; line-height:18px; margin: 0 0 15px;}
	.address-block .lt-address p{font-size:11px; line-height:16px;}
	.address-block .lt-address p img{top:0;}
	.address-block{ padding: 18px 20px 10px;}
	.breadcrumb{font-size:11px; line-height:14px;}
	.breadcrumb-links{padding:12px 16px;}
}

@media screen and (max-width: 650px) {
	#navigation{height:auto; position:relative; clear:both; background:#000; width:100%; float:left;}
	#slider-block .logoblock{width:100%; background-position:70% -50px;}
	#slider-block.inner-banner .logoblock{width:100%; background-position:0 -50px;}
	#slider-block .logo, #slider-block.inner-banner .logo{width:170px; padding:30px 0 0 0; margin:0 auto;}	
	#slider-block.inner-banner .logo{padding-top:8px; width:133px; margin:0; padding-left:55px;}
	
	#home-content .rtPanel, #footer .rtPanel,
	#home-content .ltPanel, #footer .ltPanel
	{width:100%; float:none; padding:0; margin:0;}
	#home-content .rtPanel{margin-bottom:20px;}
	#footer ul li{margin-bottom:5px;}
	#footer .ltPanel{margin-bottom:23px;}
	.lt-address p{font-size:14px; line-height:19px;}
	#home-content{padding:18px 12px;}
	#footer p{margin-bottom:21px;}
	
	#slider-block.inner-banner #navigation{position:absolute; background:none; bottom:-35px;}	
	.breadcrumb-links{position:relative; z-index:100; padding:12px 16px;}
	#slider-block.inner-banner{z-index:auto;}
	#menu-icon{z-index:101;}
	
	#main .ltPanel{width:96%; overflow:hidden; float:none; clear:both; padding-left:2%; padding-right:2%;}
	#main .rtPanel{width:auto; clear:both; float:none; overflow:hidden; display:none;}
	.photo-gallery {
		padding: 5px 50px 0;
	}
	.contact-form label{font-size:13px;}
	
	
}
@media screen and (max-width: 500px) {
	#slider-block .logo{width:150px; padding:20px 0 0 0; margin:0 auto;}
	#slider-block.inner-banner .logo{width:93px; padding-left:26px;}
	#slider-block.inner-banner .logoblock{background-position:-30px -50px;}
	.photo-gallery{padding:5px 48px 12px;}
	#main .ltPanel{min-height:300px;}
}
@media screen and (max-width: 400px) {
	#slider-block .logo{width:112px; padding:5px 0 0 0; margin:0 auto;}
	#slider-block.inner-banner .logo{width:79px; padding-top:5px;}
	.contact-form label{float:none; width:auto; clear:both; padding:0; margin:0 0 3px;}
	.contact-form input[type="submit"]{margin-left:0;}
}
@media screen and (max-width: 350px) {
	#slider-block.inner-banner .logo{width:72px; padding-top:3px;}
}

.sf-menu li { position: relative; }
.sf-menu li:hover > .submenu { display:block;}
.sf-menu a { background-image: none !important; }
.submenu { display: none; }

.submenu-toggle {
	position: absolute;
	top: 10px;
	right: 25px;
	display: block;
	width: 25px;
	height: 25px;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
}

.submenu-toggle:before {
	content: '';
	position: absolute;
    top: 50%;
    left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 5px;
	border-color: transparent transparent transparent #ca2c1d;
    transform: translate(-50%, -50%);	
}

.js-toggle-active:before { border-left-color: #fff; }
.js-submenu-active { display: block; }
.submenu__link { background-color: #111 !important; }
.submenu__link:hover { background-color: #ca2c1d; }

@media( min-width: 652px ) {
	.submenu-toggle { display: none; }
	.sf-menu li:hover .submenu { 
		position: absolute;
		top: 100%;
		display: block; 
		width: 250px;
	}
}

@media( max-width: 860px ) {
	#nav-wrap .sf-menu a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media( min-width: 860px ) and ( max-width: 1024px ) {
	#nav-wrap .sf-menu a {
		padding-left: 15px;
		padding-right: 15px;
	}

	#nav-wrap .sf-menu a em { font-size: 12px; }
}

@media( max-width: 650px ) {
	#nav-wrap { background-color: #f2f2f2; }
}