/*====================================================================== Site Name: GERAB, Your Business, Our Commitment. Version: 1.0 Author: Web Team ------------------------------------------------------------------------ Base Color: #fff (White) Site Color: #b72027 (Dark Red) Header Color: #000 (Black) Text Color: #fff (White) Title Color: #b72027 (Dark Red), #fff (White) Footer Color: #b72027 (Dark Red) ------------------------------------------------------------------------ Layout Width: 100% Container Width: 1170px Responsive Layout: Yes =======================================================================*/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: 'Open Sans', sans-serif; font-weight:300; font-size:14px; color:#474747; background:#f3f3f3; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) {
display:none;
height:0
}
a { outline:0; color:#b72027; }
a, button { text-decoration:none; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; cursor:pointer; }
a:focus, button:focus { outline:0; }
a:hover, a:active { outline: 0; text-decoration:none; color:#474747; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:300; }
b, strong, dt, th { font-weight: bold; }
em, i { font-style:italic; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; }
ul, ol, ul ul, ol ol { padding:0; margin:0; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width:100%; height:auto; }
figure { margin:0; }
legend { white-space:normal; }
q { quotes:"\201C" "\201D" "\2018" "\2019" }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
.cf:before, .cf:after, .container:before, .container:after, .content:before, .content:after, ul:before, ul:after, .boxs:before, .boxs:after { content:" "; display:table }
.cf:after, .container:after, .content:after, ul:after { clear:both }
table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; }
table table { margin:0 }
th, td { border:none; padding:8px 10px }
caption, th, td { font-weight: normal; background:#fff }
::-webkit-scrollbar {
width:5px;
-webkit-appearance:none;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
input[type=text], input[type=password], textarea { transition: all 0.40s ease-in-out; -webkit-transition: all 0.40s ease-in-out; }
input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px #b72027; outline:none; }
input[type=text], input[type=password], textarea { font-family: 'Open Sans', sans-serif; font-weight:300; transition: all 0.40s ease-in-out; -webkit-appearance:none; border-radius:0; }
textarea { resize:none; }
button { font-family: 'Open Sans', sans-serif; font-weight:300; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; border:0; line-height:38px; font-size:16px; padding:0 16px; text-align:center; color:#fff; text-transform:uppercase; background:#b72027; }
button:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.no-borderradius button:hover, .no-history button:hover { background:#c92b32; color:#fff; }
.submitBtn { cursor:pointer; font-family: 'Open Sans', sans-serif; font-weight:300; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; border:0; line-height:38px; font-size:16px; padding:0 16px; text-align:center; color:#fff; text-transform:uppercase; background:#b72027; }
.submitBtn:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.no-borderradius .submitBtn:hover, .no-history .submitBtn:hover { background:#c92b32; color:#fff; }
input[type=submit] { -webkit-appearance:none; border-radius:0; }
select { -webkit-appearance:none; border-radius:0; }
select:focus { outline:0 none; }
/*::selection{
  background: none; 
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}
::-moz-selection {
  background: none; 
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}*/
/*---------------------------Font---------------------------*/
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfonte0a5.eot?v=4.3.0');
src: url('fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfonte0a5.html?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfonte0a5.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfonte0a5.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.fa-search:before { content: "\f002"; }
.fa-star:before { content: "\f005"; }
.fa-calendar:before { content: "\f073"; }
.fa-map-marker:before { content: "\f041"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-bell:before { content: "\f0f3"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-align-justify:before { content: "\f039"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-angle-right:before { content: "\f105"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-phone:before { content: "\f095"; }
.fa-instagram:before { content: "\f16d"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-skype:before { content: "\f17e"; }
.fa-angle-left:before { content: "\f104"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-user:before { content: "\f007"; }
.fa-fax:before {content: "\f1ac";}
#wrapper { width:100%; }
.content { max-width:1170px; margin:0 auto; } /*----Header----*/
#header { background:#030303; padding:10px 0; z-index:99; width:100%; position:fixed; }
#container, #innerContent { padding-top:150px; }
.desktop #header.sticky { background:url(../images/header-sticky-bg.png) repeat; z-index:9999; }
#logo { float:right; }
#header .leftNav { float:left; }
#header .leftNav ul { padding-top:25px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#header .leftNav ul li { float:left; margin-right:40px; }
#header .leftNav ul li a { color:#a4a4a4; font-size:16px; }
#header .leftNav ul li a:hover, #header .leftNav ul li button:hover { color:#b72027; }
#header .leftNav ul li .fa-search { font-size:22px; padding-right:5px; }
#header .leftNav ul li .fa-suitcase { font-size:24px; padding-right:10px; }
#header .leftNav ul li button { background:none; border:0; color:#a4a4a4; font-size:16px; text-transform:capitalize; padding:0; line-height:25px; margin-top:0; }
#header .leftNav ul li button:after, #header .leftNav ul li button:before { display:none; }
#header .leftNav ul li .searchArea { width:300px; float:left; margin:0 10px 0 0; height:30px; }
#header .leftNav ul li .searchArea input[type=text] { display:block; vertical-align:baseline; background:#000; border:1px solid #4d4d4d; padding:0 10px; height:30px; color:#aeaeae; font-size:16px; width:100%; margin-bottom:0px; }
#header .leftNav ul li .searchArea { display:none; } /*----Nav----*/
#navbarWrap { padding-top:10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index:999; position:relative; }
#navbar ul { }
#navbar ul li { display:inline-block; position:relative; padding:0 9px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
#navbar > ul > li { padding:0; margin:0 17px; }
.no-history #navbar > ul > li { padding:0; margin:0 17px; }
#navbar > ul > li:first-child { margin:0 16px 0 0; }
#navbar > ul > li:last-child { margin:0 0 0 16px; }
#navbar > ul > li.MenuLiLast ul.submenu{left:auto; right:0;}
.no-borderradius #navbar > ul > li { padding:0; margin:0 13px; }
#navbar > ul > li:nth-child(7) ul.submenu {
left:auto;
right:0;
}
#navbar > ul > li.last ul.submenu { left:auto; right:0; }
#navbar ul li a { font-family: 'Open Sans', sans-serif; color:#f9f9f9; font-size:19px; text-transform:uppercase; display:block; text-transform:uppercase; position:relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; line-height:31px; }
#navbar ul li a:hover { color:#b72027; }
#navbar ul li a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height:2px;
background:#b72027;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
#navbar ul li a:hover::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#navbar > ul > li a:hover::before, #navbar > ul > li a:hover::after, #navbar > ul > li a.active:after, #navbar > ul > li a.active:before, #navbar li:hover > a:after, #navbar li:hover > a:before, #navbar > ul > li.active a:after, #navbar > ul > li.active a:before, #navbar.active > ul > li.item0 a:after, #navbar.active > ul > li.item0 a:before {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#navbar li:hover > a { color:#b72027; }
#navbar ul ul.submenu { width:310px; padding: 0px 0px; margin: 0px; border-bottom:2px solid #b72027; position: absolute; top:30px; left:0; display:none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); z-index:99; }
#navbar ul .submenu ul { left:100%; top:-1px; }
#navbar .submenu li { float: none; display: block; padding:0 0 0 0; position:relative; border-bottom:1px solid #232323; }
#navbar .submenu a { background: #111; padding:7px 10px; display: block; float: none; text-transform: none; line-height:22px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; font-size:18px; }
#navbar .submenu a:after, #navbar ul ul.submenu a:before { display:none; }
#navbar .submenu a:hover { background-color: #272727; }
#navbar .submenu li:hover > a { background-color: #272727; color:#b72027; }
#navbar li.parent:after { font-family: 'Fontawesome'; content: "\f0da"; color:#505050; position: absolute; right:7px; top:11px; margin-left: 5px; }
#navbar ul li:hover > ul { display:block; -moz-animation: fadeInDown .3s ease-in;
-webkit-animation: fadeInDown .3s ease-in;
animation:fadeInDown .3s ease-in;
}
#navbar ul ul li:hover > ul { display:block; -moz-animation: fadeInLeft .3s ease-in;
-webkit-animation: fadeInLeft .3s ease-in;
animation:fadeInLeft .3s ease-in;
} /*----Home Slider----*/
.tp-banner-container { width:100%; position:relative; padding:0; }
.tp-banner { width:100%; position:relative; }
.tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important; }
.tp-caption { z-index:1; }
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important; }
.fullscreen-container { width:100%; position:relative; padding:0; }
.fullwidthbanner-container { width:100%; position:relative; padding:0; overflow:hidden; }
.fullwidthbanner-container .fullwidthbanner { width:100%; position:relative; }
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; }
.tp-simpleresponsive img { max-width:none; }
.noFilterClass { filter:none !important; }
.tpclear { clear:both; }
.tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); display:none; bottom:5px !important; }
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:#b72027; width:10px; height:10px; margin-right:0px; float:left; margin-top:0px; margin-left:5px; }
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px; }
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../assets/bullets.html) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px; }
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px; }
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background:#fff; }
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); }
.tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.tp-leftarrow.default, .tp-rightarrow.default { z-index:9; cursor:pointer; position:relative; width:28px; height:39px; background:url(../images/sprite.png) no-repeat; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; top:50%; }
.tp-leftarrow.default { background-position:-33px -236px; left:-60px !important; }
.tp-leftarrow:hover { background-position:-2px -236px; }
.tp-rightarrow.default { background-position:-2px -280px; right:-60px !important; }
.tp-rightarrow:hover { background-position:-31px -280px; }
.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tp-simpleresponsive a { text-decoration:none; }
.tp-simpleresponsive ul { list-style:none; padding:0; margin:0; }
.tp-simpleresponsive >ul >li { list-stye:none; position:absolute; visibility:hidden; }
.tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; }
.tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1; }
.no-borderradius .homeSlider { height:auto; }
.homeSlider .leftArea { display:inline-block; padding:145px 0 0 0; position:relative; z-index:9; }
.homeSlider h2 { background:#b72027; font-size:50px; text-transform:uppercase; color:#fff; line-height:68px; display:inline-block; padding:0 15px; }
.homeSlider p { font-size:30px; text-transform:uppercase; color:#fff; padding-left:15px; line-height:58px; }
.homeSlider .second h2, .homeSlider .forth h2 { font-size:28px; line-height:37px; padding:9px 15px; }
.homeSlider .second p, .homeSlider .forth p { font-size:26px; line-height:55px; padding:5px 15px; }
.homeSlider .third .leftArea { padding:180px 0 130px 0; }
.homeSlider .forth .leftArea { padding:140px 0 130px 0; }
.homeSlider .item { height:646px; }
.homeSlider button { display:block; margin-top:20px; font-size:16px; line-height:41px; }
.homeSlider .rightArea { float:right; position:absolute; right:0; bottom:0; z-index:8; width:65%; }
.homeSlider .content { position:relative; }
.homeSlider .mainSliderControl { position:absolute; top:50%; width:100%; margin-top:-26px; z-index:10; left:0; }
.mainSliderControl .arrowArea .prev, .mainSliderControl .arrowArea .next { background:url(../images/sprite.png) no-repeat; width:28px; height:39px; display:inline-block; text-indent:-9999px; position:absolute; top:0; }
.mainSliderControl .arrowArea .prev { background-position:-33px -236px; left:-60px; }
.mainSliderControl .arrowArea .prev:hover { background-position:-2px -236px; }
.mainSliderControl .arrowArea .next { background-position:-2px -280px; right:-60px; }
.mainSliderControl .arrowArea .next:hover { background-position:-31px -280px; }
.homeSlider .owl-theme .owl-controls { position:absolute; top:50%; width:100%; left:0; }
.homeSlider .owl-controls .owl-prev, .homeSlider .owl-controls .owl-next { position:absolute; top:0; width:16px; height:27px; background: url(../images/sprite.png) no-repeat 0 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.homeSlider .owl-carousel { padding:0; }
.homeSlider .owl-controls .owl-prev { left:0px; background-position:0 0; }
.homeSlider .owl-controls .owl-prev:hover { background-position:-21px 0; }
.homeSlider .owl-controls .owl-next { right:0px; background-position:0 -34px; }
.homeSlider .owl-controls .owl-next:hover { background-position:-21px -34px; } /*----GERAB----*/
.gerab { background:url(../images/gerab-bg.png) repeat; padding:60px 0; text-align:center; border-bottom:1px solid #fff; }
.gerab h2 { font-size:40px; font-weight:700; color:#b72027; text-transform:uppercase; line-height:30px; padding-bottom:30px; }
.gerab h2 span { font-weight: 700; }
.gerab p { font-size:20px; color:#848484; line-height:30px; } /*----Quick Links----*/
.quiceLinks { padding:40px 0 80px 0; background:url(../images/quick-links-bg.jpg) repeat; }
.quiceLinks h2, .contactUs h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; }
.quiceLinks h2 span, .contactUs h2 span { font-weight: 700; }
.quiceLinks h3:before, .contactUs h3:before { background:#b2b2b2; content: ""; display: block; height:1px; left: 0px; position: absolute; top: 50%; width:100%; z-index: 1; }
.quiceLinks h3, .contactUs h3 { position: relative; text-align: center; display:block; text-transform:uppercase; font-size:19px; }
.quiceLinks h3 span, .contactUs h3 span { z-index: 2; display: inline-block; padding: 0px 20px; position: relative; background:url(../images/quick-links-bg.jpg) repeat; }
.quiceLinks .quiceLinksBox { width:103%; margin-left:-3%; }
.quiceLinks .box { width:47%; margin:3% 0 0 3%; float:left; background:#fff; position:relative; }
.quiceLinks .box .thumb { width:45%; float:left; position:absolute; left:0; }
.quiceLinks .box .thumb img { width:100%; }
.quiceLinks .box .details { float:right; width:55%; padding:15px 20px; position:relative; background:#fff; height:203px; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.no-flexboxlegacy .quiceLinks .box .details { height:203px; }
.quiceLinks .box .title { color:#b72027; font-size:20px; padding-left:74px; line-height:24px; }
.quiceLinks .box .title { background:url(../images/quick-links-icon.png) left top no-repeat; }
.quiceLinks .box.pipeChart .title { background-position:0 0; padding:12px 0 12px 58px; }
.quiceLinks .box.valueAdded .title { background-position:0 -78px; padding-left:80px; }
.quiceLinks .box.valveAutomation .title { background-position:0 -174px; }
.quiceLinks .box.onTheGO .title { background-position:0 -269px; }
.quiceLinks .box .title span { font-size:23px; text-transform:uppercase; font-weight: 700; display:block; }
.no-borderradius .quiceLinks .box .title span { font-size:22px; }
.quiceLinks .box p { color:#848484; font-size:16px; line-height:22px; margin:10px 0; padding:0; height:86px; overflow:hidden; }
.quiceLinks .box .readMore { font-size:13px; line-height:22px; color:#b72027; background:url(../images/red-arrow.png) right 3px no-repeat; padding-right:23px; }
.quiceLinks .box .readMore:hover { color:#848484; padding-right:30px; background:url(../images/gray-arrow.png) right 3px no-repeat; }
.quiceLinks .box:hover .details { width:100%; opacity:0.9; } /*----Gerab Brand----*/
.gerabBrand { padding:40px 0; background:url(../images/gareb-brand-bg.jpg) center center no-repeat; background-size:cover; }
.gerabBrand h2 { text-transform:uppercase; color:#fff; font-size:40px; font-weight:700; text-align:center; padding-bottom:20px; }
.gerabBrand h2 span { font-weight: 700; } /*.gerabBrand .content { position:relative; padding:70px 0; } .gerabBrand .content:before, .gerabBrand .content:after { content:""; position:absolute; left:0; width:100%; } .gerabBrand .content:before { background:url(../images/gareb-brand-top-bg.png) center top no-repeat; height:36px; top:0; } .gerabBrand .content:after { background:url(../images/gareb-brand-bottom-bg.png) center top no-repeat; height:61px; bottom:0; }*/
.gerabBrand p { text-align:center; font-size:20px; color:#ededed; line-height:30px; padding-bottom:15px; }
.gerabBrand p .mark { font-weight: 700; } /*----Our Products----*/
.ourProducts { padding:40px 0 70px 0; background:url(../images/quick-links-bg.jpg) repeat; position:relative; }
.ourProducts:after { content:""; position:absolute; left:0; bottom:0; background:url(../images/our-product-bg.png) no-repeat bottom center; width:100%; height:417px; z-index:7; }
.ourProducts .content { position:relative; z-index:8; }
.ourProducts h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; }
.ourProducts h2 span { font-weight: 700; }
.ourProducts .topText { font-size:20px; color:#474747; text-align:center; line-height:30px; padding-top:20px; }
.ourProducts .productList { width:100%; margin-top:60px; }
.productBox { width:33.333333%; float: left; overflow: hidden; position: relative; text-align: center; }
.productBox .proContent { width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; padding:10px 20px; }
.productBox img { display: block; position: relative; width:100%; }
.productBox h2, .productBox h2 a { color: #fff; position: relative; font-size:25px; text-transform:capitalize; text-align:left; padding:10px 0; }
.no-borderradius .productBox h2 { display:none; }
.productBox p { position: relative; color: #f0dbcb; font-size:15px; text-align:left; line-height:22px; }
.productBox .readMore { font-size:14px; line-height:29px; color:#f0dbcb; background:url(../images/off-white-arrow.png) right 9px no-repeat; padding-right:23px; float:left; margin-top:10px; }
.productBox .readMore:hover { padding-right:30px; background:url(../images/off-white-arrow.png) right 9px no-repeat; color:#fff; }
.productBox img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.productBox .proContent { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background:url(../images/our-pro-bg.png) repeat; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor:pointer; border-bottom:4px solid #000; }
.productBox h2 { position:static; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.no-borderradius .productBox:hover h2 { display:block; }
.productBox p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /*.productBox:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }*/
.productBox .readMore { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.productBox:hover .proContent { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.productBox:hover h2, .productBox:hover p, .productBox:hover .readMore { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.productBox:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.productBox:hover .readMore { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /*----TabArea----*/
.tabbingArea { position: relative; margin-top:40px; }
.tabbingArea .tabsNav {/* width:882px; margin:0 auto;border:2px solid #b72027; border-right:0; position:relative;*/ margin:0 auto; text-align:center; } /*.tabbingArea .tabsNav:before{position:absolute; right:0; top:0; width:2px; height:49px; content:""; background:#b72027;}*/
.tabbingArea .tabsNav .tabsTab { position: relative; }
.tabbingArea .tabsNav .tabsAnchor { padding:0 28px; line-height:49px; display: inline-block; font-size:20px; color: #474747; outline:0; position:relative; }
.tabbingArea .tabsNav .tabsStateDisabled { opacity: 0.5; }
.tabbingArea .tabsNav .tabsStateActive .tabsAnchor, .tabbingArea .tabsNav .tabsAnchor:hover { color: #fff; background-color: #b72027; }
.tabbingArea .tabsNav .tabsStateActive .tabsAnchor:after, .tabbingArea .tabsNav .tabsAnchor:hover:after { content:""; position:absolute; bottom:-14px; left:50%; margin-left:-14px; border-left:12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #b72027; border-bottom:0; }
.tabbingArea .tabsAccordionTitle .tabsAnchor { display: block; padding: 10px; background-color: #b72027; color: #fff; text-decoration: none; margin-bottom: 3px; }
.tabbingArea .tabsAccordionTitle.tabsStateDisabled { opacity: 0.5; }
.tabbingArea .tabsAccordionTitle.tabsStateActive .tabsAnchor { background-color: #e5e5e5; color: #b72027; outline:none; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 0; }
.tabbingArea .tabsTab { /*float:left; margin: 0; list-style: none;*/ float:none; display:inline-block; margin: 0 0 0 -4px; list-style: none; border-bottom:2px solid #b72027; border-top:2px solid #b72027; }
.tabbingArea .tabsTab.first { border-left:2px solid #b72027; }
.tabbingArea .tabsTab.last { border-right:2px solid #b72027; }
.tabbingArea .tabsPanel { padding:0; display: none; transition:all 0.3s ease 0ms; }
.tabbingArea .tabsAccordionTitle { display: none; }
.tabbingArea .tabsPanel.tabsStateActive { display: block; }
.ourProducts .tabbingArea .tabsTab { position:relative; }
.ourProducts .tabbingArea .tabsTab:after { position:absolute; right:0; top:10px; height:30px; width:1px; background:#ccc; content:""; }
.ourProducts .tabbingArea .tabsTab.tabsStateActive:after, .ourProducts .tabbingArea .tabsTab:hover:after { display:none; }
.ourProducts .tabbingArea .tabsTab:last-child:after { display:none; }
.projects .projectsYearOuter .tabbingArea .owl-item.tabsTab { border:0; } /*----Middle Slider----*/
.khidmah { background:#000 url(../images/middle-slider.jpg) top center no-repeat; padding:60px 0; }
.khidmah .middleSlider { background:#b72027; padding:20px 30px; width:100%; }
.khidmah .middleSlider .sliderOuter { position:relative; float:left; width:40%; margin:-30px 0; }
.khidmah .middleSlider .thumbArea { position:relative; }
.khidmah .middleSlider .thumbArea img { width:100%; height:344px; }
.khidmah .middleSlider .thumbTitle { width:100%; position:absolute; left:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; line-height:43px; color:#fff; font-size:20px; padding-left:10px; }
.khidmah .middleSlider .detailsArea { float:right; width:60%; color:#fefefe; padding-left:30px; }
.khidmah .middleSlider .detailsArea h2 { font-size:35px; text-transform:uppercase; padding-bottom:20px; line-height:26px; }
.khidmah .middleSlider .detailsArea p { font-size:19px; line-height:23px; padding-bottom:10px; }
.khidmah .middleSlider .detailsArea .readMore { font-size:15px; line-height:11px; color:#fff; background:url(../images/white-arrow.png) right 6px no-repeat; padding-right:23px; }
.khidmah .middleSlider .detailsArea .readMore:hover { padding-right:30px; }
.khidmah .middleSlider .proSliderNav { position:absolute; top:50%; left:0; width:100%; z-index:9; margin-top:-14px; }
.khidmah .middleSlider .proSliderNav .prev, .khidmah .middleSlider .proSliderNav .next { text-indent:-9999px; cursor:pointer; width:14px; height:29px; background: url(../images/sprite.png) no-repeat 0 0; transition: all 0s ease 0s; -webkit-transition: all 0s ease 0s; position:absolute; top:0; }
.khidmah .middleSlider .proSliderNav .prev { background-position:-84px 0; left:0; }
.khidmah .middleSlider .proSliderNav .prev:hover { background-position:-99px 0; }
.khidmah .middleSlider .proSliderNav .next { background-position:-84px -30px; right:0; }
.khidmah .middleSlider .proSliderNav .next:hover { background-position:-99px -30px; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } /*----Map----*/
.map { position:relative; }
.map img { max-width:inherit; }
.gmap { height:858px; width:100%; } /*----Get In Touch----*/
.getInTouch { position:absolute; bottom:0; width:100%; padding:50px 0; background:url(../images/get-in-touch-bg.png) repeat; }
.getInTouch .address { float:left; width:34.0579%; }
.getInTouch h2 { font-size:26px; color:#fff; text-transform:uppercase; padding-bottom:10px; }
.getInTouch .address p { color:#e7e7e7; font-size:16px; line-height:25px; }
.getInTouch .address .mark { display:block; }
.getInTouch .address ul { padding-top:10px; }
.getInTouch .address li, .getInTouch .address li a { color:#fff; font-size:16px; line-height:24px; }
.getInTouch .address li { padding:7px 0; }
.getInTouch .address li a:hover { color:#b72027; }
.getInTouch .address li span { display:inline-block; text-indent:-9999px; background:url(../images/sprite.png) no-repeat; width:25px; height:23px; margin-right:15px; }
.getInTouch .address li.offices { border-top:1px solid #555555; margin-top:10px; padding-top:12px; display:inline-block; }
.getInTouch .address li .telePhone { background-position:0 0; }
.getInTouch .address li .fax { background-position:0px -60px; }
.getInTouch .address li .email { background-position:0 -107px; }
.getInTouch .address li .offices { background-position:0 -158px; }
.getInTouch .form { width:39.8550%; float:left; }
.getInTouch .form h2, .getInTouch .followUs h2 { padding-bottom:15px; }
.getInTouch .form .first{width:49.1%;margin-right:1.8%;margin-bottom:10px; float:left;}
.getInTouch .form .second{width:49.1%;margin-right:0;margin-bottom:10px;float:left;}
.getInTouch .form .error{position:relative; top:3px;}
.getInTouch .form .third{margin-bottom:10px;}
.getInTouch .form input[type=text] { display:block; vertical-align:baseline; background:#fff; border:1px solid #878787; padding:0 10px; height:48px; color:#aeaeae; font-size:15px; width:100%;  float:left; font-weight:400; }
.getInTouch .form input[type=text].first { }
.getInTouch .form textarea { font-family: 'Open Sans', sans-serif; font-weight:400; background:#fff; border:1px solid #878787; padding:10px; height:133px; color:#aeaeae; font-size:15px; width:100%;  resize:none; }
.getInTouch .followUs { float:right; }
.getInTouch .followUs li { display:block; width:100%; padding:0 0 20px 0; }
.getInTouch .followUs li a { color:#565656; text-transform:uppercase; font-size:16px; }
.getInTouch .followUs li .fa { height:35px; width:35px; border-radius:50%; background:#808080; color:#303030; text-align:center; padding:10px 0; font-weight:bold; font-size:17px; vertical-align:middle; margin-right:15px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.getInTouch .followUs li .fa.fa-skype { font-size:21px; padding:7px 0 0 0; }
.getInTouch .followUs li:hover .fa { background:#fff; }
.getInTouch .followUs li:hover a { color:#fff; } /*----Footer----*/
#footer .copyRightArea { background:#b72027; border-top:1px solid #fff; padding:10px 0; }
#footer .copyRight { color:#dcbaaf; text-transform:uppercase; font-size:14px; display:inline-block; }
.copyRightArea ul { float:right; }
.copyRightArea ul li { display:inline-block; padding:0 14px; position:relative; }
.copyRightArea ul li:after { position:absolute; right:-5px; content:"|"; color:#dcbaaf; font-size:14px; }
.copyRightArea ul li:last-child { padding:0 0 0 14px; }
.copyRightArea ul li:last-child:after { display:none; }
.copyRightArea ul li a { color:#dcbaaf; text-transform:uppercase; font-size:13px; position:relative; }
.copyRightArea ul li a:after { bottom:-3px; content: ""; display: block; height:1px; left: 50%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.copyRightArea ul li a:hover:after { width: 100%; left: 0; }
.copyRightArea ul li a:hover { color:#fff; }
.sideNav { z-index:98; position:absolute; top:350px; left:-151px; }
.sideNav .smallScreen { width:42px; height:30px; display:none; background:url(../images/left-menu-bg.jpg) no-repeat; }
.sideNav.stop { position: fixed; left:-151px; top:237px; z-index:9; }
.sideNav ul { margin: 0; padding: 0; }
.sideNav ul li { background:#931b1f; height:55px; width:auto; padding:0 67px 0 0; left:0; position: relative; transition: all 0.6s ease 0ms; -webkit-transition: all 0.6s ease 0ms; margin-bottom:1px; line-height:55px; }
.sideNav ul li:hover { left:151px; }
.sideNav ul li a { color:#fff; font-size:18px; display:block; padding-left:15px; }
.sideNav ul li span { background:url(../images/sprite.png) no-repeat; width:55px; height:55px; display:inline-block; text-indent:-9999px; position:absolute; right:0; }
.sideNav ul li .iHome { background-position:-330px 10px; }
.sideNav ul li:hover .iHome { background-position:-384px 10px; }
.sideNav ul li .ibranch { background-position:-327px -47px; }
.sideNav ul li:hover .ibranch { background-position:-381px -47px; }
.sideNav ul li .iEmail { background-position:-331px -105px; }
.sideNav ul li:hover .iEmail { background-position:-385px -105px; }
.sideNav ul li .icontact { background-position:-329px -163px; }
.sideNav ul li:hover .icontact { background-position:-383px -163px; }
.sideNav ul li .iFaq { background-position:-331px -217px; }
.sideNav ul li:hover .iFaq { background-position:-385px -217px; }
.socialGroup { z-index:98; position:absolute; top:350px; right:0; }
.socialGroup.stop { position: fixed; right: 0; top:237px; z-index:11; }
.socialGroup li { margin-bottom:1px; }
.socialGroup li a { background:url(../images/sprite.png) no-repeat; width:51px; height:56px; text-indent:-9999px; transition: all 0.4s ease 0ms; -webkit-transition: all 0.4s ease 0ms; }
.socialGroup li a.facebook { background-position:0 -384px; }
.socialGroup li a.facebook:hover { background-position:-50px -384px; }
.socialGroup li a.twitter { background-position:0 -441px; }
.socialGroup li a.twitter:hover { background-position:-50px -441px; }
.socialGroup li a.linkedin { background-position:0 -498px; }
.socialGroup li a.linkedin:hover { background-position:-50px -498px; }
.socialGroup li a.gPlus { background-position:0 -555px; }
.socialGroup li a.gPlus:hover { background-position:-50px -555px; }
.socialGroup li a.skype { background-position:0 -441px; }
.socialGroup li a.skype:hover { background-position:-50px -441px; }
.hint, [data-hint] {
position:relative;
display:inline-block
}
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position:absolute; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); visibility:hidden; opacity:0; z-index:1000000; pointer-events:none; -webkit-transition:.5s ease;
-moz-transition:.5s ease;
transition:.5s ease;
-webkit-transition-delay:0ms; -moz-transition-delay:0ms; transition-delay:0ms; text-indent:0; }
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after { visibility:visible; opacity:1 }
.hint:before, [data-hint]:before { content:''; position:absolute; background:transparent; border:6px solid transparent; z-index:1000001 }
.hint:after, [data-hint]:after { content:attr(data-hint); background:#bd2025; color:#fff; padding:8px 10px; font-size:14px; line-height:12px; white-space:nowrap; }
.pushLeft:before { border-left-color:#bd2025 }
.pushLeft:before { margin-right:-12px; margin-bottom:-6px }
.pushLeft:after { margin-bottom:-14px }
.pushLeft:before, .pushLeft:after { right:100%; bottom:50% }
.pushLeft:hover:after, .pushLeft:hover:before, .pushLeft:focus:after, .pushLeft:focus:before { -webkit-transform:translateX(-8px); -moz-transform:translateX(-8px); transform:translateX(-8px) }
.slide { background-attachment:fixed; }
.tp-static-layers { position:absolute; z-index:505; top:0px; left:0px }
.tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important }
.tp-caption { z-index:1; white-space:nowrap }
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important }
.tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; }
.tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.whitedivider3pvertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; }
.tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; }
.tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; }
.tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; }
.tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; }
.tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; }
.tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; }
.tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; }
.tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; }
.tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; }
.tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; }
.tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; }
.tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); }
.tp-caption.black { color:#000; text-shadow:none; }
.tp-caption.noshadow { text-shadow:none; }
.tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; }
.tp-caption a:hover { color:#ffa902; }
.tp-caption.thinheadline_dark { position:absolute; color:rgba(0, 0, 0, 0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; background-color:transparent; }
.tp-caption.thintext_dark { position:absolute; color:rgba(0, 0, 0, 0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; background-color:transparent; }
.tp-caption.medium_bg_red a { color: #fff; text-decoration: none; }
.tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; }
.tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; }
.tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; }
.tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; }
.tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; }
.tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; }
.tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; }
.tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; }
.tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
.tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; }
.tp-caption.noshadow { text-shadow: none; }
.tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*----About Us----*/
.innerBanner { position:relative; width:100%; }
.innerBanner img { }
.aboutBanner { background:#000 url(../images/about-us-banner.jpg) no-repeat bottom center; height:300px; }
.innerBanner .bannerInfo { position:absolute; width:100%; left:0; top:15%; }
.innerBanner .bannerInfo h2 { background:#b72027; font-size:23px; text-transform:uppercase; color:#f7fffe; line-height:23px; display:inline-block; padding:10px 15px; } /*.innerBanner .bannerInfo h2 sup { font-size:21px; position:relative; top:-21px; }*/
.innerBanner .bannerInfo p { font-size:18px; text-transform:uppercase; color:#f7fffe; padding:20px 0 20px 15px; line-height:16px; }
.innerBanner .bannerInfo button { display:block; margin-top:30px; font-size:15px; line-height:36px; border:0; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.innerBanner .bannerInfo button:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.aboutQuickLinks { background:#b72027; border-bottom:2px solid #900007; padding:8px 0 6px 0; width:100%; }
.aboutQuickLinks.stick { position: fixed; top:150px; z-index:999; width:100%; }
.aboutQuickLinks.stick:hover { z-index:9999; }
.gerabAboutUs h2 .stick { position: fixed; top:265px; z-index:9999; }
.gerabAboutUs h2 .stick .aboutTitleText { display:none; }
.gerabAboutUs h2 .stick .fa { padding:5px 10px; }
.gerabAboutUs h2 .stick.faOuter { background:rgba(255, 255, 255, 0.5); }
.gerabAboutUs h2 .faOuter { display:none; }
.gerabAboutUs { background:url(../images/quick-links-bg.jpg) repeat; padding:0 0 60px 0; border-top:1px solid #fff; position:relative; }
.gerabAboutUs .breadcrumb { margin-bottom:35px; }
.gerabAboutUs:after { width:100%; position:absolute; left:0; top:180px; content:""; background:url(../images/our-product-bg.png) no-repeat center center; height:417px; z-index:1; }
.gerabAboutUs .content { position:relative; z-index:2; }
.gerabAboutUs h2, .corporateOverview h2, .mission h2, .qualityPolicy h2, .fromTheDirect h2, .mileStones h2, .ourStrength h2, .projects h2, .assOffices h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; }
.gerabAboutUs h2 span, .corporateOverview h2 span, .mission h2 span, .qualityPolicy h2 span, .fromTheDirect h2 span, .mileStones h2 span, .ourStrength h2 span, .projects h2 span, .assOffices h2 span { font-weight: 700; }
.gerabAboutUs h2 span.aboutTitleText { font-weight:700; }
.gerabAboutUs h2 span.fa { font-family: 'FontAwesome'; font-size:37px; position:relative; top:-1px; padding-right:18px; }
.gerabAboutUs .aboutVideo { background:url(../images/video-bg.jpg) no-repeat center top; margin-top:20px; }
.projectManagement.gerabAboutUs .aboutVideo { background:none; padding:0; margin:0; }
.gerabAboutUs .aboutVideo .videoTitle { color:#fff; font-size:19px; padding:20px 0; text-transform:uppercase; }
.gerabAboutUs .aboutVideo .videoBox { max-width:1082px; width:100%; margin:0 auto; }
.corporateOverview { background:#b72027; border-top:2px solid #fff; text-align:center; padding-top:40px; }
.caDetails { display:none; }
.corporateOverview h2 { text-align:center; color:#fff; padding-bottom:30px; }
.corporateOverview p { font-size:20px; line-height:30px; color:#e7cebc; text-align:center; padding-bottom:30px; }
.corporateOverviewOuter { position:relative; margin:0 auto; max-width:1050px; }
.corporateOverviewOuterHome { position:relative; margin:0 auto; max-width:1050px; padding:0 40px; }
.corporateOverviewOuterHome .overviewSlider { max-width:935px; margin:0 auto; }
.overviewSlider { max-width:935px; margin:0 auto; }
.corporateOverviewControl { position:absolute; top:50%; width:100%; margin-top:-21px; z-index:1; left:0; }
.corporateOverviewControl .arrowArea .prev, .corporateOverviewControl .arrowArea .next { background:url(../images/sprite.png) no-repeat; width:22px; height:43px; display:inline-block; text-indent:-9999px; position:absolute; top:0; }
.corporateOverviewControl .arrowArea .prev { background-position:-165px -566px; left:0px; }
.corporateOverviewControl .arrowArea .prev:hover { background-position:-120px -566px; }
.corporateOverviewControl .arrowArea .prev.disabled:hover, .corporateOverviewControl .arrowArea .prev.disabled { background-position:-120px -566px; cursor:default; }
.corporateOverviewControl .arrowArea .next { background-position:-119px -508px; right:0px; }
.corporateOverviewControl .arrowArea .next:hover { background-position:-164px -508px; }
.corporateOverviewControl .arrowArea .next.disabled:hover, .corporateOverviewControl .arrowArea .next.disabled { background-position:-164px -508px; cursor:default; }
.mission { background:url(../images/quick-links-bg.jpg) repeat; padding:40px 0; border-top:1px solid #fff; }
.mission .readMore:hover { color:#54070b; padding-right:30px; background:url(../images/dark-red-arrow.png) right 4px no-repeat; }
.mission h2 { text-align:center; }
.mission ul { margin:60px 0 0 0; padding:0; }
.mission ul li { width:33.33%; float:left; padding:0 17px; text-align:center; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.mission ul li span { width:67px; height:67px; display:block; text-indent:-9999px; padding:0; border:0; margin:0 auto 40px auto; background:url(../images/mission-icons.png) no-repeat 0 0; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.mission ul li .mission { background-position:0 0; }
.mission ul li:hover .mission { background-position:0 -77px; }
.mission ul li .vision { background-position:-67px 0; }
.mission ul li:hover .vision { background-position:-67px -77px; }
.mission ul li .values { background-position:-134px 0; }
.mission ul li:hover .values { background-position:-134px -77px; }
.mission ul li p { font-size:20px; color:#848484; line-height:30px; }
.mission ul li p br { float:left; }
.mission ul li:hover p { color:#b72027; }
.qualityPolicy { padding:40px 0; background:url(../images/gareb-brand-bg.jpg) center center no-repeat; background-size:cover; }
.qualityPolicy .certificate { padding:0 0 20px 0; }
.qualityPolicy .certificate ul { text-align:center; }
.qualityPolicy .certificate ul li { display:inline-block; padding:0 8px; }
.qualityPolicy .certificate ul li img { border:5px solid #676767; }
.no-borderradius .qualityPolicy { padding:35px 0; }
.qualityPolicy h2 { text-align:center; color:#ededed; margin-bottom:30px; } /*.qualityPolicy .content { position:relative; padding:70px 0; } .qualityPolicy .content:before, .qualityPolicy .content:after { content:""; position:absolute; left:0; width:100%; } .qualityPolicy .content:before { background:url(../images/gareb-brand-top-bg.png) center top no-repeat; height:36px; top:0; } .qualityPolicy .content:after { background:url(../images/gareb-brand-bottom-bg.png) center top no-repeat; height:61px; bottom:0; }*/
.qualityPolicy p { text-align:center; font-size:20px; color:#ededed; line-height:30px; padding-bottom:30px; }
.fromTheDirect { background:url(../images/quick-links-bg.jpg) repeat; padding:40px 0; border-top:1px solid #fff; }
.fromTheDirect h2 { text-align:center; margin-bottom:30px; }
.fromTheDirect p { font-size:20px; color:#848484; padding-bottom:20px; text-align:center; line-height:30px; }
.mileStones { background:url(../images/milestones-bg.jpg) repeat; padding:30px 0; border-top:6px solid #fff; }
.mileStones h2 { text-align:center; margin-bottom:30px; }
.mileStones .content { padding:20px 0; }
.mileStones .mileStonesInner { background:url(../images/milestones-content-bg.png) no-repeat center top; }
.stonesTimeline { padding:0 67px; position:relative; margin:60px 0 60px 0; }
.stonesTimeline .owl-controls { display:none; }
.stonesTimeline .mileStonesControl { position:absolute; top:50%; width:100%; margin-top:-21px; z-index:1; left:0; }
.mileStonesControl .arrowArea .prev, .mileStonesControl .arrowArea .next { background:url(../images/sprite.png) no-repeat; width:22px; height:43px; display:inline-block; text-indent:-9999px; position:absolute; top:0; }
.mileStonesControl .arrowArea .prev { background-position:-282px -566px; left:0px; }
.mileStonesControl .arrowArea .prev:hover { background-position:-235px -566px; }
.mileStonesControl .arrowArea .next { background-position:-235px -508px; right:0px; }
.mileStonesControl .arrowArea .next:hover { background-position:-282px -508px; }
.stonesTimeline .owl-carousel .owl-refresh .timeline { display: none; }
.stonesTimeline .owl-carousel .timeline { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.stonesTimeline .timeline .timelineBox { height:640px; position:relative; margin-left:1px; }
.stonesTimeline .timeline .timelineBox:after { position:absolute; content:""; left:0; width:100%; height:1px; background:#bebebe; top:50%; z-index:-1; }
.stonesTimeline .timeline .timelineBox .topCol { background:#b72026; position:relative; padding:14px 20px; position:absolute; left:0; height:245px; z-index:10; width:100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.stonesTimeline .timeline .timelineBox .topCol:hover p { color:#fff; } /*.stonesTimeline.aboutMileStone .timeline .timelineBox .topCol:hover { box-shadow:5px 5px 0 0px #751c1c; } .stonesTimeline.aboutMileStone .timeline.bottom .timelineBox .topCol:hover { box-shadow:5px -5px 0 0 #751c1c; }*/
.stonesTimeline.aboutMileStone .timeline .timelineBox .topCol .innerCol:before, .stonesTimeline .timeline .timelineBox .topCol .innerCol:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; transition: opacity 0.55s, transform 0.55s; } /*.stonesTimeline.aboutMileStone .timeline .timelineBox .topCol .innerCol:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .stonesTimeline.aboutMileStone .timeline .timelineBox .topCol .innerCol:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .no-borderradius .stonesTimeline .timeline .timelineBox .topCol .innerCol:after, .no-borderradius .stonesTimeline .timeline .timelineBox .topCol .innerCol:before { display:none; } .stonesTimeline.aboutMileStone .timeline .timelineBox .topCol:hover .innerCol:before, .stonesTimeline .timeline .timelineBox .topCol:hover .innerCol:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }*/
.stonesTimeline .timeline .timelineBox .topCol h3 { text-transform:uppercase; font-size:16px; margin-bottom:5px; color:#fff; border-bottom:2px solid #ad141b; padding-bottom:5px; font-weight: 700; position:relative; z-index:1; }
.stonesTimeline .timeline .timelineBox .topCol h3 a { color:#fff; cursor:default; }
/*.stonesTimeline .timeline .timelineBox .topCol h3 a:hover { color:#e7cebc; }*/
.stonesTimeline .timeline .timelineBox .topCol .view { float:left; padding:5px 15px 0 0; width:32%; position:relative; z-index:1; }
.stonesTimeline .timeline .timelineBox .tooltip { display: none; position: absolute; width:350px; padding:0; z-index:999; display:none !important; }
.stonesTimeline .timeline .timelineBox .tooltip img { width:100%; box-shadow:0 0 5px #9d9d9d; padding:0; margin:0; }
.stonesTimeline .timeline .timelineBox .tooltip span.overlay { z-index:9999; position: absolute; top: 0px; left: 0px; display: block; width: 350px; height: 200px; }
.stonesTimeline .timeline .timelineBox .topCol p { color:#e7cebc; font-size:15px; line-height:18px; padding-bottom:5px; float:left; width:68%; transition: all 1.5s ease 0ms; position:relative; z-index:1; }
.stonesTimeline .timeline .timelineBox .topCol:after { width:22px; height:14px; position:absolute; left:15px; bottom:-13px; content:""; background:url(../images/timeline-arrow.png) no-repeat; }
.stonesTimeline .timeline .timelineBox .topCol:before { width:300px; height:111px; position:absolute; left:0px; bottom:-104px; content:""; background:url(../images/timeline-top-bg.png) no-repeat; }
.stonesTimeline .timeline .timelineBox .year { font-size:20px; color:#b72026; position:absolute; left:45px; top:270px; font-weight:700; font-size:18px; }
.stonesTimeline .timeline.bottom .timelineBox .topCol { left:0; bottom:0; }
.stonesTimeline .timeline.bottom .timelineBox .topCol:after { left:16px; top:-13px; content:""; background:url(../images/timeline-bottom-arrow.png) no-repeat; }
.stonesTimeline .timeline.bottom .timelineBox .topCol:before { top:-107px; content:""; background:url(../images/timeline-bottom-bg.png) no-repeat; }
.stonesTimeline .timeline.bottom .timelineBox .year { top:341px; }
.ourStrength { background:#b72027; padding:40px 0; border-bottom:2px solid #fff; }
.ourStrength h2 { text-align:center; margin-bottom:30px; color:#fff; }
.ourStrength p { font-size:20px; color:#e7cebc; line-height:30px; padding-bottom:40px; }
.ourStrengthSlider { padding:0 65px; position:relative; }
.ourStrengthSlider .owl-controls { display:none; }
.ourStrengthSlider .owl-item.active { border-left:1px solid #e7cebc; }
.ourStrengthSlider .owl-item.active:first-child { border:0; }
.ourStrengthSlider .item p { font-size:16px; line-height:24px; min-height:85px; text-transform:uppercase; color:#e7cebc; padding:0; text-align:center; }
.ourStrengthSlider .item p sup { font-size:15px; }
.ourStrengthSlider .item p .mark { display:block; font-weight: 700; }
.ourStrengthSlider .item p span { display:block; }
.ourStrengthSlider .ourStrengthControl { position:absolute; top:50%; width:100%; margin-top:-21px; z-index:1; left:0; }
.ourStrengthControl .arrowArea .prev, .ourStrengthControl .arrowArea .next { background:url(../images/sprite.png) no-repeat; width:22px; height:43px; display:inline-block; text-indent:-9999px; position:absolute; top:0; }
.ourStrengthControl .arrowArea .prev { background-position:-165px -566px; left:0px; }
.ourStrengthControl .arrowArea .prev:hover { background-position:-120px -566px; }
.ourStrengthControl .arrowArea .next { background-position:-119px -508px; right:0px; }
.ourStrengthControl .arrowArea .next:hover { background-position:-164px -508px; }
.getInTouchInner { position:relative; bottom:0; width:100%; padding:50px 0; background:url(../images/get-in-touch-bg.png) repeat; } /*----Projects----*/
.projects { background:url(../images/quick-links-bg.jpg) repeat; padding:40px 0; border-top:1px solid #fff; }
.projects .disclaimer { padding:0 0 0 0; font-size:20px;color: #848484; }
.projects .disclaimer span { font-size:15px; position:relative; top:-4px; }
.projects.sap { background:none; border:0; padding:0 0 50px 0; }
.projects.overF { overflow:hidden; }
.projects .readMore:hover { color:#54070b; padding-right:30px; background:url(../images/dark-red-arrow.png) right 4px no-repeat; }
.projects h2 { text-align:center; margin-bottom:20px; }
.projects .projectsYearOuter { position:relative; margin:30px 0 0 0; }
.projects .projectsYearOuter .owl-carousel .owl-stage-outer { padding-bottom:20px; }
.projects .projectsYearOuter .owl-carousel .owl-stage-outer:after, .projects .projectsYearOuter .owl-carousel .owl-stage-outer:before { position:absolute; top:0; height:52px; width:2px; background:#b72027; content:""; }
.projects .projectsYearOuter .owl-carousel .owl-stage-outer:after { left:0; }
.projects .projectsYearOuter .owl-carousel .owl-stage-outer:before { right:0; }
.projects .projectsYearOuter .years { float:left; }
.projects .projectsYearOuter .tabbingArea .tabsTab { width:100%; margin:0; }
.projects .projectsYearOuter .tabbingArea .tabsTab:after { position:absolute; left:-2px; top:10px; height:30px; width:1px; background:#ccc; content:""; }
.projects .projectsYearOuter .tabbingArea .tabsTab.active:after { display:none; }
.projects .projectsYearOuter .tabbingArea .tabsTab.tabsStateActive .tabsTab:after, .projects .projectsYearOuter .tabbingArea .tabsTab.tabsStateActive:after, .projects .projectsYearOuter .tabbingArea .tabsTab .tabsTab:hover:after, .projects .projectsYearOuter .tabbingArea .tabsTab:hover:after { display:none; }
.projects .projectsYearOuter .tabbingArea .tabsNav .tabsAnchor { display:block; }
.projects .projectsYearOuter .owl-carousel { padding:0; margin:0 auto; max-width:734px; }
.projects .tableData tr th { padding:13px 10px; }
.projects .tableData tr td { padding:7px 10px; text-align:left; }
.projects .projectsYearOuter .owl-controls { display:none; position:absolute; width:100%; left:0; top:0; }
.projects .projectsYearOuter .owl-controls .owl-prev, .projects .projectsYearOuter .owl-controls .owl-next { background:url(../images/sprite.png) no-repeat; width:33px; height:53px; display:inline-block; text-indent:-9999px; position:absolute; top:0; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.projects .projectsYearOuter .owl-controls .owl-prev { background-position:-364px -503px; left:0px; }
.projects .projectsYearOuter .owl-controls .owl-prev:hover { background-position:-397px -503px; }
.projects .projectsYearOuter .owl-controls .owl-next { background-position:-397px -557px; right:0px; }
.projects .projectsYearOuter .owl-controls .owl-next:hover { background-position:-364px -557px; }
.projects .projectsYearControl { position:absolute; top:0; width:100%; margin-top:0; z-index:1; left:0; }
.projects .projectsYearControl .arrowArea { max-width:800px; margin:0 auto; }
.projects .owl-carousel { z-index:2; }
.projectsYearControl .arrowArea .prev, .projectsYearControl .arrowArea .next { background:url(../images/sprite.png) no-repeat; width:33px; height:53px; display:inline-block; text-indent:-9999px; }
.projectsYearControl .arrowArea .prev { background-position:-364px -503px; float:left; }
.projectsYearControl .arrowArea .prev:hover { background-position:-397px -503px; }
.projectsYearControl .arrowArea .next { background-position:-397px -557px; float:right; }
.projectsYearControl .arrowArea .next:hover { background-position:-364px -557px; } /*----Milestones----*/
.mileStoneBanner { background:#000 url(../images/milestones-banner.jpg) no-repeat center bottom; }
.topMainBanner { position:relative; height:270px; width:100%; }
.topMainBanner .bannerTitle { position:absolute; width:100%; left:0; bottom:18%; }
.topMainBanner .bannerTitle h2 { font-size:41px; font-weight:700; text-transform:uppercase; color:#b72027; line-height:40px; padding-bottom:5px; }
.topMainBanner .bannerTitle .tagLine { font-size:24px; color:#d7d7d7; line-height:24px; position:relative; }
.topMainBanner .bannerTitle .tagLine:after { content:""; position:absolute; left:0; bottom:-9px; width:180px; height:2px; background:#d7d7d7; }
.milestones { background:url(../images/milestone-main-bg.jpg) no-repeat center bottom; }
.milestonesArea { padding:30px 0; }
.middlePageTitle, .careerPageTitle { color:#b70617; font-size:40px; font-weight: 700; padding-bottom:15px; text-align:center; }
.careerPageTitle { padding:30px 0 40px 0; }
.gerabToday { color:#474747; font-size:20px; line-height:30px; text-align:justify; max-width:1030px; width:100%; margin:0 auto; padding-bottom:20px; }
.gerabToday sup { font-size:15px; }
.milestonesArea .stonesTimeline { margin:100px 0; } /*----Breadcrumb----*/
.breadcrumb { padding:25px 0 7px 0; margin-bottom:15px; border-bottom:1px solid #dadada; position:relative; }
.breadcrumb.brdNone { border:0; }
.breadcrumb ul { list-style:none; }
.breadcrumb ul li { display:inline-block; color:#5b5b5b; font-size:18px; }
.breadcrumb ul li a { color:#5b5b5b; font-size:18px; text-decoration:none; position:relative; padding:0 20px 0 0; }
.breadcrumb ul li a:hover { color:#b72027; }
.breadcrumb ul li a:after { content:"/"; position:absolute; top:0px; right:4px; }
.aboutQuickLinks ul li .productBox { background:url(../images/about-products-icons.png) no-repeat 0 0; width:auto; color:#fff; font-size:16px; text-align:left; line-height:19px; }
.aboutQuickLinks ul li .productBox .sdt_descr { display:block; font-weight: 700; font-size:18px; text-transform:uppercase; }
.aboutQuickLinks ul li .productBox .sdt_link { display:block; }
.aboutQuickLinks ul li .productBox.pipeChart { background-position:7px 1px; padding:10px 0 10px 63px; }
.aboutQuickLinks ul li .productBox.valueAdded { background-position:7px -157px; padding-left:70px; }
.aboutQuickLinks ul li .productBox.valveAutomation { background-position:0 -303px; padding-left:70px; }
.aboutQuickLinks ul li .productBox.onTheGo { background-position:0 -429px; padding-left:68px; }
.aboutQuickLinks .firstBox { width:220px; margin-right:20px; }
.aboutQuickLinks .secondBox { width:220px; margin-right:20px; }
.aboutQuickLinks .thirdBox { width:260px; margin-right:20px; }
.aboutQuickLinks .forthBox { width:330px; margin-right:20px; }
.aboutQuickLinks .firstBox:after, .aboutQuickLinks .secondBox:after, .aboutQuickLinks .thirdBox:after { position:absolute; right:0; top:2px; content:""; background:#e7cebc; width:1px; height:37px; }
ul.sdt_menu { margin:0; padding:0 0 0 20px; list-style: none; text-align:center; }
ul.sdt_menu a { text-decoration:none; outline:none; }
ul.sdt_menu li { display:inline-block; width:25%; height:37px; position:relative; cursor:pointer; }
ul.sdt_menu li > a { position:absolute; top:0px; left:0px; width:100%; height:45px; z-index:12; background:transparent url(../images/overlay.html) no-repeat bottom right; }
ul.sdt_menu li a img { border:none; position:absolute; width:0px; height:0px; bottom:1px; left:85px; z-index:100; border-color:#b72027; border-style:solid; border-width:0px; }
ul.sdt_menu li span.sdt_wrap { position:absolute; top:0; left:0px; width:100%; height:auto; z-index:15; }
ul.sdt_menu li span.sdt_active { position:absolute; background:#b72027; border-bottom-color:#8f1319; border-bottom-style:solid; top:0px; width:100%; height:0px; left:0px; z-index:14; }
ul.sdt_menu li span span.sdt_descr { float:left; clear:both; }
ul.sdt_menu li div.sdt_box { display:block; position:absolute; width:100%; overflow:hidden; height:170px; top:85px; left:0px; display:none; background:#000; }
ul.sdt_menu li div.sdt_box a { float:left; clear:both; line-height:30px; color:#0B75AF; }
ul.sdt_menu li div.sdt_box a:first-child { margin-top:15px; }
ul.sdt_menu li div.sdt_box a:hover { color:#fff; }
.rp_list { position:fixed; right:136px; bottom:-50px; margin:0; padding:0; }
.rp_list a img { width:40px; border:none; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000; margin-left:8px; border:2px solid #000; line-height:40px; }
h3#relatedPosts { position:fixed; right:0px; bottom:23px; cursor:pointer; font-size:11px; background:#000; color:#fff; padding:3px 10px 5px 10px; margin:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-shadow:0px 0px 1px #fff; opacity:0.8; }
.gerabAboutUs .fa { cursor:pointer; }
.gerabAboutUs h2 { position:relative; }
.aboutPageMenu { width:280px; box-shadow: 0 0 3px #b3b3b3; position:absolute; left:0; top:60px; z-index:99; display:none; }
.aboutPageMenu:after { width:24px; height:11px; content:""; top:-11px; left:10px; background:url(../images/about-menu-arrow.png) no-repeat; position:absolute; }
.aboutPageMenu ul { background:#fff; }
.aboutPageMenu ul li { padding:0; line-height:16px; margin:0; font-size:16px; transition: all 0.3s ease 0ms; }
.aboutPageMenu ul li a { padding:3px 10px; font-size:16px; line-height:25px; border-bottom:1px solid #ccc; display:block; text-transform:initial; }
.aboutPageMenu ul li:hover { background:#e2e2e2; }
.readMoreOuter { text-align:center; margin-top:30px; }
.readMoreOuter .moreLink { font-size:15px; line-height:20px; color:#fff; display:inline-block; }
.readMoreOuter .moreLink:hover { color:#e7cebc; }
.readMoreOuter .moreLink .fa-plus:before { content: "\f067"; font-size:14px; position:relative; top:0; }
.readMoreOuter .moreLink.less .fa-plus:before { content: "\f068"; font-size:14px; position:relative; top:1px; }
.mission .readMoreOuter .moreLink, .fromTheDirect .readMoreOuter .moreLink { color:#b72027; }
.mission .readMoreOuter .moreLink span, .fromTheDirect .readMoreOuter .moreLink span, .ourStrength .readMoreOuter .moreLink span { padding-left:5px; }
.mission .readMoreOuter .moreLink:hover, .fromTheDirect .readMoreOuter .moreLink:hover { color: #848484; }
.readMoreOuter .readMoreRed { font-size:15px; line-height:20px; color:#b72027; background:url(../images/red-arrow.png) 82px 4px no-repeat; padding-right:30px; display:inline-block; }
.readMoreOuter .readMoreRed:hover { color:#848484; background:url(../images/gray-arrow.png) 87px 4px no-repeat; }
.corporateOverview .readMoreOuter { text-align:center; margin:10px 0 40px 0; }
.readMoreOuter .readMoreWhite { font-size:15px; line-height:15px; color:#fff; background:url(../images/white-arrow.png) 83px 2px no-repeat; padding-right:30px; display:inline-block; }
.readMoreOuter .readMoreWhite:hover { color:#e7cebc; background:url(../images/light-white-arrow.png) 88px 2px no-repeat; }
.qualityPolicy .readMoreOuter { margin:10px 0 0 0; }
.qualityPolicy .readMoreOuter .readMoreWhite:hover { color:#848484; background:url(../images/white-arrow-hover.png) 88px 2px no-repeat; }
.ourStrength .readMoreOuter { margin-top:30px; }
.mileStones .readMoreOuter .readMoreRed { font-size:15px; line-height:15px; color:#b72027; background:url(../images/red-arrow.png) 60px 0 no-repeat; padding-right:30px; display:inline-block; }
.mileStones .readMoreOuter .readMoreRed:hover { color:#848484; background:url(../images/gray-arrow.png) 65px 0 no-repeat; }
.leftSmallMenu { position:absolute; top:20px; left:20px; display:none; }
.leftSmallMenu ul { margin:0; padding:0; }
.leftSmallMenu ul li { margin-bottom:1px; list-style:none; }
.leftSmallMenu ul li a { width:30px; height:30px; background:url(../images/left-small-menu.png) no-repeat 0 0; display:block; text-indent:-9999px; }
.leftSmallMenu ul li a.home { background-position:0 0; }
.leftSmallMenu ul li a.location { background-position:0 -31px; }
.leftSmallMenu ul li a.email { background-position:0 -62px; }
.leftSmallMenu ul li a.contact { background-position:0 -93px; }
.leftSmallMenu ul li a.faq { background-position:0 -124px; }
.leftSmallMenu ul li a.facebook { background-position:0 -155px; }
.leftSmallMenu ul li a.linkedin { background-position:0 -186px; }
.aboutInnerPage > .mission { background:none; border:0; }
.aboutInnerPage .mission h2 { font-size:40px; font-weight:700; }
.aboutInnerPage .qualityPolicy { padding:20px 0 20px 0; background:none; }
.aboutInnerPage .qualityPolicy p { color:#848484; } /*----Products----*/
.productBanner { background:#000 url(../images/products-banner.jpg) no-repeat center bottom; }
.productBanner.topMainBanner .bannerTitle .tagLine:after { width:140px; }
.productsPage { background:url(../images/product-page-bg.jpg) repeat; }
.productsPage h2 { color:#b72027; font-size:40px; font-weight:700; text-align:center; padding:30px 0 30px 0; text-transform:uppercase; }
.productsPage h2 span { font-weight: 700; }
.productLine { color:#848484; font-size:20px; line-height:30px; text-align:justify; width:100%; margin:0 auto; padding-bottom:20px; }
.productPageList { background:#b72027; padding-top:60px; }
.productPageList ul { list-style:none; margin:0; padding:0; }
.productPageList ul li { float:left; width:33.33%; padding:0 5px 60px 5px; }
.productPageList ul li .productImage { width:100%; overflow:hidden; }
.productPageList ul li .productImage img { width:100%; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.productPageList ul li .productDetails { width:100%; padding-top:25px; position:relative; background:#b72027; }
.productPageList ul li .productDetails h2 { color:#fff; font-size:28px; }
.productPageList ul li .productDetails h2 a { color:#fff; }
.productPageList ul li .productDetails p { font-size:20px; color:#e7cebc; padding:0; margin-bottom:20px; line-height:30px; height:90px; overflow:hidden; margin-top:45px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.productPageList ul li .productDetails .readMore { font-size:15px; line-height:20px; color:#e7cebc; background:url(../images/off-white-arrow.png) 79px 5px no-repeat; padding-right:30px; display:inline-block; }
.productPageList ul li .productDetails .readMore:hover { color:#fff; background:url(../images/white-arrow.png) 85px 5px no-repeat; }
.productPageList ul li:hover .readMore { color:#fff; background:url(../images/white-arrow.png) 85px 5px no-repeat; } /*.productPageList ul li:hover .productImage img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/
.productPageList ul li:hover .productDetails p { color:#fff; }
.productPageList ul li .productDetails h2 { position: absolute; left:0; }
.productPageList ul li .productDetails h2 { top:0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
.productPageList ul li:hover .productDetails h2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.productPageList ul li .productDetails h2:after { position: absolute; bottom:-10px; left: 0; width: 100%; height:2px; background: #fff; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
.productPageList ul li .productDetails h2:after { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.productPageList ul li:hover .productDetails h2:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.no-borderradius .productPageList ul li .productDetails h2:after, .no-history .productPageList ul li .productDetails h2:after { display:none; }
.no-borderradius .productPageList ul li .productDetails h2, .no-history .productPageList ul li .productDetails h2 { position:relative; }
.no-borderradius .productPageList ul li .productDetails p, .no-history .productPageList ul li .productDetails p { margin:20px 0; } /*----Product Details----*/
.productFittingsBanner { background:#000 url(../images/products-fittings-banner.jpg) no-repeat center bottom; }
.productFittingsBanner.topMainBanner .bannerTitle .tagLine { text-transform:none; }
.productFlangesBanner { background:#000 url(../images/products-flanges-banner.jpg) no-repeat center bottom; }
.productGasketsBanner { background:#000 url(../images/products-gaskets-banner.jpg) no-repeat center bottom; }
.productPipesTubesBanner { background:#000 url(../images/products-pipes-tubes-banner.jpg) no-repeat center bottom; }
.productValvesBanner { background:#000 url(../images/products-valves-banner.jpg) no-repeat center bottom; }
.productStudboltNutsBanner { background:#000 url(../images/products-stud-nuts-banner.jpg) no-repeat center bottom; }
.productNewsEventsBanner { background:#000 url(../images/news-events-banner.jpg) no-repeat center bottom; }
.khidmahBanner { background:#000 url(../images/khidmah-banner.jpg) no-repeat center bottom; }
.clientsBanner { background:#000 url(../images/clients-banner.jpg) no-repeat center bottom; }
.suppliersBanner { background:#000 url(../images/suppliers-banner.jpg) no-repeat center bottom; }
.servicesBanner { background:#030303 url(../images/services-banner.jpg) no-repeat center bottom; }
.contactUsBanner { background:#000 url(../images/contact-us-banner.jpg) no-repeat center bottom; }
.downloadsBanner { background:#000 url(../images/downloads-banner.jpg) no-repeat center bottom; }
.careerBanner { background:#000 url(../images/career-banner.jpg) no-repeat center bottom; }
.privacyBanner { background:#000 url(../images/privacy-banner.jpg) no-repeat center bottom; }
.termsUseBanner { background:#000 url(../images/terms-use-banner.jpg) no-repeat center bottom; }
.legalNoticeBanner { background:#000 url(../images/legal-notice-banner.jpg) no-repeat center bottom; }
.sitemapBanner { background:#000 url(../images/sitemap-banner.jpg) no-repeat center bottom; }
.directorBanner { background:#000 url(../images/from-the-director-banner.jpg) no-repeat center bottom; }
.globalPreBanner { background:#000 url(../images/global-presence-banner.jpg) no-repeat center bottom; }
.missionBanner { background:#000 url(../images/mission-banner.jpg) no-repeat center bottom; }
.ourStrengthsBanner { background:#000 url(../images/our-strengths-banner.jpg) no-repeat center bottom; }
.calculatorBanner { background:#000 url(../images/calculator-banner.jpg) no-repeat center bottom; }
.valueAddedBanner { background:#000 url(../images/value-added-banner.jpg) no-repeat center bottom; }
.valveRepairBanner { background:#000 url(../images/valve-repair-banner.jpg) no-repeat center bottom; }
.valveAutomationBanner { background:#000 url(../images/valve-automation-banner.jpg) no-repeat center bottom; }
.corporateBanner { background:#000 url(../images/corporate-banner.jpg) no-repeat center bottom; }
.fiManageBanner { background:#000 url(../images/financial-management-banner.jpg) no-repeat center bottom; }
.qualityBanner { background:#000 url(../images/quality-policy-banner.jpg) no-repeat center bottom; }
.proManageBanner { background:#000 url(../images/project-management-banner.jpg) no-repeat center bottom; }
.projectsBanner { background:#000 url(../images/projects-banner.jpg) no-repeat center bottom; }
.proDetails { width:100%; padding:25px 0 35px 0; }
.proDetails .leftCol { width:21.63768%; float:left; padding-right:20px; padding-bottom:20px; }
.proDetails .leftCol h2 { font-size:19px; font-weight:500; color:#b72027; text-transform:uppercase; margin:0; padding:0; text-align:left; }
.proDetails .leftCol ul { margin:0; padding:10px 0 0 0; }
.proDetails .leftCol ul li { border-bottom:1px solid #9f151c; transition: all 0.4s ease 0ms; -webkit-transition: all 0.4s ease 0ms; }
.proDetails .leftCol ul li:last-child { border-bottom:0; }
.proDetails .leftCol ul li a { font-size:18px; color:#5b5b5b; padding:6px 0 6px 10px; display:block; }
.proDetails .leftCol ul li a span { color:#b72027; padding-left:5px; }
.proDetails .leftCol ul li a span.fa { padding:0 10px 0 0; position:relative; top:-1px; }
.proDetails .leftCol ul li a:hover { background:#b72027; padding:6px 0 6px 20px; }
.proDetails .leftCol ul li:hover a, .proDetails .leftCol ul li:hover a span.fa, .proDetails .leftCol ul li:hover a span { color:#fff; }
.proDetails .leftCol ul li.active a, .proDetails .leftCol ul li.active a span.fa, .proDetails .leftCol ul li.active a span { color:#fff; }
.proDetails .leftCol ul li.active { background:#b72027; }
.proDetails .rightCol { width:78.07246%; padding-left:20px; float:right; border-left:1px solid #dedede; } /*----Product Thumb Gallery----*/
.bx-wrapper { position: relative; margin:0; padding: 0; *zoom: 1;
}
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { left: 0; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bloader.html) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; border-radius:50%; margin: 0 3px; outline: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9e1e29; }
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.html) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.html) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.html) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.html) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.proDetails .proViewArea { background:#fff; padding:10px 10px 10px 10px; }
.proDetails .proViewArea .largeProduct { float:left; width:88.2%; padding-right:10px; }
.proDetails .proViewArea .largeProduct .largeSlider img { width:100%; }
.proDetails .proViewArea .thumSlider { margin:0; }
.proDetails .proViewArea .thumSlider li { background:#f1f1f1; margin:0; width:100% !important; }
.proDetails .proViewArea .thumSlider li a.active { display:block; position:relative; }
.proDetails .proViewArea .thumSlider li a.active:after { width:100%; height:100%; position:absolute; left:0; top:0; content:""; background:url(../images/thumb-active.png) repeat; }
.proDetails .proViewArea .smallProduct { position:relative; float:left; width:11.8%; }
.proDetails .proViewArea .smallProduct .bx-pager.bx-default-pager { display:none; }
.proDetails .proViewArea .smallProduct .bx-controls { position:absolute; top:0; left:50%; height:100%; margin-left:-14px; z-index:9; }
.proDetails .proViewArea .smallProduct.noArrow .bx-controls { display:none; }
.proDetails .proViewArea .smallProduct .bx-controls-direction { width:100%; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a { width:30px; height:18px; position:absolute; background:url(../images/thumb-control.png) no-repeat 0 0; text-indent:-9999px; display:block; margin:0; transition: all 0s ease 0ms; -webkit-transition: all 0s ease 0ms; left:0; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-prev { background-position:0 -21px; top:0; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-prev:hover { background-position:-33px -21px; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-next { background-position:0 0px; bottom:0; top:auto; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-next:hover { background-position:-33px 0; }
.proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-prev.disabled, .proDetails .proViewArea .smallProduct .bx-controls-direction a.bx-next.disabled { opacity:0.3; }
.proDetails .proFittingsType { padding-top:30px; }
.proDetails .proFittingsType .proTagline { font-size:20px; color:#474747; padding-bottom:20px; }
.proDetails .proFittingsType .tabbingArea .tabsNav .tabsAnchor { padding:0 45px; }
.proDetails .proFittingsType .tabbingArea .tabsNav { width:299px; border:0; }
.proDetails .proFittingsType .tabContainer { padding:50px 0; }
.proDetails .proFittingsType .tabbingArea .tabsTab { border:2px solid #b72027; }
.proDetails .proViewArea .smallProduct .bx-wrapper .bx-viewport { }
.tableData { border:1px solid #dbdbdb; border-right:0; }
.tableData tr th { background:#5b5b5b; color:#f4f4f4; text-align:left; border-right:1px solid #dbdbdb; font-size:16px; text-transform:uppercase; padding:13px 20px; }
.tableData tr td { border-right:1px solid #dbdbdb; padding:13px 10px; color:#5b5b5b; font-size:15px; background:#f4f4f4; }
.tableData tr td { border-top: 1px solid #dbdbdb; }
.tableData tr td.noBrd { border-top:0; }
.tableData tr td.hideTd { text-indent:-9999px; }
.tableData a { color:#202020; }
.tableData a:hover { color:#695200; }
.tableData .firstTd { font-size:15px; color:#5b5b5b; width:145px; font-weight: 700; }
.tableData .firstTh { width:145px; }
.tableData tr td.padNone { padding:0; }
.tableData tr th.lastTh { width:110px; }
.innerTable, .innerTable tr, .innerTable tr td, .innerTable tr th { border:0; padding:0; }
.innerTable tr td { padding:13px 20px; } /*----News & Events----*/
.innerPage { background:url(../images/product-page-bg.jpg) repeat; padding-bottom:30px; }
.newsEvents .leftCol { width:76%; float:left; padding-right:20px; }
.newsEventList .newsEventBox { padding:10px; background:#f9f9f9; transition: all 0.3s ease 0ms; position: relative; }
.newsEventList .newsEventBox .imageCol { float:left; width:55%; position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; z-index:1; }
.newsEventList .newsEventBox .imageCol img { width:100%; }
.newsEventList .newsEventBox .detailCol { float:left; width:45%; padding:0 20px; }
.newsEventList .newsEventBox .detailCol .date { color:#333; font-size:12px; padding-bottom:7px; }
.newsEventList .newsEventBox .detailCol h2 { color:#333; font-size:20px; padding:0 0 15px 0; margin:0; font-weight: 700; }
.newsEventList .newsEventBox .detailCol p { font-size:14px; color:#414141; padding-bottom:15px; text-align:justify; }
.newsEventList .newsEventBox .detailCol .readMore { font-size:13px; line-height:20px; color:#b72027; background:url(../images/red-arrow.png) 78px 4px no-repeat; padding-right:30px; display:inline-block; }
.newsEventList .newsEventBox .detailCol .readMore:hover, .newsEventList .newsEventBox:hover .readMore { color:#848484; background:url(../images/gray-arrow.png) 83px 4px no-repeat; }
.newsEventList .newsEventBox:hover { background:#fff; }
.newsEventList .newsEventBox .imageCol .info .followUs ul { margin:0; padding:0; }
.newsEventList .newsEventBox .imageCol .info .followUs ul li { display:inline-block; height:25px; width:25px; border-radius:3px; vertical-align:middle; }
.newsEventList .newsEventBox .imageCol .info .followUs ul li a { color:#fff; display:block; }
.newsEventList .newsEventBox .imageCol .info .followUs ul li:hover { background:#fff; }
.newsEventList .newsEventBox .imageCol .info .followUs ul li:hover a { color:#b72027; display:block; }
.newsEventList .newsEventBox .imageCol .info .followUs ul li .fa-google-plus { font-size:17px; }
.newsEventList .newsEventBox .imageCol .info { background: #b72027; background: rgba(183, 32, 39, 0.8); opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding:127px 0; z-index:2; }
.newsEventList .newsEventBox .imageCol .info h2 { visibility: hidden; position: relative; padding:0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; font-weight: 700; transition: all 0.35s ease-in-out; font-size:20px; color:#fff; text-transform:uppercase; }
.newsEventList .newsEventBox .imageCol .info h3 { visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; font-size:20px; color:#fff; text-transform:uppercase; display:block; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); font-weight: 700; }
.newsEventList .newsEventBox .imageCol .info .followUs { visibility: hidden; position: absolute; right:2px; bottom:2px; padding:0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; font-weight: 700; transition: all 0.35s ease-in-out; font-size:20px; color:#fff; text-transform:uppercase; }
.newsEventList .newsEventBox:hover .info { opacity: 1; }
.newsEventList .newsEventBox:hover .info h2 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; }
.newsEventList .newsEventBox:hover .info h3 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; }
.newsEventList .newsEventBox:hover .info .followUs { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; }
.pagination { background:#030303; color:#fff; font-weight: 700; position:relative; padding:0 140px; }
.pagination .next, .pagination .prev { line-height:70px; background:#686868; padding:0 15px; text-transform:uppercase; color:#fff; font-size:15px; position:absolute; top:0; }
.pagination .next { left:10px; }
.pagination .prev { right:10px; }
.pagination .next .fa { padding:0 5px 0 0; }
.pagination .prev .fa { padding:0 0 0 5px; }
.pagination .next:hover, .pagination .prev:hover { background:#787878; }
.pagination ul { text-align:center; }
.pagination ul li { font-size:15px; color:#fff; font-weight: 700; padding:0 5px; display:inline-block; line-height:70px; position:relative; }
.pagination ul li:after { position:absolute; right:-5px; font-size:14px; top:0; content:"/"; }
.pagination ul li:last-child:after { display:none; }
.pagination ul li a { font-size:15px; color:#fff; font-weight: 700; }
.pagination ul li a:hover { color:#b72027; }
.newsEvents .rightCol { width:24%; background:#fff; float:left; }
.newsEvents .metalNews { position:relative; }
.newsEvents .metalNews .metalTagline { position:absolute; top:50%; margin-top:-36px; text-align:center; width:100%; height:50%; font-weight: 700; color:#fff; }
.newsEvents .metalNews .metalTagline h2 { font-size:56px; line-height:48px; text-transform:uppercase; }
.newsEvents .metalNews .metalTagline span { display:block; font-size:18px; }
.newsEvents .upcomingEvent { background:#fff; padding:30px; }
.newsEvents .upcomingEvent h2 { font-size:20px; text-transform:uppercase; color:#333; font-weight: 700; border-bottom:1px solid #ebebeb; padding-bottom:10px; }
.newsEvents .upcomingEvent ul { }
.newsEvents .upcomingEvent ul li { overflow:hidden; background:#f9f9f9; margin-top:22px; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.newsEvents .upcomingEvent ul li .eventImg { float:left; }
.newsEvents .upcomingEvent ul li .eventImg img { width:3px; height:70px; max-width:inherit; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; margin-right:10px; }
.newsEvents .upcomingEvent ul li .eventDetail { padding:10px 10px 10px 0; }
.newsEvents .upcomingEvent ul li h2 { color:#333; font-size:13px; padding-bottom:5px; border:0; text-transform:inherit; padding:0 0 3px 0; }
.newsEvents .upcomingEvent ul li h2 a { color:#333; }
.newsEvents .upcomingEvent ul li p { color:#969696; font-size:12px; padding:0; text-transform:uppercase; }
.newsEvents .upcomingEvent ul li:hover .eventImg img { width:61px; }
.newsEvents .upcomingEvent ul li:hover h2 a { color:#b72027; }
.newsEvents .recentActivity { padding:20px 30px; }
.customeSelect { width:100%; height:23px; }
.newsEvents .eventFilter { width:100%; float:left; }
.newsEvents .eventFilter label { display:inline-block; color:#333; font-size:18px; line-height:22px; vertical-align:top; padding-right:7px; }
.newsEvents .width100 { width:100px; display:inline-block; margin-right:5px; }
.newsEvents .width85 { width:85px; display:inline-block; }
.customeSelect .value_wrapper .values label { font-family: 'robotoregular'; }
.sbHolder { border: solid 1px #bfbfbf; height:23px; position: relative; background:#fff; }
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height:23px; left: 0; line-height:24px; outline: none; overflow: hidden; position: absolute; text-indent:4px; top:-2px; width:100%; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #4e4e4e; outline: none; text-decoration: none; }
.sbToggle { background: url(../images/custome-drop-arrow.png) 0 0 no-repeat; display: block; height:21px; outline: none; position: absolute; right: 0; top: 0; width:21px; }
.sbOptions { background-color: #fff; border: solid 1px #9e9e9e; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 21px!important; width:172px; z-index: 1; overflow-y: auto; }
.sbOptions li { padding: 0 7px; border-bottom: solid 1px #9e9e9e; }
.sbOptions li:last-child { padding: 0 7px; border-bottom:0; }
.sbOptions li:hover { background:#fafafa; }
.sbOptions a { display: block; outline: none; padding:2px 0; }
.sbOptions a:link, .sbOptions a:visited { color: #4e4e4e; text-decoration: none; }
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #b72027; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; } /*----News & Events New----*/
.newsEventsPage { padding:0; }
.newsEvents .eventArea { background:#fff; padding:20px; float:left; width:100%; margin-top:20px; }
.newsEvents .recentEvent { max-width:735px; width:100%; margin:0 auto; }
.newsEvents .recentEvent h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; padding:20px 0; }
.newsEvents .recentEvent span { font-weight: 700; }
.newsEvents .recentEvent .viewLarge { position:relative; }
.newsEvents .recentEvent .viewLarge img { width:100%; }
.newsEvents .recentEvent .viewLarge .eventTitle { position:absolute; bottom:0; left:0; width:100%; background:url(../images/event-title-bg.png) repeat; font-size:18px; color:#fff; font-weight: 700; padding:17px 10px; }
.newsEvents .eventList { width:100%; padding:20px 0 10px 0; margin:0 auto; max-width:950px; }
.newsEvents .eventList ul { }
.newsEvents .eventList ul li { float:left; width:33.33%; padding:15px; }
.newsEvents .eventList .view { width:100%; height:189px; overflow:hidden; background:#f4f4f4; }
.newsEvents .eventList .view img { width:100%; }
.newsEvents .eventList.corporate .view { height:auto }
.newsEvents .eventList .newsEventDetail { padding:20px 0; position:relative; min-height:190px; }
.newsEvents .eventList h2 { color:#333; font-size:16px; font-weight: 700; text-transform:uppercase; padding-bottom:0; min-height:50px; }
.newsEvents .eventList h2 a { color:#333; }
.newsEvents .eventList h2 a:hover, .newsEvents .eventList ul li:hover h2 a { color:#b72027; }
.newsEvents .eventList .date { /*font-size:13px;*/ color:#b72027; padding-bottom:7px; }
.newsEvents .eventList p { color:#848484; padding:0; margin-bottom:10px; text-align:justify; line-height:20px; height:60px; overflow:hidden; }
.newsEvents .eventList .readMore { /*font-size:13px;*/ line-height:20px; color:#b72027; background:url(../images/red-arrow.png) 73px 4px no-repeat; padding-right:30px; display:inline-block; position:absolute; left:0; bottom:0; }
.newsEvents .eventList .readMore:hover, .newsEvents .eventList ul li:hover .readMore { color:#848484; background:url(../images/gray-arrow.png) 77px 4px no-repeat; } /*----Lightbox----*/
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color:#2f2f2f; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; filter: alpha(opacity=80); display: none; width:100%; height:100%; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; *zoom: 1;
width: 250px; height: 250px; margin: 0 auto; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding:0; }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../img/loading.html) no-repeat; }
.lb-nav { position: absolute; top:50%; left:0; height:30px; width:100%; z-index: 10; margin-top:-15px; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }
.lb-nav a.lb-prev { width:30px; height:30px; left: 0; float: left; background: url(../images/popup/prev.png) 0 0 no-repeat; }
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-nav a.lb-next { width:30px; height:30px; right: 0; float: right; background: url(../images/popup/next.png) 0 0 no-repeat; }
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1;
width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-closeContainer { margin-bottom:0; }
.lb-data { padding:0; color: #ccc; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { margin-bottom:1px; color:#5b5b5b; font-size:14px; font-weight: 700; display: block; width:70px; height:23px; line-height:21px; border:0px solid #4c4c4c; background:#ffffff; text-align: center; outline: none -webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; float:right; }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);
opacity:0.6; filter: alpha(opacity=60); }
.eventAllImages { display:none; }
.moreContent { display:none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.resizeContent { width:30px; }
.resizeContentInner { overflow:hidden; padding:10px 0; }
.resizeContent:after { position:absolute; right:-15px; top:50%; margin-top:-15px; content:""; width:30px; height:30px; z-index:9; background:url(../images/resize-arrow.jpg) no-repeat 0 0; }
.footerSitemap { background:url(../images/gerab-bg.png) repeat; padding:20px 0; border-top:1px solid #fff; }
.footerSitemap .col { float:left; width:25%; padding-right:20px; }
.footerSitemap .col h2 { text-transform:uppercase; color:#686868; border-bottom:1px solid #D2D5D2; padding:0; margin:0; font-weight: 700; padding:10px 0; font-size:15px; }
.footerSitemap .col h2 a { color:#686868; }
.footerSitemap .col h2 a:hover { color:#b72027; }
.footerSitemap .col ul { margin:0; padding:0; }
.footerSitemap .col ul li { width:100%; margin:10px 0; }
.footerSitemap .col ul li a { color:#333; padding:3px 0; font-size:15px; }
.footerSitemap .col ul li a:hover { color:#b72027; padding:3px 5px; background:#fff; }
.productLeft.stick { position: fixed; top:265px; z-index:9999; } /*----Clients----*/
.clients { padding:20px 0 60px 0; }
.clients h2, .downloads h2, .servicesInPage h2, .legalPage h2, .servicesOnThe .howItWorks.valveAd h2, .aboutInnerPage .qualityPolicy h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; padding:20px 0; }
.clients h2 span, .downloads h2 span, .servicesInPage h2 span, .legalPage h2 span { font-weight: 700; }
.clientsList { width:103.3%; margin-left:-3.3%; }
.clients ul { padding:20px 0 0 0; width:30%; margin:0 0 0 3.3%; float:left; }
.clients ul li { font-size:20px; line-height:30px; float:left; width:100%; border-bottom:1px solid #e3e3e3; min-height:81px; transition: all 0.3s ease 0ms; position:relative; }
.clients ul li:hover { }
.clients ul li:after { bottom:-1px; content: ""; display: block; height:1px; left: 50%; position: absolute; background:#d4d4d4; transition: width 0.3s ease 0s, left 0.3s ease 0s; -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.clients ul li:hover:after { width: 100%; left: 0; }
.clients ul li .text { padding:5px 10px 5px 16px; margin:5px 0; display:table; background:url(../images/bullete.png) no-repeat 0 15px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.clients ul li .text:hover { padding:5px 10px 5px 21px; background:#fff url(../images/bullete.png) no-repeat 5px 15px; color:#b72027; }
/*----Suppliers----*/
.suppliers { padding:20px 0 0 0; }
.suppliers h2 { text-transform:uppercase; color:#b72027; font-size:40px; font-weight:700; text-align:center; padding:20px 0; }
.suppliers h2 span { font-weight: 700; }
.suppliers ul { margin:0 0 0 -2%; padding:30px 0 0 0; width:102%; }
.suppliers ul li { width:31.3%; margin-left:2%; margin-bottom:2%; float:left; text-align:left; padding:5px 0; transition: all 0.4s ease 0ms; -webkit-transition: all 0.4s ease 0ms; }
.suppliers ul li h2 { color:#b72027; font-size:21px; text-transform:uppercase; font-weight: 700; text-align:left; padding:0 0 10px 0; line-height:20px; }
.suppliers ul li p { font-size:20px; line-height:30px; }
.no-borderradius .suppliers ul li p { font-size:18px; }
.suppliers ul li:hover { background:#fff; padding:5px 7px; box-shadow:0 0 3px #ccc; } /*.suppliers ul li.odd {background:#e2e2e2; border:1px solid #e2e2e2; } .suppliers ul li img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .suppliers ul li:hover img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }*/
.suppliers.suppliers4Col ul { margin:0 0 0 -2%; padding:30px 0 0 0; width:102%; }
.suppliers.suppliers4Col ul li { height:200px; width:23%; margin-left:2%; margin-bottom:2%; float:left; background:#fff; border:1px solid #000; overflow:hidden; }
.suppliers.suppliers4Col ul li.odd { background:#e2e2e2; border:1px solid #e2e2e2; } /*----Services----*/
.projectManagement .middleArea { background:url(../images/video-bg.jpg) no-repeat center top; margin-top:20px; padding:0 30px; }
.projectManagement .middleArea .middleTitle { color:#fff; font-size:40px; font-weight:700; padding:20px 0; text-align:center; text-transform:uppercase; }
.projectManagement .middleArea .middleTitle span { font-weight: 700; }
.projectManagement .middleArea .middleBox { max-width:1082px; width:100%; margin:0 auto; }
.projectManagement h2 span.aboutTitleText { }
.projectManagement h2 span.aboutTitleText span { font-weight: 700; }
.projectManagement p, .financial p { color:#848484; font-size:20px; line-height:30px; text-align:center; padding-top:40px; }
.projectManagement .readMoreOuter .moreLink { color:#b72027; }
.projectManagement .readMoreOuter .moreLink:hover { color:#848484; }
.valueAddedSer { padding:0 0 20px 0; }
.valueAddedSer .leftCol { float:left; width:50% }
.valueAddedSer .leftCol .valueLeft { overflow:hidden; position:relative; }
.valueAddedSer .leftCol .valueLeft img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; border-radius:0 200px 200px 0; } /*.valueAddedSer .leftCol .valueLeft:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/
.valueAddedSer .rightCol { float:left; padding-left:50px; width:50% }
.valueAddedSer .rightCol .readMoreOuter { text-align:left; margin:0; }
.valueAddedSer p { text-align:left; }
.valueAddedSer ul { padding-bottom:20px; }
.valueAddedSer ul li { padding:6px 6px 6px 20px; font-size:16px; color:#fff; background:url(../images/white-bullete.png) no-repeat 0 12px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; display:table; }
.valueAddedSer ul li:hover { padding:6px 6px 6px 25px; background:#575757 url(../images/white-bullete.png) no-repeat 5px 12px; }
.valueAddedSer .tagLine { padding:0 0 10px 0; }
.ourStrength.ontheGO { border-bottom:0; padding:40px 0 0 0; }
.ontheGO .readMoreOuter { margin:0 0 40px 0; }
.ontheGoBottom { max-width:700px; margin:0 auto; width:100%; overflow:hidden; background:#e9e9e9; border:15px solid #fff; border-radius:30px 30px 0 0; overflow:hidden; }
.ontheGoBottom img { border-radius:23px 23px 0 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /*.ontheGoBottom:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); border-radius:23px 23px 0 0; }*/ /*----Contact Us----*/
.contatPage { padding:0; }
.contactUs { padding:30px 0 60px 0; }
.assOffices { background:url(../images/contact-bot-bg.jpg) repeat; padding:40px 0 0 0; border-top:0px solid #fff; }
.assOffices h2 { text-align:center; margin-bottom:30px; }
.assOffices .assOfficesInner { background:url(../images/contact-bg.png) no-repeat center top; }
.assOffices .officesList { }
.assOffices .officesList ul { margin:0 -15px; padding:0; }
.assOffices .officesList ul li { width:25%; float:left; padding:15px; }
.assOffices .officesList ul li h2 { color:#010000; text-transform:uppercase; font-size:15px; font-weight: 700; text-align:left; padding:0; height:40px; margin:0; line-height:20px; }
.assOffices .officesList ul li h3 { color:#b72027; font-size:15px; font-weight: 700; text-transform:uppercase; padding-bottom:20px; }
.assOffices .officesList ul li button { background:#000; font-weight: 700; font-size:16px; line-height:33px; padding:0 12px; margin-bottom:20px; transition: all 0.6s ease 0ms; -webkit-transition: all 0.6s ease 0ms; }
.assOffices .officesList ul li button:hover { border:0; background:rgba(0, 0, 0, 0.5); }
.no-borderradius button:hover, .no-history button:hover { background:#515151; }
.assOffices .officesList ul li input[type=submit] { background:#000; text-transform: uppercase; cursor:pointer; color:#fff; border:0; font-weight: 700; font-size:16px; line-height:31px; padding:0 6px; margin-bottom:20px; transition: all 0.6s ease 0ms; -webkit-transition: all 0.6s ease 0ms; }
.assOffices .officesList ul li input[type=submit]:hover { border:0; background:rgba(0, 0, 0, 0.5); }
.assOffices .officesList ul li p { color:#5a5a5a; font-size:18px; padding-bottom:20px; min-height:140px; }
.assOffices .officesList ul li .mark { display:block; }
.assOffices .officesList ul li .mark a, .assOffices .officesList ul li .mark a:hover { color: #5a5a5a; }
.assOffices .officesList .coordination { display:block; }
.assOffices .officesList .coordination a { color: #5a5a5a; }
.assOffices .officesList .coordination a:hover { color: #b72027; }
.assOffices .officesList .coordination .fa { padding-right:18px; font-size:20px; }
.popSlide.coorPoppup { background:#fff; max-width:500px; margin:0 auto; width:100%; padding:30px; box-shadow: 0 0 5px #262626; }
.popSlide.coorPoppup input { width:100%; padding:7px 10px; height:40px; line-height:24px; background:#fff; border:1px solid #d8d8d8; font-size:14px; color:#444; margin:0 0 20px 0; font-family: 'Open Sans', sans-serif; font-weight:300; }
.popSlide.coorPoppup a { font-family: 'Open Sans', sans-serif; font-weight:300; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; border:0; line-height:37px; font-size:16px; padding:0 16px; text-align:center; color:#fff; text-transform:uppercase; background:#b72027; }
.popSlide.coorPoppup a:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.career .careerList ul li input[type=submit] { font-family: 'Open Sans', sans-serif; font-weight:300; cursor:pointer; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; border:0; line-height:37px; font-size:16px; padding:0 30px; text-align:center; color:#fff; text-transform:uppercase; background:#373737; float:right; }
.career .careerList ul li input[type=submit]:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.assOffices .officesList ul li p .left { width:35px; display:inline-block; }
.contactUs h2 { text-transform:inherit; }
.contactUs h3 { margin-bottom:30px; }
.contactUs h3 span { background:url(../images/product-page-bg.jpg) repeat scroll 0 0; }
.contactUs p { color:#474747; text-align:center; font-size:18px; padding-bottom:20px; line-height:25px; }
.contactUs .contactDetail { padding-top:20px; }
.contactUs .leftCol { width:38%; float:left; }
.contactUs .leftCol .mark { display:block; }
.contactUs .formArea label { text-transform:uppercase; color:#474747; font-size:16px; line-height:24px; padding-bottom:8px; display:block; }
.contactUs .formArea input[type=text], .contactUs .formArea textarea { width:100%; border:1px solid #c1c1c1; height:45px; padding:0 10px; background:none; margin-bottom:20px; color:#747474; font-size:14px; }
.contactUs .formArea .message { height:200px; padding:10px; }
.contactUs .formArea .typeCode { border:1px solid #c1c1c1; float:left; width:100%; padding:0 5px; }
.contactUs .formArea .typeCode .capchaCode { float:left; }
.contactUs .formArea .typeCode input[type=text] { border:0; display:inline-block; width:280px; margin:0; height:40px; }
.contactUs .formArea input[type="text"]:focus, .contactUs .formArea textarea:focus { box-shadow:0 0 0 #bbbbbb; border:1px solid #b72027; }
.contactUs .formArea .typeCode input[type="text"]:focus { border:0px solid #b72027; box-shadow:0 0 0 #bbbbbb; }
.contactUs button { margin-top:30px; width:130px; }
.contactUs button:hover { background:rgba(183, 32, 39, 0.7) }
.contactUs .rightCol { float:left; padding-left:20px; width:62%; }
.contactUs .leftCol .conVideo .video-js { height:250px !important; }
.contactUs .leftCol p { padding:0 0 0 30px; color:#747474; font-size:20px; margin-bottom:20px; text-align:left; position:relative; line-height:30px; float:left; }
.contactUs .leftCol .emailAdd p { margin-bottom:0; }
.contactUs .leftCol p:after { position:absolute; left:0; top:0; height:100%; width:1px; background:#cacaca; content:""; }
.contactUs .leftCol .emailAdd p::after {
top:0;
}
.contactUs .leftCol p a { text-decoration:underline; color:#747474; }
.contactUs .leftCol p a:hover { color:#b72027; }
.contactUs .leftCol p a.callText { text-decoration:none; }
.contactMap { height:370px; width:100%; border:5px solid #fff; }
.contactMap img { -ms-interpolation-mode: bicubic; border: 0; vertical-align:inherit; max-width:inherit; height:auto; }
.contactUs .leftCol .conLocation { float:left; padding:60px 0; }
.contactUs .leftCol .conCall { float:left; padding:0px 0; }
.contactUs .leftCol .conEmail { float:left; padding:0px 0; margin-top:0px; }
.contactUs .leftCol .fa { color:#b70617; font-size:32px; padding-right:25px; }
.contactUs .leftCol .conCall.fax .fa{font-size:25px;}
.contactUs .leftCol .conEmail .fa { font-size:26px; padding-right:18px; }
.contactUs .leftCol .conCall .fa { padding-right:18px; }
.contactUs .inquiryNow { position:relative; margin:30px 0 0 72px; }
.contactUs .inquiryNow .inquiryBtn { background:url(../images/inq-icon.png) no-repeat 14px 14px; color:#b72027; border:2px solid #b72027; border-radius:3px; padding:15px 15px 15px 56px; font-size:19px; text-transform:uppercase; display:inline-block; transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; }
.contactUs .inquiryNow .inquiryBtn:hover, .contactUs .inquiryNow .inquiryBtn.active { background:#b72027 url(../images/inq-icon.png) no-repeat 14px -40px; color:#fff; border:2px solid rgba(183, 32, 39, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; }
.contactUs .inquiryNow .inqueryArea { position:relative; }
.conInqueryArea { display:none; position:absolute; top:74px; left:0; width:810px; z-index:99; text-align:left; }
.conInqueryArea.proDetail { position:static; width:100%; display:block; }
.conInqueryArea.proDetail .inqueryAreain:after { display:none; }
.conInqueryArea.proDetail .inqueryAreain { box-shadow: 0 0 5px #262626; }
.conInqueryArea .inqueryAreain { max-width:810px; margin:0 auto; width:100%; position:relative; }
.conInqueryArea .inqueryAreain:after { position:absolute; left:100px; top:-6px; width:12px; height:6px; margin-left:0; background:url(../images/inq-arrow-mob.png) no-repeat 0 0; content:""; }
.gerab p, .gerabBrand p, .ourProducts .topText, .khidmah .middleSlider .detailsArea p, .corporateOverview p, .qualityPolicy p, .fromTheDirect p, .projectManagement p, .financial p, .ourStrength.ontheGO p { text-align:justify; }
.overlayAll { background:#000; height: 100%; left: 0; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; position:fixed; top: 0; width: 100%; z-index:99; display:none; }
.inqueryArea { display:none; max-width:810px; width:100%; position:fixed; left:55px; top:20px; z-index:99999; color:#fff; }
.inqueryAreain { background:url(../images/inquery-bg.png) repeat; padding:30px; /*box-shadow: 0 0 3px #1c1c1c;*/ }
.inqueryArea h2, .conInqueryArea h2 { font-size:23px; padding-bottom:10px; text-align:left; color:#fff; }
.inqueryArea h3, .conInqueryArea h3 { font-size:18px; padding:10px 0; color:#fff; text-transform:inherit; margin:0; text-align:left; }
.conInqueryArea h3:after, .conInqueryArea h3:before { display:none; }
.inqueryArea .radioGroup li, .conInqueryArea .radioGroup li { float:left; padding-right:40px; }
.inqueryArea .radioGroup label, .conInqueryArea .radioGroup label, .inqueryArea .radioGroup input, .conInqueryArea .radioGroup input { cursor:pointer; color:#D3D3D3; }
.inqueryArea .radioGroup input, .conInqueryArea .radioGroup input { margin:0 5px 0 0; position:relative; top:1px; }
.inqueryArea .formArea, .conInqueryArea .formArea { padding-top:20px; }
.formArea .becomeDetails { padding-bottom:15px; font-size:15px !important; color:#fff; }
.formArea .becomeDetails a { text-decoration:underline; color:#fff; font-size:14px; font-weight:bold; }
.formArea .becomeDetails a:hover { color:#b72027; }
.supplierPre { color:#fff; font-size:14px; font-weight:bold; float:left; margin:15px 16px 0 0; }
.supplierPre:hover { color:#b72027; text-decoration:underline; }
.supplierPre .fa { padding-left:5px; }
.docIcons { float:right; }
.inqueryArea .formArea .leftCol, .conInqueryArea .formArea .leftCol { float:left; width:52%; padding-right:40px; color:#d3d3d3; }
.inqueryArea .formArea .leftCol.last, .conInqueryArea .formArea .leftCol.last { padding-right:0; width:48%; }
.inqueryArea .formArea .col, .conInqueryArea .formArea .col { width:100%; margin-bottom:12px; }
.inqueryArea .formArea .col .fa, .conInqueryArea .formArea .col .fa { padding-left:7px; font-size:16px; }
.inqueryArea .formArea .col.colBot, .conInqueryArea .formArea .col.colBot { margin-bottom:11px; }
.formArea .col.existingOrderAdd { display:none; }
.inqueryArea .formArea .col label, .conInqueryArea .formArea .col label { font-size:15px; display:block; padding-bottom:5px; color:#D3D3D3; text-transform:inherit; line-height:inherit; }
.formArea .red { color:#b72027; font-size: 15px; font-weight:700; }
.inqueryArea .formArea .col input[type=text], .inqueryArea .formArea .col textarea, .conInqueryArea .formArea .col input[type=text], .conInqueryArea .formArea .col textarea { width:100%; padding:0 10px; height:30px; line-height:30px; background:#4C4C4C; border:0 solid #878787; font-size:14px; color:#d3d3d3; margin:0; font-family: 'Open Sans', sans-serif; font-weight:300; }
.conInqueryArea .formArea .col input[type="text"]:focus, .conInqueryArea .formArea .col textarea:focus { box-shadow: 0 0 5px #b72027; outline: medium none; }
.inqueryArea .formArea .col textarea, .conInqueryArea .formArea .col textarea { height:101px; transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; }
.inqueryArea .formArea .col textarea.smallTextArea.view, .conInqueryArea .formArea .col textarea.smallTextArea.view, .no-websqldatabase .inqueryArea .formArea .col textarea.smallTextArea.view, .no-websqldatabase .conInqueryArea .formArea .col textarea.smallTextArea.view, .no-localstorage .inqueryArea .formArea .col textarea.smallTextArea.view, .no-localstorage .conInqueryArea .formArea .col textarea.smallTextArea.view { height:57px; }
.inqueryArea .formArea .col.zipcode.view, .conInqueryArea .formArea .col.zipcode.view { display:block; }
.inqueryArea .formArea .col.zipcode, .conInqueryArea .formArea .col.zipcode { display:none; }
.no-websqldatabase .inqueryArea .formArea .col textarea, .no-websqldatabase .conInqueryArea .formArea .col textarea { height:105px; }
.no-localstorage .inqueryArea .formArea .col textarea, .no-localstorage .conInqueryArea .formArea .col textarea { height:101px; }
.no-websqldatabase .inqueryArea .formArea textarea.large, .no-websqldatabase .conInqueryArea .formArea textarea.large { height:97px; }
.no-localstorage .inqueryArea .formArea textarea.large, .no-localstorage .conInqueryArea .formArea textarea.large { height:97px; }
.inqueryArea .formArea textarea.large, .conInqueryArea .formArea textarea.large { height:97px; }
.inqueryArea .formArea .col .smallLabel, .conInqueryArea .formArea .col .smallLabel { float:left; width:48%; }
.inqueryArea .formArea .col .smallLabel.last, .conInqueryArea .formArea .col .smallLabel.last { float:right; width:48%; }
.inqueryArea .formArea .widthFull, .conInqueryArea .formArea .widthFull { width:100%; float:left; }
.inqueryArea .formArea .widthFull.buttonRow, .conInqueryArea .formArea .widthFull.buttonRow { padding-top:15px; }
.inqueryArea .formArea .submitBtn, .conInqueryArea .formArea .submitBtn { margin-right:10px; margin-top:0; }
.inqueryArea .formArea .col .sbHolder, .inqueryArea .formArea .col .sbSelector, .conInqueryArea .formArea .col .sbHolder, .conInqueryArea .formArea .col .sbSelector { height:30px; }
.inqueryArea .formArea .col .sbHolder, .conInqueryArea .formArea .col .sbHolder { background:#4c4c4c; border:0; }
.inqueryArea .formArea .col .sbToggle, .conInqueryArea .formArea .col .sbToggle { background:url(../images/custome-drop-arrow-i.png) no-repeat 0 4px; }
.inqueryArea .formArea .col .sbSelector, .conInqueryArea .formArea .col .sbSelector { top:2px; color:#d3d3d3; }
.inqueryArea .formArea .col .sbOptions, .conInqueryArea .formArea .col .sbOptions { top:28px !important; width:100%; left:0; background:#4c4c4c; }
.inqueryArea .formArea .col .sbOptions a, .conInqueryArea .formArea .col .sbOptions a { padding:6px 0; }
.inqueryArea .formArea .col .sbOptions a:link, .inqueryArea .formArea .col .sbOptions a:visited, .conInqueryArea .formArea .col .sbOptions a:link, .conInqueryArea .formArea .col .sbOptions a:visited { color:#d3d3d3; }
.inqueryArea .formArea .col .sbOptions li:hover, .conInqueryArea .formArea .col .sbOptions li:hover { background:#444444; }
.inqueryArea .formArea .col .sbOptions, .conInqueryArea .formArea .col .sbOptions { border:1px solid #5e5e5e; }
.inqueryArea .formArea .col .sbOptions li, .conInqueryArea .formArea .col .sbOptions li { border-bottom:1px solid #5e5e5e; }
.inqShow.active:after { position:absolute; right:0; top:50%; margin-top:-6px; content:""; width:6px; height:12px; background:url(../images/inq-arrow.png) no-repeat; }
.closeInq, .closeInqCon { position:absolute; right:-27px; top:0; width:27px; height:27px; background:url(../images/close-icon.png) no-repeat; cursor:pointer; z-index:99; }
.proDetails .onlineBrochure { background:#fff; padding:5px; margin-top:10px; }
.proDetails .onlineBrochure .gerabBlog { position:relative; width:100%; }
.proDetails .viewBrochure { background:url(../images/thumb-active.png) repeat 0 0; position:absolute; left:0; bottom:0; width:100%; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.proDetails .onlineCorporate { background:url(../images/brochure-icon.png) no-repeat 6px 8px; color:#fff; line-height:15px; padding:10px 0 10px 32px; display:block; }
.proDetails .gerabBlog:hover .viewBrochure { background:#a41e24 url(../images/thumb-active.png) repeat 0 0; }
.formArea .col.newFolderOpt { height:54px; }
.formArea .col.existingOrderOpt, .formArea .col.feedbackOpt, .formArea .col.extOrder { display:none; }
.nice .NFI-button { background-color: #0b0b0b; color: #fff; width:30%; height: 30px; line-height: 30px; }
.nice .NFI-button:hover { background: #353535; }
.NFI-wrapper { width:100%; }
.formArea .col input[type="text"].NFI-filename { width:70%; height: 30px; line-height: 30px; background: #4c4c4c; color: #d3d3d3; } /*----Downloads----*/
.downloadList { padding-top:20px; padding-left:120px; }
.downloadList .box { float:left; padding:0 0 0 120px; width:40%; }
.downloadList h3 { font-size:21px; color:#b72027; text-transform:uppercase; font-weight: 700; padding-bottom:5px; }
.downloadList ul { padding:0 0 17px 0; margin:0; }
.downloadList ul li { list-style:none; background:url(../images/bullete.png) no-repeat 0 13px; color:#5a5a5a; display:table; font-size:20px; padding:6px 6px 6px 16px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.downloadList ul li .fa { color:#b72027; padding-left:10px; font-size:18px; }
.downloadList ul li a { color:#5a5a5a; }
.downloadList ul li:hover { background:#fff url(../images/bullete.png) no-repeat 5px 13px; color:#b72027; padding:6px 6px 6px 21px }
.downloadList ul li:hover a { color:#b72027; }
.servicesInPage { padding:0 0 30px 0; }
.servicesVA { padding:20px 0 0 0; }
.servicesVA p { color: #848484; font-size:22px; line-height:31px; padding-top:30px; text-align: justify; }
.servicesVA.proManage p { color: #848484; font-size:19px; line-height:29px; padding-top:30px; text-align: justify; }
.servicesVA .boxList { width:100%; margin:35px 0 0 0; float:left; }
.servicesVA .boxList ul { width:104%; margin-left:-4%; }
.servicesVA .boxList ul li { width:33.33%; padding-left:4%; float:left; text-align:justify; font-size:15px; line-height:23px; }
.servicesVA .boxViewList { width:100%; margin:35px 0 0 0; float:left; }
.servicesVA .boxViewList ul { width:104%; margin-left:-4%; }
.servicesVA .boxViewList ul li { width:33.33%; padding-left:4%; float:left; text-align:justify; font-size:15px; line-height:23px; }
.servicesVA .boxViewList ul li .viewBox { width:100%; overflow:hidden; }
.servicesVA .boxViewList ul li img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /*.servicesVA .boxViewList ul li:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/
.servicesList { width:100%; float:left; margin:30px 0 0 0; }
.legalPage .servicesList { margin:0 0 10px 0; }
.servicesList h3 { font-size:22px; color:#b72027; text-transform:uppercase; font-weight: 700; padding-bottom:10px; }
.servicesList ul { padding:0 0 17px 0; margin:0; }
.servicesList ul li { list-style:none; background:url(../images/bullete.png) no-repeat 0 12px; display:table; color:#5a5a5a; font-size:16px; padding:6px 6px 6px 16px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.servicesList ul li:hover { background:#fff url(../images/bullete.png) no-repeat 5px 12px; color:#b72027; padding:6px 6px 6px 21px; }
.servicesOnThe { padding:0; }
.servicesOnThe .stMar { text-align:center; }
.servicesVA .padtop { padding-top:20px; }
.aboutInnerPage { padding:0; }
.aboutInnerPage .corporateOverviewOuter { margin-top:20px; }
.servicesOnThe .overview { background:url(../images/product-page-bg.jpg) repeat 0 0; padding:30px 0 0 0; }
.servicesOnThe h2 { color: #fff; margin-bottom: 30px; text-align: center; font-size: 40px; text-transform: uppercase; }
.servicesOnThe h2 span { font-weight: 700; }
.servicesOnThe .overview p { font-size:20px; line-height:30px; padding-bottom: 40px; text-align: justify; }
.servicesOnThe .overview .ontheGoBottom { max-width:700px; margin:0 auto; width:100%; overflow:hidden; background:#e9e9e9; border:15px solid #fff; border-radius:30px 30px 0 0; overflow:hidden; }
.servicesOnThe .overview .ontheGoBottom img { border-radius:23px 23px 0 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /*.servicesOnThe .overview .ontheGoBottom:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); border-radius:23px 23px 0 0; }*/
.servicesOnThe .howItWorks { background: url(../images/gareb-brand-bg.jpg) no-repeat center center; background-size:cover; padding:40px 0 0 0; }
.no-borderradius .servicesOnThe .howItWorks { background:url(../images/gareb-brand-bg.jpg) repeat top center; }
.servicesOnThe .howItWorksRow { width:100%; padding:10px 0 40px 0; }
.servicesOnThe .howItWorks.valveAd { background:none; padding:20px 0 0 0; }
.servicesOnThe .howItWorks.valveAd p { color:#848484; }
.servicesOnThe .howItWorks.valveAd .servicesList { margin:0; }
.valAddLeft { padding-top:90px; }
.servicesOnThe .leftCol { width:50%; float:left; }
.servicesOnThe .serviceLeft { overflow: hidden; position: relative; }
.servicesOnThe .serviceLeft img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /*.servicesOnThe .serviceLeft:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/
.servicesOnThe .howItWorksRow .rightCol { width:50%; padding-left:40px; float:left; }
.servicesOnThe .howItWorksRow p { color:#ededed; font-size:20px; line-height:30px; text-align:justify; padding-bottom:20px; }
.servicesOnThe .howItWorks.addnalServices { background: url(../images/quick-links-bg.jpg) repeat 0 0; }
.servicesOnThe .howItWorks.addnalServices h2 { color:#b72027; }
.servicesOnThe .howItWorks.addnalServices .valueAddedSer { padding:0; }
.servicesOnThe .howItWorks.addnalServices .valueAddedSer ul li { color:#474747; background:url(../images/bullete.png) no-repeat 0 12px; display:table; padding:6px 6px 6px 20px; }
.servicesOnThe .howItWorks.addnalServices .valueAddedSer ul li:hover { padding:6px 6px 6px 25px; background:#fff url(../images/bullete.png) no-repeat 5px 12px; }
.legalPage h2 { color:#b72027; margin-bottom:10px; }
.legalPage .note { text-transform:uppercase; font-size:22px; }
.legalPage h3 { font-size:23px; color:#b72027; padding:10px 0; }
.legalPage p { font-size:20px; padding-bottom:20px; /*display:none*/display:block; text-align:justify; line-height:30px; color:#848484; }
.bullet { margin-bottom:20px; }
.bullet li { list-style:none; background:url(../images/bullete.png) no-repeat 0 12px; color:#5a5a5a; display:table; font-size:16px; padding:6px 6px 6px 16px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.bullet li:hover { background:#fff url(../images/bullete.png) no-repeat 5px 12px; color:#b72027; padding:6px 6px 6px 21px }
.sitemap { }
.sitemap ul { margin:0; padding:0; }
.sitemap ul > li { margin:0; padding:0; }
.sitemap ul > li > a { color:#686868; font-weight: 700; font-size:15px; padding:5px 0; display:table; text-transform:uppercase; }
.sitemap ul > li a:hover { color:#b72027; background:none; }
.sitemap ul ul { margin-left:0; margin-bottom:10px; }
.sitemap ul ul li { background:url(../images/bullete.png) no-repeat scroll 0 9px; display:table; padding:0 15px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.sitemap ul ul li:hover { background:#fff url(../images/bullete.png) no-repeat scroll 5px 9px; padding:0 15px 0 20px; }
.sitemap ul ul li a { color:#686868; padding:3px 0px; font-size:16px; text-transform:initial; border:0; font-weight:300; }
.sitemap ul ul li:hover a { color:#b72027; }
.finManage .howItWorksRow { padding-top:40px; }
.finManage .leftCol { width:50%; float:left; }
.finManage .serviceLeft { overflow: hidden; position: relative; }
.finManage .serviceLeft img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } /*.finManage .serviceLeft:hover img { -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }*/
.finManage .howItWorksRow .rightCol { width:50%; padding-left:40px; float:left; }
.finManage .howItWorksRow p { color:#848484; font-size:18px; line-height:28px; text-align:justify; padding-bottom:20px; padding-top:0; }
.servicesVA.proManage { padding-bottom:20px; }
#header.careerHd { z-index:9999; }
.career { background:url(../images/gerab-bg.png) repeat scroll 0 0; padding-top:57px; }
.career .bx-wrapper .bx-viewport { background:none; }
.career .careerSlide { padding-bottom:20px; }
.career .careerSlide .bx-wrapper { background:url(../images/career/career-slide-bot.png) no-repeat bottom center; width:100%; padding-bottom:41px; }
.career .careerSlide .bx-controls.bx-has-controls-direction { position:absolute; width:100%; margin-top:5px; }
.career .careerList { margin-bottom:40px; }
.career .careerList ul { margin:0; padding:0; }
.career .careerList ul li { padding:25px 0 25px 80px; border-bottom:1px solid #e3e3e3; position:relative; list-style:none !important; }
.career .careerList ul li:last-child { border:0; padding:25px 0 0 80px; }
.career .careerList ul li .leftCol { float:left; width:80%; }
.career .careerList ul li .rightCol { float:left; width:20%; }
.career .careerList ul li h2 { text-transform:uppercase; font-size:15px !important; color:#b72027; padding:0 0 3px 0; margin:0 !important; font-weight:bold !important; }
.career .careerList ul li h2 label { cursor:pointer; }
.career .careerList ul li h2.articleSlider { padding:10px 0 5px 0; }
.career .careerList .postList ul { margin:0; padding:5px 0 5px 0; }
.career .careerList .postList ul li { display:inline-block; color:#313131; font-weight: 700; padding:0 10px 0 0; background:none; border:0; }
.career .careerList ul li p { color:#5a5a5a; padding:0; line-height:22px; font-size:16px; }
.career .careerList ul li button { padding:0 30px; float:right; }
.career .articleContentContainer ul { margin:15px 0; padding:0; }
.career .articleContentContainer ul li, .career .articleContentContainer ul li:last-child { list-style:none; background:url(../images/bullete.png) no-repeat 0 12px; display:table; color:#5a5a5a; font-size:16px; padding:5px 5px 5px 16px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; border:0; }
.career .articleContentContainer ul li:hover, .career .articleContentContainer ul li:hover:last-child { background:#fff url(../images/bullete.png) no-repeat 5px 12px; color:#b72027; padding:5px 5px 5px 21px; }
.career .careerList .download { padding:20px 0; font-size:18px; color:#313131; display:none; }
.career .careerList .download .titleText { float:left; padding:9px 10px 9px 0; }
.career .careerList .download ul { padding:10px 0; margin:0; background:#f5f5f5; float:left; }
.career .careerList .download ul li { float:left; background:none; border:0; padding:0 10px; position:relative; }
.career .careerList .download ul li:after { position:absolute; right:0; top:3px; height:17px; width:1px; content:""; background:#5a5a5a; }
.career .careerList .download ul li:last-child:after { display:none; }
.career .careerList .download ul li { display:block; }
.career .careerList .download ul li .fa { position:relative; top:-2px; }
.career .careerList .moreLink { color:#b72027; text-transform:capitalize; font-weight:300; }
.career .careerList .moreLink:hover { color:#474747; }
.career .careerList ul li .leftCol .readMoreOuter { margin:0 0 0 20px; display:inline-block; text-align:left; }
.career .caDetails { display:none; padding-top:5px; }
.career .radio { left:26px; top:18px; position:absolute; }
.career input[type="radio"] { display:none; }
.career input[type="radio"] + label { background:url(../images/radio-button.png) no-repeat 0 0; height:19px; width: 19px; display:inline-block; padding: 0 0 0 0px; cursor:pointer; }
.career input[type="radio"]:checked + label { background:url(../images/radio-button.png) no-repeat 0 -21px; height:19px; width:19px; display:inline-block; cursor:pointer; padding: 0 0 0 0px; }
@media all and (-ms-high-contrast: none) {
.career input[type="radio"] + label, .career input[type="radio"]:checked + label {
width: 19px;
}
}
.homeSlider { background:#000; height:auto; position:relative; }
.homeSlider .arrowControl { position:absolute; top:50%; left:0; width:100%; margin-top:-20px; }
.homeSlider .arrowControl a { background:url(../images/sprite.png) no-repeat; width:38px; height:49px; display:inline-block; text-indent:-9999px; position:absolute; top:0; z-index:9; }
.homeSlider .arrowControl .bx-next { background-position:-38px -227px; left:-60px; }
.homeSlider .arrowControl .bx-next:hover { background-position:0 -227px; }
.homeSlider .arrowControl .bx-prev { background-position:0px -276px; right:-60px; }
.homeSlider .arrowControl .bx-prev:hover { background-position:-38px -276px; }
.homeSlider .bannerArea { position:relative; width:100%; }
.homeSlider .bannerArea .banner { width:100%; }
.homeSlider .bannerArea .firstBanner { position:absolute; width:100%; left:0; top:0; height:100%; }
.homeSlider .bx-wrapper { border-bottom:4px solid #b70617; direction:ltr; }
.homeSlider .bx-wrapper img { width:100%; max-width:inherit; }
.homeSlider .bannerArea .allBanner { position:absolute; width:100%; left:0; bottom:0; background:url(../images/home-banner-bg.png) repeat 0 0; padding:10px 0 12px 0; height:118px; }
.homeSlider .bannerArea .allBanner .bannerTitle { font-size:23px; color:#b72027; text-transform:uppercase; line-height:26px; }
.homeSlider .bannerArea .allBanner .details { color:#f7fffe; font-size:19px; line-height:23px; padding:0px; }
.homeSlider .bannerArea .allBanner button { margin-top:0px; font-size:15px; line-height:36px; padding:0 10px; }
.homeSlider .bannerArea .allBanner .left { float:left; width:100%; padding-right:150px; }
.homeSlider .bannerArea .allBanner .right { position:absolute; right:10px; top:50%; margin-top:-18px; }
.homeSlider .bx-controls.bx-has-pager { display:none; }
.homeSlider .slideItem { background:#000; }
.homeSlider .bx-wrapper .bx-viewport { background:#000; }
.search { width:100%; padding-top:10px; }
.search .leftCol { float:left; width:75%; }
.search .rightCol { float:right; width:22%; background:#fff; padding:10px 20px; }
.search .rightCol .sitemap ul li { border-bottom:1px solid #e6e6e6; }
.search .rightCol .sitemap ul li a { font-size:16px; text-transform:inherit; padding:6px 0; }
.search .rightCol .sitemap ul li:last-child { border-bottom:0; }
.search .totalResualt { background:#f1f1f1; padding:10px; border:1px solid #ccc; font-size:16px; border-bottom:3px solid #ccc; }
.search .totalResualt span { padding-top:6px; font-weight:bold; float:left; width:70%; }
.search .advanceSer { font-size:15px; line-height:33px; padding:0 8px; float:right; }
.search .leftCol .bullet { margin:30px 0 0 0; }
.search .leftCol .bullet li { margin:5px 0; }
.search .leftCol .bullet a { color:#474747; }
.search .leftCol .bullet a:hover { color:#b72027; }
.search .formArea label, .search .formArea .searchTitle { font-size:16px; color:#474747; padding-bottom:5px; display:inline-block; font-weight: 700; }
.search .formArea .searchTitle{border-bottom:1px solid #ccc; padding-bottom:10px; width:100%; margin-bottom:10px;}
.search .formArea .searchTitle.noBrd{margin-bottom:0; border:0;}
.search .formArea .col h3 { font-size:16px; color:#474747; padding-bottom:10px; display:inline-block; border-bottom:1px solid #ccc; display:block; font-weight: 700; }
.search .formArea tr td label { font-weight:700; padding:0; }
.search .formArea .col { margin-bottom:15px; }
.search input[type=text] { width:100%; padding:0 10px; height:40px; line-height:40px; background:none; border:1px solid #c9c9c9; font-size:14px; color:#747474; margin:0; }
.search input[type="text"].dateBox { width:auto; margin:0 10px; }
.search .seachTopTable { margin-bottom:15px; }
.search .seachTopTable { background:#f1f1f1; padding:0; border:1px solid #ccc; font-size:16px; border-bottom:3px solid #ccc; }
.search .seachTopTable td { background:none; }
.search .searchAgain { }
.search input[type=text]:focus { box-shadow: 0 0 5px #b72027; outline: medium none; }
.search .radioGroup { padding:10px 0; }
.search .radioGroup li { float:left; padding-right:40px; }
.search .radioGroup ul { float:left; }
.search .ordering { float:right; }
.search .ordering label { float:left; padding:6px 10px 4px 0; }
.search .ordering .sbHolder { float:left; width:172px; height:30px; }
.search .ordering .sbSelector { height:30px; padding-top:4px; }
.search .ordering .sbToggle { height:29px; background:url(../images/custome-drop-arrow.png) no-repeat scroll 0px 4px; }
.search .ordering .sbHolder ul li { width:100%; padding:3px 4px; }
.search .ordering .sbOptions { top:28px !important; }
.search .radioGroup label { cursor:pointer; font-size:16px; }
.search .radioGroup input { margin:0 5px 0 0; position:relative; top:1px; }
.checkGroup { padding:10px 0; }
.checkGroup li, .checkGroup li { float:left; padding-right:40px; }
.checkGroup label, .checkGroup input { cursor:pointer; font-size:16px; margin:0 5px 0 0; }
.checkGroup inpu { margin:0 5px 0 0; position:relative; top:1px; }
.search .checkGroup label, .search .checkGroup input { cursor:pointer; font-size:16px; }
.adSearchRe { width:100%; }
.adSearchRe .box { padding:15px 0; border-bottom:1px solid #e1e1e1; }
.adSearchRe .box:last-child { border-bottom:0; }
.adSearchRe .box h3 { color: #474747; font-weight: 700; font-size: 15px; padding:0 0 8px 0; text-transform: uppercase; }
.adSearchRe .box h3 a { color: #474747; }
.adSearchRe .box h3 a:hover { color: #b72027; }
.legalPage .adSearchRe .box p { padding-bottom:6px; }
.adSearchRe .box span { padding-right:8px; }
.search .searchFilter { background:#fff; padding:10px; margin:20px 0; }
.search .searchFilter .showPage { padding-top:5px; display:inline-block; }
.search .searchFilter .ordering .sbHolder { width:100px; }
.search .searchFilter .sbOptions { width:100px; }
.valvSer { padding:0 0 40px 0; }
.valvAutSer { background:url(../images/gareb-brand-bg.jpg) no-repeat center center; background-size:cover; padding:50px 0 0 0; }
.no-borderradius .valvAutSer { background:url(../images/gareb-brand-bg.jpg) repeat top center; }
.valvAutSer .rightCol p { font-size:20px; line-height:30px; color:#fff; }
.valvAutSer .padtop50 { padding-top:50px; }
.valvAutSer .padtop80 { padding-top:80px; }
.grayBG { background:none; border:0; padding-top:30px; }
.grayBG h2 { color:#b72027; font-size:40px; font-weight:700; }
.grayBG p { color:#848484; }
.aboutInnerPage .corporateOverview.grayBG .corporateOverviewOuter { max-width:1050px; margin:0 auto; padding:0 40px; }
.grayBG .corporateOverviewControl .arrowArea .next { background-position:-235px -508px; }
.grayBG .corporateOverviewControl .arrowArea .next:hover { background-position:-282px -508px; }
.grayBG .corporateOverviewControl .arrowArea .next.disabled:hover, .grayBG .corporateOverviewControl .arrowArea .next.disabled { background-position:-282px -508px; cursor:default; }
.grayBG .corporateOverviewControl .arrowArea .prev { background-position:-282px -566px; }
.grayBG .corporateOverviewControl .arrowArea .prev:hover { background-position:-235px -566px; }
.grayBG .corporateOverviewControl .arrowArea .prev.disabled:hover, .grayBG .corporateOverviewControl .arrowArea .prev.disabled { background-position:-235px -566px; cursor:default; }
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxWrapper { max-width:none; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; margin-top:10px; }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; }
.cboxIframe { width:100%; height:100%; display:block; border:0; padding:0; margin:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background:#2f2f2f; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#colorbox { outline:0; }
#cboxTopLeft { width:14px; height:14px; background:url(images/controls.html) no-repeat 0 0; }
#cboxTopCenter { height:14px; background:url(images/border.html) repeat-x top left; }
#cboxTopRight { width:14px; height:14px; background:url(images/controls.html) no-repeat -36px 0; }
#cboxBottomLeft { width:14px; height:43px; background:url(images/controls.html) no-repeat 0 -32px; }
#cboxBottomCenter { height:43px; background:url(images/border.html) repeat-x bottom left; }
#cboxBottomRight { width:14px; height:43px; background:url(images/controls.html) no-repeat -36px -32px; }
#cboxMiddleLeft { width:14px; background:url(images/controls.html) repeat-y -175px 0; }
#cboxMiddleRight { width:14px; background:url(images/controls.html) repeat-y -211px 0; }
#cboxContent { background:#fff; overflow:visible; }
.cboxIframe { background:#fff; }
#cboxError { padding:50px; border:1px solid #ccc; }
#cboxLoadedContent { margin-bottom:5px; }
#cboxLoadingOverlay { background:url(images/loading_background.html) no-repeat center center; }
#cboxLoadingGraphic { background:url(images/loading.html) no-repeat center center; }
#cboxTitle { position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C; }
#cboxCurrent { position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url(images/controls.html) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; }
#cboxPrevious { left:0px; background-position: -51px -25px; }
#cboxPrevious:hover { background-position:-51px 0px; }
#cboxNext { left:27px; background-position:-75px -25px; }
#cboxNext:hover { background-position:-75px 0px; }
#cboxClose { background:#e3e3e3; border: 0; color: #5b5b5b; display: block; font-weight: 700; font-size: 14px; height: 23px; line-height: 21px; margin-bottom: 1px; text-align: center; transition: opacity 0.2s ease 0s; -webkit-transition: opacity 0.2s ease 0s; width: 70px; right:0; top:-23px; text-indent:0; }
#cboxClose:hover { background:#fff; }
#cboxClose:hover { background-position:-100px 0px; }
.cboxSlideshow_on #cboxSlideshow { background-position:-125px 0px; right:27px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position:-150px 0px; }
.cboxSlideshow_off #cboxSlideshow { background-position:-150px -25px; right:27px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position:-125px 0px; }
.conPopup { padding:15px 15px 0 15px; }
.conPopup .view { width:100%; }
.conPopup .view img { width:100%; border:1px solid #939393; }
.conPopup h2 { color:#333; font-size:16px; font-weight: 700; text-transform:uppercase; padding:15px 0 12px 0; margin:0; min-height:inherit; }
.conPopup .date { /*font-size:13px;*/ color:#b72027; padding-bottom:10px; }
.conPopup p { color:#848484; padding-bottom:10px; text-align:justify; line-height:22px; font-size:16px; }
.popSlide { background:#fff; position: relative; } /* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index:99991; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99991; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; max-width:810px; width:100%; margin:0 auto; position:relative; height: 100%; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin:20px auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { background:#e3e3e3; border: 0; color: #5b5b5b; display: block; font-weight: 700; font-size: 14px; height: 23px; line-height: 21px; margin-bottom: 1px; text-align: center; transition: opacity 0.2s ease 0s; -webkit-transition: opacity 0.2s ease 0s; width: 70px; right:0; top:-23px; text-indent:0; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } /*.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }*/
.mfp-arrow-right, .mfp-arrow-right:hover, .mfp-arrow-left, .mfp-arrow-left:hover, .no-borderradius .mfp-arrow-right, .no-borderradius .mfp-arrow-right:hover, .no-history .mfp-arrow-left:hover, .no-history .mfp-arrow-left:hover { width:30px; height:30px; position:absolute; top:40%; z-index:9999; }
.mfp-arrow-right, .mfp-arrow-right:hover, .no-borderradius .mfp-arrow-right, .no-borderradius .mfp-arrow-right:hover { left:15px; background: url(../images/popup/prev.png) 0 0 no-repeat; }
.mfp-arrow-left, .mfp-arrow-left:hover, .no-history .mfp-arrow-left:hover, .no-history .mfp-arrow-left:hover { right:14px; background: url(../images/popup/next.png) 0 0 no-repeat; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.quickLkPopup .quiceLinks { background:#fff; padding:15px; }
.quickLkPopup .quiceLinks .box { width:100%; margin:0; }
.quickLkPopup .quiceLinks .box:hover .details { width:56%; opacity:1; }
.quickLkPopup .quiceLinks .box .thumb { position:relative; width:44%; }
.quickLkPopup .quiceLinks .box .details { height:222px; padding:0 20px; width:56%; }
.proDetailsInq.contactUs { padding:0; position:relative; width:100%; float:left; }
.proDetailsInq.contactUs .inquiryNow { margin:20px 0 0 0; }
.proDetailsInq.contactUs .inquiryNow .inquiryBtn { width:100%; }
.proDetails .leftCol .proDetailsInq.contactUs .inquiryNow h2 { color:#fff; }
.proDetails .leftCol .proDetailsInq.contactUs ul li { border-bottom:0; }
.proDetailsInq.contactUs .inquiryNow .inqueryAreain { padding:30px 30px 10px 30px; }
.proDetailsInq.contactUs .conInqueryArea .formArea .widthFull.buttonRow { padding:0; }
.proDetails .leftCol ul.sbOptions { padding:0; }
.proDetails .leftCol .proDetailsInq.contactUs .sbOptions li { border-bottom:1px solid #5e5e5e; }
.proDetails .leftCol .proDetailsInq.contactUs .sbOptions li:hover { background:#444; }
.proDetails .leftCol .proDetailsInq.contactUs .sbOptions li a:hover { background:none; }
.proDetails .leftCol ul.sbOptions li a { font-size:14px; }
.branchLoc { padding-bottom:40px; }
.branchLoc .selectBranch { width:410px; margin:0 auto; padding-bottom:30px; }
.branchLoc .selectBranch label { float:left; padding-right:10px; line-height:43px; font-size:19px; font-weight:400; }
.branchLoc .selectBranch .sbHolder { float:left; width:260px; height:43px; }
.branchLoc .selectBranch .sbSelector { height:auto; left:0; top:0; font-size:18px; line-height:42px; padding-left:8px; }
.branchLoc .selectBranch .sbToggle { top:10px; right:6px; }
.branchLoc .selectBranch .sbOptions { top:41px !important; width:260px; }
.branchLoc .selectBranch .sbOptions li { padding:0 12px; }
.branchLoc .selectBranch .sbOptions a { font-size:18px; padding:3px 0; }
.branchLoc .locMapArea { width:100%; border:5px solid #fff; }
.branchLoc .locMapArea .locatorMap { width:100%; height:480px; }
.branchLoc .locMapArea img { max-width:inherit; }
.contactUs .contactDetail .branchLoc { padding:0; }
.branchLoc .conSelectBranch { width:auto; padding-bottom:30px; }
.branchLoc .conSelectBranch label { float:left; padding-right:10px; line-height:43px; font-size:19px; font-weight:400; }
.branchLoc .conSelectBranch .sbHolder { float:left; width:260px; height:43px; }
.branchLoc .conSelectBranch .sbSelector { height:auto; left:0; top:0; font-size:18px; line-height:42px; padding-left:8px; }
.branchLoc .conSelectBranch .sbToggle { top:10px; right:6px; }
.branchLoc .conSelectBranch .sbOptions { top:41px !important; width:260px; }
.branchLoc .conSelectBranch .sbOptions li { padding:0 12px; }
.branchLoc .conSelectBranch .sbOptions a { font-size:18px; padding:3px 0; }
.globalPresence { padding-bottom:40px; }
.globalPresence .globalArea { width:100%; text-align:center; margin-bottom:20px; }
.globalPresence .globalDetails { width:100%; }
.globalPresence .globalDetails p, .projects .caDetails p { color:#848484; line-height:30px; font-size:20px; padding-bottom:20px; text-align:justify; }
.projects .caDetails{margin-top:30px;}
.globalPresence .globalDetails .readMoreOuter { margin-top:10px; }
.globalPresence .globalDetails .readMoreOuter .moreLink, .projects  .readMoreOuter .moreLink{ color:#b72027; }
.projects  .readMoreOuter {margin-top:40px;}
.globalPresence .globalDetails .readMoreOuter .moreLink:hover, .projects  .readMoreOuter .moreLink:hover { color:#848484; }
.globalPresence .globalDetails .readMoreOuter .moreLink .fa, .projects  .readMoreOuter .moreLink .fa { padding-left:5px; }
.globalPresence .globalDetails .caDetails { display:none; }
.globalPresence .countryList { margin:0; padding:10px 0 20px 0; }
.globalPresence .countryList ul { float:left; width:20%; }
.globalPresence .countryList li { list-style:none; padding:5px 10px 5px 20px; font-size:17px; color:#474747; background:url(../images/bullete.png) no-repeat 0 13px; display:table; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.globalPresence .countryList li:hover { padding:5px 10px 5px 25px; background:#fff url(../images/bullete.png) no-repeat 5px 13px; }
.dirDesk { text-align:left; font-size:20px; padding-bottom:40px; width:auto; }
.dirDesk .directorPhoto { width:100%; float:left; }
.dirDesk .directorPhoto img { border:5px solid #fff; }
.dirDesk .direDetails { float:left; padding:0; }
.dirDesk span { display:block; color:#b72027; font-size:20px; }
.dirDesk .name { font-weight:400; font-size:25px; }
.dirDesk .company { color:#474747; }
.direDesk { width:100%; padding-top:20px; }
.caDetails .direDesk { padding-top:0; }
.direDesk .leftCol { float:left; width:70%; padding-right:30px; }
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.ourStrgth { padding-top:40px; }
.ourStrgth p { color: #848484; font-size: 20px; line-height: 30px; padding-bottom: 30px; text-align:justify; }
#projectsYear.owl-carousel.owl-rtl { direction: rtl; }
#projectsYear.owl-carousel.owl-rtl .owl-item { float: right; }
.units { width:100%; float:left; margin:30px 0; }
.units .tableOuter { background:#fff; padding:10px; }
.units .smallText { font-size:12px; display:block; text-align:right; padding-right:2px; color:#d13138; }
.units .tableData tr td { padding:2px 7px; }
.units .tableData { border:1px solid #dbdbdb; border-top:0; border-right:0; }
.units .tableData tr th { padding:5px 7px; line-height:18px; text-align:center; vertical-align:bottom; font-size:15px; }
.units .tableData tr th.alignLeft { text-align:left; }
.units .tableData tr th.smText { font-size:12px; border-bottom:1px solid #dbdbdb; line-height:14px; }
.units .tableData tr th.smTH { height:20px; }
.units .tableData tr th.volTH { font-size:12px; line-height:12px; border-bottom:0; padding:3px 0; text-transform:capitalize; }
.units .tableData .bgDark { background:#5b5b5b; color:#f4f4f4; }
.units .tableData .bgLight { background:#f4f4f4; color:#5b5b5b; }
.units .tableData .bgDarkRed { background:#e6786f; color:#231f20; }
.units .tableData .bgLightRed { background:#f5b2a9; }
.units .tableData .bgHLightRed { background:#f8d8d2; }
.units .tableData .bgDarkGray { background:#a8a9ab; }
.units .tableData .bgLightGray { background:#cdcdcf; }
.units .tableData tr td { color:#231f20; }
.backBtn { font-size:16px; line-height:20px; color:#b72027; padding:0 0 0 15px; display:inline-block; position:absolute; right:0; top:27px; }
.backBtn:hover { color:#848484; }
.backBtn .fa { padding-right:5px; font-size:18px; }
.drTabContent { display:none }
.none { display:block; }
.uploadDoc { color:#989898; }
.customeScroll { height:430px; overflow: auto; /*border-bottom:1px solid #eeeeee;*/ position:relative; } /*----Custome Scrollbar----*/
.mCustomScrollbar { -ms-touch-action: none; touch-action: none; }
.mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
.mCSB_inside > .mCSB_container { margin-right:15px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
.mCSB_scrollTools { position: absolute; width:6px; height: auto; left: auto; top: 0; right: 0; bottom: 0; margin:20px 0; background:#000; border-radius:16px; }
.mCSB_outside + .mCSB_scrollTools { right: -26px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin:3px 0; background:#000; border-radius: 16px; }
.mCSB_scrollTools .mCSB_draggerRail { width:10px; padding:0 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; padding:0px 0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width:4px; height: 100%; margin:0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools { /*opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";*/ }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail { background-color: #000;/* background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/ }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #b72027; /*background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #b72027; /*background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #b72027; /*background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";*/ }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.html); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }
#cboxCurrent, #cboxTitle { display:none !important; }
#cboxLoadedContent { margin:0; }
#cboxPrevious, #cboxPrevious:hover { top:50%; margin-top:-15px; left:0px; width:30px; height:30px; background:url(../images/popup/prev.png) no-repeat 0 0; }
#cboxNext, #cboxNext:hover { top:50%; margin-top:-15px; right:0; left:auto; width:30px; height:30px; background:url(../images/popup/next.png) no-repeat 0 0; }
.jobApplication { background:url(../images/gerab-bg.png) repeat scroll 0 0; padding-top:57px; padding-bottom:30px; }
.jobApplication .col { margin-bottom:15px; float:left; width:50%; padding:0 25px; }
.jobApplication .col label { width:190px; font-size:15px; float:left; line-height: 32px; }
.jobApplication .col input[type="text"] { height:32px; font-size: 14px; line-height:32px; width:280px; border: 1px solid #bfbfbf; background:#fff; color:#4e4e4el; padding:0 10px; }
.jobApplication .col .smallLabel input[type="text"] { width:133px; }
.jobApplication .col .smallLabel .last { margin-left:10px; }
.jobApplication .col .rightCol { width: 280px; float: left; position: relative; }
.jobApplication .col .rightCol .left { width:50%; float:left; padding-right:7px; }
.jobApplication .col .rightCol .left.last { padding-left:7px; padding-right:0; }
.jobApplication .col .rightCol .left input[type=text] { width:100%; }
.jobApplication .col .sbHolder { height:32px; }
.jobApplication .col .sbToggle { top:5px; }
.jobApplication .col .sbSelector { height:32px; line-height:32px; }
.jobApplication .col .sbOptions { width:100%; top:30px !important; }
.jobApplication .col .mark { text-align:right; color:#989898; }
.jobApplication .applyFor { padding:15px 0 30px 0; font-size:18px; font-weight:600; text-align:center; }
.jobApplication .customeBrowse { width: 280px; float: left; position: relative; }
.jobApplication .customeBrowse .NFI-wrapper { margin-bottom:5px; overflow:hidden !important; }
.jobApplication .NFI-wrapper input.NFI-filename[type="text"] { height:32px; font-size: 14px; line-height:32px; border: 1px solid #bfbfbf; background:#fff; color:#4e4e4el; padding:0 10px; }
.jobApplication .NFI-wrapper .NFI-button { background:#848484; line-height: 32px; height: 32px; }
.jobApplication .fieldReq { padding-bottom: 20px; text-align: right; padding-right:25px; }
.jobApplication .buttonRow { float: left; padding-left: 0; text-align: center; margin-top:25px; margin-bottom:20px; width: 100%; }
.jobApplication .validation { float:left; width:100%; font-size:13px; font-weight:500; padding:5px 0 5px 190px; color: #b72027; }
.jobApplication .validation.small { padding:5px 0; }
.jobApplication .customeBrowse .validation { bottom: 0; padding:5px 0; position: absolute; right: 0; }
.jobApplication .customeBrowse .uploadDoc { text-align:right }
.jobApplication .drTabContent { max-width:1040px; width:100%; margin:0 auto; }
#header .leftNav ul li .searchGoBtn { background:none; border: 0 none; color: #a4a4a4; font-size: 16px; line-height: 25px; margin-top: 0; font-family: 'Open Sans', sans-serif; font-weight:300; padding: 3px 0 0 0; float:left; text-transform: capitalize; }
.advanceSearchListing li { margin-bottom:30px; }
.advanceSearchListing li table { width:auto; }
.advanceSearchListing li td { background:none; width:195px; padding:8px 0; }
.advanceSearchListing li td input[type=radio] { margin:0 3px 0 0; }
/*! jQuery UI - v1.11.3 - 2015-02-12
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ }
.ui-front { z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only { width: 2.2em; }
/* button elements seem to need a little more width */
button.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/* button text element */
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/* button sets */
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:2px; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
.ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-draggable-handle { -ms-touch-action: none; touch-action: none; }
.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu { position: absolute; }
.ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
.ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; }
/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item { padding-left: 2em; }
/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; }
/* right-aligned */
.ui-menu .ui-menu-icon { left: auto; right: 0; }
.ui-progressbar { height: 2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; }
.ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; }
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-selectable { -ms-touch-action: none; touch-action: none; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; }
.ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */
	overflow-x: hidden; padding-bottom: 1px; }
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; }
.ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; }
.ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-sortable-handle { -ms-touch-action: none; touch-action: none; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
/* vertically center icon */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */
	background-position: -65px -16px; }
.ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
body .ui-tooltip { border-width: 2px; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.html") 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.html") 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.html") 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;*/
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.html") 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.html") 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ }
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { /*background-image: url("images/ui-icons_454545_256x240.png");*/
}
.ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.html"); }
.ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.html"); }
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.html") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.html") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; }
/*----NewsLetter----*/
.newsLetter { position:relative; margin-top:25px; display:none; }
.newsLetter input[type=text] { width:100%; font-weight:500; border:0; height:38px; line-height:38px; background:#fff; border:1px solid #d2d5d2; font-size:14px; color:#595d5b; padding:0 90px 0 10px; }
.newsLetter .submit { height:38px; line-height:38px; border:0; text-align:center; padding:0 8px; color:#fff; font-size:15px; background:#b72027; text-transform:uppercase; position:absolute; right:0; top:0; font-weight:300; cursor:pointer; font-family: 'Open Sans', sans-serif; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.newsLetter .submit:hover { background:rgba(183, 32, 39, 0.5); }
.pipeChartPage { padding-top:30px; }
.pipeChartPage .formArea .col { margin-bottom:0; }
.pipeChartPage .formArea input[type=text] { border:1px solid #c1c1c1; display:inline-block; width:100%; margin:0; height:40px; color:#474747; background:none; padding:0 10px; font-size:16px; float:left; background:#fff; }
.pipeChartPage .formArea input[type="text"]:focus { box-shadow:0 0 0 #bbbbbb; border:1px solid #b72027; }
.pipeChartPage .formArea input.width180 { width:200px; }
.pipeChartPage .formArea .cusSelect { float:left; width:100px; margin-right:20px; }
.pipeChartPage .formArea .sbHolder { height:40px; }
.pipeChartPage .formArea .sbToggle { height:40px; background-position:0 9px; }
.pipeChartPage .formArea .sbSelector { font-size:16px; top:7px; left:7px; height:30px; color:#474747; }
.pipeChartPage .formArea .sbOptions { top:38px !important; width:100%; }
.pipeChartPage .formArea .sbOptions a { padding:10px 0; }
.pipeChartPage .formArea .btnCol { width:100%; float:left; margin-bottom:20px; margin-top:4px; }
.pipeChartPage .formArea .btnCol.last { margin-top:20px; }
.pipeChartPage .formArea .submitBtn { text-transform:capitalize; margin:0; padding:0; width:100%; font-weight:400; text-align:center; line-height:44px; }
.pipeChartPage .note { padding:30px 0 0 0; }
.pipeChartPage .note ul li { color:#474747; font-size:20px; line-height:30px; padding-bottom:10px; }
.pipeChartPage .note ul li span { text-transform:uppercase; color:#b72027; padding-right:10px; float:left; }
.pipeChartPage .note ul li p { margin:0; padding:0 0 0 90px; font-size:20px; color:#474747; text-align:left; }
.pipeChartPage .formArea { max-width:732px; margin:0 auto; width:100%; }
.pipeChartPage .formArea .leftCol { float:left; width:100%; padding:0; }
.pipeChartPage .formArea .rightCol { float:left; width:50%; padding:0 60px; }
.pipeChartPage .formArea .largeDrop { width:100%; margin:0; float:left; position: relative; }
.pipeChartPage .formArea .largeDrop .red { left: 0; position: absolute; top: -15px; }
.pipeChartPage .formArea .largeDrop .validation { left: 0; position: absolute; font-weight:normal; }
.pipeChartPage .claculatorLable { font-size:15px; display:block; padding-bottom:6px; }
.pipeChartPage .formArea .col2 { float:left; width:100%; }
.pipeChartPage .formArea .col2 .largeDrop.left { width:65%; float:left; padding-right:10px; }
.pipeChartPage .formArea .col2 .largeDrop.right { width:34%; float:right; }
.pipeChartPage .formArea .rightCol .largeDrop { margin-bottom:20px; }
.pipeChartPage .formArea .rightLabel { font-size:14px; margin-bottom:20px; display:block; }
.pipeChartPage .formArea .colLeft { float:left; width:50%; padding:0 35px; margin-bottom:16px; }
.pipeChartPage .formArea .fullCol { width:100%; }
.pipeChartPage .formArea .fullCol.colLast .colLeft .left { width:62%; }
.pipeChartPage .formArea .fullCol.colLast .colLeft .right { width:38%; }
.pipeChartPage .formArea .mark { color:#d42028; padding-left:2px; }
.projects.glPresence { background:url(../images/product-page-bg.jpg) repeat; padding:40px 0; }
.glPresence .globalPresence { padding:0; }
.glPresence .globalDetails { padding-top:20px; }
.glPresence .caDetails { padding-top:15px; }
.projekktor ul:before, .projekktor ul:after { content:inherit; display:block }
.projekktor ul:after { clear:none }
.projekktor { background-color: #000; font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif; font-size: 12px; font-weight: bold; text-transform:uppercase; padding:0; display:block; position: relative; overflow: hidden; width:100%; height:446px; }
.pptestcard { background: url(../images/theme/maccaco/noise.gif) center center repeat; width: 100%; height: 100%; color: #fff; font-size: 18px; overflow: hidden; }
.pptestcard p { background-color: #3b393e; width: 60%; margin: auto; line-height: 25px; position: relative; top: 25%; padding: 10px; border:5px solid #000; text-align: center; }
/***************************************
display plugin
***************************************/
.ppdisplay { background-color: #000; position: relative !important; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.ppdisplay .inactive, .ppstart.inactive, .ppbuffering.inactive { display: none; }
.ppstart { position: absolute; left: 50%; bottom: 50%; margin-left:-45px; margin-bottom: -38px; cursor: pointer; height: 84px; width: 84px; display: block; padding: 0px; background: url("../images/theme/maccaco/start.png") no-repeat left top transparent; }
.ppstart:hover { background: url("../images/theme/maccaco/start.png") no-repeat left bottom transparent; }
.ppstart:active { background: url("../images/theme/maccaco/start.png") no-repeat left -169px transparent; }
.ppbuffering { position: absolute; left: 50%; bottom: 50%; margin-left:-45px; margin-bottom: -38px; display: block; z-index:9010; padding: 0px; background: url(../images/theme/maccaco/buffering.gif) no-repeat center center #000; height: 84px; width: 84px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
/***************************************
controlbar plugin
***************************************/
.ppcontrols { position: absolute; bottom: 0; right:0; display: block; overflow: hidden; width: 100%; height: 36px; background: #2e2d2d; /* Old browsers */ background: -moz-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2d2d), color-stop(100%, #0f0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2e2d2d 0%, #0f0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #2e2d2d 0%, #0f0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2d2d', endColorstr='#0f0e0e', GradientType=0 ); /* IE6-9 */
border-style:solid; border-color:#413e3e; border-width:1px 0; padding: 0; margin:0; }
.ppcontrols .active { display: block; }
.ppcontrols .inactive { display: none; }
.projekktor.notransitions .ppcontrols.active { display: block; }
.projekktor.notransitions .ppcontrols.inactive { display: none; }
.ppcontrols.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }
.ppcontrols.inactive { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
.ppcontrols ul { list-style-type: none; }
.ppcontrols ul.left { position: relative; top: 0; left: 0; padding: 0; margin:0; }
.ppcontrols ul.right { position: relative; top: 0; right: 0; padding: 0; margin:0; }
.ppcontrols ul.bottom { position: relative; top: 31px; left: 0; padding: 0; margin:0; }
.ppcontrols ul.left li { float: left; position: relative; }
.ppcontrols ul.right li { float: right; position: relative; }
/* PLAY / PAUSE - left */
.ppplay, .pppause { background: url("../images/theme/maccaco/maccaco.png") no-repeat left top transparent; width: 30px; height: 30px; cursor: pointer; border-right: 1px solid #000; }
.ppplay:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat left -35px transparent; }
.ppplay:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat left -36px transparent; }
.pppause { background: url("../images/theme/maccaco/maccaco.png") no-repeat left -70px transparent; }
.pppause:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat left -105px transparent; }
.pppause:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat left -106px transparent; }
/* Enter / Exit Fullscreen - right */
.projekktor.audio .ppfsenter, .projekktor.audio .ppfsexit { display: none; }
.ppfsenter, .ppfsexit { width: 30px; height: 30px; background: url("../images/theme/maccaco/maccaco.png") no-repeat right top transparent; cursor: pointer; border-left: 1px solid #413e3e; }
.ppfsenter:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat right -35px transparent; }
.ppfsenter:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat right -36px transparent; }
.ppfsexit { background: url("../images/theme/maccaco/maccaco.png") no-repeat right -70px transparent; }
.ppfsexit:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat right -105px transparent; }
.ppfsexit:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat right -106px transparent; }
/* Unmute / Max volume - right */
.ppvmax { width: 30px; height: 30px; border-right: 1px solid #000; border-left:none; background: url("../images/theme/maccaco/maccaco.png") no-repeat -842px top transparent; }
.ppvmax:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -842px -35px transparent; }
.ppvmax:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat -842px -36px transparent; }
/* Mute / Min volume - right */
.ppmute { width: 29px; height: 30px; border-left:1px solid #413e3e; background: url("../images/theme/maccaco/maccaco.png") no-repeat -750px top transparent; }
.ppmute:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -750px -35px transparent; }
.ppmute:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat -750px -36px transparent; }
/* volume slider - right */
.ppvslider { margin: 13px 5px; height: 16px; width: 60px; background: url("../images/theme/maccaco/maccaco.png") no-repeat -781px -13px transparent; }
.ppvmarker { position: relative; right:0; left: 0; height: 6px; width: 100%; background: url("../images/theme/maccaco/maccaco.png") no-repeat -634px -13px transparent; }
.ppvknob { cursor: pointer; z-index: 201; position: relative; background: url("../images/theme/maccaco/maccaco.png") no-repeat -699px -5px transparent; top: -13px; left:0; width: 6px; height: 20px; padding: 0; }
/* time / time left */
.pptimeleft { color: #fff; width: 130px; line-height: 30px; height: 30px; border-left: 1px solid #413e3e; border-right: 1px solid #000; text-align: center; overflow: hidden; font-weight:normal; }
/* special for single
.pptimeleft {
background: url("maccaco.png") no-repeat -91px top transparent;
}
*/



/* lo / hi quality toggle */
.pploquality, .pphiquality { background: url("../images/theme/maccaco/maccaco.png") no-repeat -60px -72px transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.pphiquality:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -106px transparent; }
.pploquality { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -72px transparent; }
.pploquality:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -106px transparent; }
.pphiquality:active, .pploquality:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -105px transparent; }
/* previous / next item */
.ppnext, .ppprev { display:block; background: url("../images/theme/maccaco/maccaco.png") no-repeat -59px top transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.ppnext { border-right:none; }
.ppnext:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -59px -35px transparent; }
.ppnext:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat -59px -36px transparent; }
.ppprev { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px top transparent; }
.ppprev:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -35px transparent; }
.ppprev:active { background: url("../images/theme/maccaco/maccaco.png") no-repeat -32px -36px transparent; }
/* Scrubber, Playhead and fluff */
.ppscrubber { position: absolute; height: 5px; width: 100%; background: url("../images/theme/maccaco/maccaco-load.gif") repeat-x left top transparent; left: 0; margin: 0; padding: 0; border-bottom: 1px solid #000; }
.audio .ppscrubber { background: url("../images/theme/maccaco/maccaco-load-static.png") repeat-x left top transparent; }
.ppscrubberdrag { cursor: pointer; z-index: 302; position: absolute; background-color: transparent; top:0; left:0; height: 5px; width: 100%; }
.ppplayhead, .pploaded { position: relative; display: block; left: 0; bottom: 0; height: 5px; width: 1px; background-color:#fff; cursor: pointer; z-index: 301; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0, 0, 0); -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear; }
.ppcuepoint { position: absolute; height: 5px; width: 5px; background-color: yellow; top: 0; left: 0; margin: 0; padding: 0; z-index: 302; }
.ppcuepoint:hover { background-color: red; cursor: pointer; }
.pploaded { position: relative; z-index: 10; background: rgb(65, 62, 62); opacity: 0.8; filter: alpha(opacity = 80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.ppplayhead { margin-top: -5px; }
/* Context Menu */
.ppcontextmenu.active { display: block; }
.ppcontextmenu.inactive { display: none; }
.ppcontextmenu { background: none repeat scroll 0 0 #FFFFFF; list-style: none outside none; border: 1px solid #CCCCCC; border-radius: 2px 2px 2px 2px; margin: 4px 0; outline: medium none; overflow: auto; padding: 6px 0; position: absolute; z-index: 2147483647; margin: 0; padding: 0; top: 0; left: 0; }
.ppcontextmenu li { color: #333; cursor: pointer; display: block; margin: 0; padding: 6px 20px; text-decoration: none; white-space: nowrap; word-wrap: normal; }
.ppcontextmenu li:hover { color: #fff; background-color: #333; }
/****************************
/* VAST ad plugin specific */
/***************************/
.ppad .left, .ppad .right { display: none; border: none; }
.ppad .ppcontrols { background: transparent; border: none; }
.ppad .ppadtitle { position: absolute; bottom: 2%; left: 2%; border: none; }
.ppadskip { position: absolute; padding-top: 2px; bottom: -10px; right: 0px; width: 85%; height: 28px; background-color: transparent; color: #fdfdfd; }
.ppskip.locked { background-color: red; }
.ppskip.unlocked { cursor: pointer; color: #00B0FF; }
.pppostad .ppprev.active { display: none; }
/****************************
/* Subtitles plugin specific */
/***************************/
.pptracksbtn.inactive, .pptracks.inactive { display: none; }
.pptracksbtn.active, .pptracks.active { display: block; }
.pptracks span { position: relative; }
.pptracksbtn.on, .pptracksbtn.off { background: url("../images/theme/maccaco/maccaco.png") no-repeat -120px -72px transparent; width: 30px; height: 30px; cursor: pointer; border-left:1px solid #413e3e; border-right:1px solid #000; }
.pptracksbtn.on { background: url("../images/theme/maccaco/maccaco.png") no-repeat -92px -72px transparent; }
.pptracksbtn:hover { background: url("../images/theme/maccaco/maccaco.png") no-repeat -118px -106px transparent; }
.pptracks { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; overflow: hidden; color: #fdfdfd; background:rgb(0,0,0); background: transparent\9; background:rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
zoom: 1; padding: 5px 0; z-index: 1000; }
.pptracks.shifted { bottom: 38px; }
#ui-id-1 { z-index:9999; }
#ui-id-1 li { padding:5px; border-bottom:1px solid #ccc; }
#ui-id-1 li:hover { padding:5px; }
.inqueryArea .formArea select, .conInqueryArea .formArea select { border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #4c4c4c url(../images/custome-drop-arrow.png) no-repeat right 5px; cursor:pointer; }
.inqueryArea .formArea select, .conInqueryArea .formArea select:fucus {
outline:0 none;
}
.inqueryArea .formArea option, .conInqueryArea .formArea option { padding: 6px; }
select::-ms-expand {display: none;}

.inqueryArea .formArea select, .conInqueryArea .formArea select{height: 30px;
        color: #d3d3d3;
        font: 14px 'Open Sans' , sans-serif;
        margin: 0 0 0 0;
        font-weight: lighter;
        padding: 5px;}

.inqueryArea .formArea select, .conInqueryArea .formArea select, .inqueryArea .formArea option, .conInqueryArea .formArea option{background-color: #4c4c4c;
        color: #d3d3d3;
        font: 14px 'Open Sans' , sans-serif;
        font-weight: lighter;
        padding: 6px 0;}

.selectBox { border: 1px solid #bfbfbf; background: #fff url(../images/custome-drop-arrow.png) no-repeat right 9px; cursor:pointer; color: #4e4e4e; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.selectBox option { background-color: #fff; color: #4e4e4e; border-bottom:1px solid #ccc; padding:6px; }
.selectBox.selectLocation { height:40px; width: 60%; }
.selectBox.selectCon { height:40px; width: 250px; }
.selectheight40 { height:40px; }
.selectwidthfull { width:100%; }
.selectheight32 { height:32px; padding: 5px; background: #fff url(../images/custome-drop-arrow.png) no-repeat scroll right 4px; }
.newsEvents .eventFilter .selectBox { background: #fff url(../images/custome-drop-arrow.png) no-repeat right 4px; padding:3px 6px; }
.homeSlider .bannerArea .allBanner .btnLink { background:#b72027; border: 0 none; box-shadow: 0 0 1px rgba(0, 0, 0, 0); color: #ffffff; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 300; line-height: 36px; overflow: hidden; padding: 0 10px; margin:0; text-align: center; text-transform: uppercase; transform: translateZ(0px); transition-duration: 0.3s; transition-property: color, background-color; vertical-align: middle; }
.homeSlider .bannerArea .allBanner .btnLink:hover { border:0; background:rgba(183, 32, 39, 0.5); color:#fff; }
.no-borderradius .homeSlider .bannerArea .allBanner .btnLink:hover, .no-history .homeSlider .bannerArea .allBanner .btnLink:hover { background:#c92b32; color:#fff; }
.overlay .innerGif { position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; }
.yearTableData .tableOut tr th:last-child { width:219px; }
.serchList.bulletText li { margin:5px 0; list-style:none; background:url(../images/bullete.png) no-repeat 0 12px; color:#5a5a5a; display:table; font-size:16px; padding:6px 6px 6px 16px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.serchList.bulletText li:hover { background:#fff url(../images/bullete.png) no-repeat 5px 12px; color:#b72027; padding:6px 6px 6px 21px }
.serchList.bulletText li a { color: #474747; }
.serchList.bulletText li:hover a { color: #b72027; }
.no-borderradius .pipeChartPage .formArea INPUT[type=text]{padding:6px 10px;}
.no-borderradius .pipeChartPage .formArea .selectBox{padding:8px 5px;}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
nav > ul > li {
margin:0 17px;
} /*.tabbingArea .tabsNav {width:897px;} .tabbingArea .tabsNav .tabsAnchor {padding:0 29px;}*/
.slide {
background-attachment:fixed;
}
::i-block-chrome, .slide {
background-attachment:scroll;
} /*::i-block-chrome, .tabbingArea .tabsNav {width:902px;}*/
}
.pipeChartPage .formArea .btnCol { text-align:center; }
.padTop20 { padding-top: 24px; }
/*added by Umesh Agrawal on 10/08/2015*/
.italic { font-style:italic !important; }
.bold { font-weight:bold!important; }
/*end by Umesh*/
.inqueryAreain .validation { color: Red; font-weight: bold; }