@charset "UTF-8";
/* CSS Document */

#realty-calendar-booking-form {
    width: 100%!important;
}

.realty-calendar-booking-label {
    margin-bottom: .5rem!important;
}

#realty-calendar-booking-form input[class*="realty-calendar-booking-field"],
#realty-calendar-booking-form select[class*="realty-calendar-booking-field"] {
    display: block!important;
    width: 100%!important;
    padding: .375rem .75rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    background-color: #fff!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    font-size: 13px!important;
    color: #333!important;
    height: 40px!important;
    border-radius: 3px!important;
}

#realty-calendar-booking-form input[class*=realty-calendar-booking-field]:focus {
    color: #495057!important;
    background-color: #fff!important;
    border-color: #80bdff!important;
    outline: 0!important;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)!important;
}

.realty-calendar-booking-row {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
    margin-right: -15px!important;
    margin-left: -15px!important;
}

.realty-calendar-booking-span-left,
.realty-calendar-booking-span-right {
    width: 50%!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.realty-calendar-booking-title {
    padding-left: 55px!important;
    position: relative!important;
    
    font-size: 22px!important;
    margin-top: 5px!important;
    color: #333!important;
    font-weight: 500!important;
    line-height: 1.2!important;
    font-family: "Montserrat", Arial, sans-serif!important;
    
    margin-bottom: 30px!important;
}

.realty-calendar-booking-error {
    bottom: -29px!important;
    font-size: 11px!important;
}

.realty-calendar-booking-title:before {
    content: '\e852'!important;
    font-family: fontello!important;
    font-style: normal!important;
    font-weight: 400!important;
    speak: none!important;
    text-decoration: inherit!important;
    text-align: center!important;
    font-variant: normal!important;
    text-transform: none!important;
    line-height: 1em!important;
    
    /* background-color: #e04f67!important; */
    background-color: #ec9daa!important;
    width: 40px!important;
    height: 40px!important;
    display: inline-block!important;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    color: #fff!important;
    font-size: 18px!important;
    line-height: 40px!important;
    text-align: center!important;
    position: absolute!important;
    left: 0!important;
    top: 0!important;
}

.realty-calendar-booking-title:after {
    content: "Оставьте заявку и мы Вам перезвоним";
    display: block!important;
    color: #999!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 12px!important;
    line-height: 14px!important;
}


#realty-calendar-booking-form input[type="submit"] {
    border: none!important;
    font-family: inherit!important;
    font-size: inherit!important;
    color: #fff!important;
    background: #008489!important;
    cursor: pointer!important;
    padding: 7px 20px!important;
    display: inline-block!important;
    outline: none!important;
    font-size: 13px!important;
    -webkit-transition: all 0.3s!important;
    -moz-transition: all 0.3s!important;
    transition: all 0.3s!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
    font-weight: bold!important;
}

#realty-calendar-booking-form input[type="submit"]:hover {
    background: #333!important;
}

.realty-calendar-widget-wrap .calendar-widget .date-wrap .event.begin {
    border-bottom-color: #ec9daa!important;
}

.realty-calendar-widget-wrap .calendar-widget .date-wrap .event.all {
    background-color: #ec9daa!important;
}

.realty-calendar-widget-wrap .calendar-widget .date-wrap .event.end {
    border-top-color: #ec9daa!important;
}

@media screen and (max-width: 767px) {
    #realty-calendar-booking-form {
        padding: 15px!important;
    }
    .realty-calendar-booking-span-left,
    .realty-calendar-booking-span-right {
        width: 100%!important;
    }
}


@media screen and (max-width: 374px) {
    .calendar_box.box_style_3 {
        padding: 20px 0!important;
    }
    
    .realty-calendar-widget-wrap {
        transform: scale(0.90)!important;
        transform-origin: 0!important;
        margin-left: 10px!important;
    }
}