@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700&subset=cyrillic,latin);

.form-order-tour div, .datepicker, .form-order-tour span, .form-order-tour p, .form-order-tour i, .form-order-tour b, .form-order-tour form, .form-order-tour label, .form-order-tour ol, .form-order-tour ul, .form-order-tour li, .datepicker tbody, .datepicker tfoot, .datepicker thead, .datepicker tr, .thanks-message, .thanks-message p, .thanks-message span{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}
b, strong{font-weight: bold;}
.form-order-tour input, .form-order-tour select, .form-order-tour textarea{font-size: 100%; margin: 0; vertical-align: middle;}
.form-order-tour input{line-height: normal; position: relative; top: 0; left: 0; z-index: 1;}
.form-order-tour select{text-transform: none;}
.form-order-tour input[type="submit"]{-webkit-appearance: button; cursor: pointer; padding: 0; margin: 0;}
.form-order-tour input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0; margin-right: 3px}
.form-order-tour input::-moz-focus-inner{border: 0; padding: 0;}
.form-order-tour textarea{overflow: auto; vertical-align: top; display: block; position: relative; top: 0; left: 0; z-index: 1;}
.form-order-tour input:focus::-webkit-input-placeholder{color: transparent !important;}
.form-order-tour input:focus:-moz-placeholder{color: transparent !important;}
.form-order-tour input:focus::-moz-placeholder{color: transparent !important;}
.form-order-tour input:focus:-ms-input-placeholder{color: transparent !important;}
.form-order-tour :focus{outline: 0;}
.datepicker table{border-collapse: separate; border-spacing: 0; padding: 0; outline: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.datepicker table *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.datepicker caption, .datepicker th, .datepicker td{font-weight: normal; border-collapse: separate; border-spacing: 0; margin: 0; padding: 0; outline: 0; vertical-align: middle;}
.clear{clear: both;}
.clear:before, .clear:after{content: ""; display: block; height: 0; visibility: hidden;}
.clear:after{clear: both;}
.fl{float: left;}
.fr{float: right;}
.anim{-webkit-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -ms-transition: all linear 0.15s; -o-transition: all linear 0.15s; transition: all linear 0.15s;}

input#lastname{display: none;}
.form-order-tour *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.form-order-tour {width: 600px; margin: 0 auto; padding: 15px; border: 1px solid #ccc; font: 400 16px 'Cuprum', Arial, sans-serif;}
.form-order-tour .errors{color: #f00; margin-bottom: 20px; text-align: center;}
.form-order-tour .requiredlist{display: block;}
.form-order-tour .requiredlist span{padding: 0 3px;}
.form-order-tour input[type="text"].styler.input-error{border-color: #f00 !important; box-shadow: 0 0 5px rgba(255,0,0,.7) !important}
.form-order-tour input[type="submit"]{width: 200px; margin: 0 auto 15px auto; display: block;}
.form-order-tour .item-block-input{position: relative; overflow: hidden;}
.form-order-tour .item-block-input input[type="text"]:focus{padding: 0px 9px 17px 9px; height: 50px;}
.form-order-tour .item-block-input label{cursor: text; z-index: 2; transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s; position: absolute; top: 0; bottom: 0; left: 0; padding: 7px; color: #888;}
.form-order-tour .item-block-input input[type="text"]:focus + label, .form-order-tour .item-block-input textarea:focus + label{z-index: 2; display: block !important; width: 200px; top: 100%; margin-top: -19px; padding: 5px 5px 0 5px; line-height: 1; font-size: 10px; text-transform: uppercase; background: #D2D7D3; color: #000; border-radius: 0 0 4px 4px;}
.form-order-tour .att-text{text-align: center; font-weight: 700;}
.form-order-tour .sep-block{height: 25px}
.form-order-tour .sep-block-group{height: 10px}
.form-order-tour .item-block-select label{vertical-align: middle;}
.form-order-tour .form-order-title-block{display: block; padding-bottom: 7px;}
.form-order-tour .star-validate{color: #E74C3C;}

.form-order-tour input[type="text"]#hotel:focus + label{width: 230px;}
.form-order-tour .item-block-input textarea:focus + label{width: 568px;}
.form-order-tour input[type="text"]#date-start:focus + label{width: 165px;}
.form-order-tour input[type="text"]#country:focus + label{width: 150px;}
.form-order-tour input[type="text"]#srok:focus + label{width: 220px;}
.form-order-tour input[type="text"]#price:focus + label{width: 280px;}
.form-order-tour .item-group input[type="text"]:focus + label{width: 280px;}

.form-order-tour textarea{width: 568px;}
.form-order-tour input[type="text"]{width: 200px;}
.form-order-tour .date-start{margin-left: 16px;}
.form-order-tour input[type="text"]#country{width: 150px;}
.form-order-tour input[type="text"]#date-start{width: 165px;}
.form-order-tour input[type="text"]#hotel{width: 230px;}
.form-order-tour input[type="text"]#srok{width: 220px;}
.form-order-tour input[type="text"]#price{width: 280px; margin-right: 9px;}
.form-order-tour .item-group input[type="text"]{width: 280px;}

.thanks-message{margin: 0 auto; color: #444; font: 400 16px 'Cuprum', sans-serif; border-radius: 6px; border: 2px solid #ccc; background: #fff; padding: 20px 15px;}
.thanks-message p span{display: block; font-weight: 700; font-size: 16px;}
.thanks-message .tm-first-title{font-weight: 700; font-size: 20px; margin-bottom: 5px;}
.thanks-message .tm-second-title{font-weight: 700; margin-bottom: 10px; font-size: 18px;}
.thanks-message .tm-small-title, .thanks-message .tm-comment{margin-bottom: 5px; font-weight: 700; font-size: 18px; color: #34495E;}
.thanks-message .parametr{margin-bottom: 5px;}
.thanks-message .last-parametr{margin-bottom: 7px;}


@media only screen and (max-width:991px)  {
    .form-order-tour {
        width: 100%;
        box-sizing: border-box;
    }
    .form-order-tour .block-line {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .form-order-tour .item-block-input {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-order-tour .date-start {
        margin-left: 0;
    }
    .form-order-tour input[type="text"]#country {
        width: 30%;
        margin: 30px 0;
    }
    .form-order-tour input[type="text"]#date-start {
        width: 30%;
        margin: 30px 0;
    }
    .form-order-tour .item-block-select {
        margin: 15px 0;
    }
    .form-order-tour .item-group {
        float: none;
        margin: 15px 0;
    }
    .form-order-tour textarea {
        width: 100%;
    }
}