@CHARSET "UTF-8";
/* company colors => #4BC3E8, #4d4d4d */
html,body{
    font-family: 'Roboto', sans-serif !important;
    color:#14133b!important;
}
.paddingTop-100 {
    padding-top: 100px!important;
}
.section-title {
    float:inherit!important;
}

#main-header {
    background-color: #009fff;

}
#long-term-service-icon, #house-cleaning-icon {
    background-position-y: -24px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    font-size: 12px !important;
}

#long-term-service-icon {
    width: 24px;
    height: 24px;
    background: url(images/long-term-service.png) no-repeat;
    top: 0;
}

#house-cleaning-icon {
    width: 24px;
    height: 24px;
    background: url(images/house-icon.png) no-repeat;
    top: 0;
}

#main-header.scroll-background {
    border:none!important;
    background: #fff !important;
    box-shadow: 0px 7px 65px 0px rgb(0 0 0 / 5%);
}

.color-grey {
    color: #4d4d4d!important;
}

.hour-btn-group .hour-btn {
    background: #fff!important;
}

#cleaner-form {
    overflow: hidden;
    padding: 10px;
    border-radius: 29px!important;
    background: #a6e000!important;
}

#content {
    margin-top:inherit!important;
}

.bg-dark-grey {
    background: #a6e000;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
    padding: 30px;
    border-radius: 10px;
}

#cleaner-form .summary {
    padding-left: 0!important;
}

#cleaner-form .deposit-price{
    font-weight: bold;
    font-size:16px!important;
    clear:both;
    text-align:left;
}

#cleaner-tab .row{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-content {
    color:#fff!important;
    text-align: center;
}
.header-content .header-title {
    display: flex;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
}

#houseCleaning {
    display:flex;
}
.header-nav {
    color:#fff!important;
}
#house-cleaning{
    position:relative;
    background-color: transparent;
    background-image: linear-gradient(350deg, #1EB6A7 0%, #4BC3E8 80%);
    padding-bottom: 0!important;
}
#house-cleaning .background-wrapper {
    display: block;
    position:absolute;
    width:100%!important;
    height:100%!important;
    background-color: #009fff;
    //background-image: linear-gradient(180deg, #000000 0%, #009fff 100%);
    //opacity: 0.63;
    //transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
#house-cleaning form {
    padding: 100px 0!important;
}

#address-select-container #add-new-address .btn-tmz-transparent {
    border-color: #009fff;
    color: #009fff;
}

#house-cleaning .tab-content input[type=radio]:checked+label, #payment-date-time-select td.day.active, #payment #order-options #select-date-time .select-hour .hour.selected {
    background: #009fff!important;
}
#how-it-works .box-block .box-block-badge span {
    background-color: #009fff!important;
}
#how-it-works .box-block .box-block-header i {
    color: #009fff!important;
}

#address-select .list-group .list-group-item.active {
    background-color: #009fff!important;
}

.ar #house-cleaning {
    background: none !important;
}

.ar #house-cleaning:before {
    background-image: linear-gradient(350deg, #1EB6A7 0%, #4BC3E8 80%);
    opacity: 0.63;
}

.ar #house-cleaning.maintenance-service {
    background: none !important;
}

.ar #house-cleaning.maintenance-service:before {
    background-image: url(../images/maintenance.jpeg?v=1) !important;
    background-position: center center;
    background-size: auto auto;
    background-color: #dcdcd4 !important;
    transform: rotateY(180deg);
}

#house-cleaning.maintenance-service{
    background: url(../images/maintenance.jpeg?v=1) no-repeat center center  !important;
}

#how-it-works{
    background-color: #FFF !important;
    padding:40px 0 50px 0!important;
}

#how-it-works .section-title-container, #app-download .section-title-container{
	padding: 0px;
	margin: 0px;
}
#app-download .section-title {
    margin-bottom: 40px!important;
}
#app-download .container{
    margin-bottom:40px!important;
}


.ar .owl-carousel,
.ar .bx-wrapper { direction: ltr; }
.ar .owl-carousel .owl-item { direction: rtl; }

.ar .smartbanner__exit{
    left:inherit!important;
    right:0!important;
}

.ar .smartbanner--ios .smartbanner__exit{
    left:inherit!important;
    right:8px!important;
}

.media-body.testimonial {
    position: relative;
    padding-left: 50px;
    padding-top: 7px;
    font-size: 18px;
}

.media-body.testimonial:before {
    content: '"';
    font-weight: bold;
    font-size: 68px;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}

.comment-slider {
    height: 250px;
}

