body {
font-family: 'Arimo', sans-serif;
}
.home-wrap{ float:left; width:100%; }
li{ list-style:none}
.navbar.navbar-inverse{background:#fcfcfc; height:64px; padding-bottom:4px; margin:0; width:100%; float:left}
.navbar-nav > li > a{ font-size:16px; color:#8e9293; text-transform:uppercase; line-height:30px ; font-family: 'novecento_widemedium'; }
.navbar-nav > li > a:hover{ color:#55c3c4}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#55c3c4}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:url(images/arrow.png) no-repeat center bottom; color:#55c3c4; padding-bottom:29px}
.nav.navbar-nav.pull-right li a{ font-size:13px; font-family: 'novecento_widenormal';}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#55C3C4}
.navbar-brand{ float:right; max-width:80px; padding:2px; margin-top:-5px; color:#55C3C4}
.navbar-toggle{ width:115px; z-index:9999; margin-right:50px; border:1px solid #55C3C4 !important}
h1{font-family: 'Arimo', sans-serif; }
h2{font-family: 'Arimo', sans-serif; font-weight:800; font-size:46px}
h3{font-family: 'Arimo', sans-serif; }
h4{font-family: 'novecento_widenormal'; }
h5{font-family: 'novecento_widenormal'; }
h6{font-family: 'novecento_widemedium'; }
p{ color:#4e4e4a; font-family: 'Arimo', sans-serif; font-size:16px; }
.wysiwyg h1{ color:#E06426; font-size:40px; font-weight:800}
.wysiwyg h2{ color:#467C93; font-size:36px; font-weight:800}
.wysiwyg h3{ color:#333332; font-size:28px; font-weight:800}
.wysiwyg h4{ color:#3C4150; font-size:21px; font-weight:800; margin:25px 0}
.wysiwyg h5{ color:#333332; font-size:18px; font-weight:800}
.wysiwyg h6{ color:#333332; font-size:14px; font-weight:800}
.wysiwyg p{ color:#4e4e4a; font-family: 'Arimo', sans-serif; font-size:16px; line-height:24px}
.wysiwyg li{ list-style:square; line-height:21px}
.wysiwyg img{ margin:10px 0}
@font-face {
font-family: 'novecento_widenormal';
src: url('synthview_-_novecentowide-normal-webfont.eot');
src: url('synthview_-_novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
url('synthview_-_novecentowide-normal-webfont.woff') format('woff'),
url('synthview_-_novecentowide-normal-webfont.ttf') format('truetype'),
url('synthview_-_novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'novecento_widemedium';
src: url('synthview_-_novecentowide-medium-webfont.eot');
src: url('synthview_-_novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('synthview_-_novecentowide-medium-webfont.woff') format('woff'),
url('synthview_-_novecentowide-medium-webfont.ttf') format('truetype'),
url('synthview_-_novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');
font-weight: normal;
font-style: normal;
}
.logo{ padding:0 !important}
.home-wrap{ padding-top:0px}
.float-left{
float: left;
margin: 0 0 0 20px;
}
.float-right{
float: right;
margin: 0 20px 0 0;
}
.center{
font-size: 2.5em;
padding: 80px 0 0 0;
text-align: center;
}
.navi{ top:20%; background:url(images/nav-stripe.png) no-repeat 48px 0; z-index:1;
list-style: none; min-height:400px; padding-top:150px;
position: fixed;
right: 28px;
}
.navi li{
margin: 0 0 15px 0;
}
#header, #intro, #second{
width: 100%;
}
#intro{
/*background:url(images/home_banner.jpg) 50% 64px no-repeat fixed #000;*/
color: white;
height: 900px;
margin: 0 auto;
padding: 0;
}
#second{
background:#fff ;
height: 700px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
#third{
/*background: url(images/search.png) 22% 120px no-repeat fixed #fff !important;*/
height:900px
padding: 100px 0 0 0;
}
#fourth{
background:url(images/bussiness-icon.png) 22% 90px no-repeat #3a414b;
height: 100%; min-height:840px;
margin: 0 auto;
padding: 90px 0 40px 0;
}
#intro .story{ padding-top:6%}
#second .story{ padding-top:6%}
#third .story{ padding-top:7%}
#five .story{ padding-top:5%}
#six .story{ padding-top:5%}
.story{
margin: 0 auto;
min-width: 980px;
width: 1100px;
}
.story .float-left, .story .float-right{
padding: 100px 0 0 0;
position: relative;
width: 350px;
}
.btn{}
.btn-non-readius{ border-radius:0px}
.btn-red{ background:#bc3031;border:1px solid #b22a2b; padding:10px 40px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.btn-text{ color:#fff; text-transform:uppercase;font-family: 'novecento_widemedium';font-size:16px}
.btn-red:hover{ background:#a82425; border:1px solid #bc3031}
.btn-red:hover .symbols{ margin-left:20px}
#intro img{margin:15px 0 0 0}
#intro h2{ margin-bottom:25px; width:67%;
text-shadow: 2px 3px 3px #171717;
-webkit-text-stroke: 1px white; }
@font-face {
font-family: 'web_symbolsregular';
src: url('symbol/websymbols-regular-webfont.eot');
src: url('symbol/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('symbol/websymbols-regular-webfont.woff') format('woff'),
url('symbol/websymbols-regular-webfont.ttf') format('truetype'),
url('symbol/websymbols-regular-webfont.svg#web_symbolsregular') format('svg');
font-weight: normal;
font-style: normal;
}
.symbols{font-family: 'web_symbolsregular'; font-size:20px; margin-left:15px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.product-special .top-area ul.tabs li.hexagon{ border:none}
.product-special #hexagon-nav{ position:relative; float:left; padding:0; width:85%; margin:-65px 0 0 270px; background:none; min-height:170px}
.product-special .navi li.xagon-locate{ float:left; margin:15px 15px 15px 0}
.product-special .navi li.xagon-offer { float:left; margin:15px 15px 15px 0}
.product-special .hexagon a{ font-size:13px; width:160px; line-height:48px}
.product-special .navi li.xagon-fuel{margin:15px 15px 15px 0}
.product-special .hexagon.active small{ background:url(images/product-arrows.png) no-repeat 0 0; width:160px; height:170px; float:left; position:relative; z-index:9999; margin:-126px 0 0 0px}
.product-special .xagon-business:before{ border-bottom-color:#1285ba}
.product-special .xagon-business:after{ border-top-color:#1285ba}
.product-special .navi li.xagon-business{ background:#1285ba}
.product-special .drop3:before{ border-bottom-color:#1285ba}
.product-special .drop3:after{ border-top-color:#1285ba}
.product-special .navi li.drop3{ background:#1285ba}
.product-special .drop4:before{ border-bottom-color:#e06426}
.product-special .drop4:after{ border-top-color:#e06426}
.product-special .navi li.drop4{ background:#e06426}
.product-special .drop5:before{ border-bottom-color:#e2be2c}
.product-special .drop5:after{ border-top-color:#e2be2c}
.product-special .navi li.drop5{ background:#e2be2c}
.product-special .navi li.hexagon { width: 160px; height: 90px; position: relative; }
.product-special .hexagon:before { content: ""; position: absolute; top: -40px; left: 0; width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom-style:solid; border-bottom-width:40px; }
.product-special .hexagon:after { content: ""; position: absolute; bottom: -40px; left: 0; width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent;border-top-style:solid ;border-top-width:40px ; }
.center-img{margin-left:auto !important;
margin-right:auto !important;
display:block;
margin-bottom:50px;}
.product-special .navi li.xagon-all a{ width:80px; line-height:14px}
.product-special .navi li.xagon-all small{background:url(images/product-arrows.png) no-repeat 0 0; margin:-10px 0 0 30px}
.product-special .xagon-all:before{ border-bottom-color:#3c4aa4}
.product-special .xagon-all:after{ border-top-color:#3c4aa4}
.product-special .navi li.xagon-all{ background:#3c4aa4; margin:-70px 0 0 300px}
.product-special .navi li.xagon-all { width: 80px; height: 50px; position: relative; }
.product-special .xagon-all:before { content: ""; position: absolute; top: -20px; left: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom-style:solid; border-bottom-width:20px; }
.product-special .xagon-all:after { content: ""; position: absolute; bottom: -20px; left: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent;border-top-style:solid ;border-top-width:20px ; }
.tab_container-p{ float:left; width:100%}
.tabs-lubri{ float:left; width:100%; margin:0 0 0 0%; min-height:50px}
.tabs-lubri span{ float:left; margin:0 5px; color:#fff; font-family:'novecento_widenormal'; font-size:12px}
.tabs-lubri span.active a{ border-bottom:3px solid #E06426; background:#0a72a2}
.tabs-lubri span.active a:focus{ text-decoration:none}
.tabs-lubri span a{color:#fff;padding:8px 20px 4px 20px; background:#1285ba; border-bottom:4px solid #1285ba}
#hexagon-nav{ position:relative; float:right; padding:0; width:465px; margin:260px 0 0 0px; background:none}
.hexagon { font-family: 'novecento_widenormal'; width: 140px; height: 90px; position: relative; margin:10px; text-align:center; text-transform:uppercase; float:left; background:#e06426;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.hexagon:hover a{ text-decoration:none; color:#eee5e5;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.hexagon a{ color:#fff; font-size:16px; padding:20px; float:left; display:block ; width:140px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
.hexagon:before { content: ""; position: absolute; top: -40px; left: 0; width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent; border-bottom-style:solid; border-bottom-width:40px; border-bottom-color: #e06426; }
.hexagon:after { content: ""; position: absolute; bottom: -40px; left: 0; width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent;border-top-style:solid ;border-top-width:40px ;border-top-color: #e06426; }
.navi li.hexagon{ margin:15px 15px 15px 0}
.navi li.xagon-fuel{ background:#e06426; margin:15px 15px 0 75px}
.xagon-fuel:before { border-bottom-color: #e06426; }
.xagon-fuel:after{ border-top-color: #e06426; }
.navi li.xagon-business{background: #3b414b; margin:15px 15px 15px 0}
.xagon-business:before { border-bottom-color: #3b414b; }
.xagon-business:after{ border-top-color: #3b414b; }
.navi li.xagon-lubricant{ background:#a7aaaf; float:right; margin:40px 15px 0 0}
.xagon-lubricant:before { border-bottom-color: #a7aaaf; }
.xagon-lubricant:after{ border-top-color: #a7aaaf; }
.navi li.xagon-locate{background:#55c2c2; float:right; margin:40px 15px 0 0}
.xagon-locate:before { border-bottom-color:#55c2c2; }
.xagon-locate:after{ border-top-color: #55c2c2; }
.navi li.xagon-offer{background: #e2be2c; margin:42px 15px 15px 0}
.xagon-offer:before { border-bottom-color: #e2be2c; }
.xagon-offer:after{ border-top-color: #e2be2c; }
.cbp-so-scroller {
overflow: hidden;
}
.cbp-so-section {
}
/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
content: " ";
display: table;
}
.cbp-so-section:after {
clear: both;
}
/* Sides */
.cbp-so-side {
width: 100%;
float: left;
margin: 0;
/*padding: 3em 0;*/
overflow: hidden;
/*min-height: 12em;*/
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
-moz-transition: -moz-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
content: " ";
display: table;
}
.cbp-so-side:after {
clear: both;
}
.cbp-so-side-right {
text-align: center;
}
.cbp-so-side-left {
text-align: center;
}
.cbp-so-side-right img {
float: left;
}
.cbp-so-side-left img {
float: right;
}
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
opacity: 0;
}
.cbp-so-init .cbp-so-side-left {
-webkit-transform: translateX(-320px);
-moz-transform: translateX(-320px);
transform: translateX(-320px);
}
.cbp-so-init .cbp-so-side-right {
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
transform: translateX(80px);
}
/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
/* For example, add a delay for the right side:*/
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.cbp-so-section.cbp-so-animate .cbp-so-side-left {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#second .cbp-so-section article h2 { color:#e06426; font-size:45px}
#second .cbp-so-section article p{ color:#524f4e; font-weight:bold; font-size:24px; width:100%}
#second .cbp-so-section figure img{ margin-left:275px}
#second .cbp-so-section figure{ padding:0}
/*tooltip animation for benifit */
.cbp-so-init .benifits-tooltip {
-webkit-transform: translateY(-120px);
-moz-transform: translateY(-120px);
transform: translateY(-120px);
}
.cbp-so-section.cbp-so-animate .benifits-tooltip,
.cbp-so-section.cbp-so-animate .benifits-tooltip {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.cbp-so-section.cbp-so-animate .benifits-tooltip {
}
.tooltip-area span{ background:rgba(84, 174, 44, 0.6); color:#fff; font-size:18px; padding:5px 10px; min-height:20px; width:170px; text-align:center;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-radius:4px;
-khtml-border-radius: 4px;
}
.tooltip-area{ position:absolute; z-index:5555; margin:75px 0 0 250px; width:650px; float:left}
.tooltip-area span:nth-child(1) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
transition-delay: 0.6s;
margin:66px 0 0 -27px;
}
.tooltip-area span:nth-child(2) {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
transition-delay: 0.8s;
margin:300px 0 0 240px;
}
.tooltip-area span:nth-child(3) {
-webkit-transition-delay: 1.0s;
-moz-transition-delay: 1.0s;
transition-delay: 1.0s;
margin:-198px 0 0 355px;
}
/*tooltip animation for benifit ends */
.cbp-so-init .benifit-btn { padding:0;
-webkit-transform: translateY(220px);
-moz-transform: translateY(220px);
transform: translateY(220px);
}
.cbp-so-init .benifit-btn a{ margin:0 0 0 400px}
.cbp-so-side.benifit-btn a{ margin:0 0 0 400px}
.cbp-so-section.cbp-so-animate .benifit-btn {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.cbp-so-section.cbp-so-animate .benifit-btn{
-webkit-transition-delay: 1.1s;
-moz-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fuel-logos{ position:absolute; width:200px; margin:165px 0 0 15px}
.fuel-logos a{ display:block; margin:25px 0}
.cbp-so-init .fuel-logos { padding:0;}
.cbp-so-init .fuel-logos a{ margin:0 0 0 0px}
.cbp-so-section.cbp-so-animate .fuel-logos { opacity: 1;}
.cbp-so-section.cbp-so-animate .fuel-logos{
-webkit-transition-delay: 1.3s;
-moz-transition-delay: 1.3s;
transition-delay: 1.3s;
}
#third .cbp-so-section article h2 { color:#467c93; font-size:45px}
#third .cbp-so-section article a{ color:#7dc15e; font-family: 'novecento_widemedium';font-size:18px; background:url(images/pin.png) no-repeat; padding:3px 20px; text-transform:uppercase; letter-spacing:3px}
#third .cbp-so-section article a:hover{ text-decoration:none; color:#55c2c2}
.search-location{ min-height:200px}
.search-location input[type='text']{ font-family: 'novecento_widemedium'; width:510px;background:#eeefed; /*background:#eeefed url(images/search-location.png) no-repeat 98%;*/ color:#303a3e; font-size:24px; height:60px; text-transform:uppercase; border:1px solid #d2d6cf; text-align:left; padding:0 60px 0 10px;
-moz-border-radius:0px;
-webkit-border-radius: 0px;
border-radius:0px;
-khtml-border-radius: 0px;
}
.search-location .check-area{ padding:25px 0; margin:0 auto; width:390px}
.search-location .check-area input{ width:20px; height:20px; border:#eeefed solid 1px ;float:left; margin:2px 0 0 15px}
.search-location .check-area span{ font-family: 'novecento_widemedium'; float:left; color:#9e9c9c; font-size:18px; text-transform:uppercase; margin:0 15px 0 0}
#fourth .cbp-so-section article { }
#fourth .cbp-so-section article h2 { color:#d2d9dc; font-size:45px}
#fourth .cbp-so-section article p{ color:#b1e0f3; font-family: 'novecento_widemedium'; font-size:18px; text-transform:uppercase; letter-spacing:3px; width:100%}
#fourth .cbp-so-section figure ul{ width:600px; padding:0; margin:0 auto}
#fourth .cbp-so-section figure ul li{ text-align:left; float:left; margin:20px 0; width:100%}
#fourth .cbp-so-section figure ul li img{ border:2px solid #fff;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
-khtml-border-radius:50%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#fourth .cbp-so-section figure ul li img:hover{
-moz-box-shadow: 1px 1px 13px #000;
-webkit-box-shadow: 1px 1px 13px #000;
box-shadow: 1px 1px 13px #000;}
#fourth .cbp-so-section figure ul li h3{font-family: 'novecento_widemedium'; font-size:20px;color:#fff; text-transform:uppercase}
#fourth .cbp-so-section figure ul li p{ color:#d2d9dc; font-size:16px}
.btn-blue{ background:#328aae;border:1px solid #2b81a4; padding:2px 10px; font-size:11px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.btn-blue .symbols{font-size:11px;}
.btn-blue:hover{ background:#2a7c9d; border:1px solid #328aae}
.btn-blue:hover .symbols{ margin-left:20px}
footer{ background:url(images/footer-bg.png) ;height:293px; float:left; width:100%}
.fotter-nav h3{ text-transform:uppercase; font-size:16px; color:#fff; font-family: 'novecento_widenormal';}
.fotter-nav a{ color:#9aa9b8; font-size:12px; text-transform:uppercase; clear:both; float:left; line-height:21px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.fotter-nav a:hover{ text-decoration:none; color:#67707f}
.fotter-nav{ padding:20px 0 0 0; height:215px}
.footer-details{ padding:30px 0 0 0; text-transform:uppercase}
.footer-details p{ color:#b0b5b8; font-size:12px;}
.footer-details a{ font-size:12px; color:#939497; border-bottom:dotted 1px; padding:0 8px 0 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.footer-details a:hover{ text-decoration:none; border:none}
footer .sm-links img{ margin:0 5px;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
}
footer .sm-links img:hover{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
zoom:1;
-webkit-filter: grayscale(0%);
}
.design-by{ color:#939291; font-weight:bold; border-bottom:none !important}
.top-navs{ float:left; width:100%}
.back-fixed{border-radius: 0 0 0 0; left: 0; position: fixed; right: 0; z-index: 1030;}
.second-nav{ top:64px; z-index:1029}
.slidingDiv { display:none; height:160px; background-color: #1e222a; padding:20px; margin-top:0px; border-bottom:5px solid #151921;}
.slidingDiv h1{ font-size:24px; color:#565d6c; font-family: 'novecento_widemedium'; float:left; padding:15px; margin:0}
.show_hide { float:right; padding:16px; }
.slidingDiv input{font-family: 'novecento_widenormal'; background:#191e27 url(images/search-onhide.png) no-repeat 98%; border:none; float:left; clear:left; width:750px; height:80px; margin-left:15px; padding:10px; color:#7a808c; font-size:48px; padding-right:80px}
.search-focus{background:#191e27 url(images/search-onhide.png) no-repeat 98%;}
.slidingDiv input:focus{ background:#fff url(images/search-onhide.png) no-repeat 98%;}
.slidingDiv input:focus{ background:#fff url(images/search-onhide.png) no-repeat 98%;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
#___gcse_0{ font-family: 'novecento_widenormal'; background:#fff url(images/search-onhide.png) no-repeat 98%; border:none; float:left; clear:left; width:750px; height:80px; margin-left:15px; padding:10px; color:#7a808c; font-size:48px; padding-right:80px}
.gsc-control-cse{background-color: #fff !important;margin-top: -3px;}
#gsc-iw-id1{border: 1px solid #fff !important;background: #fff !important;}
.gsc-control-cse{ background:#fff !important; border:#fff !important; padding:0 !important}
#gs_tti50{ height:60px !important; background:none !important; color:#7a808c !important; font-size:48px !important;}
#gs_tti50 input{ height:60px !important; background:none !important; color:#7a808c !important; font-size:48px !important;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{border-color: #fff !important;}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
border: 1px solid #fff !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none;
}
.gsc-search-button{ display:none !important}
#gsc-i-id1:focus::-webkit-input-placeholder{color:transparent; }
#gsc-i-id1:focus:-moz-placeholder { color:transparent; }
#gsc-i-id1:focus::-moz-placeholder { color:transparent; }
#gsc-i-id1:focus:-ms-input-placeholder { color:transparent; }
.second-nav{ background:#e06426; height:45px; margin:0px 0 0 0 ; border-bottom:5px solid #c95920; float:left; width:100%}
.second-nav .nav.navbar-nav{ margin:0 50px 0 0 }
.second-nav .nav.navbar-nav li a{ color:#fff; font-size:12px; padding:5px 15px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.second-nav .nav.navbar-nav li a:hover{background:#d85e21}
.second-nav .nav.navbar-nav li.active a{ background:#c95920}
.second-nav .nav.navbar-nav li.current-menu-item a{ background:#c95920}
.pull-right li.current-menu-item a {color:#55c3c4;padding-bottom:29px;}
.pull-right li.current-menu-item {}
.menu-header-secondary-container .nav .current-menu-item{ margin-top:19px}
.menu-header-secondary-container .nav .current-menu-item a{ line-height:18px; padding:2px 8px; background:#f0f2f1;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-radius:4px;
-khtml-border-radius:4px;
}
.menu-header-secondary-container .nav .current-menu-item a:hover{ background:#f0f2f1;
}
.ful-width-banner{ background:#000; height:645px;}
.ful-width-banner h1{ float:left; padding:0 15px; text-align:center; color:#fff; font-size:43px; text-shadow: 2px 2px 5px #000; font-weight:bold; margin:-145px 0 0 0}
.ful-width-banner img{ float:left; margin:100px 0 0 0}
.home-wrap.about.csr-over.leadership-over .ful-width-banner img{ float:left; margin:100px 0 0 0}
.about .top-area{ padding-bottom:15px; float:left}
.about .top-area article{ float:left; }
.csr-over .about .top-area article{ float:left; text-align:center}
.about .top-area article p{ font-size:24px; color:#7c7c7e; padding:30px 12px; text-align:center}
.product-special .ful-width-banner h1{ font-size:36px; margin:-370px 0 0 0}
.about-profile-area nav{ float:left; width:100%; margin:10px }
.about-profile-area nav a small{ font-size:11px; color:#cdd4d4; margin-right:10px; line-height:20px; float:left}
.about-profile-area nav a { float:left; clear:left; color:#3996bd; font-size:14px; text-transform:uppercase; margin:5px 0; font-family: 'novecento_widemedium';}
.about-profile-area nav a:hover small{color:#3996bd;}
.about-profile-area nav a:hover{ text-decoration:none; color:#2f87ac}
.news-box{ float:right; background:#3b414b; width:307px; border-bottom:4px solid #3b414b; margin:0 0 0 35px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.news-box img{ float:left}
.news-box h2{ color:#fff; font-size:18px; text-transform:uppercase; font-family: 'novecento_widenormal'; font-weight:300; float:left; padding:20px 15px; margin:0; line-height:24px}
.news-box:hover{ background:#2e3540; border-bottom:4px solid #4d90ad;}
#showcase-area{ float:left; text-align:center; width:100% }
#showcase-area h2{color: #467C93; letter-spacing:-3px}
#showcase-area p{ font-size:18px; }
ul.tabs {margin: 0 0 30px 0; padding: 0; float: left;list-style: none; width: 100%;}
ul.tabs li {float: left;margin: 0; padding: 0; line-height: 31px;background: #c3c3c6;overflow: hidden; position: relative; border:1px #adadb1 solid; border-top:none; border-bottom:none}
ul.tabs li a {color:#fff; font-size:14px; text-transform:uppercase;text-decoration: none; display: block; padding:15px 26px; outline: none;font-family: 'novecento_widemedium'; font-weight:500}
ul.tabs li a img{ margin:0 7px 0 0}
ul.tabs li a:hover { background: #55c2c2;}
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #55c2c2;}
.tab_container {clear: both;float: left; width: 100%;background: #fff;}
.tab_content {}
.callbacks_container {position: relative; float: left; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; left: 0; right: 0; bottom: 20px; max-width: none;
text-align: center; font-weight:800; font-size: 32px;text-transform: uppercase; color: #55c2c2; text-shadow: 2px 2px 5px #000;
}
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("images/themes.gif") no-repeat left top; margin-top: -45px; }
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}
@media screen and (max-width: 600px) {
.callbacks_nav {
top: 47%;
}
}
.about-quick-profiles{ background:#959aa5; min-height:350px; padding:80px 0 0 0}
.about-quick-profiles img{ width:250px; height:250px; border:2px solid #fff; margin:30px 55px;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
-khtml-border-radius:50%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.about-quick-profiles a:hover img{
-moz-box-shadow: 1px 1px 13px #000;
-webkit-box-shadow: 1px 1px 13px #000;
box-shadow: 1px 1px 13px #000;}
.about-quick-profiles .btn.btn-primary{ float:none; margin:5px 120px}
.ful-width-heading{ background:url(images/inner-header-bg.png) repeat-x ; float:left; width:100%; margin:109px 0 0 0}
.ful-width-heading.navbar-fixed-top{ top:109px; z-index:1028}
#verticle-left-nav{ float:left; width:100%; margin:30px 0 0 0 ; background:url(images/left-nav-arrow.png) no-repeat #fff right 25px ; min-height:280px; }
#verticle-left-nav h3{ background:#cbdbdb; color:#295f5f; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0; padding:6px 15px; font-family: 'novecento_widemedium'; margin-bottom:10px}
#verticle-left-nav ul{ padding:10px 0 0 0; margin:0 }
#verticle-left-nav ul li{ padding:5px 0 5px 28px; background:url(images/liststyle-left-nav.png) no-repeat center left; color:#afafae; font-weight:bold; margin:7px 0 7px 15px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
#verticle-left-nav ul li a{ color:#afafae; text-transform:uppercase; font-size:11px; display:block;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
#verticle-left-nav ul li a:hover{ text-decoration:none; color:#07122f}
#verticle-left-nav ul li:hover{background:url(images/liststyle-left-selectnav.png) no-repeat center left; opacity: 1;}
#verticle-left-nav ul li:hover a{ text-decoration:none; color:#07122f}
#verticle-left-nav ul li.select{background:url(images/liststyle-left-selectnav.png) no-repeat center left; opacity: 1;}
#verticle-left-nav ul li.select a{ text-decoration:none; color:#07122f}
.page-heading-area{ margin:30px 0 0 0; height:auto; min-height:170px}
.page-heading-area h1{ margin:0; font-size:48px; color:#fff; font-weight:800; letter-spacing:-3px}
.page-heading-area h4{ color:#ffc9ae; font-size:14px; }
.content-with-fix-header{ float:left; width:100%}
.swap-fixing{ position:relative; width:100%}
.sp-container { }
.sp-content {}
.sp-side {}
.sp-content-row {}
.sp-side-row {}
.sp-row li {
display: inline-block;
}
.drop5{
-webkit-animation: zoomIn 0.7s ease-in-out 3s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 3s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 3s backwards;
animation: zoomIn 0.7s ease-in-out 3s backwards;
}
.drop3{
-webkit-animation: zoomIn 0.7s ease-in-out 2s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 2s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 2s backwards;
animation: zoomIn 0.7s ease-in-out 2s backwards;
}
.drop1{
-webkit-animation: zoomIn 0.7s ease-in-out 1s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 1s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 1s backwards;
animation: zoomIn 0.7s ease-in-out 1s backwards;
}
.drop6{-webkit-animation: zoomIn 0.7s ease-in-out 3.5s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 3.5s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 3.5s backwards;
animation: zoomIn 0.7s ease-in-out 3.5s backwards;}
.drop4{-webkit-animation: zoomIn 0.7s ease-in-out 2.5s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 2.5s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 2.5s backwards;
animation: zoomIn 0.7s ease-in-out 2.5s backwards;}
.drop2{-webkit-animation: zoomIn 0.7s ease-in-out 1.5s backwards;
-moz-animation: zoomIn 0.7s ease-in-out 1.5s backwards;
-ms-animation: zoomIn 0.7s ease-in-out 1.5s backwards;
animation: zoomIn 0.7s ease-in-out 1.5s backwards;}
.sp-anima img{-webkit-animation: fadeIn 1s linear 1s backwards;
-moz-animation: fadeIn 1s linear 1s backwards;
-ms-animation: fadeIn 1s linear 1s backwards;
animation: fadeIn 1s linear 1s backwards;
}
.sp-anima h2{-webkit-animation: fadeIn 1s linear 1.5s backwards;
-moz-animation: fadeIn 1s linear 1.5s backwards;
-ms-animation: fadeIn 1s linear 1.5s backwards;
animation: fadeIn 1s linear 1.5s backwards;
}
.sp-anima a{-webkit-animation: fadeIn 1s linear 1.9s backwards;
-moz-animation: fadeIn 1s linear 1.9s backwards;
-ms-animation: fadeIn 1s linear 1.9s backwards;
animation: fadeIn 1s linear 1.9s backwards;}
.dropdown { margin-left:15px;
position: absolute;
z-index: 9999999;
display: none;
}
.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
min-width: 400px;
max-width: 400px;
list-style: none;
background: #FFF;
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
overflow: visible;
padding: 4px 0;
margin: 0;
}
.dropdown .dropdown-panel {background:url(images/left-nav-arrow.png) no-repeat #fff left 30px ; float:left }
.dropdown .dropdown-panel h3{font-family: 'novecento_widemedium'; padding:10px; background:#cbdbdb; color:#677777; font-size:12px; text-transform:uppercase; margin:-4px 0 10px 0; border-radius: 6px 6px 0 0; font-weight:bold}
.dropdown .dropdown-panel nav{ float:left; padding-right:20px }
.dropdown .dropdown-panel img{ margin:10px; float:left}
.dropdown .dropdown-panel nav ul{ padding:0}
.dropdown .dropdown-panel nav ul li{padding:5px 0 5px 28px; background:url(images/liststyle-left-nav.png) no-repeat center left; color:#afafae; font-weight:bold; margin:7px 0 7px 10px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.dropdown .dropdown-panel nav ul li a{ color:#afafae; text-transform:uppercase; font-size:11px; display:block;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.dropdown .dropdown-panel nav ul li a:hover{ text-decoration:none; color:#07122f}
.dropdown .dropdown-panel nav ul li:hover{background:url(images/liststyle-left-selectnav.png) no-repeat center left; opacity: 1;}
.dropdown .dropdown-panel nav ul li:hover a{ text-decoration:none; color:#07122f}
.dropdown.dropdown-tip {
margin-top: 0px;
}
.dropdown.dropdown-tip:before {
position: absolute;
top: -6px;
left: 9px;
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
display: inline-block;
}
.dropdown.dropdown-tip.dropdown-anchor-right:before {
left: auto;
right: 9px;
}
.dropdown.dropdown-tip:after {
position: absolute;
top: -5px;
left: 10px;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFF;
display: inline-block;
}
.dropdown.dropdown-tip.dropdown-anchor-right:after {
left: auto;
right: 10px;
}
.flex-fixing{ position:relative}
.catMenuOpen {background-color:#0F0}
.leadership{ margin-top:310px; position:relative; z-index:1029; padding-bottom:15px}
#profiles{ }
#profiles li a{ display:block}
#profiles li{ margin:25px 0}
#profiles #pst-profile-431{ margin-left:270px}
#profiles li img{ border:3px solid #e6e6e6; margin:0 4%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
-khtml-border-radius:50%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#profiles li h2{ font-size:20px; color:#3c4150; text-align:center; margin:10px 0 5px 0}
#profiles li h3{ font-size:14px; color:#55c2c2; text-align:center; margin:0 0 5px 0; min-height:35px}
#profiles li:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
zoom:1;
-webkit-filter: grayscale(0%);
-moz-box-shadow: 1px 1px 13px #c2dede;
-webkit-box-shadow: 1px 1px 13px #c2dede;
box-shadow: 1px 1px 13px #c2dede;
}
a:hover{ text-decoration:none}
.about-profiles .home-wrap{ background:url(images/leader-stripe.png) repeat-x 0 280px fixed}
/*pop area */
.pop{ display:none; max-width:720px; }
.pop h2{ color:#3c4150; font-size:18px; margin:0; padding:5px 10px 0}
.pop h3{ font-size:14px; color:#55c2c2; margin:5px 0 ;padding:0 10px}
.pop p{padding:0 10px; font-size:14px}
.about.leadership-over .ful-width-banner{ background:#171717}
.about.leadership-over .ful-width-banner article{float:right; width:40%; margin:-400px 0 0 0}
.about.leadership-over .ful-width-banner h1{ font-size:28px; text-align:right; line-height:36px; margin:0 ; padding:0}
.about.leadership-over .ful-width-banner h3{ font-size:18px; color:#b1e0f3; float:right; clear:right; font-family: 'novecento_widemedium'; margin:25px 0 0 0}
.about.leadership-over .ful-width-banner h4{font-size:14px; color:#bcc2cc; float:right; clear:right; font-family: 'novecento_widenormal';}
.about.leadership-over #profiles li img{ margin:0 30%}
#slider {width:100%; height:545px; position:relative; overflow:hidden;}
#mask-gallery { overflow:hidden;}
#gallery { list-style:none; margin:0; padding:0; z-index:0;
/* width = total items multiply with #mask gallery width */
width:1000px;
overflow:hidden;}
#gallery li {float:left;}
#gallery li img{ float:right}
#mask-excerpt { width:400px;
position:absolute;
top:0;
left:0;
z-index:500;
overflow:hidden;
}
#excerpt { width:400px; list-style:none;
margin:0;
padding:0;
/* Set the position */
z-index:10;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
#excerpt li { padding:5px; }
.about.csr-over .ful-width-banner{ background:#171717}
.about.csr-over .ful-width-banner img{ margin: 0 0 0 0}
.about.csr-over #slider{ margin:109px 0 0 0}
.about.csr-over .ful-width-banner #slider h1{ margin:25px 0 20px 0; text-align:left; }
.about.csr-over .ful-width-banner #slider p{ padding:0 15px; color:#85857f}
.about.csr-over .ful-width-banner #slider h3{ font-size:18px; color:#b1e0f3; float:right; clear:right; font-family: 'novecento_widemedium'; margin:25px 0 0 0}
.about.csr-over .ful-width-banner #slider h4{font-size:14px; color:#bcc2cc; float:right; clear:right; font-family: 'novecento_widenormal';}
.csr-category li{ text-align:center; padding-bottom:0px}
.csr-category li a img{-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.csr-category li a:hover img{-moz-box-shadow: 1px 1px 13px #a9b7b7;
-webkit-box-shadow: 1px 1px 13px #a9b7b7;
box-shadow: 1px 1px 13px #a9b7b7;}
.csr-category li h2{ font-size:36px; color:#467c93}
.csr-category li p{ margin:25px 0; line-height:25px;}
.csr-over .csr-category li p{ min-height:95px}
.breadcrumbs{ color:#fa884d; font-size:14px; padding-top:20px; padding-bottom:10px;}
.page-heading-area .breadcrumbs a{ color:#FFF; font-size:14px; }
.csr-project .csr-category{ float:left; margin:0; padding:0}
.csr-project .csr-category li{ padding-left:0; margin:25px 0}
.csr-project .csr-category li figure{padding-left:0}
.csr-project .csr-category h2{ text-align:left; font-size:20px; color:#3c4150; margin:0 0 10px 0; line-height:28px}
.csr-project .csr-category p{ text-align:left; margin:10px 0}
.csr-project .csr-category .btn-blue{ float:left}
.map{ margin:60px 0 0 0}
.ful-width-banner.contact-map{ height:350px}
.contact-details h2{ font-size:28px; color:#333332; margin-bottom:5px}
.contact-details h4{ font-size:14px; color:#55C2C2; margin:0 0 10px 0}
.contact-details a{ margin-bottom:20px}
.contact-right{ background:#f5f5f5; padding-bottom:40px}
.contact-right h2{ font-size:28px; color:#467C93;}
.contact-right h4{ font-size:14px; color:#747d8f}
.contact-right a{ color:#8b94a4; font-size:16px; clear:left; float:left}
.contact-right .btn{ color:#fff; margin:10px 0}
.contact-right .sm-links{ margin:13px 0; float:left; clear:left; width:100%}
.contact-right .sm-links a{ clear:none; margin:0 5px 0 0 }
#media .container .col-lg-8{padding-right:0px !important;}
#media .media-slider{width:100%;height:490px;}
.media-contacts{float:left;min-height:469px;}
#news-list{float:left;clear:left;}
.media-contacts .contacts{margin-left:10%;float:left;padding-top:30px;}
.media-contacts a.links{color:#8b94a4;float:left;clear:left;border-bottom: 1px dotted #3c3f43;margin-left:15px;}
.media-contacts a.links:hover{text-decoration:none;border-bottom:1px solid #535a63;}
.media-contacts .main_email_obf a span{color:#8b94a4;float:left;clear:left;border-bottom: 1px dotted #3c3f43;margin-left:15px; text-transform:none; font-size:inherit; padding-top:0px;padding-bottom:0px;letter-spacing:normal; margin-left:0px;}
.media-contacts .main_email_obf a span:hover{text-decoration:none;border-bottom:1px solid #535a63;}
.media-contacts h2 {font-family: novecento_widemedium;font-size:18px;color:#b1e0f3;font-weight: normal;text-transform: uppercase;float:left;clear:left;letter-spacing:2px;}
.media-contacts .contacts .social-links{float:left;clear:left;padding-left:5px;padding-top:15px; width:100%}
.media-contacts .contacts span{float:left;clear:left;color:#bcc2cc;font-size:12px;padding-top:15px;text-transform:uppercase;padding-bottom:5px;letter-spacing:2px;}
.media-contacts .contacts .social-links li,.meta-category-area .social-links li{display:inline;padding-right: 20px;float: left;}
.widget{clear:left;}
#ns_widget_mailchimp-2{float:left;}
.email-updates input{float:left;clear:left;-webkit-border-radius: 5px;border-radius: 5px;height:40px;width:180px;border:1px solid #fff;}
.email-updates button{float:left;font-size:14px;font-family:novecento_widemedium;color:#fff;background-color:#2f9bb9;text-transform:uppercase;border:1px solid #2f9bb9;height:40px;-webkit-border-radius: 5px;border-radius: 5px;margin-left:20px;width:100px;}
.media-contacts .contacts p {float:left;clear:left;color:#a19b9b;font-size:9pt;padding-top:20px;width:270px;}
#media .media-vids{min-height:720px;background-color:#f5f5f5;}
.media-sidebar .btn-blue{color:#fff;font-size: 11px;margin-top: 50px;float: right;margin-right: 50px;}
.media-sidebar .btn-blue:hover{color:#fff;}
.news-content span{color:#afa5a3;padding-right:20px;float:left; font-size:16px;clear:left;}
.news-content-main .news-top-area{float:left;}
.news-content span a{color:#afa5a3;clear:left;float:left}
.news-content{padding-left:40px;padding-right:80px;padding-top:50px;}
.news-content h1 a{color:#000;}
.news-content p {font-size:16px;color:#4e4e4a; float:left; clear:left}
.news-content .previous-posts,.single-news .previous-posts{clear:left;float:left;text-transferm:uppercase;font-family: novecento_widemedium;text-decoration:none; color:#328aae;padding-bottom:30px;}
.single-news .latest-posts{float:right;text-transferm:uppercase;font-family: novecento_widemedium;text-decoration:none; color:#328aae;padding-bottom:30px;padding-right:10%;}
.news-content span.previous-posts a{color:#328aae;margin-top:50px;}
.news-content-main {float:left;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;}
.news-content-main span.news-date{float:left;clear:left;padding-bottom:20px;}
.news-content-main span.news-readmore{float:right;}
.news-content-main span.news-readmore a:hover{color:#e06426;}
.single-news .page-heading-area h1{font-size:40px;letter-spacing: 0px;}
.single-news .page-heading-area span {padding-right:20px;}
.single-news-header{float:left;margin-top:80px;border-bottom:1px solid #e6e6e6;padding-bottom:10px;padding-right: 20px;}
.single-news-header span{color:#afa5a3;padding-right:20px;}
.category-archive .news-header span{color:#afa5a3;padding-right:20px;}
.archives .page-heading-area h1{margin-top:20px;}
.print-this{padding-left:5px;}
.media-sidebar {padding-top:3%;}
.media-sidebar h3{font-family:novecento_widemedium;padding-top:0px;}
.media-sidebar nav{ float:left; width:100%; margin:10px }
.media-sidebar nav aside{float:left;clear:left;}
.media-sidebar nav a small{ font-size:11px; color:#cdd4d4; margin-right:10px; line-height:20px; float:left}
.media-sidebar nav a { float:left; clear:left; color:#3996bd; font-size:14px; text-transform:uppercase; margin:5px 0; font-family: 'novecento_widemedium';}
.media-sidebar nav a:hover small{color:#3996bd;}
.media-sidebar nav a:hover{ text-decoration:none; color:#2f87ac}
.media-sidebar nav .product-adverts img{padding-top:20px;padding-bottom:10px;}
.media-sidebar nav .product-adverts iframe{padding-top:20px;}
#single-news{margin-top:50px;}
#single-news .col-lg-8{padding-left:50px;}
.footer-details .sm-links{border:none;}
.advert-archive img{margin-left:0px !important;}
.news-feed{margin-top:150px;min-height:700px;}
.news-header {float:left;border-bottom:1px solid #e6e6e6;padding-bottom:10px;padding-right:70px; }
.news-header a h1{color:#000;}
.news-body-content{float:left;padding-top:15px;padding-right:70px;}
.pdf-links{float:left;}
.pdf-links .pdf-icon{background-image:url('images/pdf-icon.png');background-position:left;background-repeat:no-repeat;padding-left: 40px;font-size: 15px;padding-bottom: 15px;float: left;padding-top: 15px;padding-right: 60px;color:#69a9c4;}
.news-body-content .high-res-images{float:left;clear:left;padding-top:20px;}
.high-res-images .col-lg-4 a img{width:100%;}
.high-res-images .col-lg-4 h5{font-size:12px;padding:5px;border:1px solid #e6e6e6;margin-top:0px;padding-left:15px;}
.high-res-images .col-lg-4 a{color:#000;}
.high-res-images .col-lg-4{margin-left: -13px;padding-right: 25px;}
.high-res-images h4{font-size:16px;padding-bottom:10px;}
#producttoggle li{cursor:pointer; }
#producttoggle ul div{ cursor: auto; display: none; padding: 5px 0 5px 20px; }
#producttoggle ul div.active{ display: block; padding-top:0}
#producttoggle ul div.active ul{ padding:0}
.translate li{display:inline;}
.translate li.active a{color:#fff;}
#media .ful-width-banner img{ margin:0}
#media .ful-width-banner{ height:469px; background:#222222}
#media .ful-width-banner .container{ margin-top:109px }
.news-content h1{font-size:28px; color:#333332; clear:left;float:left}
#single-news .col-lg-4 nav a{ float:left; clear:left}
#menu-header-secondary .current-menu-item a{ color:#55C3C4}
#media .callbacks .caption { display: block; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0px; max-width: none; background:rgba(12,25,33, 0.5) ; padding:10px 0 0 0 }
#media .callbacks .caption h1{text-transform:none; color:#fff; font-size:36px; font-weight:800; text-align:left;text-shadow: 2px 2px 5px #000; margin:0}
#media .callbacks .caption p{ color:#fff; font-size:14px ; text-transform:none; font-weight:300; text-align:left; clear:left; float:left; padding:0 15px}
.high-res{ margin:109px 0 0 0; background:url(images/highres-bg.png) repeat-x}
.high-res .col-md-8{ padding-right:0}
.high-res .col-md-4{ padding-left:0}
.image-area .page-heading-area{ background:#cbdbdb; margin:0; padding:16px 30px 5px; min-height:119px}
.image-area .page-heading-area h1{ color:#234058}
.image-area .page-heading-area h4{ color:#295f5f}
.image-area ul { float:left; padding:0 15px 0 0}
.image-area ul li{ margin:20px 0}
.image-area ul li a{ display:block; padding:0 0 0 0px;
-moz-box-shadow: 3px 3px 0px #f0efef;
-webkit-box-shadow: 3px 3px 0px #f0efef;
box-shadow: 3px 3px 0px #f0efef;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.image-area ul li a:hover{-moz-box-shadow: 3px 3px 0px #e0dede;
-webkit-box-shadow: 3px 3px 0px #e0dede;
box-shadow: 3px 3px 0px #e0dede;}
.image-area ul li a img{ margin:0 0 0 33px}
.image-area ul li a h4{ font-size:14px; color:#0d203f; line-height:18px; padding:5px 10px 10px 33px}
.meta-category-area{ border-left:5px solid #edebeb; background:#f5f5f5; padding:30px 25px; min-height:950px}
.meta-category-area h3{ text-transform:uppercase; font-size:18px; color:#2a3241; font-family: 'novecento_widemedium';}
.meta-category-area nav a{ clear:left; float:left; font-size:14px; color:#3996bd; font-family: 'novecento_widemedium';}
.meta-category-area nav a small{ margin:0 5px 0 0}
.meta-category-area nav{ float:left; clear:left; width:100%; }
.meta-category-area p{ color:#295f5f; font-size:14px; float:left; padding:15px 0 0 0}
.meta-category-area section{ margin:10px 0; float:left; width:100%}
.tags{ float:left; clear:left}
.tags a{ color:#2f9bb9; float:left;}
.tags a:nth-child(1){}
.tags a:nth-child(2){ font-size:30px; font-weight:800}
.tags a:nth-child(3){ font-size:18px}
.tags a:nth-child(4){ font-size:30px}
.tags a:nth-child(5){ font-size:42px; font-weight:800}
.tags a:nth-child(6){ font-weight:800; margin:-20px 0 0 0}
.tags a:nth-child(7){}
.tags a:nth-child(8){}
.tenders .image-area .page-heading-area{ background:#e06426; margin:0; padding:16px 30px 15px; height:120px}
.tenders .image-area .page-heading-area h1{ color:#fff}
.tenders .image-area .page-heading-area h4{ color:#fff}
.high-res.tenders{ margin:109px 0 0 0; background:url(images/bg-orange.png) repeat-x}
.close-date{ clear:none !important; color:#fff !important; background:#81d2d2; padding:1px 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius:5px;
-khtml-border-radius:5px;
}
.previous-posts.active-tenders{ padding:10px 0}
.quotes { float:left; width:370px; background:#f6f6f6; padding-top:15px; padding-bottom:15px; min-height:380px}
.quotes p{ font-size:16px; line-height:26px; font-family: Georgia, Times, serif; font-style:italic;}
.quotes h4{ color:#55C2C2 !important; float:right !important; font-weight:800; text-align:right}
.quotes img{ float:right; width:90px !important; height:90px!important;-moz-border-radius:50%!important;
-webkit-border-radius: 50%!important;
border-radius:50%!important;
-khtml-border-radius:50%!important;}
.media-contacts span.links{ color:#8B94A4; margin-left:15px}
#table-wyswyg{ float:left; width:100%; border:0; text-align:left; border-collapse:separate; border-spacing:1px; margin-top:25px;}
#table-wyswyg .heading td{ background:#b6c5c5; color:#295f5f ; padding:10px}
#table-wyswyg .heading td{color:#295f5f}
#table-wyswyg td{ background:#e6eded; color:#4E4E4A; padding:3px 5px}
#dealers-widjet{ margin:0; padding-bottom:30px}
#dealers-widjet .deal-list-search{ background:none}
#dealers-widjet .tblcenter{ font-size:21px}
#dealers-widjet .tblcenter select{ width:245px}
#dealers-widjet .tblcenter .btn-blue{ font-size:16px; padding:4px 25px}
.current-openings nav a small{ font-size:11px; color:#cdd4d4; margin-right:10px; line-height:20px; float:left}
.current-openings nav a { float:left; color:#3996bd; font-size:14px; text-transform:uppercase; margin:5px 0; font-family: 'novecento_widemedium';}
.current-openings nav a:hover small{color:#3996bd;}
.current-openings nav a:hover{ text-decoration:none; color:#2f87ac}
.current-openings { float:right; margin:0 0px 0 0; width:97%}
.current-openings h2{ color:#467C93; font-size:36px}
.about.csr-over .about-quick-profiles.culture-images{ background:#5e636f; height:500px; margin:25px 0}
.about-quick-profiles.culture-images{ padding:25px 0 0 0; background:#5e636f}
.about-quick-profiles.culture-images h2{ text-align:center; color:#fff}
.about-quick-profiles.culture-images h4{ text-align:center; margin-bottom:30px; color:#aab3c9}
.about-quick-profiles.culture-images p{ color:#8B94A4}
.usefulwidth-links{ margin:35px 0}
.usefulwidth-links a{font-family: 'novecento_widemedium'; margin:10px; color:#7DC15E; font-size:16px}
.usefulwidth-links a:hover{ color:#3996BD}
.internships{ border-top:1px solid #ccc; text-align:center; padding:25px 0}
.internships h3{ color:#E06426; font-weight:800; font-size:36px}
.internships img{ margin:15px 0}
.meta-category-area .symbols{font-size:11px; color:#cdd4d4; margin-right:10px; line-height:20px; float:left}
.apply{ float:left; margin-right:10px; padding-top:4px; padding-bottom:4px}
.culture-project .news-box{ margin-bottom:25px}
.advert-filter .tabs li a{ padding:0 15px}
.advert-filter .tabs li{ margin:0 5px 0 0}
.lubricants .ful-width-banner{ height:318px}
.lubricants .ful-width-banner .container{ margin-top:109px}
.lubricants .ful-width-banner .container .col-lg-8{ padding-right:0; width:70%}
.lubricants .ful-width-banner .rslides.repnsive-slide.lubricants-slider img{ margin:0; max-width:800px}
.lubricants .ful-width-banner .rslides.repnsive-slide.lubricants-slider{ max-width:800px}
.lubricants #hexagon-nav{ margin:0 0 0 10%; float:left; width:90%; min-height:110px }
.lubricants .hexagon { font-family: 'novecento_widenormal'; width:100px; height: 60px; position: relative; margin:10px; text-align:center; text-transform:uppercase; float:left; background:#e06426;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.lubricants .hexagon:hover a{ text-decoration:none; color:#eee5e5;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
}
.lubricants .hexagon a{ color:#fff; font-size:11px; padding:20px 5px; float:left; display:block ; width:100px;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
.lubricants .hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom-style:solid; border-bottom-width:25px; border-bottom-color: #e06426; }
.lubricants .hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent;border-top-style:solid ;border-top-width:25px ;border-top-color: #e06426; }
.lubricants .navi li.hexagon{ margin:15px 15px 15px 0}
.lubricants .navi li.xagon-fuel{ background:#e06426; margin:40px 15px 0 0px}
.lubricants .xagon-fuel:before { border-bottom-color: #e06426; }
.lubricants .xagon-fuel:after{ border-top-color: #e06426; }
.lubricants .navi li.xagon-business{background: #3b414b; margin:15px 15px 15px 0}
.lubricants .xagon-business:before { border-bottom-color: #3b414b; }
.lubricants .xagon-business:after{ border-top-color: #3b414b; }
.lubricants .navi li.xagon-lubricant{ background:#a7aaaf; float:right; margin:40px -5px 0 0}
.lubricants .xagon-lubricant:before { border-bottom-color: #a7aaaf; }
.lubricants .xagon-lubricant:after{ border-top-color: #a7aaaf; }
.lubricants .navi li.xagon-locate{background:#55c2c2; float:left; margin:38px 15px 0 0}
.lubricants .xagon-locate:before { border-bottom-color:#55c2c2; }
.lubricants .xagon-locate:after{ border-top-color: #55c2c2; }
.lubricants .navi li.xagon-offer{background: #e2be2c; margin:35px 15px 15px 50px; clear:left}
.lubricants .xagon-offer:before { border-bottom-color: #e2be2c; }
.lubricants .xagon-offer:after{ border-top-color: #e2be2c; }
.lubricants .ful-width-banner .container .media-contacts .contacts h2{ font-size:14px; margin:0}
.lubricants .ful-width-banner .container .media-contacts .contacts .links{ margin:20px 45px}
.lubricants .ful-width-banner .container .media-contacts{ width:30%; min-height:315px}
.about.leadership-over .leadership.careers-culture #profiles li img{ margin:0 7%; width:220px; height:220px}
.careers .news-box{ width:97%}
.careers .news-box img{ float:right}
.careers .news-box h2{ font-size:24px; line-height:36px; width:56%; margin:30px}
.careers .news-box h2 b{ color:#9499a1}
.whats-suits-lubri h4{ font-size:18px; color:#455258; font-weight:800; float:left; font-family: 'novecento_widemedium'; text-align:center; width:100%}
.whats-suits-lubri ul{ float:left; width:100%; padding:15px 0}
.whats-suits-lubri ul li{ float:left; width:12%; margin:0 1%}
.whats-suits-lubri ul li a{ display:block}
.whats-suits-lubri ul li span{ float:left; clear:left; font-size:12px; color:#3a3a3a; font-family: 'novecento_widenormal'; text-align:center; width:100%}
.whats-suits-lubri .links{ float:right; font-size:12px; color:#55c2c2; border-bottom:1px dotted #55c2c2; margin:10px 0 0 0}
.whats-suits-lubri .links:hover{ border-bottom:1px solid #55c2c2}
.whats-suits-lubri ul li img{ margin:10px 20px; float:left;
}
.cbp-so-side.benifit-btn .offer-image{ margin:0}
div.wpcf7-validation-errors{float:left;padding: 10px 35px 10px 15px;
margin-bottom: 20px;
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;}
.corporate-packages{ float:right; background:#f5f5f5; min-height:265px; margin-top:-30px; width:95%; padding:20px}
.corporate-packages a{ color:#55c2c2; font-size:12px; float:left; clear:left; font-family: 'novecento_widenormal'; line-height:18px; margin-bottom:8px}
.corporate-packages a small{ font-size:11px; color:#cdd4d4; margin-right:10px; line-height:20px; float:left}
.lubricant-products h2{color: #ff7944; letter-spacing:-3px }
.lubricant-products {float: left; text-align: center; width: 100%;}
.lubricant-products ul{ float:left; width:100%; padding:15px 0}
.lubricant-products ul li{ min-height:280px; margin-bottom:10px}
.lubricant-products ul li a img{ float:left; margin:0 40px; width:182px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
#lubri-product{ background:url(images/lubri-bg-page.png) no-repeat;}
.lubricant-products ul li a img:hover{ width:162px}
.lubricant-products ul li a span{ float:left; clear:left; width:100%; text-align:center; color:#467c93; font-size:18px; font-family: 'novecento_widemedium';
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.lubricant-products ul li a:hover span{ color:#FF7944}
.lubricant-products.endors h2{color: #ff7944;letter-spacing:-3px }
.lubricant-products.endors{ margin:55px 0}
.lubricant-products.endors img{ margin:15px}
.slidingDiv2 { display:none; height:160px; margin-top:0px; border-top:5px solid #BC3031;}
.slidingDiv2 h1{ font-size:24px; color:#565d6c; font-family: 'novecento_widemedium'; float:left; padding:15px; margin:0}
.slidingDiv2 .show_hide2 { float:right; margin:10px; background:none; border:none }
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ min-height:840px; background:#f8f8f8; border-top:1px solid #e8e8e8}
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light h2{ color:#3d3e42}
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container { margin-top:0}
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container img{ width:100%; border:none; height:auto;
-moz-border-radius:0;
-webkit-border-radius: 0;
border-radius:0;
-khtml-border-radius:0;}
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container p{ float:left; text-align:center; widows:100%}
.ful-width-banner.about-quick-profiles.culture-images.lubri-ads { min-height:775px}
.ful-width-banner.about-quick-profiles.culture-images.lubri-ads .container { margin-top:0}
.ful-width-banner.about-quick-profiles.culture-images.lubri-ads .container iframe{ margin:0 85px}
.ful-width-heading.dark-heading-area{ background:#040404; min-height:256px; height:256px; margin-top:109px}
.ful-width-heading.dark-heading-area .page-heading-area{ padding-left:0}
.ful-width-heading.dark-heading-area .page-heading-area img{ margin:15px 15px 0 0}
.dark-heading-area .lubricants .hexagon a{ padding:14px 5px}
.dark-heading-area .lubricants .navi li.fuel2{ background:#a7aaaf; margin:40px 15px 0 0px}
.dark-heading-area .lubricants .fuel2:before { border-bottom-color: #a7aaaf; }
.dark-heading-area .lubricants .fuel2:after{ border-top-color: #a7aaaf; }
.dark-heading-area .lubricants .navi li.fuel3{ background:#a7aaaf; float:right; margin:31px 80px 0 0}
.dark-heading-area .lubricants .fuel3:before { border-bottom-color: #a7aaaf; }
.dark-heading-area .lubricants .fuel3:after{ border-top-color: #a7aaaf; }
.dark-heading-area .lubricants .navi li.fuel1{background:#a7aaaf; float:left; margin:38px 15px 0 0}
.dark-heading-area .lubricants .fuel1:before { border-bottom-color:#a7aaaf; }
.dark-heading-area .lubricants .fuel1:after{ border-top-color: #a7aaaf; }
.dark-heading-area .lubricants .hexagon.current{background:#55c3c4 !important;}
.dark-heading-area .lubricants .hexagon.current:before { border-bottom-color:#55c3c4; }
.dark-heading-area .lubricants .hexagon.current:after{ border-top-color: #55c3c4; }
.dark-heading-area .lubricants .hexagon.current a{ }
.dark-heading-area .lubricants{ margin-top:15px}
.consumer-single .ful-width-banner img{ margin:0}
.consumer-single .ful-width-banner{ height:auto; background:#090909}
#iPicture{ float:none; overflow:hidden}
.ip_slide{position: relative;}
.ip_tooltip {
padding: 0;
position: absolute;
text-align: left;
}
.ip_img32 .ip_descr p{ color:#fff; font-size:16px}
.ip_bg24 .ip_descr{}
.ip_descr:before{ width: 0; height: 0; content: ""; position: absolute;}
/*.ip_descr.ltr-before:before{ border-left: 8px solid transparent; top: 15px; left: -8px;}
.bgwhite.ltr-before:before{ border-top: 12px solid rgba(92,188,55, 0.9);}
.bgblack.ltr-before:before{ border-top: 12px solid rgba(92,188,55, 0.8);}
.ip_descr.rtl-before:before{ border-right: 8px solid transparent; top: 15px; right: -8px;}
.bgwhite.rtl-before:before{ border-top: 12px solid rgba(92,188,55, 0.9);}
.bgblack.rtl-before:before{ border-top: 12px solid rgba(92,188,55, 0.8);}
.ip_descr.btt-before:before{ border-right: 12px solid transparent; bottom: -8px; left: 16px;}
.bgwhite.btt-before:before{ border-top: 8px solid rgba(92,188,55, 0.9);}
.bgblack.btt-before:before{ border-top: 8px solid rgba(92,188,55, 0.8);}
.ip_descr.ttb-before:before{ border-right: 12px solid transparent; top: -8px; left: 16px;}
.bgwhite.ttb-before:before{ border-bottom: 8px solid rgba(92,188,55, 0.9);}
.bgblack.ttb-before:before{ border-bottom: 8px solid rgba(92,188,55, 0.8);}*/
.ip_tooltip .ip_descr { opacity: 0; position: absolute; text-align: center;
min-width: 265px;
transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
-moz-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
-webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
z-index: -10;
display: block;
width: auto;
height:auto;
padding: 10px 10px;border-radius: 30px;
}
.ip_descr p{ float:left; line-height:16px; margin:0; text-align:center; width:100%}
.ip_tooltip .ltr-before { left: -3px;}
.ip_tooltip .rtl-before { right: -60px;}
.ip_tooltip .ttb-before { top: -3px;}
.ip_tooltip .btt-before { bottom: -60px;}
.ltr-slide { opacity: 1 !important; left: 45px !important; padding: 0;}
.rtl-slide { opacity: 1 !important; right: -32px !important; padding:10px 35px 10px 10px !important}
.btt-slide { opacity: 1 !important; bottom: -34px !important; padding: 10px 10px 10px 35px !important;}
.ttb-slide { opacity: 1 !important; top: -3px !important; padding:10px 10px 10px 35px !important;}
.pass-ltr{ display: block; float: right; height: 50px; left: 30px; position: absolute; width: 20px;}
.pass-rtl{ display: block; float: right; height: 50px; right: -30px; position: absolute; width: 50px;}
.pass-btt{ display: block; float: right; height: 50px; bottom: -30px; position: absolute; width: 40px;}
.pass-ttb{ display: block; float: right; height: 20px; top: 30px; position: absolute; width: 50px;}
.descrContainer { width: 0; height:0; display: block; visibility: hidden;}
.show .descrContainer { width:100%; height:100%; visibility: visible;}
.ip_img32 .button{ width: 32px; height: 32px; float: left!important; position: absolute;}
.ip_img24 .button{ width: 24px; height: 24px; float: left!important; position: absolute; top: 18px; left: 18px;}
.bg32 .button{ width: 32px; height: 32px; float: left!important; position: absolute; top: 9px; left: 9px;}
.ip_bg24 .button{ width: 24px; height: 24px; float: left!important; position: absolute; top: 9px; left: 9px; border-radius: 24px;
}
.bgblack{ background: rgba(92,188,55, 0.8); border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.bgwhite{
background: rgba(92,188,55, 0.9);
border-radius: 30px;;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
color:#000000;
}
/* white round bg */
.ip_img32 .roundBgW{
height: 50px;
width: 50px;
left: -9px;
position: absolute;
top: -9px;
}
.ip_img32 .roundBgWIn{
height: 42px;
width: 42px;
position: absolute;
left: -5px;
top: -5px;
}
.ip_img32 .roundBgWInner{
height: 36px;
width: 36px;
position:absolute;
left: -2px;
top: -2px;
}
.ip_img24 .roundBgW{
height: 56px;
width: 56px;
}
.ip_img24 .roundBgWIn{
height: 44px;
width: 44px;
}
.ip_img24 .roundBgWInner{
height: 34px;
width: 34px;
}
.ip_bg24 .roundBgW{
height: 42px;
width: 42px;
}
.ip_bg24 .roundBgWIn{
height: 34px;
width: 34px;
}
.ip_bg24 .roundBgWInner{
height: 28px;
width: 28px;
}
.roundBgW{
border-radius: 30px;
position: absolute;
animation: pulseW 1.5s 1s infinite alternate;
-moz-animation: pulseW 1.5s 1s infinite alternate; /* Firefox */
-webkit-animation: pulseW 1.5s 1s infinite alternate; /* Safari and Chrome */
-o-animation: pulseW 1.5s 1s infinite alternate; /* Opera */
}
.roundBgWIn{
border-radius: 30px;
position: absolute;
top: 4px;
left: 4px;
animation: pulseWIn 1.5s 0.5s infinite alternate;
-moz-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Firefox */
-webkit-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Safari and Chrome */
-o-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Opera */
}
.roundBgWInner{
border-radius: 30px;
position: absolute;
top: 7px;
left: 7px;
animation: pulseWInner 1.5s infinite alternate;
-moz-animation: pulseWInner 1.5s infinite alternate; /* Firefox */
-webkit-animation: pulseWInner 1.5s infinite alternate; /* Safari and Chrome */
-o-animation: pulseWInner 1.5s infinite alternate; /* Opera */
}
@keyframes pulseW
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.2);}
}
@-moz-keyframes pulseW /* Firefox */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.2);}
}
@-webkit-keyframes pulseW /* Safari and Chrome */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.2);}
}
@-o-keyframes pulseW /* Opera */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.2);}
}
@keyframes pulseWIn
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.3);}
}
@-moz-keyframes pulseWIn /* Firefox */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.3);}
}
@-webkit-keyframes pulseWIn /* Safari and Chrome */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.3);}
}
@-o-keyframes pulseWIn /* Opera */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.3);}
}
@keyframes pulseWInner
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.6);}
}
@-moz-keyframes pulseWInner /* Firefox */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.6);}
}
@-webkit-keyframes pulseWInner /* Safari and Chrome */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.6);}
}
@-o-keyframes pulseWInner /* Opera */
{
from {background: rgba(92,188,55, 0);}
to {background: rgba(92,188,55, 0.6);}
}
/* end white round bg */
/* black round bg */
.ip_img32 .roundBgB{
height: 50px;
width: 50px;
left: -9px;
position: absolute;
top: -9px;
}
.ip_img32 .roundBgBIn{
height: 42px;
width: 42px;
position: absolute;
left: -5px;
top: -5px;
}
.ip_img32 .roundBgBInner{
height: 36px;
width: 36px;
position: absolute;
left: -2px;
top: -2px;
}
.ip_img24 .roundBgB{
height: 56px;
width: 56px;
}
.ip_img24 .roundBgBIn{
height: 44px;
width: 44px;
}
.ip_img24 .roundBgBInner{
height: 34px;
width: 34px;
}
.ip_bg24 .roundBgB{
height: 42px;
width: 42px;
}
.ip_bg24 .roundBgBIn{
height: 34px;
width: 34px;
}
.ip_bg24 .roundBgBInner{
height: 28px;
width: 28px;
}
.roundBgB{
border-radius: 30px;
position: absolute;
animation: pulse 1.5s 1s infinite alternate;
-moz-animation: pulseB 1.5s 1s infinite alternate; /* Firefox */
-webkit-animation: pulseB 1.5s 1s infinite alternate; /* Safari and Chrome */
-o-animation: pulseB 1.5s 1s infinite alternate; /* Opera */
}
.roundBgBIn{
border-radius: 30px;
position: absolute;
top: 4px;
left: 4px;
animation: pulseBIn 1.5s 0.5s infinite alternate;
-moz-animation: pulseBIn 1.5s 0.5s infinite alternate; /* Firefox */
-webkit-animation: pulseBIn 1.5s 0.5s infinite alternate; /* Safari and Chrome */
-o-animation: pulseBIn 1.5s 0.5s infinite alternate; /* Opera */
}
.roundBgBInner{
border-radius: 30px;
position: absolute;
top: 7px;
left: 7px;
animation: pulseBInner 1.5s infinite alternate;
-moz-animation: pulseBInner 1.5s infinite alternate; /* Firefox */
-webkit-animation: pulseBInner 1.5s infinite alternate; /* Safari and Chrome */
-o-animation: pulseBInner 1.5s infinite alternate; /* Opera */
}
.moreblack{
background: url("images/plus.png") no-repeat scroll center center transparent;
}
.titolo {
width: 750px;
font-size: 10em;
margin: 0 auto;
text-align: center;
color: #fff;
text-shadow: 0px 1px 1px #adadad,
0px 2px 1px #c1c1c1,
0px 3px 1px #bbb,
0px 4px 1px #b5b5b5,
0px 5px 1px #b1b1b1,
0px 6px 1px #aaa,
0px 7px 1px #555,
0px 8px 3px rgba(100, 100, 100, 0.4),
0px 9px 5px rgba(100, 100, 100, 0.1),
0px 10px 7px rgba(100, 100, 100, 0.15),
0px 11px 9px rgba(100, 100, 100, 0.2),
0px 12px 11px rgba(100, 100, 100, 0.25),
0px 13px 15px rgba(100, 100, 100, 0.3);
}
.consumer-single .top-area{ text-align:center}
.consumer-single .top-area article{ width:100%}
.consumer-single .top-area article h2{ color:#f15820; font-size:24px; font-family: 'novecento_widemedium'; margin:30px 0 10px 0 }
.consumer-single .top-area article h4{ font-family:'Arimo',sans-serif; color:#999898; font-size:16px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light h2{ color:#012a6c}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .quotes { width:500px; min-height:320px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light blockquote small{ color:#444652; font-size:102px; float:left}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img{ float:left; }
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light blockquote p{ text-align:left}
.ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container .diesel-endrsmnt img{ float:left; width:60%; margin:0px 15%; }
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ min-height:430px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img:nth-child(2) { margin:20px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img:nth-child(3) { margin:30px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img:nth-child(4) { margin:-10px 10px 0 80px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img:nth-child(5) { margin:-18px 12px 0 32px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .clients-lubri img:nth-child(6) { margin:16px 0 0 21px}
.consumer-single .wysiwyg{ float:left; text-align:center}
.consumer-single #showcase-area h2{ color:#54c3bd}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ width:800px; margin:0 auto}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li{ float:left; margin:20px 0; width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li img{ width:145px; height:145px; border:2px solid #fff;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
-khtml-border-radius:50%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li img:hover{
-moz-box-shadow: 1px 1px 13px #e7e6e6;
-webkit-box-shadow: 1px 1px 13px #e7e6e6;
box-shadow: 1px 1px 13px #e7e6e6;}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li h3{font-family: 'novecento_widemedium'; font-size:24px;color:#f2683c; text-transform:uppercase; text-align:left}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li p{ color:#74737b; font-size:18px; text-align:left}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li a{ cursor:default}
.search-area #addressSubmit.slp_ui_button{
background: url(images/dn-btn.png) no-repeat;width: 30px; height: 30px;
border: none !important;
box-shadow: none !important;
}
#addressSubmit.slp_ui_button:hover{
margin: 0 !important;
padding: 0;
}
#address_search{position: relative;}
.search-area #radius_in_submit{position: absolute;top: 15px;
left: 370px;
z-index: 2; width: 30px !important;}
.search-area #addy_in_address{
padding: 0 !important;
margin: 23px 0 0 25px;
}
/*
.search-area.model-fuel{ margin:0 auto; width:800px; margin-bottom:145px}
.search-area.model-fuel #addy_in_address { background:#eeefed; height:50px; border:1px solid #e5e5e4; width:300px}
.search-area.model-fuel #addy_in_address input{ background:#eeefed; height:50px; border:1px solid #e5e5e4; width:300px; padding:0 15px; font-family: 'novecento_widemedium';}
.search-area.model-fuel .search-area-right{ width:280px}
.search-area.model-fuel .search-area-left{ width:375px}
.search-area.model-fuel #radius_in_submit{ left:285px}
*/
/*#gsc-iw-id1{ height:68px !important; border:1px solid #191E27 !important; background:#191E27 !important}*/
.captcha-p input{ width:28%}
.wpcf7{ float:left; padding:20px 15px 0 0 !important}
.wpcf7 p{ font-size:16px; color:#2A3241; margin:10px 20px}
.wpcf7 input{ border:1px solid #D2D6CF; background:#fff; padding:5px 10px}
.wpcf7 input textarea{ border:1px solid #D2D6CF; background:#fff; }
.wpcf7-submit{}
.wpcf7 .wpcf7-submit{ background:#bc3031;border:1px solid #b22a2b; padding:10px 40px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.wpcf7 .wpcf7-submit{ color:#fff; text-transform:uppercase;font-family: 'novecento_widemedium';font-size:16px}
.wpcf7 .wpcf7-submit:hover{ background:#a82425; border:1px solid #bc3031}
.wpcf7 .wpcf7-submit:hover .symbols{ margin-left:20px}
.tooltip-nav li div {
display: none; text-align:center; margin-top:-23px;
position: absolute;
right: 0;
width:106px; height:28px; z-index:1000px;
}
.tooltip-nav li div small{padding:4px 10px ;color:#fff; font-size:12px; text-transform:uppercase; float:left; text-shadow: #000 1px 1px 1px; background:rgba(84, 174, 44, 0.8);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-khtml-border-radius: 3px;}
.tooltip-nav li div img{ float:left; margin:2px 0 0 0}
.navi li img{filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);}
.navi li:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
zoom:1;
-webkit-filter: grayscale(0%); }
#five .cbp-so-section h2{ color:#012A6C}
#six .cbp-so-section h2{ color:#f26213}
#six .btn.btn-primary.btn-large.btn-non-readius.btn-red.btn-text{ margin-bottom:65px}
#six{ background:#f5f5f5}
#six .cbp-so-side.benifit-btn img{ margin:0 0 0 140px}
/*tooltip animation for lubricants */
.cbp-so-init .lubri-tooltip {
-webkit-transform: translateY(-120px);
-moz-transform: translateY(-120px);
transform: translateY(-120px);
}
.cbp-so-section.cbp-so-animate .lubri-tooltip,
.cbp-so-section.cbp-so-animate .lubri-tooltip {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.lubricant-bottles .lubri-tooltip span{ clear: left;
color: #467C93;
float: left;
font-family: 'novecento_widemedium';
font-size: 18px;
text-align: center;
transition: all 300ms ease-in-out 0s;
width: 100%;}
.lubricant-bottles{ margin:40px 0; width:100%; float:left}
.lubricant-bottles div{ width:33.3333%}
.lubricant-bottles div img{ margin:0 95px}
.lubricant-bottles div:nth-child(1) {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.lubricant-bottles div:nth-child(2) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.lubricant-bottles div:nth-child(3) {
-webkit-transition-delay: 1.0s;
-moz-transition-delay: 1.0s;
transition-delay: 1.0s;
}
/*tooltip animation for benifit ends */
#five .cbp-so-section figure img{ }
#five .lubricant-bottles{ /*background:url(images/lubri-bg.png) no-repeat center*/}
#five .cbp-so-init .benifit-btn a{ margin:4px 0 40px 415px}
.portfolio.group li{ width:100%; min-height:30px; clear:left; padding:5px 15px 5px 28px; background:url(images/liststyle-left-nav.png) no-repeat 0 10px ; color:#afafae; font-weight:bold; margin:7px 0 7px 0;
}
.portfolio.group li span{ text-align:left; color:#818ea0; font-weight:300; font-size:16px}
.portfolio.group li:hover{background:url(images/liststyle-left-selectnav.png) no-repeat 0 6px; opacity: 1;}
/**/
@-webkit-keyframes open{
0%{
-webkit-transform: scale(1,0);
}
100%{
-webkit-transform: scale(1,1);
}
}
@-webkit-keyframes squeeze{
0%{
height: 400px;
}
100%{
height: 120px;
}
}
@-webkit-keyframes fadeOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-webkit-keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes slideLeft{
0%{
-webkit-transform: translateX(120%);
}
100%{
-webkit-transform: translateX(0%);
}
}
@-webkit-keyframes slideRight{
0%{
-webkit-transform: translateX(-120%);
}
100%{
-webkit-transform: translateX(0%);
}
}
@-webkit-keyframes moveUp{
0%{
-webkit-transform: translateY(0px);
}
100%{
-webkit-transform: translateY(-170px);
}
}
@-webkit-keyframes zoomIn{
0%{
-webkit-transform: scale(0);
}
100%{
-webkit-transform: scale(1);
}
}
/**/
@-moz-keyframes open{
0%{
-moz-transform: scale(1,0);
}
100%{
-moz-transform: scale(1,1);
}
}
@-moz-keyframes squeeze{
0%{
height: 400px;
}
100%{
height: 120px;
}
}
@-moz-keyframes fadeOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-moz-keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-moz-keyframes slideLeft{
0%{
-moz-transform: translateX(120%);
}
100%{
-moz-transform: translateX(0%);
}
}
@-moz-keyframes slideRight{
0%{
-moz-transform: translateX(-120%);
}
100%{
-moz-transform: translateX(0%);
}
}
@-moz-keyframes moveUp{
0%{
-moz-transform: translateY(0px);
}
100%{
-moz-transform: translateY(-170px);
}
}
@-moz-keyframes zoomIn{
0%{
-moz-transform: scale(0);
}
100%{
-moz-transform: scale(1);
}
}
/**/
@keyframes open{
0%{
transform: scale(1,0);
}
100%{
transform: scale(1,1);
}
}
@keyframes squeeze{
0%{
height: 400px;
}
100%{
height: 120px;
}
}
@keyframes fadeOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes slideLeft{
0%{
transform: translateX(120%);
}
100%{
transform: translateX(0%);
}
}
@keyframes slideRight{
0%{
transform: translateX(-120%);
}
100%{
transform: translateX(0%);
}
}
@keyframes moveUp{
0%{
transform: translateY(0px);
}
100%{
transform: translateY(-170px);
}
}
@keyframes zoomIn{
0%{
transform: scale(0);
}
100%{
transform: scale(1);
}
}
/*chandika -styles*/
#sl_div{margin-top: 100px; position: relative; padding: 0 !important;}
#sl_div .search-area{position: absolute; top: 5%; z-index: 1; background:url(images/search-area.png) repeat; width: 974px; height: 159px; left: 50%; margin-left:-450px }
#sl_div .small_search{
position: absolute; top: 5%; z-index: 2; background:url(images/search-area.png) repeat; width: 30px; height: 31px; left: 50%; margin-left:-450px;
display:none;
}
.search-area-left{ float: left; width: 480px;margin-top: 20px;}
.search-area-right{float: left; width: 440px;margin-top: 70px;}
span.or{float: left; width: 54px;margin-top: 75px; font-size: 20px; font-weight: bold; font-family: novecento_widenormal;}
#nearme input[type="submit"]{background:url(images/nearme.jpg) no-repeat; width: 226px; height: 46px; border: none;}
#addy_in_city{display: none;}
#sl_div #address_search{width: 500px !important;}
#sl_div #address_search .search_item INPUT{
border:solid 1px #e6e8e4 !important;
height: 59px !important;
width: 412px !important;
background: #eeefed !important;
font-family: novecento_widenormal;
font-size: 18px;
color: #303a3e;
}
#sl_div #address_search .search_item input:focus::-webkit-input-placeholder
{
color: transparent;
}
#sl_div #address_search .search_item input:focus:-moz-placeholder{
color: transparent;
}
#sl_div #address_search .search_item input:focus::-moz-placeholder{
color: transparent;
}
#sl_div #address_search .search_item input:focus:-ms-input-placeholder {
color: transparent;
}
/*#sl_div #address_search .search_item input:focus::-moz-placeholder, #sl_div #address_search .search_item input:focus:-ms-input-placeholder { /* Firefox 19+ * /
color: transparent;
}*/
#sl_div #address_search .search_item input::-webkit-input-placeholder {
color: #303a3e;
font-family: novecento_widenormal;
font-size: 18px;
}
#sl_div #address_search .search_item input:-moz-placeholder { /* Firefox 18- */
color: #303a3e;
font-family: novecento_widenormal;
font-size: 18px;
}
#sl_div #address_search .search_item input::-moz-placeholder { /* Firefox 19+ */
color: #303a3e;
font-family: novecento_widenormal;
font-size: 18px;
}
#sl_div #address_search .search_item input:-ms-input-placeholder {
color: #303a3e;
font-family: novecento_widenormal;
font-size: 18px;
}
#sl_div .sl_header #addressSubmit.slp_ui_button{ filter:none;
background: url(images/dn-btn.png) no-repeat;width: 30px; height: 30px;
border: none !important;
box-shadow: none !important;
}
.sl_header #addressSubmit.slp_ui_button:hover{
margin: 0 !important;
padding: 0;
}
#address_search{position: relative;}
#sl_div #radius_in_submit{position: absolute;top: 55px;
left: 370px;
z-index: 2; width: 30px !important;}
#sl_div #addy_in_address{ float:left;
padding: 0 !important;
margin: 6px 0 0 25px;
}
.postid-247 .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:47px 0 0 0}
.page-id-542 .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:47px 0 0 0}
.page-id-542 #addy_in_radius{margin-left:240px; width:250px; float:left; margin-top:-100px}
.page-id-31 .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:47px 0 0 0}
.page-id-31 #addy_in_radius{margin-left:240px; width:250px; float:left; margin-top:-100px}
.postid-247 #addy_in_radius select{ margin:-28px 0 0 0px}
.postid-240 .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:47px 0 0 0}
#post-48 #addy_in_radius{margin-left:340px; width:250px; float:left; margin-top:-102px}
.postid-240 #addy_in_radius select{ margin:-28px 0 0 0px}
#results_table{ }
#results_table .results_entry{width: 280px; float: left; margin:15px 0 15px 30px; min-height: 100px;}
#results_table span.location_name{font-family: 'Arimo',sans-serif; font-size:18px; line-height:28px; color: #1b1d23; display: inline-block; text-transform:capitalize; font-weight:800; float:left; width:100%}
.results_entry_list span.info.address1{ color:#828181; font-size:16px; font-family: 'Arimo',sans-serif; float:left; width:100%}
.results_entry_list span.info.phone{ font-size:14px; float:left; width:100%; color:#828181; font-weight:bold; font-family: 'Arimo',sans-serif; }
#results_table span.slp_result_address{display: none;}
#results_table span.location_distance{ float: left;display: inline-block; color: #a09a9a;font-family: arimo; font-size: 12px; }
#results_table span.slp_result_directions{display: inline-block; width: 100px;margin-left: 10px;}
#results_table span.slp_result_directions a{ float: left;display: inline; color: #328aae;font-family: arimo; font-size: 12px; }
#results_table .results_row_center_column{position: relative;}
.text_below_map{display: none;}
#sl_info_bubble{text-align: left !important; max-width: 330px !important;}
#sl_info_bubble span.shed-name{color:#b1d23; font-family: Helvetica; font-size: 25px; min-width: 300px; display: inline-block;}
#sl_info_bubble span.address{color:#bdbcbc; font-family: Helvetica; font-size: 14px; min-width: 300px; margin-top: 12px; margin-bottom: 12px;display: inline-block;}
#sl_info_bubble span.phone {color:#828181; font-family: Helvetica; font-size: 14px; min-width: 300px; margin-right: 15px;display: inline;}
#sl_info_bubble span.hours {color:#828181; font-family: Helvetica; font-size: 14px; min-width: 300px; display: inline;}
#sl_info_bubble span.available{color:#3b9c9c; font-family: novecento_widemedium; font-size: 12px; min-width: 300px; margin-top: 30px;margin-bottom: 20px;display: inline-block;}
#sl_info_bubble .taggi ul{margin: 0; padding: 0;}
#sl_info_bubble .taggi li{color:#646f6f;font-family: novecento_widemedium; font-size: 10px; display: inline-block;min-width: 120px; float: left; margin-right: 20px; margin-bottom: 20px; background:url("images/option-marker.png") no-repeat scroll 0 2px transparent;padding-left: 22px;}
.clear{clear: both;}
#sl_info_bubble a.directions{background:url("images/directions.jpg") no-repeat; display: inline-block; height: 28px; width: 143px; float: left;}
#sl_info_bubble span.distance{color:#a09a9a;font-family: Helvetica; font-size: 14px; display: inline-block; float: left;margin: 5px 0 0 10px;}
.gm-style-iw{width: 330px !important;}
#showcase-area .tabs{ background:#C3C3C6}
#ads .tabs{ background:#C3C3C6}
#ads img{ width:100%; height:auto; margin:0; border:0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-khtml-border-radius: 0px;}
.whats-best{ padding:25px}
.whats-best h2{ text-align:center; font-size:24px; font-weight:800; text-align:center; color:#467c93;}
.whats-best h4{ color:#e06426; font-size:18px; float:left; width:100%}
.whats-best nav ul{ padding:0; padding-bottom:10px}
.whats-best nav ul li{padding:5px 0 5px 28px; background:url(images/liststyle-left-nav.png) no-repeat center left; color:#afafae; font-weight:bold; margin:7px 0 7px 10px; float:left; width:30%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.whats-best nav ul li a{ color:#afafae; text-transform:uppercase; font-size:11px; display:block;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.whats-best nav ul li a:hover{ text-decoration:none; color:#07122f}
.whats-best nav ul li:hover{background:url(images/liststyle-left-selectnav.png) no-repeat center left; opacity: 1;}
.whats-best nav ul li:hover a{ text-decoration:none; color:#07122f}
#slideshow {
width:1100px;
}
.slider_pager_box {
width: 1200px;
margin: 0 auto;
height: 50px;
position:absolute;
bottom:30%;
}
.slider_pager_box a:hover, .slider_pager_box a:active {
outline: none;
text-decoration:none;
}
.slider_pager_box .prev_box {
float: left;
display: block;
height: 50px;
width: 64px;
}
.slider_pager_box .next_box {
float: right;
display: block;
height: 50px;
width: 64px;
}
.slider_pager_box .prev {
display: block;
height: 50px;
cursor:pointer;
}
.slider_pager_box .next {
display: block;
height: 50px;
cursor:pointer;
}
.hide {
display: none;
visibility: hidden;
}
#bullets {
float: left;
width: 872px;
height: 38px;
text-align: center;
line-height: 49px;
}
#bullets li {
display: inline-block;
background: url("../images/bullets.png") right center no-repeat;
width: 30px;
height: 49px;
}
#bullets li.on {
background-position: left center;
width: 30px;
height: 49px;
}
.prev em {font-family: 'web_symbolsregular';
display: block;
padding: 16px 13px 8px;
font-style: normal;
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
}
.next em {font-family: 'web_symbolsregular';
display: block;
padding: 16px 13px 8px;
font-style: normal;
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
}
#tagalong_category_selector{ width: 355px; margin-left: 25px; float: left; margin-bottom:10px}
input[type='submit']#home-submit{background: url("images/dn-btn.png") no-repeat scroll 0 0 transparent;
border: medium none !important;
box-shadow: none !important;
height: 30px;
width: 30px;
position: absolute;
right: 320px;
top: 60px;}
.search-location .search-area .or{ margin-top: 60px;}
.search-location .search-area .search-area-right{}
.check-area{ margin: 10px 0 20px 360px; min-height:170px;
padding: 25px 0;
width: 390px;}
.check-area input {
border: 1px solid #EEEFED;
float: left;
height: 20px;
margin: 2px 0 0 15px;
width: 20px;
}
.check-area span {
color: #9E9C9C;
float: left;
font-family: 'novecento_widemedium';
font-size: 18px;
margin: 0 15px 0 0;
text-transform: uppercase;
}
.mfp-wrap{width: 100%; height: 544px !important; /*border: 2px solid #dddddd;*/ margin:-277px 0 0 -400px}
.mfp-wrap #map{width: 800px !important; height: 500px !important;}
.mfp-wrap .searched-location{background: #ffffff; height: 40px;font-family: novecento_widemedium; font-size: 14px; color: #797d77;padding: 10px 0 0 20px; margin: 0; width: auto;}
.searched-location{background: #ffffff; height: 40px;font-family: novecento_widemedium; font-size: 14px; color: #797d77;padding: 10px 0 0 20px; width: 700px; margin: 0 200px;}
.mfp-wrap .mfp-close{bottom: 0px !important; top: none;}
.search-location #map_table{display: none;}
.mfp-wrap #map_table{display:block !important;}
.pop-brnifits{ padding:25px; background:#2a2c2f; text-align:center}
.pop-brnifits p{ text-align:center; color:#abaeb2; font-size:14px; line-height:18px}
.pop-brnifits h4{ color:#fff; font-size:18px; font-weight:600; text-align:center; font-family: 'novecento_widemedium'; }
.single-csr.wysiwyg{ list-style:none; }
.single-csr.wysiwyg li img{ width:176px; height:176px}
.single-csr.wysiwyg li{ list-style:none; padding:0}
#second .navi{ display:none}
.about-quick-profiles .container h2{ text-align:center; margin:0; }
.translate{ float:right; color:#fcbb9a; margin-top:18px; display:none}
.translate a{ color:#fcbb9a; font-size:14px; float:left; padding:0 5px}
.translate a.current{ color:#fff}
.single-banner-area{ background:#1c1c1c; float:left; width:100%}
.single-banner-area img{ float:left}
.search-location .search-area-right{width: 440px;margin-top: -111px;}
.search-location span.or{display: none;}
.search-location #sl_div #radius_in_submit{position: absolute;top: 15px;left: 380px;z-index: 2; width: 30px !important;}
#third .search-location #sl_div #radius_in_submit{position: absolute;top: 35px;left: 380px;z-index: 2; width: 30px !important;}
.search-location a#get-my-loc{background: url("images/pin.png") no-repeat scroll 0 0 transparent;
color: #7DC15E;
font-family: 'novecento_widemedium';
font-size: 18px;
letter-spacing: 3px;
padding: 3px 20px;
text-transform: uppercase;
text-decoration: none;
outline: 0;
display: inline;
}
a#get-my-loc{background:url(images/nearme.jpg) no-repeat; width: 275px; height: 46px; border: none; display: block; outline: 0px;}
/* investors page */
#fin-numbers h4 {text-align:center; font-size:30px; color:#356064; margin-bottom:20px;}
.numbers {text-align:center;}
.numbers span{float:left; font-family: 'novecento_widemedium'; color:#7d8679; text-align:center; }
.numbers .num {font-weight:bold; font-size:48px; color:#a0abac; letter-spacing:-4px; font-family:arimo,sans-serif; margin-top:18px; width:95%;}
.lkr {text-transform:uppercase; font-size:18px; margin: 50px 0px 0px 0px; width:5%; text-align:left; margin-left:-20%;}
.stock-symb, .number-desc {width:100%;}
.number-desc {clear:left;}
.stock .number-desc {margin-top:-16px;}
.stock .num {clear:left; font-size:72px; color:#5e9943; letter-spacing:-5px; margin-top:-20px;
background:url(images/stock-up.png) no-repeat left center;}
.stock .stock-up {
/*background:url(images/stock-up.png) no-repeat left center;*/
}
.stock .stock-down {
background:url(images/stock-down.png) no-repeat left center;
}
.stock .up {color:#5e9943}
.stock .down {color:#b93b26;}
.stock-symb {font-size:14px;}
.stock .lkr {margin-top:30px;}
.last-update {font-size:12px; margin-top:4px; color:#a19d9d; width:100%;}
.reports {padding:10px; background-color:#f2f2f2; margin-top:25px;}
.reports .why-invest {margin-top:25px;}
.reports h2 {color:#467C93; letter-spacing:-4px; width:100%; text-align:center;}
.report-download h3, .report-download .more{text-transform:uppercase;font-family: 'novecento_widemedium', arial, sans-serif; }
.report-download .more {float:left; margin-left:20px;}
.report-download {padding-right:5%;}
.report-download img {float:left;}
.down {clear:left;}
.investor-links {font-family: 'novecento_widemedium', arial, sans-serif; margin-top:10px; text-align:left; padding:20px;}
.investor-links h3 {font-size:24px; font-family: 'novecento_widemedium', arial, sans-serif;}
.news {font-size:18px; font-family: 'Arimo', sans-serif; text-transform:normal; color:#404248;}
.news ul {padding-left:0px;}
.news a { color:#404248}
.single-csr.wysiwyg{ list-style:none; }
.single-csr.wysiwyg li{ list-style:none; padding:0}
#second .navi{ display:none}
.translate{ float:right; color:#fcbb9a; margin:25px 0 0 0}
.translate a{ color:#fcbb9a; font-size:14px; float:left; padding:5px}
.translate a.current{ color:#fff}
.single-banner-area{ background:#1c1c1c; float:left; width:100%; margin-top:10px}
.single-banner-area img{ float:left}
.single-banner-area h1{ float:right; font-size:28px; color:#fff; font-weight:800; padding:15px 10px; width:330px; line-height:34px; letter-spacing:normal}
.single-banner-area p{ color:#bfbfbf; float:right; font-size:14px; width:325px; padding:0 20px 0 10px}
.bussiness .container.leadership{ margin-top:284px}
.exsisting-oppertunity h2{ float:left; width:100%; text-align:center; color: #467C93; letter-spacing:-3px}
.exsisting-oppertunity ul{ margin:20px 0; float:left}
.exsisting-oppertunity li a{ display:block; min-height:305px}
.exsisting-oppertunity li img{ border:3px solid #e6e6e6; margin:0 4%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius:50%;
-khtml-border-radius:50%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.exsisting-oppertunity li h2{ font-size:20px; color:#3c4150; text-align:center; margin:10px 0 5px 0; letter-spacing:normal}
.exsisting-oppertunity li h3{ font-size:14px; color:#55c2c2; text-align:center; margin:0 0 5px 0}
.exsisting-oppertunity li:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
zoom:1;
-webkit-filter: grayscale(0%);
-moz-box-shadow: 1px 1px 13px #c2dede;
-webkit-box-shadow: 1px 1px 13px #c2dede;
box-shadow: 1px 1px 13px #c2dede;
}
.bussiness .site-content { background:url(images/bussiness-bar.png) repeat-x}
.faq-btn{ width:100%; margin:15px 0}
.faq-apnel{ width:100%; padding:15px 0; float:left}
.faq-apnel h2{ font-size:24px}
.faq-apnel h4{ color:#A0ABAC; margin:30px 0 0 0}
.exsisting-oppertunity{ float:left}
.search-location #results_wrap{display: none;}
.search-location #sl_div{position: relative; padding: 0 !important; margin-top: 0;}
.search-location #sl_div #tagalong_category_selector{display: none;}
.search-location #sl_div .search-area{ background: none;position: absolute; top: 5%; z-index: 1;width: 474px; height: 100px; left: 70%; margin-left:-450px }
.search-location .search-area-left{ width: 480px;margin-top: 20px;}
.business-contacts{min-height:700px;margin-top:100px;}
.business-contacts .col-md-4{padding-bottom:80px;}
.business-contacts .col-md-4 h2{font-size:30px;}
.business-contacts .col-md-4 h4{font-size:16px;color:#a3a3a3;font-family:Arimo;}
.business-contacts .col-md-4 span{color:#b8b2b2;}
.business-contacts .col-md-4 p.telephone{color:#828181;font-family:Arimo;font-size:14px;padding-top:0px;}
.business-contacts .col-md-4 a{color:#328aae;font-family:Arimo;font-size:14px;font-weight:bold;}
.business-contacts .col-md-4 p.email{margin-top:-15px;}
.business-contacts h1 {color: #328aae;font-size: 42px;}
.single-lubricants .container{margin-bottom:25px}
.contact-bussines{ float:left; padding:10px 20px; width:100%; background:#f9f9f9}
.contact-bussines h5{ color:#333; float:left; clear:left; margin:0}
.contact-bussines p{ color:#B8B2B2; font-size:12px; float:left; clear:left; margin:3px 0}
.contact-bussines span{ color:#828181; float:left; clear:left; margin:2px 0}
.contact-bussines a{ color:#328AAE; font-size:11px; float:left; clear:left}
.btn-area{ float:left; width:100%; padding:10px 15px}
.btn-area a{ padding:5px 12px; margin-right:15px; text-transform:uppercase; float:left; color:#fff; font-size:12px}
.bussiness .wysiwyg{ float:left; padding:15px 0}
.marine-bunker .top-area{}
.marine-bunker .top-area{}
.marine-bunker .top-area .contact-bussines{ float:left; padding:15px 30px; width:100%; background:#f9f9f9; margin:55px 0 0 0}
.marine-bunker .top-area .contact-bussines h5{ color:#333; float:left; clear:left; margin:0; font-size:24px}
.marine-bunker .top-area .contact-bussines p{ color:#B8B2B2; font-size:14px; float:left; clear:left; margin:3px 0}
.marine-bunker .top-area .contact-bussines span{ color:#828181; float:left; clear:left; margin:2px 0; font-size:14px}
.marine-bunker .top-area .contact-bussines a{ color:#328AAE; font-size:12px; float:left; clear:left}
.rightside{margin-left: 122px;}
.marine-bunker .top-area .btn-area{ float:left; width:100%; padding:10px 30px}
.marine-bunker .top-area .btn-area a{ margin-left: -30px;padding:8px 16px; margin-right:15px; text-transform:uppercase; float:left; color:#fff; font-size:14px}
.marine-bunker .top-area h2{ color:#467C93; margin:0 0 15px 0; font-size:34px}
.casestudy{ background:#0c1030; float:left; width:100%}
.casestudy h4{ float:left; color:#f48f5d; font-size:24px; padding:10px; width:44%}
.casestudy img{ float:left}
.casestudy p{ float:left; padding:0 10px; color:#ccc; font-size:14px; color:#cbceed; width:44%}
.marine-bunker .about-quick-profiles{ padding:40px 0 30px 0}
.marine-bunker .about-quick-profiles h2{ color:#fff; text-align:center}
.marine-bunker .about-quick-profiles h4{ color:#555c6b; text-align:center}
.marine-bunker .about-quick-profiles h3{ color:#292d37; text-align:center}
.marine-bunker .about-quick-profiles p{ color:#d1d3d8; text-align:center}
.marine-bunker .about-quick-profiles .col-md-4{ margin-bottom:15px}
.marine-bunker .quotes { width:100%; min-height:240px}
.marine-bunker.consumer-single .ful-width-banner{ background:#000}
.marine-bunker.consumer-single .top-area{ text-align:left}
.lubricant-products .filter.group{ padding:0; font-family: 'novecento_widemedium'; background:#f1f0f0}
.lubricant-products .filter.group li{ line-height: 35px;
margin: 0;
min-height: 20px;}
dl { margin-bottom: 3em; color: #777; }
dt, dd { float: left; }
dt { margin-right: 5px; line-height:34px}
.filter li { float: left; }
.filter li:after { content: "/"; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; font-size:16px; color: #554e4e; text-decoration: none; }
.filter a:hover, .current a { color: #e06426; }
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio li:nth-child(4n) { margin-right: 0; }
span.select_cat{float: left; line-height:26px;
width: 160px;
font-size: 14px;
font-weight: bold;
}
#address_search .search_item SELECT{width: 148px; padding:3px; border:1px solid #D0D0D0}
#ns_widget_mailchimp_form-2{ height:auto !important}
#ns_widget_mailchimp_form-2 .error{padding: 10px;
position: absolute;
text-align: left;
width: 100%;-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-radius:4px;
-khtml-border-radius: 4px;
}
#ns_widget_mailchimp_form-3{ height:auto !important}
#ns_widget_mailchimp_form-3 .error{padding: 10px;
position: absolute;
text-align: left;
width: 100%;-moz-border-radius:4px;
-webkit-border-radius: 4px;
border-radius:4px;
-khtml-border-radius: 4px;
}
.media-contacts .contacts .email-updates p{ width:100%}
.search-location #sl_div #addy_in_address{margin: 23px 0 0 25px;}
.search-location #sl_div #tagalong_category_selector{position: absolute;margin-top: 70px;}
#address_search .search_item SELECT{width: 148px;}
.search-location #sl_div #addy_in_address{margin: 23px 0 0 25px;}
.search-location #sl_div #tagalong_category_selector{position: absolute;margin-top: 70px;}
.page-id-34 .fixed-casestudy{ display:none}
.archive-title span{ font-size:42px}
/* Preloader */
#preloader {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; /* change if the mask should have another color then white */
z-index:9999; /* makes sure it stays on top */
}
#status {
width:665px;
height:278px;
position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(images/status.gif); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-139px 0 0 -332px; /* is width and height divided by two */
/* display:none; */
}
.single-products .col-lg-9 { padding-bottom:25px}
.single-products .col-lg-9 .btn-non-readius.btn-red.btn-text{ font-size:14px; padding:5px 12px}
.ipad-nav{ display:none}
.navbar .show_hide small{ color:#b4b7b7; font-size:12px; display:none; line-height:24px; float:left; font-weight:bold; margin:0 3px 0 0}
.search-area.model-fuel{ margin:0 auto; width:800px; min-height: 185px;}
.search-area.model-fuel.inner #sl_div{ margin:0; float:left}
.search-area.model-fuel.inner #sl_div .search-area{ float:left; position:static; width:100%; margin:0}
.search-area.model-fuel.inner #sl_div .search-area .search-area-left{ float:left; width:420px}
.search-area.model-fuel.inner #sl_div .search-area .search-area-right{ float:left; width:230px}
.search-area.model-fuel.inner #sl_div .search-area .search-area-left #tagalong_category_selector{ float:left; margin:0; width:420px}
.search-area.model-fuel.inner #sl_div .search-area .search-area-left #tagalong_category_selector span{ color:#7DC15E; font-size:16px; line-height:28px}
.search-area.model-fuel.inner #sl_div #address_search .search_item INPUT{ height:46px !important; padding-right:50px}
.search-area.model-fuel.inner #sl_div #radius_in_submit{ top:51px}
.search-area.model-fuel.inner #sl_div .search-area .search-area-left #tagalong_category_selector SELECT{color:#7DC15E; border:1px solid #d0d0d0; padding:3px; width:210px}
.search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ float:left; margin:21px 0 0 0}
.inner span.or{display: inline-block;}
.inner #map_table{display: none;}
.inner #results_wrap{display: none;}
.postid-236 #search_by_tag{float: left;margin-top: 0px;margin-left: 200px; display: inline-block; }
.postid-236 #search_by_tag select{width: 210px;padding:3px; border:1px solid #D0D0D0; }
.postid-236 #search_by_tag label{ display:none}
#search_by_tag{display: none;}
.postid-236 #addy_in_radius{ margin-left:235px; width:250px; float:left; margin-top:-100px}
.postid-236 .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:46px 0 0 0}
.postid-247 #addy_in_radius{ margin-left:235px; width:250px; float:left; margin-top:-100px}
.postid-240 #addy_in_radius{ margin-left:235px; width:250px; float:left; margin-top:-100px}
.feed-list tr{ background:#e8eaf6; padding:5px; margin:10px; float:left; width:100%}
.feed-list .subscribe a{ color:#808192}
.feed-list .subscribe a:hover{ color:#ed8000}
.feed-list .subscribe{background-image:url(images/icn_rss.gif);background-position: left;background-repeat: no-repeat;padding-left: 20px;float:left;margin-left:20px;}
.feed-list .feed-title{font-size:15px; font-family: 'novecento_widenormal'; float:left;width:70%;}
.feed-list li{display:inline;}
footer .sm-links a{ border:none; padding:0}
.bussiness .page-heading-area{ min-height:135px}
.bussiness .ful-width-heading.dark-bar{ background:url(images/bussines-dark-bg.png) repeat-x }
.single-lubricants .col-9 ul li{color:#55C3C4; font-size:15px; line-height:26px; float:left; clear:left}
.single-lubricants .col-9 ul li a{color:#55C3C4; font-size:15px; line-height:26px; padding-right:35px; background:url(images/file-pdf.png) right center no-repeat; float:left; clear:left; text-decoration:none}
.single-lubricants .col-lg-9 ul li{ color:#55C3C4; font-size:15px; line-height:26px; float:left; clear:left}
.single-lubricants .col-lg-9 ul li a{ color:#55C3C4; font-size:15px; line-height:26px; padding-right:35px; /*background:url(images/file-pdf.png) right center no-repeat;*/ float:left; clear:left; text-decoration:none}
.single-lubricants .col-9 ul{ float:left; width:100%}
.single-lubricants .col-lg-9 ul{float:left; width:100%}
.single-lubricants .col-9 p{ margin:15px 0}
.single-lubricants .col-lg-9 p{ margin:15px 0}
.single-lubri-banner{ margin:-15px 0 0 0}
/*------------------------------------High res popup-------------------------*/
/* Image Box Style */
.img-item .box {
border: 5px solid #fff;
height: 225px;
float: left;
margin: 5px;
position: relative;
overflow: hidden;
width: 300px;
-webkit-box-shadow: 1px 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px 1px #ccc;
}
.img-item .box img {
position: absolute;
left: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
/* Caption Common Style */
.img-item .box .caption {
background-color: rgba(0,0,0,0.6);
position: absolute;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
left: 0;
}
/** Caption 3: Fade **/
.img-item .box .fade-caption, .img-item .box .scale-caption {
opacity: 0;
width: 100%;
height:100%;
text-align: left;
padding: 15px;
}
/** Caption 6: Scale **/
.img-item .box .scale-caption h3, .img-item .box .scale-caption h4, .img-item .box .scale-caption p {
position: relative;
left: 0;
width: 100%;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
.img-item .box .scale-caption h4 {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-o-transition-delay: 500ms;
-ms-transition-delay: 500ms;
transition-delay: 500ms;
}
/** Fade Caption :hover Behaviour **/
.img-item .box:hover .fade-caption, .img-item .box:hover .scale-caption {
opacity: 1;
}
/** Slide Caption :hover Behaviour **/
.img-item .box:hover .slide-caption {
background-color: rgba(0,0,0,1) !important;
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
opacity: 1;
transform: translateX(-100%);
}
/** Scale Caption :hover Behaviour **/
.img-item .box:hover .img-responsive {
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
/* .img-item .box:hover .scale-caption h3, .img-item .box:hover .scale-caption h4, .img-item .box:hover .scale-caption p {
-moz-transform: translateX(200px);
-o-transform: translateX(200px);
-webkit-transform: translateX(200px);
transform: translateX(200px);
} */
.img-item .box .scale-caption a {color:#fff;box-shadow:none;padding:3px;/*margin-left:40px;*/font-size:12px;text-decoration:underline;font-size:16px;font-family: novecento_widenormal;}
.img-item .box .scale-caption a.high-res-link{}
.img-item .box .scale-caption h4 {font-family:Arimo, sans-serif;}
.img-item .box .scale-caption .download-text{color:#fff;text-align:center;margin-top:10%;background-color:rgba(0, 0, 0, 0.8);margin-left: -20px;width: 300px;font-size: 22px;padding-top: 5px;padding-bottom: 8px;}
.img-item h4{padding-left:15px;padding-right:20px;flat:left;}
.img-item .box .scale-caption p.download-link{margin-top:10%;margin-left: 70px;}
.img-item .box .scale-caption img.download-icon{margin-left: 30px;margin-top: 25px;}
.advert-filter .tab_container iframe{ width:312px !important; float:left; height:220px !important}
.results_entry_list { min-height:150px; line-height:24px; margin:15px 0 0 0}
.results_entry_list span.info.hours{color: #b8b2b2; text-transform:lowercase; font-weight:bold; float:left; width:100%}
.deal-list-search .btn-blue{ color:#fff; margin:5px}
.deal-list-search { padding:10px; float:left; width:100%; background:#e5eff3}
.deal-list-search h4{ float:left; margin:5px 10px}
.results_entry_list span.cat1{color: #e06426; float:left; margin:0 15px 0 0}
.deal-list-search select{ float:left; margin:5px 15px}
.results_entry_list span.cat2{color: #328aae;float:left; margin:0 15px 0 0}
.results_entry_list span.cat3{color: #7ec25f ;float:left; margin:0 15px 0 0}
.results_entry_list span.cat4{color: #F00;float:left;}
.sub-heading{ color:#e06426; font-family: 'novecento_widemedium'; font-size:18px; text-align:left; float:left; width:100%; border-bottom:1px solid #e9e9e9; padding:0 0 10px 0; margin:0}
.sub-heading.second-heading{ text-align:center;float:left; width:100%;}
.active.hexagon small{ background:url(images/product-arrows.png) no-repeat 0 -21px;}
.portfolio.group{ width:100%; padding:0; float:left}
.portfolio h2.selected-heading{ float:left; width:100%; text-align:left; font-size:26px; color:#434343;font-family: 'novecento_widenormal'; background:url(images/product-heading-bg.png) no-repeat 0 bottom; padding-bottom:38px}
.active.hexagon.xagon-all small{ background:url(images/product-arrows.png) no-repeat 0 -21px !important;}
.lubri-products-wrapper{ float:left; width:30%; margin:2% 1%}
.financial-page .top-area { margin:130px 0 0 0}
.financial-page-slider .callbacks_nav{ top:13%}
.single-products .col-lg-9 li{ background:url("images/liststyle-left-nav.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0); padding-left:30px}
.single-products col-lg-9 ul{ padding:0}
#producttoggle li.active{ background:url("images/liststyle-left-selectnav.png") no-repeat scroll left center rgba(0, 0, 0, 0)}
#producttoggle li.active.user-select{ background:url(images/liststyle-left-nav2.png) no-repeat center left; }
#producttoggle li.active.user-select a{ color:#07122F; font-weight:bold;}
.story .hexagon a{ height:90px}
.casestudy #slider4{ width:55%; float:left}
.casestudy .callbacks_nav{ display:none}
.ful-width-headings.erpage{ background:none }
.ful-width-headings.erpage .container{ margin-top:120px}
.ful-width-headings.erpage .container .msg{ width:600px; margin:0 auto}
.ful-width-headings.erpage .container .msg { text-align:center}
/* financial page */
.financial-page-slider {
float: left; margin:130px 0 0 0;
}
.main-image-thumb {
margin-bottom: 50px;
}
.financial-page-content,.financial-page-slider { z-index: 9; }
.financial-page-content h1{ color: #0d1c39; font-size: 36px;text-transform: capitalize; }
.financial-page-content .date { color: #A1A5AC;font-size: 14px; }
.top-area.financial-page-content > img {position: relative;top: 40px;}
.top-area.financial-page-content > img:hover { border: 1px solid; }
.overlay {
background-color: #5D5D5D;
color: #FFFFFF;
height: 319px;
opacity: 0.84;
position: absolute;
top: 130px;
width: 230px;
}
.overlay img {
margin-right: 20px;
}
.overlay a {
color: #FFFFFF;
float: left;
margin-bottom: 20px;
padding-left: 50px;
position: relative;
text-transform: uppercase;
top: 175px;
width: 230px;
}
.financial-more a {
color: #285D99;font-size: 14px;
}
.financial-more h3 {
color: #333538;
float: left;
font-size: 14px;
}
.financial-more li {
float: left;
margin-right: 16px;
}
.financial-more {
text-transform: uppercase;
float:left;
}
.financial-more ul {
clear: both;
float: none;
}
.financial-more img {
margin-right: 12px;
}
.old-reports li { width:153px; margin:12px; height: 250px;}
.old-reports li img{ float:left; margin:0; border:1px solid #e1e1e1; width:153px;}
.old-reports li span{ float:left; clear:left; color:#285D99; text-transform:none}
.all-reports {
position: relative;
z-index: 9;
}
.high-res .image-area ul li{ margin-bottom:0}
.high-res .image-area ul li h4{ float:left; margin:5px 0; padding-left:10px; min-height:45px}
#offer-image{ margin:0px; }
#dealer-list-lubricant{ margin:0px; }
.clearfix{ clear:both; }
.logo.responsive{ display:none}
.m-sec-nav{ display:none}
.search-location.mob-loc-search{ display:none}
.intro-mob{ display:none}
.careers .news-box h2{ width:45%}
@media all and (min-width: 320px) and (max-width: 480px){
body{ overflow-x:hidden}
.search-location.mob-loc-search{ display:block; min-height:50px}
.intro-mob{ display:block; background:#171717; padding:69px 0 0 0}
#get-my-loc2 { float:right; background:#E06426; border:1px solid #d15b20; padding:10px 67px; margin:0 15px 0 0}
.story{ width:100%; min-width:100%; padding-left:5px; padding-right:5px}
#intro{ height:600px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}
#intro h2{ width:100%}
#hexagon-nav{ display:none}
#second{ height:580px}
#second .navi{display:none !important}
#second .cbp-so-section article h2{ font-size:38px}
#second .cbp-so-section figure img{ margin:0}
#third{ background:none !important}
.search-location .search-area-right{ width:100%}
#third .cbp-so-section article h2{ font-size:38px}
#third .search-location #sl_div .search-area{ left:0; margin-left:0; position:relative; width:100%}
#third .search-location .search-area-left{ width:100%}
#third .search-location #sl_div #addy_in_address{ margin:0}
#third #sl_div #address_search{ width:100% !important}
.fuel-logos{ position:relative; margin:0; width:100%}
.cbp-so-side.benifit-btn a{ margin: 5%}
.tooltip-area{ margin:75px 0 0 0; width:100%}
.tooltip-area span{ width:auto; font-size:12px; font-weight:bold}
.tooltip-area span:nth-child(1){ margin:135px 0 0 115px}
.tooltip-area span:nth-child(2){ margin:55px 0 0 0; clear:left}
.tooltip-area span:nth-child(3){ float:right; margin:15px 15px 0 0}
.logo.responsive{ display:block; float:left}
.m-sec-nav{ display:block}
.m-sec-nav select{ padding:5px; float:right; background:#C95920; margin:5px 30px; min-width:145px; border:none; color:#fff}
.nav.navbar-nav .logo{ display:none}
.nav-collapse.collapse.in{ width:100%; float:left; background:#fff}
.second-nav .nav.navbar-nav{ display:none}
.navbar-nav > li > a{ padding:5px 10px !important; line-height:21px; border-top:1px solid #f1f1f1}
.navbar-nav > li > a:hover{ background:#f1f1f1}
.dropdown .dropdown-panel img{ display:none}
.dropdown .dropdown-menu, .dropdown .dropdown-panel{ min-width:260px; max-width:260px}
.ful-width-banner h1{ margin:0; font-size:21px}
.ful-width-banner{ min-height:410px; max-height:410px}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#fff}
.slidingDiv .show_hide{ padding:0}
.slidingDiv h1{ padding:10px 0; width:85%}
#___gcse_0{ margin-left:0; width:100%}
.about .top-area{ width:100%; padding:10px}
.about .top-area article p{ font-size:18px}
.news-box:nth-child(2){ display:none}
.about-profile-area{ width:100%}
.about .top-area .col-8 { width:100%}
.news-box{ width:100%}
#showcase-area .rslides.repnsive-slide h3{ display:none}
#showcase-area ul.tabs li a img{ display:none}
#showcase-area ul.tabs li a{ width:100%; padding:0}
#showcase-area ul.tabs li { width:100%; }
.about-quick-profiles div{width:100%; }
.about-quick-profiles img{ margin:30px 25px}
.ful-width-banner.about-quick-profiles{ min-height:1170px; max-height:1170px}
.ful-width-banner.about-quick-profiles .container { float:left}
.footer-details div{width:100%; }
footer{ background:#31302e; height:auto; float:left; width:100%}
.footer-details{ float:left; background:#292826; padding-bottom:10px}
footer .sm-links img{ margin:5px 5px 5px 0}
.about.leadership-over .ful-width-banner h1{ width:100%; text-align:left; font-size:18px; line-height:26px}
#profiles{ float:left; padding:0; width:100%}
#profiles li{ width:100%}
#profiles li img{ margin:0}
.about.leadership-over #profiles li img{ margin:0 }
#profiles li h2{ text-align:left}
#profiles li h3{ text-align:left}
#verticle-left-nav{ min-height:150px}
.small-heading .page-heading-area h1{ color:#e06426; font-size:36px}
.small-heading .page-heading-area h4{ color:#bdbdbd}
.tax-project_types .small-heading{ padding:0 15px}
.single-sustainability_pro .small-heading{ padding:0 15px}
.quotes{ width:100%}
.breadcrumbs{ display:none}
.careers .news-box h2{ margin:0; font-size:18px; width:100%; padding:10px}
.current-openings h2{ font-size:28px}
.current-openings nav a{ clear:left}
.about-quick-profiles.culture-images h2{ font-size:24px}
.about-quick-profiles.culture-images .container { padding:0 5px}
.tenders .image-area .page-heading-area{ padding:16px 15px 15px 0}
.tenders .image-area .page-heading-area h1{ font-size:38px}
.news-content{ padding:10px 15px 15px 0; float:left; width:100%}
.wpcf7{ width:100%}
.wpcf7 p{ width:100%; margin:10px 0}
.wpcf7 input{ width:100%}
.wysiwyg{ padding:0 10px}
#media .callbacks .caption p{ display:none}
#media .callbacks .caption h1{ font-size:21px}
#media .callbacks .caption{ padding:10px 0}
.news-content span{ margin:5px 0}
.meta-category-area{ min-height:150px; float:left}
.tenders .email-updates button{ margin-left:0; margin-top:3px}
.about.leadership-over .leadership.careers-culture #profiles li img{ margin:0}
.csr-project .csr-category li figure{ padding:0 15px}
.small-heading .page-heading-area{ margin:0; padding:0 13px; min-height:100px}
.about.leadership-over .ful-width-banner article{width:100%; padding:15px; margin:0; background:#171717}
.col-xs-12 { width: 100% !important ; float:left}
#mask-excerpt{ width:100%; top:220px; background:#171717; padding:10px}
#excerpt{ width:100%}
.media-contacts{ background:#171717;}
.about.csr-over .ful-width-banner{ max-height:650px}
.csr-category{ float:left; width:100%; padding:0}
.media-contacts .contacts{ margin-left:0; margin-top:0}
.email-updates button{ width:85px}
.media-contacts .contacts span{ margin-left:15px}
.main_email_obf{ margin-left:15px}
.widget.product-adverts{ width:100%; float:left}
.media-sidebar nav .product-adverts img{ width:100%}
.media-sidebar nav{ margin:0}
.single-news-header{ margin-top:0}
.single-news-header h1{ font-size:26px}
.news-body-content{ padding-right:15px}
.image-area .page-heading-area{ padding:16px 0px 15px}
.image-area .page-heading-area h1{ font-size:28px}
img-item .box{ width:100%; height:150px}
.img-item .box .scale-caption .download-text{ width:100%; margin-left:0}
.img-item .box .scale-caption p.download-link{ margin-left:0}
.img-item .box .scale-caption img.download-icon{ display:none}
.image-area ul{ width:100%}
.img-item .box{ margin:0; width:100%; height:195px}
.advert-filter .tabs li a{ padding:0 6px}
.image-area .advert-filter ul li a img{ margin:0}
#results_wrap{ float:left; width:100%; padding:0 10px}
.deal-list-search h4{ width:100%}
.deal-list-search .btn-blue{ float:right}
.deal-list-search select{ width:90%}
#map_table{ float:left}
#sl_div .search-area{ position:relative; float:left; width:100%; margin-left:0%; left:0; padding:10px}
.search-area-left{ width:100%; margin:0}
.sl_header td, .sl_header th, .sl_header tr{ padding:0; float:left}
#tagalong_category_selector{ width:100%; margin-left:0}
#address_search .search_item SELECT{ float:left; width:100%}
#sl_div #address_search .search_item INPUT{ width:100% !important; float:left; padding:5px}
span.select_cat{ width:100%}
#third .search-location #sl_div #radius_in_submit{ display:none}
#sl_div #addy_in_address{ margin:5px 0 0 0}
#sl_div #address_search{ float:left; width:100%}
#media .ful-width-banner .container .col-lg-8{ padding:0}
#fourth{ background:#3A414B; height:1180px}
#fourth .cbp-so-section article h2{ font-size:38px}
.lubricant-bottles{ margin:0}
.lubricant-bottles div img{ margin:0 20%}
.lubricant-bottles .lubri-tooltip span{ text-align:center}
#fourth .cbp-so-section figure ul{ float:left; width:100%}
#fourth .cbp-so-section figure ul li img{ margin:0 85%}
#fourth .cbp-so-section figure ul li h3{ text-align:center}
#fourth .cbp-so-section figure ul li p{ text-align:center}
#fourth .cbp-so-section figure ul li .btn-blue{ float:left; margin:0 30%}
#six .cbp-so-side.benifit-btn img{ margin:0}
.mfp-wrap{ width:97%; margin:7px 0 0 0 ; top:60px}
.mfp-wrap .mfp-close{ top:0 !important; background:#fff; opacity:1}
.careers .news-box img{ width:100%}
.casestudy #slider4{ width:100%}
.casestudy h4{ width:100%}
.casestudy p{width:100%}
.meta-category-area{ width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ float:left; padding:0; width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li img{ margin:0 20%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li h3{ text-align:center}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li p{ text-align:center; width:100%}
.consumer-single .ful-width-heading.dark-heading-area{ height:385px}
.consumer-single .ful-width-heading.dark-heading-area .col-xs-12{ padding:0 10px}
.consumer-single .search-area.model-fuel{ width:100%}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area{ padding:0; width:100%}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:0}
.consumer-single .search-area #addy_in_radius{ display:none}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ width:60%}
.consumer-single .search-area.model-fuel.inner #sl_div #address_search .search_item INPUT{ padding-right:0}
.consumer-single .search-area.model-fuel.inner #sl_div #radius_in_submit{ display:none}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left{ width:100%}
.consumer-single span.or{ margin:0}
.consumer-single .search-area-right{ margin:0}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ float:left; max-height:2410px; width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .quotes{ width:100%}
.consumer-single .ful-width-banner{ float:left}
.consumer-single #iPicture{ width:100% !important}
.consumer-single #iPicture #slideInner{ width:100% !important}
.consumer-single #iPicture #slideInner img{ width:50% !important}
.consumer-single #iPicture #slideInner h1{ float:left; clear:left}
.page-id-542 .consumer-single .ful-width-heading.dark-heading-area{ height:245px}
.lubricants .ful-width-banner{ max-height:200px; min-height:200px}
.lubricants .ful-width-banner .container .media-contacts{ display:none}
.lubricants .ful-width-banner .container .col-xs-12{ padding:0}
.whats-suits-lubri ul li{ width:48%}
.whats-suits-lubri .links.fancybox-normal{ margin:0}
.lubricant-products.endors{ margin:0}
.lubricants .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container img{ margin:0}
.page-id-29 .lubricants .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ min-height:440px}
.page-id-29 .lubricants .ful-width-banner.about-quick-profiles.culture-images.lubri-ads{ min-height:345px}
.lubricants #dealers-widjet .tblcenter{ table-layout:fixed; width:100%; float:left}
.lubricants #dealers-widjet .tblcenter td{width:100%; float:left}
.lubricants #dealers-widjet .tblcenter td select{ margin:0}
.postid-236 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.postid-247 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.postid-240 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.dark-heading-area .lubricants .navi li.fuel3{ float:right; margin:40px 9px 0 0px}
.lubricants #hexagon-nav{ width:100%}
.postid-236 #hexagon-nav{ display:block}
.postid-247{}
.postid-247 .consumer-single .ful-width-heading.dark-heading-area{ height:500px}
.postid-247 #hexagon-nav{ display:block}
.postid-240{}
.postid-240 .consumer-single .ful-width-heading.dark-heading-area{ height:500px}
.postid-240 #hexagon-nav{ display:block}
.consumer-single #iPicture #slideInner:nth-child(2){ display:none}
.page-heading-area h1{ font-size:42px}
.single-banner-area h1{ width:100%}
.single-banner-area p{ width:100%}
.exsisting-oppertunity ul{ padding:0}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ width:100%; padding:0}
.marine-bunker .quotes{ min-height:330px}
.single-corporate_products .consumer-single .ful-width-banner img{ width:100%; margin:100px 0 0 0}
.single-corporate_products .consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ max-height:4410px}
.product-special .ful-width-banner h1{ font-size:21px; margin:-23px 0 0 }
.lubri-products-wrapper{ width:100%}
.product-special #hexagon-nav{ display:block; width:100%; margin:0 0 0 30px}
.product-special .hexagon:before{ border:none}
.product-special .hexagon:after{ border:none}
.product-special .navi li.hexagon{ width:45%; height:40px; margin:15px 15px 0 0}
.product-special .hexagon a{ width:100%; padding:0; line-height:38px}
.product-special .hexagon.active small{ display:none}
.product-special .hexagon.active{ border:3px solid #8e9fb1}
.tabs-lubri span a{ float:left; margin:5px 0}
}
@media all and (min-width: 360px) and (max-width: 640px){
body{ overflow-x:hidden}
.careers .news-box img{ width:100%}
.search-location.mob-loc-search{ display:block; min-height:50px}
.marine-bunker .quotes{ min-height:330px}
.single-corporate_products .consumer-single .ful-width-banner img{ width:100%; margin:100px 0 0 0}
.single-corporate_products .consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ max-height:4410px}
.intro-mob{ display:block; background:#171717; padding:69px 0 0 0}
.product-special #hexagon-nav{ display:block; width:100%; margin:0 0 0 30px}
.product-special .hexagon:before{ border:none}
.product-special .hexagon:after{ border:none}
.product-special .navi li.hexagon{ width:45%; height:40px; margin:15px 15px 0 0}
.product-special .hexagon a{ width:100%; padding:0; line-height:38px}
.product-special .hexagon.active small{ display:none}
.product-special .hexagon.active{ border:3px solid #8e9fb1}
.tabs-lubri span a{ float:left; margin:5px 0}
.product-special .ful-width-banner h1{ font-size:21px; margin:-23px 0 0 }
.lubri-products-wrapper{ width:100%}
#get-my-loc2 { float:right; background:#E06426; border:1px solid #d15b20; padding:10px 67px; margin:0 15px 0 0}
.story{ width:100%; min-width:100%; padding-left:5px; padding-right:5px}
#intro{ height:600px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}
#intro h2{ width:100%}
#hexagon-nav{ display:none}
#second{ height:580px}
#second .navi{display:none !important}
#second .cbp-so-section article h2{ font-size:38px}
#second .cbp-so-section figure img{ margin:0}
#third{ background:none !important}
.search-location .search-area-right{ width:100%}
#third .cbp-so-section article h2{ font-size:38px}
#third .search-location #sl_div .search-area{ left:0; margin-left:0; position:relative; width:100%}
#third .search-location .search-area-left{ width:100%}
#third .search-location #sl_div #addy_in_address{ margin:0}
#third #sl_div #address_search{ width:100% !important}
.fuel-logos{ position:relative; margin:0; width:100%}
.cbp-so-side.benifit-btn a{ margin: 5%}
.tooltip-area{ margin:75px 0 0 0; width:100%}
.tooltip-area span{ width:auto; font-size:12px; font-weight:bold}
.tooltip-area span:nth-child(1){ margin:135px 0 0 115px}
.tooltip-area span:nth-child(2){ margin:55px 0 0 0; clear:left}
.tooltip-area span:nth-child(3){ float:right; margin:15px 15px 0 0}
.logo.responsive{ display:block; float:left}
.m-sec-nav{ display:block}
.m-sec-nav select{ padding:5px; float:right; background:#C95920; margin:5px 30px; min-width:145px; border:none; color:#fff}
.nav.navbar-nav .logo{ display:none}
.nav-collapse.collapse.in{ width:100%; float:left; background:#fff}
.second-nav .nav.navbar-nav{ display:none}
.navbar-nav > li > a{ padding:5px 10px !important; line-height:21px; border-top:1px solid #f1f1f1}
.navbar-nav > li > a:hover{ background:#f1f1f1}
.dropdown .dropdown-panel img{ display:none}
.dropdown .dropdown-menu, .dropdown .dropdown-panel{ min-width:260px; max-width:260px}
.ful-width-banner h1{ margin:0; font-size:21px}
.ful-width-banner{ min-height:410px; max-height:460px}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#fff}
.slidingDiv .show_hide{ padding:0}
.slidingDiv h1{ padding:10px 0; width:85%}
#___gcse_0{ margin-left:0; width:100%}
.about .top-area{ width:100%; padding:10px}
.about .top-area article p{ font-size:18px}
.news-box:nth-child(2){ display:none}
.about-profile-area{ width:100%}
.about .top-area .col-8 { width:100%}
.news-box{ width:100%}
#showcase-area .rslides.repnsive-slide h3{ display:none}
#showcase-area ul.tabs li a img{ display:none}
#showcase-area ul.tabs li a{ width:100%; padding:0}
#showcase-area ul.tabs li { width:100%; }
.about-quick-profiles div{width:100%; }
.about-quick-profiles img{ margin:30px 25px}
.ful-width-banner.about-quick-profiles{ min-height:1170px; max-height:1170px}
.ful-width-banner.about-quick-profiles .container { float:left}
.footer-details div{width:100%; }
footer{ background:#31302e; height:auto; float:left; width:100%}
.footer-details{ float:left; background:#292826; padding-bottom:10px}
footer .sm-links img{ margin:5px 5px 5px 0}
.about.leadership-over .ful-width-banner h1{ width:100%; text-align:left; font-size:18px; line-height:26px}
#profiles{ float:left; padding:0; width:100%}
#profiles li{ width:100%}
#profiles li img{ margin:0}
.about.leadership-over #profiles li img{ margin:0 }
#profiles li h2{ text-align:left}
#profiles li h3{ text-align:left}
#verticle-left-nav{ min-height:150px}
.small-heading .page-heading-area h1{ color:#e06426; font-size:36px}
.small-heading .page-heading-area h4{ color:#bdbdbd}
.tax-project_types .small-heading{ padding:0 15px}
.single-sustainability_pro .small-heading{ padding:0 15px}
.quotes{ width:100%}
.breadcrumbs{ display:none}
.careers .news-box h2{ margin:0; font-size:18px; width:100%; padding:10px}
.current-openings h2{ font-size:28px}
.current-openings nav a{ clear:left}
.about-quick-profiles.culture-images h2{ font-size:24px}
.about-quick-profiles.culture-images .container { padding:0 5px}
.tenders .image-area .page-heading-area{ padding:16px 15px 15px 0}
.tenders .image-area .page-heading-area h1{ font-size:38px}
.news-content{ padding:10px 15px 15px 0; float:left; width:100%}
.wpcf7{ width:100%}
.wpcf7 p{ width:100%; margin:10px 0}
.wpcf7 input{ width:100%}
.wysiwyg{ padding:0 10px}
#media .callbacks .caption p{ display:none}
#media .callbacks .caption h1{ font-size:21px}
#media .callbacks .caption{ padding:10px 0}
.news-content span{ margin:5px 0}
.meta-category-area{ min-height:150px; float:left}
.tenders .email-updates button{ margin-left:0; margin-top:3px}
.about.leadership-over .leadership.careers-culture #profiles li img{ margin:0}
.csr-project .csr-category li figure{ padding:0 15px}
.small-heading .page-heading-area{ margin:0; padding:0 13px; min-height:100px}
.about.leadership-over .ful-width-banner article{width:100%; padding:15px; margin:0; background:#171717}
.col-xs-12 { width: 100% !important ; float:left}
#mask-excerpt{ width:100%; top:220px; background:#171717; padding:10px}
#excerpt{ width:100%}
.media-contacts{ background:#171717;}
.about.csr-over .ful-width-banner{ max-height:650px}
.csr-category{ float:left; width:100%; padding:0}
.media-contacts .contacts{ margin-left:0; margin-top:0}
.email-updates button{ width:85px}
.media-contacts .contacts span{ margin-left:15px}
.main_email_obf{ margin-left:15px}
.widget.product-adverts{ width:100%; float:left}
.media-sidebar nav .product-adverts img{ width:100%}
.media-sidebar nav{ margin:0}
.single-news-header{ margin-top:0}
.single-news-header h1{ font-size:26px}
.news-body-content{ padding-right:15px}
.image-area .page-heading-area{ padding:16px 0px 15px}
.image-area .page-heading-area h1{ font-size:28px}
img-item .box{ width:100%; height:150px}
.img-item .box .scale-caption .download-text{ width:100%; margin-left:0}
.img-item .box .scale-caption p.download-link{ margin-left:0}
.img-item .box .scale-caption img.download-icon{ display:none}
.image-area ul{ width:100%}
.img-item .box{ margin:0; width:100%; height:195px}
.advert-filter .tabs li a{ padding:0 6px}
.image-area .advert-filter ul li a img{ margin:0}
#results_wrap{ float:left; width:100%; padding:0 10px}
.deal-list-search h4{ width:100%}
.deal-list-search .btn-blue{ float:right}
.deal-list-search select{ width:90%}
.lubricants #hexagon-nav{ width:100%}
#map_table{ float:left}
#sl_div .search-area{ position:relative; float:left; width:100%; margin-left:0%; left:0; padding:10px}
.search-area-left{ width:100%; margin:0}
.sl_header td, .sl_header th, .sl_header tr{ padding:0; float:left}
#tagalong_category_selector{ width:100%; margin-left:0}
#address_search .search_item SELECT{ float:left; width:100%}
#sl_div #address_search .search_item INPUT{ width:100% !important; float:left; padding:5px}
span.select_cat{ width:100%}
#third .search-location #sl_div #radius_in_submit{ display:none}
#sl_div #addy_in_address{ margin:5px 0 0 0}
#sl_div #address_search{ float:left; width:100%}
#media .ful-width-banner .container .col-lg-8{ padding:0}
#fourth{ background:#3A414B; height:1180px}
#fourth .cbp-so-section article h2{ font-size:38px}
.lubricant-bottles{ margin:0}
.lubricant-bottles div img{ margin:0 20%}
.lubricant-bottles .lubri-tooltip span{ text-align:center}
#fourth .cbp-so-section figure ul{ float:left; width:100%}
#fourth .cbp-so-section figure ul li img{ margin:0 85%}
#fourth .cbp-so-section figure ul li h3{ text-align:center}
#fourth .cbp-so-section figure ul li p{ text-align:center}
#fourth .cbp-so-section figure ul li .btn-blue{ float:left; margin:0 30%}
#six .cbp-so-side.benifit-btn img{ margin:0}
.mfp-wrap{ width:97%; margin:7px 0 0 0 ; top:60px}
.mfp-wrap .mfp-close{ top:0 !important; background:#fff; opacity:1}
.about .news-box h2{ float:none}
.casestudy #slider4{ width:100%}
.casestudy h4{ width:100%}
.casestudy p{width:100%}
.meta-category-area{ width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ float:left; padding:0; width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li img{ margin:0 20%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li h3{ text-align:center}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul li p{ text-align:center; width:100%}
.consumer-single .ful-width-heading.dark-heading-area{ height:385px}
.consumer-single .ful-width-heading.dark-heading-area .col-xs-12{ padding:0 10px}
.consumer-single .search-area.model-fuel{ width:100%}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area{ padding:0; width:100%}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ margin:0}
.consumer-single .search-area #addy_in_radius{ display:none}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left #addy_in_address{ width:68%}
.consumer-single .search-area.model-fuel.inner #sl_div #address_search .search_item INPUT{ padding-right:0}
.consumer-single .search-area.model-fuel.inner #sl_div #radius_in_submit{ display:none}
.consumer-single .search-area.model-fuel.inner #sl_div .search-area .search-area-left{ width:100%}
.consumer-single span.or{ margin:0}
.consumer-single .search-area-right{ margin:0}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ float:left; max-height:2410px; width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .quotes{ width:100%}
.consumer-single .ful-width-banner{ float:left}
.consumer-single #iPicture{ width:100% !important}
.consumer-single #iPicture #slideInner{ width:100% !important}
.consumer-single #iPicture #slideInner:nth-child(2){ display:none}
.consumer-single #iPicture #slideInner img{ width:50% !important}
.consumer-single #iPicture #slideInner h1{ float:left; clear:left}
.page-id-542 .consumer-single .ful-width-heading.dark-heading-area{ height:245px}
.lubricants .ful-width-banner{ max-height:200px; min-height:200px}
.lubricants .ful-width-banner .container .media-contacts{ display:none}
.lubricants .ful-width-banner .container .col-xs-12{ padding:0}
.whats-suits-lubri ul li{ width:48%}
.whats-suits-lubri .links.fancybox-normal{ margin:0}
.lubricant-products.endors{ margin:0}
.lubricants .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light .container img{ margin:0}
.page-id-29 .lubricants .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light{ min-height:440px}
.page-id-29 .lubricants .ful-width-banner.about-quick-profiles.culture-images.lubri-ads{ min-height:360px}
.lubricants #dealers-widjet .tblcenter{ table-layout:fixed; width:100%; float:left}
.lubricants #dealers-widjet .tblcenter td{width:100%; float:left}
.lubricants #dealers-widjet .tblcenter td select{ margin:0}
.postid-236 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.postid-247 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.postid-240 .consumer-single .ful-width-heading.dark-heading-area{ height:580px}
.dark-heading-area .lubricants .navi li.fuel3{ float:right; margin:40px 9px 0 0px}
.postid-236 #hexagon-nav{ display:block}
.postid-247{}
.postid-247 .consumer-single .ful-width-heading.dark-heading-area{ height:500px}
.postid-247 #hexagon-nav{ display:block}
.postid-240{}
.postid-240 .consumer-single .ful-width-heading.dark-heading-area{ height:500px}
.postid-240 #hexagon-nav{ display:block}
.exsisting-oppertunity ul{ padding:0}
.page-heading-area h1{ font-size:42px}
.single-banner-area h1{ width:100%}
.single-banner-area p{ width:100%}
.single-banner-area img{ width:100%}
.casestudy img{ width:100%}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ width:100%; padding:0}
}
@media all and (min-width: 768px) and (max-width: 1040px){
.casestudy img{ width:100%}
.marine-bunker .top-area .contact-bussines h5{ font-size:18px}
.consumer-single .ful-width-banner.about-quick-profiles.culture-images.internships.lubri-light.facility ul{ width:100%; padding:0}
.ipad-nav{ display:block; background:#0a0d26; width:100%; float:left; height:30px}
.ipad-nav .nav.navbar-nav.pull-right li a{ color:#fff; padding:0 24px; font-size:12px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.ipad-nav .nav.navbar-nav.pull-right li a:hover{ color:#48508f}
.navbar .menu-header-secondary-container{display:none}
.navbar .show_hide small{ display:block}
.ful-width-banner{ height:auto; padding-bottom:20px}
.about-profile-area nav a{ font-size:13px}
.news-box:nth-child(2){ display:none}
ul.tabs li a{ padding:15px 30px}
#___gcse_0{ width:640px; height:79px}
.gsc-control-cse{ height:69px}
.about.csr-over .ful-width-banner #slider p{ clear:left}
.about-profile-area iframe{ width:350px !important}
.about.leadership-over .ful-width-banner article{ width:100%; margin:10px 0}
.about.leadership-over #profiles li img{ margin:0 15%}
.about .top-area article p{ padding:30px 12px 0}
#profiles{ padding:0}
#profiles li img{ margin:0 }
#mask-excerpt{ top:300px; background:rgba(0, 0, 0, 0.6); width:100%}
.csr-over .ful-width-banner{ padding-bottom:0}
#excerpt{ width:100%}
#intro .story{ padding-top:15%}
#second .story{ padding-top:15%}
#third .story{ padding-top:16%}
.story{ width:760px; min-width:760px}
#second .cbp-so-section figure img{ margin-left:120px}
.tooltip-area{ margin:-400px 0 0 70px}
.cbp-so-side.benifit-btn a{ margin:0 0 0 230px}
.fuel-logos{ width:680px ; margin: 555px 0 0 15px}
.fuel-logos .col-sm-12{ width:33.333%}
.fuel-logos img{ float:left}
#third{ background:url("images/search.png") no-repeat fixed 3% 120px #FFFFFF !important }
#fourth{ padding:110px 0 40px; background: url("images/bussiness-icon.png") no-repeat scroll 3% 110px #3A414B}
#fourth .cbp-so-section figure ul li img{ margin-right:20px}
.search-location #sl_div .search-area{ margin-left:-395px}
#five .story{ padding-top:15%}
.lubricant-bottles div img{ margin:0 15px}
.lubricant-bottles .lubri-tooltip span{ font-size:14px}
#five .lubricant-bottles{ background:url("images/lubri-bg-tab.png") no-repeat scroll center center transparent}
#six .cbp-so-side.benifit-btn img{ margin:0}
.about-quick-profiles img{ width:200px; height:200px; margin:30px 10px}
.about-quick-profiles .btn.btn-primary{ margin:5px 60px}
ul.tabs li a{ padding:11px; font-size:12px}
ul.tabs li a img{ display:none}
.second-nav .nav.navbar-nav{ margin:0}
.navbar-inverse .navbar-nav > li{ z-index:5}
.ful-width-heading{ margin:135px 0 0 0}
#verticle-left-nav{ min-height:170px}
.about-profiles.csr-project .col-9{ width:100%}
.menu-header-secondary-container .nav .current-menu-item{ margin-top:5px}
.careers .news-box{ width:64%; float:right}
.careers .news-box h2{ width:100%; font-size:18px; line-height:30px; margin:0}
.careers .news-box img{ width:100%}
.current-openings{ float:right; width:64%}
.current-openings h2{ font-size:32px}
.high-res.tenders{ margin:139px 0 0 0}
.news-content{ padding-top:15px}
.news-content span{ margin:5px 0 0 0}
.about-quick-profiles img{ width:auto; height:auto}
.culture-project a{ float:left; width:100%; margin:0}
.culture-project .news-box h2{ font-size:16px}
.email-updates button{ margin-left:0; margin-top:10px}
#media .ful-width-banner .container{ margin-top:139px}
#media .container .col-lg-8{ width:100%}
#media .container .col-lg-8 .news-content{ padding:5px 0}
#media .media-contacts{ width:100%; min-height:150px}
#media .media-contacts .contacts{ padding:0; width:100%; margin:0}
#media .media-contacts .contacts .sep-div{ float:left; width:33%}
#media .media-contacts .contacts .sep-div:nth-child(2){ width:24%}
#media .media-contacts .contacts .sep-div:nth-child(3){ width:43%}
#media .media-contacts .contacts .sep-div .email-updates input{ border:1px solid #ccc}
#media .media-contacts .contacts .sep-div .email-updates button{ margin-left:5px; margin-top:0px}
#media .media-sidebar{ width:100%; padding:0}
#media .media-sidebar nav aside{ clear:none; margin:0 10px}
#media .media-sidebar nav aside ul{ margin:0}
#media .media-sidebar nav aside.product-adverts{ clear:none; width:100%}
#media .media-sidebar nav aside.product-adverts a{ clear:none}
#media .ful-width-banner .callbacks_container{ min-height:470px}
.high-res{ margin:139px 0 0 0}
.social-links{ float:left; padding:0}
.image-area .page-heading-area h1{ font-size:40px}
.img-item .box{ width:100%; height:150px}
.img-item .box .scale-caption .download-text{ width:100%; margin-left:0}
.img-item .box .scale-caption p.download-link{ margin-left:0}
.img-item .box .scale-caption img.download-icon{ display:none}
.advert-filter ul li a img{ margin:0; width:100%}
#sl_div .search-area{ width:700px; margin-left:-350px}
.search-area-right{ width:230px}
.search-area-left{ width:390px}
span.or{ margin-left:-20px}
.results_entry_list{ min-height:180px}
.nav.navbar-nav.pull-right li.menu-item-397{ margin-top:0px}
a#get-my-loc{ width:225px}
#sl_div #address_search .search_item INPUT{ width:310px !important}
#sl_div #radius_in_submit{ left:298px}
.second-nav .nav.navbar-nav li a{ padding:5px 13px}
.lubricants .ful-width-banner .container{ margin-top:139px}
.lubricants .ful-width-banner .container .col-lg-8{ width:100%}
.lubricants .ful-width-banner .container .media-contacts{ width:100%; min-height:200px}
.lubricants #hexagon-nav{ width:70%; margin:0 0 0 22%}
.lubricants .media-contacts .contacts{ width:100%; margin-left:0}
.lubricants .navi li.xagon-offer{ clear:none; margin:38px 15px 15px 0}
.lubricants .navi li.xagon-lubricant{ float:left; margin:38px 15px 15px 0}
.lubricant-products ul li a img{ margin:0}
#hexagon-nav{ margin:200px -40px 0 0}
.tooltip-area{ margin:100px 0 0 70px}
#third #sl_div #address_search .search_item INPUT{ width:100% !important}
#third .search-location #sl_div #radius_in_submit{ left:92%}
.casestudy #slider4{ width:100%}
.casestudy h4{ width:100%}
.casestudy p{width:100%}
.product-special #hexagon-nav{ margin:-65px 0 0 50px; width:100%}
.single-banner-area h1{ width:100%}
.single-banner-area p{ width:100%}
.exsisting-oppertunity ul{ padding:0}
}
/*
.gsc-search-button{
display:block !important;
}
.top-srch-button.gsc-search-button-v2 {
float: left;
width: 10%;
background: url(images/search-onhide.png) no-repeat;
margin-top: 5px;
height:54px;
width:53px;
}
.slidingDiv .gsc-search-button input:focus{
background:none
}
#___gcse_0{
background: #191e27;
padding-right: 0px;
}
.gsc-control-cse{
width:90%;
float:left
}*/
/* Css Styles Added by Abdul - 11/04/2013 */
.tender_tbl{
width:100%;
font-family:Arial, Helvetica, sans-serif;
}
.tender_tbl tr{
vertical-align:top;
}
.tender_tbl .cat_heading td:first-child{
font-weight:bold;
width:35%;
padding-right:10px;
}
.tender_tbl td{
padding:10px 0px;
}
.tender_tbl table tr td p{
/*padding:0px;*/
margin:0px;
/*display:none;*/
}
.tender_tbl table tr td{
padding:0px 5px;
}
.tender_tbl span,.tender_tbl p span{
font-size:14px;
padding:5px 0px;
}
.tender_tbl ul,.tender_tbl ul li{
list-style:square;
padding:0px;
margin:0px;
}
.tender_tbl ul {
padding-left:30px;
}
.marine-terms-link a{
color:#FFF;
}
/* -------------------------------------- */
/* Css by abdul */
.model-fuel #tag_to_search_for{
display:none;
}
#addressInput{
text-align:left;
}
.search-area #addy_in_radius{
}
#third #addy_in_radius{
display:none;
}
.intro-mob .mob-loc-search .small_search{
display:none;
}
.intro-mob .mob-loc-search .search-area-left{
display:none;
}
.intro-mob .mob-loc-search #get-my-loc{
text-align:left;
}
.page-heading-area a{
font-size:16px;
}
.wpcf7 .captcha-p{
font-size:12px;
}
.urmsg-p textarea{
height:150px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble .available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
#ads .tabs{
display:none;
}
.home-wrap #sl_div .small_search{
background-color: #FFF;
height: 50px;
width: 200px;
color: #4a4a4a;
font-size:20px;
padding-top:10px;
text-align:center;
cursor:pointer;
}
.home-wrap #sl_div .small_search img{
margin-left:10px;
}
.hide_dealers_opt{
display:none;
}
.dealers-spacing{ height:100px; }
.tblcenter{ margin:0px auto; }
.fl{ float:left; }
#dealers .deal-list-search select{float:none;}
.nitrogen-shed{ width:100%; }
.nitrogen-shed #addy_in_radius,.nitrogen-shed .search-area{ display:none; }
.nitrogen-shed #map_table{ display:block; width:100%;}
.search-area.nitrogen-shed{ margin:0px; }
/* Email Obfu */
.email_obf{ direction:rtl; unicode-bidi: bidi-override; }
/* Smartphones (portrait and landscape) ----------- * /
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles * /
.intro-mob{
display:block;
}
#post-48 .searched-location,.mfp-wrap .searched-location,.nitrogen-shed #map_table .searched-location{
font-size:10px;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:none;
}
#post-48 #sl_div .searched-location{
width:100%;
margin:0px 0px;
}
.search-area-left{
display:none;
}
}
/* Smartphones (landscape) ----------- */
/*@media only screen
and (min-width : 380px)
and (max-width : 700px) {
.intro-mob{
display:block;
}
.mfp-wrap .searched-location{
font-size:10px;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:none;
}
#post-48 #sl_div .searched-location{
width:100%;
margin:0px 0px;
}
.search-area-left,.or{
display:none;
}
a#get-my-loc{
margin: 0px auto;
}
#sl_div .search-area{
margin-left:0px;
left:15%;
width:230px;
height:49px;
}
.search-area-right{
width:100%;
margin-top:0px;
}
.home-wrap #sl_div .small_search {
margin-left: -49%;
}
}*/
/* Smartphones (portrait) ----------- */
/*@media only screen
and (max-width : 768px) {
.intro-mob{
display:block;
}
.mfp-wrap .searched-location{
font-size:10px;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:none;
}
#post-48 #sl_div .searched-location{
width:100%;
margin:0px 0px;
}
.search-area-left,.or{
display:none;
}
a#get-my-loc{
margin: 0px auto;
}
#sl_div .search-area{
margin-left:0px;
left:15%;
width:230px;
height:49px;
}
.search-area-right{
width:100%;
margin-top:0px;
}
.home-wrap #sl_div .small_search {
margin-left: -49%;
}
}*/
/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles * /
.intro-mob{
display:block;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .searched-location{
font-size:10px;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:none;
}
#post-48 #sl_div .searched-location{
width:100%;
margin:0px 0px;
}
.search-area-left{
display:none;
}
}*/
/* iPads (portrait and landscape) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.intro-mob{
display:block;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
.nitrogen-shed #map_table .searched-location{
width:700px;
margin: 0 200px;
}
.search-area-left{
display:block;
}
}
/* iPads (landscape) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.intro-mob{
display:block;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
.mfp-wrap .mfp-close{
display:block;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
.nitrogen-shed #map_table .searched-location{
width:700px;
margin: 0 200px;
}
.search-area-left{
display:block;
}
}*/
/* iPads (portrait) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
Styles
.intro-mob{
display:block;
}
.mfp-wrap{
width:100%;
left:0%;
top:0%;
margin-left:0px;
margin-top:0px;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
.nitrogen-shed #map_table .searched-location{
width:700px;
margin: 0 200px;
}
.search-area-left{
display:block;
}
}*/
/* Desktops and laptops ----------- */
/*@media only screen
and (min-width : 1224px) {
Styles
.intro-mob{
display:none;
}
.mfp-wrap{
width:800px;
left:50%;
top:50%;
margin-left:-400px;
margin-top:-277px;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
.nitrogen-shed #map_table .searched-location{
width:700px;
margin: 0 200px;
}
.search-area-left{
display:block;
}
}*/
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
.intro-mob{
display:none;
}
.mfp-wrap{
width:800px;
left:50%;
top:50%;
margin-left:-400px;
margin-top:-277px;
}
#sl_info_bubble span.available, #sl_info_bubble .taggi{
display:block;
}
.mfp-wrap .searched-location{
font-size:12px;
}
.nitrogen-shed #map_table .searched-location{
width:700px;
margin: 0 200px;
}
.search-area-left{
display:block;
}
}
.links.fancybox-normal{
margin-right:40%;
}
h3.second-heading{color:#000 !important;text-align: left;}
.news-content span.wpcf7-not-valid-tip{
padding: 10px 35px 10px 15px;
border: 1px solid #fbeed5;
border-radius: 4px;
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
margin-left: 320px;
margin-top: -14px;
}
div.wpcf7-mail-sent-ng{clear:left;padding: 10px 35px 10px 15px;
border: 1px solid #fbeed5;
border-radius: 4px;
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;}
div.wpcf7-mail-sent-ok{
padding: 10px 35px 10px 15px;
border: 1px solid #fbeed5;
border-radius: 4px;
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
clear:left;
}
.user-reg-form{padding-top:50px;padding-right:20px;padding-bottom:50px;}
/*--------------------------------------------- TENDER APP ---------------------------------------------------*/
.tender-nav li a {}
.tender-top-area{background:url('images/tender-top-bac.jpg') no-repeat;height:400px;width:100%;background-size:100% 100%;margin-top: 107px;}
.tender-top-area h1 {color:#fff;font-weight:bold;padding-top:40px;text-shadow: -2px -3px 7px rgba(150, 150, 150, 1);}
.tender-left{float:left;margin-top:-180px;background:#fff;-webkit-box-shadow: 8px 6px 30px 0 rgba(0,0,0,0.5);box-shadow: 3px 0px 20px 0 rgba(0,0,0,0.3);z-index: 999;}
.tender-tabs{margin-left: -15px;margin-right: -15px;border-bottom: 1px solid #f1eeee;padding-top: 20px;padding-bottom: 15px;}
.tender-tabs li{display:inline;padding-top:20px;padding-bottom:15px;}
.tender-tabs li a,.tender-categories li{font-size: 14px;text-transform: uppercase;font-weight: bold;color: #8a8a87;}
.tender-tabs li a:hover,.tender-tabs li.active a{color:#2dadb5;}
.tender-tabs li.active-tenders a{background:url('images/active-tenders-bac.png') no-repeat;padding-left: 35px;}
.tender-tabs li.calendar-view a{background:url('images/calendar-bac.png') no-repeat;padding-left: 50px;padding-top: 7px;padding-bottom: 8px;}
.tender-tabs li.tender-search a{background:url('images/search-icon.png') no-repeat;padding-left: 50px;padding-top: 2px;padding-bottom: 5px;}
.tender-tabs li.active-tenders{padding-right:30px;}
.tender-tabs li.calendar-view,.tender-tabs li.tender-search{padding-right:30px;padding-left:30px;}
.tender-tabs li.active-tenders,.tender-tabs li.calendar-view{border-right:1px solid #f1eeee;}
.tender-categories{text-align:center;padding-top: 20px;border-bottom:1px solid #f1eeee;padding-bottom: 25px;}
.tender-categories li{display:inline;cursor:pointer;padding-right:20px;padding-left: 10px;padding-right: 10px;}
.tender-categories li.active, .tender-categories li:hover{color:#2dadb5;background: #f0f2f1;padding-top: 2px;padding-bottom: 2px;border-radius: 5px;}
.tender-sort-content{padding-top:55px;padding-bottom:100px;}
.tender-sort-content .mix{display:none;}
.tender-sort-content .tender-single h3{font-size:18px;padding-bottom:15px;}
.tender-sort-content .tender-single h3 a{color:#484848;}
.tender-sort-content .tender-single{background:#fafafa;border:1px solid #dddddd;border-radius:5px;margin-bottom: 40px;padding-left:40px;}
.tab_content{min-height:900px;}
.tender-sort-content .tender-single span{color:#6f6f6f;text-transform:uppercase;font-size:12px;float:left;}
.tender-sort-content .tender-single span.categories{padding-left:25px;}
.tender-sort-content .tender-single .closing-date{float:right;background:url('images/clock-icon.png') no-repeat;background-color:#e2e6e7;padding-left: 40px;padding-top: 8px;padding-bottom: 5px;padding-right: 25px;margin-right: -15px;background-position: 11px;color: #256e73;text-transform: none;border-radius: 3px;font-size: 12px; }
.tender-sort-content .tender-single .post-date{float:left;clear:left;padding-top: 15px;padding-bottom: 15px;font-size: 10px;color: #adaaaa;}
.tender-right{background:#f5f5f5;min-height:900px;padding-left: 30px;}
.tender-right .welcome{color:#e26415;font-size:20px;font-weight: bold;}
.tender-right span{color:#8a8a87;}
.top-navs{z-index:9999}
.tender-right h3.register{color:#adaaaa;padding-bottom: 30px;}
.tender-right h3.register a{text-transform:uppercase;color:#279bbb;font-weight:bold;}
.tender-right span.need-help{font-size:14px;text-transform:uppercase;color:#7e6b6b;font-weight:bold;background:url('images/help-icon.png') no-repeat;padding-left: 35px;padding-bottom: 10px;padding-top: 5px;}
.tender-right .help-links{padding-top:10px;border-bottom:1px solid #dddddd;padding-bottom: 30px;}
.tender-right .help-links li a{color:#279bbb;font-weight:bold;}
.tender-right .email-updates p{clear: left;padding-top: 15px;}
.search-button{float:left;clear:left;}
.tender-date-attr{display:none;padding-left:25px;}
.result-count{padding-bottom: 20px;font-size: 12px;color: #adaaaa;float:left;padding-left:20px;}
#additional_email, #second_email, #remove_email{margin-top: 10px;}
.tender-file {background:url('images/pdf_icon.png') no-repeat; padding:15px;padding-left:50px; background-position:left center; }
.tender-file:hover {background-color:#f5f6f5;}
.tender-file h4{ font-size:14px; color:#1e1f20; font-weight:bold; text-transform:none; margin-bottom:0;}
.tender-file a {font-size:10px; color:#279bbc; text-transform:uppercase;}
.tender-file .file-size {font-size:10px; color:#8a8a87;}
.tender-searchbtn {padding:7px 30px;}
.btn-text{ color:#fff; text-transform:uppercase;font-family: 'novecento_widemedium';font-size:16px}
.btn-red:hover{ background:#a82425; border:1px solid #bc3031}
.btn-red:hover .symbols{ margin-left:20px}
#intro img{margin:15px 0 0 0}
#intro h2{ margin-bottom:25px; width:67%;
text-shadow: 2px 3px 3px #171717;
-webkit-text-stroke: 1px white; }
.tender-dates{ float:left; width:100%}
.tender-date-attr .form-control{ height:22px; padding:3px 5px}
.tender-date-attr h4{color: #8a8a87;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;}
.nav.navbar-nav.pull-center li a{ font-size:13px; font-family: 'novecento_widenormal';}
.pull-center li.current-menu-item a {color:#55c3c4;padding-bottom:29px;}
.pull-center li.current-menu-item {}
#menu-item-315{padding-right:350px}
.form-group .bt-create{ color:#a54c08; background:none; border:2px solid #a54c08;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pdf-links.pdf-download-btn .download-link{ color:#ffffff; background:#bc3031; border:1px solid #b22a2b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font-family: 'novecento_widemedium';
font-size: 16px;
padding: 10px 40px;
display:none;
}
/*.meta-category-area .help-links li > a{
clear:left; float:left; font-size:14px; color:#3996bd; font-family: 'novecento_widemedium';padding-top:5px;text-transform: capitalize;
}
*/
.meta-category-area .help-links {
padding-top:10px;
}
.meta-category-area .help-links li a {
color: #279bbb;
font-weight: bold;
clear:left; float:left;
padding-top:5px;
}
.meta-category-area span.need-help{font-size:14px;text-transform:uppercase;color:#7e6b6b;font-weight:bold;background:url('images/help-icon.png') no-repeat;padding-left: 35px;padding-bottom: 20px;padding-top: 5px;}
.applytender .btn-red{
margin-top:50px;
}
.wpcf7-form{
position: relative;
top: 50px;
}
.applytender .wpcf7-form p{
width:200px;
}
.wpcf7 input,textarea {
border: 1px solid #D2D6CF;
background: #fff;
padding: 5px 10px;
width: 300px;
}
.btn-green{ background:#00ff00;border:1px solid #b22a2b; padding:10px 40px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
margin-top:50px;
}
.btn-text{ color:#fff; text-transform:uppercase;font-family: 'novecento_widemedium';font-size:16px}
.btn-green:hover{ background:#00ff00; border:1px solid #bc3031}
.btn-green:hover .symbols{ margin-left:20px}
.tender_calendar{
background:url('images/datepicker.png') no-repeat; padding:3px;padding-left:30px; background-position:6px center; border: 1px solid #ccc;
}
.tender-date-attr .from{
width:350px;
float:left;
}
.tender-date-attr .from label{
padding-right:40px;
}
.tender-date-attr .to{
width:350px;
float:left;
}
.tender-date-attr .to label{
padding-right:40px;
}
.tender-date-attr h4 {
clear:left
}
.tender-date-attr .h42
{
padding-top:15px;
}
#squre1{
width:30px;
height:30px;
margin-right:10px;
background:#e26415;
display: inline-block;
}
#squre2{
width:30px;
height:30px;
margin-right:10px;
background:#f5f5f5;
display: inline-block;
}
[ewcalendar] .c-grid .c-row .c-day{
color:black !important;
}
[ewcalendar] .c-grid .c-row .c-day.other-month{
color: lightskyblue !important;
}
.tendercal{
margin-left:50px
}
.textcal{
display: inline-block;
}
textcal span{
margin-bottom:10px !important;
}
#text1{
margin-bottom:10px !important;
}
#text2{
margin-bottom:10px !important;
}
#back{
width:40px;
height:40px;
}
.extended{
font-size:12px;
color: #279bbb;
}
.director-wrap li:first-child {
margin-left:33.33333333333333% !important;
}
.director-wrap li:nth-child(3) {
clear: both !important;
margin-left: 16.66666667% !important;
}
.director-wrap li:nth-child(6) {
clear: both !important;
}
/* BestWeb.lk vote */
.award-vote {
position: fixed;
top: 80px;
right: 0;
z-index: 9999999;
}
.award-vote-img {
width: 167px;
height: 150px;
opacity: 0.8;
border: none;
float: left;
border-right: 0;
background-color: #fff;
padding: 10px 5px;
}
/* IOC Ad Popup */
.ioc-popup-ad {
background: rgba(0, 0, 0, .5);
z-index: 99999;
}
.ioc-popup-ad .modal-content {
border: none;
border-radius: 0;
}
.ioc-popup-ad .modal-body {
padding: 0 15px;
margin-bottom: -15px;
}
button.ioc-popup-close {
position: absolute;
right: -10px;
top: -10px;
background: #e1e1e1;
opacity: 1;
padding: 9px 15px;
border-radius: 30px;
z-index: 9999;
}
button.ioc-popup-close:hover,
button.ioc-popup-close:focus {
background: #e06426;
color: #fff;
opacity: 1;
}
.ioc-popup-title {
font-family: 'novecento_widenormal', Arial, sans-serif;
margin: 50px 10px;
font-size: 14pt;
text-transform: uppercase;
line-height: 22pt;
letter-spacing: .2pt;
color: #555;
}
.ioc-popup-image {
height: 200px;
background-size: cover;
}
.popup-footer-link {
background: #e06426;
color: #fff;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popup-footer-link:hover,
.popup-footer-link:focus {
background: #ce4f0f;
color: #fff;
}
.popup-footer-link .modal-footer {
text-align: left;
border: none;
padding-left: 25px;
}
.popup-footer-link .symbols {
color: #fff;
margin-left: 5px;
}
.ad-popup-h2 {
font-size: 16px;
font-weight: 300;
letter-spacing: .2pt;
margin: 0;
}
@media only screen and (min-width : 768px) {
.ad-popup-modal-dialog {
width: 600px;
margin: 12% auto 30px;
left: 0;
}
}
@media only screen and (max-width : 768px) {
.hidden-xs {
display: none;
}
.ad-popup-modal-dialog {
margin-top: 10px;
}
.ioc-popup-ad .modal-body {
padding: 0;
}
}