/**
Theme Name: Ultimate Cleaner
Theme URI: http://tritiyo.com/
Author: Tritiyo Limited
Author URI: http://tritiyo.com
Version: 1.0.1
*/
/**
 * Google Fonts
 */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,300i,400,400i,600,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*--------------------------------------------------------------
>> TABLE OF CONTENTS:.form-group input
----------------------------------------------------------------
# Typography
# Links
# General
# Home Page
  # Header
  # Megamenu
# Single Page
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
    color: #695f59;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

button,
input,
select,
textarea {
    color: #000;
    font-size: 16px;
    line-height: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #3c3c3c;
    font-family: 'Yantramanav', sans-serif;
}

p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #606060;
    line-height: 25px;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    font-size: 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}

address {
    margin: 0 0 15px;
}

.flaticon-cleaning {
    display: inline;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
    color: #606060;
    background-color: transparent;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a:visited {
    color: #000000;
}

a:hover, a:focus, a:active {
    color: #000000;
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

a:hover, a:active {
    outline: 0;
}
label.approximate_hours {
    display: block!important;
}



/* atik-css*/
#next_submit{
margin: 15px 0px;
}








/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
.header-area {
    padding: 0px 0px;;
    position: absolute;
    transition: 1s;
    width: 100%;
    z-index: 9999;
	background: #fff;
}

.collapsed i#collapse-icon {
    transform: rotate(-90deg) !important;
}

i#collapse-icon {
    transform: rotate(-90deg);
}

i#collapse-icon {
    color: #fff;
    background: #45befa;
    border-radius: 50%;
    padding: 3px 7px;
    margin-top: -7px;
    margin-right: 0px;
}

.slider-page {
    padding-top: 80px;
}

.logo-text p {
    text-align: center;
}

/*.header-area.menu_affix {*/
/*position: fixed;*/
/*width: 100%;*/
/*z-index: 3333;*/
/*transition: 1s;*/
/*}*/

.header-logo img {
    width: 100%;  
}
.commoncolor{
    color: #fff;
    background: #3D9EA0 !important;
    border-color: #3d9ea0 !important;
}
 

/*.header-logo{

}
.header-logo h1{
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    color: #0082CA;
    letter-spacing: 1px;
    margin-top:10px;
}
.header-logo h1::first-letter{
    color:#000;
    font-size: 32px;
}*/
.header-menu {

}

.header-menu ul li {
    display: inline-block;
}

.header-menu ul li a {
    text-transform: capitalize;
    line-height: 18px;
    padding: 15px 5px;
    font-weight: 600;
    color: #695f59;
    font-size: 14px;
    display: block;
    transition: 0.3s;
}

.header-menu ul li a:hover {
    color: #3D9EA0;
}

.header-menu ul li a.active {
    color: #3D9EA0;
}

.header-right {
    text-align: right;
}

.header-right ul li {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    padding: 15px 4px;
    color: #333;
    line-height: 18px;
}

.header-right ul li i {
    margin-top: 5px;
    font-size: 15px;
    color: #2196F3;
    margin-right: 10px;
}

.hident_c a {
    color: #42bffb;
    font-weight: bold;
}

.booknow-btn {
    font-weight: 600;
    transition: 0.3s;
    padding: 12px 20px;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    background: #42BFFB;
    border-radius: 50px;
    border: none;
    text-transform: uppercase;
}

.booknow-btn:hover, .booknow-btn:active, .booknow-btn:focus {
    background: rgba(64, 192, 253, .8);
    color: #fff;
}

.header-right ul .active a {
    /*   background:url(../img/free-quatoe-bg.png); */
    font-weight: 600;
    transition: 0.3s;
    padding: 3px 8px;
    color: #231818;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
	 
  
    border: 2px solid#0082CA;
	border-radius: 50px;
	
  /* 
  
background: #42BFFB;   
  */
}

.header-right ul .active a:hover {
    background: rgba(64, 192, 253, .8);
    color: #fff;

}

/*--------------------------------------------------------------
# slider-area
--------------------------------------------------------------*/
.slider-area {

}

.slider-bg1 {
    background: url(../img/slide5.jpg);
    background-size: cover;
    background-position: center;
    min-height:550px;
}

.slider-bg2 {
    background: url(../img/slide6.jpg);
    background-size: cover;
    background-position: center;
}

.slider-bg3 {
    background: url(../img/slider3.jpg);
    background-size: cover;
    background-position: center;
}

.single-slider {
    /*background: url(../img/slide01_1.jpg);*/
    /*background-size: cover;*/
    width: 100%;
    height: 80vh;
    background-position: center;
    position: relative;
    z-index: 111;
}

.single-slider:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    z-index: -111;
}

.signle-slider-table {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.signle-slider-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.slider-text {
    text-align: left;
}

.slider-text h1 {
    font-size: 38px;
    text-transform: capitalize;
    color: #2B2B2C;
    line-height: 38px;
    padding-bottom: 20px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 700;
    margin-top: 10px;
}

.slider-text p {
    font-size: 28px;
    text-transform: capitalize;
    color: #42C0FB;
    line-height: 24px;
    padding-bottom: 00px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
}

.slider-text ul li {
    display: inline-block;
}

.slider-text ul li a {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px;
    display: block;
    background: #42C0FB;
    padding: 10px 20px;
    color: #FFF;
    /*border: 2px solid#2196F3;*/
    margin-right: 10px;
    font-weight: 700;
    border-radius: 50px;
}

.slider-text ul li a:hover {
    color: #fff;
    background: rgba(64, 192, 253, .8);
    /*border: 2px solid#0082CA;*/
}

.slider-text ul li .active {
    background: #fff;
    color: #2196F3;
    background: #fff;
    border: 1px solid #fff;
}

.slider-text ul li .active:hover {
    background: #2196F3;
    color: #fff;
    border: 1px solid #2196F3;
}

/*--------------------------------------------------------------
# slider-area
--------------------------------------------------------------*/
.welcome-area {
    position: relative;
    z-index: 9;
    z-index: 222;
    background: #F5F5F5;
}

.main-services {
    margin-top: -15px;
}

.txt {
    padding-top: 10px;
}

.well-services {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    display: block;
    padding: 0px 0px;
    background: #fff;
    height: 175px;
    margin-top: -70px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.services-img {
    display: inline-block;
    margin-bottom: 24px;
}

.service-content {
    overflow: hidden;
    /*background:#0082CA;*/
    padding: 5px;
}

.service-content h4 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    line-height: 16px;
    color: #666;
    margin: 0px;
}

.services-img a {
    /* border-radius: 50%; */
    display: block;
    width: 100px;
    height: 100px;
    line-height: 99px;
    /*border: 1px solid #0082CA;*/
    color: #0082CA;
    transition: 0.4s;
    /*transform: rotate(-50deg);*/
}

/*.services-img a i{
transform: rotate(50deg);
display: inline-block;
}*/
/*.well-services:hover .service-content h4{
   color: #f9f9f9;
}*/
/*.well-services:hover .services-img a{
   color: #fff;
    background:#0082CA;
    border: 1px solid #0082CA;
    transition: 0.4s;
}*/
/*--------------------------------------------------------------
# works-area
--------------------------------------------------------------*/
.works-area {
    background: #F5F5F5;
    position: relative;
    z-index: 111;
    padding: 70px 0px;
}

.works-title {
    text-align: center;
    padding-bottom: 50px;
}

.works-title span {
    color: #fff;
    display: inline-block;
    font-family: courgette;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 9px;
}

.works-title h3 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
}

.works-title h3:after {
    position: absolute;
    content: '';
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #0082CA;
    width: 60px;
    height: 2px;
}

.worke_left {

}

.float-left {
    text-align: right;
}

.work-item {
    width: 100%;
    overflow: hidden;
    padding: 8px 0px;
}

.works_ones {
    padding: 40px 0px;
}

.work-item .booking-icone_icon {
    width: 25%;
    float: right;
}

.work-item .booking-icone_icon i {
    width: 70px;
    height: 70px;
    line-height: 50px;
    background: #333;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 100%;
    border: 10px solid #fff;
    transition: 0.5s;
    cursor: pointer;
}

.work-item:hover .booking-icone_icon i {
    background: #42BFFB;
    border: 10px solid #fff;
}

.work-item .inner-title {
    width: 75%;
    float: left;
    float: right;
}

.work-item .inner-title h5 {
    font-size: 19px;
    line-height: 28px;
    text-transform: uppercase;
    color: #333;
    margin-top: 20px;
    font-weight: 700;
    position: relative;
    padding-right: 0px;
    transition: 0.5s;
    cursor: pointer;
}

.work-item:hover .inner-title h5 {
    color: #42BFFB;

}

.work-item .inner-title h5 span {
    position: absolute;
    top: -20px;
    color: #fff;
    background: #0082CA;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    display: inline-block;
}

.work-item a .booking-icone_icon {
    float: right;
    width: 20%;
}

.mrg-left {
}

.work-img {
    border-radius: 100%;
    border: 5px solid #0082CA;
    width: 65%;
    margin: auto;
}

.work-img img {
    border-radius: 50%;
    border: 10px solid #fff;
}

.work-item .circle {
    float: left;
}

/*.text-left h5{
    padding-left: 20px;
}*/
.text-left span {
    margin-left: -30px;
}

/*--------------------------------------------------------------
# call-ation-area
--------------------------------------------------------------*/
.call-ation-area {
    background: #0082CA;
}

.call-ation-info {
    overflow: hidden;
    padding: 20px 0px;
    background: url(../img/phone-bg.png) no-repeat;
}