@media screen and (max-width: 1200px){
    .ar #house-cleaning:before , #house-cleaning{
        background-image: none !important;
        background-color: #88c6ef !important;
    }
    #phones-menu, .ar #phones-menu {
        display: inline-block!important;
        top: inherit!important;
        position: inherit;
        order: 2;
        right: inherit!important;
        left:inherit!important;
    }

    #logo {
        margin: auto!important;
        order:1;
    }

    .mobile-menu-btn{
        order: 3;
        margin-top: inherit!important;
    }

    #phones-menu .phone a img {
        margin-top: inherit!important;
    }

    .main-header-wrapper {
        align-items: center;
    }

    .main-header-wrapper::before, .main-header-wrapper::after{
        display: none!important;
        content: inherit!important;
    }
    .ar .mobile-menu-btn, .he .mobile-menu-btn {
        margin-top: inherit!important;
    }
    .smartbanner {
        top:65px!important;
    }
}

.testimonial-text {
    color: #FFF;
    font-size: 2.3em;
    line-height: 1em;
    text-align: center;
    font-weight: 300;
    background: url(/asset/massadr/images/testimonials.png) top center no-repeat;
    background-size: contain;
    padding: 1.4em 20px 2.4em 20px;
    display: flex;
    width: 100%;
    align-items: center;
    height: 5em;
}

.bg-grey{
    background-color: #f5f5f5 !important;
}

.bg-blue{
    background-color: #009fff !important;
}

.btn-payment-type .paymentTypeImage {
    width: 90%!important;
    max-width: 200px!important;
    height:inherit!important;
}
.alert {
    font-size:17px;
}


@media screen and (max-width: 480px){
    #main-header #logo img {
         width: auto !important;
    }

    #cleaner-tab .row {
        display: block!important;
    }

    #phones-menu .phone {
        margin-right:0!important;
    }

    .alert {
        font-size:12px;
    }
    #cleaner-form .deposit-price {
        font-size:14px!important;
    }

    #logo{
        margin-left: 0px !important;
    }

}
.main-menu ul li.message a {
    border-bottom:none!important;
}
#logo{
    color: #00519a;
    font-size: 20px;
    font-weight: 500;
    line-height: 1em !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    text-transform: uppercase;
}

#logo:active, #logo:hover{
    text-decoration: none;
}


#how-it-works .box-block .box-block-header i{
    font-size: 72px;
    color: #4BC3E8 !important;
    margin-top:20px;
}

#app-download .btn-tmz-transparent {
    border-color: #4BC3E8!important;
    color: #3cf;
}

#user-menu ul li a .fa {
    color: #009fff!important;
}

#how-it-works .box-block .box-block-content .box-block-title{
    color: #4BC3E8 !important;
}

.login-with-email .btn-tmz-solid, #account .form-footer .btn-tmz, #account .form-footer .btn-tmz-solid, #account .form-footer .btn-tmz-transparent {
    background: #009fff;
}

#account #add-new-address .btn-tmz-transparent {
    border-color: #009fff;
    color: #009fff;
}

.info-box .info-box-title.h1{
    font-size: 2.5em;
    color: #000;
    font-weight: 700;
}

.info-box .info-box-title.h1 span{
    color: #004b8e;
}
.info-box .info-box-description {
    text-align: left;
    color: #000;
}

.info-box-content .panel-body{
    color: #000 !important;
}


.info-box .info-box-tags{

}

.ar .info-box .info-box-tags li{
    float: right !important;
    margin-right: 0 !important;
    margin-left: 25px !important;
}


.info-box .info-box-tags li{
    float: left;
    margin-right: 25px;
    font-size: 18px;
    color: #fff;
}

.info-box .info-box-tags li i{
    color: #4BC3E8 !important;
}

.service-form-wrapper {
    margin: 50px 0!important;
}

#house-cleaning {
    min-height: initial!important;
}

#house-cleaning .how-does-it-work .btn-tmz-solid{
    border-color: #4BC3E8;
    background-color: rgba(255,255,255,.5);
    color: #4BC3E8 !important;
    font-weight: bold !important;
}


#home-faq{
    background-image: url(../images/home-faq-bg.jpg?v=1) !important;
    background-size: 90% !important;
}

@media (max-width: 1200px) {
    #home-faq, #home-faq:before{
        background: none !important;
    }

    .ar #user-menu, .he #user-menu {
        position: relative;
        top: inherit!important;
        width: 100%!important;
        left: inherit!important;
        right: auto!important;
    }
}

.ar #home-faq{
    background: none !important;
}

.ar #home-faq:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/asset/helphubsa/images/home-faq-bg.jpg?v=1) 0 0 no-repeat;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-size: 90% !important;
}

