/*Components*/
.clearfix {

    &:after {
        display: block;
        content: "";
        clear: both;
    }
}
.placeholder {

    &::-webkit-input-placeholder {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    &:-moz-placeholder {
        opacity: 1;
        filter: alpha(opacity=100);
		line-height: 2;
    }
    &::-moz-placeholder {
        opacity: 1;
        filter: alpha(opacity=100);
		line-height: 2;
    }
    &:-ms-input-placeholder {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    &:focus::-webkit-input-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus:-moz-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus::-moz-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    &:focus:-ms-input-placeholder {
        color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
.box-shadow(@x:0, @y:0, @z:0, @color:rgba(0, 0, 0, 0)) {
    box-shadow: @x @y @z @color;
    -moz-box-shadow: @x @y @z @color;
    -webkit-box-shadow: @x @y @z @color;
}
.inset-box-shadow(@x:0, @y:0, @z:0, @color:rgba(0, 0, 0, 0)) {
    box-shadow: @x @y @z @color inset;
    -moz-box-shadow: @x @y @z @color inset;
    -webkit-box-shadow: @x @y @z @color inset;
}
.transition(@for:all, @speed:0.15s, @animation:linear, @timeout:0s) {
    transition: @for @speed @animation @timeout;
    -moz-transition: @for @speed @animation @timeout;
    -webkit-transition: @for @speed @animation @timeout;
}
.br(@r:0px) {
    border-radius: @r;
    -moz-border-radius: @r;
    -webkit-border-radius: @r;
}
.border-radius(@r1:0px, @r2:0px, @r3:0px, @r4:0px) {
    border-radius: @r1 @r2 @r3 @r4;
    -moz-border-radius: @r1 @r2 @r3 @r4;
    -webkit-border-radius: @r1 @r2 @r3 @r4;
}
.nav-bg {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(255, 255, 255)),
        color-stop(1, rgb(187, 195, 206))
        );
    background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(187, 195, 206) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(187, 195, 206) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(187, 195, 206) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(187, 195, 206) 100%);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(187, 195, 206) 100%);
}
.menu-item-bg {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(117, 164, 236)),
        color-stop(1, rgb(62, 120, 207))
        );
    background-image: -o-linear-gradient(bottom, rgb(117, 164, 236) 0%, rgb(62, 120, 207) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(117, 164, 236) 0%, rgb(62, 120, 207) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(117, 164, 236) 0%, rgb(62, 120, 207) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(117, 164, 236) 0%, rgb(62, 120, 207) 100%);
    background-image: linear-gradient(to bottom, rgb(117, 164, 236) 0%, rgb(62, 120, 207) 100%);
}
.menu-item-bg-hover {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(0, 83, 195)),
        color-stop(1, rgb(0, 83, 195))
        );
    background-image: -o-linear-gradient(bottom, rgb(0, 83, 195) 0%, rgb(0, 83, 195) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 83, 195) 0%, rgb(0, 83, 195) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 83, 195) 0%, rgb(0, 83, 195) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 83, 195) 0%, rgb(0, 83, 195) 100%);
    background-image: linear-gradient(to bottom, rgb(0, 83, 195) 0%, rgb(0, 83, 195) 100%);
}
/*Components*/

/*Animation*/
@keyframes slider_arrow_left {
    0% {background-position: 10px 0px;}
    25% {background-position: 0px 0px;}
    50% {background-position: 10px 0px;}
    75% {background-position: 0px 0px;}
    100% {background-position: 10px 0px;}
}
@-webkit-keyframes slider_arrow_left {
    0% {background-position: 10px 0px;}
    25% {background-position: 0px 0px;}
    50% {background-position: 10px 0px;}
    75% {background-position: 0px 0px;}
    100% {background-position: 10px 0px;}
}
@keyframes slider_arrow_right {
    0% {background-position: -44px 0px;}
    25% {background-position: -34px 0px;}
    50% {background-position: -44px 0px;}
    75% {background-position: -34px 0px;}
    100% {background-position: -44px 0px;}
}
@-webkit-keyframes slider_arrow_right {
    0% {background-position: -44px 0px;}
    25% {background-position: -34px 0px;}
    50% {background-position: -44px 0px;}
    75% {background-position: -34px 0px;}
    100% {background-position: -44px 0px;}
}
@keyframes shake_icon {
    0% {transform:rotate(5deg);}
    20% {transform:rotate(-5deg);}
    40% {transform:rotate(5deg);}
    60% {transform:rotate(-5deg);}
    80% {transform:rotate(5deg);}
    100% {transform:rotate(-5deg);}
}
@-webkit-keyframes shake_icon {
    0% {transform:rotate(5deg);}
    20% {transform:rotate(-5deg);}
    40% {transform:rotate(5deg);}
    60% {transform:rotate(-5deg);}
    80% {transform:rotate(5deg);}
    100% {transform:rotate(-5deg);}
}
@keyframes callback_animate {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(0deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(0deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(0deg);
    }
}
@-webkit-keyframes callback_animate {
    0% {
        opacity: 0.1;
        -webkit-transform: rotate(0deg) scale(0.5) skew(0deg);
    }
    30% {
        opacity: 0.5;
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
    }
    100% {
        opacity: 0.6;
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);
    }
}

