@font-face {
    font-family: Antonio;
    src: url('../fonts/antonio.regular.ttf');
}
html{
    padding-top: 0px;
}
.container-fluid{
    padding: 0px;
}
section {
    max-width: 1240px;
    margin: 0px auto;
}

/* Navigation Styles */
.header-container{
    background-image: url('../img/header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 1000px;
}
.neww-areaa{
    background-image: url('../img/services-img.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.main-nav{
   text-align: center;
}
.main-nav>li{
    display: inline-block;
    margin:25px 30px;
    font-family: Antonio;
    color: #054c7c;
    text-transform: uppercase;
    font-size: 24px;
}
.main-nav>li>a{color:#054c7c;}
.main-nav>li>a:hover, .active {
    color: #818285;
    text-decoration:none;
}
.logo{
    max-width: 500px; height: auto;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -190px;

}
@media screen and (max-width: 1190px){
   .logo {
       width: 350px;
       margin-left: -175px;
   }
    .main-nav>li{
        font-size: 20px;
    }
}
@media screen and (max-width: 960px){
    .logo {
        width: 230px;
        margin-left: -115px;
    }
    .main-nav>li{
        font-size: 16px;
    }
}
@media screen and (max-width: 768px){
 
	
	.testimonials-text {height:270px }	
	.testimonials-container {height:800px }
	 
	
	
    .main-nav{display: none;}
}
/* Mobile menu */
.mobile-nav{display: none;}
@media screen and (max-width: 768px){
    .mobile-nav{display: block;}
}
.mobile-logo{
    display: block;
    width: 350px;
    padding: 5px;
    float: left;
}
.mobile-menu{
    display: block;
    width: 30px; height: 30px;
    float: right;
    margin: 15px;
}
.mobile-nav-list {
    display: none;
    list-style: none;
    position: absolute;
    top: 65px;
    margin: 0px;
    padding:0px;
    background-color: #fff;
    width: 100%;
    text-align: center;
}
.mobile-nav-list>li{
    padding: 10px 0px;
    font-family: Antonio;
    color: #054c7c;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid #00498a;
    width: 100%;
}
.perform-text {
    text-align: center;
    font-size: 18px;
    color: #8e8e8f;
    margin-top: 15px;
}
@media screen and (max-width: 480px){
    .mobile-logo{
        width: 200px;
        padding: 15px;
    }
    .mobile-menu{
        margin: 10px;
    }
}
/* End of navigation styles */

/* Header Text */
.header-text-row{
    margin: 105px 0px 105px 0px;
}
.header-text-wrapper{
    width: 80%;
    max-width: 850px;
    margin: 0px auto;
}
.header-text {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 72px;
    color: #fff;
    text-shadow: 2px 1px 0px grey;
}
.header-text>span{
    font-weight: 700;
}
.header-undertext{
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    color: #fff;
    text-shadow: 1px 1px 0px grey;
}
.left{
    text-align: left;
}
.right{text-align: right;}
/*End of header text */

/* Expert Section styles */
.expert-container {
    background-image: url('../img/trianglebg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 1320px;
    position: relative;
}

@media screen and (min-width: 1450px){
    .expert-container {
        height: 1300px;
    }
}
@media screen and (min-width: 1650px){
    .expert-container {
        height: 1400px;
    }
}
@media screen and (min-width: 1750px){
    .expert-container {
        height: 1600px;
    }
    .header-container{
        height: 1100px;
    }
}
@media screen and (min-width: 1980px){
    .expert-container {
        height: 1600px;
    }
    .header-container{
        height: 1200px;
    }
}
.expert-section {
    margin-top: 20px;
}
.expert-title {
    font-family: "Open Sans", sans-serif;
    font-size: 48px;
    color: #2ac1e1;
}
.expert-subtitle{
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    color: #a5a5a5;
    font-weight: 300;
    margin: 20px 0px 20px 0px;
}
.expert-text {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    color: #8e8e8f;
	margin-top:30px;
}
@media screen and (max-width: 500px){
    .expert-title {font-size: 30px;}
    .expert-subtitle{font-size: 20px;}
    .expert-text {font-size: 14px;}
    .expert-wrapper{padding: 5px;}
}
.white-gradient{
    width: 100%; height: 200px;
    position: absolute;
    bottom: 0px;
    background: -webkit-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* Standard syntax */
    font-family: "Open Sans", sans-serif;
    font-size: 46px;
    color: #2ac1e1;
    padding-top: 95px;
}

.white-gradientnew{
    width: 100%;
	height: 200px;
    bottom: 0px;
    background: -webkit-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)); /* Standard syntax */
    font-family: "Open Sans", sans-serif;
    font-size: 46px;
    color: #2ac1e1;
    padding-top: 95px;
}s


@media screen and (max-width: 600px){
    .white-gradient {
        font-size: 36px;
        height: 200px;
    }
}
/* End of expert styles */

/* Services Styles */
.services-text-wrapper {
    font-family: "Open Sans", sans-serif;
    color: #686666;
    font-size: 24px;
    margin-bottom: 50px;
}
.circle-item-wrapper {
    padding: 0px;
    margin: 10px 0px;
    width: 33.33%;
}
.circle-subitem {
    width: 75px; height: 75px;
    border-radius: 75px;
	position: absolute;
    left: 50%;
    margin-left: -160px;
	z-index: 1;
}
.circles-wrapper {
    margin: 0 14px 0 0;
    width: 100%;
    display: table;
}
.circle-subitem>p{
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    margin: 7px 0px 0px 18px;
}
.green{background-color: #78cea1;}
.blue{background-color: #2ac1e1;}
.violet{background-color: #789cce;}
.darkblue{background-color: #054c7c;}
.circle-item{
    width: 270px; height: 270px;
    border: 2px solid #c2c1c1;
    border-radius: 270px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    left: 50%;
    margin-left: -135px;
}
.circle-item>p{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #5c6062;
    text-transform: uppercase;
    margin-top: 90px;
}
.white-triangle{
    background-image: url('../img/whitetriangle.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 350px;
}
/* End of services styles */

/*Subscribe Styles*/
.subscribe-container{
    background-color: #fafafa;
}
.subscribe-title {
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    color: #444444;
    font-weight: 600;
    margin-top: 100px;
    margin-bottom: 50px;
}
.form-wrapper{
    width: 95%;
    max-width: 968px;
    margin: 0px auto;
    margin-bottom: 100px;
}
input[name="email"]{
    width: 70%;
	padding: 18px 10px;
    font-size: 18px;
    color: #8a8a8a;
    background-color: transparent;
    border: 1px solid #cccccc;
}
input::-webkit-input-placeholder {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}
input:-moz-placeholder { /* Firefox 18- */
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}
input::-moz-placeholder {  /* Firefox 19+ */
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}
input:-ms-input-placeholder {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}
button[type="submit"] {
    text-transform: uppercase;
    color: #fff;
    background-color: #46bcec;
    border: none;
    height: 64px;
    width: 28%;
    float: right;
    border-radius: 5px;
    font-size: 28px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}
button[type="submit"]:hover{
    background-color: darkgray;
}
.ser-area{
    position: relative;
    top: -170px;
}

@media screen and (max-width: 600px){
    button[type="submit"]{
        font-size: 14px;
    }
.circle-item-wrapper {
    width: 100%;
}
.header-text {
    font-size: 40px;
}	
}
/* End of subscribe styles */

/* Testimonials Styles */
.testimonials-container{background-color: #fafafa;
    background-image: url('../img/whitetriangle-reverse.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 750px;
}




@media screen and (max-width: 565px){
    .testimonials-container{
        height: 800px;
    }
}
.relative {
    position: relative;
}
.testimonials-row {
    background-color: transparent;
}
.testimonials-title {
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    color: #78b1ce;
margin: 185px 0px 45px 0px;
}
.testimonials-image{
width: 80%;
    max-width: 211px;
    margin: 0px auto;
}
.testimonials-subtitle {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
	color: #46bcec;
    margin: 10px 0px 15px 0px;
	text-align:center;
}
.testimonials-text{
    width: 98%;
	max-width: 960px;
    margin: 0px auto;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    color: #8e8e8f;
	text-align:center;
	height:210px;
}
.testimonials-text>span {
    font-size: 36px;
    color: #78b1ce;
}
/*End of testimonials Styles */

/*Contact section */
.contact-container{
    background-image: url('../img/whitetriangle.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 450px;
    position: relative;
    z-index: 5;
}
.footer-logo{
	height: auto;
    max-width: 570px;
    margin: 100px 5px 10px 5px;
}
.street {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    color: #9d9a9a;
    line-height: 40px;
}
.mail>a{
    color: #848181;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
}
.tel>a{
    color: #848181;
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
}
/*End of contact section */

/* Map section */
.map-container{
    position: relative;
    z-index: 4;
    margin-top: -350px;
    height: 650px;
    overflow: hidden;
}
.map>iframe {
    width: 100%;
    height: 850px;
}
@media screen and (min-width: 1400px){
    .map>iframe {height: 1050px;}
    .map-container{margin-top: -445px;}
    .contact-container{height: 460px;}
}
@media screen and (min-width: 1700px){
    .contact-container{height: 460px;}
}
@media screen and (min-width: 1980px){
    .map>iframe {height: 1300px;}
    .map-container{margin-top: -550px; height: 800px;}
    .contact-container{height: 550px;}
}
/* End of map setion */


/* Footer */
.footer-container{
    height: 40px;
    background-color: #55cee7;
}
.copy,.yowza {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    padding: 0px 5px;
}
.yowza>a{
    color: #fff;
}
.yowza>a:hover{
    color: #fff;
    text-decoration: none;
}
@media screen and (max-width: 500px){
    .copy,.yowza {
        font-size: 12px;
    }
}
@media screen and (max-width: 360px){
    .copy,.yowza {
        font-size: 10px;
    }
}
/* End of footer */


/* -- About Page -- */
.about-container {
    background-image: url('../img/trianglebg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 1400px;
    position: relative;
}
.about-text {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    color: #848181;
    width: 96%;
    max-width: 980px;
    margin: 30px auto 0px auto;
    text-align: justify;
    text-shadow: 1px 0px 0px #fafafa;
    text-align: left;
}
@media screen and (max-width: 680px){
    .about-text{
        font-size: 14px;
    }
}
@media screen and (max-width: 560px){
    .about-container {
        height: 1750px;
    }
}
@media screen and (min-width: 1450px){
    .about-container {
        height: 1750px;
    }
}
@media screen and (min-width: 2050px){
        .about-container {
        height: 1950px; margin-top: 50px;
    }
}
/* -- Estimate Page -- */
.estimate-container {
    height: 1150px;
}
@media screen and (min-width: 1520px){
    .estimate-container {
        height: 1250px;
    }
}
@media screen and (min-width: 1700px){
    .estimate-container {
        height: 1350px;
    }
}
@media screen and (min-width: 1900px){
    .estimate-container {
        height: 1450px;
    }
}
@media screen and (min-width: 2100px){
    .estimate-container {
        height: 1550px;
    }
}
@media screen and (min-width: 2200px){
    .estimate-container {
        height: 1750px;
    }
}
.estimate-text {
    max-width: 500px;
    text-align: justify;
    margin: 35px auto;
}
.contactform-wrapper {
    width: 96%;
    max-width: 980px;
    margin: 0px auto;
    margin-top: 30px;
}
@media screen and (max-width: 960px){
    .contactform-wrapper {
        margin-top: 50px;
    }
.circle-subitem {
    width: 75px;
    height: 75px;
    margin-left: -125px;s
}
.circle-item {
    width: 230px;
    height: 230px;
	margin-left: -107px;
}
.circle-item>p {
    margin-top: 70px;
}	

	
}
#contactform>input {
    margin-bottom: 7px;
    height: 30px;
    padding: 5px;
    font-size: 16px;
}
#contactform>input[name="firstname"],#contactform>input[name="lastname"],#contactform>input[name="mail"],
#contactform>input[name="phone"]{
     width: 48%;
 }
#contactform>input[name="city"] {
    width: 60%;
}
#contactform>input[name="state"] {
    width: 20%;
}
#contactform>input[name="zip"] {
    width: 18%;
}
#contactform>input[name="address"] {
    width: 100%;
}
#contactform>input[name="service"], #contactform>input[name="contact"], #contactform>input[name="hear"] {
    width: 32%;
}
#message {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
    padding: 5px;
}
@media screen and (max-width: 900px){
    #contactform>input[name="service"], #contactform>input[name="contact"], #contactform>input[name="hear"] {
        width: 100%;
    }
}

/* -- Maintenance page -- */
.maintenance-list {
    width: 90%;
    max-width: 900px;
    margin: 25px auto;
}
.maintenance-text {
    padding: 10px;
}


/* -- Cleaning page -- */
.cleaning-list {
    width: 90%;
    max-width: 500px;
    margin: 15px auto;
}
.cleaning-text {
    padding: 10px;
}
.save {
    margin: 5px auto;
    width: 96%;
    max-width: 309px;
}


/* -- Gallery Styles -- */
.gallery-wrapper{margin:30px 0px;}
#lightgallery>a.thumbnail {
}
#lightgallery>a.thumbnail>img {
    width: 300px; height: 225px;
}
@media screen and (max-width: 768px){
 
	
	.testimonials-text {height:270px }	
	.testimonials-container {height:800px }
	 
	
}
@media screen and (max-width: 588px){
	
.testimonials-text {height:400px }
	.testimonials-container {height:900px }
}
@media screen and (max-width: 450px){
    #lightgallery>a.thumbnail>img {
        width: 150px; height: 110px;
    }
}



/* Carousel Styles */

.carousel-control.right, .carousel-control.left, .carousel-control.left:hover, .carousel-control.right:hover {
    background-image: none;
    background-color: transparent;
	display:none;
}
.carousel-indicators {
    display:block;
}
.testimonials-wrapper {
    padding: 5px;
}
@media screen and (max-width: 450px){
    span.glyphicon.glyphicon-chevron-right, span.glyphicon.glyphicon-chevron-left {
        display: none;
    }
    .testimonials-text{text-align: justify;}
}

.gallery {
    float: left;
    margin: 5px 5px;
}
.pool-area{
	width:100%;
	float:left;
}
.pool-area {
    width: 100%;
    float: left;
    margin: 20px 0 50px 0;
}
.blg{
    border: 1px solid #e8e1e1;
    padding: 10px;
}
p.blgtxt {
    font-size: 20px;
}
.expert-title1{
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    color: #2ac1e1;
}
.rdmrbtn a {
    font-size: 18px;
}