#house-cleaning #cleaner-tab .panel-body {
    color:#fff!important;
}

#house-cleaning #cleaner-tab .panel-heading a {
    color: #4BC3E8 !important;
}


#house-cleaning #cleaner-tab .panel-heading a.collapsed {
    color: #4BC3E8 !important;
    font-weight: bold !important;
}

#house-cleaning #cleaner-tab .panel-group .active .panel-heading a {
    font-weight: bold !important;
    color: #4BC3E8 !important;
    border:none;
    text-decoration: underline !important;
}

#house-cleaning #cleaner-tab .panel-group .active .panel-body {
    color: #000 !important;
}

#house-cleaning #cleaner-tab .panel-heading a:hover{
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    #content #app-download .list-box .list-box-image {
        float:inherit!important;
    }

    #app-slider-container {
        float:initial!important;
    }

    .white-box, .grey-box {
        min-height: inherit!important;
    }

    #main-footer p {
        font-size:1.7rem;
        margin-bottom: 50px!important;
    }
    #main-footer img {
        max-width: 200px;
    }
    .footer-social {
        text-align:center!important;
    }
    .footer-links .links-header {
        border:none!important;
    }

    #maps iframe {
        height:250px
    }
    #phones-menu {
        right: inherit!important;
    }

}

.list-box-container .list-box-image {
    width: 20% !important;
}

.list-box-container .list-box-content {
    max-width: 80%!important;
    width:100%!important;
}

.list-box-container .list-box-title{
    color: #000 !important;
    font-weight:bold;
    margin-bottom:10px!important;
}

.list-box-container .list-box-image i {
    width: 100%;
    font-size: 3em;
    color: #009fff !important;
}

.ar .card-fly-info {
    left: calc(50% - 20px) !important;
}

iframe.wpwl-control.wpwl-control-iframe.wpwl-control-cardNumber {
    direction: ltr !important;
}

.ar iframe.wpwl-control.wpwl-control-iframe.wpwl-control-cardNumber {
    direction: ltr !important;
}
.ar .login-with-email .form-control.animated-input#userPwd {
	direction: ltr !important;
}

.ar .wpwl-control.wpwl-control-mobilePhone {
    direction: ltr !important;
}

#app-download .mobile-apps-wrapper {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center!important;
}


/* landing pages */
.ui-menu .ui-menu-item a{font-size: 16px !important; cursor: pointer;}