@keyframes cbh-circle-img-anim {
    0%{transform:rotate(0deg) scale(1) skew(1deg)}
    10%{transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{transform:rotate(25deg) scale(1) skew(1deg)}
    30%{transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{transform:rotate(25deg) scale(1) skew(1deg)}
    50%{transform:rotate(0deg) scale(1) skew(1deg)}
    100%{transform:rotate(0deg) scale(1) skew(1deg)}
}
@-webkit-keyframes cbh-circle-img-anim {
    0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
    10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
    30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
    50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
    100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}
}
@keyframes cbh-circle-fill-anim {
    0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:0.2}
    50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:0.2}
    100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:0.2}
}
@-webkit-keyframes cbh-circle-fill-anim {
    0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:0.2}
    50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:0.2}
    100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:0.2}
}
@keyframes cbh-circle-anim {
    0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:0.1;}
    30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:0.5;}
    100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:0.6;}
}
@-webkit-keyframes cbh-circle-anim {
    0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:0.1;}
    30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);opacity:0.5;}
    100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:0.6;}
}
/*Animation*/

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.woff2') format('woff2'),
        url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.woff') format('woff'), 
        url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.ttf') format('truetype'), 
        url('../fonts/glyphicons-halflings-regular/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.icon-font {
    font-family: 'Glyphicons Halflings';
}

