@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

* { margin:0; padding:0; box-sizing:border-box;} img { max-width: 100%; border:none;}
ul { list-style-type:none;}
a { color:inherit; text-decoration: none;}
.container { width: 100%; max-width: 1230px; margin:0 auto; padding: 0 15px; position:relative; clear:both;}
.full-left{ width: 100%; float: left;}
/*h1, h2, h3, h4 { font-weight: 400; }*/
body { font-family: 'Oxygen', sans-serif; }
html { scroll-behavior: smooth;}

header {background: url(../images/header-bg.png) no-repeat center;background-size: cover; background-color: #fff;}
.head-area {display: flex;flex-wrap: wrap;align-items: center;padding: 40px 0 50px;}
.logo {width: 42%;/* float: left; *//* padding: 0 0 5px; */}
.nav-area {width: 58%;/* color: white; */text-align: right;}
.nav-area h1 {font-size: 48px;padding: 0 0 15px;font-weight: 400;color: #8f9194;text-transform: uppercase;}
.nav-area h1 span {color: #2c9db6;display: block;}
.nav-area p {padding-right: 50px;font-size: 23px;color: #666;font-weight: 100;line-height: 36px;}
.nav-area h2 {font-size: 30px;color: #2c9db6;text-transform: uppercase;padding: 20px 0;}
.nav-area h1, .nav-area p, .nav-area h2 {text-align: left;}
.nav-area a { margin-right: 30px; margin-top: 20px;}

.read-more {background: #919396;padding: 11px 50px;display: inline-block;border-radius: 30px;color: #fff;transition: 1s;}
.read-more span {font-size: 25px;/* text-transform: uppercase; */}
.read-more img {position: relative;top: 3px;padding-left: 10px;}
.read-more:hover {background: #2c9db6;/* border: 1px solid #2689ca; *//* color: #2689ca; */}

.nav-con {background: #2c9db6;color: #FFF;border-bottom: 2px solid #FFF;}
.navbar {/* padding: 100px 0 0; *//* text-align: right; *//* float: right; *//* margin-right: 0; *//* margin-left: auto; */}
.navbar ul {display: flex;justify-content: space-evenly;/* background: #5f3c5e; *//* width: 82%; *//* margin-left: auto; *//* border-radius: 30px; */}
.navbar li {font-size: 19px;/* font-weight: 100; */padding: 12px 20px;transition: 1s;text-transform: uppercase;}
.navbar li:hover {background: #8f9194;transform: translateX(5px);}

.banner {position: relative;margin: 0 0 -6px;}
.banner > img {width: 100%;}
.banner-con {position: absolute;color: #FFF;z-index: 7;top: 0;bottom: 0;display: flex;align-items: center;}
.banner-contact {/* width: 53%; *//* background: #000c; */text-align: center;transition: 1s;}
/*.banner-contact:hover { width: 55%; margin-left: -15px;}*/
.banner-contact h1 {font-size: 36px;padding: 0 0 30px;font-weight: 400;/* text-shadow: 0px 0px 10px #333; */transition: 1s;text-transform: uppercase;}
.banner-contact h2 {font-size: 54px;padding: 0 0 70px;text-transform: uppercase;line-height: 70px;text-shadow: 0px 0px 10px #333;}
.banner-contact a {background: #000a;font-size: 27px;padding: 12px 40px;border-radius: 40px;text-transform: uppercase;transition: 1s;}
.banner-contact a:hover {background: #2c9db6c7;}
.banner-contact h1:hover { transform: scale(1.2);}

.banner-box {background: url(../images/header-bg.png) no-repeat;background-size: cover;text-align: center;padding: 0 0 70px;}
.banner-box ul {display: flex;justify-content: space-evenly;margin: -150px 0 0;color: #FFF;}
.banner-box li {display: inline-block;width: 30%;background: #2c9db6;padding: 40px 0;border-radius: 30px;border: 4px solid #FFF;}
.banner-box h4 {font-size: 24px;padding: 25px 0 10px;}
.banner-box p {font-size: 18px;padding: 20px 55px 0;line-height: 28px;font-weight: 100;}
.banner-box li:last-child h4 { padding: 10px 20px 0;}

.service-area {background: url(../images/service-bg.jpg) no-repeat;background-size: cover;text-align: center;padding: 100px 0 80px;color: #FFF;}
.service-area ul {display: flex;justify-content: space-between;padding: 0 0 80px;}
.service-area li {display: inline-block;width: 32.5%;/* border: 1px solid #FFF; */border-radius: 30px;margin: 5px 0;}
.service-area h2 {padding: 0 0 40px;font-size: 45px;text-transform: uppercase;}
.service-area p {padding: 0 0 50px;font-size: 23px;font-weight: 100;line-height: 34px;}
.serv-text {background: #FFF;padding: 20px 0;margin: -5px 0 0;position: relative;border-radius: 0 0 30px 30px;}
.serv-text h4 {font-size: 26px; font-weight: 400; color: #2c9db6; text-transform: uppercase;}
.img-sec {border-radius: 30px 30px 0 0;}
.service-area a {padding: 12px 40px;margin: 0 0 70px;}
.service-area h3 {font-size: 34px;text-transform: uppercase;}
.service-area .serv-last {padding: 20px 0 0; font-weight: 400; font-size: 30px;}

.footer-main  {background: #2c9db6;padding: 55px 0 0;color: #FFF;border-top: 1px solid #FFF;}
.footer-main h3 {font-size: 45px;padding: 0 0 50px;}
.foot-left, .foot-right  {width: 50%;float: left;padding: 0 45px;}
.foot-left li {padding: 0 0 20px;}
.foot-left ul {padding: 0 0 30px;}
.footer-main p, .foot-left > a {display: inline-block;font-size: 18px;width: 91%;line-height: 24px;}
.foot-left span {vertical-align: top;position: relative;top: 2px;padding-right: 25px;}
.foot-left .address span {/* padding-right: 25px; */}
.foot-left iframe {margin: 30px 0;border-radius: 20px;}

.foot-right { text-align: center;}
.foot-right li {padding: 0 0 25px;}
.foot-right a { display: block; font-size: 19px; padding-left: 35px; color: #4b4b4b;}
.foot-right p { padding: 0 0 60px;}
.foot-right input, .foot-right textarea {background: #0000;border: 2px solid #fff;width: 100%;font-family: inherit;padding: 13px 25px;font-size: 17px;border-radius: 10px;color: white;}
.foot-right input::placeholder, .foot-right textarea::placeholder { color: #fff;}
.foot-right textarea {height: 170px;resize: none;}
.foot-right iframe { border: 1px solid #EEE; }
.foot-right .foot-btn input {width: auto;background: #919396;/* border: none; */padding: 12px 50px;font-size: 18px;cursor: pointer;}
.foot-right .foot-btn {padding: 30px 0;}
.foot-right h4 {font-size: 27px;font-weight: 400;padding: 30px 0;}
.foot-right h2 { font-size: 48px;    font-weight: 700;}
.foot-right h2 span { position: relative;    top: 12px;   left: -15px;}
.foot-right h3 {text-align: left;padding: 0 0 60px;}

.foot-end {text-align: left;/* padding: 0 30px 50px; */}
.foot-end p {display: inline-block;color: #FFF;vertical-align: middle;padding: 20px 50px 0;font-size: 18px;}
.foot-social {display: inline-block;padding: 60px 0 20px;}
.foot-social a { display: inline-block;    padding: 0;}
.foot-end a img {padding: 0 3px;vertical-align: middle;}

.disclaimer {display: flex;align-items: center;padding: 40px 50px;}
.disclaimer p { line-height: 28px;    padding-right: 30px;}
.disclaimer p strong { display: block;}
.disclaimer img { padding-right: 70px;}

.inner-page { padding: 50px 0; min-height: 300px;}
.inner-page h1 { color: #2c9db6; font-size: 45px; padding: 0 0 50px; text-align: center; font-weight: 400; }
.inner-page p {font-size: 18px;padding: 0 0 15px;line-height: 28px;}

.part-sec ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.part-sec li {box-shadow: 0px 5px 20px #ccc;padding: 20px 20px 10px;border-radius: 20px;border: 2px solid #FFF;margin: 0 0 70px;transition: 1s;width: 32%;}
.part-sec h3 {font-size: 25px;color: #8f9194;padding: 10px 0 0;font-weight: 500;text-transform: uppercase;}
.part-sec p {padding: 0 0 15px;line-height: 26px;font-size: 16px;}
.part-sec li:hover {box-shadow: none;border: 2px solid #2c9db6;}
.part-sec .img-sec {/* width: 34%; */text-align: center;}
.part-sec .text-sec {/* width: 66%; *//* padding-left: 35px; */}
.part-sec .img-sec img {border-radius: 45px;padding: 20px 0;}

.service-list {/* padding: 30px 0 0; */}
.service-list li {display: inline-block;width: 32.5%;padding: 10px 0 10px 35px;position: relative;font-size: 17px;border: solid 1px #fff;}
.service-list li:hover {/* background: #EEE; */transition: 1s;border: solid 1px #2c9db6;}
.service-list li:before {content: "";background: url(../images/bolt.png) no-repeat;background-size: contain;position: absolute;width: 15px;height: 30px;left: 10px;top: 6px;}
.service-list h3 {font-size: 30px;color: #8f9194;padding: 0 0 30px;font-weight: 500;font-weight: 600;text-align: center;}

.faq-page .gray {color: #8f9194;font-size: 24px;font-weight: 600;}
.faq-page .blue { color: #2c9db6; font-size: 24px;    font-weight: 600;}
.faq-page p { padding: 0 0 20px;}
.faq-page p:nth-child(even) { padding: 0 0 10px;}
.faq-page h3 {font-size: 28px;padding: 30px 0 20px;font-weight: 400;color: #2c9db6;}
.faq-page a {font-size: 17px;padding: 0 0 20px;display: inline-block;width: 100%;color: #777;font-weight: 600;}
.faq-page a:hover { color: #2c9db6;}

.management-gallery  {  width:  100%;display:  flex;position:relative;flex-wrap: wrap;justify-content: center;}
.management-gallery img  {width:  33%;margin-right:  1px;margin-bottom: 1px;}

@media only screen and (max-width: 1600px){
.banner-con { }
}

@media only screen and (max-width: 1400px){
.banner-con {  }	 
.welcome-right {    width: 52%;    right: -35px;}
}

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

}

@media only screen and (min-width: 769px){
	.container.navigation {
	    float: none;
	}
	a.smobitrigger, a.mnuclose.ion-close-round {
		display: none;
	}

}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .banner-contact h1 {
    font-size: 32px;
    padding: 0 0 20px;
    }
    .banner-contact h2 {
    font-size: 50px;
    padding: 0 0 60px;
    line-height: 64px;
    }
    .banner-box ul {
    margin: -80px 0 0;
    }
    .banner-box li {
    width: 32%;
    padding: 25px 0;
    }



}	


@media only screen and (max-width: 991px) and (min-width: 768px) {
    .banner-contact h1 {
    font-size: 24px;
    padding: 0 0 20px;
    }
    .banner-contact h2 {
    font-size: 34px;
    padding: 0 0 30px;
    line-height: 44px;
    }
    .banner-box li {
    width: 32%;
    padding: 15px 0;
    }
    .banner-box h4 {
    font-size: 20px;
    padding: 10px 0 10px;
    }
    .banner-box p {
    padding: 10px 20px 0;
    line-height: 25px;
    }
    .banner-box ul {
    margin: -65px 0 0;
    }
    .foot-right h2 {
    font-size: 34px;
    }
    .foot-right h2 span img {
    width: 24px;
    }
    .foot-right h4 {
    font-size: 22px;
    padding: 17px 0;
    }
    .footer-main h3 {
    font-size: 32px;
    }
    .foot-left li {
    position: relative;
    padding-left: 25px;
    }
    .foot-left span {
    position: absolute;
    top: 2px;
    left: 0;
    padding-right: 25px;
    }
  
}



@media only screen and (max-width: 768px){
	.banner-box li {
	    display: block;
	    width: 100%;
	    max-width: 400px;
	    margin: 0 auto;
	}
	.ovrActv {
    z-index: 999 !important;
    }
    .smobitrigger {
    float: right;
    }  
	.banner-contact h1 {
    font-size: 22px;
    padding: 0 0 10px;
    }
    .banner-contact a {
    font-size: 20px;
    padding: 8px 26px;
    }
    .nav-area {
    width: 100%;
    text-align: right;
    order: 2;
    }
    .logo {
    width: 42%;
    float: none;
    order: 1;
    margin: 0 auto;
    }
    .nav-con.full-left {
    position: fixed;
    top: 0;
    z-index: 999;
    }
    .navbar ul {
    display: block;
    }
    .head-area {
    padding: 65px 0 50px;
    }
    .navigation nav ul li a {
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    } 
    .navigation nav ul {
    padding-bottom: 40px;
    overflow-y: auto;
    background-color: #2c9db6 !important;
    }    
    .nav-area h1, .nav-area p, .nav-area h2 {
    text-align: center;
    }
    .nav-area h1 {
    font-size: 28px;
    padding: 0 0 10px;
    }
    .nav-area p {
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    }
    .nav-area h2 {
    font-size: 24px;
    padding: 15px 0;
    text-align: center;
    }
    .read-more span {
    font-size: 20px;
    }
    .nav-area a {
    margin-right: auto;
    margin-top: 15px;
    padding: 9px 30px;
    margin: 0 auto;
    display: block;
    }
    .nav-con {
    border-bottom: 1px solid #FFF;
    }
    .nav-area .read-more {
    display: block;
    max-width: 160px;
    text-align: center;
    }
    .banner-contact h2 br{
     display: none;
    }
    .banner-box p {
    font-size: 18px;
    padding: 10px 20px 0;
    line-height: 28px;
    font-weight: 100;
    }
    .banner-contact h2 {
    font-size: 24px;
    padding: 0 0 15px;
    line-height: 32px;
    }
    .banner-box {
    padding: 40px 0 40px;
    }
	.banner-box ul {
    display: block;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    }
    .foot-left, .foot-right {
    width: 100%;
    float: none;
    padding: 0 20px;
    }
    .disclaimer {
    display: block;
    align-items: center;
    padding: 20px 20px;

    }
    .footer-main p, .foot-left > a {
    display: block;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
        padding: 0;
    }
    .service-area li {
    display: block;
    width: 100%;
    max-width: 380px;
    margin: 15px auto !important;
    }
    .service-area ul {
    flex-direction: column;
    }
    .service-area {
    padding: 60px 0;
    }
    .footer-main h3 {
    font-size: 32px;
    padding: 0px 0 30px;
    }
    .foot-right h3 {
    padding: 0 0 30px;
    }
    .foot-right input, .foot-right textarea {
    padding: 10px 15px;
    font-size: 16px;
    }
    .foot-right h2 {
    font-size: 28px;
    max-width: 210px;
    margin: 0 auto;
    position: relative;
    }
    .foot-right h2 span {
    position: absolute;
    top: 2px;
    left: 0px;
    }
    .disclaimer img {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 20px;
    }
    .footer-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }    
    .foot-end {
    order: 3;
    padding-bottom: 15px;
    text-align: center;
    }
    .foot-left li {
    position: relative;
    padding-left: 25px;
    }
    .foot-left span {
    position: absolute;
    top: 2px;
    left: 0;
    padding-right: 25px;
    }
    .service-area li {
    margin: 15px 0px;
    }
    .service-area h2 {
    font-size: 34px;
    padding: 0 0 25px;
    }
    .service-area ul {
    padding: 0 0 50px;
    }
    .foot-right li {
    padding: 0 0 12px;
    }
    .foot-right h2 span img {
    max-width: 22px;
    }
    .inner-page h1 {
    font-size: 32px;
    padding: 0 0 30px;
    }
    .foot-right h2 a {
    font-size: 28px;
    color: #fff;
    display: inline-block;
    }

    .part-sec li {
    width: 100%;
    text-align: center;}

    .service-list li {
    width: 49%;}




}

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

	.banner.home-banner img.banner_img {
	    min-height: 260px;
	}
	.nav-area h1 {
    font-size: 22px;
    padding: 0 0 10px;
    }
    
    .service-list li {
    width: 100%;}
}