/* Customer feedback */
.customer-feedback{background-image: none; background-color: #4BC3E8; color: #fff;}

.customer-feedback p{    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.1em;
}

.customer-feedback .section-description{
    font-size: 1.2em;
    line-height: 1.7em;
    color: #fff;
}

.customer-feedback .question{margin-bottom: 20px;}
.customer-feedback .answer{margin-bottom: 30px;}
.customer-feedback form .btn:not(".goToHome-btn"){height: 44px; background: #fff; border-radius: 8px; color: #4BC3E8; font-weight: 700; margin-top: 15px; margin-bottom: 30px; width: 100%;}
.customer-feedback form .btn:hover:not(".goToHome-btn"){background: #f6f6f6;}

.answer label{cursor: pointer;    display: inline-block;margin-right: 20px;
    text-align: center;}

.answer label input{opacity: 0; visibility: hidden;}

.answer label .custom-checkbox{padding: 8px; display: block; width: 60px; height: 60px; text-align:center;    font-size: 2em;
    border: 1px solid #fff;
    margin-top: 8px;}

.answer label .custom-checkbox .fa{
    position: relative;
    top: 5px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #f5ac3b;
}

.answer.point label{margin-right:7px;height: 44px; line-height: 44px; border: 1px solid #fff; margin-top: 8px; width: 60px;
    position: relative;     font-size: 1.1em;}

.answer.point{margin-bottom: 75px;}

.answer.point label.selected, .answer.point label:hover{
    background: #f5ac3b;
    color: #ffffff;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    border: 1px solid #f5ad25;
    font-weight: 700;
}

.answer.point label.selected span, .answer.point label:hover span{background: none !important; color: #fff !important;}

.answer.point label span{
    position: absolute;
    top: 54px;
    display: inline-block;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 1.3em;
}

.answer.message textarea{min-height: 150px;resize: none; width: 100%; padding: 15px; color: #444; font-size: 1.1em; border: 2px solid #bec7cb; border-radius: 6px;     padding-right: 70px;}

.answer.message textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bec7cb;
}
.answer.message textarea::-moz-placeholder { /* Firefox 19+ */
    color: #bec7cb;
}
.answer.message textarea:-ms-input-placeholder { /* IE 10+ */
    color: #bec7cb;
}
.answer.message textarea:-moz-placeholder { /* Firefox 18- */
    color: #bec7cb;
}

.customer-feedback label.error,
.answer .section label.error{
    color: #eccf37;
    font-size: 1.1em;
    font-weight: 700;
    display: block;
    float: left;
    clear: both;
    width: 100%;
    border: none;
    text-align: left;
    position: relative;
}

.customer-feedback label.error:hover,
.answer .section label.error:hover{background: none;}

.customer-feedback label.error, .customer-feedback label.errorr{
    color: #eccf37;
    margin-top: 8px;
    font-size: 1.1em;
    font-weight: 700;
}

.customer-feedback label.error{
    top: -28px;
}

.customer-feedback .answer.message label.error{
    top: 0;
}

.customer-feedback .answer.point label.error{
    top: 10px;
}
.customer-feedback .remained-chars{
    position: absolute;
    top: 15px;
    right: 19px;
    color: #ddd;
    font-size: 1.1em;
}

.customer-feedback .ghost{opacity: 0; visibility: hidden; width: 0;}
.answer label {
    float: left;
}

.customer-feedback .section {position: relative}
/*# sourceMappingURL=main.css.map */

.customer-feedback .comment-header {
    display: flex;
    align-items: center;
    font-size:16px;
    justify-content: center;
    font-weight: 700;
}

.customer-feedback .firm-point {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    float: left;
    color: #074052;
    font-size: 12px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}
.customer-feedback .fa {
    font-size: 24px;
    margin-right: 5px;
}

.customer-feedback .rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.customer-feedback .rating-container .caption {
    color: #999;
    margin-top: 10px;
    display: block;
    vertical-align: middle;
    line-height: 1;
    margin-left: 5px;
    margin-right: 0;
}

.customer-feedback .panel-body {
    color: #57545c;
}

.customer-feedback .container {
    display:flex;
    justify-content: center;
}

.customer-feedback .feedback-wrapper {
    max-width: 80%;
}
.customer-feedback .panel .overlay, .rating-form-wrapper .panel .overlay{
    position: absolute;
    background: #000000a6;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.rating-form-wrapper .panel .overlay {
    color:#fff!important;
}

.well{
    background-color: #f5f5f5 !important;
    border-radius: 5px !important;
    border: #CCC solid 1px !important;
}

#app-download .inline-buttons-container{
    position: relative!important;
    left:inherit!important;
    margin-top:20px!important;
    bottom:inherit!important;
}

#app-download .inline-buttons .btn {
    top:inherit!important;
}

/* Anasayfa apple slider */
#app-slider-container{
    height: 360px!important;
    width: 180px!important;
    overflow: inherit!important;
}

#app-slider-container .app-slider-background{
    display: inline-block;
    position: absolute;
    z-index:2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./images/saastech-io-android.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#app-slider-container #appMobileSlider{
    width: 88%!important;
    height:96%!important;
    position: relative;
    top:50%;
    border-radius: 20px;
    transform: translateY(-50%);
}

#appMobileSlider .swiper-slide img {
    width: 100%!important;
}

#app-slider-container .swiper-button-navigation-item{
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    justify-content: center;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    margin-right: 5px;
}
#app-slider-container .swiper-button-disabled {
    background: #646464 !important;
}
#app-slider-container .appMobile-swiper-button-prev {
    left: -40px;
}
#app-slider-container .appMobile-swiper-button-next {
    right: -40px;
}

#app-download .list-box {
    margin-bottom: 0!important;
}

.ar #app-download .list-box-image, .he #app-download .list-box-image {
    margin-left: 0px!important;
}


#content #app-download .list-box .list-box-content {
text-align: left!important;
}
.ar #content #app-download .list-box .list-box-content {
text-align: right!important;
}
.list-box-image.left-floated, .list-box-image.page-nav-link.prev {
margin-right: 0!important;
}
.main-menu ul li a:not(.active) {
    color: #fff!important;
}
.main-menu ul li a.active {
    border-bottom: none!important;
}
.main-menu ul li a:hover {
    border-bottom: none!important;
}
.main-menu ul li a.hvr-underline-from-center:before {
    background: inherit!important;
    height: 0!important;
}

.hvr-underline-from-center:before {
    background: #fe9229!important;
}

.white-box {
    background-color:#fff!important;
    color:#000!important;
    padding:30px!important;
    min-height: 345px;
    border-radius: 10px;
    margin-bottom:15px!important;
}

.grey-box {
    background-color: #efefef !important;
    color:#000!important;
    padding:30px!important;
    min-height: 345px;
    margin-bottom:15px!important;
}

#app-download .list-box-text p {
    color:#000!important;
}

