article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*ol, ul { list-style: none; }*/

.main .container li,
.main .container dd,
.main .container dt {
    margin-left: 20px;
    margin-bottom: 10px; }
.main .container li a { color: #384b59; }
li { color: #384b59; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
.img-text_block img { border: 0; max-width: 100%; }

a img {
    border:0 none;
}

.clear, .soc-login::after, .soc-login::before, .reg::after, .reg::before, .links::after, .links::before, .soc::after, .soc::before, footer section::before, footer section::after, .security::before, .security::after {
    clear:both;
    font-size:0;
    height:0;
    overflow:hidden;
    content: " ";
    display: block;
}




#payformwidget {
    -ms-zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
}

.waitforload { display: none; }

header { padding: 15px 0px; }
.mb { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.ml, .text-page .ml, .search-page .ml, .feedback-page .ml { margin-left: 10px; }

p { font: 17px/22px 'Roboto', sans-serif; color: #384b59; }
p a { color: #384b59; }
.a-link { color: #ff2311; text-decoration: underline; }
.important p { color: #FFF !important; font: 300 17px/22px "Roboto"; }
.mainwarning p { font-size: 102%; }


h1 { font: 400 23px/30px 'Roboto', sans-serif; color: #000; margin-bottom: 40px; }
h2 { font: 1.2em/1.0em 'Roboto', sans-serif; color: #000; margin-bottom: 16px; padding-left: 20px; }
h3 { font: 1.2em/1.0em 'Roboto', sans-serif; color: #000; margin-bottom: 20px; padding-left: 10px; }
h4 { font: 0.8em/0.9em 'Roboto', sans-serif; color: #000; margin-bottom: 20px; padding-left: 10px; }

h2 a { text-decoration: none; color: #000; }

.logo { margin: 2px 0px 0px 40px; height: 69px; }

.dcjq-count, .dcjq-icon { display: none; }

.accordion { width: 280px; margin: 0px 20px 20px 0px; }

.accordion .level1 { color: #ffffff; display: table; width: 100%; font: 1.2em/1em 'Roboto'; position: relative; }
.accordion .level1 a.red { display: block; vertical-align: middle; padding: 0px 20px 0px 20px; height: 50px; color: #ffffff; font: lighter 0.8em/50px 'Roboto'; text-transform: uppercase;  text-decoration: none; background: #ff1300; position: relative; }
.accordion .level1 a.red:hover { background: #e11400; }
.accordion .level1 a.orange { display: block; vertical-align: middle; padding: 0px 20px 0px 20px; height: 50px; color: #ffffff; font: lighter 0.8em/50px 'Roboto'; text-transform: uppercase;  text-decoration: none; background: #ff7700; position: relative; }
.accordion .level1 a.orange:hover { background: #de7010; }

.accordion ins, .accordion .link ins, .big-ticket li ins { display: block; width: 30px; height: 10px; float: left; text-decoration: none; margin: 11px 0px 0px 20px; position: relative; z-index: 100; }
.big-ticket li ins { height: 22px !important; margin-left: 10px !important; }

.accordion .login { background: url(/dam/images/icons/nav-login.svg) left top no-repeat; height: 22px; top: 3px; left: -3px; }
.accordion .ticket { background: url(/dam/images/icons/nav-ticket.svg) left top no-repeat; height: 22px; top: 5px; left: -6px; }
.accordion .timetable { background: url(/dam/images/icons/nav-timetable.svg) left top no-repeat; height: 23px; top: 6px; left: -6px; }
.accordion .rates, .accordion .link .rates { background: url(/dam/images/icons/nav-rates.svg) left top no-repeat; height: 18px; top: 4px; left: -6px; }
.accordion .info { background: url(/dam/images/icons/nav-info.svg) left top no-repeat; height: 22px; top: 2px; left: -6px; }
.accordion .board { background: url(/dam/images/icons/nav-board.svg) left top no-repeat; height: 20px; top: 4px; left: -6px; }
.accordion .bus { background: url(/dam/images/icons/nav-bus.svg) left top no-repeat; height: 22px; top: 4px; left: -6px; }
.accordion .bus-grey { background: url(/dam/images/icons/nav-bus-grey.svg) left top no-repeat; height: 22px; top: 4px; left: -6px; }
.accordion .exit { background: url(/dam/images/icons/exit.svg) left top no-repeat; height: 22px; top: 5px; left: -3px; }
.accordion .item { background: url(/dam/images/icons/item.svg) left top no-repeat; height: 22px; top: 5px; left: -3px; }
.accordion .list { background: url(/dam/images/icons/list.svg) left top no-repeat; height: 30px; top: 5px; left: -3px; }
.accordion .present { background: url(/dam/images/icons/present.svg) left top no-repeat; height: 30px; top: 2px; left: -5px; width: 28px; }
.accordion .promo { background: url(/dam/images/icons/present.svg) left top no-repeat; height: 30px; top: 10px; width: 28px; }
.accordion .feedback { background: url(/dam/images/icons/feedback.svg) left top no-repeat; height: 30px; top: 2px; left: -8px; }
.accordion .diamond { background: url(/dam/images/icons/nav-diamond.svg) left top no-repeat; height: 22px; top: 5px; left: -8px; }

.date, .rate, .route, .time, .tickets { position: relative; left: -4px; }

.accordion .date, .date { background: url(/dam/images/icons/day.svg) left top no-repeat; height: 22px; top: 6px; }
.big-ticket li ins.date { top: 3px; }
.accordion .rate, .rate { background: url(/dam/images/icons/star.svg) left top no-repeat; height: 22px; top: 4px; }
.accordion .route, .route { background: url(/dam/images/icons/route.svg) left top no-repeat; height: 24px; top: 2px; }
.big-ticket li ins.route { top: 1px; height: 23px !important; }
.accordion .time, .time { background: url(/dam/images/icons/time.svg) left top no-repeat; height: 22px; top: 4px; }
.accordion .tickets, .tickets { background: url(/dam/images/icons/tickets.svg) left top no-repeat; height: 18px; top: 5px; }
.place, .big-ticket li ins.place { background: url(/dam/images/icons/place.svg) left top no-repeat; background-size: 22px 27px; width: 35px !important; height: 27px !important; top: 2px; margin-left: 5px !important; }


.accordion a.red::before, .accordion a.orange::before, .accordion div.orange::before, .accordion .wblock.link::before, .accordion .wblock::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
}

.link a { display:block; }

.accordion .wblock.level3.link::before { width: 8px; height: 15px; }

.accordion a.red::before, .accordion a.orange::before, .accordion div.orange::before { background-image: url(/dam/images/arrow-white.svg); }
.accordion a.red::before, .accordion a.orange::before, .accordion div.orange::before {
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    opacity: 0.7;
}
.accordion a.active.red::before, .accordion a.active.orange::before, .accordion div.active.orange::before, .accordion .wblock.active::before { opacity: 1; -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }

.accordion .wblock.link::before, .accordion .wblock::before {
    background-image: url(/dam/images/arrow-red.svg);
    opacity: 1;
}

.accordion .wblock.no-arrow::before { background: none; }

.accordion .wblock.level3.link::before {  background-image: url(/dam/images/arrow-red-right.svg);
    opacity: 1; }

.accordion .wblock.active.level3.link::before {  background-image: url(/dam/images/arrow-grey-right.svg);
    opacity: 1; }

.accordion .wblock::before { right: 20px; }

.accordion .red.link::before, .accordion .wblock.link::before {
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    opacity: 0.7;
}

.accordion .wblock.level3.link::before {  background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }


.accordion .wblock::before {
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    opacity: 0.7;
}

.calendar-height { height: 280px !important; }

.accordion .level2 { color: #999ea7; font: 1em/1em 'Roboto'; text-transform: uppercase; }
/*.accordion .level2:last-child, .accordion .level3:last-child { margin-bottom: 10px; }*/ /* Полоска в выборе меню */

.accordion .wblock.level3::before, .accordion .wblock.total::before { background-image: none; }

.wblock { display: block; margin: 0px 0px 1px 0px; padding: 0px; color: #999ea7; font: 17px/2.9em 'Roboto'; background: #fff; height: 50px; vertical-align: middle; width: 276px; text-decoration: none; position: relative; text-transform: none; border: 2px solid #fff; }
.wblock.fare { height: auto; }
.wblock.routelist { height: 50px; }
.wblock:hover { border: 2px solid #1fa2ff; }
.wblock span, .wblock a { padding-left: 20px; color: #384b59; text-decoration: none; }
.wblock .fareinfo { padding: 0px 20px 20px 20px;; color: #384b59; text-decoration: none; font-size: 10px; height: auto; line-height: 16px; clear: none; vertical-align: bottom; width: 236px; display: inline-block; text-align: justify; }
.wblock .routeinfo { line-height: 25px; display: inline-block; }
.wblock.level3:hover { cursor: pointer; }
.wblock.calendar:hover { border: 2px solid #fff; }
.wblock.exit { color: #384b59; }
.order_fare_text {  position:  relative; line-height: 1.2; top:  50%; transform: translateY(-50%); max-height: 2.5em; overflow:  hidden; padding: 0.2em 36px 0.2em 0; }

.wblock .l20 { margin-left: 20px; cursor: pointer; }

.links a { display: block; float: left; text-align: center; background: #fff; text-decoration: none; position: relative; height: 50px; margin-left: 1px; padding: 0px !important; text-decoration: none; text-transform: uppercase; color: #384b59; font: 0.7em/3.7em 'Roboto'; width: 139px; }
.links a:first-child { margin-left: 0px; width: 140px; }

.accordion a.active.red { margin-bottom: 1px; }

.accordion .number {
    background: #999ea7;
    color: #ffffff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    font-size: 22pt;
    left: -10px;
}

.accordion .filled .number { background-color: #606060; }
.accordion .filled a { color: #606060; }

.soc-login a { width: 92px; }
.soc-login a:first-child { width: 93px; }
.soc-login a::before, .soc a::before { display: block; content: ''; position: absolute; }
.soc-login a.fb::before, .fb::before { background: url(/dam/images/facebook.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px; }
.soc-login a.vk::before, .vk::before { background: url(/dam/images/vk.png) left top no-repeat;  width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px;  }
.soc-login a.inst::before, .inst::before { background: url(/dam/images/instagram.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px; }
.soc-login a.twi::before, .twi::before { background: url(/dam/images/tvitter.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px;  }
.soc-login a.tg::before, .tg::before { background: url(/dam/images/telegram.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px; }
.soc-login a.google::before, .google::before { background: url(/dam/images/google.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px; }
.soc-login a.ya::before, .ya::before { background: url(/dam/images/yaid.png) left top no-repeat; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 2px; background-size: 48px; background-position: 0px 4px; }

.wblock.active { color: #384b59; }

.nb { width: 100%; height: 50px; text-align: center; text-transform: uppercase; font: 300 0.8em/3.1em 'Roboto'; display: block; color: #fff; border: 0px; }
.grey-nb { background: #999ea7; }
.nb.grey-nb { margin-top: 10px; }
.accordion .nb { line-height: 25px !important; height: auto; }
.accordion .form-login .nb { padding: 5px 0px 5px 0px; }

.accordion .level1:not(.dcjq-parent-li) ul { display: none }

.reg a { display: block; float: left; width: 50%; height: 50px; text-align: center; background: #fff; color: #384b59; font: 1em/2.9em 'Roboto'; text-transform: uppercase; text-decoration: none; padding: 0px; }


#historyList input { height: 48px; }
.myDataInputs input[type="text"], .myDataInputs input[type="date"], .myDataInputs input[type="number"], .myDataInputs input[type="password"] { display: block; height: 48px; padding: 0px 20px 0px 20px; border: 0px solid #fff; color: #384b59; font: 0.9em/1em 'Roboto'; background: #fff; border: 2px solid #fff; margin-bottom: 1px; width: 256px; position: relative; }
input.in-icon[type="text"], input.in-icon[type="date"], input.in-icon[type="number"], input.in-icon[type="password"] { padding: 0px 20px 0px 50px; width: 226px; }
input.in-icon.loginInput[type="text"], input.in-icon.loginInput[type="date"], input.in-icon.loginInput[type="number"], input.in-icon.loginInput[type="password"] { width: 206px; }

input[type="text"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="password"]:focus { color: #384b59;  border: 2px solid #00A3F8; }
.main input[type="text"]:focus, .main input[type="date"]:focus, .main input[type="number"]:focus, .main input[type="password"]:focus { color: #384b59;  border: 2px solid #00A3F8; }
input[type="text"].name { background: #fff url(/dam/images/icons/login.svg) 13px 10px no-repeat; background-size: 26px 26px; }
input[type="password"].password { background: #fff url(/dam/images/icons/password.svg) 14px 7px no-repeat; background-size: 23px 28px; }
input[type="text"].promocode { background: #fff url(/dam/images/icons/present.svg) 10px 10px no-repeat; background-size: 28px 28px; }
input[type="text"].er, input[type="password"].er, .er  { border: 2px solid #ff7700; margin-bottom: 0px; height: 50px; }
.er input { height: 47px; }

input[type="submit"], .submit { width: 100%; height: 50px; text-align: center; text-transform: uppercase; font: 400 15px/2.6em 'Roboto'; display: block; color: #fff; background: #ff1300; border: 0px; cursor: pointer; }
input[type="submit"]:active, .submit:active { background: #e11400; }
#orderGo { background: #39aa00; }
#bus_orderGo { background: #39aa00; }
#tabloSearch { background: #39aa00; }
input[type="submit"]:disabled { background: #999ea7 !important; }
#orderGo:disabled { background: #ff7700 !important; }
#bus_orderGo:disabled { background: #ff7700 !important;}
#tabloSearch:disabled { background: #ff7700 !important; }
#tabloSearch.reset { background: #ff7700 !important; }

button:disabled { background: #999ea7 !important;}

input::placeholder,
textarea::placeholder {
color:   #999da7 !important;
opacity: 0.5;
}

input[type="text"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; }

input[type="text"].clearable, input[type="password"].clearable {
    background: #FFF url(/dam/images/delete.svg)  no-repeat right -14px center; background-size: 14px 14px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}
input[type="text"].clearable.x, input[type="password"].clearable.x, .main input[type="text"].clearable.x, .main input[type="password"].clearable.x  { background-position: right 15px center; }
input[type="text"].clearable.onX, input[type="password"].clearable.onX, .main input[type="text"].clearable.onX, .main input[type="password"].clearable.onX { cursor: pointer; }
input[type="text"].clearable::-ms-clear, input[type="password"].clearable::-ms-clear, .main input[type="text"].clearable::-ms-clear, .main input[type="password"].clearable::-ms-clear {display: none; width:0; height:0;}

.showable {
    background: #FFF url(/dam/images/eye.png) no-repeat  top 17px center;
    background-size: 14px 14px;
    position:  absolute;
    height: 42px;
    width: 30px;
    top: 2px;
    right: 2px;
    cursor:  pointer;
}


.input { position: relative; }
.input ins { text-decoration: none; display: block; width: 26px; height: 26px; position: absolute; top: 15px; left: 13px; z-index: 1; margin: 0px; }
.input ins.name { background: url(/dam/images/icons/login.svg) 0px 0px no-repeat; background-size: 26px 26px; }
.input ins.password { background: url("/dam/images/icons/password.svg") no-repeat scroll 0px 0px / 23px 28px; height: 28px; top: 10px; }
.input ins.pass-pass { background: url("/dam/images/icons/pass-pass.svg") no-repeat scroll 0px 0px / 31px 28px; height: 28px; top: 11px; width: 31px; }
.input ins.mobile { background: url(/dam/images/icons/mobile.svg) 0px 0px no-repeat; background-size: 20px 31px; height: 31px; width: 20px; top: 10px; left: 15px; }

input[type="text"]:disabled, input[type="date"]:disabled, input[type="number"]:disabled, .main input[type="text"]:disabled { background: #f4f5f6; /*border: 2px solid #f4f5f6;*/ color: #96a0a7; }







/* cutom phome select */

.cusPhoneSelect, .cusPhoneSelectProfile {
    position: relative;
    display: block;
}

.cusSelTPL {
    position: relative;
    display: -webkit-flex;
    display:         flex;
    height: 52px;
    margin-bottom: 20px;
    border: 2px solid #000;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    border-radius: 10px;
}

.cusSelTPL.focus,
.cusSelTPL.selShow,
.cusSelTPL .selWrap { border-color: #00A3F8; }

.cusSelTPL .tplInput {
    position: relative;
    display: block;
    width: 0;
    -webkit-flex-grow: 1;
    flex-grow:         1;
}

.cusSelTPL .tplInput input {
    position: absolute;
    display: block;
    width:  100%;
    height: 100%;
    border: none !important;
    line-height: 50px;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

.cusPhoneSelect .rFlag, .cusPhoneSelectProfile .rFlag {
    position: absolute;
    display: block;
    width:  20px;
    height: 14px;
    /*background: #f00;*/
}

.cusSelTPL .tplFlag {
    display: block;
    cursor: pointer;
    z-index: 1;
}

.cusSelTPL .tplFlag .cCode {
    display: block;
    padding-left: 50px;
    padding-right: 5px;
    height: 100%;
    line-height: 48px;
}

.cusSelTPL .tplFlag .rFlag {
    top:  18px;
    left: 14px;
    background-size: 20px 14px;
}


.cusSelTPL .tplFlag .disabled {
    background: #f4f5f6;
    color: #96a0a7;
}


.cusSelTPL .selWrap {
    position: absolute;
    display: none;
    border-width: 0 2px 2px 2px;
    border-style: solid;
    top:   48px;
    left:  -2px;
    right: -2px;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 216px;
}

.cusSelTPL.selShow .selWrap { display: block; }

.cusSelTPL.selShow .selWrap .selItem {
    position: relative;
    display: -webkit-flex;
    display:         flex;
    height: 52px;
    line-height: 52px;
    padding: 0 20px 0 50px;
}

.cusSelTPL.selShow .selWrap .selItem:hover,
.cusSelTPL.selShow .selWrap .selItem:active { background-color: rgba(0, 0, 0, 0.075); }

.cusSelTPL.selShow .selWrap .selItem .selIn {
    position: relative;
    display: block;
}

.cusSelTPL.selShow .selWrap .selItem .selIn.selCode { padding-right: 5px; }

.cusSelTPL.selShow .selWrap .selItem .selIn.selText {
    width: 0;
    -webkit-flex-grow: 1;
    flex-grow:         1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cusSelTPL.selShow .selWrap .selItem .selIn.selIco {
    position: absolute;
    top:  20px;
    left: 14px;
}

/* костыль для текста в левой меню */

.wblock .crutchtext {
    width: 200px;
    position: relative;
    display: block;
    line-height: 25px;
    top: 50%;
    max-height: 49px;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

/* end */


.schedulespec {
    position: absolute;
    transform: translateX(calc(-100% - 2.25em));
    color: #ff0000;
}

@media (max-width: 600px) {
    .schedulespec {
        position: absolute;
        transform: translateX(calc(-100% - 0.25em));
        color: #ff0000;
    }
}



/* Owl carousel */

.owlBanner {
    height: 100%;
    overflow: hidden;
}

.owlBanner .itemWrap {
    position: relative;
    display: block;
    overflow: hidden;
    height: 400px;
    text-decoration: none;
}

.owlBanner img {
    position: absolute;
    display: block;
    width:  100%;
    height: auto;
    min-height: 100%;
    top:  0;
    left: 0;
}

.owlBanner .itemWrap .textWrap {
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 35px 30px;
}

.owlBanner .owl-dots {
    position: absolute;
    bottom: 16px;
    left:   0;
    right:  0;
}

.columbs.owl-carousel.news-block .li { margin-bottom: 0 !important; }

.owlTriple { position: relative; }

@media (min-width: 600px) {
    .owlTriple .owl-dots {
        position: absolute;
        top:  -47px;
        right: 13px;
    }
}

/* end */









.error { background: #ff7700; text-transform: none !important; font: 300 0.9em/2.9em 'Roboto';  }

.banner { /*height: 400px;*/ display: block; background: #fff; margin: 0px 20px 38px 0px; position: relative; }

.banner p { font: 2.7em/1.3em 'Roboto'; width: 50%; color: #FFFFFF; }

.banner .item { width: 100%; position: relative; }
.banner span { color: #FFFFFF; font: 1.2em/1.3em 'Roboto'; width: 300px; display: table-cell; height: 146px; vertical-align: middle; }

button { border-radius: 10px; }
.button { background: #ff1300; color: #fff; text-align: center; height: 50px; border: 0px; padding: 0px 30px; font: 400 15px/1.2em 'Roboto'; cursor: pointer; text-transform: uppercase; }
.button:hover { background: #e11400; }
.button:active { background: #e11400; }


.red-blocks { overflow: hidden; }
.columbs .block { position: relative; width: 280px; margin: 0px 20px 40px 0px !important; display: block; vertical-align: top; float: left; }
.columbs-two .block, .two-columbs.block { position: relative; width: 398px; margin: 0px 20px 5px 0px !important; display: inline-block; vertical-align: top; }
.columbs-two .block .h, .two-columbs.block .h {  font: 400 20px/1.2em 'Roboto'; margin-bottom: 35px;  }



.columbs .red-banner { background: url(/dam/images/red-block.svg) left top no-repeat; background-size: 280px 120px; height: 120px; position: relative; }
.columbs .red-banner a { text-decoration: none; display: block; padding: 17px 20px 20px 20px; height: 70%; color: #fff; font: lighter 1.2em/1em 'Roboto'; }
.columbs .red-banner span { display: block; position: absolute; bottom: 20px; left: 20px; font: 500 30px/30px 'Roboto'; }
/*.columbs .red-banner::before { background: url(/dam/images/people-1.svg) right top no-repeat; background-size: 57px 80px; display: block; width: 57px; height: 80px; content: ""; position: absolute; right: 30px; top: 20px; }*/
.columbs .red-banner.tuda-suda::before { background: url(/dam/images/iconAERO-01.png) right top no-repeat; background-size: 57px 80px; display: block; width: 57px; height: 80px; content: ""; position: absolute; right: 30px; top: 20px; }
.columbs .red-banner.standard1::before { background: url(/dam/images/iconAERO-02.png) right top no-repeat; background-size: 57px 80px; display: block; width: 57px; height: 80px; content: ""; position: absolute; right: 30px; top: 20px; }
.columbs .red-banner.standard2::before { background: url(/dam/images/iconAERO-03.png) right top no-repeat; background-size: 57px 80px; display: block; width: 57px; height: 80px; content: ""; position: absolute; right: 30px; top: 20px; }


.columbs .li { height: 300px; background: #fff; }
.columbs.news-block .li { height: 348px; margin-bottom: 20px; }
.columbs.news-block .li img { height: 186px; }
.columbs.news-block .li .date { background: none;  font: 400 15px/19px 'Roboto'; position: relative; left: 0px; }
.columbs.news-block .li ins {  font: 300 17px/22px 'Roboto'; }

.news .news-block .li { margin: 20px 20px 0px 0px !important; }
.columbs .li a { text-decoration: none; display: block; height: 100%; }
.columbs .li a span { padding: 0px 20px 0px 20px; display: block; margin-bottom: 15px; font: 1.1em/1.2em 'Roboto'; color: #384a58; }
.columbs .li a ins { text-decoration: none; padding: 0px 20px 0px 20px; display: block; max-height: 70px; overflow: hidden; font: lighter 17px/22px 'Roboto'; color: #384a58; }
.columbs.news-block .li a ins { max-height: 90px; }
.columbs .li::before { width: 14px; height: 22px; content: ""; display: block; position: absolute; right: 20px; bottom: 0px; background-image: url(/dam/images/arrow-red.svg); background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }

.columbs .block img { display: block; width: 100%; height: 160px; margin: 0 auto 13px auto; background: #999ea7; border: 0px; }
.columbs .block img.icon { background: none; height: 120px; margin: 20px auto 13px auto; }

.footer-block p { font: 500 17px/1.2em 'Roboto'; color: #384a58; margin-bottom: 30px; }
.footer-block ul li { font: 300 17px/1.2em 'Roboto'; color: #384a58; margin-bottom: 15px; }
.footer-block ul li a, .footer-block p a { color: #384a58; text-decoration: none; }

.has-children { position: relative; }
.has-children .price { position: absolute; top: 17px; right: 20px; font: bold 1.2em/1em "Roboto"; color: #384b59; }

.wblock.total { text-align: center; color: #384b59; background: url(/dam/images/price-sm.svg) left top no-repeat; background-size: cover; height: 40px; border: 0px;  font: 600 1.3em/22px "Roboto"; width: 280px; padding-top: 15px; }
.wblock.total span { text-align: center; width: 100%; display: block; padding: 0px;  font: 600 1.5em/2.1em "Roboto"; }
.wblock.total .rub::before { top: 6px; }


footer { display: block; position: relative; padding: 0px 0px 50px 0px; }
footer p a { text-decoration: none; color: #384b59; }
footer p { font: lighter 17px/1em "Roboto",sans-serif; }
footer p.copy { float: right; }
footer section { margin-bottom: 60px; }

.soc { float: left; }
.soc a {  display: block; float: left; text-align: center; background: #fff; text-decoration: none; position: relative; height: 50px; padding: 0px !important; margin-left: 1px; text-decoration: none; text-transform: uppercase; color: #384b59; font: 0.9em/3.5em 'Roboto'; width: 90px;  }


.icon-flex li { list-style-type: none; display: block; }
.icon-flex li a, .icon-flex li span { text-decoration: none; display: block; margin-bottom: 30px; }
.icon-flex li a.item { background: url(/dam/images/icons/item.svg) left top no-repeat; background-size: 22px 30px; width: 24px; height: 30px; margin-top: 3px; display: none; }
.icon-flex li a.phone { background: url(/dam/images/icons/phone.svg) left top no-repeat; background-size: 24px 24px; width: 24px; height: 24px; }
.icon-flex li a.phone.active, .icon-flex li a.phone:hover { background: url(/dam/images/icons/phone-active.svg) left top no-repeat; background-size: 24px 24px; }
.icon-flex li a.message { background: url(/dam/images/icons/message.svg) left top no-repeat; background-size: 30px 28px; width: 30px; height: 28px; left: -3px; margin-bottom: 25px; }
.icon-flex li a.message.active, .icon-flex li a.message:hover { background: url(/dam/images/icons/message-active.svg) left top no-repeat; background-size: 30px 28px; }
.icon-flex li a.search { background: url(/dam/images/icons/search.svg) left top no-repeat; background-size: 29px 30px; width: 30px; height: 30px; margin-bottom: 50px; }
.icon-flex li a.search.active, .icon-flex li a.search:hover { background: url(/dam/images/icons/search-active.svg) left top no-repeat; background-size: 29px 30px; width: 30px; height: 30px; margin-bottom: 50px; }
.icon-flex li a.eye { background: url(/dam/images/icons/eyes.svg) left top no-repeat; background-size: 45px 40px;  width: 45px; height: 40px; position: relative; left: -7px; margin-top: 45px; }
.icon-flex li a.mobile { background: url(/dam/images/icons/mobile.svg) left top no-repeat; background-size: 45px 40px;  width: 45px; height: 40px; position: relative; left: -7px; margin-top: 45px; }
.icon-flex li .lang {
    color: #384b59;
    font: 300 1em/1.2em "Roboto";
    margin-bottom: 32px;
    right: 23px;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}
.icon-flex li.chinese a.lang { text-indent: -9999px; background: url(/dam/images/chinese.svg) left 2px no-repeat; background-size: 33px 14px; width: 33px; height: 16px; }
.icon-flex li .lang.active {  color: #ff1300; }
.icon-flex .showHideContent { display: none; }

#showHideContent {
    border-bottom: 12px double #ff1300;
    border-top: 4px solid #ff1300;
    content: "";
    display: block;
    height: 4px;
    width: 33px;
}


.footer-block { margin-top: 100px; }

.left { width: 580px; background: #fff; position: relative; margin-right: 17px; display: inline-block; vertical-align: top; }
.right { width: 280px; position: relative; display: inline-block; vertical-align: top; }

.big-ticket { background: #fff; padding: 20px; position: relative; margin-top: 10px; }
.big-ticket span { display: block; text-align: center; }
.big-ticket .number { margin-bottom: 20px; font: 500 1.1em/1.1em 'Roboto'; }
.big-ticket .price { font: 600 30px/1.1em 'Roboto'; color: #394b59; }
.big-ticket .price.red { color: #ff2311; }

.right ul { display: block; border-top: 1px solid #dbdde0; margin-bottom: 20px; }
.right ul li { border-bottom: 1px solid #dbdde0; height: 50px; display: table; vertical-align: middle; width: 100%; font: 300 17px/1.2em 'Roboto'; color: #384b59; }
.right ul li span { display: table-cell; vertical-align: middle; width: 100%; text-align: left; }


.tabs section {
    display: none;
    padding: 96px 20px 20px 20px;
    background: #fff;
}
.tabs .in-tab {
    display: none;
}

.pay .tabs section { padding: 26px 20px 20px 20px; }

/* Tabs new custom */

.tabs label.tab {
    display: block;
    float: left;
    color: #cbced2;
    font: 400 17px/22px 'Roboto';
    margin: 0 0 -1px;
    padding: 14px 0;
    width: 100%;
    /*width: 33.1%;*/
    text-align: center;
    border-left: 1px solid #cbced2;
    border-bottom: 1px solid #cbced2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

.tabs label.tab:nth-last-child(5),
.tabs label.tab:nth-last-child(5) ~ .tab { width: 50%; }

.tabs label.tab:nth-last-child(8)        { width: 33.4%; }
.tabs label.tab:nth-last-child(8) ~ .tab { width: 33.3%; }

.tabs label.tab:nth-last-child(11),
.tabs label.tab:nth-last-child(11) ~ .tab { width: 25%; }

.tabs label.tab:nth-child(2) { border-left-width: 0; }


.tabs-tabs label.tab { color: #384b59; background: #e0e1e4; border-left: 1px solid #fff; border-bottom: 0px; position: relative; text-align: left; padding: 14px 0px 14px 50px; }
.tabs-tabs.no-icons label.tab { text-align: center; padding: 14px 0px; }
.tabs-tabs label.tab:hover { background: #ccced3; color: #384b59 !important; }

.tabs label.tab:hover {
    color: #888;
    cursor: pointer;
}

.tabs input:checked + label.tab {
    color: #384b59;
    border-bottom: 1px solid #fff;
    background: #fff;
    cursor: auto;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
    display: block;
}

.tabs h3 { width: 75%; }

.main input[type="text"], .main input[type="date"], .main input[type="number"], .main input[type="password"] { border: 2px solid #000; margin-bottom: 20px; font: 400 17px/22px 'Roboto'; color: #384b59; border-radius: 10px }
.main input.error[type="text"], .main input.error[type="date"], .main input.error[type="error"], .main input.error[type="password"] { border: 2px solid #ff7700; }
.main select { border: 2px solid #000; border-radius: 10px; background: #fff; height: 50px; display: inline-block; width: 77px; padding: 0px 30px 0px 15px; -webkit-appearance: none;  -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important;
    background-image: url("/dam/images/arrow-red-bt.svg"); background-size: 15px 8px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    margin: 0px 20px 20px 0px; vertical-align: top;  font: 17px/22px 'Roboto'; color: #c9cad0;
}

.main select:disabled { background: #f4f5f6; border: 2px solid #f4f5f6; color: #96a0a7; }

.main select.in-icon { padding-left: 45px; }
.main select:not(*:root) { color: #999da7; }
.main select.n { color: #d1cfd0; /*border-color: #ff7700;*/ }
.main select.y { color: #000; }
.main select option { font: 17px/22px 'Roboto'; }

.main select.in-icon { padding-left: 45px; }

.main textarea { border-radius: 10px; padding: 20px  }

.main .feedback-select { border: 2px solid #e2e3e6; border-radius: 10px; background: #fff; height: 50px; display: inline-block; padding: 0px 0px 0px 15px; -webkit-appearance: none;  -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important;
    position: relative;
    background-position: right 10px center;
    background-repeat: no-repeat;
    margin: 20px 20px 0px 0px; vertical-align: top;  font: 17px/22px 'Roboto'; color: #c9cad0;
    max-width: 540px;
    color: #384b59;
    line-height: 50px;
    cursor: pointer;
    overflow: hidden;
}

.feedback-select:before, .cusSelect .cusSelectFakeInput:before {
    content: "";
    display: block;
    background-image: url(/dam/images/arrow-red-bt.svg);
    background-size: 18px 11px;
    height: 11px;
    width: 18px;
    position: absolute;
    top: 20px;
    right: 15px;
}

.feedback-select.active:before, .cusSelect.active .cusSelectFakeInput:before {
    transform: rotate(180deg);
}


.main .feedback-select.red { border-color: #ff7700; }


option { color: #384b59; }

.main .input.disabled ins { opacity: 0.6; }
.main select::-ms-expan { display: none; }

.buttons .fileform { text-transform: uppercase; }
.buttons .fileform .selectbutton { font: 300 15px/22px 'Roboto'; padding: 13px 0px 0px 0px; text-align: center; }

.fileform {
    background: #e0e1e4 url/dam/images/icons/att.svg) 15px 13px no-repeat; background-size: 25px 22px;
    border: 0px solid #CCCCCC;
    border-radius: 0px;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}

.fileform:hover {  background: #ccced3 url(/dam/images/icons/att.svg) 15px 13px no-repeat; background-size: 25px 22px; cursor: pointer; }

.fileform .selectbutton {
    background-color: transparent;
    color: #384b59;
    overflow: hidden;
    vertical-align: middle;
    font: 400 15px/22px 'Roboto';
    padding: 13px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}

.fileform #upload{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 150px;
    height: 50px;
    z-index:20;
}

.rus-flag { background: url(/dam/images/flags/rus.svg) left top no-repeat; width: 22px; height: 15px; }


.grey-btn { height: 50px; text-align: center; text-transform: none; font: 300 15px/50px 'Roboto'; text-transform: uppercase; /* font: 300 1.1em/2.4em 'Roboto'; */ display: block; color: #384b59; border: 0px; background: #e0e1e4; padding: 0px 60px; cursor: pointer; text-decoration: none; position: relative; }
.grey-btn:hover { background-color: #ccced3; }
.fun-btn { height: 50px; text-align: center; text-transform: none; font: 300 15px/50px 'Roboto'; text-transform: uppercase; /* font: 300 1.1em/2.4em 'Roboto'; */ display: block; color: #FFF; border: 0px; background: #ff7700; padding: 0px 60px; cursor: pointer; text-decoration: none; position: relative; }
.fun-btn:hover { background-color: #de6b06; }
.active-btn { height: 50px; text-align: left; text-transform: none; font: 300 15px/50px 'Roboto'; text-transform: uppercase; /* font: 300 1.1em/2.4em 'Roboto'; */ display: block; color: #fff; border: 0px; background: #ff1300 url(/dam/images/icons/nav-ticket.svg) 13px 8px no-repeat; background-size: 30px 30px; padding: 0px 60px; cursor: pointer; text-decoration: none; margin-bottom: 20px; }
.active-btn:hover { background-color: #e11400; }
.present { background-image: url(/dam/images/icons/present.svg); background-repeat: no-repeat; background-position: 20px 10px; background-size: 28px 28px; }
.print { background-image: url(/dam/images/icons/print.svg); background-repeat: no-repeat; background-position: 15px 10px; background-size: 34px 31px; }
.change { background-image: url(/dam/images/icons/change.svg); background-repeat: no-repeat; background-position: 15px 10px; background-size: 27px 29px; margin-bottom: 20px; text-align: left; }
.cancel { background-image: url(/dam/images/icons/close-btn.svg); background-repeat: no-repeat; background-position: 13px 10px; background-size: 30px 30px; margin-bottom: 20px; text-align: left; }
.mobile {  background-image: url(/dam/images/icons/mobile.svg); background-repeat: no-repeat; background-position: 22px 8px; background-size: 20px 31px;  }
.name {  background-image: url(/dam/images/icons/login.svg); background-repeat: no-repeat; background-position: 20px 12px; background-size: 26px 26px;  }
.fly {  background-image: url(/dam/images/icons/Fly.svg); background-repeat: no-repeat; background-position: 0px 0px; background-size: 28px 30px; width: 28px !important;  }
.input .fly { height: 30px; top: 10px; left: 10px; }


.table { margin-top: 40px; width: 100%; }
.table td { padding: 0px 10px; height: 50px; vertical-align: middle; font: 400 1.1em/1.1em 'Roboto'; color: #384b59; }
.table tr { border-top: 1px solid #ebeced; border-bottom: 1px solid #ebeced;  }

.b-text {  font: 600 30px/1.1em 'Roboto'; }
.bold-text {  font: 600 1.1em/1.1em 'Roboto'; }

.buttons { margin-top: 40px; overflow: hidden; }
.buttons button { display: inline-block; text-align: center; width: 259px; }
.buttons button::before { display: block; position: absolute; top: 13px; content: ' '; width: 25px; height: 22px; }
.buttons button.prev-step::before { background: url(/dam/images/arrow-grey.svg) 0px 0px no-repeat; background-size: 25px 22px; left: 10px; }
.buttons button.grey-step {  background: #e0e1e4; color: #384b59; }
.buttons button.next-step { background: #ff1300; margin-left: 20px; float: right; }
.buttons button.next-step:hover { background: #e11400; }
.buttons button.next-step::before { background: url(/dam/images/arrow-white-right.svg) 0px 0px no-repeat; background-size: 25px 22px; right: 10px; }
.buttons button.next-step.yes::before { background: url(/dam/images/icons/nav-ticket.svg) 0px 0px no-repeat; background-size: 25px 25px; right: 10px; height: 25px; }


.reg-page .buttons .dark-grey-btn { padding: 0px; color: #cbced2; }


.radio {
    height: 24px;
    margin: 0 13px 0 0;
    vertical-align: top;
    width: 24px;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    opacity: 0;
    position: absolute;
}
.radio:not(checked) + label {
    padding: 0 0 0 40px;
    position: relative;
    font: 400 1.1em/1.2em 'Roboto'; color: #384b59;
    display: block;
}
.radio:not(checked) + label a { color: #384b59; }
.radio:not(checked) + label::before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #999ea7;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 24px;
}
.radio:not(checked) + label::after {
    background: #384b59 none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
    content: "";
    height: 12px;
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transition: all 0.2s ease 0s;
    width: 12px;
}
.radio:checked + label::after {
    opacity: 1;
}

.ticket-bottom { display: block; text-decoration: none; height: 10px; position: absolute; bottom: -10px; left: 0px; width: 280px; background: url(/dam/images/price.svg) center bottom no-repeat; }
.ticket-top { display: block; text-decoration: none; height: 10px; position: absolute; top: -5px; left: 0px; width: 280px; background: url(/dam/images/price.svg) center bottom no-repeat;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }


.payments { padding-left: 10px; }
.payments li { height: 50px; }
.payments li img { margin-left: 20px; position: relative; }

.maestro, .mastercard { top: 5px; }
.mts { top: -6px; }
.paypal { top: 4px; }
.tele { top: -5px; }

.security { margin-left: 20px; }
.security p { font: 300 0.9em/1.4em 'Roboto'; float: left; background: url(/dam/images/security.svg) left top no-repeat; padding: 0px 0px 10px 60px; width: 50%; }
.security img { margin-left: 20px; }
.security div { float: right; margin-top: 10px; }

.card { position: relative; width: 540px; height: 290px; margin-bottom: 20px; background: url(/dam/images/card.svg) left top no-repeat; background-size: 540px 290px; }
.card p span { color: #fff; text-transform: uppercase; font: 300 0.9em/1.4em 'Roboto'; display: block; margin-bottom: 3px; }
.card p span ins { text-decoration: none; color: #fff; text-transform: none; }
.card p.number-card { left: 22px; top: 15px; position: absolute; }
.card p.month-card { left: 22px; top: 105px; position: absolute; }
.card p.code-card { left: 410px; top: 105px; position: absolute; }
.card p.year-card { left: 96px; top: 105px; position: absolute; }
.card p.name-card { left: 22px; top: 190px; position: absolute; }
.card p.month-card input { width: 45px; }
.card p input[type="text"] { border: 0px solid #fff; background: transparent; padding-left: 20px; font: 1em/1em "Roboto"; height: 49px; }
.card p input[type="text"]:focus { border: 2px solid #1fa1ff; }

.all-white { background: #fff; margin-right: 20px; }
.all-white h3 { padding-left: 0px; }
.thankyou li { margin-bottom: 40px; }
.thankyou li p { font: 400 20px/1em "Roboto"; margin-bottom: 25px; text-align: left; }
.thankyou li div span { font: 300 17px/22px "Roboto"; width: 350px; display: block; vertical-align: top; margin-bottom: 40px; text-align: left; }
.thankyou li div { display: inline-block; vertical-align: top; width: 49%; text-align: center; }

.les8_ex2, .les8_ex3 { display: none; }

.text-page { padding: 45px 30px 20px 20px; }

.tab-t th {  font: 300 1em/1em "Roboto"; }
.tab-t tr { cursor: pointer; }
.tab-t tr:hover td { background: #ff1300; color: #fff; }
.tab-t th:last-child, .tab-t th:nth-child(6) { font-weight: 600; }
.tab-t th, .tab-t td { color: #384b59; height: 49px; border-bottom: 1px solid #ebeced; vertical-align: middle; text-align: center; padding: 0px 15px; }
.tab-t tr td:last-child, .tab-t tr td:nth-child(6) { font: 600 1.2em/1em "Roboto"; }
.tab-t tr td:nth-child(1), .tab-t tr td:nth-child(5), .tab-t tr td:nth-child(9) { width: 70px; }
.tab-t td { color: #384b59;  font: 300 1.2em/1em "Roboto"; }
.tab-t tr:last-child td { border-bottom: 0px; }


.tab-tab th {  font: 400 17px/1em "Roboto"; text-align: left !important; }
.tab-tab tr { cursor: pointer; }
.tab-tab tr:hover td { background: #ff1300; color: #fff; }
.tab-tab th, .tab-tab td { color: #384b59; height: 49px; border-bottom: 1px solid #ebeced; vertical-align: middle; text-align: center; padding: 0px 15px; }
.tab-tab td { color: #384b59;  font: 300 17px/1em "Roboto"; text-align: left; }
.tab-tab tr:last-child td { border-bottom: 0px; }

.red-tab, .black-tab {
    position: relative;
    display: table;
    border-collapse: separate;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-spacing: 0;
    max-width: 100%;
    margin-bottom: 20px;
}

.red-tab,   .red-tab td,   .red-tab th   { border-color: #db4d49; text-align: center; }
.black-tab, .black-tab td, .black-tab th { border-color: #000000; text-align: center; }

.red-tab td,   .red-tab th,
.black-tab td, .black-tab th {
    border-width: 0 1px 1px 0;
    border-style: solid;
    padding: 8px;
}
.red-tab th { border-bottom-width: 2px; }

.red-tab   tr:nth-child(even) { background-color: #f9d4d3; }
.black-tab tr:nth-child(even) { background-color: #ffffff; }


.buy li { list-style-type: none; position: relative; border-bottom: 1px solid #ebeced; padding: 0px 0px 25px 0px; margin-bottom: 25px;  font: 300 1.1em/1.3em "Roboto"; }
.buy li:first-child { padding-top: 0px; }
.buy li:last-child { border-bottom: 0px; margin-bottom: 0px; }
.buy li .h {  font: 1.5em/1.3em 'Roboto', sans-serif; color: #384a58; margin-bottom: 20px; width: 60%; }
.buy li span { display: block; color: #384b59; padding-left: 50px; width: 60%; padding-bottom: 25px; }
.buy li:last-child span { padding-bottom: 0px; }
.buy li span.sm { color: #999ea7; font: italic 300 1em/1.3em "Roboto";  }
.info { background: url(/dam/images/icons/info.svg) 2px top no-repeat; background-size: 26px 26px; }
.buy li ins { text-decoration: none; }
.buy li div { position: absolute; right: 0px; top: 0px; text-align: right; vertical-align: top; }
.buy li .price { font: 600 1.8em/1.1em "Roboto"; margin-bottom: 25px; display: block; color: #384b59; }
.buy li .present { background-position: left top; }
.buy li .question { color: #999ea7; font: 300 1em/1.3em "Roboto";  }

.question { background: url(/dam/images/icons/question.svg) left top no-repeat; background-size: 26px 26px; }
.red-button { text-decoration: none; display: inline-block; text-transform: uppercase; text-align: center; vertical-align: middle; color: #fff; font: 300 0.9em/3.5em "Roboto"; height: 50px; background: #ff1300; padding: 0px 35px; cursor: pointer; }
.list { background: url(/dam/images/icons/list.svg) left top no-repeat; background-size: 29px 30px; }
.mail { background: url(/dam/images/icons/message-grey.svg) left top no-repeat; background-size: 31px 20px; }
.wc { background: url(/dam/images/icons/wc.svg) left top no-repeat; background-size: 24px 26px; }
.cake { background: url(/dam/images/icons/cake.svg) left top no-repeat; background-size: 34px 32px; }
.flag { background: url(/dam/images/icons/flag.svg) left top no-repeat; background-size: 27px 30px; }
.plane { background: url(/dam/images/icons/plane.svg) left top no-repeat; background-size: 23px 19px; }
.children { background: url(/dam/images/icons/children.svg) left top no-repeat; background-size: 25px 25px; }
.family { background: url(/dam/images/icons/family.svg) left top no-repeat; background-size: 25px 25px; }
.work { background: url(/dam/images/icons/work.svg) left top no-repeat; background-size: 25px 25px; }
.age { background: url(/dam/images/icons/age.svg) left top no-repeat; background-size: 25px 25px; }
.att { background: url(/dam/images/icons/att.svg) left top no-repeat; background-size: 25px 22px; display: inline-block; width: 25px; height: 22px; }
.clean, .back { background: #e0e1e4; display: inline-block; width: 50px; height: 50px; margin-left: 20px; position: relative; }
.clean::before { width: 22px; height: 32px; position: absolute; content: ' '; display: block; background: url(/dam/images/icons/clean.svg) 0px 0px no-repeat;  background-size: 23px 32px; left: 14px; top: 8px; }
.clean:hover, .back:hover { background: #ccced3; }

.back::before { width: 27px; height: 20px; position: absolute; content: ' '; display: block; background: url(/dam/images/icons/back.svg) 0px 0px no-repeat;  background-size: 27px 20px; left: 13px; top: 13px; }

.update { background: #e0e1e4; display: inline-block; width: 50px; height: 50px; margin-right: 13px; position: relative; }
.update::before { width: 32px; height: 29px; position: absolute; content: ' '; display: block; background: url(/dam/images/icons/update.svg) 0px 0px no-repeat;  background-size: 32px 29px; left: 8px; top: 10px; }
.update:hover { background: #ccced3; }

.columbs-two .right-block { float: right; width: auto; margin: 0px !important; }
.columbs-two .right-block .update { margin-right: 0px; }


.btn-bb {
    border: 2px solid #e0e1e4;
    cursor: pointer;
    display: inline-block;
    font: 300 15px/46px "Roboto";
    height: 46px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    color: #9CA1AA;
    margin-right: 7px;
    text-align: center;
    /*width: 180px;*/
    padding: 0px 10px 0px 10px;
}
.btn-bb:hover { border: 2px solid #ff1300; }
.btn-bb.active { border: 2px solid #ff1300; color: #ff1300; }


.tabs-tabs label ins { display: block; text-decoration: none; position: absolute; left: 0px; top: 0px; }
.tabs-tabs label ins.mails { background: #1fa1ff; width: 21px; height: 21px; color: #fff; left: auto; right: 15px; top: 15px; border-radius: 50%; text-align: center; font: 300 0.7em/1.5em "Roboto"; padding: 1px 0 0 1px; }
.tabs-tabs label .item, .input .item { background: url(/dam/images/icons/item.svg) left top no-repeat; background-size: 21px 26px; width: 21px; height: 26px; left: 12px; top: 12px; }
.tabs-tabs label .list { width: 29px; height: 30px; left: 10px; top: 12px; }
.tabs-tabs label .mail { width: 31px; height: 20px; left: 10px; top: 16px; }
.tabs-tabs label .present { width: 29px; height: 29px; left: 10px; top: 11px; background-position: 0px 0px; }


.input .wc { width: 25px; height: 25px; top: 13px; opacity: 0.7; }
.input .cake { width: 34px; height: 32px; top: 10px; left: 8px; opacity: 0.7; }
.input .flag { width: 27px; height: 30px; top: 10px; left: 12px; opacity: 0.7; }
.input .plane { width: 23px; height: 19px; top: 15px; left: 12px; }
.input .children { width: 25px; height: 25px; top: 13px; opacity: 0.7; }
.input .family { width: 25px; height: 25px; top: 13px; opacity: 0.7; }
.input .work { width: 25px; height: 25px; top: 13px; opacity: 0.7; }
.input .age { width: 25px; height: 25px; top: 13px; opacity: 0.7; }

.foto h1, .foto p, .news h1 { padding-left: 30px; }
.foto p { margin-bottom: 30px; }
.news-select { margin: 0px 0px 20px 20px; }
.news-select select { margin-bottom: 0px; border: 0px; }
.news { overflow: hidden; }

.tab-personal td { padding: 0px 10px; height: 49px; text-align: center; vertical-align: middle; border-bottom: 1px solid #ebeced;  font: 300 17px/22px "Roboto"; }
.tab-personal th { height: auto !important; vertical-align: top; padding: 0px 10px 19px 10px;  border-bottom: 1px solid #ebeced;  font: 400 17px/22px "Roboto"; text-align: center; }
.tab-personal tr:last-child td { border-bottom: 0px; }
.tab-personal tr.used td { opacity: 0.5; }
.tab-personal .present { display: block; width: 28px; height: 28px; background-position: 0px 0px; }
.tab-personal td.arrow { padding: 0px 10px 0px 10px; text-align: right; }
.tab-personal tr.used td.arrow { opacity: 1; }
.tab-personal td.time-tb { padding-left: 0px; }

.orange-btn { background: #ff7700; text-decoration: none; margin-bottom: 20px; font: 300 17px/47px "Roboto"; text-transform: none; }
.red-btn { background: #e11400;; text-decoration: none; margin-bottom: 20px; font: 300 17px/47px "Roboto"; text-transform: none; }
.orange-nb { background: #fff; border: 2px solid #ff7700; color: #384b59; text-align: left; padding: 0px 20px; text-decoration: none; margin-bottom: 20px; font: 300 17px/47px "Roboto"; text-transform: none; }
.orange { color: #ff7700; }

.more-history {
    display: block;
    border: 2px solid #1FA1FF;
    text-align: center;
    height: 30px;
    line-height: 28px;
}

.hide { display: none !important; }
.red-arrow { display: inline-block; height: 8px; width: 15px;  background-image: url(/dam/images/arrow-red.svg);  background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }


.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;

}

.modal {
    display: none;
    background: #fff;
    padding: 51px 10px 20px 10px;
    z-index: 1002;
    position:absolute;
    width: 300px;
}

.closeBtn { display: block; height: 27px; width: 27px; background: url(/dam/images/icons/close-btn.svg) left top no-repeat; background-size: 27px 27px; z-index: 1000; margin-bottom: 20px; position: absolute; top: 10px; right: 10px; }

.modal p { margin: 0px 15px 16px 15px; font: 400 15px/19px 'Roboto'; }
.modal p:last-child { margin-bottom: 0px; }
.modal p.h { font: 300 24px/28px 'Roboto'; }
.modal p.big-text { font: 400 17px/22px 'Roboto';  }
.modal input[type="text"], .modal input[type="password"] { border: 2px solid #e2e3e6; margin-bottom: 10px; font: 17px/1em 'Roboto'; color: #999ea7; display: block; width: 280px; padding: 0px 0px 0px 15px; }
.modal input[type="text"]:focus, .modal input[type="password"]:focus {  color: #384b59;  border: 2px solid #00A3F8; }
.modal button { width: 100%; margin-bottom: 20px;  font: 300 17px/40px 'Roboto' !important; }

.web { font: 400 17px/22px 'Roboto'; color: #384b59; margin: 0px 15px 0px 15px; }

.modal .input input[type="text"], .modal .input input[type="password"] { padding: 0px 0px 0px 50px; width: 247px; }

.block .li-pass p { color: #384b59; padding-left: 16px; padding-bottom: 10px; }
.li-pass, .li-pass ul { margin:  0px 0px 20px 10px; }
.li-pass li, .li-pass ul li { list-style-type: none; font: 400 15px/17px 'Roboto'; color: #9ba4ab; padding: 0px 0px 10px 30px; background: url(/dam/images/icons/yes-grey.svg) 5px 1px no-repeat; background-size: 15px 15px; }
.block .li-pass ul li { color: #ff0000; }
.block .li-pass ul li.yes-green, .yes-green { color: #4bd864; }
.li-pass li.yes-green { color: #4bd864; background: url(/dam/images/icons/yes-green.svg) 5px 1px no-repeat; background-size: 15px 15px; }

.yes-blue { color: #00a3f8; }
.grey { color: #c9cad0; }

.dark-grey-btn {  height: 50px; text-align: center; text-transform: uppercase; font: 300 17px/40px 'Roboto'; display: block; color: #c4c8cc; border: 0px; background: #999ea7; padding: 0px 60px; cursor: pointer; text-decoration: none; }

.reg-page { padding: 45px 20px 20px 20px; }
.reg-page .block.text p {  font: 400 17px/22px 'Roboto'; color: #384b59; margin-bottom: 20px; }
.reg-page h1 { margin: 0px 0px 30px 10px; }

.reg-page .block.text ul { margin: 0px 0px 20px 20px; }
.reg-page .block.text ul li { font: 400 17px/22px 'Roboto'; color: #384b59; margin-bottom: 10px; list-style-type: disc; }

.text-page .text ul { margin: 0px 0px 20px 20px; }
.text-page .text ul li { font: 300 17px/22px "Roboto"; color: #384b59; margin-bottom: 10px; list-style-type: disc; }

.text-page .text table {
    font: 17px/22px 'Roboto', sans-serif;
    color: #384b59;
    font-weight: 300;
    width: 100%;
    margin-bottom: 25px; }

.red { color: #ff2311; }

.reg-page .buttons { position: relative; height: 50px; }
.reg-page .buttons button { position: absolute; right: 0px; }


.dot { width: 13px; height: 13px; display: inline-block; border-radius: 50%; background: #cbced2; }
.dot.active { background: #1fa1ff; }



.btn { border: 0px; cursor: pointer; font: 300 15px/50px 'Roboto'; text-decoration: none; text-transform: uppercase; height: 50px; display: inline-block; position: relative; vertical-align: top; min-width: 220px; border-radius: 10px; }
.btn.sm, .btn-bb.sm { padding: 0px 35px; }
.btn.big { padding: 0px 60px; }
.btn.disabled { background-color: #999ea7; color: #cbced2; }
.btn.regular { background-color: #e0e1e4; color: #384b59; }
.btn.regular:hover { background-color: #ccced3; color: #384b59; }
.btn.active { background-color: #ff1300; color: #fff; }
.btn.active:hover { background-color: #e11400; color: #fff; }
.btn.active.green { background-color: #00ac00; color: #fff; }
.btn.active.green:hover { background-color: #3b910d; color: #fff; }

.btn.att { width: auto; height: auto; background-position: 20px 13px; }

.buttons .btn-arrow::before { background: url(/dam/images/arrow-red-bt.svg) left top no-repeat; background-size: 18px 11px; content: ' '; display: block; position: absolute; right: 15px; top: 20px; width: 18px; height: 11px; }
.buttons .btn-arrow-close::before { background: url(/dam/images/arrow-red.svg) left top no-repeat; background-size: 18px 11px; content: ' '; display: block; position: absolute; right: 15px; top: 20px; width: 18px; height: 11px; }


.buttons-mess { margin-bottom: 40px; }
.buttons-mess div { float: right; }
.buttons-mess div button { margin-left: 15px; }


textarea { border: 2px solid #000 !important; font: 400 17px/22px "Roboto"; color: #384b59; padding: 10px 20px; height: 160px; }

textarea:focus { border: 2px solid #00a3f8; }

.feedback-page, .search-page, .service { padding: 45px 20px 20px 20px; }
.feedback-page h1, .search-page h1, .text-page h1, .service h1 { margin: 0px 0px 30px 10px; }
.feedback-page p.mb20 { margin-bottom: 40px; }

.search-page p, .text-page p, .tab-page p { margin: 0px 0px 25px 0px; font-weight: 300; }
.text-page form p { margin: 0px 0px 0px 0px; }
.search-page p.input { margin-bottom: 15px; }

.rules { margin: 25px 0px 20px 0px; }
.rules { border: 2px solid #e2e3e6; padding: 20px; }
.rules p { margin: 0px; padding-bottom: 0px; }

.sn { margin-top: 40px; }
.sn p { color: #cbced2; font: 300 17px/22px "Roboto"; }
.sn p:last-child { padding-bottom: 0px; margin-bottom: 0px; }

.important { display: block; box-sizing: border-box; width: 280px; background: #ff7700 url(/dam/images/icons/important.svg) 15px 19px no-repeat; background-size: 23px 21px; color: #fff; padding: 14px 45px 20px 50px; text-decoration: none;  font: 300 17px/22px "Roboto"; }

.main .search-page input { display: inline-block; vertical-align: top; }
.main .search-page input[type="text"] { padding: 0px 20px; }

input[type="submit"].search-btn { background: #ff1300 url(/dam/images/icons/search-white.svg) 35px 10px no-repeat; background-size: 30px 30px; height: 50px; display: inline-block; width: 100px; margin-left: 17px; position: relative; top: 0px; }
input[type="submit"].search-btn:hover { background: #e11400 url(/dam/images/icons/search-white.svg) 35px 10px no-repeat; background-size: 30px 30px; }

.img { display: block; margin-bottom: 30px; }

.ul-four p {  font: 400 15px/20px "Roboto"; color: #384b59; }
.ul-four ul li a {  font: 300 15px/30px "Roboto"; color: #384b59; }
.ul-four ul li { margin-bottom: 5px; font: 300 15px/22px "Roboto"; }
.ul-four ul { margin-bottom: 20px; }
.ul-four { -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5; margin-bottom: 50px; }

.rub {
    position: relative;
}

.rub:before {
    display: block;
    content: "-";
    position: absolute;
    top: 5px;
    left: -2px;
}
.accordion .level3 .rub:before { line-height: 14px; }

h3 .rub::before { top: 1px; }

.component-icon { position: absolute; right: 0px; top: 0px; }
.component-icon img { width: 15px; height: 8px; }
.selected-icon img { position: relative; top: 2px; }
.selected-box { position: relative; }
#my-icon-select { position: absolute; left: 0px; top: 0px; border: 2px solid #e2e3e6; padding: 14px 12px; width: 53px; background: #fff; z-index: 1003; }
#my-icon-select-box-scroll { margin-top: 2px; }
.select { position: relative; width: 77px; display: inline-block; vertical-align: top; margin-right: 19px; }

.select:not(*:root) { width: 78px; }
#my-icon-select:not(*:root) { padding: 15px 12px 14px 12px;  }
#my-icon-select .icon { height: 20px; padding-top: 10px; }

.accordion .no_open a.active.red { margin-bottom: 0px !important; }
.accordion .no_open a.active.red::before { transform: translateY(-50%) rotate(90deg) !important;  }

.mail-text { padding: 15px 15px; }

.mail-text .price { text-align: center;  font: 500 30px/22px "Roboto"; color: #96a0a7; padding: 10px 0px 20px 0px; }
.mail-text .price .rub::before { top: 10px; }
.mail-text .columbs-two .block { width: 380px; }

.mail-text .orange-nb { padding: 20px 20px 0px 20px; width: 325px; }
.mail-text .orange-nb p { font: 400 15px/22px "Roboto"; padding-bottom: 20px; }

.open-tb-all { border: 2px solid #fff; }
.open-tb-block { border-bottom: 1px solid #ebeced; }
.open-tb-active { border: 2px solid #1FA1FF; }
.open-tb-block td:hover { cursor: pointer; }

.open-tb-active .red-arrow { background: url(/dam/images/arrow-red.svg) left top no-repeat;    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }

.files { margin: 15px 0px 0px 20px; }
.files p { color: #384b59;  font: 300 17px/22px "Roboto"; margin-top: 10px; }
.files p span, .files p a { margin-right: 35px; text-decoration: underline; }
.files p ins { text-decoration: none; }
.files p .delete { margin-left: 30px; position: relative; top: 2px; }
.feedback-page .files p { margin-bottom: 0px; }
.feedback-page .files { margin-bottom: 20px; }

.empty_block { background: #fff; margin-bottom: 1px; height: 35px; padding: 10px 15px; }
.empty_block .radio:not(checked) + label { text-transform: none; font: 17px/17px "Roboto"; }
.empty_block .radio:not(checked) + label::before { top: 3px; }
.empty_block .radio:not(checked) + label::after { top: 11px; }

.delete { background: url(/dam/images/delete.svg) left top no-repeat; background-size: 13px 13px; width: 13px; height: 13px; display: inline-block; }

.hid { overflow: hidden; }
.left-block { float: left; margin-left: 20px; font:  17px/22px "Roboto",sans-serif; }


#tooltip {
    z-index: 9999;
    position: absolute;
    display: none;
    bottom: 70px;
    left: 0px;
    background-color: #fff;
    border: 1px solid #c4c6cd;
    padding: 20px;
    box-shadow: 0px 2px 3px #c4c6cd;
    color: #384b59;
    opacity: 1;
    font: 300 17px/22px "Roboto";
    text-align: left;
}
button:hover #tooltip { display: block; }

#tooltip:before {
    bottom:-5px;
    right:50%;
    width:15px;
    height:14px;
    margin-right: -7px;
    -webkit-transform:rotate(42deg) skewX(0deg);
    -moz-transform:rotate(42deg) skewX(0deg);
    -ms-transform:rotate(42deg) skewX(0deg);
    -o-transform:rotate(42deg) skewX(0deg);
    background:#fff;
    z-index:1;
    box-shadow:4px 4px 4px 0px #c4c6cd;
    position: absolute;
    content: ' ';
}



.bonus .price {  font: 500 30px/26px "Roboto"; }
.bonus { margin-bottom: 10px; }
.bonus p { float: right; width: 230px; }
.bonus p .titlebonus { display:inline-block; width: 160px; }

#BonusStatus { margin: 25px; }

.ul-col li { list-style-type: none; padding-bottom: 50px; font: 400 17px/22px "Roboto"; }
.ul-col li p { font: 300 17px/22px "Roboto"; }
.ul-col.ligrace li { padding-bottom: 0px; }
.ul-col .l-block { display: block; }
.ul-col .r-block { display: block; }

.img-text_block { overflow: hidden; margin-bottom: 60px; }
.img-text_block:last-child { margin-bottom: 40px; }


.img-text_block img.leftimage { width: 260px; }

.img-text_block .text a { /*display: block;*/ margin-top: 30px; font: 300 17px/22px "Roboto"; color: #384b59; }
.img-text_block .text p { font: 300 17px/22px "Roboto"; }
.img-text_block .text h2 { font: 500 20px/22px "Roboto"; margin: 0px; padding: 0px; }

.tender { margin-bottom: 50px; }
.tender:last-child { margin-bottom: 0px; }
.tender h2 { font: 500 20px/25px "Roboto"; margin-bottom: 30px; padding: 0px; }
.tender div { margin-bottom: 30px; }
.tender div span { font: 300 17px/22px "Roboto"; display: block; }
.text-page .tender p { font: 300 17px/22px "Roboto"; }
.text-page .tender div p { font: 500 17px/22px "Roboto"; margin-bottom: 0px; }
.tender ul li a { color: #384b59; font: 300 17px/22px "Roboto"; }
.tender .grey { color: #999ea7; }

.big-btn { text-align: left; padding: 0px 20px; width: 460px; background-image: url("/dam/images/arrow-red-right.svg"); background-position: right 20px top 18px; background-repeat: no-repeat; background-size: 8px 14px; }

.bussines .icon-flex li.eye, .bussines .icon-flex li.mobile, .bussines .icon-flex li.message { display: none !important; }
#select-bus {  margin-bottom: 40px; color: #384b59 !important; }

@media (min-width: 1280px) { .icon-flex { position: absolute; right: 10px; top: 30px; z-index: 1000; width: auto; }
    .icon-flex li { list-style-type: none; display: inline-block; float: right; vertical-align: middle; margin: 0px 25px 0px 25px; right: 10px; } /*.icon-flex .rus { display: none; }*/
    .icon-flex li a.search, .icon-flex li a.message, .icon-flex li a.phone { position: relative; top: 5px; }
    .icon-flex li a.eye { margin-top: 0px; margin-right: -20px; }
    .icon-flex li a.mobile { margin-top: 0px; margin-right: -20px; }
    .icon-flex li .lang { right: 0px; width: auto; position: relative; top: 10px; }
    .icon-flex li.chinese { margin: 0px 15px 0px 25px; }
}
@media (max-width: 1280px) { .icon-flex { position: absolute; right: 10px; top: 30px; width: auto; }
    .icon-flex li { list-style-type: none; display: block; float: right; vertical-align: middle; margin: 0px 25px 0px 25px; position: relative; right: 10px; } /*.icon-flex .rus { display: none; }*/
    .icon-flex li a.search, .icon-flex li a.message, .icon-flex li a.phone { position: relative; top: 5px; }
    .icon-flex li a.eye { margin-top: 0px; margin-right: -20px; }
    .icon-flex li a.mobile { margin-top: 0px; margin-right: -20px; }
    .icon-flex li .lang { right: 0px; width: auto; position: relative; top: 10px; }
    .icon-flex li.chinese { margin: 0px 15px 0px 25px; }
}

@media (max-width: 1180px) {

    .icon-flex .lang.active { display: none; }

    .important { width: 440px; }


    .accordion { width: 440px; background: #cccdd3; }
    .links a { width: 219px; }
    .links a:first-child { width: 220px; }
    .soc-login a { width: 147px; }
    .soc-login a:first-child { width: 144px; }
    .wblock.total { background: url(/dam/images/price-sm.svg) left top no-repeat; background-size: cover; width: 440px; }
    .icon-flex { position: absolute; right: 80px; float: right; top: 30px; width: auto; }
    .icon-flex li { z-index: 900; }

    .icon-flex li.showHideContent { z-index: 1001; }
    .icon-flex li a.item { display: block; }
    .wblock { width: 436px; }
}
@media (min-width: 1440px) { .icon-flex { position: fixed; right: 25px; float: none; top: 100px; width: 50px; min-height: 400px; z-index: 1000; }
    .icon-flex li a.search, .icon-flex li a.message, .icon-flex li a.phone, .icon-flex li .lang { position: relative; top: 0px; }
    .icon-flex li { float: none; display: block; }
    .icon-flex .rus, .icon-flex .chinese { display: block; }
    .icon-flex li a.eye { margin-top: 15px; }
    .icon-flex li a.mobile { margin-top: 45px; }
}

/* Диалог */
.aeModal {
    position: fixed;
    display: none;
    -webkit-align-items: center;
    align-items:         center;
    -webkit-justify-content: center;
    justify-content:         center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
}

.aeModal .modalWindow {
    position: relative;
    display: block;
}

.aeModal.show {
    display: -webkit-flex;
    display:         flex;
}

#modalWindow {
    padding: 30px;
    width: 600px;
    height: 200px;
    background: #FEFEFE;
    border: 2px solid #000000;
}

#modalPhone, #modalMessage, #modalAuthorize, #modalUpfare {
    padding: 30px;
    width: 600px;
    height: 100px;
    background: #FEFEFE;
    border: 2px solid #000000;
}

#modalWarning {
    padding: 30px;
    width: 600px;
    /*height: 150px;*/
    background: #FEFEFE;
    border: 2px solid #000000;
}


@media (min-width: 880px) {
    #modalWarning {
        position: absolute;
    }
}

/* Страница тарифов */
.details {
    margin-bottom:6px;
    /* border:1px solid #f1f1f1;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
     background:#f1f1f1;*/
}
.details .header {
    border:1px solid #e2e2e2;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#e2e2e2;
    height: 18px;
}
.panel.extra .details .header {padding:10px 14px;}
.details .header h4 {
    padding-left:30px;
    color:#323232;
    font-size:19px;
    line-height:25px;
    letter-spacing:-.3px;
}
.details.history .header h4 {background:url(/dms/aeRU/images/aero/new/i_history.png) 0 50% no-repeat;}
.details.personal .header h4 {background:url(/dms/aeRU/images/aero/new/i_info.png) 0 50% no-repeat;}
.details.order .header h4 {background:url(/dms/aeRU/images/aero/new/i_order.png) 0 50% no-repeat;}
.panel.extra .details .content {
    padding:15px 14px 12px;
}
.details.tariff {margin-bottom:3px;}
.details.tariff .header {padding:9px 15px 9px 13px; font-size:15px;}
.details.tariff .header h4 {
    float:left;
    padding-left:0;
    color:#323232;
    font-size:16px;
    line-height:18px;
    letter-spacing:-.1px;
}
.details.tariff .header .price {float:right; letter-spacing:-.3px; font-size:12px;}
.details.tariff .header .price em {font-style:normal; font-size:17px; font-weight:bold; color:#ff0000;}
.details.tariff .content {padding:10px 15px 12px 13px;}
.details.tariff .content p {
    padding-bottom:21px;
    padding-right:200px;
}
.details.tariff .contentA p {
    padding-bottom:21px;
    padding-right:50px;
}
.details.tariff .content .btn-link {display:block; margin-bottom:10px; text-decoration:none;}
.details.tariff .choise-set  {float:right;}
.mode {
    display:inline-block;
    margin-right:3px;
    padding:0 0 0;
    width:18px;
    height:18px;
    background:url(/dam/images/i_mode.png) 0 0 no-repeat;
    color:#fff;
    text-align:center;
    font-size:12px;
}
.indent {padding-left:15px;}
.page h2.indent {padding:15px 15px 6px;}
.channels h5 {margin-top:-10px; padding-bottom:5px; font-size:13px;}
.channels li {display:inline-block; padding-left:10px; font-size:12px;}
.channels li:first-child {padding-left:0;}
.page .append {padding:10px 0; font-size:11px; color:#b5b5b5;}
.page .append.last {padding-bottom:30px;}


/* Страница расписания */
/*table tr.sched3-cell-even td {
    background-color: #F0F0F0;
    color: black;
}

table tr.sched3-cell-odd td {
    background-color: white;
    color: black;
}*/

.sched3-table tr:nth-child(odd):not(.sched3-cell-selected) td {background-color: #F0F0F0;}

table td.sched3-cell-info {
}

table tr.sched3-cell-selected td {
    background-color: #FE0000;
    color: white;
}

table.sched3-table {
    width: 100%;
}

div.sched3-div {
}

table.sched3-table thead td {
    border-style: none;
    border-spacing: 0px;
    padding: 5px;
    text-align: center;
    background-color: #C0C0C0 !important;
    font-weight: bold;
}

table.sched3-table tbody td {
    border-style: none;
    border-spacing: 0px;
    padding: 5px;
    text-align: center;
}

table.sched3-container td {
    border-style: none;
    border-spacing: 0px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

table.sched3-container {
    width: 100%;
}

div.sched3-nextday {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.sched3-nextday-text {
    margin-top: 10px;
    margin-bottom: 10px;
}


.TimetableAttention {
    border-collapse: collapse;
    text-align: center;
    font-size: 13px;
}

/* Кнопка загрузки */
.file_upload{
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 1em;              /* example */
    height: 50px;                 /* example */
    line-height: 50px;             /* the same as height */
}
.file_upload .button, .file_upload > mark{
    color: #999da7;
    display: block;
    cursor: pointer              /* example */
}
.file_upload .button{
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 8em;                  /* example */
    height: 100%;
    text-align: center           /* example */
}
.file_upload > mark{
    background: transparent;     /* example */
    padding-left: 1em            /* example */
}
@media only screen and ( max-width: 500px ){  /* example */
    .file_upload > mark{
        display: none
    }
    .file_upload .button{
        width: 100%
    }
}
.file_upload input[type=file]{
    position: absolute;
    top: 0;
    opacity: 0
}

/* Making it beautiful */

.file_upload{
    border: 2px solid #e2e3e6;
}
.file_upload.focus{
    border: 2px solid #00A3F8;
}
.file_upload .button{
    background: #e0e1e4 url(/dam/images/icons/att.svg) 15px 13px no-repeat;
    background-size: 25px 22px;
    border: 0px solid #CCCCCC;
    border-radius: 0px;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 50px;
    width: 258px;
    font: 300 15px/50px 'Roboto';
    text-decoration: none;
    text-transform: uppercase;
    color: #384b59;
}
.file_upload:hover .button{
    background: #ccced3;
}
.file_upload:active .button{
    background: #ccced3;
}

.infopin-item { width: 250px; }

input, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border-radius: 0;
}



/* light gallery */

.foto-img {
    position: relative;
    display: -webkit-flex;
    display:         flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    margin-top:  -20px;
    margin-left: -20px;
}

.foto-img a {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top:  20px;
    margin-left: 20px;
    width: calc(33.3333333333% - 20px);
}

.foto-img a:before {
    content: "";
    display: block;
    padding-top: 60.5%;
}

.foto-img a img {
    position: absolute;
    display: block;
    width:      100%;
    min-height: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

/* end */










/* MY CSS *************************************************************************************************************/

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 240px #ffffff; }

.tab-t { width: 100%; }

/* Табло */

@media (min-width: 881px) {
    .tabs-tabs label.tab[for*="1"] { width: 33.5%; border-left: 0; }

    .icon-flex li #showHideContent.close { z-index: 1001 !important; border: 0px; width: 25px; height: 25px; background: url(/dam/images/close.svg) left top no-repeat; background-size: 25px 25px; }

    .img-text_block img { margin-right: 20px; float: left; }

    .img-text_block .text { margin-left: 280px; }

    .ul-col .l-block { float: left; vertical-align: top; width: 150px; }
    .ul-col .r-block { margin-left: 170px; }


    .tab-flight .dataWrap,
    .tab-flight .theader {
        display: table;
        width: 100%;
    }

    .tab-flight .title,
    .tab-flight .metaData,
    .tab-flight .dataCloser { display: none; }

    .tab-flight .tr.tdata { cursor: pointer; }

    .tab-flight .td {
        color: #384b59;
        height: 49px;
        border-bottom: 1px solid #ebeced;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        box-sizing: border-box;
    }

    .tab-flight .theader .td {
        font: 400 17px/1em "Roboto";
        text-align: left !important;
    }

    .tab-flight .tr.tdata:hover .td {
        background: #ff1300;
        color: #ffffff;
    }

    .tab-flight .value {
        display: block;
        padding: 5px 10px;
        width: inherit;
        box-sizing: border-box;
    }

    .tab-flight .tr.tdata .td {
        color: #384b59;
        font: 300 17px/1em "Roboto";
        text-align: left;
    }

    .tab-flight .tr:last-child .td { border-bottom: 0; }
}

/* END ****************************************************************************************************************/










/* MOBILE SITE SETTINGS ***********************************************************************************************/
.onlyLaptop { display: none; }
@media (max-width: 1179px) and (min-width: 881px) {
    .onlyLaptop { display: block; }
}

@media (max-width: 1179px) {
    .onlyBigDesktop { display: none; }
}

@media (max-width: 880px) {
    .onlyDesktop { display: none; }

    h2 { text-align: center; }

    .tabs h3 { width: auto; }
    .tabs h3 i { display: block; }

    footer {
        width: 600px;
        max-width: 100%;
    }

    footer,
    footer .soc {
        margin-left:  auto;
        margin-right: auto;
        margin-top: 15px;
    }

    @media (max-width: 639px) {
        footer .columbs .block {
            float: none;
            margin-left:  auto !important;
            margin-right: auto !important;
        }
    }

    /* .hideonmobile, .justwidget { display: none !important; } */

    .calendar-height { height: 300px !important; }
    .accordion li[data-val="0"] .links {

        display: -webkit-flex;
        display:         flex;
    }

    .accordion li[data-val="0"] .links a {
        width: 0 !important;
        -webkit-flex-grow: 1;
        flex-grow:         1;
    }

    .accordion,
    .tab-flight .dataWrap {
        /*width: 320px;*/
        width: 600px;
        max-width: 100%;
        padding: 0;
    }

    .important {
        width: auto;
        margin-bottom: 20px;
    }

    .banner,
    .all-white { margin-right: 0; }

    .wblock .fareinfo {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    /*Скрываем блоки главной*/
    .main .banner, .main .red-blocks, .main .footer-block, .main #service-blocks { display:none; }

    .wblock.fare { padding-bottom: 24px; height: auto; }

    .text-page { padding: 45px 16px 20px 16px; }

    .wblock,
    .cusSelTPL,
    .left section,
    .orange-btn,

    input[type="text"],
    input[type="password"],
    button,
    textarea,

    .main input[type="text"],
    .main input[type="date"],
    .main input[type="number"],
    .main input[type="password"],

    .main select,
    .submit,
    .file_upload,
    input[type="submit"],

    #crmWarning > span,

    .mail-text .block,
    .active-btn {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
    }

    .file_upload mark { display: none; }

    .file_upload .button {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .icon-flex .showHideContent { right: -38px; }
    #showHideContent { width: 28px; }
    /*#homepage-body .icon-flex .showHideContent { display: none; }*/

    .soc { float: none; width: 320px; }
    .soc a { width: 63px; }
    .links a { width: 159px; }
    .links a:first-child { width: 160px; }
    .soc-login a { width: 107px; }
    .soc-login a:first-child, .soc a:first-child { width: 61px; }
    .logo { width: 100px; height: 35px; margin-left: 10px; }
    li.eye, li.mobile, li.search { display: none; }
    .icon-flex li { margin: 0px 10px; }
    .icon-flex { right: 28px; top: 15px; }
    .icon-flex li a.message { background-size: 25px 24px !important; width: 25px; }
    .icon-flex li a.phone { background-size: 20px 20px !important; width: 20px; }
    .icon-flex li a.item { background-size: 18px 23px !important; width: 20px; }
    header { padding: 10px 0px; }
    .icon-flex li .lang { top: 5px; color: #adb1b9; }
    footer p.copy { float: none; margin-bottom: 30px; }
    footer p { text-align: center; }

    .wblock.total {
        background: url(/dam/images/price-sm.svg) left top no-repeat;
        background-size: cover;
        width: auto;
        height: 56px;
    }


    /* Tabs */

    .tabs-tabs {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        overflow: hidden;
    }

    .tabs-tabs label.tab {
        width: auto !important;
        height: auto !important;
        flex-grow: 1;
        padding: 14px 10px !important;
        margin: 0 0 0 -1px !important;
        border-bottom: 1px solid #ffffff !important;
        text-align: center;
    }

    .tabs-tabs.iconed label.tab { padding-left: 50px !important; }

    .tabs-tabs section {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%;
    }

    .tabs section { padding-top: 48px; }

    .big-btn {
        box-sizing: border-box;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* end */





    /* Buy */

    .buy li {
        display: flex;
        flex-direction: column;
        /*padding-bottom: 72px;*/
    }

    .buy li .h,
    .buy li span { width: auto; }

    .buy li span { padding-bottom: 55px; }

    .buy li .h { margin-bottom: 8px; }

    .buy li .info { order: 2; }

    .buy li div {
        position: static;
        text-align: left;
    }

    .buy li div .btn {
        position: absolute;
        right:  0;
        bottom: 25px;
    }

    /* end */

    .tab-t {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    @media (max-width: 410px) {
        .tab-t {
            margin-left: -10px;
        }
        #schedFromTitle, #schedToTitle {
            font-size: 0.9em;
        }
    }

    .YMaps { width: 100% !important; }

    .text-page img {
        width:  auto;
        height: auto;
        max-width: 100%;
    }

    .aehlPmIconList,       .p-tsWide,
    .aehlPmIconList tbody, .p-tsWide tbody,
    .aehlPmIconList tr,    .p-tsWide tr,
    .aehlPmIconList td,    .p-tsWide td,
    .aehlPmIconList th,    .p-tsWide th { display: block; }

    .p-tsWide > tbody > tr > td { width: auto !important; }

    .p-tsWide > tbody > tr > td tr { padding-top: 5px; padding-bottom: 5px; }

    .p-tsWide strong { display: block; padding-top: 16px; }

    #map {
        width: 100% !important;
        height: 480px !important;
    }










    /* Табло */

    .tab-flight {
        margin-left:  -20px;
        margin-right: -20px;
        margin-top:   -24px;
    }

    .tab-flight .theader { display: none; }

    .tab-flight .metaData {
        position: relative;
        display: block;
        border-bottom: 1px solid #ebeced;
        cursor: pointer;
    }

    .tab-flight .popData {
        position: fixed;
        display: none;
        top:    0;
        right:  0;
        bottom: 0;
        left:   0;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 100000;
    }

    .tab-flight .tdata.showFly .popData { display: block; }

    .tab-flight .dataWrap {
        position: relative;
        display: block;
        margin: 60px auto 0 auto;
        background-color: #ffffff;
        padding: 10px 0 20px 0;
    }

    .tab-flight .popData .dataCloser {
        position: absolute;
        display: block;
        top: -60px;
        right: 0;
        width:  38px;
        height: 60px;
        background: #ff1400 url(/dam/images/close.svg) center center no-repeat;
        background-size: 20px 20px;
        cursor: pointer;
    }

    .tab-flight .dataWrap .td:before {
        content: attr(data-title);
        font-weight: 300;
    }

    .tab-flight .dataWrap .td {
        display: flex;
        align-items: center;
        width: 100% !important;
        box-sizing: border-box;
    }

    .tab-flight .dataWrap .td:before,
    .tab-flight .dataWrap .td .value {
        display: block;
        padding: 10px 20px;
        line-height: 1.2;
        box-sizing: border-box;
        overflow: hidden;
        width: 50%;
    }

    .tab-flight .dataWrap .title {
        display: block;
        font-size: 21px;
        line-height: 1.2;
        padding: 16px 20px;
    }

    .tab-flight .metaData {
        display: block;
        padding: 16px;
    }

    .tab-flight .metaData .caption {
        display: block;
        line-height: 1.2;
    }

    .tab-flight .metaData .description {
        display: block;
        margin-top: 5px;
        color: #999EA7;
        font-size: 12px;
    }

    /* end */





    /* Текст блок с картинкой слева */

    .img-text_block img,
    .ul-col .l-block { margin-bottom: 16px; }

    /* end */





    /* Пресс релиз */

    .news-select { margin-right: 20px; }

    .news-block {
        display: -webkit-flex;
        display:         flex;
        -webkit-justify-content: center;
        justify-content:         center;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
        margin-right: 20px;
    }

    .news .news-block .li { margin: 20px 0 0 20px !important; }

    /* end */





    /* Личный кабинет */

    #profile .block { width: 100%; }

    .mail-text .block button,
    .mail-text .block .active-btn { text-align: center; }

    .mail-text .block button { line-height: 1; }

    .buttons-mess {
        display: -webkit-flex;
        display:         flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
        margin-left: -10px;
        margin-top:  -10px;
    }

    .buttons-mess .btn-bb {
        display: block;
        margin: 10px 0 0 10px;
        -webkit-flex-grow: 1;
        flex-grow:         1;
    }



    /* Таблицы */

    .tab-personal,
    .tab-personal tbody,
    .tab-personal td { display: block; }

    .open-tb-all {
        margin-left:  -20px;
        margin-right: -20px;
    }

    .tab-personal#tab-history-head,
    .tab-personal#balanceTable tr:first-child { display: none; }

    .tab-personal tr {
        display: -webkit-flex;
        display:         flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
        padding: 8px 5px;
    }

    .tab-personal#balanceTable tr { border-bottom: 1px solid #ebeced; }

    .tab-personal td {
        height: auto;
        white-space: nowrap;
        overflow: hidden;
        width: auto !important;
        padding: 5px 10px;
        border: none !important;
    }

    .tab-personal td .value { font-weight: 400; }

    .tab-personal td[data-title]:before { content: attr(data-title)": "; }

    /* Р98РЎРўРћР Р98РЇ */

    .tab-personal td:nth-child(1),
    .tab-personal td:nth-child(4) {
        -webkit-flex-grow: 1;
        flex-grow:         1;
    }

    .tab-personal tr:before {
        content: "";
        display: block;
        width: 100%;
        -webkit-order: 1;
        order:         1;
    }

    .tab-personal td:nth-child(3),
    .tab-personal td:nth-child(3) ~ td {
        -webkit-order: 2;
        order:         2;
        font-size: 12px;
        color: #555555;
    }

    .open-tb-block .tab-personal .arrow { display: none; }

    .tab-personal td:nth-child(2) ~ td .value { font-weight: bold; }

    /* end */





    /* Sections */

    .main.pay .left + .right { margin-top: 48px; }

    .main.pay .left, .right, .ticket-top, .ticket-bottom { width: 100%; }

    .main.pay .left { overflow: hidden; }

    .main.pay .left .tabs {
        display: -webkit-flex;
        display:         flex;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
    }

    .main.pay .left label.tab {
        white-space: nowrap;
        overflow: hidden;
        margin: -1px -1px 0 -1px;
        -webkit-flex-grow: 1;
        flex-grow:         1;
        padding-left:  16px;
        padding-right: 16px;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: #cbced2;
        width: auto !important;
        background: #ffffff;
    }

    .left input:checked + label.tab {
        border-color: #e11400 !important;
        z-index: 2;
    }

    .pay .tabs section { padding-top: 36px; margin-top: 10px; }

    /* end */












    /* MAIN PAGE */

    .banner p { width: auto; font-size: 2em; }

    .owlTriple { margin-left: 10px; }

    .red-blocks .columbs {
        display: -webkit-flex;
        display:         flex;
        -webkit-justify-content: center;
        justify-content:         center;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
    }

    /* end */

}

@media (max-width: 599px) {
    .owlTriple {
        width: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: 10px;
    }
}

.menuAdvShow {
    display: block !important;
    overflow: visible !important;
    height: auto !important
}


/* END ****************************************************************************************************************/

.accordion .level1 { display: block; }

.accordion a.center,
.accordion span.center { text-align: center; }

.accordion .level1 a.direction {
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.accordion .level2 a.red, .accordion .level2 a.orange { margin-bottom: 1px; }

.accordion .level1 a.direction.one { background-image: url('/dam/images/direction_one.svg'); }
.accordion .level1 a.direction.two { background-image: url('/dam/images/direction_two.svg'); }

/* Tiled section */

.accordion .tiledSec {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: #ffffff;
    margin-bottom: 10px;
}

.accordion .tiledSec .sep {
    display: block;
    height: 24px;
    clear: both;
    width: 100%;
}

.accordion .tiledSec .levelTile {
    float: left;
    width: 33.3333333333%;
    box-sizing: border-box;
    padding: 10px 0;
}

.accordion .tiledSec .levelTile.selected {
    width: 100%;
    padding-left:  24px;
    padding-right: 24px;
}

.accordion .tiledSec .levelTile.bused {
    width: 100%;
    padding-left:  24px;
    padding-right: 24px;
}

.accordion .tiledSec .tileLink {
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
}

.accordion .tiledSec .tileLink:active { opacity: 0.7; }

.accordion .tiledSec .levelTile.selected .tileLink {
    cursor: default;
    opacity: 1 !important;
}

.accordion .tiledSec .tileLink .tarifName { font-size: 13px; }

.accordion .tiledSec .tileLink .tarifPrice,
.accordion .tiledSec .tileLink .tarifDescription { font-size: 16px; }

.accordion .tiledSec .tileLink .tarifDescription {
    display: none;
    margin-top: 5px;
    cursor: auto;
}

.accordion .tiledSec .tileLink .tarifName,
.accordion .tiledSec .tileLink .tarifPrice,
.accordion .tiledSec .tileLink .tarifIcon,
.accordion .tiledSec .levelTile.selected .tileLink .tarifDescription {
    display: block;
}
.accordion .tiledSec .levelTile.bused .tileLink .tarifDescription {
    display: block;
}

.accordion .tiledSec .tileLink .tarifIcon {
    margin-left:  auto;
    margin-right: auto;
    height: 72px;
    margin-bottom: 5px;
    opacity: 0.8;
}

.accordion .tiledSec .tileLink:hover .tarifIcon,
.accordion .tiledSec .tileLink:active .tarifIcon,
.accordion .tiledSec .levelTile.selected .tarifIcon,
.accordion .tiledSec .levelTile.selected .tileLink { opacity: 1; }

.accordion .tiledSec .tileLink .tarifName,
.accordion .tiledSec .tileLink .tarifPrice { text-align: center; }

.accordion .tiledSec .tileLink .tarifName {
    /*text-transform: capitalize;*/
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accordion .tiledSec .tileLink .tarifPrice { color: #ff1300; }
.accordion .tiledSec .tileLink .tarifDescription { color: #999ea7; }

.accordion .tiledSec .tileLink .tarifPrice .rub:before {
    font-size: 0.75em;
    top:   3px;
    left: -1px;
}


.accordion .tiledSec.someTileSelected .levelTile:not(.selected) { display: none; }

/* Tile button */

.accordion .tiledSec:not(.someTileSelected) .tileButton { display: none; }

.accordion .tiledSec .tileButton,
.accordion .tiledSec .tileButton .buttonLink {
    position: relative;
    display: block;
    clear: both;
    box-sizing: border-box;
}

.accordion .tiledSec .tileButton { width: 100%; }

.accordion .tiledSec .tileButton .buttonLink {
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
}

.accordion .tiledSec .tileButton .buttonLink:hover  { box-shadow: inset 0 0 0 1024px rgba(0, 0, 0, 0.1); }
.accordion .tiledSec .tileButton .buttonLink:active { box-shadow: inset 0 0 0 1024px rgba(0, 0, 0, 0.2); }

.accordion .tiledSec .tileButton .buttonLink.red    { background-color: #ff1300; }
.accordion .tiledSec .tileButton .buttonLink.orange { background-color: #ff7700; }
.accordion .tiledSec .tileButton .buttonLink.green  { background-color: #00ac00; }

.tileblock { border: 2px solid transparent; }
.tileblock:hover { border: 2px solid #1fa2ff; }
.accordion .tiledSec.tileblock .levelTile.selected .tileLink,
.accordion .tiledSec.tileblock .tileLink .tarifDescription { cursor: pointer; }

#mgnlhp { display: none !important; }

/* end */

/* Table lister */

.tableLister {
    position: relative;
    display: flex;
    box-sizing: border-box;
    border: 1px solid #cccfd7;
    color: #3f4b57;
    font-size: 1.2em;
    text-align: center;
}

.tableLister .cell {
    position: static;
    display: block;
    width: 0;
    flex-grow: 1;
    overflow: hidden;
    box-sizing: border-box;
}
/*
.cell.c-center {
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccfd7;
}
*/
.tableLister .cell.right .cellBody { font-weight: 600; }

.tableLister .row {
    padding: 14px 0;
    border-top: 1px solid #ebeced;
    box-sizing: border-box;
}

.tableLister .cellHead,
.cellListerHead {
    position: relative;
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
}

.cellListerHead { padding-bottom: 20px; padding-top: 20px;  }

@media (min-width: 881px) {
    .tableLister .cellHead {
        padding-left:  60px;
        padding-right: 60px;
    }
    .cellListerHead .rowTitle {
        height: 24px !important;
        overflow: hidden;
        white-space: nowrap;
    }
}

.tableLister .rowTitle,
.cellListerHead .rowTitle {
    line-height: 19px;
    height: 40px;
    color: #3f4b57;
}

.tableLister .rowRoute,
.cellListerHead .rowRoute { color: #9b9ea5; }

#tableschedule {
    table-layout: fixed;
}

.tableLister .cellHead .row {
    position: relative;
    border: none;
}

.tableLister .c-center .rowTitle { color: #ff1300; }

.tableLister .listerSlider { position: relative; }

.tableLister .listerSlider .owl-item { float: left; }

.tableLister .listerSlider .owl-dots { display: none; }

.tableLister .listerSlider .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 88px;
    top:   0;
    left:  0;
    right: 0;
    padding: 0 16px;
    pointer-events: none;
}

.tableLister .listerSlider .owl-nav button,
.tableLister .listerSlider .owl-nav div {
    position: relative;
    display: block;
    width:  24px !important;
    height: 24px !important;
    border: none;
    cursor: pointer;
    transform: none;
    pointer-events: auto;
    font-size: 0;
    background: url('/dam/images/table_arr_l.svg') center center no-repeat;
}

.tableLister .listerSlider .owl-nav button:last-child,
.tableLister .listerSlider .owl-nav div:last-child { transform: scaleX(-1); }

.tableLister .listerSlider .owl-nav button span { display: none; }
/*
.tableLister .cellHead .row:before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    top:    0;
    bottom: 0;
    left: -20px;
    background: url('../images/table_arr_t.svg') center center no-repeat;
}
*/
.tableLister .c-right .cellHead .row:before { transform: scaleY(-1); }

/* Controls */

.tableLister .rowControls {
    position: absolute;
    display: flex;
    top:    0;
    right:  20px;
    bottom: 0;
    left:   20px;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}

.tableLister .rowControls .control {
    position: relative;
    display: block;
    width:  32px;
    height: 32px;
    cursor: pointer;
    border-radius: 100%;
    background: #f0f;
    pointer-events: auto;
}

.tableLister .rowControls .control:active { opacity: 0.7; }

.listerDatepicker {
    overflow: hidden;
    padding-right: 74px;
    width: 100%;
    box-sizing: border-box;
}

.owl-next.disabled {
    visibility: hidden !important;
}

.owl-prev.disabled {
    visibility: hidden !important;
}

/* end */

.isNaming { text-transform: capitalize; }

@media (max-width: 880px) {
    .tableLister {
        border-width: 1px 0;
        margin-left:  -20px;
        margin-right: -20px;

    }

    .tableLister .rowTitle {         padding-left: 20px;
        padding-right: 20px; }

    /*.tableLister .listerSlider .owl-nav { display: none; }*/
}

@media (min-width: 600px) {
    .tableLister .rowTitle { height: 24px; }
    .tableLister .listerSlider .owl-nav { height: 72px; }
}

/* end */

/* Station select section */


.stationSelect {
    display: flex;
    flex-wrap: wrap;
    padding: 22px 20px 20px 22px;
}

.stationSelect > .strWrap {
    position: relative;
    display: block;
    margin-left: -2px;
    margin-top:  10px;
    flex-grow: 1;
    width: 300px;
    box-sizing: border-box;
}

.stationSelect > .strWrap.grow { width: 100%; }

.stationSelect > .strWrap > .input input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    height: 52px;
    z-index: 1;
}

.cusSelect {
    position: relative;
    display: block;
    color: #384b59;
    font-size: 17px;
}

.cusSelect .cusSelectFakeInput {
    position: relative;
    display: block;
    padding: 0 20px 0 50px;
    height: 52px;
    border: 2px solid #000;
    background: #ffffff;
    color: #dddddd;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 48px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 10px;
}

.cusSelect.active .cusSelectFakeInput {
    /*border-color: #00A3F8;*/
    z-index: 2;
}

.cusSelect.active .cusSelectFakeInput,
.cusSelect.selected .cusSelectFakeInput { color: #384b59; }

.cusSelect ins {
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top:  13px;
    left: 13px;
    z-index: 1;
    margin: 0;
    opacity: 0.5;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
}
.cusSelect.active ins,
.cusSelect.selected ins {
    opacity: 1;
}

.stationSelect ins { z-index: 2; }

.cusSelect.active ins { z-index: 3; }

.cusSelect ins.route-a { background-image: url('/dam/images/icons/route_a.svg'); }
.cusSelect ins.route-b { background-image: url('/dam/images/icons/route_b.svg'); }
.cusSelect ins.route-reverse { background-image: url('/dam/images/icons/reverse.jpg'); background-size: contain; }

.cusSelect .cusSelectDropdown {
    position: absolute;
    display: none;
    left:  0;
    right: 0;
    top: 100%;
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.cusSelect.active .cusSelectDropdown {
    display: block;
    /*overflow: auto;
    max-height: 398px;*/
    border-width: 0 2px 2px 2px;
    border-style: solid;
    border-color: #e2e3e6;
}

.cusSelect .cusSelectDropdown .dropItem {
    box-sizing: border-box;
    font-size: 17px;
    cursor: pointer;
    height: 50px;
    line-height: 48px;
    padding-left: 50px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cusSelect .cusSelectDropdown .dropItem + .dropItem { border-top: 2px solid #e2e3e6; }

.cusSelect .cusSelectDropdown .dropItem:first-child { height: 48px; }

.cusSelect .cusSelectDropdown .dropItem:hover,
.cusSelect .cusSelectDropdown .dropItem:active { background-color: rgba(0, 0, 0, 0.025); }

@media (max-width: 880px) {
    /*.cusSelect.active .cusSelectDropdown {
        position: relative;
        max-height: none;
        box-shadow: none;
    }*/
}

@media (min-width: 881px) {
    .cusSelect.active .cusSelectDropdown {
        height: 500px;
        overflow-y: scroll;
    }
}


/* end */

/* Общий билетик заказа */
.bus_bottom { display: none; }
.bus_bottom.show { display: block; }

.train_bottom { display: none; }
.train_bottom.show { display: block; }

.void_bottom { display: none; padding-bottom:10px }
.void_bottom.show { display: block; }

.accordion .level1 div.orange { display: block; vertical-align: middle; padding: 0px 20px 0px 20px; height: 50px; color: #ffffff; font: lighter 0.8em/50px 'Roboto'; text-transform: uppercase;  text-decoration: none; background: #ff7700; position: relative; text-align: center;  cursor: pointer; }
.accordion .level1 div.orange:hover { background: #de7010; }

@media (min-width: 881px) {
    .bonusButtonMobile { display: none; };
}
@media (max-width: 880px) {
    #taccountsavebonus > .mb20 { margin-bottom: 0px; }
    .bonusButtonDesktop { display: none; };
}

.aeFlagDiv { position: relative; }

.aeFlagScore { display: block; }

.aeFlagScore:before,
.aeFlagScore:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #3b910d;
}

.aeFlagScore:before {
    left:   0;
    bottom: 0;
}

.aeFlagScore:after {
    width:  0;
    height: 0;
    border-top-color:   transparent !important;
    border-right-color: transparent !important;
}

.aeFlagScore .flagText {
    display: block;
    top:  0;
    left: 0;
    font: 400 1.1em/1.2em 'Roboto';
    color: #999ea7;
}

.flagRed.aeFlagScore:before,
.flagRed.aeFlagScore:after {
    border-color: #ff1300;
}

@media (min-width: 881px) {
    .aeFlagScore:before,
    .aeFlagScore:after { top: 0; }

    .aeFlagScore {
        position: absolute;
        top:    0;
        bottom: 20px;
        left:   384px;
    }

    .aeFlagScore:before {
        width: 5px;
        left:   0;
        bottom: 0;
        border-width: 0 0 0 5px;
    }

    .aeFlagScore:after {
        left: 5px;
        border-width: 8px 0 8px 12px;
        border-bottom-color: transparent !important;
    }

    .aeFlagScore .flagText {
        position: absolute;
        padding-left: 30px;
        white-space: nowrap;
    }
}

@media (max-width: 880px) {
    .aeFlagScore { position: relative; }

    .aeFlagScore:before {
        border-width: 5px 0 0 0;
        right: 0;
    }

    .aeFlagScore:after {
        left: 0;
        bottom: 5px;
        border-width: 0 8px 12px 8px;
        border-left-color: transparent !important;
    }

    .aeFlagScore .flagText {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.aeNoEvent { pointer-events: none; }

.aeBuyTicketsGrid {
    display: grid;
    grid-gap: 60px 10px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 50px;
    padding-right: 20px;
}

.aeBuyTicketsGrid .buyHead .buyCaption { font-size: 18px; font-weight: bold; white-space: nowrap; }
.aeBuyTicketsGrid .buyHead .buyPrice   { font-size: 25px; font-weight: bold; margin-top:    8px; }
.aeBuyTicketsGrid .buyHead .buyDescription   { font-size: 10px; margin-top: 5px; }
.aeBuyTicketsGrid .buyHead .buyAero { position: absolute; right: 10px; top: 5px; font-size: 10px; }

@media (max-width: 880px) {
    .aeBuyTicketsGrid {
        /*display: none;*/
        padding-right: 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .aeBuyTicketsGrid .buyHead .buyPrice   { font-size: 20px; font-weight: bold; margin-top:    8px; }

    .main {overflow: visible;}

}

@media (max-width: 449px) {
    .aeBuyTicketsGrid { grid-template-columns: repeat(2, 1fr); margin: 10px 15px 30px 15px; }
}

.aeBuyTicketsGrid .buyHead {
    display: flex;
    background: #8d97a2;
    color: #ffffff;
    padding: 10px 10px 20px 15px;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    min-height: 110px;
}

.aeBuyTicketsGrid .buyHead.alfa {
    color: #ffffff;
    background: red;
}

.aeBuyTicketsGrid .buyHead.alfa .buyIcon .iconImage {
    fill: #ffffff;
}

.aeBuyTicketsGrid .buyHead.alfa .buyCaption {
    color: #ffffff;
}

.aeBuyTicketsGrid .buyHead.alfa .buyPrice {
    color: #ffffff;
}

.aeBuyTicketsGrid .buyHead .buyTitle { flex-grow: 1; width: 0; }

.aeBuyTicketsGrid .buyHead .buyIcon {
    display: block;
    flex-shrink: 0;
    width: 48px;
}

.aeBuyTicketsGrid .buyHead .buyIcon .iconImage {
    display: block;
    margin: auto;
    width:  auto;
    height: auto;
    max-width:  48px;
    max-height: 76px;
    fill: #ffffff;
}

.aeBuyTicketsGrid .buyBody {
    display: none;
    background-color: #ffffff;
}

.aeBuyTicketsGrid .buyBody .bodyIn {
    display: block;
    padding: 10px 15px 23px 15px;
}

.aeBuyTicketsGrid .buyBody .bodyItem { padding-bottom: 15px; }

.aeBuyTicketsGrid .buyUITitle {
    color: #999ea7;
    font-size: 17px;
    margin-bottom: 10px;
    white-space: nowrap;
}





/* Button */

.aeBuyTicketsGrid .buyButton {
    background-color: #8d97a2;
    height: 0;
}

.aeBuyTicketsGrid .buyTicketItem.active .buyButton { background-color: #ffffff; }

.aeBuyTicketsGrid .buyButton .buttonIn {
    position: relative;
    display: block;
    text-decoration: none;
    color: #ffffff;
    background-image: url('/dam/images/buy/aebut_l.svg'), url('/dam/images/buy/aebut_r.svg'), url('/dam/images/buy/aebut_c.svg');
    background-position: left top, right top, 24px top;
    background-repeat: no-repeat;
    background-size: 24px 43px, 24px 43px, calc(100% - 48px) 43px;


    height: 43px;
    line-height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer;
    top: -23px;
    z-index: 1;
}

.aeBuyTicketsGrid .buyButton .buttonIn:before {
    content: "";
    position: absolute;
    right: 16px;
    top:  20px;
    width:  14px;
    height: 14px;
    background: url('/dam/images/arrow-white.svg') center center no-repeat;
    transform: rotate(180deg);
    transition: 0.2s transform;
}

.aeBuyTicketsGrid .buyTicketItem.active .buttonIn:before { transform: rotate(90deg); }

.aeBuyTicketsGrid .buyButton .buttonIn.sub {
    background-image: url('/dam/images/buy/aebut_green_l.svg'), url('/dam/images/buy/aebut_green_r.svg'), url('/dam/images/buy/aebut_green_c.svg');
    background-position: left top, right top, 24px top;
    background-repeat: no-repeat;
    background-size: 26px 43px, 26px 43px, calc(100% - 48px) 43px;

    font-size: 12px;
    margin-top: -16px;
    line-height: 56px;
    z-index: 0;
}

.aeBuyTicketsGrid .buyButton .buttonIn.sub g {
    font-weight: bold;
}

@media (max-width: 880px) {
    .aeBuyTicketsGrid .buyButton .buttonIn.sub {
        display: none;
    }
}

.aeBuyTicketsGrid .buyButton .buttonIn.sub.hidden { visibility: hidden; }

.aeBuyTicketsGrid .buyButton .buttonIn.sub:before { display: none; }





/* Datepicker */

.aeBuyTicketsGrid .buyTicketInputWrap {
    position: relative;
}

.aeBuyTicketsGrid .buyTicketInputWrap .inputWrapButton {
    position: absolute;
    top:   0;
    right: 0;
    width:  32px;
    height: 32px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px;
    transition: 0.2s transform;
}

.aeBuyTicketsGrid .buyTicketInputWrap .inputWrapButton.calendar {
    background-image: url('/dam/images/buy/buyCalendar.svg');
    background-size: 20px 20px;
}

.aeBuyTicketsGrid .buyTicketInputWrap .inputWrapButton.arrowTop {
    background-image: url('/dam/images/buy/arrow-black.svg');
}

.aeBuyTicketsGrid .buyTicketInputWrap .inputWrapButton.arrowBottom {
    background-image: url('/dam/images/buy/arrow-black.svg');
    transform: rotate(180deg);
}

.aeBuyTicketsGrid .buyCalenderWrap { display: none; }

.aeBuyTicketsGrid .hasDatepicker { padding: 10px 0 0 0; margin: 0; }

.aeBuyTicketsGrid .buyCalendar .ui-datepicker-prev,
.aeBuyTicketsGrid .buyCalendar .ui-datepicker-next {
    position: absolute;
    display: block;
    width:  20px;
    height: 22px;
    top: 5px;
    cursor: pointer;
    background-size: 16px auto !important;
    background-position: center center;
    background-repeat: no-repeat !important;
}

.aeBuyTicketsGrid .buyCalendar .ui-datepicker-prev { left:  4px;  background: url('../images/arrow-red-left-big.svg'); }
.aeBuyTicketsGrid .buyCalendar .ui-datepicker-next { right: 4px; background: url('../images/arrow-red-right-big.svg'); }

.aeBuyTicketsGrid .ui-datepicker-calendar th { font-size: 13px; }
.aeBuyTicketsGrid .ui-datepicker-calendar td { width: auto; height: auto; }

.aeBuyTicketsGrid .ui-datepicker-calendar td a,
.aeBuyTicketsGrid .ui-datepicker-calendar td span {
    font-size: 13px;
    margin: 0;
    line-height: 20px;
    width:  21px;
    height: 21px;
    border: 2px solid transparent;
}
.aeBuyTicketsGrid .ui-datepicker-calendar td span { color: #999ea7; }
.aeBuyTicketsGrid .ui-datepicker-calendar td a { font-weight: bold; }

.aeBuyTicketsGrid .ui-datepicker-calendar td a.ui-state-active { border-color: #1fa1ff; }





/* Spinner */

.aeBuyTicketsGrid .buySpinner .ui-spinner {
    position: relative;
    display: block;
}

.aeBuyTicketsGrid .buySpinner .ui-button {
    position: absolute;
    display: block;
    width:  32px;
    height: 32px;
    top: 0;
    cursor: pointer;
    background: url('/dam/images/buy/arrow-black.svg') center center no-repeat;
    background-size: 10px;
}

.aeBuyTicketsGrid .buySpinner .ui-button.ui-spinner-up  { right: 0; transform:  rotate(90deg); }
.aeBuyTicketsGrid .buySpinner .ui-button.ui-spinner-down { left: 0; transform: rotate(-90deg); }

.aeBuyTicketsGrid .buyTicketInput {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    height: 32px;
    line-height: 31px !important;
    font: inherit;
    font-size: 18px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.aeBuyTicketsGrid .buyTicketInput.isLink { cursor: pointer; }
.aeBuyTicketsGrid .buyTicketInput.alCenter { text-align: center; }
.aeBuyTicketsGrid .buyTicketInput.alRight  { text-align:  right; }
.aeBuyTicketsGrid .buyTicketInput.padRight { padding-right: 32px; }


.ticketRouteList, .serviceList,
.aeBuyTicketsGrid .buyTicketInput.thin {
    font-size: 13px;
    letter-spacing: -0.1em;
    white-space: nowrap;
}





/* Route list */

.aeBuyTicketsGrid .ticketRouteListWrap { display: none; }

.aeBuyTicketsGrid .ticketRouteList,
.aeBuyTicketsGrid .serviceList {
    display: block;
    padding-left: 15px;
    padding-top: 8px;
}

.aeBuyTicketsGrid .ticketRouteList li,
.aeBuyTicketsGrid .serviceList li {
    display: block;
    cursor: pointer;
    padding: 2px 0;
}

.aeBuyTicketsGrid .ticketRouteList li:hover,
.aeBuyTicketsGrid .ticketRouteList li:active,
.aeBuyTicketsGrid .serviceList li:hover,
.aeBuyTicketsGrid .serviceList li:active { text-decoration: underline; }

.aeBuyTicketsGrid .buyRoute .buyTicketInput.active ~ .inputWrapButton { transform: rotate(90deg); }

.aeBuyTicketsGrid .buyTicketItem .itemIn { position: relative; }



/* Buy time */

.aeBuyTicketsGrid .buyTime .buyTicketInputWrap {
    height: 32px;
    overflow: hidden;
    transition: 0.4s height;
}

.aeBuyTicketsGrid .buyTime .buyTicketInputWrap.active { height: 86px; }

.aeBuyTicketsGrid .buyTimeList .buyTimeItem {
    display: none;
    height: 32px;
    line-height: 31px;
    white-space: nowrap;
    transition: 0.2s transform;
}

.aeBuyTicketsGrid .buyTicketInputWrap.active .buyTimeList .buyTimeItem:hover,
.aeBuyTicketsGrid .buyTicketInputWrap.active .buyTimeList .buyTimeItem:active { text-decoration: underline; }

.aeBuyTicketsGrid .buyTicketInput.alRight .buyTimeItem .innerText { transform-origin: 100% 50%; }

.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected,
.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected + .buyTimeItem,
.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected + .buyTimeItem + .buyTimeItem { display: block; }

.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected + .buyTimeItem .innerText { transform: scale(0.9); opacity: 0.5; }
.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected + .buyTimeItem + .buyTimeItem .innerText { transform: scale(0.8); opacity: 0.35; }
.aeBuyTicketsGrid .buyTimeList .buyTimeItem.selected + .buyTimeItem + .buyTimeItem { height: 22px; line-height: 22px; }

.aeBuyTicketsGrid .buyTime .buyTicketInputWrap:not(.active) .functionalButtons,
.aeBuyTicketsGrid .buyTime .buyTicketInputWrap.active .buttonTimeDecorative { display: none; }

.functionalButtons .inputWrapButton.posTop    { top:    0; }
.functionalButtons .inputWrapButton.posBottom { bottom: 0; top: auto; height: 22px; }

.aeBuyTicketsGrid .buyCalendar .ui-datepicker { min-width: auto; }

.aeBuyTicketsGrid .buyButton .buttonFill {
    position: absolute;
    display: block;
    top:    0;
    right:  0;
    bottom: 0;
    left:   0;
    width:  100%;
    height: 100%;
}

.aeBuyTicketsGrid .buyTicketItem.active       .buyButton .buttonFill.vidExpand,
.aeBuyTicketsGrid .buyTicketItem:not(.active) .buyButton .buttonFill.vidSubmit { display: none; }

/* Banners settings */

.aeBuyBannerWrap { display: none; }

@media (min-width: 1457px) {

    .aeBuyBannerWrap {
        position: absolute;
        display: block;
        top:  504px;
        right:    0;
        bottom:   0;
        pointer-events: none;
    }

    .aeBannerItem {
        display: block;
        margin-left: auto;
        width:  240px;
        margin-bottom: 30px;
        max-height: 50%;
    }

    .aeBannerItem .aeBannerIn {
        display: block;
        /*position: sticky;*/
        top: 0;
        pointer-events: auto;
        cursor: pointer;
    }

    .aeBannerItem .bannerPic {
        display: block;
        width: 100%;
        height: auto;
        max-width:  100%;
        max-height: 100%;
    }
}

.aeFastTravel { display: none; }

.warningMessage {
    background: #ff7700 url(/dam/images/icons/important.svg) 10px 10px no-repeat;
    padding: 10px 10px 10px 50px;

}

.warningMessage.important p {
    margin: auto;
}

@media (min-width: 881px) {
    .onlymobile {
        display: none;
    }
    .absoluteOnDesktop {
        position: absolute;
    }
    .marginup100 {
        margin: -100px 10px 10px 10px !important;
    }
    .resurface-admincentral .adminshow {
        display: block;
    }
    .warningMessageBlock {
        margin-right: 20px;
    }

}

@media (max-width: 880px) {

    .warningMessage.important p {
        font-size: 12px;
    }

    #homepage-body .notonhome {
        display: none;
    }

    .aeBuyTicketsGrid {
        display: block;
        /*display: none;*/
        padding-right: 0;
        /*grid-template-columns: repeat(2, 1fr);*/
        margin: 0 5px 48px 5px;
    }

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

    .aeBuyTicketsGrid .buyTicketItem {
        float: left;
        width: calc(50% - 10px);
        margin: 5px 5px;
    }

    .aeBuyTicketsGrid .buyTicketItem:nth-child(2n) { float: right; }

    .fastBuys {
        margin-top: -30px;
    }

    .aeFastTravel {
        position: sticky;
        display: flex;
        flex-wrap: wrap;
        margin-top: -10px;
        margin-left: -10px;
        padding: 10px;
        top: 0;
        z-index: 2;
        grid-template-columns: repeat(2, 1fr);
    }

    .aeFastTravelItem {
        display: flex;
        width: 30%;
        flex-grow: 1;
        margin-top: 10px;
        margin-left: 10px;
        position: relative;
        display: inline-flex;
        align-items: center;
        border: 2px solid #e2e4e3;
        background-color: #f1f3f2;
        color: #8d97a2;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 10px;
    }

    .aeFastTravelItem .itemTitle {
        display: block;
        flex-grow: 1;
        color: #000;
    }

    .aeFastTravelItem .itemIcon {
        display: block;
        flex-shrink: 0;
    }

    .aeFastTravelItem .itemIcon .iconImg {
        display: block;
        margin: auto;
        width:  24px;
        height: 24px;
    }

    .aeBuyTicketsGrid .buyHead {
        background: #fff;
        border: 1px solid #8d98a2;
        color: #8d98a2;
        padding: 0 10px 0 15px;
    }

    .aeBuyTicketsGrid .buyHead .buyCaption { font-size: 15px; font-weight: bold; color: #000;}
    .aeBuyTicketsGrid .buyTicketItem.active .buyHead .buyCaption { color: #ffffff }

    .aeBuyTicketsGrid .buyTicketItem.active .buyHead {
        background: #8d98a2;
        border: 2px solid #8d98a2;
        border-bottom: 0;
        color: #8d98a2;
    }

    .aeBuyTicketsGrid .buyHead .buyIcon .iconImage {
        max-height: 46px;
        fill: #8d98a2;
    }

    .aeBuyTicketsGrid .buyTicketItem.active .buyHead .buyIcon .iconImage {
        fill: #ffffff;
    }


    .aeBuyTicketsGrid .buyTicketItem.active .buyBody {
        border: 2px solid #929497;
        border-top: 0;
        margin-bottom: 20px;
    }

    .aeBuyTicketsGrid .buyButton .buttonIn { top: -43px; }

    .aeBuyTicketsGrid .buyHead .buyPrice {
        color: #ec1d25
    }

    .aeBuyTicketsGrid .buyTicketItem.active .buyHead .buyPrice {
        color: #ffffff
    }

    .aeBuyTicketsGrid .buyDescription {
        font-size: 12px;
        /*color: #000;*/
        font-weight: 800;
    }

    .aeBuyTicketsGrid .buyTicketItem.active .buyDescription, .aeBuyTicketsGrid .buyTicketItem.active .buyAero {
        color: #ffffff;
    }


    /* Button */

    .aeBuyTicketsGrid .buyButton {
        display: none;
    }

    .aeBuyTicketsGrid .buyTicketItem.active .buyButton  {
        display: block;
        background-color: #8d97a2;
        height: 0;
    }

    .aeBuyTicketsGrid .buyUITitle {
        font-size: 12px;
    }

    .aeBuyTicketsGrid .buyTicketInput {
        font-size: 11px;
    }

    .ticketRouteList, .aeBuyTicketsGrid .buyTicketInput.thin {
        font-size: 12px;
    }

    .aeBuyTicketsGrid .ui-datepicker-title {
        font-size: 12px;
    }

    .buyTicketH2 {
        margin-bottom: 5px;
        padding-left: 10px;
        text-align: left;
        color: #8d98a2;
        text-transform: uppercase;
        font: 1.2em/1.2em 'Roboto', sans-serif;
    }

    .aeBuyTicketsGrid .buyTicketItem .itemIn { text-decoration: none; display: block;}

    .mobilebanner {
        background-size: contain; display: block; height: 120px; text-align: center; line-height: 120px; background-repeat: no-repeat;   background-position: center;
    }

}

@media (max-width: 419px) {
    .mobilebanner {
        height: auto;
        line-height: 1;
        padding-top: 28.571%;
        background-size: cover;
    }
}

@media (max-width: 449px) {
    /*.aeBuyTicketsGrid { grid-template-columns: repeat(1, 1fr); }*/

    /* .aeBuyTicketsGrid .buyHead { min-height: 160px; } */

    .ticketRouteList, .aeBuyTicketsGrid.scaling .buyTicketInput.thin {
        font-size: 8px;
    }

    .aeBuyTicketsGrid.scaling .buyUITitle { white-space: normal; }

    .aeBuyTicketsGrid.scaling .ui-datepicker-calendar td a,
    .aeBuyTicketsGrid.scaling .ui-datepicker-calendar td span {
        font-size: 8px;
        line-height: 12px;
        width: 14px;
        height: 14px;
        border-width: 1px !important;
    }

    .aeBuyTicketsGrid.scaling .ui-datepicker-calendar th { font-size: 9px; }

}

@media (max-width: 342px) {
    .aeBuyTicketsGrid.scaling .buyHead .buyPrice {
        font-size: 15px;
    }
}

.schedulePage { overflow: visible; }
.stickyShedule {
    position: sticky;
    top: 0;
    z-index: 1;
}
.schedulePage div.mgnlEditorBar {
    clear: none !important;
}

.printpdf {
    height: 35px;
    width: 35px;
    float: right;
    background: url(/dam/images/pdf.png) left top no-repeat;
    background-size: 35px;
}

.stationSelect .strWrap.sheduleReverse {
    width: 52px;
    flex-grow: 0;
}

.stationSelect .strWrap.sheduleReverse .cusSelect .cusSelectFakeInput { padding: 0; }

.stationSelect .strWrap.sheduleReverse .cusSelect .cusSelectFakeInput:before { display: none; }

@media (max-width: 880px) {
    .stationSelect .strWrap.sheduleReverse { display: none; }
}

/* FAQ */

.faqList { margin-bottom: 48px; }

.faqEntity:first-child .faqEntityHead { padding-top: 0; }

.faqEntity .faqEntityHead {
    position: relative;
    margin-bottom: 0;
    padding-right: 32px;
    cursor: pointer;
}

.faqEntityHead .ui-icon {
    padding-left: 0;
}

.faqEntity .faqEntityHead:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 9px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background-image: url(/dam/images/arrow-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.25s transform;
    transform: rotate(180deg);
}

.faqEntity:first-child .faqEntityHead:before { margin-top: -16px; }

.faqEntity .faqEntityHead.ui-state-active:before { transform: rotate(0); }

.faqEntity { border-bottom: 1px solid #e2e3e6; }

.faqEntity .faqEntityHead { padding: 24px 0; }

.faqEntity .faqEntityContent {
    display: none;
    padding-bottom: 24px;
}

.faqBlock {
    padding: 10px;
}

.faqBlock h2 {
    text-decoration: underline #ff1300;
}

.faqBlock:nth-child(even) {
    background-color: #f1f1f1;
}

@media (min-width: 881px) and (max-width: 1180px) {

    .accordion {
        margin-right: 0;
    }

    .columbs .li {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/*faq accordion first level*/
.faqListEntity:first-child .faqEntityHead {
    padding-top: 0;
}
.faqListEntity .faqListEntityHead {
    padding: 24px 0;
}
.faqListEntity .faqListEntityHead {
    position: relative;
    margin-bottom: 0;
    padding-right: 32px;
    cursor: pointer;
    font-size: larger;
}
.faqListEntity:first-child .faqListEntityHead:before {
    margin-top: -16px;
}
.faqListEntity .faqListEntityHead:before {
    content: "";
    position: absolute;
    width: 22.5px;
    height: 13.5px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background-image: url(/dam/images/arrow-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.25s transform;
    transform: rotate(180deg);
}
.faqListEntity {
    border-bottom: 1px solid #e2e3e6;
}
.faqListEntity .faqListEntityHead.ui-state-active:before {
    transform: rotate(0);
}


/* Spoiler */

.spoilerEntity:first-child .spoilerEntityHead { padding-top: 0; }

.spoilerEntity .spoilerEntityHead {
    position: relative;
    margin-bottom: 0;
    padding-right: 32px;
    cursor: pointer;
}

.spoilerEntityHead .ui-icon {
    padding-left: 0;
}

.spoilerEntity .spoilerEntityHead:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 9px;
    right: 0;
    top: 50%;
    margin-top: -4px;
    background-image: url(/dam/images/arrow-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.25s transform;
    transform: rotate(180deg);
}

.spoilerEntity:first-child .spoilerEntityHead:before { margin-top: -16px; }

.spoilerEntity .spoilerEntityHead.ui-state-active:before { transform: rotate(0); }

.spoilerEntity { border-bottom: 1px solid #e2e3e6; }

.spoilerEntity .spoilerEntityHead { padding: 24px 0; }

.spoilerEntity .spoilerEntityContent {
    display: none;
    padding-bottom: 24px;
}