.contact-info {
    overflow: hidden;
    padding: 20px 0px;
    background: url(../img/clock-bg.png) no-repeat;
}

.contact-tedxt-ifno {
    overflow: hidden;
    padding: 20px 0px;
    background: url(../img/pointer-bg.png) no-repeat;
}

.contact-icone {
    width: 15%;
    float: left;
    margin-top: 5px;
}

.contact-icone img {
    width: 40px;
}

.contact-text {
    width: 85%;
    float: left;
    padding-left: 5px;
}

.contact-text h1 {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.contact-text h3 {
    font-size: 20px;
    margin-top: 0px;
    line-height: 24px;
    color: #BEE1F5;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.info-bg1 {
}

.info-bg2 {

}

.info-bg3 {

}

/*--------------------------------------------------------------
# service-area
--------------------------------------------------------------*/
.service-area {
    /*background: #F6F6F6;*/
    padding:  0px;
}

.service-taitle {
    text-align: center;
    padding-bottom: 50px;
}

.service-taitle h1 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 0px;
    font-weight: 500;
    color: #111;
    position: relative;
    padding-bottom: 20px;
    margin-top: 0px;
}

.service-taitle h1:after {
    position: absolute;
    content: '';
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #0082CA;
    width: 60px;
    height: 2px;
}

.service-item {
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.service-box {
    overflow: hidden !important;
    position: relative;
}

.service-item:hover .service-box::after {
    transform: translate(0%);
}

.service-box::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .4);
    transform: translateX(-100%);
    transition: .3s
}

.service-box img {
    color: #0082CA;
    line-height: 24px;
    transform: scale(1);
    transition: .3s;
}

.service-item:hover .service-box img {
    transform: scale(1.1);
}

/* :hover{

} */
.service-box-inner h4 {
    color: #FFF
}

.service-box-inner p {
    font-size: 14px;
    text-transform: capitalize;
    color: #303030;
    line-height: 22px;
}

.service-box-inner a {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    padding: 9px 20px;
    display: inline-block;
   /* background: #42BFFB; */
	border: 2px solid#0082CA;
    line-height: 16px;
    border-radius: 50px;
    transition: 0.5s;
}

.service-box-inner a:hover {
    color: #fff;
    background: #42BFFB;
}

.service-box-inner {
    padding: 17px 0;
    text-align: center;

    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    border: 0;
    transform: scale(0);
    transition: .3s all ease-out
}

.service-item:hover .service-box-inner {
    transform: scale(1);
}

.service-box-info {
    padding: 10px 0;
    text-align: center;
}

/*--------------------------------------------------------------
# chose-us-area
--------------------------------------------------------------*/
.chose-us-area {
    padding: 70px 0px;
}

.chose-taitle {
    text-align: center;
    padding-bottom: 50px;
}

.chose-taitle h1 {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
}

.chose-taitle h1:after {
    position: absolute;
    content: '';
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #0082CA;
    height: 2px;
    width: 60px;
}

.feature-item {
    height: 200px;
    margin-top: 30px;
    padding-right: 10px;
}

.feature-item i {
    font-size: 48px;
    line-height: 48px;
    color: #0082CA;
}

.feature-item h4 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    padding-top: 10px;
}

.feature-item p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    font-weight: 300;
}

.align-right {
    text-align: right;
}

.fature-img {
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #eee;
}

.fature-img img {
    border-radius: 50%;
    border: 10px solid #fff;
    overflow: hidden;

}

.datepicker td, .datepicker th {
    /*color: #42BFFB !important;*/
    font-weight: bold;
}

/*--------------------------------------------------------------
# testimonial-warp
--------------------------------------------------------------*/
.testimonial-area {
    padding: 70px 0px;
    background: #F6F6F6;
}

.testimonial-taitle {
    padding-bottom: 50px;
}

.testimonial-taitle h1 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #333;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-top: 0px;
}

.testimonial-taitle h1:after {
    position: absolute;
    content: '';
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #0082CB;
    height: 2px;
    width: 60px;

}

.testimonial-warp {

}

.testimonial-item {
    padding: 30px 20px;
    position: relative;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1)
}

.testi-img {
    display: inline-block;
    margin-bottom: 30px;
}

.testi-img img {
    display: inline-block;
    margin: 0 auto;
    width: 100px !important;;
    height: 100px;
    border-radius: 50%;

}

.client-rating {
    text-align: center;
}

.client-rating a i {
    font-size: 16px;
    color: gold;
    line-height: 24px;
    margin-bottom: 15px;
}

.testi-text {
    text-align: center;
}

.testi-text p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.testi-text h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0px;
    color: #0082CA;
}

.testi-text .guest-rev a {
    font-size: 14px;
    color: #63c672;
}

/*--------------------------------------------------------------
# .statistics-section
--------------------------------------------------------------*/

.statistics-section {
    background-image: url("../img/statistics-bg.png");
    padding-top: 35px;
    padding-bottom: 35px;
    background-size: cover;
}

.statistics-box {
    display: inline-block;
}

.statistics-box h3 span {
    font-size: 34px;
    position: relative;
    top: 15px;
    margin-left: 40px;
    float: right;
    color: #fff;
}

.statistics-box h3 img {
    width: 40px;
    display: inline-block;
    margin-bottom: -10px;
}

.statistics-box h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

/*--------------------------------------------------------------
# footer-area
--------------------------------------------------------------*/
/* ## footer Section ##*/
.footer-section {
    background-image: url("../img/footer-bg.jpg");
    background-size: cover;
}

.footer-heading {
    background-image: url("../img/footer-heading.png");
    background-size: 100% 100%;
    height: 108px;
    margin-bottom: 64px;
    text-align: center;
}

.footer-heading h5 {
    color: #0082CA;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 0;
}

.footer-heading h3 {
    font-size: 20px;
    margin: 20px 0 0 0;
    color: #fff;
}

.footer-bottom {

}

.footer-bottom > p {
    margin-bottom: 0;
}

.widget > h3 {
    font-family: 'Cabin', sans-serif;
    color: #fff;
    border-bottom: 1px solid #333;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 9px;
    margin-top: 0;
    margin-bottom: 17px;
    font-weight: bold;
}

.widget-link h3 {
    /* border-bottom: transparent; */
    display: inline-block;
    margin-bottom: 34px;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo {
    margin-top: 49px;
    width: 70%;
    margin: auto;
}

.widget ul {
    padding-left: 0;
    list-style: none;
}

.widget ul li {
    margin: 2px 0;
    display: inline-block;
    width: 100%;
}

.widget ul li a i {
    color: #2196f3;
    margin-right: 11px;
}

.widget ul li a {
    color: #999;
}

.widget ul li a:hover {
    color: #fff;
}

/* ## Widget Calculator ## */
.widget-calculator {
    padding: 10px 30px 0;
    border: 1px solid rgba(33, 150, 243, 0.30);
    margin-top: -20px;
}

.widget-calculator > h3 {
    padding-bottom: 0;
    border: none;
    margin-bottom: 10px;
}

.widget-calculator > h3:before {
    content: "";
    background-color: #2196f3;
    width: 5px;
    display: inline-block;
    height: 15px;
    position: absolute;
    left: 0px;
}

.widget-calculator form {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.widget-calculator form input {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.20);
    display: inline-block;
    width: 100%;
    padding: 5px 17px;
    margin-bottom: 24px;
    color: #fff;
    font-size: 12px;
}

.widget-calculator form select option {
    outline: none;
    background: #333 !important;;
}

.widget-calculator form input[type="submit"] {
    padding: 5px 20px;
    display: inline-block;
    background-color: #42BFFB;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 25px;
}

.widget-calculator form input[type="text"]:focus,
.widget-calculator form select:focus {
    box-shadow: none;
    outline: none;
}

.fotter-bottom-area {
    overflow: hidden;
    padding: 15px 0px;
    border-top: 1px solid #242424;
    margin-top: 0px;
}

.fotter-text {
    margin-top: 7px;
}

.fotter-text .footer-bottom {

}

.fotter-text .footer-bottom p {
    font-size: 14px;
    line-height: 18px;
    color: #ddd;
}

.fotter-text .footer-bottom a {
    color: #42BFFB;
    font-size: 12px;
    font-weight: bold;
}

.fotter-sochel {
    float: right;
}

.fotter-sochel ul li {
    display: inline-block;
}

.fotter-sochel ul li a {
    display: block;
    font-size: 14px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #42BFFB;
    border-radius: 50%;
    margin-right: 8px;
    transition: 0.3s;
}

.fotter-sochel ul li a:hover {
    color: #0082ca;
    background: #fff;
}

/*------------------------
--------------------------------------
# services-index-html-new-page-start
--------------------------------------------------------------*/
.slider-page {

}

.single-slider-page {
    background: url(../img/page-banner.png);
    background-size: cover;
    height: 70px;
    position: relative;
    z-index: 111;
}

.single-slider-page-table {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.single-slider-page-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.services-text {
    overflow: hidden;
}

.services-tailte-text {
    float: left;
}

.services-text h1 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    color: #fff;
    padding: 8px 0px;
    display: block;
    /*background:#0082ca;*/
    /*    border-right: 2px dotted#fff;
        border-left: 2px dotted#fff;*/
    margin-top: 14px;
}

.service-list-menu, .breadcrumbs {
    float: right;
    padding-top: 21px;
}

.service-list-menu li, .breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    line-height: 18px;
}

.service-list-menu li a {
    color: #fff;
}

.service-list-menu li a span {
    margin: 0px 5px;
}

.area-padding {
    padding: 70px 0px;
}