.comment-slider .slide-item-content .avatar{
    font-size: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #009fff;
}

.comment-slider .slide-item .slide-item-content .slide-item-text {
    font-size:14px!important;
}

.comment-slider .slide-item .slide-item-content {
    box-shadow: none!important;
    border-radius: 0;
    background: #009fff;
    color:#fff!important;
}

.comment-slider .slide-item .slide-item-content:hover {
    background:#a6e000!important;
    cursor:pointer;
}

.comment-slider .slide-item .slide-item-content .slide-item-text {
    color:#fff!important;
}

.comment-slider .slide-item .slide-item-content .slide-item-header .avatar {
    background-color: #e2eaaf!important;
}
.comment-slider .commenter {
    color:#fff!important;
    font-weight: bold;
}

#loading-cart {
    border-radius: 0!important;
}

#main-header .main-header-wrapper {
    position:relative!important;
    display:flex!important;
    justify-content: space-between;
}

#main-header .main-header-wrapper #user-menu,
#main-header .main-header-wrapper #phones-menu,
#main-header .main-header-wrapper #logo {
    display: flex;
}

#phones-menu .phone {
    line-height:40px!important;
}

#phones-menu .phone a img {
    margin-top: 10px;
}

#user-menu .dropdown-toggle {
    color:#fff!important;
}
#main-header.order-header #user-menu .dropdown-toggle,
#main-header.customer-header #user-menu .dropdown-toggle,
#main-header.page-header #user-menu .dropdown-toggle,
#main-header.order-header ul li a:not(.active),
#main-header.customer-header ul li a:not(.active),
#main-header.page-header ul li a:not(.active),
#main-header.order-header .header-nav,
#main-header.customer-header .header-nav
{
    color:#14133b!important;
}

#main-header.order-header.header-fluid .container-fluid .main-menu,
#main-header.customer-header.header-fluid .container-fluid .main-menu,
#main-header.page-header.header-fluid .container-fluid .main-menu
{
    margin-left: auto!important;
}
#main-header:not(.scroll-background) .big-logo{
    display:none
}
#main-header.scroll-background .big-white-logo,
#main-header.customer-header .big-white-logo,
#main-header.page-header .big-white-logo
{
    display:none
}
#main-header.scroll-background .header-nav {
    color: #000!important;
}
#main-header.order-header .big-logo,
#main-header.customer-header .big-logo,
#main-header.page-header .big-logo
{
    display:block;
}
#main-header.order-header, #main-header.customer-header,
#main-header.order-header, #main-header.page-header
{
    background: #fff!important;
    border-bottom: 3px solid #009fff;
}
#main-header.order-header #phones-menu .phone a img
{
    margin-top: 11px!important;
}
#main-header.customer-header #phones-menu .phone a{
    color:#14133b!important;
}

#main-header.customer-header #phones-menu .phone {
    line-height:40px!important;
}

#main-header.scroll-background .main-menu ul li a:not(.active),
#main-header.scroll-background #phones-menu a,
#main-header.scroll-background #user-menu .dropdown-toggle,
#main-header.order-header, #main-header.customer-header,
#main-header.order-header, #main-header.page-header
{
    color:#14133b!important;
}

#main-header.order-header #phones-menu .phone{
    line-height: 24px!important;
}

#who-are-we, #information-forms {
    padding: 50px 0;
}

#who-are-we2 .row{
    display: flex;
    justify-content: center;
    align-items: center;
}
#who-are-we p {
    line-height: 1.6;
}

#who-are-we .blue-text{
    color: #009fff;
    font-size:18px;
    font-weight:bold;
    margin-bottom:15px;
}
#who-are-we .title {
    font-size: 35px;
    color: #14133b;
    line-height: 1.5;
    margin-bottom: 10px;
}
#who-are-we .title-sub {
    font-size: 23px;
    color: #14133b;
    margin-bottom: 10px;
    line-height: 1.6;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#who-are-we .title-sub i {
    color: #009fff;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    margin-right: 12px;
}

#who-are-we .video-image-wrapper {
    position: relative;
}

#who-are-we .video-image-wrapper img {
    border-radius:10px;
}
#who-are-we .video-image-wrapper .sub-image {
    position: absolute;
    padding: 10px;
    background: #fff;
    right: -50px;
    bottom: 20px;
    width: 364px;
    height: 281px;
    visibility: visible;
    animation-delay: 0.4s;
    animation-name: fadeInUp;
    border-radius:20px;
}

