@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Rubik:300,400,500,700,900'); /*  font-family: 'Rubik', sans-serif; /   font-family: 'Abril Fatface', cursive;        */

@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.1');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
/*Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
a { color: #212121; text-decoration: none; outline: none; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; }
a:hover { }
body { line-height: 1; font-size: 12px; font-family: 'Rubik', sans-serif; color: #000; padding-bottom: 456px; position: relative; background: #fff; }
/*Reset CSS end*/

/*global classes*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all; -webkit-word-break: keep-all; -moz-word-break: keep-all; word-wrap: break-word; }
img { max-width: 100%; vertical-align: middle }
.wrapper { }
.container { margin: 0 auto; width: 96% }
.clear { clear: both }
.clear10 { clear: both; height: 10px }
.clear20 { clear: both; height: 20px }
.clumn { width: 198px; float: left }
.fl { float: left !important; }
.fr { float: right !important; }
.text-right { text-align: right !important }
.text-left { text-align: left !important }
.text-center { text-align: center !important }
.error { color: #F00; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-family: 'Rubik', sans-serif; padding-bottom: 12px; }
h1 { font-size: 24px; }
h2 { font-size: 38px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
/*Form*/
/*form tag*/
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin: 0;
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
    outline: none;
    background-color: #f4f4f4;
}
select { width: 100%; padding: 9px 10px; outline: none; cursor: pointer; color: #767676;}
textarea { height: 80px; resize: none; font-size: 14px; font-family: 'Rubik', sans-serif; }
input[type="checkbox"], input[type="radio"] { display: inline-block; vertical-align: middle; }
/*Form Tag end*/

/*Common Buttons*/
input[type=button], input[type=submit], input[type=reset], a.box-btn, button.box-btn { display: inline-block; background-color: #eb652b; border: none; cursor: pointer; padding: 13px 15px; color: #fff; font-size: 24px; font-family: 'Rubik', sans-serif; sans-serif; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; vertical-align: middle; text-decoration: none; text-align: center; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 5px; min-width: 300px; }
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, a.box-btn:hover, button.box-btn:hover, input[type=button].active, input[type=submit].active, input[type=reset].active, a.box-btn.active, button.box-btn.active { background-color: #000; color: #fff; }
input[type=button].secondary-btn, input[type=submit].secondary-btn, input[type=reset].secondary-btn, a.box-btn.secondary-btn, button.box-btn.secondary-btn { background-color: #33B7CC; color: #fff; }
input[type=button].secondary-btn:hover, input[type=submit].secondary-btn:hover, input[type=reset].secondary-btn:hover, a.box-btn.secondary-btn:hover, button.box-btn.secondary-btn:hover, input[type=button].secondary-btn.active, input[type=submit].secondary-btn.active, input[type=reset].secondary-btn.active, a.box-btn.secondary-btn.active, button.box-btn.secondary-btn.active { background-color: #53d7ec }
/*Common buttons end*/
.form-layout { }
.form-layout .form-row { }
.form-row .form-field { padding-bottom: 20px; }
.form-row:last-child .form-field { padding-bottom: 0 }
.input-type-select { border: 1px solid #ddd; overflow: hidden; position: relative; }
.input-type-select:after { background: url("../images/custom-select.png") no-repeat scroll center center; content: ""; display: block; height: 40px; position: absolute; right: 0; top: 0; width: 41px; z-index: 80; cursor: pointer; pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none; content: ''; }

/*form end*/
/*hack for mozzila */
@-moz-document url-prefix() {
 a.box-btn {
padding:8px 15px
}
}
/*Global Classes End*/

/*List*/
ul.list { margin-left: 27px }
ul.list li { padding: 5px 0 5px 7px; }
ul.list.bullet { margin-left: 0 }
ul.list.bullet li { background: url("../images/bullet.png") no-repeat scroll left center rgba(0, 0, 0, 0); padding: 5px 0 5px 18px; }
ul.list.number li { list-style-type: decimal; }
ul.list.lower-roman li { list-style-type: lower-roman; }
ul.list.upper-roman li { list-style-type: upper-roman; }
/*list end*/


/*overlay */
.overlay-bg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100000; }
.overlay { height: 100%; left: 0; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 100001; visibility: hidden }
.overlay-box { display: table; height: inherit; margin: 0 auto; width: 600px; }
.overlay-box .content { display: table-cell; vertical-align: middle; }
.overlay-box .closeBtn { background: #cf212b; border-radius: 50%; color: #fff; cursor: pointer; font-size: 24px; font-family: 'Rubik', sans-serif;
height: 32px; padding: 0; text-align: center; position: absolute; right: 20px; text-align: center; padding-top: 2px; top: 18px; width: 32px; z-index: 1002; }
.overlay-box .overlay-header { background: #fff; color: #000; font-size: 24px; font-family: 'Rubik', sans-serif; padding: 20px 30px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25); position: relative; }
.overlay-box .overlay-content { padding: 35px 30px; background: #fff }
.overlay-box .overlay-footer { padding: 20px 30px; background: #e3e3e3; text-align: right }
/*overlay end*/

/*Tabs*/
.tabNav ul { }
.tabNav ul li { float: left; width: 19.2%; margin-right: 1%; text-align: center }
.tabNav ul li:last-child { margin-right: 0 }
.tabNav ul li a { color: #000; padding: 13px 9px; display: block; border-radius: 5px; background: #fff; font-size: 16px; }
.tabNav ul li a:hover { }
.tabNav ul li a.active { background: #000; color: #fff; font-family: 'Rubik', sans-serif; }
.tabNav ul li:last-child { background-image: none; }
.tabNav ul li a { }
.tabResult { padding: 20px 0; }
.tabResult .tabBx { display: none; }
.tabResult .grid-5, .tabResult .grid-7 { padding: 0 }
.tabResult p { padding-bottom: 8px; }
.tabResult .tabBx .mobile-menu { display: none }
/*Tabs end*/



.l-main {
    z-index: 1;
	position: relative;
}

.l-canvas.type_wide .l-subheader-h, .l-canvas.type_wide .l-submain-h, .l-canvas.type_wide + .l-footer .l-subfooter-h {
    max-width: 940px;
}
.l-submain-h {
    width: 100%;
	max-width: 1000px;
    margin: 0 auto;
}
.page-404 {
    text-align: center;
}
.l-submain {
    padding: 60px 40px 0px 40px;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    border-top: 1px solid #e8e8e8;
}
.page-404 h1 {
	margin-top: 40px;
    margin-bottom: 10px;
	font-size:36px;
	line-height:46px;
    color: #000;
	font-family:  'Rubik', sans-serif;
    text-transform: uppercase;
}
.page-404 p {
    margin-bottom: 24px;
	font-size:14px;
	line-height:24px;
	font-family:  'Rubik', sans-serif;
    color: #686868;
}
.page-404 a {
    color: #028aa7;
    text-decoration: none;
}

.error.parallax.common-top{padding-bottom: 50px;}


.sk-double-bounce {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 40px auto; }
  .sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #22a947;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
            animation: sk-doubleBounce 2s infinite ease-in-out; }
  .sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; }

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
	


/*loader*/
/*.loader { background: url("../images/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }*/
.loader {
    background: url(../images/loader.gif) no-repeat scroll center center rgba(255, 255, 255, 0.75);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
.loader>div{text-align: center;}
.spinner {
  width: 60px;
  height: 60px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2985ba;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;background-color: #003d6e;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*loader end*/

/*accordion css*/
.accordion { }
.accordion dl { border: 1px solid #d0d0d0; border-radius: 0; margin-bottom: 20px; box-shadow: 3px 3px #c0c0c0; }
.accordion dl dt { background: none repeat scroll 0 0 #E8E8E8; color: #212121; cursor: pointer; font-size: 20px; font-family: 'Rubik', sans-serif; padding: 8px 1%; position: relative; }
.accordion dl.active dt { border-bottom: 1px solid #d0d0d0; }
.accordion dl dt:after { background: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 3px; content: "\f103"; font: 24px/30px FontAwesome; height: 30px; margin: 6px 1%; position: absolute; right: 0; text-align: center; top: 0; width: 30px; color: #2c6a90; }
.accordion dl.active dt:after { content: "\f102" }
.accordion dl dd { display: none; padding: 10px 1%; }
/*accordion css end*/

/*Footer CSS Start*/
.footer { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff;/* border-top: #c6c5c5 solid 1px;*/ z-index:99;}
.footer .container { padding: 0px 0; }
.kalptarulogo { float: left; margin-right: 45px; }
.shornav-ftr { float: left; padding-top: 7px; }
.shornav-ftr ul li { float: left; margin-right: 20px; }
.shornav-ftr ul li:last-child { margin-right: 0 }
.shornav-ftr ul li a { color: #898686; font-size: 16px; }
.shornav-ftr ul li a:hover { color: #f83871 }
.copt-ryt { float: right; color: #898686; font-size: 14px; padding-top: 9px; }
.copt-ryt a { color: #898686; text-decoration: underline }
.copt-ryt a:hover { color: #f83871 }
/*Footer CSS End*/


/*Navigation*/
.header { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25); position: relative; z-index: 999999; position:fixed; width:100%; top:0; }
.navigation { padding: 21px 0 }
.logo { float: left;}
.nav-menu { float: right; padding: 0; margin-top: 0px; }
.nav-menu ul li {float: left;border-right: 1px solid #dfe1e1;display: flex;height: 52px;}
.nav-menu ul li:nth-child(2){border-right:0px;}
.nav-menu ul li a {font-size: 18px; font-family: 'Rubik', sans-serif; }
.nav-menu ul li.call a .call-icon {width: 30px;height: 30px;border-radius: 50px;border: 1px solid #dfe1e1;display: inline-block;background:#fff url(../images/call-icon.png);background-repeat: no-repeat;background-position: center;    position: relative;top: -6px;right: 10px;}
.nav-menu ul li.call a {padding: 17px 17px 17px 25px;background-color: #f1f4f6;display: flex;}
.nav-menu ul li.email a .mail-icon {width: 30px;height: 30px;border-radius: 50px;border: 1px solid #dfe1e1;display: inline-block;background:#fff url(../images/mail-icon.png);background-repeat: no-repeat;background-position: center;    position: relative;top: -6px;right: 10px;}
.nav-menu ul li.email a{padding: 17px 17px 17px 25px;background-color: #f1f4f6;display: flex;}
.nav-menu ul li.enquiry a {background-color: #1694fb;padding: 15px 20px;font-size: 18px;color: #fff;min-width: 160px;text-align: center;border-radius: 0px;text-transform: uppercase;border: 2px solid #1694fb;}
.nav-menu ul li a:hover { color: #f83871 }
.nav-menu ul li.home-iconmenu a { height: 20px; width: 20px; background: url(../images/sprite.png) -1px -1px no-repeat }
.nav-menu ul li.home-iconmenu a:hover { background-position: -1px -21px; }
.nav-menu ul li:last-child { margin-left: 20px;display: flex;border-right:0px; }
.mobile-nav-icon{display:none}
.main-banner { background-attachment: fixed;/* background-color: #2eb8e9;*//* background-image: url("../images/banner.jpg"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; */overflow: hidden }
.main-banner ul li { text-align: center }
.main-banner ul li h2 { color: #fff; font-size: 38px; padding: 90px 0 40px 0 }
.main-banner ul li h2 span { display: block; font-size: 22px; font-family: 'Rubik', sans-serif; }
.login-mblmenu{float:left;}
/*Navigation end*/


.menubar ul li.search-btn>a:before {content: '\f002';font-family: 'FontAwesome';font-size: 13px;line-height: 0px;width: 15px;height: 15px;color: #2a2a2a;float: right;position: absolute;bottom: 0;right: 0px;top: 0px;padding: 3px;}
.menubar ul li.search-btn.active>a:before {content: '\f00d';}
.menubar ul li.search-btn.active .search-container {display:block;}
.menubar ul li.search-btn>a:before{line-height: 9px;}
.menubar ul li.search-btn.active .search-container{right: 0px;top: 50px;}
.menubar ul li.search-btn > a {padding: 0px;}
.search-container {width: 294px;float: right;padding: 7px 0;position: absolute;right: 52px;top: 7px;display: none;}
.gsc-control-cse.gsc-control-cse-en{padding:4px 30px 4px 15px;font-size:15px;border-radius:5px;border:1px solid #cdcdcd;color:#2a2a2a;font:17px/26px 'Archivo', sans-serif;margin:0;outline:medium none;width:100%;position:relative;}
.gsc-input-box{border:0px !important;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{border-color:transparent !important;box-shadow:none !important;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{border-color:transparent !important;background-color:transparent !important;background:url(../images/icon-search.png) no-repeat center center !important;}
.gsc-input + .gsc-search-button input{border-color:transparent;background-color:transparent;position:absolute;right:0;top:0;margin:0;height:inherit;padding:0;width:35px;background:url(../images/icon-search.png) no-repeat center center;border:none;display:inline-block;cursor:pointer;color:#fff;font:14px 'Playfair Display', serif;font-weight:400;vertical-align:middle;text-decoration:none;text-align:center;outline:none;-webkit-appearance:none;border-radius:5px;display:block;font-size:0px;width:38px;height:38px;border:0px;padding-left:38px;}
.gsc-input + .gsc-search-button input div{border:0px;}
.search-box{position:relative;height:100%;}
.search-box input[type="text"]{padding:4px 30px 4px 15px;font-size:15px;border-radius:5px;}
.search-box .search-btn{position:absolute;right:0;top:0;margin:0;height:inherit;padding:0;width:35px;background:url(../images/icon-search.png) no-repeat center center;border:none;}
.search-box .search-btn:hover{background-color:transparent}


/*Header*/
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; transition: all 0.5s ease-out;}
/*.header.fixNav { transition: all 0.5s ease-in; box-shadow: 0 0 10px 0 #9E9E9E;background: rgba(255, 255, 255, 0.75);}*/
.header.fixNav .logo { padding: 10px 0;}
.logo img{  width: 280px;  /*height: 50px;*/}
.header.fixNav .menubar {transition: all 0.25s ease-in; }
.logo { float: left; padding: 10px 0; transition: all 0.25s ease-in; }
.menubar { float: right;}
.menubar > ul > li { float: left; margin-right: 40px; }
.menubar ul li:last-child { margin-right: 0 }
.menubar ul li a { display: block; color: #000; font-size: 14px; position: relative;text-transform: uppercase;font-weight: 500; }

/*Header End*/

.dis-table {display: table;width: 100%;height: 100%;}
.dis-tablecell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;}

.banner{position:relative;margin-top: 78px;}
.banner .slick-initialized .slick-slide {height: 100%;position: relative;outline: none;overflow:hidden;}

.banner .main-banner .slick-initialized .slick-slide img{transform: scale(1.2);transform-origin: center;transition: transform 3s ease-in-out;width:100%;}	
.banner .main-banner .slick-initialized .slick-slide.slick-current.slick-active img{transform: scale(1);transform-origin: center;transition: transform 3s ease-in-out;width:100%;}
.banner .main-banner .slick-initialized .slider-row.slick-slide.slick-current img{transform: scale(1.2);transform-origin: center;transition: transform 3s ease-in-out;width:100%;}	
.banner .main-banner .slick-initialized .slider-row.slick-slide.slick-current.active img{transform: scale(1);transform-origin: center;transition: transform 3s ease-in-out;width:100%;}

.banner.mt0{margin-top:0px}

/*Slider*/
.full-slider { position: relative; }
.homepage .slider-Large-txt { position: absolute; left: 50%; top: 80%;  margin-top: -250px;width: 100%; z-index: 999;padding: 0px; transform: translate(-50%, -50%);/*background-color: rgba(0, 0, 0, 0.7);*/text-align: center;}
/*.slider-Large-txt .s-Big-txt {font-size: 50px;line-height: normal;color: #fff;font-weight: 400;width: 100%;}*/
.homepage .slider-Large-txt .s-Big-txt {color: #fff;width: 100%;font-size: 50px;line-height: 80px;font-weight: 500;}
.slider-Large-txt .s-Big-txt {font-size: 50px;line-height: normal;color: #fff;font-weight: 400;width: 100%;}
.slider-Large-txt .s-Big-txt span {display: block;font-size: 28px;line-height: normal;}
.slider-Large-txt .s-Big-txt p  {font-size: 16px;line-height: 22px;}
.slider-Large-txt .s-Big-txt a{padding: 20px;color: #2985ba;line-height: 11px;font-size: 14px;background-color: #fff;display: inline-block;margin-top: 20px;font-weight: 500;}
.slider-Large-txt .s-Big-txt a:hover{color: #fff;background-color: #003d6e;}
.slick-initialized .slick-slide {display: inline-table;}

.main-banner .sliderContainer{position:relative;}
.banner-links {background: rgba(41, 133, 186, 0.76);display: inline-block;width: 100%;position: absolute;bottom: 0;left: 0;z-index: 99;}
.banner-links ul{}
.banner-links ul li {width: 33.33%;text-align: center;float: left;}
.banner-links ul li{padding: 20px 0px;color: #fff;font-size: 18px;display: inline-block;}


.dis-table { display: table; width: 100%; height: 100%; }
.dis-tablecell { display: table-cell; vertical-align: middle; height: 100%; width: 100%; }
.slider-row .container{position: absolute;height: 100%;left: 0;max-width: 100%;}
/*.homebannerimage{position: absolute;bottom: 0;width: 100%;}
.slick-initialized .slick-slide{height:80vh;}*/
.homepage .bgfull{position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.2);}

.banner ul.slick-dots{display:none !important;}
.slick-prev { left: 20px; background-image: url(../images/prev-arrow.png);z-index: 9;}
.slick-next { right: 20px; background-image: url(../images/next-arrow.png);z-index: 9;}
.slick-prev, .slick-next {top: 46%;}
/*Slider end*/
/*
.home-banner-cntr .slider1{background-image: url(../images/home-banner.jpg);background-size: cover;background-attachment: fixed;}
.home-banner-cntr .slider1 .container{height: 90vh;}
.inner-bannertxt {width: 380px;}
.inner-bannertxt h2 {font-size: 60px;line-height: 62px;color: #000000;font-weight:400;}
.inner-bannertxt h2 span.product { display: block;font-size: 36px;line-height: 35px;}
.inner-bannertxt p{font-size:16px;line-height:22px;}
.inner-bannertxt a {padding: 20px;color: #1694fb;line-height: 11px;font-size: 14px;background-color: #fff;display: inline-block;margin-top: 20px;font-weight: 500;}
.inner-bannertxt a:hover{color: #fff;background-color: #1694fb;}

*/

.about-cntr{position: relative;padding:80px 0;}
.about-info .grid-6{padding:0px 0 0px 40px;}
/*.about-info .grid-6.about-image {position: absolute;padding: 0px;top: 0;left: 0px;}*/
.about-info .grid-6.about-image {background: url(../images/about-banner.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;width: 44%;margin-right: 6%;}
.about-info .grid-6.about-image i{display:none;}
.about-info .grid-6 {width: 50%;float: right;}
.about-info .grid-6.about-image img{width: 100%;}
.about-info h2{font-size:32px; line-height:normal;font-weight: 400;}
/*.about-info p {font-size: 16px;color: #000000;line-height: 30px;font-weight: 100;width: 100%;margin: 20px auto 0;}*/
.about-info p {color: #000000;font-weight: 100;width: 100%;margin: 20px auto 0;font-size: 28px;line-height: 44px;padding-bottom: 40px;}





.servicesSlider { position: relative; padding:120px 0;background:#f7f7f7;}
.servicesSlider h3 {padding-bottom: 30px;color: #000;font-size: 36px;line-height: 42px;padding-bottom:30px;text-align:center;}
.servicesSlider .slick-arrow.slick-disabled { display: none !important }
.servicesSlider .slick-prev:before, .servicesSlider .slick-next:before { display: none }
.servicesSlider .slick-arrow { width: 45px; height: 40px; top: 50%; margin-top: -2px; background: #000 none center center no-repeat; z-index: 1; opacity: 0.5 }
.servicesSlider .SS-slider:hover .slick-arrow { opacity: 1 }
.servicesSlider .servicesBox { overflow: hidden; position: relative;width: 30%;float: left;margin-right: 50px;margin-bottom: 50px;}
.servicesSlider .servicesBox:hover{box-shadow: 0px 0px 15px #999;}
.servicesSlider .servicesBox:nth-last-child(3),
.servicesSlider .servicesBox:nth-last-child(2),
.servicesSlider .servicesBox:nth-last-child(1){margin-bottom:0px;}
.servicesSlider .servicesBox:nth-child(3n){margin-right:0px}
.servicesSlider .servicesBox a { display: block }
.servicesSlider .servicesBox:hover .servicesImg {/* transform: scale(1.12); transition: all 1.1s ease-in; */}
.servicesSlider .servicesImg { transform: scale(1); transition: all 0.7s ease-out; }
.ss-hoverbox { /*position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shadow.png) center bottom no-repeat; z-index: 2*/ background: #fff;}
.ss-hovercontent { padding: 20px; position: static; bottom:0px; left: 0; width: 100%; z-index: 3; transition: all 0.3s ease-out; }
.ss-hovercontent h2{font-size: 20px;line-height: normal;color: #000;font-weight:400;padding-bottom: 0px;}
.ss-hovercontent p {font-size:16px;line-height:22px;color: #fff;}
.servicesSlider .servicesBox:hover .ss-hovercontent { bottom: 0; transition: all 0.5s ease-in; }
.servicesSlider .servicesBox:hover .ss-hovercontent h2{color: #fff;}
.servicesSlider .servicesBox:hover .ss-hoverbox {background: #2985ba;/*background-color: rgba(41, 133, 186, 0.9);*/top: 0px;}
.bs-linkcntr2 a.box-btn:hover { background: #000; border-color: #fff }
.servicesImg img { width: 100%; }
.ss-hoverbox { background-size: 100% auto;position: relative;top: -1px; }

.mid-banner-cntr{position: relative;}
.mid-banner-cntr img{width:100%;}
.mid-banner-info{background-color:#f83871;width:500px;height:500px;border-radius:50%;position: absolute;top: -200px;right: 200px;}
.mid-banner-info p{font-size:32px;line-height:48px; color:#fff;width: 80%;margin: 0 auto;text-align:center;}


.services-cntr{padding: 90px 0 180px;}
.services-cntr h2{font-size:48px;line-height:52px;color:#292929;}
.services-cntr p{font-size:18px;line-height:22px;color:#292929;}
.services-head{text-align:center;padding:80px 0;position: relative;}

.services-info{}
ul.services-banner li{max-width: 279px;margin-right:30px;}
.service-img{}
.service-txt {position: absolute;width: 90%;bottom: 0;padding: 10px;background-color: #fff;margin-left: 10px;margin-bottom: 10px;font-size: 18px;}

.custom-pre-control { position: absolute; top: 52%; margin-top: 0px; text-align: left; font-weight: 700; left: 1%; z-index: 99; }
.custom-next-control { position: absolute; top: 52%; margin-top: 0px; right: 1%; text-align: center; font-weight: 700; }
#slider-prev { background: url(../images/prev.png) center center no-repeat; position: relative; display: block; width: 47px; height: 47px;}
#slider-prev:hover{ background: url(../images/prev-active.png) center center no-repeat; }
#slider-next { background: url(../images/next.png) center center no-repeat; position: relative; display: block; width: 47px; height: 47px;}
#slider-next:hover{background: url(../images/next-active.png) center center no-repeat;}



.benefits-cntr{background-image: url(../images/benefits.jpg);background-size: cover;min-height:950px;background-attachment: fixed;position:relative;}
.benefits-bg-colo{width: 100%;height: 100%;position: absolute;}

.benefits-cntr .container{padding:120px 0;}
.benefits-cntr h2{color:#fff;font-size:48px;line-height:52px;text-align: center;}
.benefits-cntr ul{padding-top:80px;}
.benefits-cntr ul li {background-image: url(../images/bullet.png);background-position: 0px 7px;background-repeat: no-repeat;padding-left: 60px;padding-bottom: 50px;width: 45%;float: left;font-size: 18px;line-height: 28px;color: #fff;}
.benefits-cntr ul li:nth-child(odd){margin-right:50px;}
.benefits-cntr ul li:nth-child(even){margin-left:50px;}
.benefits-cntr ul li:last-child{width:100%;}




.contact-cntr{padding:180px 0;}
.contact-cntr .grid-12{padding:0px;position:relative;}
.anq-qust h2 {
    padding-bottom: 30px;
    color: #fff;
    font-size: 36px;
    line-height: 42px;
}




.enquiry-form {
    width: 50%;
    height: 570px;
    position: absolute;
    right: 0;
    top: 50px;
    background-color: #fff;
    padding: 50px;
    border: 1px solid #f2f2f2;
}
.enquiry-form h2{padding-bottom: 30px;
    color: #000;
    font-size: 36px;
    line-height: 42px;}
.enquiry-form h3 {
    color: #dadada;
    border-bottom: 1px solid #f0f0f0;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.form-fields{}
.form-fields ul li{width:48%;float:left;margin-bottom:25px;}
.form-fields ul li:nth-child(odd){margin-right:17px;}
.form-fields ul li:nth-child(5){width:100%;}
.form-fields ul li:last-child{width:100%;position:relative}
.captcha_image{position: absolute;bottom: 2px;right: 2px;}
.captcha_image img{height:35px}

input[type=submit].submit-btn {
    background-color: #003d6e;
    border: 0px;
    padding: 18px 20px;
    font-size: 18px;
    color: #fff;
    min-width: 160px;
    text-align: center;border-radius: 0px;
    text-transform: uppercase;
	border:2px solid #003d6e;
}
input[type=submit].submit-btn:hover{background-color: #fff;color: #003d6e;border:2px solid #003d6e;}





.half{width:90%;}
/*---------------------CSS Accordion----------------------*/
.anq-qust {
    float: left;
    width: 55%;
    padding: 80px 50px 50px 50px;
    margin: 0 auto;
	background-color:#2985ba;
	min-height:620px;
}
/* Acordeon styles */
.anq-qust .tab {
  position: relative;
  width: 100%;
  color: #fff;
  overflow: hidden;
  margin-bottom: 0px;
}
.anq-qust input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.anq-qust label {
    position: relative;
    display: block;
    padding: 10px 50px 10px 10px;
    cursor: pointer;
    text-align: left;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.anq-qust .tab-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  transition: max-height .35s;
}
.anq-qust .tab-content p {
    margin: 0em;
    text-align: left;
    width: 100%;
    margin-top: 20px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/* :checked */
.anq-qust input:checked + label {color: #003d6e;background-color: #fff;padding: 10px 50px 10px 10px;}
.anq-qust input:checked ~ .tab-content {
  max-height: 100%;
}
.anq-qust .tab-content.active {
  max-height: 100%;
}
/* Icon */
.anq-qust label::after {
  position: absolute;
  right: 0;
  top: 12px;
  display: block;
  width: 36px;
  height: 28px;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}
.anq-qust input[type=checkbox] + label::after {
  content: "+";
}
.anq-qust input[type=radio] + label::after {
  content: " ";
  background-image: url(../images/drop-down.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.anq-qust input[type=checkbox]:checked + label::after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.anq-qust input[type=radio]:checked + label::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-image: url(../images/drop-up.png);
}
/*---------------------CSS Accordion----------------------*/

.product-banner { background-attachment: fixed; background-color: transparent;overflow: hidden }
.product-banner ul li { text-align: center }
.product-banner ul li h2 { color: #fff; font-size: 38px; padding: 90px 0 40px 0 }
.product-banner ul li h2 span { display: block; font-size: 22px; font-family: 'Rubik', sans-serif; }
.product-banner .slider-row .container{position: absolute;height: 100%;right: 5%;top: 0;}
.product-banner .slider-Large-txt { position: absolute; right: 10%; top: 50%;  margin-top: -120px; z-index: 99;padding: 60px 85px;background-color: rgba(0, 61, 110, 0.65);}
.product-banner .slider-Large-txt .s-Big-txt {font-size: 72px;line-height: normal;color: #fff;font-weight: 400;width: auto;}
.product-banner .slider-Large-txt .s-Big-txt span {display: block;font-size: 28px;line-height: normal;}
.product-banner .slider-Large-txt .s-Big-txt p  {font-size: 16px;line-height: 22px;}
.product-banner .slider-Large-txt .s-Big-txt a{padding: 20px;color: #2985ba;line-height: 11px;font-size: 14px;background-color: #fff;display: inline-block;margin-top: 20px;font-weight: 500;}
.product-banner .slider-Large-txt .s-Big-txt a:hover{color: #fff;background-color: #003d6e;}
.product-banner .slick-initialized .slick-slide {height: 100%;position: relative;outline: none;}
.product-banner .homebannerimage{position:relative;text-align:center;background: #f4f4f4;}
.product-banner .bgfull{}

.product-details-cntr{padding:100px 0;font-family: 'Rubik', sans-serif;}
.product-content {width:60%;float:left;padding-right: 10%;}
.product-content.w100{width:100%}
.product-details-cntr h2 {font-size: 23px;line-height: 30px;padding-bottom: 40px;}
.product-details-cntr ul {padding-bottom:10px;}
.product-details-cntr ul li {font-size: 18px;line-height: normal;font-weight: 100;padding-bottom: 10px;}
.product-details-cntr p{font-size: 18px;line-height: 30px;font-weight: 100;padding-bottom: 10px;}
.product-details-cntr p strong{font-weight:bold;}

.product-details-cntr .slider-Large-txt {position: static;background-color: transparent;padding: 20px 0  0px 0;}
.product-details-cntr .slider-Large-txt .s-Big-txt {font-size: 50px;line-height: 55px;color: #000;font-weight: 400;width: auto;padding-bottom:50px;}
.product-details-cntr .slider-Large-txt .s-Big-txt span {display: block;font-size: 28px;line-height: normal;}
.product-details-cntr .slider-Large-txt .s-Big-txt p  {font-size: 16px;line-height: 22px;padding-bottom: 10px;}
.product-details-cntr .slider-Large-txt .s-Big-txt p a{padding: 0px;color: #212121;background-color: transparent;display: inline-block;margin-top: 0px;font-weight: 500;font-size: 16px;line-height: 22px;padding-bottom: 0px;}
/*.product-details-cntr .slider-Large-txt .s-Big-txt a{padding: 20px;color: #2985ba;line-height: 11px;font-size: 14px;background-color: #000;display: inline-block;margin-top: 20px;font-weight: 500;}
.product-details-cntr .slider-Large-txt .s-Big-txt a:hover{color: #fff;background-color: #003d6e;}*/
.product-details-cntr .slider-Large-txt .s-Big-txt a:hover{text-decoration:underline;}
.p0{padding:0px !important;}


.product-table {width: 40%;margin: 0 auto;/*display: table;*/border: 1px solid #9e9e9e;box-shadow: 0px 0px 40px #eaeaea;float:right;}
.product-table h3 {color: #000;font-size: 24px;line-height: 28px;font-weight: 300;text-align: center;width: 100%;padding: 20px 0;border-bottom: 1px solid #eaeaea;box-shadow: 0px 1px 3px #eaeaea;}
.product-table ul {padding-bottom:0px;}
.product-table ul li{display: flex;position:relative;padding-bottom:0px;}
.product-table ul li:first-child{background: #2985ba;}
.product-table ul li:first-child .grid-4{border-top:0px solid #9e9e9e;}
.product-table ul li:first-child .grid-8{border-top:0px solid #9e9e9e;}
.product-table ul li:first-child strong{color:#fff;}
.product-table ul li:nth-child(even){background-color:#f8f8f8;}
.product-table ul li strong{font-weight:bold}
.product-table ul li .grid-12{padding:15px 30px;color: #5f5f5f;font-size: 16px;line-height: 22px;font-weight: 400;border-right:1px solid #eaeaea;}
.product-table ul li .grid-12 a{color:#fff;}
.product-table ul li .grid-12 a:hover{text-decoration:underline;}
.product-table ul li .grid-4{width:50%;padding:15px 25px;color: #5f5f5f;font-size: 16px;line-height: 22px;font-weight: 500;border-right:1px solid #9e9e9e;border-top:1px solid #9e9e9e;}
.product-table ul li .grid-8{width:50%;padding:15px 30px;color: #5f5f5f;font-size: 16px;line-height: 22px;font-weight: 500;border-top:1px solid #9e9e9e;}


.enquiry-cntr{padding:50px 0;background-color: #2985ba;}
.enquiry-cntr .enquiry-form{position: static;}
.enquiry-cntr .enquiry-form h2{color:#fff;}
.enquiry-cntr .enquiry-form {width: 100%;height: 100%;background-color: transparent;border: 0px;}
.enquiry-cntr .form-fields ul li {width: 32%;margin-right:0px;}
.enquiry-cntr .form-fields ul li:nth-child(7){width:100%;}
.enquiry-cntr .form-fields ul li:nth-child(odd) {margin-right: 0px;}
.enquiry-cntr .form-fields ul li:nth-child(2),
.enquiry-cntr .form-fields ul li:nth-child(5) {margin: 0 20px;}
.enquiry-cntr .form-fields ul li.contact-sub{margin-left:20px;width:32%;}
.enquiry-cntr .form-fields ul li.contact-sub input{width:100%;}


.distable { display: table; height: 100%; width: 100%; }
.distable-cell { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }
.projects-tab-banner-cntr h2 { font-weight: 300; color: #fff; text-transform: uppercase; font-size: 54px; padding-bottom: 0; text-align: center;}
.projects-tab-banner-cntr{height: 170px;background:#003d6e;margin-top:78px;}
.project-tab-cntr{margin:0px;position: relative;bottom: 32px;}

.p-filtrTabs{text-align:center;}
.p-filtrTabs a { font-size: 16px; color: #9fd6f5; background: none 95% center no-repeat; margin-right: 3px;display: inline-block; vertical-align: middle; min-width: 110px; text-align: center; border: #2985ba solid 1px; /*padding: 7px 25px 7px 15px ;*/padding: 7px 20px;background-color:#2985ba;font-family: 'Rubik', sans-serif;}
.p-filtrTabs a.active, .p-filtrTabs a:hover { background: #fff ;/*url(../images/sub-dropdown.png) 95% center no-repeat*/ border-color: #fff; color: #003d6e; }
.plistbox ul li { float: left; margin-right: 2.5%; margin-bottom: 5%; width:31.66%; background: #fff; padding: 20px; padding-bottom: 0; border: #eeeeee solid 1px; border-radius: 2px; }
.project-tab-cntr + .banner{margin-top: 50px;}


.product-info{padding:100px 0;}
.product-info p {font-size: 26px;line-height: 34px;font-weight:100; padding-bottom: 10px;color:#000}
.product-info p:last-child{padding-bottom: 0px;}

ul.product-info-ul {margin-top:40px;display: inline-block;}
ul.product-info-ul>li{width:47%;display:inline-block;padding:60px;float:left;background-color:#fff;border: 1px solid #eaeaea;box-shadow: 0px 0px 40px #eaeaea;}
ul.product-info-ul>li:nth-child(2){margin-left:50px;}
ul.product-info-ul li h2{font-size: 23px;line-height: 30px; padding-bottom: 40px;color:#000;}
ul.product-info-ul li h2 span{font-size:18px}
ul.product-info-ul li p{font-size:17px;line-height:26px;color:#000;padding:0px;}
ul.product-info-ul li ul li {background-image: url(../images/bullet.png);background-position: 0px 8px;background-size: 20px;background-repeat: no-repeat;padding-left: 40px;margin-bottom: 0px;color: #787878;background-color: white;font-size: 18px;line-height: 30px;font-weight: 100;padding-bottom: 10px;}
ul.product-info-ul li ul li a:hover{text-decoration:underline;}


.product-cntr{background:url(../images/mooring-bits-bollards-banner.jpg);background-size:cover;background-position:center 25%;background-repeat:no-repeat;position:relative;height:500px;margin-bottom:0px;}
.product-cntr h1{color:#fff;font-size:35px;padding-bottom:20px;font-family: 'Rubik', sans-serif;font-weight: bold;}
.product-cntr p{font-size: 18px;line-height: 30px;font-weight: 100;padding-bottom: 10px;color:#fff}
.productdetails-cntr{position:absolute;bottom:-125px;max-width:1130px;}
.productdetails-cntr>ul {margin-top:20px;}
.productdetails-cntr>ul>li{width:47%;display:inline-block;padding:60px;float:left;background-color:#fff;border: 1px solid #eaeaea;box-shadow: 0px 0px 40px #eaeaea;}
.productdetails-cntr>ul>li:nth-child(2){margin-left:50px;}
.productdetails-cntr ul li h2{font-size: 23px;line-height: 30px; padding-bottom: 40px;color:#000;}
.productdetails-cntr ul li h2 span{font-size:18px}
.productdetails-cntr ul li p{font-size:17px;line-height:26px;color:#000;padding:0px;}
.productdetails-cntr ul li ul li {
    background-image: url(../images/bullet.png);
    background-position: 0px 3px;
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom: 0px;
    color: #787878;
    background-color: white;
    font-size: 18px;
    line-height: 30px;
    font-weight: 100;
    padding-bottom: 10px;
}

.service-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
.about-infographic-cntr{padding-top:0px;}



.contact-form-cntr{padding:120px 0;margin-top: 74px;background: #fff;background: url(../images/contact-banner.jpg);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}


.contact-form-cntr .grid-12{padding:0px;position:relative;}
.contact-form-cntr .contect-details {float:left;width:50%;padding:80px 50px 40px;margin:0 auto;background-color:#2985ba;min-height:690px;}
.contact-form-cntr .enquiry-form{width:50%;height:690px;position:absolute;right:0;top:0px;background-color:#fff;padding:50px;border:1px solid #f2f2f2;}

.contact-form-cntr .form-fields ul li{width:48%;float:left;margin-bottom:25px;}
.contact-form-cntr .form-fields ul li:nth-child(even){margin-right:0px;}
.contact-form-cntr .form-fields ul li:nth-child(odd){margin-right:19px;}

.contact-form-cntr .form-fields ul li:nth-child(7){width:100%;}
.contact-form-cntr .form-fields ul li:last-child{width:100%;position:relative}
.contact-form-cntr .captcha_image{position:absolute;bottom:2px;right:2px;}
.contact-form-cntr .captcha_image img{height:35px}
.contact-form-cntr input[type=submit].submit-btn{background-color:#003d6e;border:0px;padding:18px 20px;font-size:18px;color:#fff;min-width:160px;text-align:center;border-radius:0px;text-transform:uppercase;border:2px solid #003d6e;margin-top:20px}
.contact-form-cntr input[type=submit].submit-btn:hover{background-color:#fff;color:#003d6e;border:2px solid #003d6e;}
.contact-form-cntr .address-cntr h3{padding-bottom:30px;color:#fff;font-size:36px;line-height:42px;}
.contact-form-cntr .address-cntr p,
.contact-form-cntr .address-cntr a{margin:0em;text-align:left;width:100%;margin-top:0px;font-weight:300;font-size:18px;line-height:26px;padding-bottom:5px;padding-left:0px;padding-right:10px;color:#fff;}
.contact-form-cntr .address-cntr a:hover{text-decoration:underline;}
.contact-form-cntr .address-cntr p {padding-left: 35px;margin-bottom:10px;}
.contact-banner {display:none;}
.contact-banner img{margin-top:20px;}

.contact-map{position:relative;}
.contact-map iframe{height:615px;width:100%;}
#gmap_canvas{height:615px;width:100%;}
#mapouter{overflow:hidden;height:615px;width:100%;}
.our-loaction-details{position:absolute;bottom:95px;width:385px;height:auto;left:90px;}
.our-location-info{padding:100px 0px 80px 40px;background-color:#fff;box-shadow:0px 0px 51px -6px #000;background:#fff url(../images/our-location.png) no-repeat scroll;background-position:27px 45px;}
.our-location-info h2{font-size:26px ;color:#2985ba;}
.our-location-info p{width: 81%;font-size: 18px;line-height: 30px;font-weight: 100;}
.our-location-info p strong{font-size:16px;}



.addressPin {background: url(../images/address-pin.png) 0 3px no-repeat;}
.phone-icon {background: url(../images/phone-icon.png) 0 2px no-repeat;}
.email-icon {background: url(../images/email-icon.png) 0 6px no-repeat;}





.addressicon {background: url(../images/addresspin.png) 0 3px no-repeat;}
.phoneicon {background: url(../images/tellicon.png) 0 2px no-repeat;}
.emailicon {background: url(../images/emailicon.png) 0 8px no-repeat;}
.our-location-info p {padding-left:35px;padding-bottom:10px;}
.our-location-info p.addressicon{padding-left:0px;background:none;}
.mobile-infographic{display:none;}


.tell-info {display: inline-block;width: 240px;margin: 20px 0px 0px 30px;}
.tell-info p{font-size: 16px;color: #000000;line-height: 20px;width: 100%;padding-left: 25px;position:relative;}
.tell-info p a{font-size: 15px;color: #000000;font-family: 'Chivo', sans-serif;line-height: 22px;}
.tell-info p a:hover{text-decoration:underline}
.tell-info p:before{position: absolute;left: 0;}
.tell-info p.phone-icon:before {content: "\f095";font-family:'FontAwesome';}
.tell-info p.email-icon:before {content: "\f003";font-family:'FontAwesome';}

.project-filtertabs h2{display:none;}
ul.clientscntr li {
    float: left;
    position: relative;
    width: 25%;
    box-sizing: border-box;
    background-color: #fffffe;
    background-size: cover;
    outline: 1px solid #e9e9e9;
}
ul.clientscntr li .pn-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 200px;
    height: auto;
    transform: translate(-50%, -50%);
}
ul.clientscntr li:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}



/*Footer CSS Start*/
.footer {left: 0;bottom: 0;width: 100%;background: #3b3b3b;color: #fff;}
.footer-cntr {margin: 0 auto;padding: 80px 0}
.footer-cntr > ul > li {float: left;margin-right: 4%;width: 20%;}
.footer-cntr > ul > li:nth-child(3){width: 28%;}
.footer-cntr > ul > li:nth-child(1) ul li,
.footer-cntr > ul > li:nth-child(2) ul li,
.footer-cntr > ul > li:nth-child(3) ul li{padding-left:0px;}
.footer-cntr > ul > li:last-child {margin-right: 0}
.footer-cntr dl dt {color: #fff;font-family: 'Archivo Black', sans-serif;letter-spacing: -1px;text-transform: uppercase;font-size: 18px;padding-bottom: 20px;}
.footer-cntr dl dd ul li a,
.footer-cntr dl dd ul li p {font-size: 15px;color: #c3c3c3}
.footer-cntr dl dd ul li {margin-top: 15px;color: #c3c3c3;font-family: 'Chivo', sans-serif;font-size: 15px;line-height: 22px;padding-left: 30px;background-repeat: no-repeat;background-position: 0px 4px;}
.footer-cntr dl dd ul li a:hover {color: #2985ba}

.copyright-text p{color: #959595;font-size: 14px;line-height: 22px;font-family: 'Chivo', sans-serif;margin-bottom: 10px;font-weight: 400;display: inline-block;}
.copyright-text p strong{font-weight:bold;color: #bbb;}

.site-buy a {text-decoration:underline}
.site-buy a:hover {color:#fff;}
.copyright-text .grayftr-logo {display: block;width: 100%;margin-bottom: 20px;}
.grayftr-logo {float: left;margin-right: 20px;display:none;}
.copyright-text {float: right;}
.copyright-text {font-size: 12px;color: #959595}
.copyright-text a {color: #959595}
.copyright-text a:hover {text-decoration:underline;color:#2985ba}
.social-icons {margin-top: 20px;}
.social-icons a {display: inline-block;vertical-align: middle;margin-right: 14px;}
.social-icons a img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);filter: grayscale(0%);transition: all 0.5s ease;}
.social-icons a:hover img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);}
/*Footer CSS End*/

.outer-div {display: table;height: 140px;width: 100%;padding-top: 20px;}
.middle-div{display: table-cell ; vertical-align: middle;}

.mobdisp{display:none !important;}
.desdisp{display:block !important;}
/*Media Queries for responsive*/
@media(min-width:1200px) {/*For big desktop*/
.container { max-width: 1200px; width: 100%; }
}
@media(min-width:1025px) {
	.menubar > ul > li{position:relative; padding:30px 0}
	.menubar > ul > li > a:hover, .menubar > ul > li > a.active { color: #2985ba }
/*.menubar > ul > li > a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -3px; left: 0; background-color: #2985ba; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }*/
.menubar > ul > li > a:hover:before, .menubar > ul > li > a.active:before,.menubar > ul > li:hover a,.menubar > ul > li:hover  a:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); color: #2985ba }
.submenu{background:rgba(214,103,4,0.5); position:absolute; left:0; top:60px; display:none; min-width:200px}
.submenu ul li{float:none}
.submenu ul li a{padding:10px 15px; font-size:12px; border-bottom:rgba(255,255,255,0.2) solid 1px; color:#fff !important;font-weight:500}
.submenu ul li a:hover{background:#003d6e; border-bottom-color:#003d6e}
.submenu ul li:last-child a{border-bottom:none}
.menubar > ul > li:hover .submenu{display:block;background:rgb(41, 133, 186);}
.header.fixNav .menubar > ul > li{padding:30px 0}
.header.fixNav .submenu{top:49px}
	}
@media(min-width:769px) {/*For Desktop Only*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: left; padding: 0 2% }
.grid-layout { margin: 0 -2% }
.grid-12 { width: 100%; float: none; }
.grid-11 { width: 91.66666666666666% }
.grid-10 { width: 83.33333333333334% }
.grid-9 { width: 75% }
.grid-8 { width: 66.66666666666666% }
.grid-7 { width: 58.333333333333336% }
.grid-6 { width: 50% }
.grid-5 { width: 41.66666666666667% }
.grid-4 { width: 33.33333333333333% }
.grid-3 { width: 25% }
.grid-2 { width: 16.666666666666664% }
.grid-1 { width: 8.333333333333332% }
.scrollTop { position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; text-align: center; z-index: 6; display: none; background: #2985ba; border-radius: 50%; }
.scrollTop a { display: block; color: #fff; }
.scrollTop a:before { font: 20px/40px FontAwesome; content: '\f102'; }
.tabResult .tabBx .content { display: block !important; }
}
@media screen and (min-width: 1600px) and (max-width:1920px) {
/*.container {max-width: 80%;}*/

.form-fields ul li:nth-child(odd){margin-right:22.3px;}
.anq-qust {width: 50%;min-height:700px;}
.enquiry-form {width: 55%;height: 615px;}
.mid-banner-info{top: -100px;right: 400px;}

.custom-pre-control { position: absolute; top: 55.5%; margin-top: 0px; text-align: left; font-weight: 700; left: 15%; z-index: 99; }
.custom-next-control { position: absolute; top: 55.5%; margin-top: 0px; right: 15%; text-align: center; font-weight: 700; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], select, textarea {padding: 20px;}
.captcha_image img {min-height: 55px;}
.homepage .slider-Large-txt .s-Big-txt {font-size: 65px;}

}
@media screen and (min-width: 0) and (max-width:1199px) {
/*overlay*/
.overlay-box { width: 96%; min-width: 0 }
/*overlay end*/

.logo { width: 160px; }
.nav-menu ul li a { font-size: 16px; }
.nav-menu ul li { margin-right: 25px }
}
@media screen and (min-width: 0px) and (max-width:1024px) {
	body{font-size:12px;}
	.mobile-nav-icon { float: right; display: block; padding-top: 17px; }
.menu-icon { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 31px; height: 31px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.menu-icon:focus { outline: none; }
.menu-icon span { display: block; position: absolute; top: 13px; left: 0px; right: 0px; height: 3px; background: #2985ba; }
.menu-icon span::before, .menu-icon span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #2985ba; content: ""; }
.menu-icon span::before { top: -8px; }
.menu-icon span::after { bottom: -8px; }
.mobil-icon-toggle { background-color: transparent; }
.mobil-icon-toggle span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.mobil-icon-toggle span::before, .mobil-icon-toggle span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobil-icon-toggle span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.mobil-icon-toggle span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
/* active state, i.e. menu open */

.mobil-icon-toggle.active { background-color: transparent; }
.mobil-icon-toggle.active span { background: none; }
.mobil-icon-toggle.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobil-icon-toggle.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobil-icon-toggle.active span::before, .mobil-icon-toggle.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; background: rgb(0, 61, 110); }
.menubar { float: none; clear: both; padding-top: 0; position: absolute; left: auto; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; right: -100%; top: 57px; width: 100%; background: #fff; overflow: auto;height: 100vh; }
.menubar ul li { float: none; margin-right: 0 }
.menubar ul li a { padding: 10px; border-bottom: #eee solid 1px}
.menubar ul li a:before { display: none }
.logo { width: 160px; padding: 10px 0 }
.header.fixNav .menubar { padding-top: 0 }
.header.fixNav .logo { width: 130px;padding: 15px 0; }
.menubar.open-navigation { right: 0 ;}
.submenu{display:none;background:rgba(41, 133, 186, 0.5);}
.menubar ul li{position:relative}
.menubar ul li.hasDropDown:before{position:absolute; right:15px; top:0; color:#2985ba;font: 18px/42px FontAwesome; content: '\f067';}
.menubar ul li.hasDropDown.openHas:before{content:'\f068'}



.slider-row .container {
    position: absolute;
    height: 100%;
    left: 0%;
    right: 0%;
}
.slider-Large-txt .s-Big-txt {
    font-size: 50px;
    line-height: normal;
    color: #fff;
    font-weight: 400;
    width: 100%;
}
.homepage .slider-Large-txt {
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: 00px;
    z-index: 999;
    padding: 20px;
    background-color: transparent;
}
.main-banner {
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}
.banner-links {margin-bottom: -4px;position: static;}
.banner-links ul li {
    width: 100%;
}
.banner-links ul li:nth-child(2){padding:0px;}
.banner-links ul li a {
    padding: 10px 0px;
    color: #fff;
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #fff;
}
.about-info .grid-6 {
    width: 100%;
    float: none;
    padding: 0px;
}
.about-info .grid-6.about-image {
    position: static;
    left: 0px;
    padding: 0px;
    top: 0px;
    width: 100%;
    margin: 50px 0% 0;background: none;
}.about-info .grid-6.about-image i {
    display: block;
}
.anq-qust {width: 100%;min-height: auto;}
#enquiry{clear: both;}
.enquiry-form {
    width: 100%;
    position: static;
}.about-cntr {
    padding: 120px 0 0px;
    position: relative; background-image: none;
}
.servicesSlider .servicesBox {
    overflow: hidden;
    position: relative;
    width: 50%;
    float: left;
}
.grid-6.about-image.mobdisp{display:block !important;}
.banner .slick-initialized .slick-slide {
    height: 65vh;
    position: relative;
}
.slider-Large-txt .s-Big-txt{margin-top:50px;}
.slick-prev, .slick-next {
    top: 52%;
}

.footer-cntr{width:100%; padding:50px 0}
body{overflow-x:hidden !important}
.banner {margin-top: 57px;}
}
 @media screen and (min-width: 0) and (max-width:979px) {
body { padding-bottom: 401px; }
.nav-menu { float: none; clear: both; text-align: center; padding: 0; margin: 0; padding-top: 20px }
.nav-menu ul li { display: inline-block; vertical-align: middle; float: none }

}
@media screen and (min-width: 0) and (max-width:768px) {/*For small tabs*/
/*form*/
.form-row .form-field { margin: 0; }
/*form end*/
}
 @media screen and (min-width: 0) and (max-width:767px) {
.mobdisp{display:block !important;}
.desdisp{display:none !important;}
html, body { overflow-x: hidden }
body{padding-bottom:0px;}
.logo { float: left; margin: 0 auto; padding: 15px 0 ;width: 120px;}
.tell-info p {font-size: 16px;line-height: 16px;}
.login-iconlink { float: left; }
.login-mblmenu {float: right;display:none;}
.tell-info {display: inline-block;width: 165px;margin: 10px 0px 0px 15px;}
.tell-info p a {font-size: 11px;line-height: 18px;}

.nav-menu.open-navigation {right: 0;}
/*.nav-menu { padding: 0; right:-100%; position:absolute; width:100%; background:#fff;transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; top: 65px;}*/
.nav-menu {padding: 0;right: 0%;position: absolute;max-height: 70px;width: 100%;top: 0px;width: 67%;float: right;display:none;}
.nav-menu ul li.call a .call-icon{width: 25px;height: 25px;top: -2px;}
.nav-menu ul li.email a .mail-icon{width: 25px;height: 25px;top: -4px;}
.nav-menu ul li:nth-child(1), .nav-menu ul li:nth-child(2){border-bottom:0px;border-right:0px;}
.nav-menu ul li { display: block; text-align: left; padding: 0px; border-bottom: gray solid 1px; margin: 0 !important ;height: 35px;}
.nav-menu ul li.call a {padding: 6px 10px;background-color: transparent;line-height: 24px;}
.nav-menu ul li.email a{padding: 6px 10px;background-color: transparent;}
.nav-menu ul li:last-child{padding:0px;}
.nav-menu ul li.enquiry {padding: 0px;position: fixed;bottom: 0;width: 100%;left: 0;height: 50px;bottom: 0px;}
.nav-menu ul li.enquiry a {min-width: 100%;}
.nav-menu ul li:first-child{}
.navigation { padding: 10px 0 }
.mobile-nav-icon{display:block}
.menu-icon { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 31px; height: 31px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.menu-icon:focus { outline: none; }
.menu-icon span { display: block; position: absolute; top: 13px; left: 0px; right: 0px; height: 3px; background: #2985ba; }
.menu-icon span::before, .menu-icon span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #2985ba; content: ""; }
.menu-icon span::before { top: -8px; }
.menu-icon span::after { bottom: -8px; }
.mobil-icon-toggle { background-color: transparent; }
.mobil-icon-toggle span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.mobil-icon-toggle span::before, .mobil-icon-toggle span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobil-icon-toggle span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.mobil-icon-toggle span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
/* active state, i.e. menu open */
.mobil-icon-toggle.active { background-color: transparent; }
.mobil-icon-toggle.active span { background: none; }
.mobil-icon-toggle.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobil-icon-toggle.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobil-icon-toggle.active span::before, .mobil-icon-toggle.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; background: #000; }
.mobile-nav-icon { float: right; margin-top: 0px; }
.nav-menu.open-navigation{right:0}
.overlay-box .overlay-content{padding:15px 5px;}
.overlay-box .overlay-header{padding:10px 15px; font-size:20px;}
.overlay-box .closeBtn{height:25px; width:25px; font-size:18px; padding-top:3px; top:10px; right:10px;}
.animate-label .input-group label{font-size:16px;}
.animate-label label{font-size:16px; top:15px}
.animate-label label.active{font-size:14px;}
input[type="button"], input[type="submit"], input[type="reset"], a.box-btn, button.box-btn{min-width:140px; padding:10px 10px; font-size:18px;}



.header.fix-header .nav-menu{display:block;}
/*.header.fix-header .logo a {background-image: url(../images/small-logo.png);width: 48px;height: 50px;display: inline-block;}
.header.fix-header .logo a img{visibility: hidden;}*/

.servicesSlider {padding: 50px 0 20px;}
.servicesSlider .servicesBox:nth-last-child(3), .servicesSlider .servicesBox:nth-last-child(2), .servicesSlider .servicesBox:nth-last-child(1) {
    margin-bottom: 30px;
}






.inner-bannertxt {width: 100%;}
.inner-bannertxt h2 span.product {font-size: 24px;}
.inner-bannertxt h2 {font-size: 46px;line-height: 52px;}
.home-banner-cntr .slider1 {background-position: 58% center;}
.about-cntr {padding: 20px 0 0;background-image: none;}
.about-info h2 {font-size: 24px;}
.about-info p {font-size: 16px;line-height: 26px;width: 100%;margin: 30px auto 0;visibility: visible !important;}
.mid-banner-cntr .container{width:100%}
.mid-banner-info {background-color: #f83871;width: 100%;height: 100%;border-radius: 0;position: relative;top: 0px;right: 0px;padding: 30px 0;}
.mid-banner-info p {font-size: 26px;line-height: 36px;}
.services-cntr {padding: 50px 0px;}
.custom-pre-control {display:none}
.custom-next-control {display:none}
.services-cntr p {width: 80%;margin: 0 auto;}
ul.services-banner li { margin-right: 30px;margin-left: 30px;}
.services-head {text-align: center;padding: 20px 0 40px;position: relative;}
.benefits-cntr ul {padding-top: 40px;display: inline-block;}
.benefits-cntr ul li {background-image: url(../images/bullet.png);background-position: 0px 7px;background-repeat: no-repeat;padding-left: 60px;padding-bottom: 50px;width: 100%;float: left;font-size: 18px;line-height: 26px;color: #fff;}
.benefits-cntr ul li:nth-child(odd) {margin-right: 0px;}
.benefits-cntr ul li:nth-child(even) {margin-left: 0px;}
.benefits-cntr .container {padding: 80px 0;}
.benefits-cntr {min-height: 1480px;}
.contact-cntr {padding: 0px 0 20px;}
.contact-cntr .container{width:100%;}
.anq-qust {float: none;width: 100%;padding: 50px 30px 50px 30px;margin: 0 auto;background-color: #2985ba;min-height: auto;}
.half {width: 100%;}
.enquiry-form {width: 100%;height: auto;position: static;right: 0;top: 0px;background-color: #fff;padding: 50px 20px;border: 0px;}
.form-fields ul li {width: 100%;float: left;margin-bottom: 25px;}
.form-fields ul li:nth-child(odd) {margin-right: 0px;}
.footer {position: static;}
.footer .container {padding: 0px 0;}
.captcha_image {
    position: relative;
    bottom: 0px;
    right: 0px;
    width: 100%;
    border: 1px solid #ddd;
    text-align: center;
}
.captcha_image img {
    height: 40px;
}

.servicesSlider .servicesBox {width: 100%;}
.ss-hovercontent h2 {font-size: 26px;padding: 0px;}

.product-banner .slider-row .container {
    position: static;
    height: 100%;
    right: 0%;
    width: 100%;
}
.product-banner .slider-Large-txt {
    position: static;
    right: 0%;
    top: 0%;
    margin-top: 0px;
    z-index: 999;
    padding: 30px;
    background-color: rgba(0, 61, 110, 0.65);
    width: 100%;
}
.banner .slick-initialized .slick-slide {
    height: 100%;
    padding: 0px;
}
.product-details-cntr {
    padding: 50px 0;
    font-family: 'Rubik', sans-serif;
}
.product-content {
    width: 100%;
    float: left;
    padding-right: 0%;
}

.product-table {
    width: 100%;
    margin: 42px auto 0;
    border: 1px solid #eaeaea;
    box-shadow: 0px 0px 40px #eaeaea;
    float: left;
}
.projects-tab-banner-cntr h2 {font-size: 24px;padding-top:50px;padding-bottom:20px;}

.project-tab-cntr {
    margin: 0px;
    position: static;
    padding: 5px 0;
}
.product-table ul li .grid-8,
.product-table ul li .grid-4 {padding: 10px;}
.project-tab-cntr.fixBtn{position: fixed;top: 58px;bottom: auto;width: 100%;z-index: 99;background: #003d6e;}
.project-filtertabs {position: relative;}
.project-filtertabs h2{font-size: 18px;background: #fff;color: #000;padding: 10px;font-weight: bolder;display:block;position:relative;}
.project-filtertabs h2::before {content: "";width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 6px solid rgb(0, 0, 0);position: absolute;top: 40%;right: 20px;background: transparent;}
.p-filtrTabs{display:none;}
.project-filtertabs:hover .p-filtrTabs{display:block;position: absolute;z-index: 999;width:100%;}
.p-filtrTabs a.active, .p-filtrTabs a:hover {border-color: #2985ba;}
.p-filtrTabs a {width: 100%;font-size: 13px;margin-bottom: 0px;padding: 7px 10px;border-bottom: 1px solid #fff;border-bottom-color: rgb(255, 255, 255);}

.product-details-cntr .slider-Large-txt {
    position: static;
    background-color: transparent;
    padding: 0px 0 0px 0;
}
.product-details-cntr {
    padding: 20px 0 50px;
    font-family: 'Rubik', sans-serif;
}
.enquiry-form h2 {font-size: 28px;}
.enquiry-form {padding: 20px;}
.product-details-cntr .slider-Large-txt .s-Big-txt {
    padding-bottom: 10px;font-size: 28px;
}
.product-info p{visibility: visible !important;}
.product-details-cntr h2 {
    font-size: 18px;
    line-height: 28px;
}
.sliderContainer .container{width: 100%;}
.contact-form-cntr input[type=submit].submit-btn,
input[type=submit].submit-btn{width: 100%;padding: 10px 20px;font-size: 16px;}
.menubar ul li.search-btn {height: 50px;margin-top: 10px;width: 96%;margin: 10px auto 0;padding-right: 10px;}
.menubar ul li.search-btn .search-container .gsc-control-cse.gsc-control-cse-en {padding: 0;height: 48px;}
.menubar ul li.search-btn .search-container {width: 100%;padding: 0px 0;right: 0;top: 0;display: block;}
.contact-form-cntr .contect-details {
    float: left;
    width: 100%;
    padding: 80px 50px;
    margin: 0 auto;
    background-color: #2985ba;
    min-height: 100%;
}
.contact-form-cntr .enquiry-form {
    width: 100%;
    height: 100%;padding: 20px;position: static;}
.contact-form-cntr .contect-details { padding: 30px;}
.contact-form-cntr .form-fields ul li {
    width: 100%;}
.contact-form-cntr .address-cntr h3 {
    padding-bottom:20px;
    font-size: 23px;
    line-height: 26px;}
.enquiry-cntr {
    padding: 20px 0;
    background-color: #2985ba;
}
.enquiry-cntr .form-fields ul li {
    width: 100%;
}
.enquiry-cntr .form-fields ul li:nth-child(2),
.enquiry-cntr .form-fields ul li:nth-child(5) {
    margin: 0 0px 25px;
}
.enquiry-cntr .form-fields ul li.contact-sub {
    margin-left: 0px;
    width: 100%;margin-bottom: 0px;
}
.contact-form-cntr {
    padding: 60px 0;
    margin-top: 60px;
    background: #fff;
}
.our-loaction-details{display:none;}
.product-banner .slider-Large-txt .s-Big-txt {
    font-size: 40px;}

.product-info {
    padding: 50px 0;
}
ul.product-info-ul>li {
    width: 100%;padding: 30px;min-height: 100% !important;}
ul.product-info-ul>li:nth-child(2) {
    margin-left: 0px;
    margin-top: 50px;
}

.mobile-infographic{padding: 20px 0 80px;}
.mobile-infographic ul li{height: 200px;}
.mobile-infographic ul li .triangle{position: relative;height: 200px;width: 120px;float: left;}
.mobile-infographic ul li .triangle:after{position: absolute;color: #fff;font-size: 24px;top: 50%;margin-top: -9px;margin-left: 10px;}
.mobile-infographic ul li .triangle:before{content: " ";width: 0px;height: 0px;position: absolute;border-top: 100px solid transparent;border-bottom: 100px solid transparent;}
.mobile-infographic ul li:nth-child(1) .triangle:after{content: "1964";}
.mobile-infographic ul li:nth-child(1) .triangle:before{border-left: 100px solid #1e9298;}
.mobile-infographic ul li:nth-child(1) .infographictext{color:#1e9298;}

.mobile-infographic ul li:nth-child(2) .triangle:after{content: "1981";}
.mobile-infographic ul li:nth-child(2) .triangle:before{border-left: 100px solid #6fad75;}
.mobile-infographic ul li:nth-child(2) .infographictext{color:#6fad75;}

.mobile-infographic ul li:nth-child(3) .triangle:after{content: "1987";}
.mobile-infographic ul li:nth-child(3) .triangle:before{border-left: 100px solid #e7da57;}
.mobile-infographic ul li:nth-child(3) .infographictext{color:#e7da57;}

.mobile-infographic ul li:nth-child(4) .triangle:after{content: "2006";}
.mobile-infographic ul li:nth-child(4) .triangle:before{border-left: 100px solid #f9ab1d;}
.mobile-infographic ul li:nth-child(4) .infographictext{color:#f9ab1d;}

.mobile-infographic ul li:nth-child(5) .triangle:after{content: "2014";}
.mobile-infographic ul li:nth-child(5) .triangle:before{border-left: 100px solid #f36e26;}
.mobile-infographic ul li:nth-child(5) .infographictext{color:#f36e26;}


.infographic-text {float: left;height: 200px;display: table;width: 65%;}
.infographictext{display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-size: 24px;line-height: 32px;}

.mobile-infographic{display:block;}

ul.clientscntr li:nth-child(2n) {margin-right: 0 !important;}
ul.clientscntr li {width: 50%;}
ul.clientscntr li .pn-image img {max-width: 154px;}

.slick-initialized .slick-slide {padding-bottom: 20vh;}
.header.fixed + .banner{margin-top:141px;}
.main-banner .slick-prev, 
.main-banner .slick-next {/*top: 50%;*/top: 45%;bottom: -8px;}
.main-banner .slick-next {right: 5px;background-size: 15px;background-repeat: no-repeat;background-position: center;}
.main-banner .slick-prev {left: 5px;background-size: 15px;background-repeat: no-repeat;background-position: center;}
.homepage .main-banner .slider-Large-txt {/*top: 42%;*/top: 35%;bottom: 0%;padding:10px;transform: translate(0%, 0%);width: 100%;}

.product-banner .homebannerimage {height: 250px;}
.product-banner .homebannerimage img {height: 100%;}
.slick-slide img {height: auto;}
.projects-tab-banner-cntr {margin-top: 58px;height:auto;min-height: 155px;}

.slider-Large-txt .s-Big-txt span {font-size: 16px;}
.slider-Large-txt .s-Big-txt {font-size: 24px;line-height: normal;width: 100%;margin-top:0px;text-align:center;}
.homepage .slider-Large-txt .s-Big-txt {color: #fff;width: 100%;font-size: 24px;line-height: normal;font-weight: 500;}
.product-details-cntr .slider-Large-txt .s-Big-txt {text-align:left;}
.product-table ul li .grid-12 {width: 100%;}
.slider-Large-txt .s-Big-txt p {font-size: 18px;line-height: normal;margin-top:10px;}
.slider-Large-txt .s-Big-txt a{margin-top:20px;display: inline-block;font: 12px "museo700", sans-serif;padding: 6px 12px;}

.homebannerimage{position:relative;overflow: hidden;}
.ss-hovercontent { bottom: 0 }
.banner .main-banner .slick-initialized .slick-slide img{transform: scale(1);}
.footer-cntr > ul > li { float: left;margin-right: 0%;width: 100%;margin-bottom: 50px;}
.footer-cntr > ul > li:nth-child(3) {width: 100%;}
.copyright-text {float: left;}
.footer-cntr dl dd ul li {padding-bottom: 0px;margin-top: 10px;}
.footer-cntr > ul > li:last-child {margin-bottom: 0;}
}
@media screen and (min-width: 0) and (max-width:568px) {/*For Big Screen mobile*/
}
@media screen and (min-width: 0) and (max-width:480px) {/*For mobile*/
}
@media screen and (min-width: 0) and (max-width:320px) {/*For Small screen mobile*/
ul.services-banner li {margin-right: 15px;margin-left: 15px;}
.benefits-cntr {min-height: 1680px;}
.logo {padding: 20px 0;width: 90px;}
.tell-info p a {font-size: 10px;line-height: 10px;}
.tell-info p {font-size: 14px;line-height: 17px;}

.custom-pre-control {display:none}
.custom-next-control {display:none}
.nav-menu {width: 76%;}
}