/*
Theme Name: Yachts theme
Theme URI: https://wpadmin.pro
Description: Theme for Yachts rent
Version: 1.0
Author: WPAdmin.pro
Author URI: https://wphost.me
Tags: Yacht
Text Domain: wpadminpro
*/

/************************** WP Classes ****************************************/
em {font-style: italic}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center;}
.single_page .section_content .single_page_content .alignnone {
    max-width: 100%;
	width: inherit;
}
/********************************************************************************/
#hometop-sidebar .image {
    width:100%;
}
.text_content h2 {
	clear:both;
}
.section_content h3, h4, h5, h6 {
    margin-bottom: 30px;	
}
.section_content .widget-title ,.section_content h2 {
	color: #222;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 32px;
    font-family: Montserrat;
}
.section_content p .video_link {
	padding:3px;
}
/************** front page ********************/
.price_section .price_section_content .price_section_table .item.active {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    top: -4px;
    left: -2px;
    border: 3px solid #ffaf00;
}

/************** routes archive page ********************/
/*.routers_list :last-child {
    width: 100%;
}*/
/********** Blink on error ***********************/

@keyframes blink {
    50% { /*border-color: #e8bdbe; */background: rgba(226, 139, 139, 0.1);}
}
.blink { animation-name: blink ;
    animation-duration: .5s ;
    animation-timing-function: step-end ;
    animation-iteration-count: 9 ;
    animation-direction: alternate ;
    color: #ff0000 !important;
}
.custom_checkbox input:checked+label:before, .custom_checkbox input:not(:checked)+label.blink:before {
    border: 2px solid #ff0000;
}

.busy_info {
    opacity: 0;
    transition: opacity 1s ease-out;
}
.busy_info.active {
    opacity: 1;
}
.busy_info_wrap {
    height: 58px;
}

/************************** order page ******************************/
@media only screen and (max-width: 992px) {
    .order_page_content .calendar_wrap {
        margin-left: auto;
        margin-right: auto;
    }
}
.order_page_right {
    align-self: flex-start;
}

/********************** forms ***********************************/
body .remodal-wrapper .remodal .modal_content form .label.active {
    bottom: 50px;
}