#who-are-we .video-image-wrapper .item-icon {
    position: absolute;
    left: 255px;
    top: 200px;
}
#who-are-we .video-image-wrapper .item-icon button {
    display: inline-block;
    position: relative;
    text-align: center;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    margin: 0 auto;
    z-index: 0;
    -webkit-animation: pulse infinite 2000ms;
    animation: pulse infinite 2000ms;
    border:none!important;
}
#who-are-we .video-image-wrapper .item-icon button:before {
    background-color: #009fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 0;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#who-are-we .video-image-wrapper .item-icon i{
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translateY(-50%) translateX(50%);
    -ms-transform: translateY(-50%) translateX(50%);
    transform: translateY(-50%) translateX(50%);
}

#videoModal .modal-body {
    padding:0!important;
}

#videoModal .modal-header {
    padding:0!important;
    text-align:right;
}

#videoModal .modal-header button {
    background: #000;
    position: relative;
    top: 10px;
    right: -10px;
    z-index: 1001;
}

#videoModal .modal-header button i {
    color: #fff;
}
#information-forms .white-box {
    visibility: visible;
    animation-duration: 1.2s;
    animation-delay: 0.7s;
    animation-name: fadeInUp;
}
#information-forms .white-box .icon {
    text-align:center;
    margin-bottom:30px!important;
}
#information-forms .white-box .icon i {
    font-size:4em;
    color: #009fff;
}
#information-forms .white-box .content{
    color:#14133b;
    text-align:center;
}

#information-forms .white-box .content h3 {
    font-size:24px!important;
    font-weight: bold;
    line-height: 1.6;
}


#information-forms .white-box .content p {
    line-height: 1.8;
}

#interest-websites .white-box{
    display:flex;
    justify-content: center;
    flex-flow: column;
    min-height: 200px!important;
    text-align:center;
}
#interest-websites .white-box h4 {
    line-height:1.6;
    font-weight:bold;
    font-size:1.8rem;
}

#interest-websites .white-box a {
    color: #009fff;
    font-weight:bold;
    font-size:1.5rem;
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #0554f2;
    }
    70% {
        box-shadow: 0 0 0 30px rgba(221, 14, 30, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(221, 14, 30, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #0554f2;
    }
    70% {
        box-shadow: 0 0 0 30px rgba(221, 14, 30, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(221, 14, 30, 0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.blue-box {
    background:#6EC1E4;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#teams .team-member {
    height: 300px;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#teams .team-member:hover .contact-box {
    bottom: 300px
}

/*#teams .team-member:hover .contact-box {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-name: slideUp;
}
#teams .team-member:hover .info-box {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-name: slideUp;
}*/

#teams .team-member .info-box{
    padding:20px;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align:center;
    height: 300px;
    background-color: #009fff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#teams .team-member .info-box .title{
    font-weight: bold;
    font-size:1.5em
}
#teams .team-member .info-box span {
    display: flex;
    background-color: #a6e000;
    border-radius:50%;
    padding:20px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
}
#teams .team-member .info-box span i {
    color: #fe9229;
    font-size:36px
}

#teams .team-member .contact-box{
    padding:20px;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align:center;
    height: 300px;
    background-color: #009fff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s;
}

#teams .team-member .contact-box .title{
    font-weight: bold;
    font-size:1.5em
}
#teams .team-member .contact-box span {
    display: flex;
    background-color: rgba(0,0,0,.5);
    border-radius:50%;
    padding:20px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
}
#teams .team-member .contact-box span i {
    color: #fff;
    font-size:36px
}

@keyframes slideUp {

    from {
        bottom: 0;
    }

    to {
       bottom:300px;
    }

}

@keyframes slideDown {

    from {
        bottom: 300px;
    }

    to {
        bottom:0;
    }

}

/* start of modification for 5 columns */
@media (min-width: 768px){
    .five-columns .col-md-2, .five-columns .col-sm-2, .five-columns .col-lg-2  {
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .five-columns .col-md-2, .five-columns .col-sm-2, .five-columns .col-lg-2 {
        width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .five-columns .col-md-2, .five-columns .col-sm-2, .five-columns .col-lg-2 {
        width: 33%;
        float: left;
    }
}

@media screen and (max-width: 550px) {
    #phones-menu {
        left: 0!important;
    }
}

#main-header .container-fluid:after {
    display:none!important;
}

.ar #main-header.header-fluid .container-fluid .main-menu {
    margin-left: auto!important;
    margin-right: 300px!important;
    padding-right: 0px!important;
}

#main-footer {
    background: #ffffff;
}

.footer-social {
    margin-top: 20px;
    position: initial!important;
}

.footer-social a {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    border-radius: 7px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    color: #5b6674;
    background: #efefef;
    margin-left:0!important;
}

.footer-social a i {
    font-size: 1.7rem;
}