/*  col-md-3.service-category-widget {
	background-color: #f7f9fb;
	margin-bottom: 50px;
}

.service-category-widget h3 {
	background-color: #f3e721;
	padding: 20px;
	text-transform: uppercase;
	width: 100%;
	border-bottom: none;
	margin-bottom: 0;
}

.service-category-widget ul  {
	width: 100%;
	list-style: none;
	padding: 0;
	border-bottom: 4px solid #2196f3;
	border-left: 1px solid #e8f0f7;
	border-right: 1px solid #e8f0f7;
}

.widget.service-category-widget ul li {
	display: inline-block;
	padding: 12px 28px;
	border-bottom: 1px solid #e8f0f7;
	width: 100%;
	margin: 0;
}

.service-category-widget ul li i{
	color: #2196f3;
	margin-right: 15px;
}

.service-category-widget ul li a {
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
	width: 100%;
	text-decoration: none;
}

.service-category-widget ul li a:hover {
	color: #000;
}*/
.service-category-widget {
    background-color: #f7f9fb;
    margin-bottom: 50px;
}

.service-category-widget h3 {
    background-color: #0082ca;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.service-category-widget ul {
    width: 100%;
    list-style: none;
    padding: 0;
    border-bottom: 4px solid #2196f3;
    border-left: 1px solid #e8f0f7;
    border-right: 1px solid #e8f0f7;
}

.widget.service-category-widget ul li {
    display: inline-block;
    padding: 12px 15px;
    border-bottom: 1px solid #e8f0f7;
    width: 100%;
    margin: 0;
}

.service-category-widget ul li i {
    color: #0082ca;
    margin-right: 15px;
}

.service-category-widget ul li a {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none;
}

.service-category-widget ul li a:hover {
    color: #000;
}

/* ## Address Widget ## */
.address-widget h3 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border-bottom: none;
}

.address-widget p {
    margin-bottom: 0px;
}

.address-widget p span {
    color: #000;
    display: block;
}

.address-widget a {
    color: #777;
}

.section-header {

}

.section-header h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    margin-top: 0px;
    padding-bottom: 20px;
}

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

.services-content-area p {
    font-size: 13px;
    line-height: 24px;
    color: #666;
    margin-bottom: 40px;
}

.services-content-area h4 {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 15px;
    line-height: 18px;
}

.services-content-area a.btn {
    font-weight: 600;
    transition: 0.3s;
    padding: 10px 20px;
    color: #FFF;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    background: #42BFFB;
    border-radius: 50px
}

.services-content-area a.btn:hover {
    background: rgba(64, 192, 253, .8);
    color: #fff;
}

.down-btn {
    border: 1px solid #63c672;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 15px;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: #63c672;
    width: 100%;
    position: relative;
    border-radius: 3px;
}

.down-btn.apli {
    margin-bottom: 0px;
}

.down-btn:hover {
    color: #63c672 !important;;
    background: #fff;
    border: 1px solid #63c672;
}

.down-btn::after {
    position: absolute;
    content: "\f0ed";
    font-family: cleaning;
    right: 15px;
    top: 14px;
    font-size: 28px;
    font-family: fontawesome;
}

.single-page-head .clients-testi {
    padding: 20px 15px;
    border: 1px solid #63c672;

}

.single-page-head .review-text {
    margin-top: 20px;
}

.clients-testi .review-text a,
.clients-testi .guest-rev {
    color: #666;
}

.clients-testi .single-review {
    border: none;
}

.single-page-head .review-img img {
    width: 80px;
    border-radius: 50%;
}

.single-page-head .review-text h4 {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.single-page-head .review-text p {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-style: italic;
}

.single-well h3 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 28px;
}

.clients-support {
    position: relative;
    width: 100%;
    height: auto;
}

.support-text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(99, 198, 114, 0.70) none repeat scroll 0 0;
    transition: 0.4s;
}

.support-text h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.support-text a {
    margin-bottom: 15px;
    display: block;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}

.support-text p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
}

.support-text a i {
    display: inline-block;
    font-size: 30px;
    line-height: 23px;
    padding-right: 15px;
}

.support-img {
    /*overflow: hidden;*/
}

.support-img img {
    transform: scale(1.1);
    transition: 0.4s;
}

.clients-support:hover .support-img img {
    transform: scale(1);
    transition: 0.4s;
}

.clients-support:hover .support-text {
    background: rgba(99, 198, 114, 1) none repeat scroll 0 0;
}

.page-content h3 {
    font-weight: 600;
    padding: 15px 0 0;
}

.single-well {
    margin-top: 20px;
}

.single-page {
    overflow: hidden;
}

.service-list li {
    display: block;
    position: relative;
    padding-left: 30px;
    color: #666;
}

.service-list li::before {
    position: absolute;
    left: 0;
    content: "\f00c";
    font-family: fontawesome;
    top: 0;
    color: #63c672;
}

.single-page-head .service-btn {
    width: 100%;
    margin: 20px 0px 0px 0px;
}

.single-services-page .marker-list li {
    color: #666;
}

.mar-row .single-well {
    margin-top: 20px;
}

.mar-row .single-well h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333;
}

.mar-row .single-well p {
    font-size: 14px;
    text-transform: capitalize;
    color: #999;
    line-height: 24px;
}

.marker-list li {
    color: #666;
    padding-left: 30px;
    margin: 10px 0px;
    position: relative;
    font-size: 16px;
    display: block;
}

.marker-list li::after {
    position: absolute;
    content: "\f00c ";
    left: 0;
    top: 3px;
    font-family: fontawesome;
    color: #0082D3;
    font-weight: 300;
    border: 1px solid #0082D3;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
}

/*---------booking-form----------*/
.booking-form {
    padding: 70px 0px;
    background: #f6f6f6;
}

.booking-taitle {
    text-align: center;
    padding-bottom: 50px;
}

.booking-taitle h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: #333;
    line-height: 24px;
    margin-top: 0px;
}

.bokking-warp {
    position: relative;
    background: #fff;
    padding: 50px 30px;
}

.booking-taitle-list {
    background: #f9f9f9;
    overflow: hidden;
    background: #aed5eb;
}

.booking-taitle-list ul li {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
}

.booking-taitle-list ul li a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px;
    color: #333;
}

.booking-taitle-list ul .active {
    background: rgba(0, 130, 202);
    position: relative;
}

.booking-taitle-list ul .active a {
    color: #ffffff;
}

.booking-taitle-list ul .active:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 40px solid #0082ca;
    border-bottom: 25px solid transparent;
    top: 0;
    left: 10;
    right: -40px;
    margin: auto;
    transform: rotate(0deg);
}

.booking-header {
    margin-top: 25px;
}

.booking-header h1 {
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 20px;
    color: #666;
    text-align: center;
    padding: 10px 0px;
}

.form-group {
}

.form-group label {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
}

.checkbox, .radio {
    margin-top: 0;
    margin-bottom: 0;
}

.form-group small {
    font-size: 12px;
}

.blue-radio label {
    width: 100%;
    text-align: center;
    padding-left: 0px;
}

.blue-radio input {
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    height: -1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    right: 0;
}

input[type=radio]:checked + span {
    background: #0082ca;
    color: #fff;
}

.blue-radio label span {
    width: 100% !important;
    text-align: center;
    display: inline-block;
    background: #b2d9ef;
    padding: 8px 0px;
    color: #333;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.3s;
}

.blue-radio label .active {
    background: #0082ca;
    color: #fff;
}

.form-group .control-sizes {
    font-size: 14px;
    color: #000;
}

.form-group .spinner {
    display: inline-block;
}

.spinner .button, .spinner .btn {
    padding: 0px 1px !important;
}

.spinbox .form-group {
    margin-bottom: 10px;
}

.force-bottom-margin {
    margin-bottom: -7px !important;
}

.form-group .spinner button {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-size: 16px;
    border: none;
    float: left;
}

.form-group .spinner .spinner-number {
    width: 45px;
    float: left;
    height: 25px;
    margin: 0px 5px;
}

.form-group .spinner .spinner-number input {
    width: 100%;
    text-align: center;
    height: 25px;
}

.next-btn {
    text-align: center;
    margin: auto;
    margin-top: 25px;
}

.shaded_area {
    padding: 5px 10px;
    margin-bottom: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+52,f2f2f2+100 */
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 52%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 52%, #f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 52%, #f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */
}

.term_and_conditions {
    max-height: 150px;
    overflow-x: scroll;
    background: white;
    padding: 10px;
    margin: 10px 0 0 5px;
}

.next-btn a {
    font-size: 14px;
    text-transform: uppercase;
    border: navajowhite;
    padding: 6px 30px;
    display: inline-block;
    background: #0082ca;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pricing-right {
    background: #42BFFB;
    padding: 20px;
    overflow: hidden;
}

.price-details {

}

.price-details ul li {
    display: block;
    font-size: 15px;
    color: #FFFFFF;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
}

.price-details ul li ul li {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px !important;
    padding: 0;
    width: calc(100% - 14px);
    margin: 0 0 0 15px;
    line-height: 0;
    position: relative;
}

li.extras__item:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    left: -16px;
    position: absolute;
    margin-top: -7px;
    border-radius: 15px;
}

.price-details ul li i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #F1F1F1;
    color: #42BFFB;
    border-radius: 50%;
    margin-right: 10px;
}

.book-summary-body {
    padding: 10px 10px 0;
}

.book-summary-body ul {
}

.book-summary-body ul li {
    font-weight: normal;
}

.book-summary-body ul li i {
    width: 25px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    background: #ffffff;
    color: #42BFFB;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 12px;
}

.price-details ul li br {
    float: left;
}

.total {
    width: 100%;
    height: 40px;
    background: #42acff;
    color: #fff;
    padding: 0px 25px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 0;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
}

