@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css?family=Galada');

@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Galada|Signika');

body{font-family: 'Roboto', sans-serif; font-size:14px; color:#555; }

.caption-box{}

.caption-box h3{font-size:40px; font-family: 'Galada', cursive;}

.caption-box p{font-family: 'Signika', sans-serif; font-size:16px; text-align:justify;     color: #ddd;}

header .nav-link{color:#000; text-transform:uppercase; font-weight:600;}

.w100{width:100%;}

.topbar{background:#fff; padding:10px 0; border-bottom:1px solid #000;}

.topbar ul{margin-bottom:0;}



.slider-caption{    background: rgba(0, 0, 0, 0.60);

    color: #fff;

    position: absolute;

      top: 50%;

    margin-top: -136px;

    width: 600px;

    padding: 20px;     left: 120px;}

	.slider-caption a{color:#00CCBD;}

	section{margin-bottom:30px;}

	.slider-sec{margin-bottom:0;}

	.left-img img{max-width:60px;}

	.sky-blue-bg{background:#00CCBD;}

	.green-bg{background:#82CC33;}

	.yellow-bg{background:#D1C500;}

	.brown-bg{background:#CE6B00;}

	.home-cat .col-md-3{padding-left:0; padding-right:0; }

	.home-cat .cat1{padding:20px; float:left;}

	.home-cat .left-img{    width: 25%;

    display: inline-block;

	}

	.home-cat .right-content{    display: inline-block;

    width: 75%;

    float: right; color:#fff;}

	.home-cat .right-content h3{font-size:22px; color:#fff;}

		.home-cat .right-content img{margin-bottom:15px;}

		.service-box{position:relative; padding:20px 10px;}

		.service-box img{position:absolute; left:15px;}

		.service-box-right-part{    padding-left: 60px;

    text-align: justify;}

	.services-box .col-lg-4{padding-left:0; padding-right:0;}

	

	.service-box-right-part p{margin-bottom:0;}

	.who{background:url(../images/about-bg.jpg); background-repeat:no-repeat; background-position:top center; padding:50px 0; color:#fff ; background-size: cover;}

	.thm-btn{    background: #00ccbd;

    color: #fff;

    transition: all .3s ease-in-out;

}

.thm-btn:hover, .thm-btn:focus{background:#2a2a2a; color:#fff; transition: all .3s ease-in-out;}

.who-box{position:relative; margin-bottom:30px;}

.who-box-content{padding-left:100px;}

.who-box img{position:absolute; left:10px;}

.who-left{font-size:18px;}

.gallery-sec .col-xs-6.col-md-3{padding-left:0; padding-right:0;}

.mtb30{margin-top:30px; margin-bottom:30px;}

.client-sec .item img{border:1px solid #ddd;}

.client-sec {background: #f2f2f2;

    padding: 50px 0;}

	.testi-content{text-align:center; width:80%; margin:auto;}

	.testi-content p{margin-bottom:5px;}

	.testi-txt{font-size:18px; margin-bottom:15px; line-height:30px; }

	.brown-txt{color:#CE6B00;}

	.text-footer{margin-top:15px;}

	.home-heading-sec img{margin-bottom:10px;}

	.testi-carousel .item .testi-txt{ position:relative; padding:30px 50px;}

	.testi-carousel .item .testi-txt::before{content:"\f10d"; font-family:fontawesome; font-size:50px; left:0px; position:absolute; top:20px; color:#00ccbd;}



	.testi-carousel .item .testi-txt::after{content:"\f10e"; font-family:fontawesome; font-size:50px; right:0px; position:absolute; bottom:20px;color:#00ccbd;}

	.follow-sec{background: #00CCBD;
color: #fff;
padding: 0px 0px 20px;}

	.f-social-box{border:1px solid #fff;  line-height:50px; text-transform:uppercase; font-size:16px; text-align:center; width:80%; margin:auto;}

	.f-social-box i{font-size:25px; vertical-align:middle; }

	.f-social-box .icon{font-size:20px; font-weight:lighter;  margin:auto 15px; text-align:center;}

	.footer-1-sec{background:#3B3F3F; color:#fff; padding:40px 0;}

	.footer-logo-list li a{color:#BBBBBB; transition:all .3s ease-in-out;}

	.footer-logo-list li:hover a{color:#fff; transition:all .3s ease-in-out;}

	.footer-logo-list{border-top:1px solid #999; margin-top:10px; padding-top:10px;}

	footer .my-flex-item a{color:#BBBBBB; text-transform:uppercase; transition:all .3s ease-in-out;}

	footer .my-flex-item:hover a{color:#fff;  transition:all .3s ease-in-out;}

	.subs-btn{    background: transparent;

    color: #00ccbd; transition:all .3s ease-in-out; background:#fff; border-radius:0;}

	footer .input-group .form-control{border-radius:0;}

	.footer-1-sec .input-group input.form-control, .footer-1-sec .input-group button.subs-btn{height:50px;}

	.footer-1-sec .d-flex.justify-content-between{margin:15px auto;}

	.copyright-sec{background:#121414; color:#fff; padding:20px 0; text-align:center;}

	.header-social i{font-size:18px;}

	.header-social i.fa-facebook{color:#00CCBD;}

	.header-social i.fa-twitter{color:#82CC33;}

	.header-social i.fa-linkedin{color:#D1C500;}

	.header-social i.fa-google-plus{color:#CE6B00;}

	.inner-content-area{padding:0px 0 50px;}

	.inner-content-area .inner-heading{    background: #3b3f3f;

    color: #fff;

    padding: 10px; margin-bottom:30px;}

	.gallery-page .thumb-img{border:1px solid #ddd; padding:5px; margin-bottom:30px; box-shadow:0 0 4px 0px rgba(0,0,0,.2);}

	#navbarsExample04 .dropdown-menu{padding:0;     margin-top: 0;}

	.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #2a2a2a;

}

.dropdown-item:focus, .dropdown-item:hover {

    color: #fff;

    text-decoration: none;

    background-color: #00ccbd;

}

.accordion-toggle:hover {

      text-decoration: none;

    }

	.accordion .card-header:after {

    font-family: 'FontAwesome';  

    content: "\f068";

    float: right; 

}

.accordion .card-header.collapsed:after {

    /* symbol for "collapsed" panels */

    content: "\f067"; 

}

.faq-page .card-title{font-size: 18px;

    letter-spacing: 1px;}

	.faq-page .card-body p, .faq-page .card-body{font-size:16px; text-align:justify; line-spacing:25px; margin-bottom:0; }

	.faq-page .card-body{background: #fcfcfc;

    border: 1px solid #ddd; border-top:0px;

	}

	.contact-form .form-control{border-radius:0; min-height:45px;}

	.address li{position:relative; min-height:70px; font-size:16px; line-height:25px;}

	.address{padding-left:70px;}

	.address li i{position:absolute; width:50px; height:50px; background:#2a2a2a; color:#fff; line-height:50px; text-align:center; font-size:23px; border-radius:100%;      left: -70px; transition:all .3s ease-in-out;}

	.address li a{color:#000;}

	.address li:hover i{background:#00CCBD; color:#fff; transition:all .3s ease-in-out;}

	.left-sidebar{  background: #3b3f3f;}

	.left-sidebar li{ min-height:50px; padding:10px 20px; line-height:30px;     border-bottom: 1px solid #615c5c; }

	.left-sidebar li a{color:#fff; font-size:17px; letter-spacing:1px;}

	.left-sidebar li.sidebar-title{background: #00ccbd;}

	 .left-sidebar li.sidebar-title {      font-size: 27px;

    line-height: 50px;

    color: #fff!important;

	}

	 .left-sidebar li a:hover,  .left-sidebar li a:focus{text-decoration:none;}

	 .inner-content-area{min-height:500px;     font-size: 15px;}

	 .pool-bg{background:#f2f2f2; padding:30px;}

	 .waterpark-content{    background: #f2f2f2;

    padding: 20px;}

	.waterpark-content h5{color: #00ccbd;

    font-weight: 600;}

	.project-page{font-size:15px;}

	.pool-page .project-img, .mb30{margin-bottom:30px;}

	.pool-page .project-img img{width:100%;}

	.renovation-list li{font-size:15px; margin-bottom:7px; position:relative; padding-left:15px;}

	.renovation-list li i{position: absolute;

    left: 0px;

    font-size: 20px;}

	.coming-soon{text-align:center;  text-transform:uppercase; font-size:50px; color:#ff0000; padding-top:100px;}

	.inner-content-area .breadcrumb{background:transparent; color:#fff; margin-bottom:0;}

	.inner-content-area .breadcrumb li a{color:#fff;}

	.inner-content-area .breadcrumb li {color:#00ccbd;}

	.inner-heading h3{    margin-bottom: 0;

    text-transform: uppercase;

    padding-top: 7px;

     word-spacing: 5px;

	}

	.table-striped.table-bordered th{background:#00CCBD; color:#fff; vertical-align:middle;} 

	.steam-list li{margin-bottom:7px; text-align:justify;}

	.client-secs table.table{text-align:center; font-size:14px;}

	.client-secs table.table tr td:nth-child(1), .client-secs table.table tr th:nth-child(1){text-align:left;}

	.left-sidebar ul li a{position:relative;     display: block;}

	.left-sidebar ul li a::before{position:relative; content: "\f101"; color:#fff; font-size:17px; margin-right:5px; font-family:fontawesome;  }

	.nav-item .dropdown-item{padding: 10px 15px;}

	.project-img{margin-bottom:15px;}

	.navbar-light .navbar-nav .nav-link {

    color: #000;

    font-size: 16px;     margin:auto 5px;

}

.mb20{margin-bottom:20px;}

.home-heading-sec p{color:#212529;     font-style: italic;}

.cat1 .right-content p{margin-bottom:5px; color:#fff;}

.cat1 .right-content p a{ color:#fff; text-decoration:underline;}

.service-box-right-part a{color:#000; text-decoration:underline;}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover{

    color: rgb(0, 204, 189);

}



.gallery-sec .overlay-img{position:relative; transition:all .3s ease-in-out;}

.gallery-sec .overlay-img:hover .g-overlay{ background: rgba(0, 0, 0, 0.58);

    position: absolute;

    width: 100%;

    height: 100%;



    bottom: 0; transition:all .3s ease-in-out;}

	#accordion .card{border:none;}

	  #accordion .card-header{  margin-top: 10px;

    border: 1px solid rgba(0,0,0,.125);

	}

	.back-to-top {

    cursor: pointer;

    position: relative;

    bottom: -24px;

    left: 50%;

    margin-left: -30px;

    border-radius: 100%;

    font-size: 46px;

    background: #00ccbd;

    color: #fff;

}

.f-social-box {color:#fff; transition:all .3s ease-in-out;}

#back-to-top i{    width: 60px;

    height: 60px;

    text-align: center;

    color: #fff;

    line-height: 60px;

    border-radius: 100%;

    position: relative;

    top: -6px;}

	footer a:hover{text-decoration:none;}

	.f-social-box.facebook:hover{transition:all .3s ease-in-out; background:#3b5999;}

	.f-social-box.twitter:hover{transition:all .3s ease-in-out; background:#55acee;}

	.f-social-box.linkedin:hover{transition:all .3s ease-in-out; background:#0077B5;}

	.f-social-box.google:hover{transition:all .3s ease-in-out; background:#dd4b39;}

	.overlay-img .g-overlay a.fancybox{opacity:0; transition:all .3s ease-in-out;} 

	.overlay-img:hover .g-overlay a.fancybox{display: block;

    width: 100%;

    float: left;

    height: 100%; opacity:1; transition:all .3s ease-in-out;}

	.g-overlay a.fancybox i{    background: #f2f2f2;

    padding: 10px;

    border-radius: 100%;

    left: 50%;

    position: absolute;

    margin-left: -19px;

    top: 50%;

    margin-top: -19px;

    color: #000;

    border: 2px solid #fff;}

	.dropdown-item{color:#fff;}

	.dropdown-menu{ background-color: #3b3f3f;}

	.carousel-control-next, .carousel-control-prev{width:5%;}
	
	.mt30{margin-top:30px;}

	@media only screen and (max-width:1920px) and (min-width:1367px)

	{

		.slider-caption{left:180px;}

	}

	@media only screen and (min-width:992px)

	{

		.navbar-expand-lg .navbar-collapse#navbarsExample04{display:block!important;}

		.border-right-0{border-right:0;}

	.border-bottom-0{border-bottom:0;}

	.border-right-bottom-0{    border-right: 0!important;
    border-bottom: 0!important;}

	.service-box{ border:1px solid #ddd; }

	.dropdown:hover>.dropdown-menu {

  display: block;

}

	.dropdown-menu{ background-color: #2a2a2a;}

	}

	@media only screen and (max-width:1199px)

	{

		.navbar-light .navbar-nav .nav-link{font-size:14px;}

		.inner-heading h3{padding-top:0;}

	}

	@media only screen and (max-width:1024px)

	{

		.left-img img {

    max-width: 50px;

}.home-cat .cat1 {

    padding: 20px 10px;

}.breadcrumb.pull-right{display:none;}

	}

	@media only screen and (max-width:991px)

	{

		.who-box img{left:-2px;}

		.who-right-part{margin-top:30px;}

		.testi-content{width:100%;}

		.f-social-box .icon{margin:0 5px;}

		.f-social-box{width:100%;}

		.navbar-nav.pull-right{float:left!important;}

		.footer-1-sec .d-flex.justify-content-between li{margin-right:10px!important;     

    display: inline;

    text-align: center;}

.footer-1-sec .d-flex.justify-content-between{display:block!important; text-align:center;}

	.renovation-list{margin-top:15px;}

	

	.navbar-collapse{    background: #3b3f3f;}

	.navbar-light .navbar-nav .nav-link {

    font-size: 15px;

    margin: 5px 20px; color:#fff; font-weight:400;

}

.navbar-nav.pull-right{width:100%;}

.left-sidebar li a{font-size:16px;}



	}

	@media only screen and (max-width:970px) and (min-width:769px)

	{

		.home-cat .right-content h3{font-size:17px;} 

		.left-img img {

    max-width: 38px;

}

.home-cat .cat1 {

    padding: 20px 8px;

}

	}

	@media only screen and (max-width:767px)

	{

		    .logo{max-width: 145px;}

			.slider-caption{bottom: 50px;

    width: 70%;

  }
  .who-left{font-size: 14px;}

  .f-social-box {

    margin-top: 15px;

}

.who-right-part{margin-top:30px;}



	}

	@media only screen and (max-width:575px)

	{

.gallery-sec .thumb-img {border: 1px solid #ddd;

    padding: 10px;

    margin: auto 10px;

    margin-bottom: 15px;

    box-shadow: 0 0 3px 1px #ddd;

}

.topbar{text-align:center;}

.header-social.pull-right{    float: none;

    text-align: center;

    margin-top: 10px;

}



.slider-caption{display:none;}

.testi-txt {

    font-size: 14px;

    line-height: 20px;

    text-align: justify;

}

.testi-carousel .item .testi-txt::before, .testi-carousel .item .testi-txt::after{font-size:30px;}

.testi-carousel .item .testi-txt{padding:30px;}

.home-cat .cat1{margin:15px ;}

.home-cat{margin:15px 0;}

.left-img img {

    max-width: 90px;

}

.banner-sec img{min-height:100px;}

.inner-content-area{padding-bottom:30px;}

.inner-heading h3{font-size:20px;}

	}

	@media only screen and (max-width:410px)

	{.left-img img {

    max-width: 50px;

}

.who-box-content {

    padding-left: 68px;

}

.who-box img{max-width:60px;}

	}