.footer-social a i.fa-instagram {
    color:#d1005c;
}

.footer-social a i.fa-facebook {
    color:#4064ac;
}

.footer-social a i.fa-twitter {
    color:#1c9cea;
}

.sub-footer {
    border-top:1px solid #c1c1c1;
    text-align: center;
    padding: 10px 0!important;
}


.footer-links .links-header {
    font-size:2rem;
    font-weight: bold;
    border-left: 10px solid  #009fff;
    padding: 0 10px!important;
    margin-bottom: 15px!important;
}

.footer-links li {
    font-size: 1.5rem;
    line-height: 2.8rem;
}

.footer-links li a {
    color:#000;
    font-weight: 100;
}

#maps {
    padding: 50px 0;
}
#maps .title {
    height: 100px;
}

#maps iframe {
    height:350px
}
.upholstery-cleaning-menu {
    margin:-10px;
    margin-bottom:10px!important;
}
.upholstery-cleaning-menu .col-xs-6 a {
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    color:#000000!important;
    height: 55px;
    line-height: 55px;
    text-decoration: none!important;
}
.upholstery-cleaning-menu .col-xs-6 a:hover {
    background: #a6e000;
    color:#fff!important;
}
.upholstery-cleaning-menu .col-xs-6 a.active {
    background: #a6e000;
    color:#fff!important;
}

.upholstery-cleaning-menu .col-xs-6 a:hover #house-cleaning-icon,
.upholstery-cleaning-menu .col-xs-6 a.active #house-cleaning-icon,
.upholstery-cleaning-menu .col-xs-6 a:hover #long-term-service-icon,
.upholstery-cleaning-menu .col-xs-6 a.active #long-term-service-icon {
    background-position-y: -24px;
}
.form-container .btn-tmz-solid:hover {
    background:#009fff!important;
}
#account .nav-tabs>li.active>a, #account .nav-tabs>li.active>a:focus, #account .nav-tabs>li.active>a:hover {
    background:#e2eaaf!important;
}

#account .nav-tabs>li a:hover{
    background: #f4fadb !important;
}
#productDaysCounter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#productDaysCounter .fa-minus,
#productDaysCounter .fa-plus
{
    padding:10px!important;
    border-radius: 100%;
    border-radius: 100%;
    background: #ffffff50;
}

#productDaysCounter #productDaysCount {
    background: none!important;
}

#cleaner-form .alert-danger {
    background-color: #ff0500;
    border-color: #ff0500;
    color: #fff
}

input[type=radio]+label {
    color: #000000;
    font-size: 14px
}
label[for="productTimePeriodWeekly"]:hover {
    color:#fff !important;
}

#productTimePeriod input[type=radio]:not(:checked)+label {
    color:#000000 !important;
}
#productTimePeriod input[type=radio]:not(:checked)+label:hover {
    color:#fff !important;
}

.order .success-title2 {
    color: #a6e000 !important;
}
.selectVisitTime, .selectVisitDay, .successControl {
    background-color: #009fff !important;
}
.app-store-download-btn {
    background-image: url(images/mobile/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg) !important;
    background-repeat: no-repeat;
    background-size: 153px 50px;
}
.gplay-download-btn {
    background-image: url(images/mobile/Google_Play_Store_badge_EN.svg) !important;
    background-repeat: no-repeat;
    background-size: 153px 50px;

}

#servicesList ul {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 480px) {
    #servicesList {
        display: none;
    }
}

#servicesList ul li div a {
    display: flex;
    justify-content: space-between;
    position: relative;
}

#servicesList img {
  height: 48px;
  height: 48px
}

.package-table thead tr {
    border-bottom: 1px solid #ccc;
}
.package-table thead th {
    font-weight: 900;
    font-size: 15px;
    color: #009fff;
}

