@import url(effect.css);

/* Fonts */
@import url('https://use.fontawesome.com/releases/v5.15.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;600&family=Source+Sans+Pro:wght@300;400;700&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Source Sans Pro', sans-serif; font-weight:normal; padding:0; color:#222; font-weight:400; padding-right:0!important;
font-size:15px;
line-height:1.4;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--green);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:600; font-family:'Roboto Slab';}



/* Header */
#myHeader{margin:0; position:relative; z-index:100; float:left; width:100%; clear:both; background:#fff; margin-top:1px;}
#myHeader .navArea{ background:var(--blue); position:relative; border-bottom:1px #fff solid;}
.navArea .order-lg-2 > a{background:var(--green); padding:13px 15px; position:relative; top:-9px; margin-bottom:-9px; float:right; width:100%; color:#fff; text-align:center; text-transform:uppercase; font-weight:600;}
.navArea .order-lg-2 > a i{margin-right:5px;}
.navArea .order-lg-2 > a:hover{background:var(--yellow);}

.header-area{display:block; position:relative; clear:both; background:#b8c0bb; height: 100vh; width: 100%; padding:250px 0 0 0;}


.headerCall{text-align: center; vertical-align:middle; padding-top:15px; display: block}
.headerCall > ul{list-style-type:none; margin:0; padding:0; font-size:24px; line-height:1.2; display:block;}
.headerCall > ul li{display:block; clear:both; text-align: center; margin:0; position:relative;}
.headerCall > ul li a{ color:#000; font-weight:600;}
.headerCall > ul li a i{color:#2b8144;}
.headerCall > ul li a:hover{color:var(--green);}
.headerCall > img{display:inline-block; height:70px; position:relative; top:-15px; margin-left:10px;}


.logo img{height:auto; display: block; margin:0 auto;}


.bannerArea{display:block; margin:0px auto; width:100%; position:relative; overflow:hidden; /*border:1px #eee solid; padding:7px;*/}
.bannerArea img{width:100%;}
.bannerArea::before {
  content: '';
  background:transparent url('../images/menu-gradient.png') repeat-x; background-size: 100% 100%; bottom:-30px;
  width: 100%;
  height: 200px;
  display: block;
  position:absolute;
  z-index: 5;
}
.bannerArea .carousel-indicators{ bottom:10%;}
.bannerArea .carousel-indicators li{width:15px; height:15px; background:none; border:2px var(--green) solid; margin:5px; opacity:1; border-radius:50%; cursor:pointer;}
.bannerArea .carousel-indicators li.active{background:#fff;}



.serviceArea{background:var(--blue); width:100%; float:left; padding:50px 0; color:#fff; text-align:center;}
.serviceArea h3{text-transform:uppercase; font-size:15px; color:#fff; letter-spacing:1px;}
.serviceArea h2{ font-size:48px; font-weight:600; color:var(--green);}
.serviceArea p{font-size:17px; margin:0 auto 40px; width:800px; max-width:100%;}
.serviceArea img{width:100%; margin:0 0 15px;}
.serviceArea a h4{color:#fff; font-size:16px;}
.serviceArea a span{color:var(--yellow); border:var(--yellow) 2px solid; padding:5px 15px; margin-bottom:10px; display:inline-block; text-transform:uppercase; font-weight:600; font-size:14px;}
.serviceArea a span:hover{background:var(--yellow); color:var(--blue);}


.testimonialsArea{display:block; clear:both; overflow:hidden; padding:60px 0;}
.testimonialsArea span{width:170px; height:34px; display:inline-block; margin-bottom:15px; background:transparent url('../images/stars.png') no-repeat left top;}
.testimonialsArea span.star-4{background-position:left top -34px;}
.testimonialsArea span.star-3{background-position:left top -68px;}
.testimonialsArea span.star-2{background-position:left top -102px;}
.testimonialsArea span.star-1{background-position:left top -136px;}
.testimonialsArea h4{font-size:18px; margin-bottom:4px;}
.testimonialsArea h5{font-size:14px; color:var(--green);}


.bookOnline24X7{ display:block; text-align:center; padding:40px 15px; background:var(--green); color:#000; clear:both; overflow:hidden; position:relative;}
.bookOnline24X7:before{position:absolute; left:50%; right:0%; top:0; bottom:0; display:block; content:''; background:var(--yellow);}
.bookOnline24X7 p{font-size:20px; font-weight:500; line-height:1; margin-bottom:30px;}
.bookOnline24X7 h2{margin-bottom:10px;}
.bookOnline24X7 [class^="col-"] > div{padding:0 30px; overflow:hidden;}
.bookOnline24X7 input, .bookOnline24X7 textarea{width:100%; padding:8px; border:none; background:#fff; margin-bottom:15px;}
.bookOnline24X7 textarea{height:120px;}
.bookOnline24X7 input[type="submit"]{background:var(--blue); color:#fff; text-transform:uppercase; font-weight:600;}
.bookOnline24X7 input[type="submit"]:hover{background:var(--dark);}
.bookOnline24X7 [class^="col-"]:nth-child(2) a{ display:inline-block; width:250px; margin: 5px; padding: 10px 25px; font-size: 26px; background: #fff; color: #222; border-radius: 40px; font-weight: 600;}
.bookOnline24X7 [class^="col-"]:nth-child(2) a:hover{background: var(--blue); color: #fff;}
.bookOnline24X7 img{border-radius: 50%; width: 200px; margin: 0 auto 20px;}


.footer{background:#ebebeb; float:left; width:100%; padding:50px 0; position:relative;}
.footer > img{position:absolute; right:0; bottom:0;}
.footer ul{list-style-type:none; margin:20px 0; padding:0; font-size:17px;}
.footer ul li{ display:block; margin-bottom: 5px;}
.footer ul li a{color:#000; font-weight:500; font-size:22px;}
.footer a:hover{color:var(--blue);}
.footer span a{font-size:36px; color:#000; margin-right:8px;}
.footer .footerMap{padding:5px 5px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.footerDown{background:#000; text-align:center; color:#fff; padding:10px 0; font-size:14px; display:block; clear:both; overflow:hidden;}

#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--green);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:var(--blue);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.priceEstimatorForm{}
.priceEstimatorForm h3{ font-size:20px; font-weight:500;}
.priceEstimatorForm > div{position:relative; top:-60px; margin:0 auto -40px; background:var(--blue); max-width:800px; width:100%; padding:20px; color:#fff; font-size:13px; line-height:1;}
.priceEstimatorForm > div label{display:block; clear:both;}
.priceEstimatorForm > div form [class^="col-"] span{padding:7px 8px 8px; text-align:center; border:none; width:60%; display:inline-block; color:#000; font-size:16px; background:#fff;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
}
.priceEstimatorForm > div form input[type="submit"]{ padding:9px; font-weight:600; margin-left:5px; width:30%; background:var(--green); border:none; text-transform:uppercase;}
.priceEstimatorForm > div form input[type="submit"]:hover{background:#000; color:#fff;}
.priceEstimatorForm > div form input[type="range"]{width:90%; padding:0; margin-top:5px;}
.priceEstimatorForm > div a{color:#000; font-size:16px;}
.priceEstimatorForm > div a:hover{color:#fff;}
.priceEstimatorForm > div form input[type="range"]::-moz-range-thumb, .priceEstimatorForm > div form input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background: #e0e0e0;
  border: 1px solid #b5b5b5;
  margin-top: 0;
  border-radius: 50%;  cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track {
  height: 8px;
  margin: 0;
  width: 100%;
  cursor: pointer;
  background: #fff;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.7);
}

/*#result{position:relative; top:-7px; margin-left:10px; color:var(--green);}*/


.priceEstimatorForm > div > span > a{position:relative;}
.priceEstimatorForm > div > span > a img{display:none; position:absolute; left:30px; top:-150px; width:300px; border:5px #ddd solid;}
.priceEstimatorForm > div > span > a:hover img{display:block;}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 1920px) and (min-width: 1600px){
.footer > img{right:10%;}
}


@media (max-width: 991px){
.header-area{}
.headerCall{padding-top:0; top:-5px;}
.headerCall > ul{ font-size:13px;}
.headerCall img{display:none;}
.logo img{height:62px;}
.navArea .order-lg-2 > a{padding:12px 15px; width:45%;}
#myHeader.sticky .logo img{height:55px;}
#myHeader.sticky .headerCall > a {padding: 40px 11px 10px;}

.footer > img{ display:none;}

.testimonialsArea{text-align: center; padding-bottom: 20px;}
.testimonialsArea [class^="col-"]{margin-bottom: 30px;}
	
.bookOnline24X7{padding: 0;}
.bookOnline24X7:before{display: none;}
.bookOnline24X7 [class^="col-"]:nth-child(2){background:var(--yellow);}
.bookOnline24X7 [class^="col-"] > div{padding: 15px;}
}

@media (max-width: 767px){

.aboutArea{text-align:center;}
.aboutArea img{position:relative; bottom:0; margin-top:35px;}
.aboutArea h2{font-size:18px; line-height:1.5;}
.aboutArea h2 strong{font-size:22px;}

.bookOnline24X7 p{font-size:16px;}


.footer{text-align:center;}
.footer span{margin-bottom:30px; display:block;}

}

@media (max-width: 500px){
}

@media (max-width: 360px){
}