.total-tag {
    float: left;
}

.total-price {
    float: right;
}

.clearfix {

}

/*--------------------------------------------------------------
# booking2
--------------------------------------------------------------*/
.Frequency-area {

}

.Frequency-area label {
    font-size: 16px;
    font-weight: 400;;
    line-height: 18px;
    padding-bottom: 15px;
    color: #0082ca;
}

.Frequency-year li {
    display: inline-block;
    width: 30.33%;
    text-align: center;
}

.Frequency-year li a {
    display: block;
    background: #b2d9ef;
    color: #000;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /*! border: navajowhite; */
    margin-right: 10px;
}

.nav-tabs {
    border: none;
}

.Frequency-year li a:hover {
    background: #b2d9ef;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #3d9ea0;
    color: #fff;
    text-transform: capitalize;
}

.tab-content {
    padding: 30px 0px;

}

.tab-pane {

}

.extras {

}

.extras ul {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

.extras ul li {
    list-style: none;
}

.extras ul li a {
    display: block;
    font-size: 12px;
    padding: 8px 20px;
    background: #b2d9ef;
    color: #000;
    margin-bottom: 15px;
    border-radius: 30px;
    font-weight: 600;
    transition: 0.5s;
}

.extras ul li a:hover {
    color: #fff;
    background: #0082ca;
}

.time-recommend {
    width: 50%;
}

.time-info {

}

.time-info label {
    font-size: 16px;
    line-height: 18px;
    text-transform: capitalize;
    color: #0082ca;
    margin-bottom: 0px;
}

.time-hour {
}

.time-hour {

}

.time-hour select {
    width: 100%;
    background: #0082ca;
    border: navajowhite;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 15px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.next-btn .flot-left {
    float: left;
}

.next-btn .flot-right {
    float: right;
}

.date-piker {
    margin-bottom: 15px;
}

.date-piker label {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
}

.date-piker input {
    width: 100%;
    background: #b2d9ef;
    height: 40px;
    border: navajowhite;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #0082ca;
}

.start-time {

}

.start-time label {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
}

.start-time select {
    width: 100%;
    background: #0082ca;
    height: 40px;
    border: navajowhite;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.adrees-area {
    width: 100%;
}

.adrees-area input {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0082ca;
    border: navajowhite;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.has-error {
    overflow: hidden;
    margin-bottom: 0px;
}

.has-error textarea {
    background: #b2d9ef;
    border: navajowhite;
    font-size: 14px;
    padding: 20px 15px;
    width: 100%;
    color: #333;
    width: 100%;
    text-transform: capitalize;
    height: 100px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.form-group {

}

.form-group textarea {

}

.Name-area {
    overflow: hidden;
}

.Name-area input {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0082ca;
    border: navajowhite;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.Mobail-area {

}

.Mobail-area input {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0082ca;
    border: navajowhite;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.email-area {

}

.email-area input {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0082ca;
    border: navajowhite;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.passwoard-area {

}

.passwoard-area input {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0082ca;
    border: navajowhite;
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.acsepet-area {

}

.acsepet-area label {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

.acsepet-area label input {
    margin-right: 10px;
}

.acsepet-area label a {
    color: green;
}

/*---------------contact-area----------------*/
/* ## Contact ## */
.contact-detail {
    background-color: #f6f6f6;
}

.contact-detail-box {
    padding: 49px 0;
    text-align: center;
    border-bottom: 3px solid #f9fafb;
    min-height: 289px;
    position: relative;
    transition: 0.5s;
    height: 300px;
}

.contact-detail-box:hover {
    background-color: #fff;
    border-bottom: 3px solid #0082ca;
}

.contact-detail-box.active {
    background-color: #fff;
    border-bottom: 3px solid #0082ca;
}

.contact-detail-box.active::before {
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: -16px;
    background-color: #0082ca;
    content: "\f102";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 33px;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: #fff;
}

.contact-detail-box:hover:before {
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: -16px;
    background-color: #0082ca;
    content: "\f102";
    font-family: 'FontAwesome';
    text-align: center;
    line-height: 33px;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: #fff;
}

.contact-detail-box h3 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 500;
}

.contact-detail-box > h3,
.contact-form-section h3 {
    color: #FFF;
    margin: 0px;
    padding: 10px 0px;
}

.contact-detail-box img {
    max-width: 20px;
    height: 35px;
    vertical-align: middle;
}

.contact-detail-box > p {
    margin-bottom: 0;
    color: #FFF;
}

.contact-form-section {
    padding: 70px 0px;
}

.contact-form-section h3 {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
}

.contact-form-section p {
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px;
    color: #FFF;
    margin: 0px;
}

.main-contact-form {
    /*margin-top: 50px;*/
}

.main-contact-form label {
    color: #FFF;
    font-size: 12px;
    margin-bottom: 0px;
    width: 100%;
}

.main-contact-form input {
    width: 100%;
}

.main-contact-form input,
.main-contact-form textarea {
    border: 1px solid #CCC;
}

.main-contact-form textarea {
    height: 121px;
    width: 100%
}

.main-contact-form input {
    height: 41px;
    padding: 7px 20px;
    margin-bottom: 20px;
}

.main-contact-form input:focus {
    box-shadow: none;
}

.main-contact-form label span {
    color: #f3e721;
}

.main-contact-form .btn {
    width: 150px;
    height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 0px;
    background: #FFF;
    color: #42BFFB;
    margin: 10px;
}

#small_subtotal {
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}

.Section-map {
    height: 350px;
}

/*-----------about-area-start*/
.about-area {
    padding: 70px 0px;
    overflow: hidden;
}

.about-dteails {
    padding: 20px;
}

.about-info {

}

.about-info h1 {
    font-size: 24px;
    text-transform: capitalize;
    line-height: 30px;
    color: #333;
    padding: 15px 0px;
}

.about-info span {
    color: #0082ca;
}

.about-info p {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 24px;
    color: #666;
}

.about-target {

}

.about-target h1 {
    font-size: 24px;
    text-transform: capitalize;
    line-height: 30px;
    color: #333;
    padding: 10px 0px;
}

.about-target p {
    font-size: 14px;
    text-transform: capitalize;
    color: #666;
    line-height: 24px;
    margin-bottom: 20px;
}

.about-target a {
    font-size: 14px;
    text-transform: uppercase;
    color: #0082ca;
    background: #fff;
    padding: 10px 25px;
    line-height: 18px;
    display: inline-block;
    border: 2px solid #0082ca;
    font-weight: 600;
    transition: 0.5s;
    margin-top: 15px;
}

.about-target a:hover {
    color: #fff;
    background: #0082ca;
}

.about-team {
    width: 100%;
    overflow: hidden;
}

.about-service {
    padding: 70px 0px;
}

.about-servies-info {
    padding: 20px;
    padding-top: 0px;
}

.about-servies-info h1 {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    text-transform: uppercase;
    margin-top: 0px;
}

.about-servies-info p {
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
}

.about-servies-info ul {
    margin-top: 35px;
}

.about-servies-info ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #313a4a;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
}

.about-servies-info ul li a {
    color: #313a4a;
}

.about-servies-info ul li i {
    color: #0082ca;
    margin-right: 10px;
}

.about-servies-info .btn {
    font-size: 14px;
    text-transform: uppercase;
    color: #0082ca;
    background: #fff;
    padding: 10px 25px;
    line-height: 18px;
    display: inline-block;
    border: 2px solid #0082ca;
    font-weight: 600;
    transition: 0.5s;
    margin-top: 25px;
    border-radius: 0px;
}

.about-servies-info .btn:hover {
    background: #0082ca;
    color: #fff;
}

.shadow {
    border: 1px solid rgb(236, 236, 236);
}

.acording-faq-area {
    padding: 70px 0px;
}

.mega-title strong {
    font-size: 2.5em;
    display: block;
    font-weight: 700;
    margin: 50px 0 20px 0;
    color: #222;
}

.mega-title strong small {
    font-size: .7em;
}

.tab-wrapper > .title {
    text-align: center;
    padding-bottom: 10px;
}

.tab-wrapper > .title > strong {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    color: #0082ca;
    margin-top: 30px;
}

.tab-wrapper.v1 .item {
    /*margin: 10px 0;*/
    /*margin-bottom: 10px;*/
    margin: 8px;

}

/*.tab-wrapper.v1 .item:last-child {
    margin-bottom: 5px;
}*/

.tab-wrapper.v1 .item.selected .tab-content {
    display: block;
}

.tab-wrapper.v1 .item .tab-btn a {
    text-decoration: none;
    display: block;
    color: #222;
    padding: 9px 20px;
    border: 1px solid #EEE;
    /*text-transform: capitalize;*/
    transition: all 0.3s linear;
    font-size: 14px;
    color: #444;
    font-weight: 300;
    background: #f7f7f7;
}

.tab-wrapper.v1 .item .tab-btn a:hover {
    color: #0082ca;
}

.tab-wrapper.v1 .item .tab-content {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 20px;
    display: none;
}

.tab-wrapper.v1 .item .tab-content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.8;
    word-spacing: 1px;
    word-break: break-word;
    color: #7b7b7b;
}

.tab-wrapper.v2 .tab-btn {
    margin-bottom: 10px;
}

.tab-wrapper.v2 .tab-btn a {
    text-decoration: none;
    display: inline-block;
    color: #222;
    padding: 20px;
    border: 1px solid #ddd;
    letter-spacing: 2px;
    text-transform: uppercase;
    word-spacing: 1px;
    font-weight: 500;
    margin-right: 5px;
    transition: all 0.3s linear;
}

.tab-wrapper.v2 .tab-btn a:hover {
    color: #27ae60;
}

.tab-wrapper.v2 .tab-btn a.selected {
    background-color: #27ae60;
    color: #fff;
}

.tab-wrapper.v2 .tab-btn a.selected:hover {
    color: #fff;
}

.tab-wrapper.v2 .tab-content .item {
    border: 1px solid #ddd;
    padding: 10px 20px;
    display: none;
}

.tab-wrapper.v2 .tab-content .item.selected {
    display: block;
}

.tab-wrapper.v2 .tab-content .item p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.8;
    word-spacing: 1px;
    word-break: break-word;
    color: #7b7b7b;
}

.plugins {
    text-align: center;
    margin: 50px 0;
}

.plugins h3 {
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #222;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 1px;
}

.plugins a {
    display: inline-block;
    font-family: 'Open Sans';
    color: #7b7b7b;
    font-size: 1em;
    margin: 10px;
    transition: all .2s linear;
    text-decoration: none;
}

.plugins a strong {
    color: #333;
    font-weight: 700;
}

.plugins a:hover {
    color: #d63031;
}

@media only screen and (max-width: 450px) {
    .tab-wrapper {
        width: 100%;
        margin: 20px 0;
    }

    .tab-wrapper.v2 .tab-btn a {
        margin: 5px 0;
    }
}

/*---------------*/

.header-logo a {
    display: block;
    height: 80px;
    overflow: hidden;
}

.header-menu {
    margin-top: 17px;
}

.header-right {
    text-align: right;
    margin-top: 7px;
}

.slider-area.owl-theme .owl-nav {
    margin: 0px;
}

.slider-area .owl-nav div {
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /*background: #0072CA;*/
}

.slider-area.owl-theme .owl-nav [class*="owl-"] {
    border-radius: 50%;
    line-height: 36px;
    background: #42BFFB;
    opacity: 0;
    transition: .3s all ease-out
}

.slider-area:hover.owl-theme .owl-nav [class*="owl-"] {
    opacity: 1
}

.slider-area .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.slider-area .owl-dots {
    bottom: 19px;
    left: 0;
    position: absolute;
    right: 0
}

.logo-text p {
    color: #FFF;
    font-size: 14px;
    line-height: 19px;
    margin-top: 9px;
}

.contact-warp {
    background: #42BFFB;
    padding: 10px;
}

.contact-actitle h3 {
    background: #42BFFB;
    padding: 10px 12px;
    color: #FFF;
    font-size: 18px;
    font-weight: 600
}

.address {
    padding: 5px 10px;
    background: #F7f7f7;
    margin-top: 23px;
}

.address h2 {
    color: #555;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 7px 0px;
}

.address-icone i {
    display: inline-block;
    padding: 10px;
    color: #42BFFB;
    font-size: 24px;
}

.address-list ul li span {
    display: inline-block;
    width: 25px;
    text-align: center;
    /* color: #42BFFB; */
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    background: #42BFFB;
    color: #FFF;
    border-radius: 50%;
    margin-right: 11px;
}

.address-list ul li {
    display: block;
    padding: 2px 0;
    font-size: 13px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #42BFFB;
    border-color: #42BFFB;
    color: #FFF;
}

.panel-body {
    margin: 0px;
    padding: 0px;
}

 

.testimonial-warp.owl-theme .owl-nav [class*="owl-"] {
    border-radius: 50%;
    line-height: 36px;
    background: #666;
    opacity: 0;
    transition: .3s all ease-out
}

.testimonial-warp:hover.owl-theme .owl-nav [class*="owl-"] {
    opacity: 1
}

.testimonial-warp .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.testimonial-warp .owl-dots {
    bottom: 19px;
    left: 0;
    position: absolute;
    right: 0
}

.testimonial-warp .owl-nav div {
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /*background: #0072CA;*/
}

/*--------------------------------------------------------------
# blog_post_area
--------------------------------------------------------------*/
.blog_post_area {
    padding: 70px 0px;
}

.post-area {

}

.post-info {
    margin-bottom: 30px;
}

.post_info {
    height: 340px;
}

.post-Media img {
    width: 100%;
    height: 250px;
}

.post-description {
    padding: 30px 25px;
    border: 1px solid #eee;
}

.detail-author {

}

.detail-author ul li {
    list-style: none;
    display: inline-block;
}

.detail-author ul li a {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    padding: 5px;
}

.detail-author ul li a i {
    font-size: 16px;
    color: #42bffb;
    margin-right: 5px;
}

.post-text {

}

.post-text h4, .post-text h4 a {
    color: #2196f3;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.post-text p {
    font-size: 14px;
    line-height: 24px;
    color: #87878a;
}

.post-text a {
    font-size: 14px;
    text-transform: capitalize;
    color: #878787;
    line-height: 24px;
    font-weight: bold;
    transition: 0.5s;
}

.post-text a:hover {
    color: #42bffb;
}

.blog_asside_bar {

}

.search_bar {
    width: 100%;
}

.search_bar input {
    width: 75%;
    float: left;
    height: 45px;
    border: navajowhite;
    border: 2px solid #42bffb;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 0px;
    background: #eee;
    padding-left: 15px;
    font-size: 14px;
    text-transform: capitalize;
}



.search_bar button {
    width: 18%;
    border: navajowhite;
    background: #eee;
    height: 51px;
    border: 2px solid #42bffb;;
    border-left: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #39aff9;
    padding: 0px;
    margin: 0px;
}

.categories {

}

.categories h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 28px;
}

.categories .categories_list {

}

.categories .categories_list li {
    display: block;
}

.categories .categories_list li a {
    color: #aaa;
    padding: 8px 0px;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    border-bottom: 1px solid #eeeeee;
    transition: 0.5s;
}

.categories .categories_list li a:hover {
    color: #2196f3;
}

.categories .categories_list li a i {
    font-weight: 300;
    margin-right: 10px;
    font-size: 14px;
}

.categories .categories_list li a span {
    font-weight: bold;
    color: #3bb0f9;
    margin-left: 5px;
}

.recent_Pics {
    padding-top: 30px;
}

.recent_Pics h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 28px;
    margin-bottom: 20px;
}

.recent_Pics .Categories_list li {
    display: inline-block;
    width: 33.333%;
    margin-bottom: 3px;
}

.recent_Posts {
    padding-top: 0px;
}

.recent_Posts h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 28px;
    padding: 0;
    margin: 0 0 20px 0;
}

.recent_Posts .categories_list li {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.recent_Posts .categories_list li .media-pull {
    width: 25%;
    float: left;
}

.recent_Posts .categories_list li .img-details {
    width: 74%;
    float: left;
    /* padding: 7px 0px; */
}

.recent_Posts .categories_list li .img-details h2 {
    font-size: 14px;
    margin: 0px;
    color: #878787;
    line-height: 18px;
    font-weight: bold;
    padding: 0px 10px;
}

.recent_Posts .categories_list li .img-details p {
    display: block;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .42px;
    color: #aaa;
    padding: 0px 10px;
}

.img-details {

}

.tags {
    padding-top: 15px;
}

.tags h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 28px;
    margin-bottom: 20px;
}

.tags .categories_list li {
    display: inline-block;
}

.tags .categories_list li a {
    padding: 8px 20px;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    color: #333;
    background: #fff;
    border: 1px solid #42bffb;
    margin-bottom: 5px;
    transition: 0.5s;
}

.tags .categories_list li a:hover {
    color: #fff;
    background: #42bffb;
}

.share-area {
    background: #f7f7f7;
    padding: 10px 0px;
    overflow: hidden;
}

.single-post-info {
    overflow: hidden;
}

.single-post-info h1 {
    font-size: 38px;
    text-transform: capitalize;
    color: #42bffb;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 42px;
    padding: 5px 0px;
}

.single-post-info p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 15px;
    margin-bottom: 50px;
}

.sochel-text h1 {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 24px;
    padding-left: 15px;
    margin-top: 10px;
    color: #333;
}

.Social-share {
    float: right;
}

.Social-share ul li {
    list-style: none;
    display: inline-block;
}

.Social-share ul li a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #42bffb;
    text-align: center;
}

