.line-icon{ fill: #868686; padding: 10px;}
.line-icon:hover{ fill: #fff;}

.none{ display: none; }


.well-services{   height: 315px;border-radius: 0 40px 0 0; }
.services-4 .single-service{height: 430px;}

.call-us a{ color:#fff; }
.call-us a:hover{ color:#08951d; }

.flex-justify{ display: flex; justify-content: center;}

.top-news-bg{ background: url(img/background/top-news.jpg)!important;}
.top-service-bg{ background: url(img/background/top-service.jpg)!important;}
.top-qa-bg{ background: url(img/background/top-qa.jpg)!important; background-position: bottom!important;}
.top-contact-bg{ background: url(img/background/top-contact.jpg)!important; }

.font-w-900{ font-weight: 900; }
.m-r-50{ margin-right: 50px;}
.single-well p{ font-size: 16px; }
.m-t-100{ margin-top:100px; }
.m-open{display: none;}
.width-80{width: 80%; margin: auto; display: block;}
.flex{display: flex; flex-wrap: wrap;}
.text-center{text-align: center;margin: auto;}
.m-br{display: none;}

.bt-service p{ background-color: #888888; color: #fff; padding: 10px 15px;}
.bt-service p:hover{ border: 1px solid; display: table; color: #888888; background-color: transparent; padding: 10px 15px;}

/*reset*/
.newheader-layout-1 .quote-btn{ background: #1E1806; color: #fff; border: 1px solid #1E1806; border-radius:10px; }
.newheader-layout-1 .topbar-area{background: #0095E0;padding: 10px 0;}
.newheader-layout-1 .topbar-right ul li a{ color: #ffffff;border: 1px solid #ffffff;}
.newheader-layout-1 .line-icon{ fill: #ffffff;}
.newheader-layout-1 .topbar-area.topbar-3 .topbar-left ul li a{ color: #ffffff;}
.newheader-layout-1 .topbar-left li a i{ color: #fff;}
.newheader-layout-1 .header-area-3 .main-menu ul.navbar-nav li a{color: #CC9C0D;}

.service-area-25{    padding: 90px 0 0 0px;}
.about-feature.area-padding{ padding:0 0 50px 0;}
.page-reserve-area{padding: 50px 0;}


.service-area-25 .well-services{ border-radius: 0 40px 0 0; padding: 0; height: 375px; background-image: url(img/service-bottom.jpg); background-repeat: no-repeat; background-position: bottom; box-shadow: 0 2px 6px 2px rgb(97 97 97 / 20%);}
.service-area-25 .services-img{ display: block;  margin-bottom: 20px; width: 100%; padding-top: calc(9 / 16 * 100%); overflow: hidden; position: relative; background-color: #efefef;}
.service-area-25 .services-img img{ position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%;}
.service-area-25 .service-content{padding: 0 20px 10px 20px;}
.service-area-25 .service-content p{color: #9A9A9A; text-align: justify;}
.service-area-25 span.slugan{    background: #0095E0;}
.service-area-25 .well-services:hover .service-content h4{ color: #3D8ECC;}
.about-area.about-area-bg{ background-color: #fff; background-image:url(img/about-bg.jpg); background-size: contain; background-repeat: no-repeat; background-position: bottom; }
.about-area .about-content{ border: 3px solid #0095E0; border-radius: 40px; background-color:#fff; }
.about-area .about-content .color{    color: #0095E0; font-weight: 600;}
.about-area .about-content .single-about a{ background: #0095E0;}


.section-headline::after{border: 1px solid #0095E0;}
.banner-area.action-area-25{ background: #0095E0;}
.banner-area.action-area-25 .banner-btn{color: #fff;background-color: transparent;}
.banner-area.action-area-25 .banner-btn:hover{opacity: 0.8;}
.footer-area-25 .footer-contacts p span{ color: #0095E0; }
.footer-area-25 .copyright a{ color: #0095E0;}

.newheader-layout-1 .main-menu ul.navbar-nav > li > a::before{background: #0095E0;}
.page-area.pagetop-25{background: unset;}
.page-area.pagetop-25 .breadcrumb{padding: unset;}

.feature-icon i{ color: #0095E0;}
.feature-text .color{ color: #0095E0; }
.blog-meta{    background: #0095E0;}
.pagination>li>a, .pagination>li>span{    background-color: #0095E0;}
.pagination{ text-align: center;display: block!important;}
.blog-content a h4:hover{color: #0095E0!important;}

.content-text img, .content-text iframe ,.content-text table{ height:auto!important; max-width:100%; }
.marker-list li::after{    color: #0095E0!important;}
.faq-details .panel-heading h4 a.active{    color: #0095E0!important;}
.contact-head .color{color: #0095E0!important; font-weight: 700;}
.contact-page .contact-btn{background: #0095E0; border: 1px solid #0095E0;}
.map-area{ height: 300px;overflow: hidden;}

.reserve-wrap form input{ padding:0 15px; }
.reserve-wrap form input::placeholder{color: #c3c3c3; font-weight: 600;}
.page-reserve-area .row.center{display: flex; justify-content: center;}
.reserve-wrap{ border-radius:30px; border: 1px solid #0095E0; padding:50px 20px;    box-shadow: 0 0 10px #c7c6c6; }
.reserve-wrap form >h3{font-size: 20px; font-weight: 700; text-align: center; color: #0095E0; margin-bottom: 50px;}
.reserve-wrap form .row{ display:flex; flex-wrap:wrap; align-items:center; }
.label-name{ margin-bottom: 10px; font-size: 18px;}
.form-item{margin-bottom: 40px;display: block;}
.form-item .flex .radio-group{ display: flex; align-items: center; justify-content: space-between;margin:5px; border: 0.5px solid #888; border-radius: 5px; padding: 10px;}
.form-item .flex .radio-group p{margin: 0; padding: 0;}
.form-item .flex .radio-group .input-radio{margin-right: 20px;}
.input-style{height: 40px; border-radius: 5px; border: 0.5px solid #888; width: 100%;}
.radio-gender{width: 20%; border: unset!important; margin-right: 20px!important; padding: unset!important;}
.form-item .flex.up label{position: absolute; top: 0;right: 0;}
.form-qr{ width:200px; max-width:100%; }
.form-item .flex.date img{ position:absolute; top: 42px; right: 30px; }

.reserve-wrap form .submit{margin: auto; text-align: center; display: block;}
.consumption-style{display: flex; align-items: flex-start;  justify-content: center; width: 200px; max-width: 100%;}
.consumption-style input{margin-right:10px;}
.consumption-style p{margin:0;}
.consumption{    border: 1px solid #ccc; padding: 8px 10px 0px 10px;  display: block;margin: 0 auto 50px auto;border-radius: 15px;}

.pageabout-list{margin-bottom: 20px; border-left: 3px solid #0095E0; padding-left: 20px;}
.pageabout-list li{font-weight: 600;}
.footer-list li a:hover{color: #0095E0!important;}
.call-us a:hover{color: #fff!important; opacity: 0.8;}

@media (min-width: 991px){
	.position-t50-r{ position: absolute; top: 50%; right: 0; }
	.position-t50-l{ position: absolute; top: 50%; left: 0; }

	.bt-service{ display:flex;    justify-content: center;}
}

@media (max-width: 991px){
	.m-close{ display: none!important; }
	.m-open{display: block!important;}
	.width-80{width: 90%; margin: auto; display: block;}
	.m-br{display: block;}

	.bt-service p{ margin-bottom: 15px; display: table; width: 40%; text-align: center;}
	.m-margin-non{ margin: unset!important;}
	.m-bg-size{ background-size: contain!important;}

	.service-area-25 .well-services{ height: unset;}
	.service-area-25 .service-content{ padding: 0 20px 30px 20px;}
	.about-area .row{display: flex; flex-wrap: wrap;flex-direction: column-reverse;}

	.radio-group.toilet{flex-wrap: wrap;  width: 96%;  }
	.form-item .flex .radio-group{ justify-content: flex-start;    flex-wrap: wrap;}
	.radio-group.toilet .Mensrestroom{ width:20%;display:block;margin-left:unset!important; }
	.radio-group.toilet .Womensrestroom{ width:20%;display:block;margin-left:unset!important; }
	.radio-group.toilet .y-btn{ width:80%;display:block; margin-left: 20px !important;}
	.reserve-wrap form input{padding: 10px;}
	.radio-group.toilet .n-btn{ margin-left:unset!important;display:block;  }
	.flex.m-flex{flex-wrap: unset;}
	.label-name{font-size: 16px;font-weight: 900;}
	.form-item{margin-bottom: 15px;}
	.reserve-wrap form >h3{ margin-bottom: 20px; }
	.reserve-wrap{padding: 30px 10px; overflow: hidden;}
	.form-item .flex .radio-group p{margin-left: 20px;     word-break: keep-all;}
	.m-p-ml0 p{  margin-left: 0px!important;}
	.form-item .flex .radio-group.radio-gender{  flex-wrap: unset!important;}
	.form-item .flex .radio-group.radio-gender p{margin-left: unset!important;}
	.form-item .flex .radio-group input:last-child{ width:100%; }
	.radio-group.toilet .m-w-100{width: 100%; margin-right: unset !important;}
	.consumption-style{justify-content: flex-start;}
}

@media(max-width:767px){
	.container{ width: 95%!important;}
	.banner-content h4{    line-height: 35px; text-align: center;}
	.banner-btn{position: relative; left: 50%;  transform: translateX(-50%);}
}