body {
    font-family: 'Ubuntu', sans-serif;

    .wrapper {

        .section-wrapper {
            .clearfix;
            width: 1200px;
            margin: 0 auto;
        }

        /*Header*/
        header {
            background: url('../images/header.jpg') repeat;
            border-top: 4px solid #FFF;
            width: 100%;
            height: 119px;
            box-sizing: border-box;

            .section-wrapper {
                background: url('../images/logo_head_bg.png') no-repeat right bottom;
                height: 115px;

                .logo {
                    background: url('../images/logo.png') no-repeat center center;
                    width: 368px;
                    height: 115px;
                    display: block;
                    float: left;
                }
                .contacts {
                    margin: 15px 0 0 0;
                    float: right;

                    .phone {
                        background: url('../images/header-icons.png') no-repeat left 5px; 
                        padding: 0 0 0 40px;
                        position: relative;

                        label {
                            font-size: 22px;
                            color: #FFF;
                            display: block;
                        }
                        span {
                            font-size: 26px;
                            display: block;
                            color: #FFF;
                            font-weight: 600;
                        }
                    }
                    a.email {
                        background: url('../images/header-icons.png') no-repeat left -52px;
                        display: block;
                        padding: 0 0 5px 40px;
                        font-size: 20px;
                        color: #FFF;
                        line-height: 24px;
                        margin: 5px 0 0 0;
                    }
                }
            }
        }
        /*Header*/

        /*Navigation*/
        nav.main-navigation {
            .nav-bg;
            box-sizing: border-box;
            border-top: 2px solid #3981e6;
            border-bottom: 2px solid #3981e6;
            height: 48px;
            width: 100%;
            z-index: 999;
            &.fixed {
                position: fixed;
                top: 0;
            }

            .responsive_title {
                display: none;
            }
            ul.menu {
                margin: 0;
                padding: 0;
                list-style: none;
                display: table;
                width: 1200px;

                >li {
                    text-align: center;
                    display: table-cell;
                    position: relative;
                    .transition(all, 0.15s, linear, 0s);
                    &:before {
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        border-left: 1px solid #2863b6;
                        border-right: 1px solid #FFF;
                        content: "";
                    }
                    &:last-child:after {
                        height: 100%;
                        position: absolute;
                        top: 0;
                        right: 0;
                        border-left: 1px solid #2863b6;
                        border-right: 1px solid #FFF;
                        content: "";
                    }
                    &:hover,
                        &.current-menu-item {
                        .inset-box-shadow(0, 0, 10px, rgba(0, 0, 0, 0.75));
                        border-bottom: 2px solid #fff;

                        >a {
                            background: url('../images/menu_hover_arrow.png') no-repeat center bottom;
                        }
                    }
                    >a {
                        .transition(all, 0.15s, linear, 0.15s);
                        background-position: center 45px;
                        display: block;
                        line-height: 44px;                        
                        color: #222222;
                        text-decoration: none;
                    }
                    >ul.sub-menu {
                        display: none;
                    }
                }
            }
        }
        /*Navigation*/

        /*Express form*/
        .express_order_form {
            background: url('../images/express_form_bg.jpg') no-repeat;
			    background-size: cover;
            height: 84px;
            position: relative;

            .title {
                float: left;
                background: url('../images/express_form_icon.png') no-repeat center right;
                line-height: 84px;
                padding: 0 120px 0 32px;
                font-size: 21px;
                color: #003e9b;
            }
            .wpcf7-form {
                margin: 10px 0;
                float: right;

                span.express_telephone,
                span.express_email {
                    margin: 0 12px 0 0;
                    width: 200px;
                    position: relative;
                    display: block;
                    float: left;
                    height: 40px;

                    input {
                        background: url('../images/express_form_inputs.png') no-repeat #FFF;
                        .inset-box-shadow(0, 0, 8px, rgba(57, 57, 57, 0.6));
                        .placeholder;
                        .br(10px);
                        border: none;
                        width: 100%;
                        height: 100%;
                        box-sizing: border-box;
                        padding: 0 0 0 47px;
                        font-size: 18px;
                        color: #000;
                        &.wpcf7-not-valid {
                            border: 1px solid red;
                        }
                    }
                    .wpcf7-not-valid-tip {
                        display: none;
                    }
                }
                span.express_email {

                    input {
                        background-position: 0 -39px;
                    }
                }
                .wpcf7-submit {
                    background: url('../images/express_form_button.png') no-repeat;
                    margin: 0 0 0 40px;
                    width: 200px;
                    height: 40px;
                    font-size: 20px;
                    color: #FFF;
                    border: none;
                    cursor: pointer;
                }
                .wpcf7-validation-errors,
                .wpcf7-mail-sent-ok {
                    background: #fff none repeat scroll 0 0;
                    left: 90px;
                    margin: 0;
                    position: absolute;
                    top: 9px;
                    width: 380px;
                }
            }
        }
        /*Express form*/

        /* top Gallery*/
        .gallery_images {
            margin: 0 0 25px;

            img {
                margin: 0 1px 0 0;
                display: block;
                max-width: 240px;
                height: auto;
                float: left;
                &:last-child {
                    margin: 0;
                }
            }
        }
        /* top Gallery*/

        /*Container*/
        section.container {
            margin: 50px auto 0;
            .clearfix;

            /*Home page*/
            &.homepage-container {
                padding: 0;
                margin: 0 auto;
            }
            .homepage_rooms {
                margin: 0 0 10px;
                .clearfix;

                .room {
                    width: 280px;
                    margin: 0 20px 0 0;
                    float: left;
                    &:last-child {
                        margin: 0;
                    }
                    .room_title {
                        background: url('../images/header.jpg') repeat;
                        .border-radius(5px, 5px, 0, 0);
                        line-height: 30px;
                        padding: 10px 0;
                        text-align: center;
                        font-size: 22px;
                        color: #FFF;
                    }
                    .room_image {
                        border-left: 2px solid #0047b4;
                        border-right: 2px solid #0047b4;
                        border-bottom: 2px solid #0047b4;

                        img {
                            display: block;
                            width: 100%;
                            height: auto;
                        }
                    }
                    .room_description {
                        padding: 5px 25px;
                        border-left: 2px solid #0047b4;
                        border-right: 2px solid #0047b4;
                        border-bottom: 2px solid #0047b4;
                        .border-radius(0, 0, 5px, 5px);
                        box-sizing: border-box;
                        text-align: center;

                        .room_excerpt {
                            line-height: 1.2;
                            font-size: 14px;
                            color: #0047b4;
                            margin: 0 0 5px;
                        }
                        .room_price {
                            margin: 0 0 5px;
                            font-size: 14px;
                            color: #4e4e4e;
                            line-height: 18px;

                            span {
                                font-size: 18px;
                                color: #249909;
                                font-weight: 600;
                            }
                        }
                        .room_more {
                            background: url('../images/room_more.png') no-repeat;
                            width: 165px;
                            display: block;
                            margin: 0 auto;
                            line-height: 29px;
                            height: 33px;
                            font-size: 18px;
                            text-align: center;
                            font-size: 18px;
                            color: #FFF;
                            text-decoration: none;
                        }
                    }
                }
            }
            /*Home page*/

            /*Order page*/
            &.order-page {

                .content-wrap {
                    background: url('../images/order-page-bg.jpg') no-repeat;
                    .br(5px);
					background-size: 100% 100%;
                    padding: 15px 20px;
                    box-sizing: border-box;
                    width: 100%;

                    .wpcf7-form {
                        width: 350px;

                        p {

                            span.wpcf7-form-control-wrap {

                                input[type="text"], 
                                input[type="tel"], 
                                input[type="email"] {
                                    background: url("../images/order-form-icons.png") no-repeat scroll 0 0 #ffffff;
                                    border: medium none;
                                    border-radius: 5px;
                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
                                    box-sizing: border-box;
                                    color: #000;
                                    font-size: 18px;
                                    height: 35px;
                                    padding: 0 10px 0 38px;
                                    width: 100%;
                                    &.phone-input {
                                        background-position: 0 -35px;
                                    }
                                    &.date-input {
                                        background-position: 0 -70px;
                                    }
									&.mail-input {
										background-position: 0 -105px;
									}
                                }
                            }
                        }
						.room {
                            margin: 0 0 12px;
                           /* width: 240px;*/

                            label {
                                color: #48648e;
                                display: block;
                                font-size: 20px;
                                margin: 0 0 3px;
                            }
                            .wpcf7-form-control-wrap {

                                span.select {
                                    background: #ffffff url("http://sanatorii-gorkogo.ru//wp-content/themes/gorkogo/css/../images/select.png") no-repeat scroll 323px 3px;
                                    border: medium none;
                                    border-radius: 5px;
                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
                                    box-sizing: border-box;
                                    color: #d1d1d1;
                                    cursor: pointer;
                                    font-size: 18px;
                                    height: 35px;
                                    left: 0;
                                    line-height: 33px;
                                    padding: 0 30px 0 10px;
                                    position: absolute;
                                    top: 0;
                                    width: 100%;
                                    z-index: 1;
                                }
                                select {
                                    cursor: pointer;
                                    height: 35px;
                                    position: relative;
                                    width: 100%;
                                    z-index: 2;
                                }
                            }
                        }
						
						
						.guests-count-block {
							float: left;
						}
						.guests-count-block {
							float: right;
						}
                        .kids-count-block,
                        .guests-count-block {
                            margin: 0 0 10px;
                            width: 120px;

                            label {
                                color: #48648e;
                                display: block;
                                font-size: 20px;
                                margin: 0 0 3px;
                            }
                            .wpcf7-form-control-wrap {

                                span.select {
                                    background: #ffffff url("http://sanatorii-gorkogo.ru//wp-content/themes/gorkogo/css/../images/select.png") no-repeat scroll 93px 3px;
                                    border: medium none;
                                    border-radius: 5px;
                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
                                    box-sizing: border-box;
                                    color: #4e4e4e;
                                    cursor: pointer;
                                    font-size: 18px;
                                    height: 35px;
                                    left: 0;
                                    line-height: 33px;
                                    padding: 0 30px 0 10px;
                                    position: absolute;
                                    top: 0;
                                    width: 100%;
                                    z-index: 1;
                                }
                                select {
                                    cursor: pointer;
                                    height: 35px;
                                    position: relative;
                                    width: 100%;
                                    z-index: 2;
                                }
                            }
                        }
                        .wpcf7-submit {
                            background: url("../images/all-reviews.png") no-repeat scroll 0 0;
                            color: #fff;
                            display: block;
                            font-size: 22px;
                            height: 44px;
                            line-height: 40px;
                            margin: 15px 0 0 0;
                            text-align: center;
                            text-decoration: none;
                            width: 250px;
                            border: none;
                        }
                    }
                }
            }
            /*Order page*/

            /*Reviews page*/
            &.reviews-page {

                .reviews-list {

                    .review {
                        margin: 0 0 25px;

                        .review-head {
                            .clearfix;
                            margin: 0 0 5px;

                            .review-title {
                                margin: 0 0 5px;
                                .clearfix;

                                .review-author {
                                    float: left;
                                    font-size: 18px;
                                    color: #4e4e4e;
                                    margin: 0 35px 0 0;
                                    &:before {
                                        background: url('../images/reviews_icons.png') no-repeat;
                                        content: "";
                                        display: block;
                                        float: left;
                                        height: 20px;
                                        margin: 0 5px 0 0;
                                        width: 20px;
                                    }
                                }
                                .review-date {
                                    float: left;
                                    font-size: 18px;
                                    color: #4e4e4e;
                                    &:before {
                                        background: url('../images/reviews_icons.png') no-repeat -30px 0;
                                        content: "";
                                        display: block;
                                        float: left;
                                        height: 20px;
                                        margin: 0 5px 0 0;
                                        width: 20px;
                                    }
                                }
                            }
                            .review-rating {

                            }
                        }
                        .review-body {
                            padding: 5px 18px;
                            background-color: #fef3d6;
                            border: 1px solid #feda50;
                            .br(10px);
                            font-size: 14px;
                            color: #4e4e4e;

                            p {
                                margin: 0;
                            }
                        }
                    }
                }
                .navigation {
                    text-align: center;
                    margin: 5px 0 50px;

                    span, a {
                        font-size: 22px;
                        color: #4e4e4e;
                        display: inline-block;
                        width: 24px;
                        text-decoration: none;
                        line-height: 24px;
                    }
                    span.current {
                        background: url('../images/nav.png') no-repeat -52px 0;
                    }
                    a.next {
                        background: url('../images/nav.png') no-repeat right 0;
                        text-indent: -9999px;
                    }
                    a.prev {
                        background: url('../images/nav.png') no-repeat left 0;
                        text-indent: -9999px;
                    }
                }
                .leave_review_form {

                    .comment-respond {
                        background-color: #ffebbd;
                        .br(10px);
                        padding: 10px 20px;

                        .comment-reply-title,
                        .comment-notes {
                            display: none;
                        }
                        .comment-form {

                            p {

                                label {
                                    font-size: 18px;
                                    display: block;
                                    color: #4e4e4e;
                                }
                                &.comment-form-author,
                                &.comment-form-email,
                                &.comment-form-comment { 

                                    input,
                                    textarea {
                                        width: 250px;
                                        height: 34px;
                                        .br(5px);
                                        border: 1px solid #feda50;
                                        .inset-box-shadow(0, 0, 5px, rgba(205, 175, 61, 0.75));
                                        font-size: 18px;
                                        color: #c2c1c1;
                                        .placeholder;
                                        padding: 0 10px;
                                        box-sizing: border-box;
                                    }
                                    textarea {
                                        width: 500px;
                                        height: 100px;
                                        padding: 5px 10px;
                                    }
                                }
                                &.form-submit {

                                    input {
                                        background: url("../images/all-reviews.png") no-repeat scroll 0 0;
                                        color: #fff;
                                        font-size: 22px;
                                        height: 44px;
                                        line-height: 40px;
                                        margin: 0;
                                        cursor: pointer;
                                        text-align: center;
                                        text-decoration: none;
                                        width: 250px;
                                        border: none;
                                    }
                                }
                            }
                            >div {
                                height: auto;
                                padding: 0;
                                margin: 0 0 30px;

                                label {
                                    font-size: 18px;
                                    display: block;
                                    color: #4e4e4e;
                                    margin: 0 0 4px;
                                }
                                .captcha_img {
                                    .clearfix;
                                    margin: 0 0 10px;
                                }
                                #captcha_code {
                                    width: 175px;
                                    height: 34px;
                                    .br(5px);
                                    border: 1px solid #feda50;
                                    .inset-box-shadow(0, 0, 5px, rgba(205, 175, 61, 0.75));
                                    font-size: 18px;
                                    color: #c2c1c1;
                                    .placeholder;
                                    padding: 0 10px;
                                    box-sizing: border-box;
                                }
                            }
                        }
                    }
                }
            }
            /*Reviews page*/

            /*SIDEBAR*/ 
            .sidebar {
                float: left;
                margin: 0 10px;
                width: 280px;

                .widget {
                    margin: 0 0 20px;

                    /*Sidebar menu*/
                    &.menu_widget {

                        ul.menu {
                            margin: 0;
                            padding: 0;
                            list-style: none;

                            >li {
                                margin: 0 0 6px;

                                >a {
                                    .menu-item-bg;
                                    .br(5px);
                                    .transition(all, 0.15s, linear, 0s);
                                    border: 1px solid #95befc;
                                    font-size: 18px;
                                    color: #FFF;
                                    text-decoration: none;
                                    padding: 0 6px;
                                    display: block;
                                    line-height: 30px;
                                    position: relative;
                                    &:after {
                                        background: url('../images/sidebar-menu-arrow.png') no-repeat center center;
                                        .transition(all, 0.15s, linear, 0s);
                                        content: "";
                                        display: block;
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        width: 23px;
                                        height: 30px;
                                    }
                                }
                                >ul.sub-menu {
                                    display: none;
                                    margin: 0 14px;
                                    padding: 0;
                                    list-style: none;
                                    background-color: #277aea;

                                    li {
                                        border-bottom: 1px solid #5c9ff8;

                                        a {
                                            .transition(all, 0.15s, linear, 0s);
                                            line-height: 25px;
                                            font-size: 18px;
                                            color: #FFF;
                                            text-decoration: none;
                                            display: block;
                                            padding: 0 11px;
                                            box-sizing: border-box;
                                        }
                                        &:hover,
                                            &.current-menu-item {

                                            a {
                                                background-color: #518cdb;
                                            }
                                        }
                                    }
                                }
                                &:hover,
                                    &.current-menu-item,
                                    &.current-menu-parent {

                                    >a {
                                        .menu-item-bg-hover;
                                    }
                                }
                                &.menu-item-has-children:hover,
                                    &.menu-item-has-children.current-menu-item,
                                    &.menu-item-has-children.current-menu-parent {

                                    >a {

                                        &:after {
                                            transform: rotate(90deg);
                                            -webkit-transform: rotate(90deg);
                                        }
                                    }
                                    >ul.sub-menu {
                                        display: block;
                                    }
                                }
                            }
                        }
                    }
                    /*Sidebar menu*/

                    /*Order Widget*/
                    &.order_widget {
                        background: url('../images/order_sidebar_bg.png') no-repeat;
						background-size: 100% 100%;
                        width: 280px;
                        height: auto;
                        box-sizing: border-box;

                        .widget-header {
                            background: url('../images/order-head-icon.png') no-repeat 236px 17px #feda50;
                            border-bottom: 2px solid #bcc4d0;
                            .border-radius(3px, 3px, 0, 0);
                            color: #003e9b;
                            font-size: 24px;
                            height: 74px;
                            line-height: 1.2;
                            margin: 0 2px 19px;
                            position: relative;
                            text-align: center;
                            box-sizing: border-box;
                            padding: 5px 0 0 0;
                            top: 2px;

                            span {
                                display: block;
                            }
                        }
                        .widget-content {
                            padding: 0 15px;
                            box-sizing: border-box;

                            .wpcf7-form {
                                position: relative;

                                p {
                                    .clearfix;
                                    margin: 0 0 8px;

                                    .wpcf7-form-control-wrap {
                                        display: block;

                                        input[type="text"],
                                        input[type="tel"],
                                        input[type="email"] {
                                            background: url('../images/order-form-icons.png') no-repeat #FFF;
                                            .br(5px);
                                            .placeholder;
                                            .inset-box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.6));
                                            width: 100%;
                                            box-sizing: border-box;
                                            height: 35px;
                                            padding: 0 10px 0 38px;
                                            font-size: 18px;
                                            color: #000;
                                            border: none;
                                            &.name-input {

                                            }
                                            &.phone-input {
                                                background-position: 0 -35px;
                                            }
                                            &.date-input {
                                                background-position: 0 -70px;
                                            }
											&.mail-input {
												background-position: 0 -105px;
                                            }
                                            &.wpcf7-not-valid {
                                                border: 1px solid red;
                                            }
                                        }
                                        &.date-sidebar:after {
                                            content: "";
                                            display: block;
                                            width: 24px;
                                            height: 29px;
                                            position: absolute;
                                            top: 3px;
                                            right: 3px;
                                            cursor: pointer;
                                        }
                                        .wpcf7-not-valid-tip {
                                            display: none;
                                        }
                                    }
                                }
								.room {
                                    margin: 0 0 15px;

                                    label {
                                        display: block;
                                        font-size: 20px;
                                        color: #48648e;
                                        margin: 0 0 3px;
                                    }
                                    span.wpcf7-form-control-wrap {
                                        display: block;

                                        span.select {
                                            background: url('../images/select.png') no-repeat 223px 3px #FFF;
                                            .br(5px);
                                            .placeholder;
                                            .inset-box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.6));
                                            width: 100%;
                                            box-sizing: border-box;
                                            height: 35px;
                                            padding: 0 30px 0 10px;
                                            font-size: 16px;
											overflow: hidden;
                                            color: #d1d1d1;
                                            border: none;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            z-index: 1;
                                            line-height: 33px;
                                            cursor: pointer;
                                        }
                                        select {
                                            position: relative;
                                            cursor: pointer;
                                            z-index: 2;
                                            width: 100%;
                                            height: 35px;
                                        }
                                    }
                                }
								
                                .kids-count-block {
                                    float: left;
                                }
                                .guests-count-block {
                                    float: right;
                                }
                                .kids-count-block, 
                                .guests-count-block {
                                    width: 120px;
                                    margin: 0 0 15px;

                                    label {
                                        display: block;
                                        font-size: 20px;
                                        color: #48648e;
                                        margin: 0 0 3px;
                                    }
                                    span.wpcf7-form-control-wrap {
                                        display: block;

                                        span.select {
                                            background: url('../images/select.png') no-repeat 93px 3px #FFF;
                                            .br(5px);
                                            .placeholder;
                                            .inset-box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.6));
                                            width: 100%;
                                            box-sizing: border-box;
                                            height: 35px;
                                            padding: 0 30px 0 10px;
                                            font-size: 18px;
                                            color: #d1d1d1;
                                            border: none;
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            z-index: 1;
                                            line-height: 33px;
                                            cursor: pointer;
                                        }
                                        select {
                                            position: relative;
                                            cursor: pointer;
                                            z-index: 2;
                                            width: 100%;
                                            height: 35px;
                                        }
                                    }
                                }
                                small {
                                    font-size: 14px;
                                    color: #48648e;
                                }
                                .wpcf7-submit {
                                    background: url('../images/order-submit.png') no-repeat;
                                    display: block;
                                    margin: 0 auto;
                                    font-size: 22px;
                                    color: #FFF;
                                    border: none;
                                    cursor: pointer;
                                    width: 250px;
                                    height: 65px;
                                }
                                .wpcf7-validation-errors,
                                .wpcf7-mail-sent-ok {
                                   /* position: absolute;*/
                                    background: #FFF;
                                    /*bottom: 0;*/
									margin: -12px 0 0 0;
                                }
                            }
                        }
                    }
                    /*Order Widget*/

                    /*Reviews widget*/
                    &.reviews_widget {
                        border: 2px solid #bcc4d0;
                        .br(5px);

                        .widget-header {
                            .border-radius(4px, 4px, 0, 0);
                            text-align: center;
                            background-color: #f2f4f8;
                            border-bottom: 2px solid #bcc4d0;
                            height: 53px;
                            line-height: 50px;
                            font-size: 24px;
                            color: #017ca4;
                            position: relative;
                            &:after {
                                background: url('../images/review-head-icon.png') no-repeat;
                                content: "";
                                position: absolute;
                                top: 11px;
                                right: 30px;
                                width: 34px;
                                height: 30px;
                            }
                        }
                        .widget-content {

                            .review {
                                padding: 15px;
                                border-bottom: 2px solid #bcc4d0;

                                .review-head {
                                    margin: 0 0 10px;
                                    .clearfix; 

                                    .rh__left {
                                        float: left;

                                        .review-author {
                                            color: #4e4e4e;
                                            font-size: 18px;
                                            height: 19px;
                                            margin: 0 0 2px;
                                            max-width: 155px;
                                            overflow: hidden;
                                        }
                                        .review-rate {

                                        }
                                    }
                                    .review-date {
                                        float: right;
                                        font-size: 18px;
                                        color: #4e4e4e;
                                    }
                                }
                                .review-content {
                                    font-size: 14px;
                                    line-height: 1.2;
                                    color: #4e4e4e;
                                    margin: 0 0 10px;
                                }
                                .review-respond {
                                    font-size: 16px;
                                    color: #017ca4;
                                }
                            }
                            .all-reviews {
                                background: url('../images/all-reviews.png') no-repeat;
                                color: #fff;
                                display: block;
                                font-size: 22px;
                                height: 44px;
                                line-height: 40px;
                                margin: 15px auto;
                                text-align: center;
                                text-decoration: none;
                                width: 250px;
                            }
                        }
                    }
                    /*Reviews widget*/
                }
            }
            /*SIDEBAR*/ 

            /*Content*/
            .content {
                position: relative;
                float: right;
                width: 880px;
                margin: 0 10px;

                h1, h2, h3, h4, h5 {
                    font-family: 'Ubuntu', sans-serif;
                    font-weight: 600;
                    color: #48648e;
                }
                h1, h2 {
                    font-size: 24px;
                    margin: 0 0 10px;
                }
                p {
                    font-size: 18px;
                    color: #4e4e4e;
                    line-height: 1.3;
                    margin: 0 0 10px;
                    word-wrap: break-word;
					a{
						color:#fff;
					}
                }
                a {
                    color: #48648e;
                }
                ul, ol {
                    list-style: outside disc;
                    font-size: 18px;
                    color: #4e4e4e;
                    line-height: 1.3;
                    margin: 0 0 10px;
                    padding: 0 0 0 20px;
                    
                    word-wrap: break-word;
                }
                input {
                    font-family: 'Ubuntu', sans-serif;
                }
                table {
                    width: 100%;
                    border: 0;

                    tr {

                        td {
                            color: #FFF;
                            font-size: 18px;
                            text-align: center;
                            vertical-align: middle;
                            padding: 5px 10px;
                            border: 1px solid #FFF;
                        }
                    }
                }
            }
            /*Content*/

            /*Bread crumbs*/
            .bread_crumb {
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
                display: block;
                line-height: 30px !important;
                padding: 0 20px;
                width: 100%;
                box-sizing: border-box;
                background-color: #f2f4f8;
                position: absolute;
                top: -40px;
                .clearfix;

                li {
                    font-size: 16px;
                    color: #48648e;
                    margin: 0 5px 0 0;
                    float: left;
                    &:after {
                        content: " >";
                    }
                    &.current {
                        font-weight: 500;
                        &:after {
                            content: "";
                        }
                    }
                    a {
                        font-weight: 100;
                        color: #48648e;
                    }
                }
            }
            /*Bread crumbs*/

            .content_order_button {
                background: url("../images/express_form_button.png") no-repeat scroll 0 0;
                border: medium none;
                color: #fff;
                cursor: pointer;
                display: block;
                font-size: 20px;
                height: 40px;
                line-height: 38px;
                margin: 15px 0 0;
                text-align: center;
                text-decoration: none;
                width: 200px;
            }
        }
        /*Container*/

        footer {
            background: url('../images/header.jpg') repeat;
            width: 100%;
            padding: 10px 0 0 0;
            box-sizing: border-box;
            height: 400px;

            .map {
                overflow: hidden;
                float: left;
                width: 890px;
                height: 330px;
            }
            .contacts {
                float: right;
                width: 290px;
                color: #FFF;
                line-height: 1.2;

                .block {
                    margin: 0 0 10px;

                    label {
                        font-size: 16px;
                        font-weight: 100;
                        margin: 0 0 5px;
                    }
                    p {
                        font-size: 18px;
                        font-weight: 600;
                        &:last-child {
                            text-indent: 10px;
                        }
                    }
                    span {
                        font-size: 20px;
                        font-weight: 600;
                    }
                }
                .adress {

                    label {
                        font-size: 20px;
                        font-weight: 100;

                        strong {
                            font-weight: 600;
                        }
                    }
                    span {
                        font-size: 18px;
                        margin: 0 0 5px;
                        display: block;
                        font-weight: 100;
                    }
                    p {
                        font-size: 18px;
                        font-weight: 600;
                    }
                }
            }
            /*Footer menu*/
            .footer-menu {
                height: 48px;
                width: 100%;
                margin: 11px 0 0 0;
                border-top: 1px solid #5695ee;

                >div {
                    width: 100%;
                    border-top: 1px solid #012b67;

                    ul.menu {
                        display: table;
                        list-style: outside none none;
                        margin: 0 auto;
                        padding: 0;
                        width: 1200px;

                        li {
                            display: table-cell;
                            position: relative;
                            text-align: center;
                            transition: all 0.15s linear 0s;
                            &:before {
                                border-left: 1px solid #012b67;
                                border-right: 1px solid #5695ee;
                                content: "";
                                height: 100%;
                                left: 0;
                                position: absolute;
                                top: 0;
                            }
                            &:last-child:after {
                                border-left: 1px solid #012b67;
                                border-right: 1px solid #5695ee;
                                content: "";
                                height: 100%;
                                position: absolute;
                                right: 0;
                                top: 0;
                            }
                            a {
                                font-size: 22px;
                                line-height: 46px;
                                display: block;
                                color: #FFF;
                                text-decoration: underline;
                            }
                            &:hover,
                                &.current-menu-item {

                                a {
                                    text-decoration: none;
                                }
                            }
                            >ul.sub-menu {
                                display: none;
                            }
                        }
                    }
                }
            }
            /*Footer menu*/
        }
        /*Footer*/

        .to-top {
            position: fixed;
            z-index: 9999;
            bottom: 0;
            left: 15px;
            background: url('../images/to-top.png') no-repeat;
            display: none;
            width: 55px;
            height: 55px;
            border: none;
            cursor: pointer;
            &:hover {
                background-position: 0 -55px;
            }
        }

        .callback-fixed {
            bottom: 20px;
            cursor: pointer;
            float: none;
            height: 200px;
            min-width: initial;
            opacity: 0.5;
            position: fixed;
            right: 20px;
            transition: all 1s ease 0s;
            width: 200px;
            z-index: 10000;
            &:hover {

                .cf__radial1 {
                    opacity: 1 !important;
                }
                .cf__radial2 {
                    opacity: 1 !important;
                }
                .cf__logo {

                    img {
                        animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
                        -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
                    }
                }
            }
            div {
                box-sizing: content-box;
                min-width: inherit;
                transform-origin: initial;
            }
            .cf__radial1 {
                animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
                -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
                background-color: transparent;
                border: 1px solid #4468c0;
                border-radius: 100%;
                display: block;
                float: none;
                height: 160px;
                left: 19px;
                opacity: 1;
                position: absolute;
                top: 19px;
                transition: all 0.5s ease 0s;
                width: 160px;
            }
            .cf__radial2 {
                animation: cbh-circle-fill-anim 2.2s infinite ease-in-out !important;
                -webkit-animation: cbh-circle-fill-anim 2.2s infinite ease-in-out !important;
                background-color: #4468c0;
                border: 2px solid transparent;
                border-radius: 100%;
                display: block;
                float: none;
                height: 100px;
                left: 48px;
                opacity: 0.1;
                position: absolute;
                top: 48px;
                transition: all 0.5s ease 0s;
                width: 100px;
            }
            .cf__logo {
                border-radius: 100%;
                display: block;
                float: none;
                height: 55px;
                left: 72.5px;
                position: absolute;
                top: 72.5px;
                width: 55px;

                img {
                    height: auto;
                    max-width: 100%;
                    width: 55px;
                }
            }
        }
        .callback-popup, .callback-popup_mobile {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 99998;

            .cp__wrap {
                position: fixed;
                z-index: 99999;
                background-color: #FFF;
                padding: 30px 40px 20px;
                width: 460px;
                .br(10px);

                .close-popup {
                    background: none repeat scroll 0 0 transparent;
                    border: medium none;
                    color: #000;
                    font-weight: bold;
                    padding: 0;
                    position: absolute;
                    right: 15px;
                    top: 10px;
                    cursor: pointer;
                }
                .cpw__title {
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 100;
                    font-size: 24px;
                    color: #333;
                    height: auto;
                    line-height: 34px;
                    text-align: left;
                    position: relative;
                    margin: 0 0 50px;
                    &:before {
                        background: url('../images/popup_arrow.png') no-repeat;
                        content: "";
                        display: block;
                        position: absolute;
                        top: 18px;
                        left: -25px;
                        width: 17px;
                        height: 50px;
                    }
                }
                .cpw__content {

                    p {

                        &:after {
                            display: block;
                            clear: both;
                            content: "";
                        }
                        .callback-tel {
                            display: block;
                            float: left;
                            width: 65%;

                            input {
                                width: 100%;
                                box-sizing: border-box;
                                padding: 0 10px;
                                height: 40px;
                                border: 1px solid #DDD;
                                .br(5px);
                                background: transparent;
                                .placeholder;
                            }
                            .wpcf7-not-valid-tip {
                                color: #f00;
                                display: block;
                                font-size: 13px;
                                position: absolute;
                                text-align: center;
                                top: 45px;
                                width: 100%;
                            }
                        }
                        .wpcf7-submit {
                            font-family: 'Open Sans', sans-serif;
                            float: right;
                            width: 30%;
                            font-size: 16px;
                            border: none;
                            .br(5px);
                            background-color: #333;
                            color: #FFF;
                            height: 40px;
                            cursor: pointer;
                            min-width: 85px;
                            .transition(background-color, 0.15s, linear, 0s);
                            &:hover {
                                background-color: #f9ac1d;
                            }
                        }
                    }
                    .cpw__description {
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 100;
                        font-size: 14px;
                        margin: 15px 0 0;
                        line-height: 1.5;
                        color: #333;
                    }
                }
            }
        }
        /*Callback fixed*/
        .grecaptcha-badge{
            display: none;
        }
    }
}