/* ----------------reviews-area-start*/
.reviews_area {
    padding: 70px 0px;
}

.reviews_title {
    text-align: center;
    padding-bottom: 50px;
}

.reviews_title h1 {
    color: #575757;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 15px;
}

.reviews_title p {
    color: #8f8f8f;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: auto auto 0;
}

.reviews_info {
    margin-bottom: 20px;
}

.reviews_content {
    -webkit-box-shadow: 0 0 20px 0 rgba(82, 182, 188, 0.25);
    box-shadow: 0 0 20px 0 rgba(82, 182, 188, 0.25);
    padding: 35px 29px 39px 35px;
    position: relative;
}

.reviews_content::after {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 7px 0 0 15px;
    bottom: -18px;
    -webkit-box-shadow: -2px 3px 4px rgba(82, 182, 188, 0.1);
    box-shadow: -2px 3px 4px rgba(82, 182, 188, 0.1);
    content: "";
    height: 40px;
    left: 56px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 40px;
}

.reviews_content p {
    color: #8f8f8f;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 28px;
}

.reviews_information {
    margin-left: 36px;
    margin-top: 37px;
    overflow: hidden;
    display: flex;
}

.reviews_img {
    float: left;
    margin-right: 22px;
}

.reviews_name {
    float: left;
    align-self: center;
}

.reviews_name h3 {
    color: #42bffb;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 0;
}

.reviews_name span {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #a5a5a5;
}

.mt_1 {
    margin-top: 80px;
}

/*---------------testimonial_area-start---------------*/
.testimonial_area {
    padding: 70px 0px;
    background: #edf0f2;
}

