/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,900,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);
html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
audio,
canvas,
video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden] {
display:none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { font-family: sans-serif }
body { margin: 0; margin: 0px; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code,
kbd,
pre,
samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before,
q:after { content: ''; content: none }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl,
menu,
ol,
ul { margin: 0 0 }
dd { margin: 0 0 0 0px }
menu,
ol,
ul { padding: 0 0 0 0px }
nav ul,
nav ol,
li { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px
}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle
}
button,
input { line-height: normal; border: none; }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow:visible
}
button[disabled],
html input[disabled] { cursor: default }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px;
*width:13px
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance: textfield; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
html,
body,
form { width: 100%; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { font-family: 'Roboto', sans-serif; font-size: 14px; }
html,
body,
form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #828282; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { text-decoration: none; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

:focus::-webkit-input-placeholder {
color:transparent;
}
:focus::-moz-placeholder {
color:transparent;
}
:-moz-placeholder {
color:transparent;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   
#wrapper { width: 100%; height: auto; float: left; min-height: 100%; height: 100%; }
.main-warp { width: 100%; height: auto; float: left; min-height: 100%; overflow: hidden; }
.page { width: 100%; height: auto; float: left; padding-bottom:260px;   }
 a { outline:none !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
h1,
h2,
h3,
h4 { margin: 0px; padding: 0px; }
ul,
li { margin: 0px; padding: 0px; list-style: none; }
*:focus {
    outline: 0;
}

body{ font-family: 'Raleway', sans-serif;  }
.container{ max-width:1170px; margin:0 auto;}
header{ width:100%; height:87px; background:#fff; float:left; padding-top:15px;}
.hdr-lft{ float:left;}
.hdr-rgt{ float:right;}
.hdr-rgt nav{ padding-top:13px; float:left;}
.hdr-rgt nav > ul > li{ float:left; font-size:14px; font-weight:600; margin-left:0px; color:#383737; -webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px; display:block; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; margin-left:5px; position:relative;}
.hdr-rgt nav > ul > li > a{ padding:5px 16px; display:block;}
.child{ position:absolute; z-index:500; display:none;  width:200px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; top:12px; overflow:hidden; padding-top:40px; }
.child::after{width: 0; height: 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 0px solid #e3e7e8; content:""; display:block; top:60px; 
position:absolute; left:40px; opacity:0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; z-index:400; }
.hdr-rgt nav > ul > li:hover .child::after{ opacity:1; top:30px;  border-left:8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #e3e7e8;}
.child li a{ color:#777779 !important; padding:10px 15px; display:block; font-size:13px; background:#e3e7e8;}
.child li:first-child{-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; overflow:hidden;}
.child li a:hover{ color:#fff !important; background:#1363cc;}
.hdr-rgt nav ul li a{ color:#0c62e2; }
.hdr-rgt nav ul .active{ background:#1363cc;}
.hdr-rgt nav ul .active a{ color:#fff;}
.hdr-rgt nav ul li:hover{ background:#7ea1cf;}
.hdr-rgt nav ul li:hover a{color:#fff;}
.banner{ width:100%; float:left; position:relative; text-align:center; overflow:hidden;}
.banner > img{ max-width:100%; }
.banner-overlay-outer{ position:absolute; width:100%; height:100%; left:0px; top:0px;  z-index:100;}
.banner-overlay{ max-width:1170px; margin:0 auto;  height:100%; position:relative;  }
.tool-tip{ position:absolute; display:block; background:rgba(255, 255, 255, 0.4)url(../images/icon.png) no-repeat 10px center; height:58px; padding:10px 20px 10px 55px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.tool-tip::before{ width: 0; height: 0; border-top: 10px solid transparent; border-right:10px solid rgba(255, 255, 255, 0.4); border-bottom: 10px solid transparent; content:""; position:absolute; left:-10px; top:18px;}
.tool-tip p{ font-size:14px; font-weight:600; text-align:left; color:#1b1b1b;}
.tool-tip p span{ font-family: 'Open Sans', sans-serif; font-weight:600;}
.t1{ top:26%; left:-1%; opacity:0;}
.banner-overlay-outer:hover .t1{ left:7%; opacity:1;}
.t2{ top:30%; left:30%; opacity:0;   }
.banner-overlay-outer:hover .t2{ left:38%; opacity:1; -webkit-transition-delay: 0.3s; /* Safari */ transition-delay: 0.3s;}
.t3{ top:75%; left:45%; opacity:0;   }
.banner-overlay-outer:hover .t3{left:51%; opacity:1; -webkit-transition-delay: 0.4s; /* Safari */ transition-delay: 0.4s;}

.t4{ top:45%; left:60.5%; opacity:0;   }
.banner-overlay-outer:hover .t4{ left:64.5%; opacity:1; -webkit-transition-delay: 0.5s; /* Safari */ transition-delay: 0.5s;}

.t5{ top:78%; left:74%; opacity:0;  }
.banner-overlay-outer:hover .t5{ left:79%; opacity:1; -webkit-transition-delay: 0.6s; /* Safari */ transition-delay: 0.6s;}

.t6{ top: 37%; right: -24.5%; opacity:0;  }
.banner-overlay-outer:hover .t6{ right: -29.5%; opacity:1; -webkit-transition-delay: 0.7s; /* Safari */ transition-delay: 0.7s;}
.banner-txt{ position:absolute; right:0px; top:75px;  transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.banner-txt h1{ font-size:30px; font-weight:300; color:#fff; display:block; float:left; background:rgba(0, 0, 0, 0.15); padding:7px 25px; text-align:left; }
.banner-txt h2{ font-size:22px; display:block; clear:both; float:left;  background:rgba(0, 0, 0, 0.15); font-weight:300; color:#fff; padding:7px 25px; margin-top:5px;}
.banner-txt h2 span{ font-family: 'Open Sans', sans-serif; font-weight:300;}
.sky-outer{ width:100%; position:absolute; left:0px; top:0px; }
.slider-section{ width:100%; float:left;  padding:50px 0px;}
.clouds{ width:100%; height:560px; background:url(../images/bg_clouds.png) repeat-x 0 bottom; position:absolute;z-index:0; top:-7%; opacity:0.8; }
.project-slider{ width:100%; float:left;}
.project-slider li{ float:left; margin-left:1px;}
.project-slider li .slide-cnt{ width:129px; height:129px; background:#f1f1f1; border:1px solid #dddddd; display:table;  transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.project-slider li .slide-cnt h2{ display:table-cell; text-align:center; vertical-align:middle; font-size:12px; font-weight:700; color:#5e5d5d; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.project-slider li:hover .slide-cnt{ background:#1363cc;}
.project-slider li:hover .slide-cnt h2{ color:#fff;}
.slider-section .slick-prev{  width:16px; height:29px; left:-30px; right:auto; background:url(../images/pre.png) no-repeat 0px 0px !important;}
.slider-section .slick-next{  width:16px; height:29px; right:-30px; left:auto; background:url(../images/nxt.png) no-repeat 0px 0px !important;}
footer{ width:100%; float:left;  height:260px; margin-top:-260px; background:#1c1c1c; padding-top:42px; position:relative;}
.ftr-block{float:left; }
.ftr-block h3{ font-size:18px; font-weight:700; color:#fff; padding-bottom:15px; float:left; width:100%; text-transform:uppercase;}

.f-blk{ float:left; padding-right:55px;}
.f-blk p{ font-size:13px; color:#9e9e9e;}
.f-blk a{ color:#9e9e9e;}
.f-blk a:hover{ color:#fff;}
.f-link img{ opacity:0.45; padding-right:17px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.f-link{ font-size:13px; color:#9e9e9e; font-weight:600; }
.f-link:hover img{ opacity:1;}
.f-link:hover{ color:#fff;}
.ftr-block .f-blk:last-child{ padding-right:0px;}
.ftr-block:first-child{  width:77%;}
.ftr-block:last-child{ width:23%; text-align:right;}
.footer-bottom{ width:100%; float:left; height:52px; position:absolute; bottom:0px; background:#0b0b0b; padding-top:20px;}
.footer-bottom p{ font-size:12px; color:#fff;}
.footer-bottom .container{ position:relative;}
.scroll-top{ display:block; width:38px; height:38px; border:1px solid #4e4e4e; position:absolute; right:0px; top:-10px; background:url(../images/up-arw.png) no-repeat center center;}
.scroll-top:hover{ border-color:#fff;}

.pop-content{ padding:3px; -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px; background:#fff;}
.bClose{ background:#fff url(../images/close.png) no-repeat; width:30px; height:30px; top:-30px; right:9px; position:absolute;  cursor:pointer; background-size:100%; }
.bClose img{ max-width:100%;}
.map{ width:600px; height:450px;}

.inner-banner{ width:100%; float:left;  background:#eaedee; height:140px; position:relative;}
.inner-banner .inner-bnr-lft{ float:left; width:42%;  min-height:140px;}
.inner-banner .inner-bnr-rgt{ float:left; width:58%;  min-height:140px; }
.inner-banner-overlay{ position:absolute; width:100%; height:100%; top:0px; left:0px; }
.inner-banner-overlay .container .txt-outer{ display:table; height:140px;}
.inner-banner-overlay .container h2{ font-size:36px; text-transform:uppercase; font-weight:700; color:#9c9e9f; display:table-cell; vertical-align:middle;}
.inner-links{ width:100%; float:left; border-bottom:1px solid #cdcdcd; }
.inner-links .container{}
.inner-links .container ul{ float:left; width:100%;}
.inner-links .container ul li{ float:left;}
.inner-links .container ul li a{ font-size:14px; font-weight:600; color:#58595b; padding:25px 20px; display:block;}
.inner-links .container ul li a:hover{ color:#1664da;}
.inner-links .container ul li .active{ background:#0f61cc;}
.inner-links .container ul li .active{ color:#fff !important; position:relative;}
.inner-links .container ul li .active:after{ display:block; content:""; width: 0; height: 0; border-left: 19px solid transparent; 
border-right:19px solid transparent; border-top: 20px solid #1885df; position:absolute; border-bottom:0px; bottom:-13px; left:50%; margin-left:-20px;}
.inner-cntarea{ width:100%; float:left;  padding-top:42px; padding-bottom:53px;}
.inner-cntarea  .abt h2{ font-size:24px;  font-weight:400; color:#ec232b; float:left; width:100%; padding-bottom:44px;}
.abt-sec{ float:left; width:100%;}
.abt-sec .abt-sec-lft{ float:left; padding-right:60px;  width:20.8%;}
.abt-sec .abt-sec-lft img{ max-width:100%;}
.abt-sec .abt-sec-rgt{ float:left;   width:79.2%;}
.abt-sec .abt-sec-rgt p{ font-size:16px; color:#58595b; line-height:24px; text-align:justify; }
.abt-sec .abt-sec-rgt p:last-child{ padding-bottom:0px;}
.inner-cntarea p{ font-size:16px; color:#58595b; line-height:24px; padding-bottom:30px;  }
.gray-sec{ width:100%; float:left;  background:#f2f4f5 url(../images/vl.png) no-repeat center 100px; padding:40px 0px; margin-bottom:27px; }
.gray-sec .gray-sec-lft{ width:50%; float:left; padding-right:75px;}
.gray-sec .gray-sec-lft h2{font-size:24px;  font-weight:400; color:#ec232b; float:left; width:100%; padding-bottom:5px; border-bottom:1px solid #cdcdcd; margin-bottom:35px;}
.gray-sec .gray-sec-lft ul{ float:left; width:100%;}
.gray-sec .gray-sec-lft ul li{ float:left; width:100%; font-size:17px; color:#58595b; font-weight:300;}
.gray-sec .gray-sec-lft ul li span{ font-weight:700; color:#58595b;}
.gray-sec .gray-sec-lft ul li{ padding-bottom:23px;}
.gray-sec .gray-sec-rgt{ width:50%; float:left; padding-left:75px;}
.gray-sec .gray-sec-rgt h2{font-size:24px;  font-weight:400; color:#ec232b; float:left; width:100%; padding-bottom:5px; border-bottom:1px solid #cdcdcd; margin-bottom:35px;}
.gray-sec .gray-sec-rgt ul{ float:left; width:50%;}
.gray-sec .gray-sec-rgt ul:last-child{ padding-left:20px;}
.gray-sec .gray-sec-rgt ul li{  font-size:16px; color:#58595b; font-weight:500; color:#58595b; padding-bottom:8px;}
.project-hdr{ width:100%; float:left;  background:#626f7a url(../images/project-img.jpg) no-repeat center center;}
.project-hdr h2{ font-size:24px; color:#fff; font-weight:600; text-transform:uppercase; padding:10px 0px;}
.inner-cntarea .slider-section{ padding-top:0px; padding-bottom:42px;}
.inner-cntarea .project-slider li .slide-cnt{ height:97px;}
.project-listing-outer{ width:100%; float:left; }
.project-listing-outer ul{ float:left; width:100%;}
.project-listing-outer ul li .project-cnt{ width:270px; height:405px; float:left;}
.project-cnt .project-img{ float:left; width:100%; height:340px; position:relative; overflow:hidden;}
.project-cnt .project-img img{ max-width:100%; transition: all 900ms ease-out 0s; -moz-transition: all 900ms ease-out 0s; -webkit-transition: all 900ms ease-out 0s;-o-transition: all 900ms ease-out 0s;}
.project-listing-outer ul li:hover .project-img img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);}
.project-cnt .project-img:after{ content:""; display:block; position:absolute; width:100%; height:100%; top:0px; left:0px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  z-index:100; background:url(../images/arrw.png) no-repeat center center; opacity:0.5; }
.project-listing-outer ul li:hover .project-cnt .project-img:after{ opacity:1;} 
.project-descri{ width:100%; float:left; height:65px; background:#ec232b; padding:13px 15px 13px 15px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; display:table;}
.project-descri h2{ font-size:14px; font-weight:500; color:#fff; float:none; display:table-cell; vertical-align:middle; text-transform:uppercase;}
.project-descri .view-icon{ float:none; display:table-cell; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; opacity:0.6; vertical-align:middle; text-align:right;}
.project-listing-outer ul li:hover .view-icon{ opacity:1;}
.project-listing-outer ul li{ margin-left:2.4%; float:left; margin-bottom:2.4%;}
.project-listing-outer ul{ width:102.4%; margin-left:-2.4%;}
.project-listing-outer ul li:hover .project-descri{ background:#272323;}

#Container .mix{display: none; overflow:hidden !important;}
.sort .active .slide-cnt{ background:#ec232b !important; }
.sort .active .slide-cnt h2{ color:#fff;}
.is-sticky{ position:fixed; top:0px; left:0px; z-index:500; background:#fff;}
.is-sticky .slide-cnt{ height:70px !important;}
.is-sticky .container{-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);}
.is-sticky .slider-section{ padding-bottom:10px;}
.filter-outer{ width:100%; float:left; }
.project-dtl-hdr h2{  width:50%; float:right;}
.project-dtl-outer{ width:100%; float:left;}
.project-dtl-outer .project-dtl-lft{ float:left; width:44.3%; position:relative; top:-68px; overflow:hidden; border: 5px solid #fff;}

.slider-for { height: 649px; overflow: hidden; }
.pro-smll-img { width: 92px !important; height:72px !important; float: none; margin: 0px auto; border: #d9d9d9 solid 1px; overflow: hidden;cursor:pointer; }
.pro-smll-img img { width: 100% !important; }
:focus { outline: none; }
.slider-nav { margin-top:15px!important; width: 90%!important; }
.product-gallery .slick-prev{  width:46px; height:72px; top:16px; left:auto; right:-50px; background:#dc232b url(../images/pre2.png) no-repeat 20px center; !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.product-gallery .slick-prev:hover{background:#dc232b url(../images/pre2.png) no-repeat 20px center; !important;}
.product-gallery .slick-next{ width:46px; height:72px; top:16px; left:auto; right:-96px; background:#dc232b url(../images/nxt2.png) no-repeat 10px center !important; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;}
.product-gallery .slick-next:hover{background:#dc232b url(../images/nxt2.png) no-repeat 10px center !important;}
.slider-for a{  display:block; position:relative;}
.slider-for a:after{ display:block; content:""; width:56px; height:52px; background:rgba(220, 35, 43, 0.9) url(../images/zoom.png) no-repeat center center; position:absolute;
 bottom:0px; right:0px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
 .slider-for a:hover:after{ background:rgba(220, 35, 43, 1) url(../images/zoom.png) no-repeat center center;}
 
.project-dtl-outer  .project-dtl-rgt{ width:55.7%; float:left; padding-left:70px;}
.project-dtl-outer  .project-dtl-rgt > ul { float:left; width:110%; padding-top:20px; padding-bottom:50px; }
.project-dtl-outer  .project-dtl-rgt > ul > li{ font-size:17px; color:#58595b; font-weight:400; padding-bottom:18px; font-family: 'Open Sans', sans-serif; }
.project-dtl-outer  .project-dtl-rgt ul li span{ font-size:17px; color:#58595b; font-weight:700; text-transform:uppercase; display:inline-block; min-width:265px; background:url(../images/icon10.png) no-repeat right center; margin-right:20px; font-family: 'Raleway', sans-serif;}
.project-dtl-outer  .project-dtl-rgt ul li span img{ padding-right:20px; display:inline-block; position:relative; top:-5px;}
.project-dtl-outer  .project-dtl-rgt .acco-outer{ width:100%; float:left; border-top:1px solid #b9b8b8;}
.accordion li{ border-bottom:1px solid #b9b8b8;}
.panel p{ font-size:16px; color:#848687;}

.download-sec{ width:100%; float:left; padding-bottom:53px;}
.download-sec h3{ font-size:24px; color:#58595b; padding-bottom:20px;}
.download-sec ul{ float:left; width:100%; }
.dwn-cover{ width:168px; height:121px; overflow:hidden;  float:left;}
.download-sec ul li{ margin-right:36px; float:left;  width:168px;}
.download-sec ul li p{ float:left; width:100%; text-align:center; padding-top:15px;}
.download-sec ul li a{ color:#58595b;}
.founders{ width:100%; float:left; }
.founders h4{ font-size:24px;  font-weight:400; color:#ec232b; float:left; width:100%; padding-bottom:30px; padding-top:25px; text-transform:uppercase;}
.founders ul{ float:left; width:100%; display:flex;  }
.founders ul li{ float:left; width:25%;  overflow:hidden;} 
.fonder-img{ width:218px; height:238px;  overflow:hidden; margin-bottom:15px;}
.founders ul li p{ float:left; width:100%; font-size:19px; color:#000; font-weight:300; padding-top:14px; position:relative;}
.founders ul li p::before{ display:block; content:""; width:218px; height:4px; left:0px; top:-4px; background-color:#ec232b; position:absolute; }
.founders ul li p span{ display:block; clear:both; color:#707070; font-size:16px; font-weight:700; }

.subsidiaries{ width:100%; float:left; padding-bottom:30px;}
.subsi-hdr{ width:100%; float:left; padding-bottom:30px; border-bottom:1px solid #cdcdcd; display:table;}
.subsi-hdr-lft{ float:none; display:table-cell; vertical-align:middle;}
.subsi-hdr-rgt{ float:none; display:table-cell; vertical-align:middle; text-align:right;}
.subsi-hdr-rgt h2{ font-size:30px; font-weight:300; color:#ec232b; }
.subsi-dtls-outer{ width:100%; float:left;  padding-top:30px; }
.subsi-dtls-lft{ float:left; width:75%; }
.subsi-dtls-lft p{ text-align:justify; float:left; width:100%;}
.subsi-dtls-rgt{ float:left; width:25%;  text-align:right;}
.subsi-dtls-rgt .subsi-dtls-img{ width:200px; height:120px; float:right; overflow:hidden; margin-bottom:58px;}
.subsi-link{ width:100%; float:left;  padding-left:40px; background:url(../images/link-icon.png) no-repeat 0px center;}
.subsi-link a{ font-size:15px; font-weight:700; color:#ec232b;}
.subsi-link a span{ display:block; clear:both; color:#9c9e9f;}
.subsi-link a:hover span{ text-decoration:underline;}

.news-outer{ width:100%; float:left;}
.news-outer ul{ width:108.3%; float:left; margin-left:-8.3%  }
.news-outer ul li{ float:left; width:25%; margin-left:8.3%  }
.news-outer ul li .news-item{  float:left;  width:100%; min-height:320px; }
.news-outer ul li h3{ font-size:19px; color:#343434; font-weight:500; line-height:24px; padding-bottom:10px; width:100%; float:left; max-height: 105px; overflow:hidden;}
.news-date{ width:100%; float:left; display:block; font-size:16px; color:#58595b; font-weight:700; padding-bottom:24px;}
.news-outer ul li p{ float:left; width:100%;   max-height:115px; overflow:hidden; }
.news-outer ul li a{ display:inline-block; float:right; font-size:14px; color:#ec232b; margin-top:4px;}
.news-outer ul li a:hover{ color:#000; text-decoration:underline;}
.career-aco-outer{ width:100%; float:left; }
.career-aco-outer h3 a{ font-size:20px !important; color:#ec232b !important; font-weight:500 !important; text-transform:none !important; padding-left:0px !important; padding:0px !important;}
.career-aco-outer .accordion .panel{ padding:20px 0px!important;}
.career-aco-outer .accordion .panel p span{ font-size:20px; color:#585858; line-height:24px; font-weight:500;}
.career-aco-outer  .accordion li{ border-bottom:0px !important;}
.career-aco-outer h3{ padding:11px 0px !important; border-bottom:1px solid #ec232b; }
.career-aco-outer .accordion .panel p a{ font-size:16px; color:#ec232b; display:inline-block; border:1px solid #ec232b; padding:0px 5px; font-weight:600;}
.career-aco-outer .accordion .panel p a:hover{ background:#ec232b; color:#fff;}
.career-aco-outer .accordion .panel li{ padding-bottom:10px; font-size:16px; list-style:outside disc; margin-left:20px;}
.career-aco-outer .accordion li h3 a{ background:url(../images/acco3.png) no-repeat 99% center;}
.career-aco-outer .accordion li.active h3 a{ background:url(../images/acco4.png) no-repeat 99% center;}

.contact-top{ width:100%; float:left;}
.contact-blk{ width:350px; float:left; border-bottom:4px solid #ec232b; margin-right:152px; min-height:185px;}
.contact-blk p{ font-size:18px; color:#58595b; font-weight:500; }
.contact-blk li{ font-size:18px; color:#58595b; font-weight:500; padding-bottom:20px; }
.contact-blk li a{ font-size:18px; color:#58595b; }
.contact-blk li span{ display:inline-block; width:65px; padding-left:7px;}
.contact-form-sec{ width:100%; float:left;  padding-top:45px; border-bottom:4px solid #ec232b;}
.contact-form-sec ul{ width:100%; float:left; }
.contact-form-sec ul li{ padding-bottom:30px;}
.contact-form-sec ul li label{ font-size:17px; color:#58595b; display:block; padding-bottom:3px;}
.contact-form-sec ul li{ width:320px; float:left; margin-right:60px;}
.txt-fld{ width:100%; height:48px; border:1px solid #a6a4a4;  border-radius: 1px; padding:0px 15px;}
.full-width{ width:100% !important; margin-right:0px !important; max-width:1072px;}
.txt-area{ border-radius: 1px; padding:15px; border:1px solid #a6a4a4; width:100%; min-height:150px; resize:none;}
.smt-btn{ padding:18px; background:#ec232b; font-size:14px; font-weight:600; color:#fff; font-family: 'Raleway', sans-serif; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.smt-btn:hover{ background:#ba070e; }
.map-outer{ width:100%; float:left; padding-top:50px;  }
.map-outer h3{ font-size:18px; color:#58595b; font-weight:500; padding-bottom:25px;}
.loc-map{ width:100%; height:420px;}
.chairman-outer{ width:100%; float:left;  }
.chairman-lft{ float:left; width:28%; }
.chairman-photo{ width:252px; height:259px;  }
.chairman-photo::after{ content:""; display:block; width:100%; height:4px; background:#ee373e; margin-top:15px; }
.chairman-rgt{ float:left; width:72%; }
.chairman-rgt p{ font-size:17px; float:left; width:100%;}
.chairman-rgt h3{ font-size:20px; color:#343434; font-weight:300; padding-top:27px; border-top:1px solid #cdcdcd; float:left; width:100%;}
.chairman-rgt h3 span{ color:#8d8d8d; font-size:15px; font-weight:700; display:block; clear:both;}

.news-detail{ width:100%; float:left;}
.news-detail ul{ width:100% !important; margin:0px !important;}
.news-detail ul li{ width:100% !important; margin:0px !important;}
.news-detail ul li p{ border-bottom:none !important;}
.result-section{ width:101%; float:left; padding-bottom:50px; margin-left:-1%; padding-top:30px; }
.result-table{ width:32.3%; float:left; padding:20px; border: 1px solid #d8d8db; margin-left:1%; margin-bottom:1%; }
.result-table table{ width:100%; margin-bottom:30px;}
.result-table table td{font-size: 15px; color: #58595b; font-weight: 500; padding-bottom:10px;}
.result-table table td a{ color: #58595b;}
.result-table table td a:hover{ color:#ec232b;}
.result-table table td:nth-child(1){ font-weight:600;}
.result-table table td:nth-child(2){ width:50px; text-align:center;}
.result-table table td:nth-child(3){ font-weight:400;}
.video-outer{ width:100%; float:left; }
.video{ width:700px; height:394px; margin:0 auto; border: 1px solid #d8d8db;}

.nws-cnt{ border-bottom: 4px solid #ec232b; float:left; width:100%; padding-bottom: 14px; min-height:170px;}
.news-img-outer{ width:100%; float:left; padding-bottom:15px; }
.news-img-outer img { float:left; margin-right:10px;}



.info, .success, .warning, .error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 8px 10px 14px 70px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 5px;
   
}
 
.success { background: #ebf6c2 url(../images/success_s1.jpg) no-repeat left top; /* Old browsers */ border: 1px solid #a0b05c; color: #5e7111;text-align:left;display: inline-block; }
 
.info { background: #dff3fc url(../Images/img_info.jpg) no-repeat left top; /* Old browsers */ border: 1px solid #69b9df; color: #45a8d5;display: inline-block; }

.validation { border: 1px solid; margin: 10px 0px; padding: 10px 10px 10px 70px; background-repeat: no-repeat; background-position: 10px center; border-radius: 5px;display: inline-block; }

.error { background: #fac9d4 url('../images/img_error.png') no-repeat left top; /* Old browsers */ border: 1px solid #b9042d; color: #f05578; display: inline-block; }
.news-video{
width:100%;
	
}
.news-video video{
	width:600px;
	
}
	
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1800px) {
.banner-overlay-outer:hover .t1 {
    left: 10%;
    opacity: 1;
}
.banner-overlay-outer:hover .t2 {
    left: 39%;
   
}
.banner-overlay-outer:hover .t4 {
    left: 64%;
   
}	
	
.banner-overlay-outer:hover .t5 {
    left: 77.5%;
   
}

.banner-overlay-outer:hover .t6 {
    right: -25.5%;
   
}	
	
	
	}
	
@media only screen and (max-width: 1600px) {
	.banner-overlay-outer:hover .t1 {
    left: 15%;
    
}
.banner-overlay-outer:hover .t2 {
    left: 40.5%;
    
   
}

.banner-overlay-outer:hover .t4 {
    left: 62%;
   
   
}
.banner-overlay-outer:hover .t5 {
    left: 74.5%;
   
}

.banner-overlay-outer:hover .t6 {
    right: -16.5%;
   
}
}

@media only screen and (max-width: 1500px) {
	.banner-overlay-outer:hover .t1 {
    left: 18%;
}
.banner-overlay-outer:hover .t2 {
    left: 41.5%;
}

.banner-overlay-outer:hover .t4 {
    left: 61%;
}
.banner-overlay-outer:hover .t5 {
    left: 72%;
}

.banner-overlay-outer:hover .t6 {
    right: -10.5%;
}


}	

@media only screen and (max-width: 1366px) {
	.banner-overlay-outer:hover .t1 {
    left: 19.5%;
}
.banner-overlay-outer:hover .t2 {
    left: 41.5%;
}

.banner-overlay-outer:hover .t4 {
    left: 60%;
}
.banner-overlay-outer:hover .t5 {
    left: 71%;
}

.banner-overlay-outer:hover .t6 {
    right: -6.5%;
}


}	
	


 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a,
 a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after,
 a[href^="javascript:"]:after,
 a[href^="#"]:after { content: ""; }
pre,
 blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr,
 img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p,
 h2,
 h3 { orphans: 3; widows: 3; }
h2,
 h3 { page-break-after: avoid; }
}