@charset "UTF-8";

html {
    height: 100%;
    font-size: 62.5%;
}

body {
    background-color: #f5f5f5;
    color: #24292e;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    height: 100%;
    line-height: 1.42857143;
    margin: 0;
    position: relative;
}

body>* {
    font-size: 1.4rem;
}

/* @For Navbar with height=50px */
body {
    padding-top: 50px;
}

/* @Layout with sticked footer */
.page-wrapper {
    min-height: 100%;
    margin-bottom: -100px;
}

* html .page-wrapper {
    height: 100%;
}

.page-buffer {
    height: 100px;
}

.page-footer {
    height: 100px;
}

/* @Page header */
div.header {
    overflow: hidden;
    position: relative;
    color: #fff;
    padding: 20px 0px;
    margin: 0px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2) inset, 0px -3px 7px
        rgba(0, 0, 0, 0.2) inset;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c0d12+0,102f66+100 */
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(bottom, #000 0%, #777 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #000 0%, #777 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #000 0%, #777 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777',
        endColorstr='#000', GradientType=0); /* IE6-9 */
}

div.header h1, div.header .h1 {
    font-size: 24px;
    letter-spacing: -1px;
    margin: 0;
    margin-top: 10px;
    text-shadow: 4px 3px 0px #000, 9px 8px 0px rgba(0, 0, 0, 0.15);
}

@media ( min-width : 767px) {
    div.header h1, div.header .h1 {
        font-size: 42px;
    }
}

div.header p, div.header .h2 {
    font-size: 40px;
    font-weight: 200;
    line-height: 1.25;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
}

/* Форма поиска в шапке */
div.header form {
    margin-top: 15px;
}

div.header form button {
    
}

.header-menu {
    background-color: #ededed;
}

.header-menu a {
    color: #777;
    padding: 10px;
    text-decoration: none;
}

.header-menu a:hover {
    color: #333;
    text-decoration: none;
}

/* @Page subheader */
div.subheader {
    text-align: left;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px
        rgba(0, 0, 0, 0.075);
}

div.subheader h1, div.subheader .h1 {
    font-size000: 40px;
    margin: 0;
}

div.subheader p, div.subheader .h2 {
    font-size: 20px;
    font-weight: 300;
    margin: 10px 0 0 0;
    padding: 0 10px 0 10px;
}

div.subheader .navbar {
    display: none;
}

/* @Page body with main content */
.body {
    padding: 30px 0px;
}

.breadcrumbs {
    margin-bottom: 30px;
}

/* @Footer */
.footer {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.footer a {
    color: rgba(0, 0, 0, 0.5);
}

.footer .footer-top {
    background-color: #ededed;
    padding: 20px 0px;
}

.footer .footer-bottom {
    background-color: #f7f7f7;
    font-size: 11px;
    padding: 20px 0px;
}

.footer .copyright {
    padding-bottom: 10px;
}

.footer .powered {
    font-size: 11px;
    text-align: left;
}

@media screen and (min-width: 767px) {
    .footer .powered {
        text-align: right;
    }
}

.footer-menu a {
    color: #333;
    text-decoration: none;
}

.footer-menu a:hover {
    color: #777;
    text-decoration: underline;
}

/* @Список рейсов */
.tour-list-missed {
    color: #a94442;
}

/* @Bootstrap overrides */
.breadcrumb {
    background-color: #ffffff;
    margin-bottom: 0;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

table th {
    vertical-align: middle !important;
}

table td {
    vertical-align: middle !important;
}

.btn-group {
    margin: 0 !important;
    white-space: nowrap !important;
}

.input-group-addon, .input-group-btn {
    /*width: auto;*/
}

/* @todo УБРАТЬ - когда будет реализовано через виджет */
.search-form .search-form__date {
    min-width: 0;
}

.search-form .search-form__exchange-btn {
    transform: rotate(90deg);
}

.header-search-form .header-search-form__date {
    min-width: 0;
}

@media ( max-width : 767px) {
    .header-search-form .header-search-form__exchange-btn {
        transform: rotate(90deg);
    }
}

@media ( min-width : 768px) {
    .header-search-form .header-search-form__date {
        text-align: center;
    }
}

/* for intlTelInput */
.form .form-group .iti {
    display: block;
}

.form-inline .form-group .iti {
    display: inline-block;
}

.form-group .iti .iti__selected-dial-code {
    font-size: inherit;
}