.testimonial_info {
    text-align: center;
}

.testimonial_content {
    -webkit-box-shadow: 0 0 20px 0 rgba(82, 182, 188, 0.25);
    box-shadow: 0 0 20px 0 rgba(82, 182, 188, 0.25);
    padding: 53px 80px;
    position: relative;
    background-color: #ffffff;
}

.testimonial_content::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 7px 0 0 15px;
    bottom: -18px;
    content: "";
    height: 40px;
    left: 47%;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 40px;
    -webkit-box-shadow: -2px 3px 4px rgba(82, 182, 188, 0.1);
    box-shadow: -2px 3px 4px rgba(82, 182, 188, 0.1);
}

.testimonial_content p {
    color: #8f8f8f;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
}

.testimonial_information {
    margin-top: 37px;
}

.testimonial_img {
    margin-bottom: 7px;
    display: inline-block;
    width: inherit;
}

.testimonial_name {
    align-self: center;
}

.testimonial_name h3 {
    color: #42bffb;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.testimonial_name span {
    color: #a5a5a5;
    font-size: 16px;
    font-weight: 400;
}

.owl-dot.active span {
    background: #42bffb !important;
}

.responsive {
    display: none;
}

.v-extra {
    padding-bottom: 25px;
}

.extra-name {
    width: 60%;
    display: inline-block;
    float: left;
}

.extra-price {
    width: 38%;
    display: inline-block;
    float: right;
}

/*-------------------deshbord----------------  */
/*-------------------Atik R Rhaman edit----------------  */
/*-------------------deshbord----------------  */
.user-pln-info {
    overflow: hidden;
}

.user-pln-info > ul li {
    display: inline-block
}

.user-pln-info > ul li a {
    color: hsl(0, 0%, 100%);
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
}

.user-pln-info > a i {
    font-size: 30px;
}

.user-pnale-data {
    background: hsl(205, 90%, 55%) none repeat scroll 0 0;
}

.my-oders-title a {
    color: #333;
}

.my-oders-title {
    margin: 0;
    font-size: 14px;
}

.table-box2 {
    margin: 0px !important
}

.user-oder-pnl {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 5px 15px;
}

.oder-pnl-p, .oder-pnl-bdy {
    min-height: 135px;
}

.oder-pnl-bdy {
    color: hsl(0, 0%, 20%);
    font-size: 34px;
    font-weight: bold;
    padding: 54px;
    text-align: center;
    color: #666666;
}

.oder-pnl-p {
    color: #666666;
    padding: 15px;
    text-align: center;
}

.oder-pnl-p p {
    padding: 0px !important;
    margin-bottom: 0px;
}

.pd-table-header td {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #42bffb;
}

.carddlist-title {
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    overflow: hidden;
}

.carddlist-title i {
    color: #333;
    font-weight: bold;
    margin-left: 1px;
}

.table-one {
    margin-top: 20px
}

.cart-pd-thumb img {
    height: 70px;
    overflow: hidden;
    width: 80px;
}

.CartProduct td h4 {
    padding: 15px 0px;
}

/*.cart-pd-thumb a{
    display: inline-block;
    text-align: left;
}*/
.cart-pd-thumb a {
    display: block;
    margin: 0 auto;
}

.price > span {
    color: hsl(0, 0%, 27%);
}

.remove_from_cart {
    background: hsl(205, 90%, 38%) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    display: inline-block;
    font-size: 8px;
    margin: 23px 0;
    padding: 6px;
}

.delete {
    text-align: center;
}

.delete a {
    color: red;
}

.price-one {
    color: hsl(0, 0%, 20%);
    text-align: center;
    padding-top: 9px !important;
}

.price-one span {
    color: hsl(0, 0%, 20%);
    display: block;
    text-align: center;
    padding: 15px 0px;
}

.CartProduct td .btn {
    padding: 20px 0px;
}

a.colorwhite {
    color: #FFF;
}

.checker-one input {
    margin: 0px;
}

.table-box {
    overflow: hidden;
    padding: 10px 10px;
    background: #42bffb;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.my-oders-title a {
    color: #fff;
}

.order_pn {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.user-pln-info ul li a i {
    margin-right: 10px;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .header-menu ul li a {
        text-transform: capitalize;
        line-height: 18px;
        padding: 16px 8px;
    }

    .hident_c {
        display: none !important;
    }

    .single-slider {
        height: 70vh;
    }

    .slider-text {
        padding-left: 50px;
    }

    .socile-box {
        overflow: hidden;
    }

    .search_bar button {
        width: 30%;

    }

    .search_bar input {
        width: 55%;
    }

}

@media screen and (max-width: 1199px) {
    .hident_c {
        display: hidden;
    }
.form-group label{
  font-size: 14px !important;
}
}

@media screen and (max-width: 991px) {
    .hident_c {
        display: none !important;
    }





/*  atik*/


  div.main > ol > li > div{
      font-size: 14px !important;

    }
div.main > ol > li{
    display: block !important;
    margin-bottom: 5px!important;
}
#approximate_area {
	margin-bottom: 15px;
}
#type_of_area {
	margin-bottom: 15px;
}
#type_of_materials {
	margin-bottom: 15px;
}















.shaded_area{
margin-top:20px;
}
    .header-right ul .active a {
        padding: 5px 5px;
        font-size: 10px;
    }

    .header-right ul li {
        padding: 25px 0px;
    }

   

    .responsive {
        margin-top: 15px !important;
    }

    .header-logo a {
        overflow: visible;
    }

    .hidet_2 {
        display: block;
    }
 

    .work-item .inner-title h5 {
        font-size: 14px;
        margin-top: 20px;
        line-height: 19px;
    }

    .work-item .booking-icone_icon i {
        width: 60px;
        height: 60px;
        line-height: 40px;
        font-size: 24px;
        color: #fff;
    }

    .work-item {
        padding: 5px 0px;
    }

    .contact-icone img {
        width: 32px;
    }

    ._2p3a {
        width: 220px !important;
    }

    .socile-box {
        overflow: hidden;
    }

    .fotter-text .footer-bottom p {
        font-size: 13px;
    }

    .post-Media img {
        width: 100%;
        height: 150px;
    }

    .post-description {
        padding: 20px 25px;
    }

    .detail-author {
        text-align: center;
    }

    .post-text p {
        font-size: 12px;
        line-height: 22px;
    }

    .post-text {
        text-align: center;
    }

    .search_bar input {
        width: 60%;
    }

    .search_bar button {
        width: 28%;
    }

    .recent_Posts .categories_list li .media-pull {
        width: 100%;
        float: left;
    }

    .recent_Posts .categories_list li .img-details {
        width: 100%;
        float: left;
    }

    .recent_Posts .categories_list li .media-pull img {
        height: 80px;
        border: 5px solid #f9f9f9;
    }

    .tags .categories_list li a {
        padding: 8px 10px;
        display: block;
        font-size: 12px;
    }

    .tags {
        padding-top: 0px;
    }

    .recent_Posts .categories_list li {
        margin-bottom: 0px;
    }

    .recent_Posts .categories_list li .img-details h2 {
        margin-top: 5px;
    }

    .booking-taitle-list ul .active:after {
        display: none !important;
    }

    .Frequency-area {
        padding: 10px 0px;
        overflow: hidden;
    }

    .booking-header h1 {
        font-size: 24px;
    }

    .start-time select {
        margin-bottom: 15px;
    }

}

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


/* atik*/
.full_none{
  float: none!important;
  text-align: center;
  margin-top: 30px;
}
.book-summary{
  margin-top: 0px;
}
.stripe-button-el{
  margin-bottom: 15px;
}



.header-area {
    /*padding: 10px 0px;*/
    padding: 0px 0px;
}
.psot_img {
	position: relative;
	height: 162px;
}
  

    .responsive {
        margin-top: 0px !important;
    }

    .well-services {
        margin-top: 30px;
    }

    .slider-text {
        margin-top: 0px;
        text-align: center;
    }

    .work-item {
        text-align: center
    }

    .work-item .inner-title {
        width: 60%;
        text-align: left;
    }

    .work-item .booking-icone_icon {
        width: 40%;
        float: left;
        text-align: right
    }

    .works-title {
        text-align: center;
        padding-bottom: 10px;
    }

    .work-img {
        width: 50%;
        margin: auto;
    }

    .work-item .inner-title h5 {
        margin-left: 20px;
    }

    .contact-text h1 {
        margin-top: 10px;
    }

    .call-ation-info {
        text-align: center;
        background-position: center;
    }

    .contact-info {
        text-align: center;
        background-position: center;
    }

    .contact-tedxt-ifno {
        text-align: center;
        background-position: center;
    }

    .contact-text {
        width: 100%;
        float: none;
        padding-left: 5px;
    }

    .contact-icone {
        width: 100%;
        float: none;
        margin-top: 5px;
    }

    .service-box {
        overflow: hidden !important;
        position: relative;
        height: 250px;
    }

    .statistics-box h4 {
        font-size: 14px;
    }

    .widget {
        text-align: center;
    }

    .responsive {
        position: absolute;
        z-index: 333;
        right: 0;
        margin-right: 15px;
        margin-top: 0px;
    }

    .responsive span {
        color: #fff;
        display: block;
        /* border: 2px solid #f9f9f9; */
        /*height: 45px;*/
        width: 40px;
        text-align: center;
        line-height: 40px;
        margin-right: 10px;
        font-size: 22px;
        background: #0082ca;
    }

    .responsive .caret {
        color: #fff;
        display: inline-flex;
        /* border: 2px solid #f9f9f9; */
        height: 1px;
        width: 1px;
        text-align: center;
        line-height: 40px;
        margin-right: 10px;
        font-size: 22px;
        background:black;
    }

    .dropdown-menu2{
        padding: 0px 0 !important;        
        margin: 0px 0 0 !important;
    }

    

    .header-logo {
        height: 50px;
    }

    .header-logo a {
        display: block;
    }

    

    .sidenav {
        height: 100vh;
        width: 0;
        position: fixed;
        z-index: 333;
        top: 0;
        left: 0;
        background-color: #242424;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidenav ul li a i {
        float: right;
        font-weight: 300 !important;
        margin-top: 6px;

    }

    .sidenav a {
        text-decoration: none;
        font-size: 14px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    .sidenav ul li a {
        color: #bbb;
        text-transform: uppercase;
        font-weight: bold;
        padding: 14px 20px;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #2d2d2d;
    }

    .sidenav .closebtn {
        margin-top: 15px;
    }

    .sidenav ul li a:first-child {
        border-top: 1px solid #2d2d2d;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .header-menu {
        display: none;
    }

    .responsive {
        display: block;
    }

    .header-right {
        display: none;
    }

    .reviews_content {
        text-align: center;
    }

    .reviews_content::after {
        left: 0;
        right: 0;
        margin: auto;
        top: 10;
        bottom: -18px;
    }

    .reviews_information {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }

    .next-btn a {
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 580px) {
}

@media screen and (max-width: 480px) {
    .slider-text p {
        font-size: 24px;
    }

    .slider-text h1 {
        font-size: 28px;
    }

    .statistics-box h3 span {
        font-size: 18px;
    }

    .statistics-box h3 img {
        width: 20px;
        display: inline-block;
        margin-bottom: -70px;
    }

    .statistics-section {
        padding-top: 0px;
    }

    .statistics-box h4 {
        font-size: 8px;
    }
    div.main > ol > li{
      display: block !important;
    }

}

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

}

