header, section, article, aside, nav, footer, p, h1, h2, h3, h4, h5, ul, li details, figcaption, figure, footer, hgroup, main, summary { margin: 0; padding: 0; display: block; }
*, *: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; width: 100%; float: left;}
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: 'Lato', sans-serif; font-size: 14px; }
html, body, form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-family: 'Lato', sans-serif; font-size: 14px; color: #828282; background: #FFF; }
.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;
}
a { 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; }
/* ===== Main Style  ==================================================



========================================================================== */

   



#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; }
.container { width: 100%; height: auto; max-width: 1200px; margin: 0px auto; position: relative; }
/* header*/



header { width: 100%; float: left; height: auto; position: relative; background: #FFF; }
nav { width: 100%; height: 62px; float: left; background: #3691a5; }
nav ul { width: 95%; height: auto; float: left; text-align: right; }
nav ul li { width: auto; height: auto; float: none; display: inline-block; font-size: 16px; text-transform: uppercase; position: relative; letter-spacing: 1px; }
nav ul li a { width: auto; height: auto; float: left; padding: 20px; color: #FFF; }
nav ul li:hover a { background: #036277; }
.drop-menu { width: 270px; height: auto; float: none; background: #FFF url(../images/back-ground.png); position: absolute; left: 0px; z-index: 9999; top: 45px; opacity: 0; visibility: hidden; padding: 0 0 15px 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding: 0; }
nav ul > li:hover .drop-menu { visibility: visible; opacity: 1; top: 31px; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; text-align: left; }
nav ul .drop-menu li { width: 100%; height: auto; float: left; }
nav ul .drop-menu li a { width: 100%; height: auto; float: left; color: #036277; font-size: 16px; background: none; float: left; padding: 13px 20px; border-bottom: 1px solid #F4F4F4; font-weight: 400; text-align: left; text-transform: capitalize; }
nav ul .drop-menu li a:hover { background: #036277; color: #FFF; }
.logo-back { max-width: 408px; width: 22%; height: 329px; float: none; position: absolute; left: 0; background-image: url(../images/logo_back.png); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 10000; background-position: top left; }
.logo { width: 29%; max-width: 116px; height: 95px; float: none; position: absolute; left: 12%; top: 50px; background-image: url(../images/kai.png); background-repeat: no-repeat; background-size: contain; }
.logo a { width: 100%; height: 176px; float: left; }
/* banenr part */



.midd-wrap { width: 100%; height: auto; float: left; padding: 0 0 0 0; }
.banner-cont { width: 100%; float: left; height: auto; margin: 0px 0 0 0; position: relative; }
.banner { width: 100%; float: left; overflow: hidden; overflow: hidden; text-align: center; }
.banner img { max-width: 100%; }
.banner ul li { position: relative; }
.banner ul li .banner-text { width: 50%; height: auto; float: none; position: absolute; top: 17%; }
.banner ul li .container { height: 100%; position: absolute; left: 0; right: 0; }
.banner ul li .banner-text h1 { width: 100%; height: auto; float: left; color: #FFF; font-size: 43px; font-weight: 700; text-transform: uppercase; text-align: left; line-height: 48px; }
.banner ul li .banner-text h1 span { }
.banner-slider .slick-prev, .banner-slider .slick-next { width: 25px; height: 49px; z-index: 9999; margin-top: -60px; }
.banner-slider .slick-prev { background: url(../images/banner-arrow.png) no-repeat top left; left: 50px; }
.banner-slider .slick-next { background: url(../images/banner-arrow1.png) no-repeat top left; right: 50px; }
.banner-shape { width: 100%; height: 65px; float: none; position: absolute; bottom: 0px; background: url(../images/banner_back.png) no-repeat bottom left; left: 0px; z-index: 9; }
.banner-heading { width: 80%; max-width: 1364px; height: 385px; float: none; position: absolute; background-image: url(../images/pixelcut-export.png); background-repeat: no-repeat; background-size: contain; background-position: right bottom; bottom: 0px; right: 0px; z-index: 8; }
.banner-heading .lg-image { width: 100%; height: auto; float: none; text-align: center; position: absolute; bottom: 57px; right: 0; padding-right: 100px; }
.banner-heading .lg-image img { float: right; }
.home-cont { width: 100%; height: auto; float: left; background: url(../images/home-back.png) no-repeat; position: relative; }
.home-cont h1 { width: 100%; height: auto; float: left; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; }
.home-cont h1 span { text-transform: uppercase; }
.home-products-sec { width: 100%; height: auto; float: left; background: #e4e4e4; padding-bottom: 65px; }
.product-types { width: 100%; height: auto; float: left; }
.inner-wrap { width: 100%; height: auto; float: left; padding: 30px 0 180px 0; position: relative; z-index: 999; }
.inner-wrap:after { width: 14%; max-width: 257px; height: 476px; content: ''; position: absolute; left: 0px; bottom: 0px; background-image: url(../images/project-left.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; z-index: 99; }
.product-left { width: 41%; height: auto; float: left; margin: -120px 0 0 0; position: relative; z-index: 99; }
.product-left .slider-image li { width: 100%; height: auto; float: left; position: relative; }
.product-left h2 { width: 100%; height: auto; float: left; font-size: 34px; color: #FFF; text-transform: uppercase; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.product-left .slider-image li:hover h2 { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.product-left p { width: 100%; height: auto; float: left; font-size: 15px; color: #FFF; padding: 5px 0 0 0; line-height: 25px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.product-left .slider-image li:hover p { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.product-left .pro-contet-top { width: 100%; height: auto; float: left; padding: 0 25px; }
.product-right { width: 59%; height: auto; float: right; padding-left: 90px; }
.product-right h1 { padding: 10px 0 0 0; }
.product-image { width: 100%; height: auto; float: left; position: relative; background: #3994a7; padding-bottom: 30px; }
.product-image img { width: 100%; }
.product-image:after { width: 100%; height: 100%; content: ''; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3994a7+0,3994a7+100&1+0,1+40,0.7+99,0+100 */ background: -moz-linear-gradient(271deg, rgba(57,148,167,0) 0%, rgba(57,148,167,0) 28%, rgba(57,148,167,1) 75%, rgba(57,148,167,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(57,148,167,0)), color-stop(28%, rgba(57,148,167,0)), color-stop(75%, rgba(57,148,167,1)), color-stop(100%, rgba(57,148,167,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(271deg, rgba(57,148,167,0) 0%, rgba(57,148,167,0) 28%, rgba(57,148,167,1) 75%, rgba(57,148,167,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(271deg, rgba(57,148,167,0) 0%, rgba(57,148,167,0) 28%, rgba(57,148,167,1) 75%, rgba(57,148,167,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(271deg, rgba(57,148,167,0) 0%, rgba(57,148,167,0) 28%, rgba(57,148,167,1) 75%, rgba(57,148,167,1) 100%); /* ie10+ */ background: linear-gradient(179deg, rgba(57,148,167,0) 0%, rgba(57,148,167,0) 28%, rgba(57,148,167,1) 75%, rgba(57,148,167,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3994a7', endColorstr='#3994a7', GradientType=0 ); /* ie6-9 */
position: absolute; bottom: 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; }
.product-image:hover img { 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; }
.product-contet { width: 100%; height: auto; float: none; position: absolute; bottom: 0px; z-index: 99999; }
.product-more { width: 100%; height: 100px; float: left; margin: 20px 0 0 0; padding: 50px 0 0 25px; position: relative; 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-more::before { position: absolute; bottom: 0; left: -20px; width: 110%; height: 100px; background: #3ec4df; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transform: rotate3d(0, 0, 1, 10deg); transform-origin: 0 100%; z-index: -1; }
.product-left .slider-image li:hover .product-more::before { background: #3ec4df; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
.product-left .slider-image li:hover .product-image:after { display: none; }
.product-left .slider-image li:hover .product-more { padding-top: 40px; }
.product-more span { width: auto; height: auto; float: left; background: url(../images/arrow.png) no-repeat right 0px top 8px; color: #FFF; font-size: 20px; padding: 0 20px 0 0; text-transform: uppercase; z-index: 999; position: relative; }
.product-more span a { width: auto; height: auto; float: left; background: url(../images/arrow.png) no-repeat right 0px top 8px; color: #FFF; font-size: 20px; padding: 0 20px 0 0; text-transform: uppercase; z-index: 999; position: relative; }
.product-names { width: 100%; height: auto; }
.slider-tab { width: 100%; height: auto; float: left; margin: 35px 0 0 -20px; }
.slider-tab li { width: 100% !important; height: auto; float: left; font-size: 24px; color: #535353; text-transform: uppercase; padding: 7px 0; }
.slider-tab li a { color: #535353; }
.slider-tab li a:hover { color: #FFF; }
.slider-tab li span { width: 420px; height: auto; float: left; padding: 6px 15px; cursor: pointer; margin: 0 0 0 20px; }
.slider-tab li.slick-current span { background: #3792a5; color: #FFF; position: relative; }
.slider-tab li.slick-current span:after { position: absolute; content: ''; display: block; float: none; width: 0; height: 0; border-style: solid; border-width: 12px 15px 12px 0; border-color: transparent #3792a5 transparent; left: -15px; top: 11px; }
.slider-tab li span:hover { background: #3792a5; color: #FFF; }
.slider-image .slick-prev, .slider-image .slick-next { width: 36px; height: 36px; top: inherit; left: inherit; bottom: 0px; right: -175px; display: none !important; }
.slider-image .slick-prev { background: url(../images/tab_arrow1.png) no-repeat top left; }
.slider-image .slick-next { background: url(../images/tab_arrow.png) no-repeat top left; right: -125px; }
.slider-image .slick-prev:hover, .slider-image .slick-next:hover { background-position: bottom left; }
.slider-tab .slick-list { padding: 0px !important; }
.home-about { width: 100%; height: auto; float: left; background: #FFF; display: flex; padding: 20px 0; }
.about-left { width: 31%; height: auto; float: left; overflow: hidden; position: relative; text-align: center; }
.about-left { float: left; }
.about-right { width: 31%; height: auto; float: left; overflow: hidden; position: relative; text-align: center; z-index: 999; }
.about-right { float: left; }
.white-shape { background: url(../images/banner_white.png); margin-bottom: -3px; }
.about-center { width: 38%; height: auto; float: left; overflow: hidden; background: #FFF; text-align: center; margin: auto; margin-left: 0; }
.abt-text-area { width: 100%; height: auto; float: left; padding: 10px 0 0 0; }
.abt-text-area p { width: 100%; height: auto; float: left; font-size: 17px; color: #535353; font-weight: 400; font-style: italic; padding: 25px 0 0 0; line-height: 30px; }
.home-project { width: 100%; height: auto; float: left; padding: 30px 0 115px 100px; position: relative; z-index: 999; }
.home-project:after { width: 14%; max-width: 257px; height: 476px; content: ''; position: absolute; left: 0px; bottom: 0px; background-image: url(../images/project-left.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; z-index: 999; }
.project-slider { width: 80%; height: auto; float: left; padding: 40px 0 0 0; position: relative; z-index: 9999; }
.project-slider:after { }
.project-slider .slider li .slideX, .new-inner-list li .slideX { border-radius: 2px; box-sizing: border-box; float: left; margin: 0; padding: 0 0; position: relative; width: 96%; background:#e4e4e4;padding-bottom: 60px; }


.new-inner-list{
 width:102%;
 height:auto;
 float:left;
 margin:0 0 0 -2%;
}
.new-inner-list li {
 width:31%;
 height:auto;
 float:left;
 margin:20px 0 0 2%;
}

.news p{ color:#000; }
.news{ width:100%; float:left;  padding:40px 15px 15px 15px;  position:relative;}
.news h3{ font-size:16px; font-weight:700; color:#000; padding-bottom:8px; margin-top:30px;}
.news span{ color:#000; font-size: 16px;  }
.date{ color:#FFF; background:#036277; padding:7px 15px; text-align:center; overflow:hidden; position:absolute;left:50%; top:-20px;border-radius: 3px; margin:0 0 0 -57px;}
.project-slider .slider li .project-image, .new-inner-list li .project-image  { width: 100%; height: auto; float: left; overflow: hidden; -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; }
.project-slider .slider li .slideX img, .new-inner-list li .slideX img{ width: 100%; }
.project-slider .slider li h2, .new-inner-list li h2 { width: auto; height: auto; font-size: 13px; font-weight: 700; background: url(../images/arrow.png) no-repeat right 0 top 2px; float: left; margin: 5px 0 0 0; text-transform: uppercase; position: relative; z-index: 999; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 34px, 0); transform: translate3d(0, 34px, 0); padding-right: 15px; }
.project-slider .slider li .pro-btm, .new-inner-list li .pro-btm{ width: 100%; height: 70px; float: left; color: #FFF; float: none; position: absolute; bottom: 0px; left: 0px; overflow: hidden; 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; padding: 0 15px; }
/*

.project-slider .slider li .pro-btm:after { width: 0; height: 0; border-bottom: 70px solid #3ec4df; border-right: 370px solid transparent; content: ''; position: absolute; left: 0px; bottom: 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

*/



.project-slider .slider li .pro-btm::before,  .new-inner-list li .pro-btm::before { position: absolute; bottom: 0; left: -20px; width: 110%; height: 60px; background: #3ec4df; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transform: rotate3d(0, 0, 1, 8deg); transform-origin: 0 100%; }

.project-slider .slider li:hover .pro-btm::before, .new-inner-list li:hover .pro-btm::before { background: #3ec4df; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }

.project-slider .slider li:hover h2,  .new-inner-list li:hover h2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.project-slider .slider li p, .new-inner-list li p { width: 100%; height: auto; float: left; font-size: 14px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); padding-top: 14px; }
.project-slider .slider li:hover p, .new-inner-list li:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.project-slider .slider li:hover .project-image, .new-inner-list li:hover { opacity: 0.6; }
.project-slider .slick-prev, .project-slider .slick-next { width: 36px; height: 36px; top: inherit; left: inherit; top: -53px; right: 30px; }
.project-slider .slick-prev { background: url(../images/tab_arrow1.png) no-repeat top left; }
.project-slider .slick-next { background: url(../images/tab_arrow.png) no-repeat top left; right: 80px; }
.gallery-view { width: 100%; height: auto; float: left; position: relative; z-index: 9999; }
.video-list { width: 102%; height: auto; float: left; margin: 10px 0 0px -2%; }
.video-list li { width: 48%; height: auto; float: left; margin: 30px 0 0 2%; position: relative; }
.video-list li h2 { width: 100%; height: auto; float: left; font-size: 18px; color: #036277; font-weight: bold; padding: 10px 0 0 0; text-transform: uppercase; }
/* footer*/



footer { width: 100%; float: left; background: #dddddd; position: relative; clear: both; }
footer h2 { width: 100%; height: auto; float: left; font-size: 22px; color: #1a1a1a; font-weight: 700; text-transform: uppercase; }
.ft-container { width: 100%; height: auto; float: left; padding: 0 100px; }
.ft-block { width: 100%; height: auto; float: left; padding: 50px 0px 30px 0; }
.ft-menu { width: 100%; height: auto; float: left; padding: 20px 0 0 0; }
.ft-menu li { height: auto; float: left; font-size: 15px; padding-top: 10px; padding-right: 50px; }
.ft-menu li a { color: #333333; }
.ft-menu li a:hover { text-decoration: underline; color: #3691a5; }
.ft-block p { width: 100%; height: auto; float: left; font-size: 15px; padding: 12px 0 0 0; color: #333333; line-height: 29px; }
.ft-block p a { color: #333333; }
.ft-block p a:hover { color: #036277; text-decoration: underline; }
.footer-right { width: 28%; max-width: 524px; height: 1263px; float: none; position: absolute; right: 0px; bottom: 0px; background-image: url(../images/footer-image.png); background-repeat: no-repeat; background-size: contain; background-position: right 0 bottom -20px; z-index: 99; }
.copy-part { width: 100%; height: auto; float: none; position: absolute; bottom: 0px; right: 0px; text-align: right; padding: 0 20px 20px 0; }
.copy-part p { font-size: 13px; color: #FFF; padding: 0 0 0 30px; }
.footer-right .social { width: 100%; height: auto; float: left; margin: 0 0 30px 0; }
.footer-right .social li { width: 39px; height: 39px; float: right; margin-left: 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
.footer-right .social li:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); opacity: 0.8; }
.footer-right .social li a { width: 39px; height: 39px; float: left; }
.footer-right .social li.facebook { background: url(../images/facebook.png) no-repeat; }
.footer-right .social li.online-shop { background: url(../images/twitter.png) no-repeat;  }
.footer-right .social li.instagram { background: url(../images/instagram.png) no-repeat; }
.ft-map { width: 100%; height: auto; float: right; position: relative; }
.ft-map img { width: 100%; height: 370px; }
.ft-icon { width: 100%; height: auto; float: left; text-align: right; margin-bottom: 30px; }
.ft-icon img { width: 45%; }
.designBy { float: right; color: #FFF; margin: 0 22px 0 0; font-size: 11px; color: #a7a5a5; line-height: 60px; }
#map { width: 100%; height: 444px; float: right; overflow: hidden; }

 

/* ==========================================================================

   Media Queries

   ========================================================================== */




 @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; }
}
/* ==========================================================================

   ajesh css

   ========================================================================== */



/*about us*/

.abt-image { float: left; width: 35%; }
.abt-image img { margin-left: 0; margin-top: 20px; width:100%; }
.aboutus-content { text-align: left; width: 65%; float: left; }
.banner-cont.about-banner { height: 350px !important; }
.inner-abt-image { width: 40%; padding-right: 30px; float:left;  height:auto;  }
.abt-aling{
 width:100%;
 height:auto;
 float:left;
}
.inner-abt-cont { width: 60%; float:right; height:auto; }
.aboutus-content p { font-size: 18px; line-height: 30px; }

.inner-abt{
 display:inherit;
}
.aboutus-content h1, .inner-abt h1 { width: 100%; height:auto; float:left; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.our-vision { width: 100%; margin-left: -65px; margin-top: 50px; overflow: hidden }
.abt-list li { background: #FFF; float: left; width: 24%; min-width: 254px; margin: 5px; min-height: 400px; color: #666; margin-bottom: 40px; }
.abt-list img { width: 100%; }
.abt-list h2 { padding: 10px 20px; color: #2e94aa; text-transform: uppercase; font-size: 30px; font-weight: 600; }
.abt-list p { padding: 0px 10px; font-size: 16px; }
.shape { position: relative; width: 100%; }
.shape:before { width: 100%; content: ''; position: absolute; top: -208px; right: -26; height: 220px; display: block; background: url(../images/shape-white.png); z-index: 199; }
.banner-abt_heading { height: 250px; z-index: 8; }
.banner-about { height: auto; max-height:400px; }
.banner-about ul li .abt-text { top: 25%; }
.about-vision { width: 100%; height: auto; float: left; padding-bottom: 20px; position: relative; margin-top: 0px; background: #3792a5; }
.about-us { }
.reach { width: 100%; float: left; }
.reach h1 { font-size: 46px; width: 100%; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.reach h3 { width: 100%; font-size: 26px; padding-bottom: 16px; color: #0079c1; }
.reach p { font-size: 16px; line-height: 25px; width: 100%; color: #333; }
.reach-map { float: left; width: 100%; margin-top: 50px; }
.reach-map img { width:100%; max-width:800px; }
.page-reach { background: url(../images/reach-bg.jpg) no-repeat; width: 100%; float: left; height: 100%; padding: 80px 0; }
/*service*/

.service { width: 70%; height: auto; float: left; font-size: 18px; line-height: 35px; margin-bottom: 100px; margin-top: 50px; margin-left: -185px; }
.service h1 { font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.service-content { width: 100%; float: left; margin-left: 250px; }
.service-content h3 { font-size: 22px; color: #000; text-transform: uppercase; padding-top: 20px; font-weight: 600; }
.equipment { font-size: 24px; text-transform: uppercase; font-weight: 600; color: #CCC; padding: 30px 0px }
.shape-pipe-extrusion { float: left; left: -130px; width: 30%; }
.service-vision { width: 100%; height: auto; float: left; padding: 0px 40px; position: relative; margin-top: 0px; background: #3792a5; }
.home-service { padding: 30px 0px; }
#diamond { max-width: 180px; width: 20%; height: 180px; background: #1eff00; float: left; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 80px 30px 80px 55px; }
#diamond:before { width: 100%; content: ''; position: absolute; left: -45px; top: 40px; height: 181px; display: block; background: #036277 no-repeat; z-index: -100; }
#diamond img { width: 100%; height: 100%; }
/*service page-sub ROTATIONAL MOLDING*/



.rotational-shape { float: left; left: 0px }
.service-rotational { }
.service-rotational { width: 70%; height: auto; float: left; font-size: 18px; line-height: 35px; margin-bottom: 100px; margin-top: 50px; margin-left: -185px; }
.service-rotational h1 { font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.service-rotationalt { width: 60%; float: right; }
.service-rotational h3 { font-size: 22px; color: #000; text-transform: uppercase; padding-top: 20px; font-weight: 600; }
/*service page-sub ROTATIONAL MOLDING*/



/*contact us*/

.contact { width: 100%; height: auto; float: left; font-size: 18px; line-height: 35px; margin: 110px 0px 180px 0; }
.contact h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.cont-form { float: left; width: 40%; margin: 10px }
.abt-kai { float: left; width: 40%; margin: 0px; padding: 35px 40px; color: #FFF; background-color: #2e94aa; }
.cont-shape { position: relative; width: 100%; }
.adress { width: 100%; color: #FFFFFF; float: left; font-size: 18px; padding: 12px 0 0 0; line-height: 29px; }
.adress h2 { padding: 10px 0px; }
.adress a { color: #FFFFFF; }
.adress ul { padding: 10px 0px 20px 0; width: 100%; height: auto; float: left; }
.adress h3, .abt-kai h3.social-head { width: 100%; height: auto; float: left; font-size: 22px; font-weight: bold; padding-bottom: 10px; }
.adress ul li { width: 100%; height: auto; float: left; font-size: 18px; line-height: 32px; }
.abt-kai .social { width: 100%; height: auto; float: left; margin: 0 0 30px 0; }
.abt-kai .social li { width: 39px; height: 39px; float: left; margin-right: 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); margin-top: 0px; }
.abt-kai .social li:hover { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); opacity: 0.8; }
.abt-kai .social li a { width: 39px; height: 39px; float: left; }
.abt-kai .social li.facebook { background: url(../images/facebook.png) no-repeat; }
.abt-kai .social li.twitter { background: url(../images/twitter.png) no-repeat; }
.abt-kai .social li.instagram { background: url(../images/instagram.png) no-repeat; }
.location-map { float: left; position: relative; overflow: hidden; margin-top: 0px; width:55%; padding:0 0 0 10px; }
.contact-now { background: #CCC; padding: 10px; overflow: hidden; }
#gmap_canvas { width: 40%; height: 20%; }
/*product page*/



.product-page { width: 100%; height: auto; float: left; font-size: 18px; line-height:26px; margin-left: 100px; }
.product-page h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.product-page h2 { width: 100%; font-size: 28px; color: #09F; font-family: 'PT Serif', serif; padding: 0; padding-top: 20px; text-transform: uppercase; padding-bottom: 20px; }
.product-page h3 { width: 100%; font-size: 24px; color: #666; padding: 20px 0px 10px 0; }
.product-page p { width: 80%; }
.inner-pro-left { width: 70%; height: auto; float: left; padding-right: 80px; }
.inner-pro-left p { width: 100%; }
.inner-pro-right { width: 30%; height: auto; float: right; margin: -30px 0 0 0; }
.pro-inner { padding-bottom: 20px; }
.solid-bottom { width: 100%; height: auto; float: right; text-align: right; padding: 10px 0; }
.product-list { margin: 5px !important; float: left; position: relative; margin-top: 171px !important; margin-bottom: 171px !important; }
.product-list:before { width: 100%; content: ''; position: absolute; top: -220px; height: 220px; display: block; z-index: 199; border-left: 144px solid transparent; border-right: 144px solid transparent; border-bottom: 75px solid #036277; }
.product-name { position: absolute; color: #FFF; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: 800; padding: 10px; background: #036277; width: 100%; position: relative; }
.product-name h2 { font-size: 18px; font-weight: 800; color: #FFF; text-align: center; text-transform: uppercase; width: 100%; height: auto; position: relative; z-index: 9999; }
.product-name:after { width: 90%; content: ''; position: absolute; bottom: -110px; height: 140px; display: block; border-left: 132px solid transparent; border-right: 140px solid transparent; border-top: 75px solid #036277; left: 0px; }
.pro-service-hold { width: 100%; float: left; background-color: #06F; }
.service-box a { float: left; margin: 0px; padding: 0px; }
.service-hold { float: left; margin-left: -6%; padding: 0; width: 100%; }
.home-services { }
.home-services .slick-prev { background: rgba(0, 0, 0, 0) url("../images/service_arrow_left.png") no-repeat scroll 0 0; left: 1%; height: 55px; position: absolute; margin-top: -240px; width: 45px; padding: 5px; z-index: 10000; }
.product-list img { width: 100%; height: 100%; }
.home-services .slick-next { background: rgba(0, 0, 0, 0) url("../images/service_arrow_right.png") no-repeat scroll 0 0; left: 5%; height: 45px; margin-top: -240px; width: 45px; height: 55px; }
/*product pipe*/

.home-product { width: 100%; position: relative; float: left; padding: 30px 0px; }
.product-pipe { width: 100%; height: auto; float: left; font-size: 18px; line-height: 35px; margin-top: 0px; position: relative; z-index: 9999; }
.product-pipe h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.product-pipe h2 { width: 100%; font-size: 28px; color: #000; font-family: 'PT Serif', serif; padding: 0; padding-top: 20px; }
.product-pipe h3 { width: 100%; font-size: 24px; color: #666; padding: 10px 0px; }
.list-squre { padding-right: 5px; font-size: 15px; color: #3792a5; content: "\2666"; }
.wall-pipes { float: left; width: 63%; margin-left: 20px; font-size: 15px; line-height: 1.9; }
.pressure-pipes { float: left; margin-left: 171px; padding: 0px 5px; font-size: 15px; line-height: 1.9; position: relative; }
.wall-pipe-image { float: left; width: 35%; height: auto; }
.wall-pipe-heading { margin-top: 50px; }
.wall-pipe-cont { float: left; width: 60%; height: auto; }
.wall-pipe { width: 100%; float: left; height: auto; padding: 50px 0px; }
.left-side { width: 100%; overflow: hidden; float: left; }
.white-box, .corrugated-box { width: 47%; overflow: hidden; float: left; padding: 20px 30px; height: 490px; background-color: #f2f2f2; }
.box-right, .corrugated-right-box { width: 47%; float: left; padding: 20px 30px; overflow: hidden; background-color: #eeeeee; height: 490px; }
.corrugated-area { width: 100%; height: auto; float: left; display: flex; margin-bottom: 30px; }
.corrugated-box, .corrugated-right-box { height: auto; }
.corrugated-area .fittings-list { margin: 10px 0 0 0; }
.right-side { margin-top: 91px; margin-left: 10px; background: #dddddd; padding: 0px 20px; width: 48%; position: relative; padding-bottom: 40px; float: right; margin-bottom: 90px; }
/*product water-tank*/

.product-watertank { width: 68%; height: auto; float: left; font-size: 18px; line-height: 35px; padding-left: 45px; }
.product-watertank h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.product-watertank h2 { width: 100%; font-size: 28px; color: #09F; font-family: 'PT Serif', serif; padding: 0; padding-top: 20px; }
.product-watertank h3 { width: 100%; font-size: 24px; color: #666; padding: 10px 0px; }
.product-watertank p { width: 80%; }
.shape-tank { width: 28%; float: left; margin-top: 30px; }
.product-tank { width: 88%; height: auto; float: left; margin: 10px 0 0 0; margin-top: 30px; }
.product-tank h2 { padding: 20px 0px; }
.product-tank .tank-detail { width: 100%; height: auto; float: left; margin-bottom: 45px; }
.product-tank table { border-collapse: collapse; width: 100%; height: auto; float: left }
.product-tank th { color: #464646; padding: 12px 11px; text-align: center; border-bottom: #d9d9d9 solid 1px; font-weight: normal; font-weight: 600; }
.product-tank th em { font-style: normal; text-transform: lowercase; text-align: center; width: 100%; height: auto; float: left; }
.product-tank th small { font-style: normal; text-align: center; width: 100%; height: auto; float: left; }
.product-tank th:first-child { }
.product-tank th .sub-name { width: 100%; height: auto; float: left; text-align: center; color: #a10303; font-size: 16px; }
.product-tank th .red-td { color: #f9640b }
.product-tank th .vyl-td { color: #a361d3 }
.product-tank th .blue-td { color: #00ebc6 }
.product-tank th .light-blue-td { color: #11cffa; }
.product-tank td { font-size: 14px; padding: 10px 11px; border-bottom: #d9d9d9 solid 1px; vertical-align: top; text-align: left; }
.tank-detail thead { background: #333; }
.tank-detail thead > tr > th { color: #FFF; }
.tank-list { background: #f5f4f4; }
.tank-detail td { text-align: center; }
.volume { padding-left: 0px !important; border-bottom: none !important; }
.volume span { margin-left: 12px; padding: 0px; border-left: 1px solid #fff; padding-left: 15px; }
.liters { margin-left: 30px }
.usg { float: left; padding-left: 25px; }
.usg1 { float: left; padding-left: 10px; }
.layer-specifications { margin-bottom: 10px; }
.layer-specifications thead > tr > th { color: #000; }
.layer-specifications thead { background-color: #404040; }
.outer-layer { background-color: #d3d1d1; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 14px; width: 200px; }
.hardening-layer { background-color: #d3d1d1; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 14px; }
.insulating-layer { background-color: #d3d1d1; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 14px; }
.inner-layer { background-color: #d3d1d1; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 14px; }
.num { background-color: #dcdcdc; padding: 15px 20px; position: relative; font-size: 25px; font-weight: 600; color: #000; border-right: 6px solid #fff; height: 98px; }
.num:before { content: ''; position: absolute; background-image: url(../images/num.png); width: 61px; height: 98px; margin-left: -81px; margin-top: -32px; }
.tb-heading { font-size: 20px; font-weight: 800; text-transform: uppercase; color: #000; text-align: center; width: 180px; }
.description { background-color: #c2c0c0; color: #646464; text-align: center; padding: 15px 10px; font-weight: 600; font-size: 14px; width: 215px; }
.description h1 { text-align: center; }
.material { background-color: #b0b0b0; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 14px; width: 200px; }
.color { background-color: #a19d9d; color: #646464; text-align: center; padding: 15px 20px; font-weight: 600; font-size: 16px; width: 600px; text-transform: uppercase; }
.specifications { width: 100%; float: left; height: auto; margin-top: 80px; }
.specifications h2 { font-family: 'Lato', sans-serif; font-size: 28px; color: #828282; padding-bottom: 20px; }
.table-tank { width: 100%; float: left; height: auto; }
.tank-img { float: left; width: 40%; margin-top: 10px; }
.tank-type { width: 55%; float: left; height: auto; }
.tank-img2 { float: left; width: 17%; margin-top: 150px; margin-left: 20px; }
.tank-type1 { width: 80%; float: left; height: auto; }
.layer-specifications { margin: 30px 0 0 0; }
.layer-specifications tr { float: left; margin: 10px 0 0 0; }
.tbg1 { background: #b5ae98; color: #FFF; }
.tbg2 { background: #414042; color: #FFF; }
.tbg3 { background: #a7a9ac; color: #FFF; }
.tab-arrow { width: 100px; height: 100px; position: relative; }
.tab-arrow:after { width: 0; height: 0; border-top: 50px solid transparent; border-right: 50px solid red; border-bottom: 50px solid transparent; position: absolute; content: ''; right: 0px; top: 0px; float: none; }
.tab-arrow1:after { border-right: 50px solid #989381; }
.tab-arrow2:after { border-right: 50px solid #231f20; }
.tab-arrow3:after { border-right: 50px solid #939598; }
.layer-style { width: auto; height: auto; float: left; padding-right: 30px; }
/*product-fabricated fittings*/ 

.product-fabricated { width: 65%; height: auto; float: left;  padding-left: 50px; margin-top: 75px; }
.fittings-list { padding-top:10px; overflow:hidden;}
.product-fabricated h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.product-fabricated h2 { width: 100%; font-size: 28px; color: #09F; font-family: 'PT Serif', serif; padding: 0; padding-top: 20px; }
.product-fabricated h3 { width: 100%; font-size: 24px; color: #666; padding: 10px 0px; }
.product-fabricated p { width: 100%; height:auto; float:left; font-size:18px;   line-height: 35px;}
.shape-fittings { float: left; margin-top: 100px; width: 30%; }

.shape-fittings img{
 width:100%;
 max-width:325px;
}
/*product manhole*/

.product-manhole { width: 80%; height: auto; float: left; font-size: 18px; line-height: 35px; margin-left: 280px; margin-top: 75px; z-index: 999 }
.product-manhole h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.product-manhole h2 { width: 100%; font-size: 28px; color: #09F; font-family: 'PT Serif', serif; padding: 0; padding-top: 20px; }
.product-manhole h3 { width: 100%; font-size: 24px; color: #666; padding: 10px 0px; }
.product-manhole p { width: 80%; z-index: 999; }
.shape-manhole { width: 30%; position: absolute; float: left; margin-left: -143px; margin-top: 100px; }
/*product under watertank*/

.key-word { padding: 15px 0px; color: #666; font-size: 20px; }
.undertank ul li { padding: 10px 0px; font-size: 16px; }
/*product*/

.project-page { width: 100%; overflow: hidden; float: left; }
.project-page h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.project-list { width: 102%; margin: 0 0 0 -2%; float: left; height: auto; }
.project-list li { background: #ddd; float: left; width: 31.3%; min-width: 254px; margin: 2% 0 0 2%; min-height: 470px; color: #666; }
.project-list h2 { color: #036277; font-size: 18px; font-weight: 600; padding: 10px 0; margin-top: 10px; }
.project-list img { width: 100%; }
.shape-gray { position: relative; width: 100%; }
.project-gl-image:before { width: 100%; content: ''; position: absolute; bottom: 0px; right: -26; height: 250px; display: block; background: url(../images/shape-gray.png); }
.project-gl-image { width: 100%; height: 250px; overflow: hidden; position: relative; }
.project-dtls { width: 100%; height: auto; float: left; padding: 0 20px; }
.project-gl-image a { width: 100%; height: 200px; float: left; position: relative; }
.resp-tabs-list h3 { width: 100%; height: auto; float: left; font-size: 18px; color: #333; text-transform: uppercase; font-weight: bold; }
.tab-area { width: 100%; height: auto; float: left; margin: 50px 0 0 0 !important; }
.resp-tab-active { position: relative; }
.resp-tab-active:after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 13px solid #036277; content: ''; position: absolute; bottom: -13px; left: 50%; transform: perspective(1px) translatex(-50%); }
.status { font-size: 14px; font-weight: 600; padding: 5px 0px; text-transform: uppercase; }
.status span { font-size: 14px; font-weight: normal; text-transform: capitalize; padding-left: 5px; }
.product-area { width: 100%; height: auto; float: left; margin: 0px; position:relative; z-index:999; }
.agency-area { width: 100%; height: auto; float: left; padding-bottom: 180px; }
.agency-list { width: 60%; height: auto; float: left; background: #e2e2e2; margin: 20px 0 30px 0; padding: 35px 50px; }
.agency-list ul { width: 100%; height: auto; float: left; padding: 20px 0 0 0; }
.agency-list ul li { width: 100%; height: auto; float: left; font-size: 18px; color: #616161; padding: 8px 0; }
.agency-list p{ width: 100%; float: left; height: auto; font-size: 16px; line-height: 20px; padding-top: 10px;     text-transform: capitalize; color: #000}
.agency-list a p{color: #616161 !important;}
.agency-list ul li a{color: #616161 !important;}
.agency-list ul li strong { font-weight: 600; }
.agency-list h2 { width: 100%; height: auto; float: left; font-size: 32px; color: #0079c1; font-family: 'PT Serif', serif; margin: 0px; padding: 0px; }
.agencys { width: 100%; float: left; height: auto; margin: 20px 0 0 0; }
.agencies-img { width: 40%; float: right; margin-top: 5px; background-color: #cdcdcd }
.agencies-img img { width: 100%; height: auto; padding: 20px; }
.view-link { width: auto; height: auto; float: left; background: #3ec4df; color: #FFF; padding: 12px 70px 12px 25px; font-size: 16px; margin: 25px 0 0 0; position: relative; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); text-transform: uppercase; }
.site-logo { margin-top: 33px; margin-left: 50px; float: right; }
.view-link:before { width: 10px; height: 16px; position: absolute; content: ''; background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll right 0 top 0px; right: 50px; top: 17px; }
.view-link:after { width: 0; height: 0; border-top: 50px solid #e2e2e2; border-left: 50px solid transparent; position: absolute; content: ''; z-index: 999; top: 0px; right: 0px; }
.view-link:hover { background: #0079c1; }
.view-link:hover:after { border: none; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
.project-gl-image .mask { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; min-height: 250px; background: rgba(0, 0, 0, 0.6) url("../images/plus.png") no-repeat scroll center center; transition: all 0.4s ease-in-out 0s; }
.project-gl-image .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(0,0,0,0.5); -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; }
.project-gl-image:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
/*product solid wall chart*/

.chart-section { font-size: 11px; }
.table-head { border-right: 1px solid #146d81; border-bottom: 0px; }
.chart-section span { padding: 0 8px; }
.table-chart { border: 1px solid #2ccef2; margin: 20px 0 0 0; }
.solid-chart .table-chart { width: 95%; }
.table-chart > thead tr th { text-align: center; padding: 12px 7px; border-bottom: #73d2e7 solid 1px; }
.table-chart > thead tr th h4 { width: 100%; height: auto; float: left; border-bottom: rgba(255,255,255,1) solid 1px; }
.table-list td i { padding: 0px 20px; }
.table-list td span { text-align: center; width: auto; padding: 0 10px; min-width: 68px; float: left; font-size: 13px; }
.solid-chart .table-chart td span { min-width: inherit; width: 49%; border-right: #979797 solid 1px; }
.solid-chart .table-chart td { border-left: #73d2e7 solid 1px; }
.solid-chart .table-chart td span:last-child { border: none; }
.solid-chart .table-chart .chart-section span { min-width: inherit; width: 49%; float: left; padding-top:10px; line-height:16px; }
.table-list td { text-align: center; border-bottom: #3791a5 solid 1px; }
.tb1 { background-color: #f5f5f5; color: #000; }
.tb2 { background-color: #edecec; color: #000; }
.tb3 { background-color: #e5e2e1; color: #000; }
.tb4 { background-color: #d2d1d0; color: #000; }
.tb5 { background-color: #c9c8c7; color: #000; }
.tb6 { background-color: #bebcbc; color: #000; }
.sdr { background-color: #21798d; }
.height-od { padding-left: 10px }
.height-sub { padding-left: 35px; }
/*product CABLE DUCTING*/

.tank-signifition { width: 100%; float: left; height: auto; }
.undertank-application { width: 48%; float: left; height: auto; margin-top: 40px; font-size: 18px; line-height: 35px; padding: 20px }
.undertank-application ul { margin-top: 10px; }
.undertank-application h2 { margin-top: 20px; }
.sub-ducts { float: left; width: 48%; margin: 0 auto; font-size: 18px; line-height: 35px; margin-top: 60px; padding: 0px 20px; padding: 20px }
.sub-ducts ul { margin-top: 10px; }
.sub-ducts h3 { margin-top: 20px; font-size: 22px; color: #666; }
.primary { width: 100%; float: left; margin-top: 20px; }
.primary-slide { width: 25%; float: left; }
.primary-slide img { width: 100%; }
.primary-advantages { width: 70%; float: left; height: auto; overflow: hidden; padding: 0px 15px; }
.primary-advantages h3 { padding: 13px 0px; font-size: 22px; font-weight: 400; }
.primary-advantages h2 { font-size: 20px; color: #000; margin-top: 10px }
.primary-advantages ul li { font-size: 18px; }
.characteristics { width: 100%; float: left; height: auto; overflow: hidden; }
.characteristics h2 { font-size: 24px; font-weight: 700; color: #000; margin-top: 50px; margin-bottom: 20px; }
.characteristics-list { width: 25%; float: left; color: #666; font-size: 18px; padding: 10px 15px; height: 355px; }
.characteristics-list h1 { font-size: 22px; font-weight: 700; text-transform: uppercase; color: #09F; padding: 10px 0px; }
.col-1 { background-color: #b1dce5; }
.col-2 { background-color: #99cfda; margin-top: 50px; }
.col-3 { background-color: #89c6d3; margin-top: 100px; }
.col-4 { background-color: #7abbc8; margin-top: 150px; }
.accessories { width: 100%; float: left; height: auto; margin-top: 50px; border-top: 1px solid #999; padding-top: 50px; }
.accessories h2 { font-size: 24px; color: #000; font-weight: 700; }
.accessories-tb1 { width: 50%; float: left; height: auto; }
.accessories-tb2 { width: 50%; float: left; height: auto; }
.accessories-list1 { width: 55%; float: left; position: relative; font-size: 18px; color: #666; padding: 30px 20px; border: 1px solid #999; overflow: hidden; margin-top: 40px; background-color: #FFF; margin-left: 70px; }
/*.accessories-list2{ width:55%; float:left; position:relative; font-size:18px; color:#666; padding:30px 20px; border: 1px solid #999; overflow:hidden; margin-top:40px; background-color:#FFF;}

.accessories-list3{ width:55%; float:left; position:relative; font-size:18px; color:#666; padding:30px 20px; border: 1px solid #999; overflow:hidden; margin-top:40px; background-color:#FFF;}

.accessories-list4{ width:55%; float:left; position:relative; font-size:18px; color:#666; padding:30px 20px; border: 1px solid #999; overflow:hidden; margin-top:40px; background-color:#FFF;}

.accessories-list5{ width:55%; float:left; position:relative; font-size:18px; color:#666; padding:30px 20px; border: 1px solid #999; overflow:hidden; margin-top:40px; background-color:#FFF;}

.accessories-list6{ width:55%; float:left; position:relative; font-size:18px; color:#666; padding:30px 20px; border: 1px solid #999; overflow:hidden;margin-top:40px; background-color:#FFF;}*/

.img-left { width: 30%; float: left; }
.img-right { width: 30%; float: left; }
.accessories h1 { font-size: 24px; color: #09F; font-weight: 600; text-transform: uppercase; }
.accessories-left { width: 50%; height: auto; float: left; }
.accessories-right { width: 50%; height: auto; float: left; }
/*gallery page*/

.gallery-page { width: 100%; float: left; position: relative; padding: 30px 0 210px 0; z-index:999; }
.gallery-page h1, .agency-area h1 { width: 100%; font-size: 46px; color: #2e94aa; font-family: 'PT Serif', serif; font-style: italic; padding: 22px 0 0 0; line-height: 49px; padding-bottom: 20px; }
.gallery-section { width: 100%; height: auto; float: left; position: relative; }
.photo-gallery { width: 50%; float: left; margin: 30px 0 0 0; }
.photo-gallery h2 { font-size: 24px; color: #666; font-family: 'Lato', sans-serif; padding: 10px 0px; }
.video-gallery { width: 50%; float: left; margin: 30px 0 0 0; }
.video-gallery h2 { font-size: 24px; color: #666; font-family: 'Lato', sans-serif; padding: 10px 0px; }
.video-gallery a { color: #828282; font-size: 16px; }
.photo-gallery a { color: #828282; font-size: 16px; }
.about-gallery { width: 50%; margin-bottom: 80px; font-size: 18px; }
.video-thumbnail { width: 90%; margin-top: 20px; }
.video-thumbnail img { width: 100%; }
.effects { padding-left: 15px; }
.effects .img { position: relative; float: left; margin-bottom: 5px; overflow: hidden; width: 100%; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: -15px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 18px; }
/* ============================================================

  EFFECT 1 - SLIDE IN BOTTOM

============================================================ */

#effect-1 .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 0; }
#effect-1 .overlay a.expand { left: 0; right: 0; bottom: 50%; margin: 0 auto -30px auto; }
#effect-1 .img.hover .overlay { height: 100%; }
#hexGrid { display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; font-family: 'Raleway', sans-serif; font-size: 15px; list-style-type: none; }
.hex { position: relative; visibility: hidden; outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */ }
.hex::after { content: ''; display: block; padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */ }
.hexIn { position: absolute; width: 96%; padding-bottom: 110.851%; /* =  width / sin(60) */ margin: 0 2%; overflow: hidden; visibility: hidden; outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */ -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); background: #F00; }
.hexIn * { position: absolute; visibility: visible; outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */ }
.hexLink { display: block; width: 100%; height: 100%; text-align: center; color: #fff; overflow: hidden; -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); }
/*** HEX CONTENT **********************************************************************/

.hex img { left: -100%; right: -100%; width: auto; height: 100%; margin: 0 auto; -webkit-transform: rotate3d(0, 0, 0, 0deg); -ms-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); }
.hex h2, .hex p { width: 100%; padding: 5%; box-sizing: border-box; background-color: rgba(0, 128, 128, 0.8); font-weight: 300; -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out; transition: transform .2s ease-out, opacity .3s ease-out; }
.hex h2 { bottom: 50%; padding-top: 50%; font-size: 1.5em; z-index: 1; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hex h2::after { content: ''; position: absolute; bottom: 0; left: 45%; width: 10%; text-align: center; border-bottom: 1px solid #fff; }
.hex p { top: 50%; padding-bottom: 50%; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
/*** HOVER EFFECT  **********************************************************************/

.hexLink:hover h2, .hexLink:focus h1, .hexLink:hover p, .hexLink:focus p { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.tank-area { width: 100%; height: auto; float: left; }
.tank-area h2 { width: 100%; height: auto; float: left; font-size: 22px; text-transform: uppercase; }
.tank-area p { width: 100%; height: auto; float: left; margin: 0px 0 30px 0; font-size: 16px; }
.tank-area .fittings-list { width: 100%; height: auto; float: left; margin: 0px; }
.tank-area .fittings-list li { margin: 5px 0 0 0; }
.tank-left { width: 25%; height: auto; float: left; padding-right: 50px; }
.tank-left img { width: 100%; }
.tank-box { width: 75%; height: auto; float: right; }
.tank-img2 h3 { width: 100%; height: auto; float: left; font-size: 25px; color: #2e94aa; font-weight: 600; margin: 0 0 -20px 0; text-transform: uppercase; }
.under-part { width: 100%; height: auto; float: left; }
.under-right { width: 40%; height: auto; float: right; margin: 75px 0 0 0; }
.under-right img { width: 100%; }
.instal-list { width: 100%; height: auto; float: left; }
.instal-list .in-list li { padding: 20px 0 0 0 !important; }
.produt-solid-bottom { width: 100%; height: auto; float: left; }
.produt-solid-bottom h3 { color: #2e94aa; font-family: "PT Serif", serif; font-size: 22px; padding: 20px 0 0 0; width: 100%; height: auto; float: left; }
.produt-solid-bottom p { width: 100%; height: auto; float: left; font-size: 16px; padding: 10px 0 0 0; }
.fLeft { float: left; }
.ppe .tb1 { font-size: 13px; }
.product-tank .corrugated-table th { font-size: 15px; }
.corrugated-table .icon-image { width: 45px; height: 45px; border-radius: 45px; background: #FFF; overflow: hidden; }
.corrugated-table .icon-image img { width: 45px; height: 45px; float: left; overflow: hidden; border-radius: 45px; }
.prim-marg { margin: 25px 0 0 0; }
.left-w45 { width: 40%; }
.right-w55 { width: 60%; padding-right: 20px; }
.full-width-tank { width: 100%; height: auto; float: left; }

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/

@media (min-width:1201px) { /* <- 5-4  hexagons per row */
#hexGrid { padding-bottom: 5.4% }
.hex { width: 20%; /* = 100 / 5 */ }
.hex:nth-child(9n+6) { /* first hexagon of even rows */ margin-left: 10%;  /* = width of .hex / 2  to indent even rows */ }
}
 @media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
#hexGrid { padding-bottom: 5.5% }
.hex { width: 25%; /* = 100 / 4 */ }
.hex:nth-child(7n+5) { /* first hexagon of even rows */ margin-left: 12.5%;  /* = width of .hex / 2  to indent even rows */ }
}
 @media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
#hexGrid { padding-bottom: 7.4% }
.hex { width: 33.333%; /* = 100 / 3 */ }
.hex:nth-child(5n+4) { /* first hexagon of even rows */ margin-left: 16.666%;  /* = width of .hex / 2  to indent even rows */ }
}
 @media (max-width: 600px) { /* <- 2-1  hexagons per row */
#hexGrid { padding-bottom: 11.2% }
.hex { width: 50%; /* = 100 / 3 */ }
.hex:nth-child(3n+3) { /* first hexagon of even rows */ margin-left: 25%;  /* = width of .hex / 2  to indent even rows */ }
}
 @media (max-width: 400px) {
#hexGrid { font-size: 13px; }
}
.row > .column { padding: 0 8px; }
.row:after { content: ""; display: table; clear: both; }
.column { float: left; width: 25%; }
/* The Modal (background) */

.modal { display: none; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; }
/* Modal Content */

.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 60%; max-width: 1200px; }
/* The Close Button */

.close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }
.close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; }
.mySlides { display: none; border: 5px solid #FFF; }
.cursor { cursor: pointer }
/* Next & previous buttons */

.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
/* Position the "next button" to the right */

.next { right: 0; border-radius: 3px 0 0 3px; }
/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); }
/* Number text (1/3 etc) */

.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
.caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; }
.demo { opacity: 0.6; }
.active, .demo:hover { opacity: 1; }
img.hover-shadow { transition: 0.3s }
.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) }
.lightboxcontainer { width: 100%; text-align: left; }
.lightboxleft { width: 40%; float: left; }
.lightboxright { width: 60%; float: left; }
.lightboxright iframe { min-height: 390px; }
.divtext { margin: 36px; }
 @media (max-width: 800px) {
.lightboxleft { width: 100%; }
.lightboxright { width: 100%; }
.divtext { margin: 12px; }
}


/* news page */


.news-list li{ width:23%; float:left; margin:10px 15px; background:#e4e4e4;box-shadow: 0px 0px 2px 1px #cacaca;}
.news-image{ width:100%; float:left;}
.news-image img{ width:100%;}
.news-date{ padding:8px 13px; background:#036277; color:#FFF; font-size:13px; text-align:center; overflow:hidden;}
.news-btm { width: 100%; height: 70px; float: left; color: #FFF; float: none; position: absolute; bottom: 0px; left: 0px; overflow: hidden; 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; padding: 0 15px; }
.news-list .news-list li .news-btm::before { position: absolute; bottom: 0; left: -20px; width: 110%; height: 60px; background: #3ec4df; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transform: rotate3d(0, 0, 1, 8deg); transform-origin: 0 100%; }

.news-page { width:100%; height: auto; float: left; padding:80px 0px 380px 0px; position: relative; z-index: 9999; }
.news-page:after { }
.news-page .slider li .slideX { border-radius: 2px; box-sizing: border-box; float: left; margin: 0; padding: 0 0; position: relative; width: 96%; background:#e4e4e4;padding-bottom: 60px; }
.news-page .slider li .project-image { width: 100%; height: auto; float: left; overflow: hidden; -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; }
.news-page .slider li .slideX img { width: 100%; }
.news-page .slider li h2 { width: auto; height: auto; font-size: 13px; font-weight: 700; background: url(../images/arrow.png) no-repeat right 0 top 2px; float: left; margin: 5px 0 0 0; text-transform: uppercase; position: relative; z-index: 999; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 34px, 0); transform: translate3d(0, 34px, 0); padding-right: 15px; }
.news-page .slider li .pro-btm { width: 100%; height: 70px; float: left; color: #FFF; float: none; position: absolute; bottom: 0px; left: 0px; overflow: hidden; 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; padding: 0 15px; }
/*

.project-slider .slider li .pro-btm:after { width: 0; height: 0; border-bottom: 70px solid #3ec4df; border-right: 370px solid transparent; content: ''; position: absolute; left: 0px; bottom: 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

*/



.news-page .slider li .pro-btm::before { position: absolute; bottom: 0; left: -20px; width: 110%; height: 60px; background: #3ec4df; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; transform: rotate3d(0, 0, 1, 8deg); transform-origin: 0 100%; }

.news-page .slider li:hover .pro-btm::before { background: #3ec4df; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }

.news-pager .slider li:hover h2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.news-page .slider li p { width: 100%; height: auto; float: left; font-size: 14px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); padding-top: 14px; }
.news-page .slider li:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.news-page .slider li:hover .project-image { opacity: 0.6; }
.news-page .slick-prev, .news-page .slick-next { width: 36px; height: 36px; top: inherit; left: inherit; top: -53px; right: 30px; }
/*.news-page .slick-prev { background: url(../images/tab_arrow1.png) no-repeat top left; }
.news-page .slick-next { background: url(../images/tab_arrow.png) no-repeat top left; right: 80px; }*/
.gallery-view { width: 100%; height: auto; float: left; position: relative; z-index: 9999; }
.news-date{ color:#FFF; background:#036277; padding:8px 15px; text-align:center; overflow:hidden; position:absolute;left: 30%;top: 43%;border-radius: 3px;}
.news-page .slider li:hover h2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }

.news-page h1 {
    width: 100%;
    font-size: 46px;
    color: #2e94aa;
    font-family: 'PT Serif', serif;
    font-style: italic;
    padding: 22px 0 0 0;
    line-height: 49px;
    padding-bottom: 20px;}


.fabrics{ width:100%; float:left; height:auto; margin:30px 0; position: relative; z-index: 999; display: flex; flex-wrap: wrap;}
.fittings-list li{ padding:10px 0;}
.fabrics h3{ font-size:18px; font-weight:700; padding:10px 0;}
.fabrics p{ margin-bottom:15px;}
.product-fabricated p{ font-size:16px; line-height:22px;}
.fitting{ width:100%; float:left;}
.manhole-cont{ width:60%; float:left; height:auto; font-size:16px; margin: auto; }
.manhole-img{ width:35%; float:left; height:auto;}
.manhole-img img{ width:100%;}
.manhole-cont p{ font-size:16px; line-height:22px;}
.fabric-product{ width:50%; height:auto;padding:30px 0px; float:left; display: flex;}



.news-details{ width:100%; float:left; padding:80px 0px 380px 0px;}
.news-img{ width:80%;}
.news-img img{ width:100%; float:left;}
.news-cont{ font-size:16px; width:80%;float:left; font-weight:700; padding:20px 0px;margin-bottom:50px; }
.news-cont p{ padding-bottom:20px;  font-weight:400;}
.news-cont h4{ font-size:22px; font-weight: 600; padding-bottom: 10px;}
.news-detail-date{ padding:10px 0; font-size:18px; color:#3691a5;}
.cont-arabic{ direction:rtl; text-align: right; float:left; }
.home-ar-cont{
	width: 100%;
}
.news-details h1 {width: 100%;font-size: 46px;color: #2e94aa;font-family: 'PT Serif', serif;font-style: italic; padding: 22px 0 0 0;line-height: 49px;padding-bottom: 20px;}


.career-form{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;

}

.career-form li{
   width: 48%;

   margin-top: 25px;
}

.career-form li.full-width{
   width: 100%;
}

.career-form li .field-text{
   font-size: 16px;
   color: #616161;
   width: 100%;
   height: auto;
   float: left;

}

.career-form li .txtfield{
   width: 100%;
   height: auto;
   float: left;
   padding: 20px 10px;
   border: #8c8c8c solid 1px;

}

.career-form li .txt-area{
height: 100px;
}



.sbt-btn{
   width: auto;
   height: auto;
   float: left;
   background-color: #3691a5;
   color: #FFF;
   padding: 15px 25px;
   font-size: 16px;
   text-transform: uppercase;
}

.file-drop-area{
   border: 1px dashed #989898;
   float: left;
   border-radius: 3px;
   background: #ebebeb;
   overflow: hidden;
   width: 100%;
   margin-bottom: 20px;
   padding: 21px 15px;
   position: relative;
}


.lag{ position:absolute; float:right; z-index:999; top:5px; right:15px; color:#000;  text-align:center;}
.language1 { float:right; height: auto; width: 100%; display: none; padding: 5px 0 0 0; }
.language { width: 100%; height: auto; float: right; position: relative; border-radius:50%; border:1px solid #FFF; padding: 10px 7px; }
.language a{ color:#FFF; font-size:13px;}
.top-style{ width: auto; float:none;   position: relative; top:2px; text-align:center; }
    
.list_style{ width: 100%; float: left; height: auto;}
.list_style li{ width: 100%; height: auto; float: left; line-height: 40px;}




.barriers-specifications-cont{ width: 60%; float: left; height: auto; }
.barriers-specifications{ width: 35%; float: left; height: auto;  margin-left: 5%;}
.barriers-specifications:nth-child(2){margin-left: 0; margin-right: 5%;}
.barriers-specifications:nth-child(3){margin-left: 0; margin-right: 5%;}
.barriers-specifications img{ width: 100%; height: auto;}
.title-head{ flex: 1;}
.values{flex:3;}
.box-container{ width: 100%; float: left; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.listing{width: 100%; float: left; height: auto;}
.listing li{ width: 100%; float: left; height: auto; padding-bottom: 15px;}
.page_row{ width: 100%; float: left; height: auto; margin: 0px 0 50px 0;}
.page_row h2{padding-bottom: 20px; margin: 20px 0; width: 100%; float: left; height: auto;}
.page_row:nth-child(2){ padding-bottom:50px;}
.page_row h3{ width: 100%; float: left; height: auto; padding-top: 30px; font-size: 30px;}
.title-head strong{ width: 100%; float: left; font-weight: 700; text-transform: uppercase;}
.barriers-specifications-cont p{ width: 100%; float: left; height: auto; padding-top: 50px;}
.row{ width: 100%; float: left; height: auto; display: }
.center-align{ float: left; height: auto; text-align: center;}

.imgage-slide{ width: 50%; float: left; height: auto;}
.contant-box{ width: 25%; float: left; height: auto; margin: auto 0; display: flex;}
.img-responsive img{ width: 100%; height: auto;}
.flex_box{ width: 100%; float: left; height: auto; display: flex; flex-wrap: wrap;}
.table-box td{text-align: left;}
.table-box th{text-align: left;}
.table-box{ float: left; height: auto; margin-top: 30px;}
.btm-head{ width: 100%; float: left; height: auto;}
.btm-head tr{ width: 100%; float: left;}
.btm-head tr:nth-child(2){background: #FFF;}
.btm-head tr th{ width: 100%; float: left; height: auto;}
.duct-table{ width: 100%; float: left; height: auto;}
.loose h5{ transform: rotate(90deg); font-size: 22px; margin-top: 100px;}
.black{background:#727272; color:#FFF}
.white{ background:#FFF; border-bottom:1px solid #000;}
.box-border td{border-right: 1px solid #d3d1d1;}
.box-border td:last-child{border-right: inherit;}
.black td{border: inherit;}
.white td{border: inherit;}
.box-border{border: 1px solid #555;}


.download-cat{
   width: 60%;
   height: auto;
   float: left;
   margin-top: 40px;
}


.down-btn{
   width: 250px;
   height: auto;
display: flex;
background-color:#d2d2d2;
border-radius: 5px;
}

.down-btn a{
   display: flex;
}
.down-left{
   width: 65px;
   height: 70px;
   background: #2e94aa url(../images/download.svg) no-repeat center center;
   background-size: 30px;
   border-radius: 5px 0 0 5px;
  
}

.down-right{
   width: 185px;
   height: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   align-content: center;
   text-align: center;
  
}

.down-right h4{
   font-size:20px;
   color: #2d2d2d;
   text-transform: uppercase;
   font-weight: 600px;
   line-height: 22px;
}


.down-right p{
   width: auto;
   font-size:14px;
   color: #2e94aa;
   text-transform: uppercase;
}


.down-btn:hover{
   background-color: #2e94aa;
}

.down-btn:hover p{
color: #FFF;
}

.down-btn:hover .down-left{
   background-color: #333;
}