*{padding:0; margin: 0}
.navbar-default {background: #ffffff; margin-bottom: 0; padding: 20px 10px 20px 10px; border: none;}
.navbar-nav>li>a.active {background: #18c1f3;}
.navbar-nav>li>a.active:hover {background: #18c1f3; color: #212155;}
.navbar-default .navbar-nav>li>a {font-size: 20px; font-weight:400; font-family: 'Raleway', sans-serif; color: #000000; 
margin-top: 15px;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-default .navbar-nav>li>a.active{color: #ffffff;}
.navbar-default .navbar-nav>li>a:hover {color: #fff; background: #18c1f3}
.info {
    width: 100%;
    float: right;
    max-width: 650px;
}
.info p {float: left; background: url(../images/info.png) no-repeat left top 0; 
	font-weight:400; font-size: 20px; padding-top: 1px; color: #25444f; font-family: 'Open Sans', sans-serif; padding-left: 40px;}
.info p1 {float: right; padding-top: 1px; background: url(../images/phone.png) no-repeat left top 0; font-weight:400; font-size: 20px; color: #25444f; font-family: 'Open Sans', sans-serif; padding-left: 40px; margin-right: 10px;}
.welcome {float: left; width: 100%; background: #f4fcff; padding: 30px 0 30px 0;}
.international p {
    float: left;
    text-align: center;
    font-size: 23px;
    font-weight: 500;
    line-height: 36px;
    color: #000000;
    font-family: 'Raleway', sans-serif;
    width: 100%;
}
.color {color: #18c1f3; font-weight: bold;}


.blue {float: left; width: 100%; background: #18c1f3; padding: 20px 0 15px 0;}
.best p {float: left;
 text-align: center; width: 100%; font-size: 21px; font-weight:400;  font-family: 'Open Sans', sans-serif; color: #ffffff;}
.button {float: left; width: 100%;}
.button span {padding: 8px 0; 
	background: #c03b3c; text-align: center; display: block; margin: 0 auto 0 auto; width: 182px; text-decoration: none;
	color: #ffffff; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 18px;}
.button a:hover {color: #000000;} 
.slippery p {
    text-align: center;
    font-size: 38px;
    font-weight: 400;
    color: #101316;
    font-family: 'Raleway', sans-serif;
    margin: 30px 0 30px 0;
    line-height: 51px;
}

.floor h1 {float: left; width: 100%; font-size: 30px; font-weight:600; 
	color: #18c1f3; font-family: 'Raleway', sans-serif; margin-top: 20px; margin-bottom: 5px;}
.floor p {
    float: left;
    background: url(../images/bullet.jpg) no-repeat top 7px left 0;
    width: 100%;
    font-weight: 400;
    line-height: 25px;
    font-size: 18px;
    color: #192022;
    font-family: 'Raleway', sans-serif;
    padding-left: 25px;
    margin-top: 20px;
}

.floor h2 {float: left; width: 100%; font-weight:500; font-size: 20px; color: #18c1f3; font-family: 'Raleway', sans-serif; margin-bottom: 20px;}
.video {float: left; width: 100%; margin-bottom: 10px;}
.video img {cursor: pointer;}
.floor p1 {float: left; width: 100%; font-weight:400; font-size: 18px; font-family: 'Raleway', sans-serif; color: #192022; margin-top: 15px;}
.buttons {float: left; width: 100%;}
.buttons a {float: left; padding: 12px 0; transition: all 0.5s; background: #18c1f3; text-align: center; display: block; margin: 20px 0 0 auto; width: 200px; text-decoration: none; color: #ffffff; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 20px;}
.buttons a:hover {color: #fff; background: #333}
.coatings {float: left; width: 100%; margin: 20px 0 0 0 ;}
.coatings img {width: 100%; float: left;}
.coating p {
    float: right;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 11px;
    font-weight: 300;
    width: 178px;
    color: #707171;
    font-family: 'Raleway', sans-serif;
}

.gray {float: left; width: 100%; background: #f9f9f9; padding: 40px 0 40px 0; margin-top: 25px;}
.etchings {float: left; width: 100%;}
.etchings img {display: block; text-align: center; margin: 0 auto 0 auto;}
.concen h1 {float: left; width: 100%; font-size: 35px; font-weight:600; font-family: 'Raleway', sans-serif; color: #18c1f3; margin-top: 0;}
.concen p {float: left; width: 100%; font-size: 20px; font-weight:500; font-family: 'Raleway', sans-serif; color: #2a3234; margin-top: 10px;}
.pool {float: left; width: 50%; margin-top: 15px;}
.pool img {float: left; width: 100%;}
.concen p1 {
    float: left;
    width: 48%;
    margin: 13px 0 0 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #2a3234;
    font-family: 'Raleway', sans-serif;
}

.concen p2 {
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #2a3234;
    font-family: 'Raleway', sans-serif;
    margin-top: 20px;
    line-height: 27px;
}
.concen h2 {float: left; width: 100%; font-weight:700; font-size: 18px; color: #2a3234; font-family: 'Raleway', sans-serif; margin-top: 25px; margin-bottom: 20px;}
.concen p3 {float: left; width: 100%; font-weight:400; font-size: 12px; color: #ff0101; font-family: 'Raleway', sans-serif; margin-top: 0px; margin-bottom: 0px;}
.list h1 {text-align: center; width: 100%; font-weight:400; font-size: 38px; color: #141f21; font-family: 'Raleway', sans-serif; margin-top: 60px; margin-bottom: 0px;}
.list h1:after {height: 2px; background: #e1e1e1; max-width: 340px; width: 80%; content: " "; display: block; margin: 15px auto 0 auto;}
.shadows {
    float: left; position: relative;
    width: 100%;
    background: #f9f9f9;
    margin-top: 55px; height: 166px;
}
.women {float: left; width: 25%; display: block; text-align: center; margin-top: 10px;}
.shadows p {float: left; width: 71%; margin: 20px 4% 0 0; font-size: 14px; font-weight:400; font-family: 'Raleway', sans-serif; color: #000000; margin-bottom: 0px;}
.shadows p1 {float: left; width: 75%; font-size: 14px; font-weight:400; font-family: 'Raleway', sans-serif; color: #18c1f3; margin-top: 10px;}
.bold {font-weight:500;}
.shadows p2 {float: left; width: 75%; font-size: 14px; font-weight:400; font-family: 'Raleway', sans-serif; color: #18c1f3; 
margin-top: 15px;}
.shadows p3 {float: left; width: 75%; font-size: 14px; font-weight:400; font-family: 'Raleway', sans-serif; color: #18c1f3;
 margin-top: 15px;}
.submit {float: left; width: 100%;}
.submit a {padding:30px 0; background: #44d2fb; transition: all 0.5s; text-align: center; display: block;
 margin: 60px auto 0 auto; max-width: 520px; width: 100%;  text-decoration: none; color: #ffffff; font-family: 'Raleway', sans-serif; font-weight:600; font-size: 42px; border-radius: 4px; border-bottom: solid 7px #0090bb;}
.submit a:hover {color: #fff; background-color: #333; border-color: #000}
.orders {float: left; width: 100%;}
.orders p {text-align: center; width: 100%; color: #000000; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 26px; margin-top: 20px; margin-bottom: 0px;}
.footer {float: left; width: 100%; margin-top: 55px; background: #000000; padding: 30px 0 25px 0;}
.footers p {text-align: center; width: 100%; font-weight:400; font-size: 13px; color: #efefef; font-family: 'Raleway', sans-serif; margin: 0;}

@media screen and (max-width:1100px){
.info p {padding-top: 6px; font-size: 15px; margin-left: 120px;}
.info p1 {padding-top: 6px; font-size: 15px;}
.info {width: 61%}
}

@media screen and (max-width:991px){
.info {width: 55%;}
.info p {margin-left: 0px; padding: 5px 0 6px 40px; }
.info p1 {padding: 5px 0 6px 40px;}
.navbar-default .navbar-nav>li>a {font-size: 14px;}
.international p {margin-bottom: 0px; }
.info p1{float: left;}
.button a {font-size: 14px; width: 130px;}
.slippery p {font-size: 27px; line-height: 35px;}
.floor h1 {font-size: 22px;}

.video img {width: 100%;}

.buttons a {width: 160px; font-size: 16px;}


.women img {width: 94%; margin:0px 4% 50px 2%;}


}

@media screen and (max-width:767px){
.navbar-toggle {margin-top: 25px;}
.info {width: 100%; margin-top: 30px;}
.info p {width: 100%;}
.info p1 {width: 100%; float: left;}
.submit a{font-size: 27px;}
.concen p1, .pool, .coating p{width: 100%}
.pool1 img{width: 100%}
.concen p1{margin-left: 0;}
.exclusive img{width: 100%;}
.coatings img {margin: 0 35% 0 35%; width: 30%;}

.etchings img {width: 30%;}

.slip img{width: 100%;}
.list h1:after {max-width: 170px;}
.footer-links ul li{width: 100%; float: left; margin:7px 0;}
.footer-links ul li a{border:none !important;}


.navbar-default .navbar-brand {width: 50%;}
.navbar-default .navbar-brand img {width: 100%;}
}




.ow-shad {
    position: absolute;
    bottom: -26px;
    left: -13px;
    z-index: -1;
}


.sky {float: left; width: 100%; background: #f4fcff; padding: 30px 0 30px 0;}
.skys p {float: left; width: 100%; font-family: 'Raleway', sans-serif; margin: 0; font-size: 37px; font-weight:600;}
.shade {float: left; width: 100%; position: relative; background: #f8f8f8; padding: 30px 10px; height: auto; margin-top: 50px;}
.white {background: #ffffff; float: left; width: 100%; padding: 10px 0 5px 0; border: solid 1px #e2e2e2;}
.treatment {float: left; width: 50%; display: block; text-align: center; margin: 0 25% 0 25%;}
.treatment img {float: left; width: 100%;}
.treat h1 {float: left; width: 100%; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 38px; color: #101316;
  margin-bottom: 5px;}
.treat p {float: left; width: 100%; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 18px; color: #101316; margin-bottom: 15px;}
.treat p1 {float: left; background: url(../images/bullet.jpg) no-repeat top 5px left; width: 100%; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 15px; color: #18c1f3; padding-left: 20px; margin-top: 5px;}
.treat p2 {float: left; width: 100%; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 18px; color: #101316; margin-bottom: 5px;}




.looking {float: left; margin-top: 50px;}
.looking h2 {float: left; width: 100%; font-size: 18px; font-weight:400; color: ##2a3234; font-family: 'Raleway', sans-serif; margin-top: 15px; margin-bottom: 0px;}
.exclusive {float: left; width: 100%; display: block; clear: both; text-align: left; margin: 30px auto 0 auto;}
.looking p {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif;
color: #2a3234;}
.looking p a {color: #000000; font-weight:600;}
.looking p a:hover {text-decoration: none; color: #18c1f3;}
.boldd {color: #000000; font-weight:600;}
.nav-area {float: left; width: 100%; margin-top: 25px;}
.nav-area li {float: left; width: 100%; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight:600; margin-left: 15px; padding: 3px 0;}






.services {margin-top: 30px; float: left;}
.services p {
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    color: #2a3234;
    line-height: 30px;
}

.services p a {color: #2a3234; font-weight:700; text-decoration: none;}
.services p a:hover {text-decoration: none; color: #18c1f3;}
.services h1 {float: left; text-align: center; width: 100%; margin-top: 40px; margin-bottom: 0px; font-size: 34px; font-weight: 600; font-family: 'Raleway', sans-serif; color: #2a3234;}
.services h1 a {color: #2a3234; text-decoration: none;}
.services h1 a:hover {color: #18c1f3;}
.slip {float: left; width: 100%; display: block; text-align: center; margin-top: 30px;}
.slip img {cursor: pointer;}
.services p1 {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 18px; font-weight: 400; 
    font-family: 'Raleway', sans-serif; color: #2a3234; line-height: 30px;}
.services p1 a {color: #2a3234; font-weight:700; text-decoration: none;}
.services p1 a:hover {text-decoration: none; color: #18c1f3;}
.services p2 {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 16px; font-weight: 400; font-family: 'Raleway', sans-serif; color: #2a3234; line-height: 20px;}
.services p2 a {color: #2a3234; font-weight:400; text-decoration: none;}
.services p2 a:hover {text-decoration: none; color: #18c1f3;}


.contact {margin-top: 30px; float: left;}
.contact p {float: left; width: 100%;  margin-top: 30px; margin-bottom: 0px; font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif; color: #2a3234;}
.contact p a {color: #2a3234; text-decoration: none;}
.contact p a:hover {text-decoration: none; color: #18c1f3;}
.contact h1 {float: left; width: 100%;  margin-top: 70px; margin-bottom: 0px; font-size: 20px; font-weight:600; font-family: 'Raleway', sans-serif; color: #2a3234;}
.contact h2 {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 20px; font-weight:600; font-family: 'Raleway', sans-serif; color: #2a3234;}
.light {font-weight:400;}
.photos-f {float: left; width: 100%; display: block; text-align: center; margin: 40px auto 0 auto;}
.contact h3 {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 20px; font-weight:500; font-family: 'Raleway', sans-serif; color: #2a3234; text-align: center;}
.contact h3 {float: left; width: 100%; margin-top: 20px; margin-bottom: 0px; font-size: 20px; font-weight:400; font-family: 'Raleway', sans-serif; color: #2a3234; text-align: center;}
.contact h3 a {color: #2a3234; text-decoration: none;}
.contact h3 a:hover {text-decoration: none; color: #18c1f3;}
.contact h4 {float: left; width: 100%; margin-top: 30px; margin-bottom: 0px; font-size: 20px; font-weight:500; font-family: 'Raleway', sans-serif; color: #2a3234; text-align: center;}
.contact h4 a {color: #2a3234; text-decoration: none;}
.contact h4 a:hover {text-decoration: none; color: #18c1f3;}

@media screen and (max-width:991px){
.contact p {font-size: 14px;}
.contact h1 {font-size: 16px;}
.contact h2 {font-size: 16px;}
.contact h3 {font-size: 16px;}
.contact h4 {font-size: 16px;}
.ow-shad img{width: 100%} 
}

@media screen and (max-width:1280px){
.info p, .info p1{font-size: 15px;}

}


.nons {float: left; background: #ffffff; border: solid 1px #ccc; padding: 10px 0 10px 0; margin-top: 50px;}
.non {float: left; width: 100%; display: block; text-align: center; margin: 0 auto 0 auto;}
.trans p {float: left; width: 100%; text-align: left; font-size: 18px; 
    font-weight:400; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.trans {margin-top: 20px;}
.trans p1 {float: left; width: 100%; font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif; margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.trans h1 {float: left; width: 100%; text-align: center; font-size: 20px; font-weight:600; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.bottle {float: left; text-align: center; display: block; margin: 20px auto 0 auto; width: 100%;}
.application h1 { width: 100%; font-size: 20px; font-weight:600; font-family: 'Raleway', sans-serif;  
margin-bottom: 0px; color: #2a3234; margin-top: 15px;}
.application p { width: 100%; font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif;
  margin-bottom: 0px; color: #2a3234; margin-top: 15px;}

.slippery-f {float: left; text-align: left; display: block; margin: 20px 20px 0 0;}
.application p1 {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 30px;
    color: #2a3234;
    padding: 20px 0 0 0;
    text-align: left;
    display: block;
}
.application p3 {  font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif;
 margin-bottom: 0px; color: #2a3234; margin-top: 30px; text-align: left;}
.application p4 { font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif; margin-bottom: 0px;
 color: #2a3234; margin-top: 100px;}

.ow-submit {
    width: auto;
    float: left;
    background: #e02c2f;
    border: none;
    font-family: 'raleway';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding: 3px 13px;
}
.ow-subje {
    float: left;
    margin-right: 10px;
    padding: 3px;
}
.add-t {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.available {float: left;}
.pool1 {float: left; width: 100%; margin: 20px 0 !important;}
.available h1 {float: left; width: 100%; font-size: 30px; font-weight:600; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.available p {float: left; width: 100%; font-size: 18px; font-weight:600; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.strong {color: #000000;}
.strong:hover {color: #18c1f3;}
.available p1 {float: left; width: 100%; font-size: 18px; line-height: 28px; font-weight:600; font-family: 'Raleway', sans-serif; 
 margin-bottom: 0px; color: #000000; margin-top: 30px;}
.available p2 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0px;
    color: #000000;
    margin-top: 30px;
    line-height: 28px;
}

.guarantee {float: left; width: 100%; margin-top: 40px; }
.guarantee p {float: left; width: 100%; font-size: 18px; font-weight:normal; font-family: 'Raleway', sans-serif;
  margin-bottom: 0px; color: #2a3234; margin-top: 0;}
.guarantee h1 {float: left; width: 100%; font-size: 30px; font-weight:600; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}
.changes {color: #18c1f3;}
.tile {float: left; width: 100%; text-align: center; display: block; margin: 30px auto 0 auto;}
.guarantee p1 {float: left; width: 100%; font-size: 18px; font-weight:600; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px; text-align: center;}
.guarantee p1 a {color: #2a3234; text-decoration: none;}
.guarantee p1 a:hover {text-decoration: none; color: #18c1f3;}
.guarantee p2 {float: left; width: 100%; font-size: 18px; font-weight:400; font-family: 'Raleway', sans-serif;  margin-bottom: 0px; color: #2a3234; margin-top: 30px;}

.info a{color: #000; text-decoration:none;}
.info a:hover{color: #18c1f3;}

.ow-shade-s {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.anti-slip-box{background: #eee; border-radius: 10px; float: left; width: 100%; padding: 20px;}
.blue-line-text {
    padding: 10px 0;
    background: #18c1f3;
    margin: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 23px;
    float: left;
    font-weight: bold;
    width: 100%;
}

.ow-References p{font-family: raleway; font-size: 20px;}
.ow-References p span{font-weight: bold; color: #18c1f3; }
.ow-References p{line-height: 32px;}
.ow-References span{margin-top: 10px; font-weight: bold; color: #18c1f3; font-size: 20px; display: inline-block; }
.refere-img{float: left; margin-top: 40px;}
.refere-img span{float: left; width: 100%;}
.refere-img span img{width: 100%}
.refere-img b{margin-top: 15px; float: left; width: 100%; font-family: raleway; font-size:18px; font-weight: normal;}
.ow-first-ref-box{float: left; width: 100%; margin-top: 40px;}
.footer-links{float: left; text-align: center; width: 100%; }
.footer-links ul{}
.footer-links ul li{display: inline; }
.footer-links ul li a{color: #efefef; font-family: raleway; padding: 0 6px; border-right: solid 1px #efefef; font-size: 13px; letter-spacing: 0.3px; text-decoration: none; }
.footer-links ul li a:hover{color: #18c1f3}

.clearfix{clear: both;}
.text-us-class{color:#18c1f3; font-weight: bold; margin-left: 10px; }