modal-body {
    position: relative;
    padding: 10px 20px;
    background: #fff;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #66ccfd;
    background: #66ccfd;
}

.modal-header .close {
    position: absolute;
    content: '';
    top: 10px;
    right: 15px;
    font-size: 35px;
    color: #fff;
    opacity: 10;
}

.modal-title {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.modal-footer {
    border-top: 1px solid #66ccfd;
    text-align: center;
    background: #66ccfd;
    padding: 15px 0px;
    overflow: hidden;
}

.modal-footer button {
    padding: 5px 20px;
    font-size: 14px;
    text-transform: capitalize;
    background: #66ccfd;
    color: #fff;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 0px;
}

.modal-footer input {
    padding: 5px 20px;
    font-size: 14px;
    text-transform: capitalize;
    background: #fff;
    color: #66ccfd;
    border: 1px solid #fff;
    border-radius: 0px;
    font-weight: bold;
}

.modal-footer button:hover {
    background: #66ccfd;
    border: 1px solid #fff;
    color: #fff;
}

.modal-footer input:hover {
    color: #66ccfd;
    background: #fff;
    border: 1px solid #fff;
}

.modal-body input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 0px;
}

/**  colors */

.btn-info {
    color: #fff;
    background-color: #3d9ea0;
}

/** Sticky Menu Smoothing **/
header {

    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

div.frontend_content {
    -webkit-transition: all 1s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 1s ease;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    background: #fff;
    border-bottom: 1px solid #fff;
    transition: 1s;
    width: 100%;
    z-index: 9999;

}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}

.spinboxleft label {

}

.spinbox label {
    line-height: 0px !important;
}

.thia {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    min-height: 1px;
}

.theiaStickySidebar {
    padding-top: 0px;
    padding-bottom: 1px;
    position: relative;
    transform: none;
}

.book-summary {
    background: #05acff;
    color: #ffffff;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
    width: 100%;
    font-size: 20px;
    padding-bottom: 5px;
    margin-bottom: -1px;
    border-radius: 10px 10px 0 0;
    padding: 10px;
}

div.main {
    margin-right: 30px;
    margin-bottom: 20px;
}

div.main > ol > li {
    display: table-cell;
    height: 30px;
    position: relative;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border: 1px solid #42BFFB;
}

div.main > ol > li > div {
    position: relative;
    line-height: 30px;
    height: 100%;
    width: 100%;
    text-transform: capitalize;
    font-size: 15px;
}

div.main > ol > li:hover {
    background-color: #42BFFB;
    cursor: pointer;
    color: white;
}

div.main > ol {
    display: table;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
}

div.main > ol > li > div:after, ol > li > div:before {
    content: "";
    display: inline-block;
    border-width: 16px;
    border-style: solid;
    width: 0px;
    height: 0px;
    left: 100%;
    top: -1px;
    position: absolute;
    z-index: 1;
}

div.main > ol > li > div:after, ol > li:hover > div:before {
    border-color: transparent transparent transparent #42BFFB;
}

div.main > ol > li > div:before {
    border-width: 14px;
    display: block;
    border-color: transparent transparent transparent #FFFFFF;
    z-index: 2;
    top: 1px;
}

.modal {
    /* overflow: visible !important; */
}

.modal-open .modal {
    overflow-x: auto;
    overflow-y: auto;
}

.extra_service[type=checkbox] {
    width: 0px;
    height: 0px;
    position: relative;
}

.extra_service:checked[type=checkbox] {
    width: 0px;
    height: 0px;
    position: relative;
}

input#extra_service {
    margin-top: 85px;
    width: 100%;
}

span.force_state > span {
    display: block;
    clear: both;
    font-weight: normal;
    font-size: 12px;
}

.extra_service::after {
    content: "";
    width: 80px;
    height: 80px;
    background: url(../../img/selected.png) no-repeat top;
    position: absolute;
    border-radius: 10px;
    /* border: 6px solid #45befa; */
    background-size: cover !important;
    top: -80px;
    left: calc(50% - 65px);
    border: 3px solid #afe4ff;
}

/** Non checked above **/
.icon_walls::after {
    background-size: cover !important;
    background: url(../../img/walls.png) no-repeat top;
}

.icon_balcony::after {
    background-size: cover !important;
    background: url(../../img/balcony.png) no-repeat top;
}

.icon_win_inside::after {
    background-size: cover !important;
    background: url(../../img/windowsinside.png) no-repeat top;
}

.icon_oven::after {
    background-size: cover !important;
    background: url(../../img/oven.png) no-repeat top;
}

.icon_garage::after {
    background-size: cover !important;
    background: url(../../img/garage.png) no-repeat top;
}

.icon_win_outside::after {
    background-size: cover !important;
    background: url(../../img/windowsoutside.png) no-repeat top;
}

.icon_fridge::after {
    background-size: cover !important;
    background: url(../../img/fridge.png) no-repeat top;
}

.icon_blinds::after {
    background-size: cover !important;
    background: url(../../img/blinds.png) no-repeat top;
}

.icon_carpet::after {
    background-size: cover !important;
    background: url(../../img/carpetcleaning.png) no-repeat top;
}

.icon_microwave_oven::after {
    background-size: cover !important;
    background: url(../../img/microwave_oven.png) no-repeat top;
}

.icon_aircondition::after {
    background-size: cover !important;
    background: url(../../img/aircondition.png) no-repeat top;
}

.icon_light_fittings::after {
    background-size: cover !important;
    background: url(../../img/light_fittings.png) no-repeat top;
}

/** Window Cleaning **/
.icon_picture_window::after {
    background: url(../../img/picture_window.png) no-repeat top;
}

.icon_hung_window::after {
    background: url(../../img/hung_window.png) no-repeat top;
}

.icon_casement_window::after {
    background: url(../../img/casement_window.png) no-repeat top;
}

.icon_awning_window::after {
    background: url(../../img/awning_window.png) no-repeat top;
}

.icon_bbq-cooker::after {
    background: url(../../img/icon_bbq-cooker.png) no-repeat top;
}

.icon_sliding_window::after {
    background: url(../../img/sliding_window.png) no-repeat top;
}

.icon_colonial_glass::after {
    background: url(../../img/colonial_glass.png) no-repeat top;
}

.icon_window_grid::after {
    background: url(../../img/window_grid.png) no-repeat top;
}

.icon_sliding_door::after {
    background: url(../../img/sliding_door.png) no-repeat top;
}

.icon_geometric_window::after {
    background: url(../../img/geometric_window.png) no-repeat top;
}

.icon_glass_house::after {
    background: url(../../img/glass_house.png) no-repeat top;
}

.icon_roof_window::after {
    background: url(../../img/roof_window.png) no-repeat top;
}

.icon_solar_panel:after {
    background: url(../../img/solar_panel.png) no-repeat top;
}

/** Window Cleaning End **/

/** Steam Cleaning Start non checked **/
.icon_hallway::after {
    background: url(../../img/extra_icon/icon_hallway.png) no-repeat top;
}

.icon_walk_in_robe::after {
    background: url(../../img/extra_icon/icon_walk_in_robe.png) no-repeat top;
}

.icon_living_area::after {
    background: url(../../img/extra_icon/icon_living_area.png) no-repeat top;
}

.icon_dinig_area::after {
    background: url(../../img/extra_icon/icon_dinig_area.png) no-repeat top;
}

.icon_study_room::after {
    background: url(../../img/extra_icon/icon_study_room.png) no-repeat top;
}

.icon_rugs::after {
    background: url(../../img/extra_icon/icon_rugs.png) no-repeat top;
}

.icon_mattress::after {
    background: url(../../img/extra_icon/icon_mattress.png) no-repeat top;
}

.icon_couch::after {
    background: url(../../img/extra_icon/icon_couch.png) no-repeat top;
}

