@charset "utf-8";
/* CSS Document */
/*font-family: 'Open Sans', sans-serif;    font-family: 'Raleway', sans-serif;*/
@import url(/css/font-awesome.min.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);


html,body,form{ width:100%; padding:0; margin:0;}
body{ background:#efefef; font:600 12px/18px 'Open Sans', Arial, sans-serif, Helvetica; color:#000;}
a {outline: 0;}
a:hover, a:active, a:focus {outline: 0;}
a, a:visited {
    color: #11abb0;
    outline: 0 none;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
}
:focus {outline: 0;}
.lft{ float:left;}
.rgh{ float:right;}
.clr{ clear:both;}
.wrapper{ width:98%; max-width:1280px; margin:0 auto;}

.breadcrumb{ border-bottom:1px solid #d8e6eb; padding:12px 0; text-align:left;}
.breadcrumb a, .breadcrumb s{ font:400 12px/18px 'Open Sans', Arial, sans-serif, Helvetica; color:#004474; display:inline-block; padding-right:12px;margin-right:12px; text-decoration:none; }
.breadcrumb a{ background: url(https://repository.skipperlimited.com/images/bread-crumb-devider.png) no-repeat right 7px;}
.breadcrumb span{background: url(https://repository.skipperlimited.com/images/bread-crumb-devider.png) no-repeat right 7px;font:400 12px/18px 'Open Sans', Arial, sans-serif, Helvetica; color:#004474; display:inline-block; padding-right:12px;margin-right:12px; text-decoration:none;}


.landing-cont-bg{ background:#fff;}
.landing-wrapper{width:100%; max-width:1280px; margin:0 auto; }
.landing-wrapper .title{font:600 40px/48px 'Open Sans', Arial, sans-serif, Helvetica; color:#004474; padding:23px 0;}

.landing-wrapper .left-section{ width:50%; float:left;}
.landing-wrapper .right-section{ width:50%; float:left;}
.landing-wrapper .power-header{ width:100%; height:auto;  position:relative; text-align:center;}
.landing-wrapper .power-header:after{ content:''; position:absolute; right:0; top:0; bottom:0; width:1px; background:#fff; }
.landing-wrapper .power-header img{ width:100%; height:auto; border-radius:10px;}
.landing-wrapper .power-header span{ position:absolute; left:0; right:0; top:38%; font:700 30px/48px 'Open Sans', Arial, sans-serif, Helvetica; color:#fff; text-transform:uppercase;}
.landing-wrapper .water-header{ width:100%; height:auto; position:relative; position:relative; text-align:center;}
.landing-wrapper .water-header img{ width:100%; height:auto;}
.landing-wrapper .water-header span{ position:absolute; left:0; right:0; top:38%; font:700 30px/48px 'Open Sans', Arial, sans-serif, Helvetica; color:#fff; text-transform:uppercase;}


.landing-wrapper .cont{ padding:65px;}
.landing-wrapper .cont .paragraph{}
.landing-wrapper .cont .paragraph h3{font:400 18px/20px 'Open Sans', Arial, sans-serif, Helvetica; padding-bottom:20px; padding-top:5px; color:#004474;}
.landing-wrapper .cont .paragraph p{font:400 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; color:#676767; text-align:justify; padding-bottom:12px;}
.landing-wrapper .cont .paragraph span.more{ font: 700 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; font-style:italic; color:#004474; cursor:pointer; }
.landing-wrapper .cont .paragraph span.more1{ font: 700 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; font-style:italic; color:#004474; cursor:pointer; float:right; }

.landing-wrapper .cont .paragraph .hide{ display:none;}

.landing-wrapper .cont .heading{ padding:53px 0; text-indent:10px;}
.landing-wrapper .cont .heading strong{ font:300 26px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#676767; border-bottom:2px solid #ffa800; text-transform:uppercase;}

.landing-wrapper .cont .landing-products-wrapper{ border-bottom:1px solid #dcdcdc; padding-bottom:75px; margin-bottom:75px;}

.landing-wrapper .cont ul.landing-links{ width:48%; text-align:right; float:right;}
.landing-wrapper .cont ul.landing-links.water{ margin:0 auto; float:none;}
.landing-wrapper .cont ul.landing-links li{ width:43%; display:inline-block; text-align:center; border:1px solid #dcdcdc;  border-radius:8px; padding:42px 0; margin:0 15px;}
.landing-wrapper .cont ul.landing-links li a{font:400 16px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#020202; border-bottom:2px solid #ffa800; text-transform:uppercase;}
.landing-wrapper .cont ul.landing-links li span{ display:block; padding-bottom:32px;}

.landing-wrapper .cont .error h5{font: 700 24px/32px 'Open Sans', sans-serif; color: #c90019; text-align:center;}
.landing-wrapper .cont .error p{font: 700 14px/40px 'Open Sans', sans-serif; color: #505050; padding: 0; margin: 0; margin-bottom: 10px; text-align:center;}




.landing-wrapper .cont2{ padding:26px 0px;}
.landing-wrapper .cont2 .paragraph{}
.landing-wrapper .cont2 .paragraph h3{font:400 18px/20px 'Open Sans', Arial, sans-serif, Helvetica; padding-bottom:20px; padding-top:5px; color:#004474;}
.landing-wrapper .cont2 .paragraph p{font:400 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; color:#676767; text-align:justify; padding-bottom:12px;}
.landing-wrapper .cont2 .paragraph span.more{ font: 700 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; font-style:italic; color:#004474; cursor:pointer; }
.landing-wrapper .cont2 .paragraph span.more1{ font: 700 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; font-style:italic; color:#004474; cursor:pointer; float:right; }

.landing-wrapper .cont2 .paragraph .hide{ display:none;}

.landing-wrapper .cont2 .heading{ padding:53px 0; text-indent:10px;}
.landing-wrapper .cont2 .heading strong{ font:300 26px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#676767; border-bottom:2px solid #ffa800; text-transform:uppercase;}

.landing-wrapper .cont2 .landing-products-wrapper{ border-bottom:1px solid #dcdcdc; padding-bottom:75px; margin-bottom:75px;}

.landing-wrapper .cont2 ul.landing-links{ width:100%; margin:0 auto; text-align:center;}
.landing-wrapper .cont2 ul.landing-links.water{ margin:0 auto; float:none;}
.landing-wrapper .cont2 ul.landing-links li{ width:20%; display:inline-block; text-align:center; border:1px solid #dcdcdc;  border-radius:8px; padding:42px 0; margin:0 15px;}
.landing-wrapper .cont2 ul.landing-links li a{font:400 16px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#020202; border-bottom:2px solid #ffa800; text-transform:uppercase;}
.landing-wrapper .cont2 ul.landing-links li span{ display:block; padding-bottom:32px;}

.landing-wrapper .cont2 .error h5{font: 700 24px/32px 'Open Sans', sans-serif; color: #c90019; text-align:center;}
.landing-wrapper .cont2 .error p{font: 700 14px/40px 'Open Sans', sans-serif; color: #505050; padding: 0; margin: 0; margin-bottom: 10px; text-align:center;}





.pro-item-water{ width:100%; text-align:center;}
.pro-item-water li{ float:none; display:inline-block; width:246px; margin:0 12px;}
.landing-pro-item{ background:#dcdcdc; text-align:center;  height:280px; padding-top:30px; border-radius:10px; margin:0 12px; }
.landing-pro-item samp{ border-radius:50%; overflow:hidden; width:148px; height:148px; display:block; margin:0 auto; }
.landing-pro-item strong{ display:block; padding:19px 0; font:700 16px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#004474; font-style:italic;}





.landing-products-wrapper .slick-prev, .landing-products-wrapper .slick-next{ background: url(https://repository.skipperlimited.com/images/pro-slider-controler2.png) no-repeat left top #fff; width:41px; height:42px; }
.landing-products-wrapper .slick-prev{ left:auto; right:41px; bottom:-96px; top:auto; margin:0;}
.landing-products-wrapper .slick-next{ background-position:right top; right:0%; bottom:-96px; top:auto; margin:0;}
.landing-products-wrapper .slick-list{}

.landing-services{ float:left; width:49%; border:1px solid #dcdcdc; border-radius:6px; }
.landing-services section{ padding:25px;}
.landing-services section strong{float:left; margin-right:15px; font:300 26px/28px 'Open Sans', Arial, sans-serif, Helvetica; color:#676767; border-bottom:2px solid #ffa800; text-transform:uppercase;}
.landing-services section aside{ float:left; width:137px; height:137px; background:#dcdcdc; border-radius:50%; margin:0 10px;}
.landing-services section aside a{ display:table-cell; text-align:center; vertical-align:middle;  width:137px; padding:0 5px; height:137px; font:700 16px/22px 'Open Sans', Arial, sans-serif, Helvetica; color:#004474; font-style:italic;}


.landing-wrapper .cont .paragraph ul.list3 li{ background:url(https://repository.skipperlimited.com/images/bullet.png) no-repeat left 8px; margin-bottom:8px; padding-left:15px; font: 400 14px/24px 'Open Sans', Arial, sans-serif, Helvetica; color: #676767; text-align: justify;}


@media screen and (max-width:1360px) {
.landing-wrapper .water-header, .landing-wrapper .power-header{ width:90%; height: 198px; margin:0 auto; border-radius:10px; overflow:hidden;}
.landing-wrapper .title { padding-left: 61px;}
.water-hadder .title h1 {top: 14px;}
}
@media screen and (max-width:1280px) {
.landing-wrapper .title { padding-left: 53px;}
}
@media screen and (max-width:1024px) {
.landing-services section aside{width:111px; height:111px;}
.landing-services section aside a{height:107px;width:111px; }
.landing-services section strong{font:300 22px/28px 'Open Sans', Arial, sans-serif, Helvetica; }
.landing-wrapper .cont ul.landing-links li{ width:42%; padding: 29px 0;}
.landing-wrapper .water-header, .landing-wrapper .power-header{ height: 164px;}
.landing-wrapper .title { padding-left: 46px;}
.water-hadder .title {width: auto !important; margin: 0 auto;}
.water-hadder .title h1 {color: #fff;top: 140px;left: 10px;font-size: 17px;}
.paragraph P{ margin:15px;}
.top-scroll{ display:none;}
}


@media screen and (max-width:880px) {
	.water-hadder .title h1 {color: #000; padding:15px;}	
}
@media screen and (max-width:880px) {
.landing-wrapper{ background:none;}
.landing-wrapper .title{background:none; text-indent:15px;}
.landing-wrapper .power-header::after{ display:none;}
.landing-wrapper .water-header, .landing-wrapper .power-header{ width:90%; height: 154px; margin:0 auto; border-radius:10px; overflow:hidden;}
.landing-wrapper .cont{ padding:40px;}
.landing-wrapper .power-header img{ width:auto; height:auto;}
.landing-wrapper .power-header span {top: 21%; font: 700 21px/28px 'Open Sans', Arial, sans-serif, Helvetica;  padding-top:20px;}
.landing-wrapper .left-section{ width:100%; float:none;}
.landing-wrapper .right-section{ width:100%; float:none;}
.landing-wrapper .cont ul.landing-links {
    width: 68%;
     text-align: center;
     float: none; 
    padding-top: 20px;
    margin: 0 auto;
}
.landing-services {
    float: none;
    width: 80%;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    margin: 0 auto;
}
.landing-wrapper .cont ul.landing-links li{ width:40%; padding: 29px 0;}
.landing-wrapper .title { padding-left: 19px;}
}

@media screen and (max-width:640px) {
.landing-wrapper .power-header span {top: 21%; font: 700 21px/28px 'Open Sans', Arial, sans-serif, Helvetica; width:95%;}
.landing-wrapper .title { padding-left: 12px;}
.landing-wrapper .cont2 .paragraph p{ padding:15px;}
.water-hadder .title h1 {color: #fff;top: 71px;left: 8px;}
.landing-wrapper .cont2 .paragraph h3 {padding: 0 15px;}
.table-width {margin: 0 15px;}
.landing-wrapper .cont2 ul.landing-links {width: auto;text-align: center;float: none;margin: 15px 0 0 0;}
.top-scroll{ display:none;}
}
@media screen and (max-width:480px) {
.landing-wrapper .cont{ padding:22px;}

.landing-wrapper .cont ul.landing-links {
    width: 100%;
     text-align: center;
     float: none; 
    padding-top: 20px;
    margin: 0 auto;
}
.landing-services {
    float: none;
    width: 100%;
    border: none;
    border-radius: 6px;
    margin: 0 auto;
}
.landing-services section aside {
    width: 109px;
    height: 109px;
}
.landing-wrapper .title { padding-left: 5px;}
.landing-wrapper .cont2 ul.landing-links li {margin: 5px;}
.landing-wrapper .cont2 ul.landing-links {width: auto;text-align: center;float: inherit;}
.slick-slide img {margin: 0 auto;}
.landing-pro-item1 span{ margin:0 auto;}
.water-hadder .title h1 {color: #fff;top: 20px;left: 8px;}
}

@media screen and (max-width:320px) {
.landing-wrapper .cont{ padding:22px;}

.landing-wrapper .cont ul.landing-links {
    width: 100%;
     text-align: center;
     float: none; 
    padding-top: 20px;
    margin: 0 auto;
}
.landing-services {
    float: none;
    width: 100%;
    border: none;
    border-radius: 6px;
    margin: 0 auto;
}
.landing-services section aside {
    width: 109px;
    height: 109px;
	margin: 10px 0 0 15px;
}
.landing-wrapper .cont2 ul.landing-links li {margin: 5px;}
.landing-wrapper .cont2 ul.landing-links {width: auto;text-align: center;float: inherit;}
.landing-wrapper .cont ul.landing-links li{ width:37%; padding: 29px 0;}
.landing-wrapper .cont ul.landing-links li a {font: 400 11px/28px 'Open Sans', Arial, sans-serif, Helvetica;}
.landing-services section strong { width:100%; text-align:center; line-height:35px;}
.landing-wrapper .title { padding-left:0px; margin-left:-3px;}
}