@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background:#124f90;
	font-family: 'robotoregular';
	font-size:16px;
}

/* Comman Classes */
a, img, span {border:0; margin:0; padding:0;}
img {line-height:0px;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}
a, a:hover { text-decoration:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; padding:0; margin:0;}

h1{ width:100%; float:left; font-family: 'robotoregular'; color:#fff; font-size:30px; margin:0px; padding:0px;}
h2{ width:100%; float:left; font-family: 'robotoregular'; color:#fff; font-size:24px; margin:0px; padding:0px;}
h3{ width:100%; float:left; font-family: 'robotoregular'; font-size:30px; color:#002954; font-weight:normal; margin:0px; padding:0px;}
h4{ width:98%; float:left; font-family: 'robotoregular'; color:#fff; font-size:28px; font-weight:normal; margin:0px; padding:0px 0px 0px 2%;}
h5{ width:100%; float:left; font-family: 'robotoregular'; color:#fff; font-size:22px; font-weight:normal; text-decoration:underline; margin:0px; padding:0px 0px 10px 0px;}
h6{ width:100%; float:left; font-family: 'robotoregular'; color:#fff; font-size:14px; margin:0px; padding:0px;}


#sitemain { width:100%; margin:0px auto; padding:0px; }

.layout{ width:980px; margin:0 auto; padding:0px; } 
.coman-inr{ width:100%; float:left; margin:0px; padding:0px;}



/*---------------------------------
		Header Start
---------------------------------*/
header{ width:100%; float:left; background:url(../images/top_hed_bg.png) no-repeat center top; /*min-height:230px;*/ margin:0px; padding:0px;}
header .logo{ width:400px; float:left; margin:52px 0px 0px 30px; padding:0px;}
header .logo span { display: block; text-align: center; font-weight: normal; color: #fff; font-size: 22px; white-space: nowrap;letter-spacing: 0.41px;
text-shadow: #104073 1px 2px 0;
-o-text-shadow: #104073 1px 2px 0;
-ms-text-shadow: #104073 1px 2px 0;
-moz-text-shadow: #104073 1px 2px 0;
-webkit-text-shadow: #104073 1px 2px 0;}
header .top-right-prt{ width:384px; float:right; margin:32px 30px 0px 0px; padding:0px;}
header .swimming{ width:340px; height:100px; float:right; background:url(../images/top-text-bg.png) no-repeat left center; text-align:center; font-family: 'robotomedium'; color:#fff; font-size:22px; line-height:30px; margin:0px; padding:7px 0px 0px 0px;}
header .phone-no{ width:356px; float:right; background:url(../images/phone_icon.png) no-repeat left 2px; text-align:right; font-family: 'robotomedium'; font-size:22px; color:#2b2b2b; text-shadow:1px 0px 1px #d5d5d5; line-height:22px; margin:24px 0px 0px 0px; padding:0px;}
header .phone-no span{ width:5px; background:url(../images/phone_dot.png) no-repeat center 5px; margin:10px 10px 0px 10px; padding:0px;}
header .slogan{ width:100%; float:left; background:url(../images/slogan_bg.png) no-repeat left top; height:49px; line-height:20px; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; font-family: 'robotomedium'; font-size:17px; color:#fff; text-shadow:1px 0px 1px #000; margin:31px 0px 0px 0px; padding:11px 0 0 0;}
header .bot-shedo{ width:100%; float:left; position:relative; z-index:99; background:url(../images/slogan_bot_shedo.jpg) no-repeat center bottom; height:36px; margin:0px; padding:0px;}


/*---------------------------------
		Section Start
---------------------------------*/
section{ width:100%; float:left; margin:0px; padding:0px;}
section .middal-bg{ width:100%; float:left; background:url(../images/middal_bg.png) repeat-y left top; margin:-36px 0px 0px 0px; padding:0px 0px 0px 0px;}
section .slider-main{ width:938px; float:left; background:#124f90; border-radius:8px; height:338px; margin:36px 0px 0px 20px; padding:1px;}

section .middal-inr{ width:940px; float:left; margin:0px 20px; padding:0px;}
section .bdr-sepret{ width:976px; float:left; background:url(../images/sepret_bdr.png) repeat-x left top; height:2px; margin:22px 0px 0px 2px; padding:0px;}
section .mid-one{ width:100%; float:left; margin:18px 0px 0px 0px; padding:0px;}
section .blue-box{ width:94%; float:left; background:#124f90; border-radius:8px; box-shadow:0px 2px 0px #010101; font-family: 'robotoregular'; font-size:28px; color:#fff; text-shadow:1px 0px 1px #00264e; text-align:center; line-height:38px; margin:0px; padding:10px 3%;}

.pool-service{ width:100%; float:left; margin:26px 0px 0px 0px; padding:0px;}
section .service-list{ width:494px; float:left; margin:10px 0px 30px 0px; padding:0px;}
section .service-list ul{ width:100%; float:left; margin:0px; padding:0px;}
section .service-list ul li{ width:96%; float:left; list-style:none; background:url(../images/blue_arrow.png) no-repeat left 9px; font-family: 'robotoregular'; font-size:15px; color:#fff; line-height:20px; margin:0px; padding:7px 0px 7px 4%;}
section .pool-thumb{ width:430px; float:right; background:#fff; border-radius:8px; height:316px; display:block; margin:26px 0px 0px 0px; padding:1px;}
section .pool-thumb img{border-radius:6px; width: 100%;}
section .grey-box{ width:100%; float:left; background:url(../images/grey_bg.jpg) repeat-x left top; border-radius:8px; box-shadow:0px 1px 0px #fff; height:89px; margin:0px 0px 20px 0px; padding:0px;}
section .call-txt{ width:250px; float:left; text-align:center; font-family: 'robotoregular'; font-size:18px; color:#124f90; margin:32px 0px 0px 0px; padding:0px;}
section .phoneno-txt{ width:400px; float:left; text-align:center; font-family: 'robotobold'; font-size:50px; color:#124f90; line-height:89px; margin:0px 0px; padding:0px;}
section .expert-txt{ width:250px; float:right; text-align:center; font-family: 'robotoregular'; font-size:18px; color:#124f90; margin:32px 14px 0px 0px; padding:0px;}
section .blue-leak{ width:94%; float:left; background:#124f90; border-radius:8px; box-shadow:0px 2px 0px #010101; font-family: 'robotoregular'; font-size:24px; color:#fff; text-shadow:1px 0px 1px #00264e; line-height:38px; margin:18px 0px 0px 0px; padding:10px 3%;}
section .leak-desh{ width:100%; float:left; margin:14px 0px 0px 0px; padding:0px;}
section .leak-desh p{ width:100%; float:left; font-family: 'robotoregular'; font-size:16px; color:#fff; line-height:24px; margin:0px; padding:0px 0px 18px 0px;}
section .leak-thumb{ width:340px; float:left; background:#fff; border-radius:8px; height:270px; display:block; margin:14px 20px 0px 0px; padding:1px;}
section .leak-thumb img{border-radius:8px;}
section .right-cnt{ width:568px; float:right; margin:0px; padding:0px;}
section .swimming-desh{ width:100%; float:left; margin:0px; padding:0px;}
section .swimming-desh p{ width:100%; float:left; font-family: 'robotoregular'; font-size:16px; color:#fff; line-height:22px; margin:0px; padding:0px 0px 18px 0px;}
section .swimming-desh .title{ width:100%; float:left; font-family: 'robotoregular'; font-size:18px; color:#002955; margin:0px; padding:0px;}
section .swimming-desh p span{color:#002954;}
section .leak-fl{ width:576px; float:left; margin:24px 0px 0px 0px; padding:0px;}
section .thumb-fr{ width:340px; float:right; margin:24px 0px 0px 0px; padding:0px;}
section .island-thumb{ width:100%; float:left; background:#fff; border-radius:8px; height:270px; display:block; margin:0px; padding:1px;}
section .island-thumb img{border-radius:8px; }
section .need-fl{ width:274px; float:left; margin:0px; padding:0px;}
section .need-thumb{ width:100%; float:left; background:#fff; border-radius:8px; height:161px; display:block; margin:0px; padding:1px;}
section .need-thumb img{ border-radius:8px;}
section .need-fr{ width:638px; float:right; margin:0px; padding:0px;}
section .need-desh{ width:100%; float:left; margin:0px; padding:0px;}
section .need-desh p{ width:100%; float:left; font-family: 'robotoregular'; font-size:20px; color:#fff; margin:0px; padding:0px;}
section .need-title{ width:100%; float:left; font-family: 'robotoregular'; font-size:30px; color:#002954; font-weight:normal; margin:60px 0px 0px 0px; padding:0px;}

section .full-desh{ width:100%; float:left; margin:20px 0px 10px 0px; padding:0px;}
section .full-desh p{ width:100%; float:left; font-family: 'robotoregular'; font-size:16px; color:#fff; margin:0px; padding:0px 0px 28px 0px;}
section .full-desh p span{ font-size:21px; font-family: 'robotobold';}


section .bot-cv{ width:100%; float:left; text-align:center; margin-top:-1px; padding:0px;}

/*---------------------------------
		Footer Start
---------------------------------*/
footer{ width:100%; float:left; margin:0px; padding:0px;}
footer .footer-link{ width:100%; float:left; text-align:center; color:#fff; margin:16px 0px 0px 0px; padding:0px;}
footer .footer-link a{ font-family: 'robotoregular'; font-size:14px; color:#fff; text-decoration:none;  margin:0px; padding:0px 6px;}
footer .footer-link a:hover{ color:#4680bf;}
footer .copyright{ width:100%; float:left; font-family: 'robotoregular'; font-size:14px; color:#fff; line-height:30px; margin:0px 0px 7px 0px; padding:0px; position:relative; text-align:center;}
footer .copyright .webby{ width:auto; position:absolute; font-family: 'robotoregular'; font-size:14px; color:#fff; text-align:center; line-height:30px; right:0; top:0;}
footer .copyright .webby a{ font-family: 'robotoregular'; font-size:14px; color:#4680bf;}
footer .copyright .webby a:hover{color:#fff;}