.icon_arm_chair::after {
    background: url(../../img/extra_icon/icon_arm_chair.png) no-repeat top;
}

.icon_dining_chair::after {
    background: url(../../img/extra_icon/icon_dining_chair.png) no-repeat top;
}

.icon_car_seat::after {
    background: url(../../img/extra_icon/icon_car_seat.png) no-repeat top;
}

.icon_upholstery::after {
    background: url(../../img/extra_icon/icon_upholstery.png) no-repeat top;
}

/** Steam Cleaning End Non checked **/

/** Non checked above **/
.extra_service:checked::after {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #45befa;
    background-size: cover !important;
    top: -80px;
    left: calc(50% - 65px);
}

.icon_walls:checked::after {
    background: url(../../img/walls.png) no-repeat top;
}

.icon_balcony:checked::after {
    background: url(../../img/balcony.png) no-repeat top;
}

.icon_win_inside:checked::after {
    background: url(../../img/windowsinside.png) no-repeat top;
}

.icon_oven:checked::after {
    background: url(../../img/oven.png) no-repeat top;
}

.icon_garage:checked::after {
    background: url(../../img/garage.png) no-repeat top;
}

.icon_win_outside:checked::after {
    background: url(../../img/windowsoutside.png) no-repeat top;
}

.icon_fridge:checked::after {
    background: url(../../img/fridge.png) no-repeat top;
}

.icon_blinds:checked::after {
    background: url(../../img/blinds.png) no-repeat top;
}

.icon_carpet:checked::after {
    background: url(../../img/carpetcleaning.png) no-repeat top;
}

.icon_microwave_oven:checked::after {
    background: url(../../img/microwave_oven.png) no-repeat top;
}

.icon_aircondition:checked::after {
    background: url(../../img/aircondition.png) no-repeat top;
}

.icon_light_fittings:checked::after {
    background: url(../../img/light_fittings.png) no-repeat top;
}

.icon_light_fittings:checked::after {
    background: url(../../img/light_fittings.png) no-repeat top;
}

/** Window Cleaning **/
.icon_picture_window:checked::after {
    background: url(../../img/picture_window.png) no-repeat top;
}

.icon_hung_window:checked::after {
    background: url(../../img/hung_window.png) no-repeat top;
}

.icon_casement_window:checked::after {
    background: url(../../img/casement_window.png) no-repeat top;
}

.icon_awning_window:checked::after {
    background: url(../../img/awning_window.png) no-repeat top;
}

.icon_sliding_window:checked::after {
    background: url(../../img/sliding_window.png) no-repeat top;
}

.icon_colonial_glass:checked::after {
    background: url(../../img/colonial_glass.png) no-repeat top;
}

.icon_window_grid:checked::after {
    background: url(../../img/window_grid.png) no-repeat top;
}

.icon_sliding_door:checked::after {
    background: url(../../img/sliding_door.png) no-repeat top;
}

.icon_geometric_window:checked::after {
    background: url(../../img/geometric_window.png) no-repeat top;
}

.icon_glass_house:checked::after {
    background: url(../../img/glass_house.png) no-repeat top;
}

.icon_roof_window:checked::after {
    background: url(../../img/roof_window.png) no-repeat top;
}

.icon_solar_panel:checked::after {
    background: url(../../img/solar_panel.png) no-repeat top;
}

/** Window Cleaning End **/

/** Steam Cleaning Start **/
.icon_hallway:checked::after {
    background: url(../../img/extra_icon/icon_hallway.png) no-repeat top;
}

.icon_walk_in_robe:checked::after {
    background: url(../../img/extra_icon/icon_walk_in_robe.png) no-repeat top;
}

.icon_living_area:checked::after {
    background: url(../../img/extra_icon/icon_living_area.png) no-repeat top;
}

.icon_dinig_area:checked::after {
    background: url(../../img/extra_icon/icon_dinig_area.png) no-repeat top;
}

.icon_study_room:checked::after {
    background: url(../../img/extra_icon/icon_study_room.png) no-repeat top;
}

.icon_rugs:checked::after {
    background: url(../../img/extra_icon/icon_rugs.png) no-repeat top;
}

.icon_mattress:checked::after {
    background: url(../../img/extra_icon/icon_mattress.png) no-repeat top;
}

.icon_couch:checked::after {
    background: url(../../img/extra_icon/icon_couch.png) no-repeat top;
}

.icon_arm_chair:checked::after {
    background: url(../../img/extra_icon/icon_arm_chair.png) no-repeat top;
}

.icon_dining_chair:checked::after {
    background: url(../../img/extra_icon/icon_dining_chair.png) no-repeat top;
}

.icon_car_seat:checked::after {
    background: url(../../img/extra_icon/icon_car_seat.png) no-repeat top;
}

.icon_upholstery:checked::after {
    background: url(../../img/extra_icon/icon_upholstery.png) no-repeat top;
}

.subtotal {
    background: #42acff;
    color: #fff;
    font-weight: bold;
    padding: 0px 23px;
    border-bottom: 1px solid #45befa;
}

/** Steam Cleaning End **/

.class_checkbox1 {
    position: relative;
}

.extras ul li {
    font-size: 17px;
}

label.radio-label {
    font-size: 15px;
    padding-left: 0;
}

i.cus-checkbox-i {
    color: #000;
    border: 2px solid #b6b6b6;
    padding: 5px;
    border-radius: 50%;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 12px;
}

input.cus-checkbox:checked + .cus-checkbox-i {
    background: #ffffff;
    color: #45befa;
    border: 2px solid #45befa;
}

/*---------atikur_rhaman---atik---------*/

.mcbi_box {
    padding-top: 15px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.mcbi_check_box {
    width: calc(100% - 40px);
    float: left;
    /*margin-top: 32px;*/
    line-height: 18px;

}

.mcbi_check {

}

.mcbi_check[type=checkbox] {
    width: 0px;
    height: 0px;
    position: relative;
}

.mcbi_check:checked::after {
    border: 3px solid #45bdf9;
    border-radius: 50%;
}

.mcbi_check:checked[type=checkbox] {
    width: 0px;
    height: 0px;
    position: relative;
}

.mcbi_check::after {
    content: "";
    width: 80px;
    height: 80px;
    /*background: url(../../img/selected.png) no-repeat top;*/
    position: absolute;
    border-radius: 10px;
    /* border: 6px solid #45befa; */
    background-size: cover !important;
    top: -80px;
    left: calc(50% - 25px);
    border: 3px solid #CCCCCC;
}

.mcbi_check_box sapn {
    width: 30% !important;
    display: inline-block;
    line-height: 18px;
    text-align: center !important;
    margin: auto;
}

input.mcbi_check {
    width: 100% !important;
    margin-top: 85px;
}

.mcbi_check {

}

.mcbi_increase {
    width: 40px;
    float: left;
}

.mcbi_vertical {
    width: 90px !important;
}

.mcbi_increase .mcbi_sub {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background: #45befa;
    border: none;
}

.mcbi_increase .mcbi_view {
    width: 24px;
    text-align: center;
    font-size: 12px;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 5px 0px;

}

.mcbi_increase .mcbi_add {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background: #45befa;
    margin-bottom: 5px;
    border: none;
}

.mcbi_check_box span {
    display: block;
    min-width: 100%;
    width: calc(100% + 40px);
}

.mcbi_titels {
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}

.mcbi_sub_titels {
    font-size: 12px;
    height: 17px;
    margin-bottom: 15px;
}

/*--------- Firoz Ahmed Hasan ---------*/

.fah_box {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.fah_increase {
    width: 40px;
    float: left;
}

.fah_vertical {
    width: 90px !important;
}

.fah_increase .fah_sub {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background: #45befa;
    border: none;
}

.fah_increase .fah_view {
    width: 24px;
    text-align: center;
    font-size: 12px;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 5px 0px;

}

.fah_increase .fah_add {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background: #45befa;
    margin-bottom: 5px;
    border: none;
}

/*@-moz-document url-prefix() {*/

.extra_service, .mcbi_check, .more_service {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: unset;
}

.extra_service[type="checkbox"]:focus {
    outline: 0;
}

.cus-checkbox {
    -moz-appearance: none;
}

/*}*/

#provide_service_creat span {
    background: #82d6ff;
    margin: 5px;
    padding: 10px 14px;
    border-radius: 20px;
    display: inline-block;
}
.del_service {
    margin-left: 10px;
    background: #00a4f5;
    padding: 5px 6px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}
.del_service:hover {

    background: #45bffb;

}

#provide_coverage_creat span {
    background: #82d6ff;
    margin: 5px;
    padding: 10px 14px;
    border-radius: 20px;
    display: inline-block;
}
.del_zip {
    margin-left: 10px;
    background: #00a4f5;
    padding: 5px 6px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}
.del_zip:hover {

    background: #45bffb;

}

.provide_coverage_choose, .provide_service_choose {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: unset;
}
.provide_coverage_choose_label, .provide_service_choose_label {
    display: inline-block;
    margin: 12px 0px;
    cursor: pointer;
}
.provide_coverage_choose_label span, .provide_service_choose_label span{
    background: #81d6fe;
    padding: 10px 15px;
    border-radius: 23px;
}

.provide_coverage_choose:checked+ span, .provide_service_choose:checked+ span{
    background: #c3c3c3;
    color: #fff;
}
#sub_contractor_nav .nav-link.active {
    border: 1px solid #45bffb;
    background: #45bffb;
    color: #fff;
}
#subcontractor_work th {
    background: #45bffb;
    color: #fff;
}
#subcontractor_upload th {
    background: #45bffb;
    color: #fff;
}