/* Customer */
.customer .list-box-container { margin-top: 50px; }
.customer .list-box { margin-bottom: 40px; }
.customer .list-box-title {
    font-size: 1.3em;
    margin-bottom: 0 !important;
    font-weight: unset;
    color: unset !important;
}
.customer .list-box-text p { color: #666666; line-height: 30px; font-weight: 300; font-size: 1.1em; }
.customer .list-box-content { float: left; max-width: 80%; }
.customer .list-box-image.left-floated, .customer .list-box-image.page-nav-link.prev { margin-right: 20px !important; }
.customer .login-box { padding: 30px; -webkit-box-shadow: 0px 22px 28px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 22px 28px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 22px 28px 0px rgba(0, 0, 0, 0.15); }
.customer .section-title { color: #009fff; font-weight: normal; margin-top: 0px; }
.customer .list-box-image { max-width: 20%; width: unset !important;}
.customer .color-blue-hard {
    color: #009fff !important;
}
.login-with-social .login-with-fb-btn {
    background: #009fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}
#house-cleaning .no-service .no-service-title{
    color: #000 !important;
}
#information-forms .section-title-container{
    padding: 0px !important;
}
#information-forms .section-title{
    text-align: center !important;
    margin-top: 0px !important;
    padding: 0px !important;
}
#interest-websites{
    padding: 15px 0px !important;
}
#comment-slider .section-title-container{
    padding:0px !important;
}
#content{
    padding-bottom:0px !important;
}
.onlylanguage img{
    margin-right: 10px !important;
    width: 25px !important;
    height: 25px !important;
    margin-top: 8px !important;
}
.sofa-icon{
    background: url(images/sofa-icon.png) no-repeat !important;
}
.chair-icon{
    background: url(images/chair-icon.png) no-repeat !important;
}
.company-form-title{
    text-align: center;
    color: white;
    margin: 15px 0px !important;
    font-size: 2.0em;
}
#cleaner-form{
    min-height: 646px;
}
.static-number{
    border: 2px solid;
    padding: 7px 12px;
}

    .dropdown {
      position: relative;
      display: inline-block;
    }
    
    /* Açılır menü içeriği */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Açılır menü içeriği gösterilirken */
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    /* Açılır menü içeriği öğeleri */
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    /* Açılır menü içeriği öğeleri üzerine gelindiğinde */
    .dropdown-content a:hover {
      background-color: #f1f1f1;
    }
    
    /* Ana menü öğeleri */
    .nav-item {
      display: inline-block;
      padding: 10px;
      margin-right: 5px;
      margin-left: -12px;
    }

    .dropdown img {
        height: 25px;
    }

    .dropdown-trigger::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    @media (min-width: 768px){
        .phone-language  {
            display: none;
        }
    }
    @media (max-width: 768px){
        .desktop-language  {
            display: none;
        }
        .service-form-wrapper{
            margin: 0px !important;
        }

        .container-fluid{
            direction: ltr;
        }

        #phones-menu{
            position: static !important;
        }

        .header-group{
            position: relative!important;
            display: flex!important;
            justify-content: space-between;
            align-items: center;
        }

        #long-term-service label{
            line-height: 14px !important;
            height: auto !important;
            padding: 7px;
        }
    }  
    .video-image-wrapper{
        padding-bottom: 50px;
    }

    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
        background: white;
    }

    .scroll-background  .hamburger-inner, .scroll-background  .hamburger-inner::after, .scroll-background  .hamburger-inner::before{
        background: #00b3e3;
    }

    .icon-group .list-box-image{
        width: 53px !important;
    }
    .image-group .list-box-image{
        width: 91px !important;
    }
    .main-menu ul li a.active{
        color: greenyellow;
        font-weight: bold;
    }
    #loadingGif{
        margin-top: -35px;
        margin-left: -48px;
    }
    #house-cleaning .tab-content .page-nav .btn-tmz-transparent,
    #house-cleaning .tab-content .page-nav-container .btn-tmz-transparent,
    #house-cleaning .tab-content .section .btn-tmz-transparent,
    #house-cleaning .tab-content .section-description .btn-tmz-transparent,
    #house-cleaning .tab-content .section-title .btn-tmz-transparent,
    #house-cleaning .tab-content .section-title-container .btn-tmz-transparent,
    #house-cleaning input,
    #house-cleaning .input-group-addon {
        color: #000;
    }
    .clear-both{
        clear: both;
        display: block;
    }
    .card-payment-options input[type=radio]:checked+.custom-input:before {
        left: 5px;
    }
    .card-payment-options input[type=radio]:checked+.custom-input:after {
        left: 6px;
    }
    .he .left-floated, .ar .left-floated{
        float: right;
    }
    .he .right-floated, .ar .right-floated{
        float: left;
    }
    @media screen and (max-width: 1024px){
        #user-menu .dropdown-toggle .user-text {
            margin-top: 10px;
            display: inline-block;
        }
        #user-menu .dropdown-toggle .avatar{
            float:left
        }
    }
    .order-form-title{
        font-weight: 500;
        margin-bottom: 10px;
        display: inline-block;
        font-size: 14px!important;
    }

    .copyright {
        color: black;
    }
    .copyright a{
        color: #009fff;
    }
    .total-price {
        font-weight: bold;
    }
    
    @media screen and (max-width: 480px) {
        #cleaner-tab .row.small-gutter.hours{
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center; /* Yatayda ortalamak için */
        }
        
        .hours .col-lg-2.col-md-2.col-xs-2 {
            width: 20%;
        }
    }