@import ../../img/svg-symbols.css; circle {
    stroke: white;
}

.glazaicon {
    stroke: white;
}

.help-blind li {
    float: left;
    padding: 6px 6px 6px 0px;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

header,nav,section,article,aside,footer {
    display: block
}

html {
    height: 100%;
    width: 100%
}

body {
    text-align: left;
    height: 100%;
    width: 100%;
    font: 14px Segoe UI,Tahoma,Verdana,sans-serif;
    background: url(../img/main_bg.jpg) no-repeat -150px top fixed #02637e;
    color: #2c2c2c
}

a {
    color: #fff;
    outline: none;
    text-decoration: underline
}

p {
    margin: 0 0 18px
}

img {
    border: none
}

input {
    vertical-align: middle
}

.container {
    margin: 0 auto
}

#wrapper {
    width: 100%;
    min-width: 960px;
    overflow-x: scroll;
    overflow-y: visible!important;
    height: auto;
    position: relative
}

#wrapper_page {
    width: 100%;
    min-width: 980px;
    height: auto;
    position: relative;
    min-height: 100%;
    height: auto!important
}

#wrapper_page.p404 {
    min-height: 100%
}

#page {
    margin: 0 auto;
    background: #fff;
    padding: 50px 50px 0;
    margin-left: 80px;
    margin-right: 35px;
    border: 1px solid #006b86;
    max-width: 1300px;
    font-size: 14px;
    color: #2c2c2c;
    font-family: Segoe UI;
    line-height: 1.4
}

.page_wrapper {
    padding-bottom: 140px;
    padding-top: 10px
}

.news_main_img {
    margin-bottom: 20px
}

#page h1 {
    font-family: Segoe UI Light;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1
}

#page h2 {
    font-family: Segoe UI Light;
    font-size: 42px!important;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1
}

#page h2 img {
    margin-bottom: 0!important
}

#page h3 {
    font-family: Segoe UI Light;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #2c2c2c;
    line-height: 1
}

#page h4 {
    font-family: Segoe UI Light;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #2c2c2c;
    line-height: 1
}

#page a {
    color: #20b6d5
}

#page.news {
    padding: 0;
    max-width: 1400px
}

.article_page_content p {
    font-size: 16px;
    font-family: Segoe UI!important
}

.article_page_content a {
    text-decoration: none;
    border-bottom: 1px solid #90dbea
}

.article_page_content a:hover {
    color: #F74A66!important;
    border-color: #F74A66!important
}

.news_preview {
    padding: 15px 35px;
    display: block
}

.news_preview img {
    position: relative;
    top: 5px;
    max-width: 50px!important;
    height: auto!important
}

.news_preview:hover {
    background-color: #1ed4f0
}

.news_preview table td {
    vertical-align: top
}

.np_date {
    display: block;
    font-family: Segoe UI Light;
    font-size: 15px;
    color: #fff
}

.news_preview a {
    font-family: Segoe UI;
    font-size: 15px;
    color: #fff!important;
    text-decoration: none;
    border-bottom: 1px solid #90dbea
}

table.news_page {
    width: 100%
}

table.news_page .first {
    width: 25%;
    background: #10c2dd
}

table.news_page .first h1 {
    color: #fff
}

.breadcrumbs {
    margin-bottom: 20px
}

.breadcrumbs li {
    float: left;
    padding: 1px 6px;
    margin-right: 5px
}

.breadcrumbs li.active {
    background: #fff;
    cursor: default
}

.breadcrumbs li a {
    font-family: Segoe UI;
    font-size: 15px;
    color: #fff!important
}

.breadcrumbs li.active a {
    color: #017a99!important;
    text-decoration: none;
    cursor: default
}

table.news_page .last {
    padding-left: 55px;
    padding-right: 55px
}

table.news_page td {
    padding-top: 35px;
    padding-bottom: 80px;
    vertical-align: top
}

.clear_both {
    clear: both
}

.news_preview td {
    padding: 0!important
}

.news_preview table td:first-child {
    padding-right: 20px!important
}

@media (max-width: 1113px) {
    .news_preview img {
        display:none
    }

    .news_preview table td:first-child {
        padding: 0!important
    }
}

.news_preview.current {
    background: #fff;
    cursor: default
}

.news_preview.current .np_date {
    color: #647578
}

.news_preview.current a {
    color: #1f1f1f!important;
    text-decoration: none;
    cursor: default;
    border: none
}

.news_preview.current input[type="submit"] {
    background: #ee5757;
    border: none;
    padding: 6px 15px 9px;
    font-size: 18px;
    color: #fff;
    font-family: Segoe UI;
    cursor: pointer;
    margin-left: 0
}

a.submit {
    background: #ee5757;
    border: none;
    padding: 6px 15px 9px;
    font-size: 18px;
    color: #fff!important;
    font-family: Segoe UI;
    cursor: pointer;
    margin-left: 0;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all .4s ease
}

a.submit:hover {
    background: #c94040
}

a.submit.disabled {
    background: #dee1e3;
    cursor: default
}

span.rur {
    font-family: "Ruble"
}

@font-face {
    font-family: "Ruble";
    src: url(../font/ruble.ttf) format("truetype"),url(../font/ruble.eot) format("embedded-opentype"),url(../font/ruble.woff) format("woff"),url(../font/ruble.svg#JournalRegular) format("svg")
}

@font-face {
    font-family: "Segoe UI Light";
    src: url(../font/segoeuilight.eot);
    src: local("Segoe UI Light"),url(../font/segoeuilight.eot?#iefix) format("embedded-opentype"),url(../font/segoeuilight.woff) format("woff"),url(../font/segoeuilight.ttf) format("truetype"),url(../font/segoeuilight.svg#JournalRegular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Segoe UI";
    src: url(../font/segoeui.eot);
    src: local("Segoe UI"),url(../font/segoeui.eot?#iefix) format("embedded-opentype"),url(../font/segoeui.woff) format("woff"),url(../font/segoeui.svg#JournalRegular) format("svg"),url(../font/segoeui.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.inner {
    padding-bottom: 80px
}

.clear_fix:before,.clear_fix:after {
    content: "";
    display: table
}

.clear_fix:after {
    clear: both
}

.clear_fix {
    zoom:1}

#header {
    margin-bottom: 20px;
    width: 100%;
    min-width: 960px;
    top: 0;
    z-index: 5;
    position: relative
}

.top_menu {
    min-height: 40px;
    background: #10c2dd
}

.top_menu li {
    float: left;
    padding: 0 19px;
    position: relative;
    padding-top: 10px;
    height: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.top_menu li li {
    float: none
}

.top_menu li:hover {
    background-color: #2ecfe7!important
}

.top_menu_drop_list ul li:hover {
    background-color: #fff!important
}

.top_menu li a {
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #9fe7f1
}

.top_menu li.drop {
    background: url(../img/drop.png) no-repeat 95% 50%
}

.top_menu li.active {
    background-color: #fff!important
}

.top_menu li.active a {
    color: #1b191a;
    border-bottom: 1px dotted #ccc!important;
    transition: all .2s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.top_menu li.active a:hover {
    color: #000!important;
    border-bottom: 1px dotted #666!important
}

.top_menu li.drop a {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: pointer
}

.top_menu_drop_list {
    position: absolute;
    background: #fff;
    padding: 30px;
    z-index: 1000;
    width: 590px;
    top: 40px;
    left: -1px;
    border: 1px solid #7fbfcf;
    border-top: none
}

.top_menu_drop_list ul {
    float: left;
    width: 45%;
    padding-right: 0
}

.top_menu_drop_list ul:first-child {
    width: 50%;
    padding-right: 5%
}

.top_menu_drop_list a {
    border: none!important;
    text-decoration: underline!important
}

.top_menu li.active .top_menu_drop_list ul a {
    color: #242121!important;
    text-decoration: none!important;
    border-bottom: 1px solid #ccc!important
}

.top_menu li.active .top_menu_drop_list ul a:hover {
    color: #000!important;
    border-bottom: 1px solid #666!important
}

.top_menu_drop_list ul li {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    height: auto
}

.top_menu_drop_list ul li ul {
    float: none;
    width: auto;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 25px
}

.top_menu li.active .top_menu_drop_list ul li ul a {
    color: #009dbd!important;
    text-decoration: none!important;
    border-bottom: 1px solid #c2f0ff!important
}

.top_menu li.active .top_menu_drop_list ul li ul a:hover {
    color: #f72446!important;
    border-color: #f8a8b5!important
}

.top_menu li.current a {
    color: #02637e!important;
    border: none!important;
    cursor: default
}

.top_menu li.current li a {
    cursor: pointer!important
}

.top_menu li.active .top_menu_drop_list ul li ul li.current a,.top_menu li.active .top_menu_drop_list ul li ul li.current a:hover,.top_menu li.current li.current a,.top_menu li.current li.current a:hover,.top_menu li.current li.current li.current a,.top_menu li.current li.current li.current a:hover,.spec_menu.current a {
    cursor: default!important;
    border: none!important;
    color: #ccc!important
}

.top_menu li.current li.current.selected li a {
    cursor: pointer!important
}

.top_menu li.current li.current.selected li a:hover {
    border-bottom: 1px solid!important
}

.top_menu li.active .top_menu_drop_list ul li.current a.uniq {
    cursor: default!important;
    border: none!important;
    color: #ccc!important
}

.logo {
    width: 165px;
    height: 63px;
    display: block;
    background: url(../img/logo25.png) no-repeat;
    margin-top: -16px;
    display: block;
    float: left
}

.logo.en {
    background: url(../img/angara_logo_en.png) no-repeat
}

.header_main_block {
    max-width: 1400px;
    padding-top: 45px;
    padding-left: 70px
}

.main_menu {
    vertical-align: top;
    position: relative;
    top: -3px;
    padding-left: 25%;
    padding-right: 20px
}

.main_menu li {
    height: 50px;
    vertical-align: middle;
    float: left;
    width: 18%;
    padding-right: 2%
}

.main_menu li.li1 {
    width: 14%
}

.main_menu li.li2 {
    width: 18%
}

.main_menu a {
    height: 50px;
    text-decoration: none;
    display: table
}

.main_menu a div {
    display: inline-block;
    height: 42px;
    width: 42px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.main_menu a.mm_ico_1 div {
    background: url(../img/main_menu_ico_1.png) no-repeat left top;
    height: 47px;
    position: relative;
    top: 6px
}

.main_menu a.mm_ico_2 div {
    background: url(../img/main_menu_ico_2.png) no-repeat left top
}

.main_menu a.mm_ico_3 div {
    background: url(../img/main_menu_ico_3.png) no-repeat left top
}

.main_menu a.mm_ico_4 div {
    background: url(../img/main_menu_ico_4.png) no-repeat left top
}

.main_menu a.mm_ico_5 div {
    background: url(../img/main_menu_ico_5.png) no-repeat left top
}

.main_menu a.active div {
    background-position: 0 -42px;
    cursor: default
}

.main_menu a.active.mm_ico_1 div {
    background-position: 0 -47px!important;
    cursor: default
}

.main_menu a.active span span {
    color: #10c2dd;
    border: none!important;
    cursor: default
}

.main_menu a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.main_menu a span span {
    display: inline;
    border-bottom: 1px solid #93abb2;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.main_menu a:hover span span {
    border-bottom: 1px solid #d0e8ef
}

#content {
    position: relative;
    left: 400px;
    z-index: 4;
    height: 100%
}

.content_main_zone {
    width: 100%;
    overflow-x: scroll;
    height: 100%
}

.dargble_zone {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: move
}

@-webkit-keyframes revol {
    from {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg) perspective(0px)
    }

    to {
        transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg) perspective(400px)
    }
}

@keyframes revol {
    from {
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg) perspective(00px);
        transform: rotateX(0deg)
    }

    to {
        -o-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg) perspective(400px);
        transform: rotateX(360deg)
    }
}

.revol {
    animation: revol 1s alternate;
    -webkit-animation: revol 1s alternate;
    -moz-animation: revol 1s alternate;
    -o-animation: revol 1s alternate
}

.tile {
    border: 1px solid #006b86;
    margin-bottom: 11px;
    text-decoration: none;
    position: relative;
    opacity: 0;
    z-index: 2;
    transition: border .2s ease,opacity .7s ease;
    -o-transition: border .2s ease,opacity .7s ease;
    -moz-transition: border .2s ease,opacity .7s ease;
    -webkit-transition: border .2s ease,opacity .7s ease;
    -webkit-backface-visibility: hidden
}

a.tile:hover {
    border-color: #fff
}

.tile.blue_hover:hover {
    border-color: #6de6ff
}

.tile.red_hover:hover {
    border-color: #ff9b9b
}

.tile.white_hover:hover {
    border-color: #fff
}

a.tile {
    cursor: pointer
}

.screen {
    padding: 0 80px;
    float: left;
    position: relative
}

.first_screen_top_block {
    width: 800px;
    font-family: Segoe UI Light;
    font-size: 16px;
    color: #fff;
    position: relative;
    height: 311px;
    overflow: hidden
}

.tile_conteiner_front_banner {
    position: absolute
}

div.tile_conteiner_front_banner a.tile_item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 2s linear;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear
}

div.tile_conteiner_front_banner a.tile_item.active {
    opacity: 1;
    z-index: 2
}

.front_promo_block h1 {
    font-size: 34px;
    color: #fff;
    font-weight: 400;
    font-family: Segoe UI Light;
    margin-bottom: 20px;
    line-height: 1
}

.front_promo_block {
    position: absolute;
    width: 45%;
    right: 0;
    top: 50px
}

.first_screen_top_block img {
    display: block
}

.first_screen_wide_block {
    padding: 0;
    width: 310px;
    display: block;
    color: #fff;
    float: left;
    margin-right: 11px;
    height: 150px;
    position: relative;
    overflow: hidden;
    font-size: 14px
}

.tile_conteiner {
    position: absolute;
    top: 0
}

.first_screen_wide_block .tile_item {
    width: 260px;
    padding: 25px;
    height: 100px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden
}

.first_screen_wide_block table {
    width: 100%
}

.first_screen_wide_block td {
    vertical-align: top
}

.first_screen_wide_block td:first-child {
    padding-right: 25px
}

.first_screen_wide_block h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    font-family: Segoe UI;
    margin-bottom: 15px;
    line-height: 1.2;
    max-height: 52px;
    overflow: hidden
}

.first_screen_wide_block p {
    max-height: 44px;
    overflow: hidden
}

.first_screen_narrow_block {
    width: 155px;
    display: block;
    color: #fff;
    float: left;
    height: 150px;
    overflow: hidden
}

.first_screen_narrow_block img {
    display: block;
    width: 100%
}

.next_screen {
    width: 33px;
    padding-top: 35px;
    background: url(../img/next.png) no-repeat 0 0;
    display: block;
    position: absolute;
    right: 30px;
    top: 0;
    cursor: pointer;
    text-decoration: none;
    z-index: 2
}

.next_screen span {
    color: #10c2dd;
    border-bottom: 1px dotted
}

.next_screen:hover {
    background-position: -33px 0
}

.next_screen:hover span {
    color: #fff
}

.prev_screen {
    width: 33px;
    padding-top: 35px;
    background: url(../img/prev.png) no-repeat -33px 0;
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: right;
    z-index: 2
}

.prev_screen span {
    color: #10c2dd;
    border-bottom: 1px dotted
}

.prev_screen:hover {
    background-position: 0 0
}

.prev_screen:hover span {
    color: #fff
}

.feedback {
    padding: 20px 25px;
    width: 750px;
    background: #fff;
    height: 385px
}

.feedback h2 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    font-family: Segoe UI Light;
    margin-bottom: 25px;
    line-height: 1
}

.feedback_left {
    width: 520px;
    float: left
}

.feedback_left table {
    width: 100%
}

.feedback_left td {
    vertical-align: top;
    padding-bottom: 15px
}

.feedback_left tr:last-child td {
    padding-bottom: 0
}

.feedback_left td.first {
    width: 150px
}

.feedback_left label {
    font-size: 14px;
    color: #42585d;
    font-family: Segoe UI
}

.feedback_left input[type="text"] {
    width: 330px;
    padding: 0 10px;
    height: 28px;
    border: 1px solid #acb5b8;
    font-size: 14px;
    color: #000;
    border-radius: 0!important;
    font-family: Segoe UI;
    padding-bottom: 2px
}

.feedback_left textarea {
    max-width: 330px;
    min-width: 330px;
    padding: 10px;
    max-height: 128px;
    min-height: 128px;
    font-size: 14px;
    font-family: Segoe UI;
    border: 1px solid #acb5b8;
    margin: 0;
    border-radius: 0!important
}

.feedback_left input[type="text"]:focus,.feedback_left textarea:focus {
    border-color: #10c2dd
}

.feedback_left input[type="submit"] {
    margin-right: 20px
}

.feedback_left a.submit {
    margin-right: 20px
}

.feedback_right {
    float: left;
    width: 180px;
    margin-left: 22px
}

.feedback_right h3 {
    font-size: 16px;
    color: #111718;
    font-family: Segoe UI;
    margin-bottom: 15px;
    line-height: 18px;
    font-weight: 400
}

.feedback_right span {
    font-size: 14px;
    color: #979797;
    display: block;
    font-family: Segoe UI
}

.feedback_right div {
    margin-bottom: 10px
}

.social_button a {
    display: block;
    float: left;
    background: #10c2dd;
    width: 50px;
    margin-right: 11px;
    height: 50px;
    position: relative
}

.social_button a.last {
    margin-right: 0;
    width: 50px
}

.social_button span {
    display: none;
    position: absolute;
    bottom: 25px;
    left: 15px
}

.social_button a {
    background-size: 60%!important
}

.social_button a.fb {
    background: url(../img/fb_2.png) no-repeat 50% 50% #10c2dd
}

.social_button a.tw {
    background: url(../img/tw_2.png) no-repeat 50% 50% #10c2dd
}

.social_button a.vk {
    background: url(../img/vk_2.png) no-repeat 50% 50% #10c2dd
}

.social_button a.ok {
    background: url(../img/ok_2.png) no-repeat 50% 50% #10c2dd;
    background-size: 40%!important
}

.social_button a.rss {
    background: url(../img/rss_2.png) no-repeat 50% 50% #ee5757;
    background-size: 50%!important
}

.buy_ticket {
    padding: 25px;
    width: 590px;
    background: #fff;
    float: left;
    margin-right: 11px
}

.buy_ticket_tab {
    margin-bottom: 25px;
    margin-top: 10px
}

.buy_ticket h2 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    font-family: Segoe UI Light;
    margin-bottom: 20px;
    line-height: 1
}

.buy_ticket_tab li {
    display: inline-block;
    background: #10c2dd;
    vertical-align: middle
}

.buy_ticket_tab li:hover {
    background: #0f8aad
}

.buy_ticket_tab li.current {
    border: 1px solid #acb5b8;
    background: #fff
}

.buy_ticket_tab a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 7px 10px
}

.buy_ticket_tab li.current a {
    cursor: default;
    padding: 10px;
    color: #42585d
}

.buy_ticket td {
    vertical-align: top
}

.buy_ticket td.td_first {
    width: 65px;
    padding-right: 10px;
    text-align: right
}

.buy_ticket td.td_center {
    width: 450px
}

.buy_ticket td.td_first label {
    font-size: 12px;
    color: #42585d
}

.datepick-month td {
    background: none
}

.datepick-cmd-today {
    display: none
}

.datepick {
    width: 450px!important;
    border: none
}

.datepick-month {
    width: 210px;
    border: none
}

.datepick-month.first {
    margin-right: 30px
}

.datepick-month td {
    border: none;
    vertical-align: top;
    border: 1px solid #fff
}

.datepick-month td a,.datepick-month td span {
    font-size: 12px!important;
    color: #d0f3f8!important;
    font-family: Segoe UI!important;
    display: block;
    width: 100%;
    padding: 0;
    background: none;
    color: #000;
    text-decoration: none;
    background: #10c2dd;
    width: 24px!important;
    height: 24px!important;
    text-align: left!important;
    padding-left: 5px;
    padding-top: 5px;
    line-height: 1
}

.datepick-month td span {
    background: #e7eeef!important;
    color: #9eb2b7!important
}

.datepick-month td .datepick-weekend {
    background: #10c2dd
}

.datepick-month td .datepick-selected {
    background-color: #ff4949;
    color: #fff
}

.datepick-month td .datepick-other-month {
    background-color: #fff!important;
    color: #fff!important;
    display: none
}

.datepick-month td .datepick-today {
    background-color: #0f8aad
}

.datepick-highlight {
    background-color: #0f8aad!important
}

.datepick-month-header,.datepick-month-header select,.datepick-month-header input {
    height: 1.5em;
    background-color: #fff;
    color: #42585d;
    font-weight: 400;
    font-size: 16px;
    font-family: Segoe UI
}

.datepick-month-header {
    padding-bottom: 2px
}

.datepick-month th,.datepick-month th a {
    background-color: #fff;
    color: #42585d;
    font-size: 12px;
    border: none
}

.datepick-cmd-prev {
    background: url(../img/prev_mini.png) no-repeat left 0;
    padding-left: 30px;
    height: 20px!important;
    display: block;
    position: relative;
    left: -25px;
    padding-top: 2px
}

.datepick-cmd-prev:hover {
    background-position: left -22px
}

.datepick-cmd-next {
    background: url(../img/next_mini.png) no-repeat right 0;
    padding-right: 30px!important;
    height: 20px!important;
    display: block;
    position: relative;
    right: -25px;
    padding-top: 2px
}

.datepick-cmd-next:hover {
    background-position: right -22px
}

.datepick-cmd {
    color: #20b6d5!important;
    width: auto!important
}

.datepick-cmd:hover {
    background-color: #fff;
    color: #f72446!important
}

.datepick-cmd span {
    border-bottom: 1px dotted;
    font-size: 16px;
    font-weight: 400;
    font-family: Segoe UI;
    position: relative;
    top: -4px
}

.datepick-nav,.datepick-ctrl {
    background: none
}

.datepick-nav {
    position: relative;
    z-index: 3
}

.datepick-month-header {
    position: relative;
    top: -4px
}

.datepick-month-row {
    position: relative;
    top: -20px;
    z-index: 1
}

.datepick-month.first .datepick-month-header {
    text-align: right
}

.datepick-month.last .datepick-month-header {
    text-align: left
}

.datepick-month td .datepick-selected {
    background: url(../img/datepick-selected_first.png) no-repeat;
    font-size: 0!important
}

.datepick-month td .datepick-selected-first {
    background: url(../img/datepick-selected_first.png) no-repeat!important;
    font-size: 0!important
}

.datepick-month td .datepick-selected-last {
    background: url(../img/datepick-selected_last.png) no-repeat;
    font-size: 0!important
}

.buy_ticket input[type="submit"] {
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle
}

.buy_ticket a.submit {
    margin-right: 28px;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 15px 9px
}

.buy_ticket label {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #42585d
}

.datepick-disabled {
    display: none
}

div.sexy {
    width: auto
}

div.sexy input {
    width: 428px;
    background: #fff;
    font-size: 18px;
    color: #323636;
    height: 27px;
    padding: 0 10px;
    border: none;
    border: 1px solid #acb5b8;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px
}

div.sexy input::selection {
    background: #e8f7fa
}

div.sexy input::-moz-selection {
    background: #e8f7fa
}

div.sexy div.icon {
    left: auto;
    right: 0
}

div.sexy div.list-wrapper {
    width: 450px;
    background: #20b6d5;
    border: none;
    border-bottom: 1px solid #10c2dd
}

div.sexy li {
    padding: 3px 10px 6px;
    font: 14px Segoe UI,helvetica,sans-serif;
    background: #fff;
    cursor: pointer;
    margin: 0;
    border-left: 1px solid #10c2dd;
    border-right: 1px solid #10c2dd;
    font-size: 14px;
    background-color: #fff;
    color: #323636
}

div.sexy li.active {
    background-color: #e8f7fa
}

div.sexy div.list-wrapper {
    top: 28px
}

div.sexy div.icon {
    background: url(../img/spin_down.png) no-repeat 50% 50%;
    height: 30px;
    width: 30px;
    border: none
}

div.sexy input:focus {
    background: #fff;
    border: 1px solid #10c2dd;
    color: #000
}

div.sexy {
    height: 29px;
    margin-bottom: 6px
}

.ads_block {
    float: left
}

.ads_block div.tile {
    display: block;
    background: #11ADCE;
    position: relative;
    margin-bottom: 11px;
    overflow: hidden;
    width: 150px;
    height: 150px
}

.ads_block div.tile a {
    display: block;
    padding: 15px;
    width: 120px;
    height: 120px;
    position: relative;
    margin-bottom: 11px;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none
}

.ads_block a h3 {
    font-family: Segoe UI Light;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px
}

.ads_block div.tile.bej a,.ads_block div.tile.bej h3 {
    color: #017a99
}

.ads_block {
    font-size: 14px
}

.ads_block .price {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 18px;
    font-family: Segoe UI Light
}

.spin_table {
    width: 110%;
    font-size: 12px;
    color: #42585d
}

.spin_table td {
    width: 30%;
    padding-bottom: 5px;
    font-size: 14px;
    color: #42585d
}

.spin_table td:first-child {
    width: 31%
}

.spin_table td:last-child {
    width: 40%
}

.datepick-month span {
    text-transform: uppercase;
    font-size: 12px;
    color: #7d898c;
    font-weight: 400;
    text-indent: -3px;
    padding-bottom: 6px
}

.smartspinner {
    border: 1px solid #acb5b8;
    vertical-align: middle;
    opacity: 1!important;
    background-color: #fff;
    border-radius: 0;
    font-size: 14px;
    color: #42585d!important;
    text-align: left;
    padding-left: 8px;
    line-height: 1;
    width: 34px;
    height: 25px
}

.spin:hover .smartspinner {
    border-color: #10c2dd
}

.smartspinner:disabled {
    color: #42585d!important
}

.smartspinner::-webkit-input-placeholder {
    color: #fff!important
}

.smartspinner:-moz-placeholder {
    color: #fff!important
}

.spin {
    position: relative;
    width: 44px;
    margin-bottom: 30px
}

.spin .up {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/spin_up.png) no-repeat 50% 70%;
    cursor: pointer;
    width: 20px;
    height: 15px
}

.spin .down {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/spin_down.png) no-repeat 50% 30%;
    cursor: pointer;
    width: 20px;
    height: 15px
}

.article_page_menu {
    float: left
}

.article_page_menu a {
    font-family: Segoe UI Light;
    font-size: 20px;
    color: #fff!important;
    text-decoration: none;
    border-bottom: 1px solid #80bdcc;
    line-height: 1
}

.article_page_menu li .apg_lvl_1 {
    padding: 10px;
    padding-left: 30px;
    margin-bottom: 10px
}

.article_page_menu li .apg_lvl_1:hover {
    background-color: #1ed4f0
}

.article_page_menu li.active .apg_lvl_1 {
    background: #fff
}

.article_page_menu li.active .apg_lvl_1 a {
    color: #173254!important
}

.article_page_menu li span {
    padding: 10px;
    padding-left: 30px;
    display: block
}

.article_page_menu ul li ul {
    margin-top: -10px;
    margin-bottom: 15px
}

.article_page_menu ul li ul li:hover {
    background-color: #1ed4f0
}

.article_page_menu ul li ul li a {
    font-size: 14px;
    color: #fff!important;
    font-family: Segoe UI
}

.article_page_menu ul li ul li {
    padding: 5px 30px 5px 45px;
    background: url(../img/li.png) no-repeat 35px 14px
}

.article_page_menu ul li ul li.active {
    background-color: #fff
}

.article_page_menu ul li ul li.active a {
    color: #173254!important
}

.article_page_menu li.active span {
    background: #fff;
    color: #173254
}

.article_page_menu li.active span a {
    color: #173254!important
}

.article_page_menu li.active li span {
    background: none
}

.article_page_menu li.active a {
    border: none;
    cursor: default
}

.article_page_menu li.active li a {
    cursor: pointer;
    border-bottom: 1px solid #80bdcc
}

#page.article {
    background: none;
    border: none;
    padding: 0;
    max-width: 1400px
}

.page_padding {
    padding: 50px 55px 80px
}

.kasses_ul {
    margin-left: -10px;
    margin-bottom: 20px
}

.kasses_ul li {
    float: left;
    padding: 3px 10px 5px;
    margin-right: 10px
}

.kasses_ul li a {
    font-family: Segoe UI Light;
    font-size: 22px;
    color: #00b4d9;
    text-decoration: none;
    border-bottom: 1px dotted #8fdaea
}

.kasses_ul li.active {
    background: #f95b5b
}

.kasses_ul li.active a {
    color: #fff!important;
    border-color: #f95b5b
}

.kasses_item {
    color: #7d7d7d;
    font-size: 14px;
    margin-bottom: 20px
}

.kasses_item a {
    font-size: 14px;
    color: #ff2525!important;
    text-decoration: none;
    border-bottom: 1px dotted;
    padding: 2px 0;
    margin-bottom: 5px;
    display: inline-block
}

.kasess_left {
    width: 27%;
    padding-right: 3%;
    float: left
}

.kasses_right {
    width: 70%;
    float: left
}

.kasses_item span {
    display: block;
    font-size: 14px;
    color: #2c2c2c
}

.kasses_item a.active {
    color: #111!important;
    border: none!important;
    background: #c9c9c9;
    padding: 2px 5px;
    margin-left: -5px
}

.park_head {
    padding-left: 30px
}

.park_head h1 {
    color: #fff;
    line-height: 1
}

.park_ico {
    display: inline-block
}

.park_ico_1 {
    position: relative;
    left: -11px;
    background: url(../img/park_2.png) no-repeat 0 0;
    width: 63px;
    height: 39px
}

.park_ico_2 {
    background: url(../img/park_1.png) no-repeat 0 0;
    width: 42px;
    height: 49px
}

.park_ico_3 {
    background: url(../img/park_3.png) no-repeat 0 0;
    width: 47px;
    height: 40px
}

.park_ico_4 {
    background: url(../img/park_4.png) no-repeat 0 0;
    width: 48px;
    height: 46px
}

.park_ico_5 {
    background: url(../img/park_5.png) no-repeat 0 0;
    width: 48px;
    height: 44px
}

.news_preview.current .park_ico_1 {
    background-position: 0 -39px
}

.news_preview.current .park_ico_2 {
    background-position: 0 -49px
}

.news_preview.current .park_ico_3 {
    background-position: 0 -40px
}

.news_preview.current .park_ico_4 {
    background-position: 0 -46px
}

.news_preview.current .park_ico_5 {
    background-position: 0 -44px
}

.park_table td.first td a {
    font-size: 20px
}

.park_table td.first td {
    vertical-align: middle
}

.park_table td.first td:first-child {
    text-align: center;
    padding-right: 20px;
    min-width: 70px
}

.park_table td .news_preview.current a {
    color: #0f99bb!important
}

.autosuggest-cont {
    z-index: 1
}

#sirena_inside_block .reg_auto {
    z-index: 1
}

.about_menu a {
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px solid #90dbea
}

.about_menu .current a {
    border: none
}

.about_menu .news_preview {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.about_menu .news_preview:hover {
    background: #1ed4f0
}

.about_menu .news_preview.current {
    background: #fff
}

.about_menu .news_preview.current a {
    color: #1f1f1f!important;
    text-decoration: none;
    cursor: default
}

.about_menu h2 {
    color: #fff
}

.contact_table h4 {
    color: #131313;
    font-size: 24px!important;
    font-family: Segoe UI Light;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px!important
}

.contact_table .adress a {
    font-size: 16px;
    font-family: Segoe UI Light
}

.contact_table .adress {
    margin-bottom: 5px
}

.contact_table {
    font-size: 16px;
    font-family: Segoe UI Light
}

.contact_table .grey_span {
    color: #8b8b8b;
    display: block
}

.contact_table {
    width: 100%;
    margin-bottom: 0!important
}

.contact_table tr {
    background: none!important
}

.contact_table td {
    width: 50%;
    padding: 0 5% 35px 0 !important;
    border: none!important
}

.article_page_content table.contact_table tr:first-child {
    font-size: 16px;
    color: #000;
    font-family: Segoe UI Light
}

.contact_table td:last-child {
    width: 45%;
    padding: 0 0 35px!important
}

.park_sudov_item_img {
    float: left;
    width: 65%;
    padding-right: 5%;
    margin-bottom: 30px
}

.park_sudov_item_img img {
    max-width: 100%
}

.park_sudov_item_disc {
    float: left;
    width: 30%;
    color: #838b8c;
    font-size: 14px;
    font-family: Segoe UI Light;
    margin-bottom: 30px
}

.park_sudov_item_disc p {
    font-size: 16px;
    color: #131313;
    margin-bottom: 5px
}

.park_sudov_item table {
    width: 100%
}

.park_sudov_item table td {
    padding: 5px 15px!important;
    background: #d8f8ff;
    font-size: 16px;
    color: #2c4a50;
    font-family: Segoe UI Light;
    line-height: 1.1;
    border: none!important
}

.park_sudov_item table td:nth-child(even) {
    background: #effcff;
    color: #4b757e
}

.park_sudov_item table tr:first-child td {
    padding-top: 20px
}

.park_sudov_item table tr:last-child td {
    padding-bottom: 20px
}

.park_sudov_item {
    margin-bottom: 70px
}

.phone_number {
    display: block;
    background: url(../img/phone.png) no-repeat left 50%;
    font-size: 18px;
    font-family: Segoe UI Light;
    padding-left: 30px;
    padding-bottom: 3px
}

.article_page_content .serteficat_left ul {
    padding: 0;
    list-style: none
}

.rucovodstvo {
    width: 100%;
    margin-bottom: 0!important
}

.article_page_content table.rucovodstvo tr:first-child {
    background: none!important
}

.article_page_content table.rucovodstvo td {
    border: none
}

.rucovodstvo h3 {
    font-size: 18px!important;
    margin-bottom: 0!important
}

.rucovodstvo .grey_s {
    font-size: 14px;
    color: #838b8c;
    font-family: Segoe UI Light;
    margin-bottom: 5px;
    display: block
}

.rucovodstvo td {
    width: 30%!important;
    padding: 0 3% 50px 0 !important
}

.top_menu li.active .spec_menu a {
    font-size: 14px!important;
    color: #009dbd!important;
    text-decoration: none!important;
    border-bottom: 1px solid #c2f0ff!important;
    cursor: pointer!important
}

.top_menu li.active .spec_menu a:hover {
    color: #f72446!important;
    border-color: #f8a8b5!important
}

.top_menu li.active .spec_menu.current a {
    cursor: default!important;
    border: none!important;
    color: #ccc!important
}

.spec_menu p {
    font-size: 14px;
    color: #242121;
    margin: 5px 0 0;
    font-family: Segoe UI
}

.spec_menu {
    margin-bottom: 20px
}

.tmdr_2 {
    width: 285px
}

.spec_menu.last {
    margin-bottom: 0
}

.serteficat_left li {
    padding: 5px 10px;
    margin-left: -10px;
    margin-bottom: 10px
}

.serteficat_left li.current {
    border: 1px solid #c9c9c9
}

.serteficat_left li a:hover {
    color: #F74A66!important
}

.serteficat_left li.current a {
    font-size: 16px!important;
    color: #000!important;
    font-family: Segoe UI Light;
    text-decoration: none;
    cursor: default;
    border: none
}

.serteficat_left {
    float: left;
    width: 55%;
    padding-right: 5%;
    z-index: 666
}

.serteficat_right {
    float: left;
    text-align: center;
    position: fixed;
    left: 65%
}

.serteficat_right a {
    border: none!important
}

#page.raspisanie {
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
    max-width: 1400px
}

#page.raspisanie h1 {
    color: #fff;
    text-align: center;
    display: table;
    margin: 0 auto 20px;
    position: relative
}

#page.raspisanie table {
    width: 100%
}

#page.raspisanie th {
    background: #10c2dd;
    font-size: 18px;
    color: #fff;
    font-family: Segoe UI;
    font-weight: 400;
    padding: 10px 20px
}

#page.raspisanie td {
    padding: 10px 20px;
    background: #fff;
    color: #55686c;
    font-family: Segoe UI;
    font-size: 18px
}

#page.raspisanie tr:nth-child(even) td {
    background: #eaeded
}

#page.raspisanie tr:hover td {
    background: #aceffd
}

#page.raspisanie .ettention {
    width: 51px;
    height: 100%;
    position: absolute;
    right: 0;
    overflow: hidden;
    cursor: default
}

#page.raspisanie .ettention.active {
    background: #e39b0c
}

.ettention_container {
    width: 200px;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    margin-top: -14px
}

#page.raspisanie .ettention div.ico {
    background: url(../img/ettention.png) no-repeat;
    width: 31px;
    height: 26px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 10px
}

.ett_text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    float: left;
    width: 159px;
    color: #fff;
    line-height: 1
}

#page.raspisanie .ettention.active div.ico {
    background-position: 0 -26px
}

#page.raspisanie td:last-child {
    width: 50px;
    padding: 0!important;
    position: relative
}

.rasp_desc {
    position: absolute;
    font-size: 14px;
    font-style: italic;
    left: 110%;
    top: 0;
    width: 150px;
    text-align: left
}

.ico_404 {
    background: url(../img/ico_404.png) no-repeat;
    width: 95px;
    height: 95px;
    position: absolute;
    left: -120px;
    top: 10px
}

.block_404 {
    width: 444px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    font-family: Segoe UI;
    line-height: 1.4;
    position: absolute;
    left: 50%;
    margin-left: -222px;
    margin-top: -90px;
    top: 50%
}

.block_404 h1 {
    text-align: left!important;
    margin: 0 0 20px!important;
    line-height: 1
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.article_page_content p.yellow {
    background: #fcfabf;
    padding: 20px
}

.article_page_content p.green {
    background: #fcfabf;
    padding: 20px;
    background: #e0f9ff
}

.article_page_content {
    font-size: 16px;
    color: #2c2c2c;
    font-family: Segoe UI;
    line-height: 1.4
}

.article_page_content table {
    width: 100%;
    margin-bottom: 50px
}

.article_page_content table td {
    padding: 10px 20px;
    border-bottom: 1px solid #c8cfd1
}

.article_page_content table tr:first-child {
    background: #f6f6f6;
    font-size: 16px;
    color: #000;
    font-family: Segoe UI
}

.article_page_content blockquote {
    padding: 0 20px 20px
}

.article_page_content ul {
    list-style-image: url(../img/ul.png);
    padding-left: 30px;
    margin-bottom: 30px
}

.article_page_content ol {
    list-style: decimal;
    padding-left: 30px;
    margin-bottom: 30px
}

.article_page_content ol li {
    margin-bottom: 15px
}

.article_page_content ul li {
    padding-left: 15px;
    margin-bottom: 15px
}

.article_page_content b {
    font-weight: 400;
    color: #000
}

.article_page_content img {
    max-width: 100%;
    margin-bottom: 20px
}

.feedback_block {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #10c2dd;
    border: 1px solid #0193b1;
    padding: 35px;
    width: 460px
}

.feedback_block a.submit {
    border: 2px solid #fff
}

.feedback_block a.submit.disabled {
    border-color: #dee1e3
}

.feedback_block h3 {
    font-size: 35px;
    color: #fff;
    font-family: Segoe UI Light;
    margin-bottom: 20px
}

.feedback_block td {
    vertical-align: top
}

.feedback_block td:first-child {
    width: 330px
}

.feedback_block input[type="text"] {
    width: 310px;
    padding: 0 10px;
    height: 28px;
    border: 1px solid #10c2dd;
    font-size: 14px;
    color: #000;
    border-radius: 0!important;
    margin-bottom: 30px;
    font-family: Segoe UI;
    padding-bottom: 2px
}

.feedback_block input[type="text"]:focus {
    border-color: #0193b1
}

.feedback_block label {
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: Segoe UI;
    margin-bottom: 5px
}

.fb_desc_span {
    position: relative;
    top: -25px;
    font-size: 12px;
    color: #fff
}

.not_found {
    text-align: center;
    padding: 10px 0;
    background: #fff;
    color: #f72446
}

.feedback_block textarea {
    min-width: 310px;
    max-width: 310px;
    padding: 5px 10px;
    min-height: 110px;
    border: 1px solid #10c2dd;
    font-size: 14px;
    color: #000;
    border-radius: 0!important;
    margin-bottom: 30px;
    font-family: Segoe UI
}

.feedback_block textarea:focus {
    border-color: #0193b1
}

.feedback_block td:last-child {
    font-size: 12px;
    color: #84eaff;
    padding-left: 15px
}

.sub_desc_fb {
    display: inline-block;
    width: 190px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px
}

.fb_close {
    background: url(../img/fb_close.png) no-repeat;
    cursor: pointer;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 10px;
    top: 10px
}

.article_page_content ::selection {
    background: #10c2dd;
    color: #fff
}

.article_page_content ::-moz-selection {
    background: #10c2dd;
    color: #fff
}

.curpage {
    background: #fff;
    color: #10c2dd
}

.pagin {
    display: inline-block;
    padding: 2px 7px
}

.news_preview span.txt {
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px solid #90dbea;
    color: #fff
}

.about_menu a.news_preview {
    border-bottom: none
}

.about_menu a.news_preview.current span {
    border: none;
    color: #1f1f1f!important
}

#gis {
    background: #fff;
    padding: 0;
    margin-left: 75px;
    margin-right: 35px;
    border: 1px solid #006b86;
    max-width: 1300px;
    font-size: 14px;
    color: #2c2c2c;
    font-family: Segoe UI;
    line-height: 1.4;
    height: 600px
}

table.news_page .first h1 {
    padding-right: 20px
}

.cont_phone_left {
    float: left;
    width: 53%
}

.cont_phone_left span {
    background: url(../img/phone_big_ico.png) no-repeat left 50%;
    padding-left: 55px;
    font-size: 35px;
    font-family: Segoe UI Light;
    display: inline-block;
    padding-bottom: 8px
}

.cont_phone_right {
    float: left;
    width: 45%
}

.cont_phone_block {
    border-top: 1px solid #c1c1c1;
    padding-top: 15px
}

#page img {
    max-width: 100%
}

#chek_status {
    width: 75%
}

.proverka label {
    display: block;
    font-size: 18px;
    color: #525252;
    font-family: Segoe UI;
    margin-bottom: 5px
}

.proverka span {
    display: block;
    font-size: 12px;
    color: #7f7b69;
    margin-bottom: 20px
}

.proverka input[type="text"] {
    width: 330px;
    padding: 0 10px;
    height: 28px;
    border: 1px solid #ACB5B8;
    font-size: 14px;
    color: #000;
    border-radius: 0!important;
    margin-bottom: 5px;
    padding-bottom: 2px;
    font-family: Segoe UI
}

.proverka input[type="text"]:focus {
    border-color: #10c2dd
}

.proverka {
    padding-bottom: 80px!important;
    position: relative;
    padding-top: 30px!important
}

.proverka h1 {
    line-height: 1
}

.proverka_left {
    position: absolute;
    width: 25%;
    top: 0;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
    right: 0;
    height: 100%;
    background: #10c2dd
}

.proverka_left h3 {
    color: #fff!important;
    margin-top: 40px
}

#map {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/map.png) no-repeat left top;
    height: 639px;
    max-width: 1511px;
    width: 100%
}

.map_area {
    width: 960px;
    height: 639px;
    z-index: 2;
    position: relative
}

.plane {
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    transition: -webkit-transform .2s ease;
    -webkit-transition: opacity .5s ease
}

.map_wrap {
    min-height: 460px!important
}

.plane div {
    width: 32px;
    height: 32px;
    background: url(../img/plane_2.png) no-repeat
}

.idecator {
    position: absolute;
    width: 10px;
    height: 10px;
    background: red;
    z-index: 10;
    border-radius: 50%
}

.map_dot {
    position: absolute;
    background: url(../img/map_dot.png) no-repeat;
    background-size: 100% 100%;
    height: 10px;
    width: 10px;
    margin-left: -5px;
    margin-top: -5px;
    -webkit-transition: all 1s ease
}

.map_dot:hover {
    height: 33px;
    width: 33px;
    margin-left: -16px;
    margin-top: -16px
}

#animate_nsk {
    left: 289px;
    top: 402px
}

#animate_nsk span {
    left: -165px;
    top: -16px;
    font-size: 25px
}

#animate_brts {
    left: 538px;
    top: 392px
}

#animate_brts span {
    left: -49px;
    top: -16px
}

#animate_chita {
    left: 752px;
    top: 514px
}

#animate_chita span {
    left: -37px;
    top: -16px
}

#animate_chara {
    left: 830px;
    top: 368px
}

#animate_chara span {
    right: -31px;
    top: -16px
}

#animate_gornoalt {
    left: 316px;
    top: 505px
}

#animate_gornoalt span {
    left: -92px;
    top: -16px
}

#animate_lensk {
    left: 745px;
    top: 247px
}

#animate_lensk span {
    left: -43px;
    top: -16px
}

#animate_erbgch {
    left: 654px;
    top: 279px
}

#animate_erbgch span {
    left: -69px;
    top: -16px
}

#animate_bodaybo {
    left: 736px;
    top: 350px
}

#animate_bodaybo span {
    right: -56px;
    top: -16px
}

#animate_mama {
    left: 717px;
    top: 326px
}

#animate_mama span {
    right: -39px;
    top: -16px
}

#animate_kirensk {
    left: 644px;
    top: 373px
}

#animate_kirensk span {
    right: -27px;
    top: -21px
}

#animate_ustkut {
    left: 598px;
    top: 383px
}

#animate_ustkut span {
    left: -47px;
    top: -16px
}

.irk_dot {
    position: absolute;
    background: url(../img/map_dot.png) no-repeat;
    background-size: 100% 100%;
    height: 15px;
    width: 15px;
    margin-left: -7px;
    margin-top: -7px;
    left: 632px;
    top: 501px
}

.map_dot span {
    position: absolute;
    font-size: 14px;
    color: #fff;
    font-family: Segoe UI;
    cursor: default
}

.map_wrap {
    min-height: 460px!important
}

div.sexy div.list-wrapper {
    height: auto!important;
    max-height: 1000px!important
}

div.sexy div.list-wrapper ul {
    height: auto!important
}

.modern-page-navigation {
    margin-bottom: 20px
}

.modern-page-navigation a {
    font-size: 16px;
    color: #fff!important
}

.modern-page-navigation .curpage a {
    color: #20b6d5!important;
    text-decoration: none;
    cursor: default!important
}

.front_main_block {
    position: relative;
    width: 1470px;
    margin-left: 80px;
    height: 645px;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear
}

.front_form_block {
    position: absolute;
    left: 0;
    top: 0;
    width: 315px;
    height: 480px;
    background: #fff;
    overflow: hidden
}

.front_main_banner {
    width: 975px;
    height: 480px;
    overflow: hidden;
    position: absolute;
    left: 330px;
    top: 0
}

.front_main_banner_frame {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding: 70px 80px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.front_main_banner_frame a {
    display: block;
    text-decoration: none
}

.front_main_banner h2 {
    font-size: 34px;
    line-height: 37px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px;
    font-family: Segoe UI Light;
    position: relative;
    z-index: 2
}

.front_main_banner p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    font-family: Segoe UI Light;
    position: relative;
    z-index: 2
}

.front_main_banner_frame_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 1
}

.front_main_banner_frame_bg.bg_810x480,.front_main_banner_frame_bg.bg_480x480 {
    display: none
}

.front_mini_tile {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    background: #10c2dd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    font-size: 14px;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear
}

.front_mini_tile li {
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative
}

.front_mini_tile li a {
    display: block;
    width: 150px;
    height: 150px;
    padding: 15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.front_mini_tile a {
    text-decoration: none
}

.front_mini_tile:hover {
    box-shadow: 0 0 0 1px #6de6ff
}

.front_mini_tile h2,.front_mini_tile h3 {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    font-weight: 300;
    font-family: Segoe UI Light
}

.front_mini_tile div {
    font-size: 26px;
    line-height: 1;
    position: absolute;
    bottom: 15px
}

.front_tile_7 {
    left: 1320px;
    top: 0;
    background: #3085e5
}

.front_tile_8 {
    left: 1320px;
    top: 165px;
    background: #72da6a
}

.front_tile_9 {
    left: 1320px;
    top: 330px;
    background: #ff4949
}

.front_tile_3 {
    left: 330px;
    top: 495px;
    background: #72da6a
}

.front_tile_7:hover {
    background: #57a7fe
}

.front_tile_8:hover {
    background: #90f887
}

.front_tile_9:hover {
    background: #ff8779
}

.front_tile_3:hover {
    background: #90f887
}

.front_long_tile {
    width: 315px;
    height: 150px;
    display: block;
    position: absolute;
    background: #10c2dd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 14px;
    top: 495px;
    padding-left: 90px;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear
}

.front_long_tile:hover {
    box-shadow: 0 0 0 1px #6de6ff;
    background: #23e2ff
}

.front_long_tile h2 {
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px
}

.front_long_tile p {
    font-size: 14px;
    line-height: 17px;
    height: 54px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

.front_long_tile img {
    position: absolute;
    left: 22px;
    top: 16px
}

.front_tile_4 {
    left: 495px
}

.front_tile_5 {
    left: 825px
}

.front_tile_6 {
    left: 1155px
}

.front_tile_10 {
    left: 0;
    top: 660px;
    left: 495px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0)
}

.front_main_banner .fotorama__nav-wrap {
    position: relative;
    top: -30px
}

@media (max-width: 1600px) {
    .front_main_block {
        width:1305px
    }

    .front_tile_4 {
        left: 825px
    }

    .front_tile_5,.front_tile_6 {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0)
    }

    .front_tile_7 {
        left: 495px;
        top: 495px
    }

    .front_tile_8 {
        left: 660px;
        top: 495px
    }

    .front_tile_9 {
        left: 1155px;
        top: 495px
    }
}

@media (max-width: 1420px) {
    .front_main_block {
        width:1140px;
        height: 810px
    }

    .front_main_banner {
        width: 810px
    }

    .bg_975x480,.bg_480x480 {
        display: none!important
    }

    .bg_810x480 {
        display: block!important
    }

    .front_tile_4 {
        left: 495px
    }

    .front_tile_5 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1)
    }

    .front_tile_6 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        left: 165px;
        top: 660px
    }

    .front_tile_7 {
        left: 825px;
        top: 660px
    }

    .front_tile_8 {
        left: 990px;
        top: 660px
    }

    .front_tile_9 {
        left: 0;
        top: 660px
    }

    .front_tile_10 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1)
    }
}

@media (max-width: 1280px) {
    .front_main_block {
        width:810px;
        height: 810px
    }

    .front_main_banner {
        width: 480px
    }

    .bg_810x480,.bg_975x480 {
        display: none!important
    }

    .front_main_banner_frame_bg.bg_480x480 {
        display: block!important
    }

    .front_tile_7 {
        left: 0;
        top: 660px
    }

    .front_tile_8 {
        left: 165px;
        top: 660px
    }

    .front_tile_9 {
        left: 660px;
        top: 660px
    }

    .front_tile_6,.front_tile_10 {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0)
    }

    .front_tile_5 {
        left: 330px;
        top: 660px
    }
}

.front_form_block_tabs {
    width: 317px;
    margin-bottom: 30px
}

.front_form_block_tabs li {
    float: left;
    padding: 0 19px;
    height: 50px;
    line-height: 50px;
    background: #e7eeef;
    color: #42585d;
    font-weight: 300;
    font-size: 16px;
    cursor: pointer;
    border-right: 1px solid #fff;
    font-family: Segoe UI Light
}

.front_form_block_tabs li:last-child {
    border-right: none
}

.front_form_block_tabs li.active {
    background: #fff
}

.front_form_table td {
    padding-bottom: 25px;
    vertical-align: top
}

.front_form_table td:first-child {
    font-size: 12px;
    color: #42585d;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    font-family: Arial
}

.front_form_table {
    width: 100%
}

.front_form_table .cs td {
    padding-bottom: 6px
}

.front_form_table div.sexy {
    width: 180px;
    margin-bottom: 0
}

.front_form_table div.sexy input {
    width: 158px
}

.front_form_table div.sexy div.list-wrapper {
    width: 180px
}

.front_form_table .spin_table td {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    padding: 0 10px 0 0;
    white-space: nowrap
}

.front_form_table .spin_table {
    width: 205px
}

.front_form_table .spin {
    margin-top: 5px;
    margin-bottom: 0
}

.red_btn {
    background: #ee5757;
    border: none;
    padding: 6px 15px 9px;
    font-size: 18px;
    color: #fff!important;
    font-family: Segoe UI;
    cursor: pointer;
    margin-left: 0;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all .4s ease
}

.red_btn:hover {
    background: #c94040
}

.red_btn.disabled {
    background: #dee1e3;
    cursor: default
}

.front_form_table_btm_text {
    font-size: 12px;
    line-height: 16px;
    color: #42585d;
    margin-top: 10px
}

.front_form_table div.sexy ul {
    max-height: 230px;
    overflow: auto;
    border-right: 1px solid #10c2dd
}

.front_form_table div.sexy li {
    border-right: none
}

.logo {
    width: 253px;
    height: 75px;
    margin-left: -10px;
    margin-top: -25px
}

.main_menu {
    margin-left: 60px;
    padding-left: 25%
}

@media (min-width: 1200px) {
    .main_menu {
        padding-left:280px
    }
}

#footer.page {
    height: 100px;
    padding-top: 40px;
    margin-left: 75px;
    margin-right: 35px;
    margin-top: -140px;
    max-width: 1400px;
    min-width: 870px;
    position: relative;
    z-index: 6
}

.ist_logo {
    background: url(../img/ist_logo.png) no-repeat;
    display: block;
    width: 105px;
    height: 35px
}

.fb {
    float: left;
    width: 25%
}

.fb_1 {
    width: 19%;
    width: 180px
}

.fb_2 {
    width: 450px!important
}

.fb_1 span {
    font-size: 11px;
    color: #a5dcea;
    display: block;
    margin-left: 15px
}

.fb_3 {
    position: relative;
    width: 45%
}

.fb_4 {
    float: right;
    width: 20%
}

.fb_3_text {
    float: left;
    color: #a5dcea;
    font-size: 14px;
    margin-left: 20px;
    margin-top: -5px
}

.fb_3_text div {
    color: #fff;
    font-size: 20px
}

.connect {
    margin: 0 auto;
    float: left
}

.desc_butt {
    display: none
}

#office-sales {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.footer_all_site {
    display: table;
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 0 28px 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 11px;
    text-decoration: none;
    border: 1px solid #fff;
    cursor: pointer;
    margin-top: 7px;
    margin-left: 17px;
    position: relative;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.footer_all_site:before {
    width: 7px;
    height: 4px;
    display: block;
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../img/footer_all_site.png);
    right: 10px;
    top: 9px
}

.footer_all_site:hover {
    background: #10c2dd;
    border: 0
}

.footer_all_site ul {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
    border: 1px solid #0193b1;
    padding: 10px;
    background-color: #10c2dd
}

.footer_all_site:hover ul {
    display: block
}

.footer_all_site ul a:hover {
    text-decoration: none
}

.gmap-sales {
    position: relative
}

@media (min-width: 1400px) {
    .desc_butt {
        display:block;
        margin-left: 160px;
        font-size: 12px;
        color: #fff
    }

    .connect {
        float: left
    }

    .fb_2 {
        width: 25%
    }

    .fb_3 {
        width: 34%
    }
}

#footer.page .social {
    width: 44px;
    height: 44px;
    display: block;
    float: left;
    margin-right: 40px;
    border-radius: 49%;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease
}

#footer.page .social.fb {
    background: url(../img/fb_ico.png)
}

#footer.page .social.tw {
    background: url(../img/tw_ico.png)
}

#footer.page .social.vk {
    background: url(../img/vk_ico.png)
}

#footer.page .social.ok {
    background: url(../img/ok_ico.png)
}

#footer.page .social.rss {
    background: url(../img/rss_ico.png)
}

#footer.page .social:hover {
    background-color: #fff;
    border-radius: 50%
}

#footer.page .social.rss:hover {
    background-color: #fff
}

.feedback_button {
    color: #fff;
    font-size: 14px;
    display: table;
    border: 2px solid #fff;
    padding: 10px 12px;
    text-decoration: none;
    margin: 0 auto;
    position: relative;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.feedback_button:hover {
    background-color: #00a6bf
}

.studio38 {
    display: none;
    background: url(../img/studio38.png) no-repeat left 0;
    padding-left: 80px;
    width: 100px;
    text-decoration: none;
    height: 32px;
    float: right
}

.studio38 span {
    font-size: 12px;
    border-bottom: 1px solid #81c0d0;
    position: relative;
    top: -5px
}

.studio38:hover {
    background-position: left -32px
}

.studio38:hover span {
    color: #00a6bf;
    border-color: #00a6bf
}

.first_screen_block_button {
    margin-top: 30px
}

.istland_logo {
    background: url(../img/ist_logo.png) no-repeat;
    display: block;
    width: 105px;
    height: 35px;
    display: inline-block!important;
    left: 80px;
    z-index: 2;
    display: none;
    vertical-align: middle
}

.all_site_grup {
    display: inline-block;
    border: 1px solid #fff;
    margin-left: 30px;
    vertical-align: middle;
    color: #fff;
    background: url(../img/all_site_grup.png) no-repeat 97% 50%;
    position: relative;
    cursor: pointer;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.all_site_grup.active {
    background-color: #10c2dd;
    color: #fff
}

.all_site_grup:hover {
    background-color: #10c2dd;
    color: #fff
}

.all_site_grup span {
    padding: 3px 17px 3px 10px;
    display: block
}

.first_screen_block_button {
    position: relative;
    z-index: 2;
    display: none
}

.all_site_grup ul {
    position: absolute;
    top: 25px;
    background: #fff;
    left: -1px
}

.all_site_grup ul a {
    font-size: 12px;
    color: #10c2dd;
    display: block;
    text-decoration: none;
    padding: 4px 10px;
    white-space: nowrap
}

.all_site_grup ul li:first-child a {
    padding-top: 9px
}

.all_site_grup ul li:last-child a {
    padding-bottom: 9px
}

.all_site_grup ul a:hover {
    background: #1ed4f0;
    color: #fff
}

.infobox-wrapper div.infobox-in {
    position: relative;
    width: 21px;
    height: 21px;
    background: url(../img/metka.png) no-repeat 0 0;
    margin-top: -10px;
    margin-left: -10px;
    cursor: pointer
}

.infobox-wrapper:hover div.infobox-in {
    background-position: 0 -21px
}

.infobox-title {
    position: absolute;
    left: -50%;
    bottom: 23px;
    font-size: 14px;
    color: #616d71;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    white-space: pre
}

.infobox-wrapper:hover .infobox-title {
    font-size: 24px
}

.infobox-ballon {
    position: absolute;
    bottom: 45px;
    left: -50%;
    background: #fff;
    padding: 25px;
    font-family: Segoe UI;
    line-height: 1
}

.balloon-img {
    float: left;
    width: 75px;
    height: 75px
}

.balloon-img img {
    width: 75px;
    height: 75px
}

.balloon-info {
    margin-left: 100px
}

.field1 {
    font-size: 16px;
    color: #00b8d4;
    white-space: nowrap;
    font-family: Segoe UI;
    margin-bottom: 5px
}

.field2,.field3 {
    font-size: 14px;
    color: #2c2c2c;
    margin-bottom: 5px
}

.field4 {
    color: #7d7d7d;
    font-size: 14px;
    font-style: italic
}

.balloon-arrow {
    background: url(../img/balloon-arrow.png) no-repeat;
    width: 25px;
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -22px
}

.chek {
    display: inline-block;
    margin-left: 20px;
    color: #42585d;
    vertical-align: middle;
    position: relative;
    top: -3px
}

.feedback_right a {
    color: #009dbd;
    text-decoration: none;
    border-bottom: 1px solid #c2f0ff;
    transition: all .2s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.feedback_right a:hover {
    color: #f72446!important;
    border-color: #f8a8b5!important
}

.button-close {
    position: absolute!important;
    right: 5px;
    top: 5px
}

.old_bowser {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(../img/old.png);
    z-index: 10000
}

.old_bowser h1 {
    font-family: Segoe UI Light;
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    display: table;
    margin: 0 auto 20px;
    position: relative
}

.datepicker {
    width: 158px;
    background: #fff;
    font-size: 18px;
    color: #323636;
    height: 27px;
    padding: 0 10px;
    border: none;
    border: 1px solid #acb5b8;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px
}

.tariff-rules-inner-div {
    background: #004f9c!important
}

#iway-finder,.iw-base-color9,.iway-complete.ui-widget-content a.iw-base-color9 {
    color: #003580
}

#iway-finder {
    padding-left: 18px;
    font-family: Arial!important
}

#iway-finder .iw-input-type-off .transfer-autofind-input {
    background: #e7eeef
}

#iway-finder .transfer-autofind-input {
    width: 250px;
    border-radius: 0
}

#iway-finder .iw-autofind-title {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 3px
}

.to_top_btn {
    display: block;
    visibility: hidden;
    position: fixed;
    width: 70px;
    height: 70px;
    background: #02637E;
    bottom: 40px;
    right: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(160,160,160,0.8);
    opacity: .2;
    color: #fff;
    font-size: 55px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 666;
    transition: all .3s ease-in-out
}

.to_top_btn.visible,.to_top_btn.fade-out,.to_top_btn:hover {
    -webkit-transition: visibility 0 ease-in-out 0;
    -moz-transition: visibility 0 ease-in-out 0;
    transition: visibility 0 ease-in-out 0
}

.to_top_btn.visible {
    visibility: visible
}

.to_top_btn:hover {
    background: #10C2DD;
    opacity: 1
}

.may9 img {
    width: 115%
}

.oxygen_data_to_hidden,.sexycombo_hide .combo.sexy,.sexycombo_hide select {
    display: none
}

.contact_fb {
    margin-top: 16px;
    float: left;
    width: 70%;
    font-family: 'Segoe UI';
    color: #23e2ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left
}

.adaptive_front_form_table,.search_results_table {
    display: none
}

.schedule_form {
    background-color: #02637e;
    border-radius: 3px;
    border-color: #02637e;
    padding-left: 20px;
    padding-top: 28px;
    width: 1088px
}

.schedule_form input {
    border-color: #ccc;
    box-shadow: none;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    height: 19px;
    padding: 3px 6px;
    margin-top: 3px
}

.schedule_btn,.btn_show {
    font-size: 12px;
    font-family: "SegoeUI";
    border: none;
    border-radius: 3px;
    color: #fff
}

.schedule_btn {
    background-color: #5B9AAB;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 1px 10px
}

.schedule_btn.active {
    background-color: #02637E
}

.btn_show {
    float: left;
    cursor: pointer;
    padding: 3px 26px;
    background-color: #10c2dd;
    border-color: #10c2dd;
    margin-top: 20px;
    margin-left: 30px;
    height: 28px
}

.inp_container {
    width: 1110px;
    height: 50px;
    color: #fff;
    font-size: 12px
}

.inp_container div {
    position: relative
}

.inp_container div,.inp_container button {
    float: left
}

.clearfix::after {
    clear: both
}

.from_inp,.from_inp input {
    width: 270px
}

.from_inp {
    margin-right: 29px
}

.destination_inp,.destination_inp input {
    width: 320px
}

.destination_inp {
    margin-right: 20px
}

.start_period {
    width: 120px;
    margin-right: 20px
}

.start_period input {
    width: 120px
}

.end_period {
    width: 130px
}

.end_period input {
    width: 120px
}

.city-picker-icon {
    fill: #666;
    font-size: 1.6rem;
    cursor: pointer
}

.swap-block {
    display: block;
    margin-left: -2px;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    width: 15px;
    padding: 5px 0
}

.swap-block .swapCities svg * {
    fill: #fff
}

.svg-symbol-swap {
    position: absolute;
    top: 30px;
    right: 5px
}

.svg-symbol-destination {
    position: absolute;
    right: -5px
}

.schedule_page .svg-symbol-destination {
    top: 25px
}

.schedule_page .svg-symbol-origin {
    top: 25px
}

.calendar-icon {
    cursor: pointer;
    position: absolute;
    right: -5px;
    top: 25px
}

.end_period .calendar-icon {
    right: 5px
}

#page .search_results {
    width: 1110px;
    margin-top: 12px;
    font-family: "SegoeUI";
    font-size: 11px;
    color: #000;
    background-color: #EBEBEB;
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 200px
}

.data_val,.data_head,.prc_val {
    font-size: 0
}

.data_value {
    margin-top: 10px;
    margin-bottom: 5px
}

.data_value:last-of-type {
    margin-bottom: 10px
}

.data_head div,.data_val div,.prc_val div {
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
    background-color: #D1D1D1;
    padding: 5px 20px;
    margin-right: 2px
}

.data_head div:last-of-type {
    margin-right: 0
}

.data_val div:last-of-type {
    margin-right: 5px
}

.data_val div:first-of-type {
    margin-left: 5px
}

.data_val div {
    padding: 10px 20px;
    background-color: #fff;
    margin-right: 0
}

.race_head,.race_value {
    width: 58px
}

.march_head,.march_value {
    width: 211px
}

.type_head,.type_value {
    width: 88px
}

.out_head,.out_value {
    width: 66px
}

.in_head,.in_value {
    width: 75px
}

.days_head,.days_value {
    width: 120px
}

.dates_head,.dates_value {
    width: 200px
}

.data_value .adaptive {
    display: none
}

#page.schedule_page {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.online_table .race_head,.online_table .race_value {
    width: 115px
}

.point_head,.point_value {
    width: 195px
}

.online_table .type_head,.online_table .type_value {
    width: 250px
}

.time_head,.time_value {
    width: 179px
}

.status_head,.status_value {
    width: 162px
}

#page .search_results.online_table {
    margin-bottom: 0
}

.online_table .data_val div {
    margin-right: 0
}

.ticket .schedule_form {
    padding-top: 5px;
    height: 110px
}

.ticket .clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

.oneway_block {
    margin-top: 25px;
    width: 90px
}

.oneway_block input,.direct_only_block input,.period-block input,.userBonus input {
    display: none
}

.direct_only_block {
    width: 56px;
    margin-left: 30px;
    margin-top: 15px;
    line-height: 1
}

.direct_only_block .chb {
    position: absolute;
    left: -22px;
    top: 2px
}

.period-block {
    width: 76px;
    margin-top: 17px;
    line-height: 1
}

input[type="checkbox"] + label span.chb {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: rgba(0,0,0,0.45) 1px solid;
    border-radius: 2px;
    background: #fff
}

.ticket input[type="checkbox"] + label span.chb span.chb-flag {
    display: inline-block;
    vertical-align: middle;
    margin: 1px auto;
    border: 2px solid #fff;
    border-radius: 1px;
    width: 9px;
    height: 9px;
    background: #fff;
    display: none;
    margin-left: 1px;
    border-radius: 1px;
    width: 9px;
    height: 9px;
    background: #0069c1
}

.oneway_block input[type="checkbox"] + label span.chb span.chb-flag {
    margin-top: -3px
}

input[type="checkbox"]:checked + label span.chb span.chb-flag {
    display: inline-block
}

label[for=directOnly] {
    margin-bottom: 40px
}

.ticket .advanced_block {
    position: static;
    width: 460px;
    margin-top: 2px;
    margin-bottom: 5px;
    padding-left: 540px;
    float: left
}

#page .ticket_link {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2)
}

.adults__btn {
    border: 1px solid #b2b2b2;
    background-color: #ebebeb;
    color: #444;
    padding: 3px 18px;
    float: left;
    margin-right: 3px
}

.children {
    padding: 3px 7px
}

.caret {
    position: absolute;
    top: 7px;
    right: -5px;
    vertical-align: middle;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.ticket__btn {
    padding: 3px 26px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    float: left
}

.toggles_container {
    width: 100%
}

.ticket .btn_show {
    float: right;
    margin-top: 0;
    margin-right: 50px
}

.userBonus input[type="checkbox"] + label span.chb span.chb-flag {
    margin-top: -3px
}

.userBonus {
    margin-left: 206px;
    width: 150px
}

.card-number,.card-number input {
    width: 140px;
    margin-right: 20px
}

.card-password,.card-password input {
    width: 70px
}

.ticket .data_val {
    padding-bottom: 5px
}

.ticket .race_head,.sortie_head,.arrival_head,.docking_head,.transit_head,.eco_head {
    height: 69px
}

.ticket .race_val,.sortie_val,.arrival_val,.docking_val,.transit_val,.eco_val {
    min-height: 48px
}

.ticket .race_head,.ticket .race_val {
    width: 87px
}

.sortie_head,.sortie_val {
    width: 158px
}

.arrival_head,.arrival_val {
    width: 175px
}

.docking_head,.docking_val {
    width: 86px
}

.transit_head,.transit_val {
    width: 92px
}

.ticket .eco_head,.ticket .eco_val {
    padding-left: 3px;
    width: 76px
}

.ticket .eco_val {
    width: 75px;
    min-height: 44px;
    text-align: center;
    background-color: #EBEBEB;
    margin-right: 0;
    border-left: 2px solid #fff
}

.ticket .eco_val.e1 {
    margin-left: 4px
}

.ticket .data_val div:last-of-type {
    margin-right: 0
}

.data_value {
    margin: 0
}

.eco_head,.eco_val {
    color: #fff
}

.ticket .search_results {
    background-color: #EBEBEB
}

.eco_head.e1 {
    background-color: #F86308
}

.eco_head.e2 {
    background-color: #F86388
}

.eco_head.e3 {
    background-color: #F863F8
}

svg.svg-symbol-time {
    margin-right: 4px;
    margin-top: 3px;
    margin-bottom: -1px
}

.svg-symbol-time {
    width: 11px;
    height: 11px;
    fill: #0069C1
}

.appbar_left {
    width: 350px;
    display: inline-block
}

.appbar_right {
    width: 745px;
    text-align: right;
    display: inline-block
}

#oxygenApp {
    min-width: 1100px;
    max-width: 1100px
}

.ticket .modal-content {
    background-color: #fff;
    left: auto
}

#oxygenApp #login-block {
    padding-bottom: 5px;
    width: 450px
}

#oxygenApp #orderBlock .order-section .order-section-head {
    background-color: #fff
}

.modal_adaptive_table,.modal_adaptive_thead,.modal_adaptive_tbody {
    display: none
}

.top_menu.popup {
    display: none
}

@media all and (max-width: 1200px) {
    .top_menu li {
        padding:0 11px;
        padding-top: 10px
    }

    .top_menu li.drop {
        background: url(../img/drop.png) no-repeat 98% 50%
    }
}

@media all and (max-width: 1024px) {
    html,body,.front_main_block,.page_wrapper,#wrapper_page,.main_menu,#header {
        width:100%
    }

    #header,#wrapper_page,.page_wrapper {
        min-width: 100%
    }

    #footer.page {
        min-width: 100%;
        margin-left: 0
    }

    .page_wrapper {
        padding-bottom: 0
    }

    #header {
        margin-bottom: -10px;
        height: 81px;
        background-color: #10c2dd
    }

    .logo,.logo.en {
        position: absolute;
        top: 36px;
        left: 40%;
        width: 175px;
        height: 49px;
        background-size: contain
    }

    .top_menu {
        width: 100%
    }

    .article_page_menu {
        float: none!important
    }

    .drop_main_menu {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 27px;
        width: 24px;
        height: 8px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    .decor_line {
        margin-top: 3px;
        height: 2px;
        background-color: #fff
    }

    .top_menu li,.front_main_banner {
        display: none
    }

    .top_menu .lang {
        display: inline-block
    }

    .front_main_block {
        margin-left: 0;
        height: 1762px
    }

    .adaptive_front_form_table {
        display: block;
        position: relative
    }

    .adaptive_front_form_table label {
        display: inline;
        vertical-align: top
    }

    .data_inp_container {
        height: 228px
    }

    .front_form_block {
        position: static;
        width: 100%;
        height: 480px
    }

    .front_form_table_btm_text {
        display: none
    }

    .red_btn {
        display: block;
        width: 100%;
        height: 42px;
        box-sizing: border-box
    }

    .spin_table {
        position: absolute;
        top: 100px;
        left: 380px;
        width: 300px
    }

    .datepick-month-row {
        background-color: #fff;
        z-index: 5
    }

    #container {
        display: none
    }

    .main_menu {
        display: none
    }

    .main_menu.index_menu {
        display: block;
        margin: 0;
        margin-left: -70px;
        width: 100%;
        padding: 0;
        position: absolute;
        top: 563px
    }

    .main_menu li.li1,.main_menu li.li2,.main_menu li {
        width: 100%;
        padding-top: 4px;
        padding-bottom: 15px;
        padding-left: 20px;
        box-sizing: border-box;
        height: 58px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        display: block;
        text-align: left
    }

    .header_main_block {
        height: 0;
        padding-top: 0
    }

    .front_form_table,#iway-link {
        display: none
    }

    .adaptive_front_form {
        display: block
    }

    .adaptive_label {
        margin-left: 25px
    }

    div.sexy {
        width: 322px;
        margin-left: 25px
    }

    div.sexy input {
        width: 300px
    }

    .combo sexy {
        width: 300px
    }

    div.sexy div.list-wrapper {
        width: 322px;
        height: 140px!important;
        overflow: visible!important;
        overflow-y: scroll!important
    }

    .datepicker,.smartspinner {
        display: block;
        width: 300px;
        margin-left: 25px;
        margin-bottom: 10px
    }

    .smartspinner {
        height: 22px
    }

    .spin {
        width: 330px;
        height: 44px;
        margin-bottom: 10px
    }

    .spin .up {
        top: 17px
    }

    .spin .down {
        top: 33px
    }

    .data_inp_container {
        margin-bottom: 30px;
        float: left
    }

    .people_inp_container {
        margin-left: 30px;
        width: 334px;
        float: left
    }

    .thumbs {
        margin-top: 290px
    }

    .front_long_tile,.front_mini_tile {
        position: static;
        display: block;
        width: 100%;
        padding-right: 200px
    }

    .front_long_tile {
        padding-left: 190px
    }

    .front_mini_tile {
        padding-left: 255px
    }

    .front_long_tile img {
        position: static;
        float: left;
        margin-right: 27px
    }

    .front_long_tile p {
        margin-left: 80px
    }

    #footer.page {
        margin-top: -80px
    }

    .fb_1,.fb_2 {
        margin-top: 20px
    }

    .fb_1,.contact_fb {
        margin-left: 20px
    }

    .fb_1 {
        width: 19%
    }

    .fb_2 {
        width: 600px!important;
        margin-bottom: 30px
    }

    .fb_3 {
        margin-left: 165px
    }

    .contact_fb {
        width: 80%
    }

    .ist_logo {
        margin-bottom: 36px
    }

    #footer.page .social {
        margin-right: 70px
    }

    #footer.page .social.rss {
        margin-right: 0
    }

    #jivo_chat_widget {
        display: none
    }

    .main_menu {
        display: none
    }

    #page.news {
        padding: 0;
        margin: 0;
        margin-bottom: 60px;
        width: 100%;
        box-sizing: border-box
    }

    table.news_page .first {
        display: none
    }

    table.news_page .last {
        padding-left: 25px;
        padding-right: 30px
    }

    .article_page_content p {
        font-size: 14px
    }

    .drop_main_menu.popup {
        border: none;
        width: 23px;
        height: 23px;
        top: 30px;
        background: url(../img/close.png) no-repeat center
    }

    .decor_line.popup {
        display: none
    }

    .main_menu.popup {
        top: 81px
    }

    .top_menu.popup {
        display: block;
        margin-top: 300px
    }

    .top_menu.popup .show {
        display: block;
        width: 100%;
        background: #10c2dd
    }

    .top_menu.popup .top_menu_drop_list {
        display: block;
        width: 100%;
        background: #fff
    }

    .top_menu_drop_list ul {
        float: none
    }

    .top_menu.popup .top_menu_drop_list p {
        color: #009dbd
    }

    #page .adaptive_breadcrumbs {
        font-weight: 300;
        font-family: "SegoeUI";
        font-size: 18px;
        color: gray
    }

    #page h2 {
        font-size: 30px!important
    }

    table.news_page .news_adaptive {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .news_adaptive:first-of-type {
        padding-bottom: 0
    }

    table.news_page .news_adaptive {
        padding-bottom: 20px
    }

    .blc {
        width: 85%;
        margin-left: 24px
    }

    .news_preview img {
        display: inline;
        position: relative;
        top: 5px;
        left: -20px;
        max-width: 50px!important;
        height: auto!important
    }

    table.news_page .last,table.news_page .first {
        display: block;
        width: 100%;
        box-sizing: border-box
    }

    table.news_page .first {
        padding-bottom: 20px
    }

    #page.schedule_page {
        padding-left: 10px;
        padding-right: 10px;
        width: 748px;
        max-width: 748px
    }

    .schedule_form {
        width: 725px
    }

    .from_inp,.from_inp input {
        width: 160px
    }

    .from_inp {
        margin-right: 19px
    }

    .svg-symbol-swap {
        right: 1px
    }

    .destination_inp,.destination_inp input {
        width: 160px
    }

    .start_period,.start_period input {
        width: 95px
    }

    .end_period {
        width: 120px
    }

    .end_period input {
        width: 95px
    }

    .end_period .calendar-icon {
        right: 17px
    }

    .btn_show {
        margin-left: -10px
    }

    #page .search_results {
        width: 745px
    }

    .data_head div {
        height: 45px
    }

    .data_val {
        background-color: #fff
    }

    .race_head,.race_value {
        width: 58px
    }

    .march_head,.march_value {
        width: 100px
    }

    .type_head,.type_value {
        width: 48px
    }

    .out_head,.out_value {
        width: 36px
    }

    .in_head,.in_value {
        width: 35px
    }

    .days_head,.days_value {
        width: 60px
    }

    .dates_head,.dates_value {
        width: 129px
    }

    .data_head .days_head,.data_value .days_value {
        padding-left: 7px
    }

    .online_table .race_head,.online_table .race_value {
        width: 71px
    }

    .point_head,.point_value {
        width: 82px
    }

    .time_head,.time_value {
        width: 99px
    }

    .status_head,.status_value {
        width: 92px
    }

    .online_table .type_head,.online_table .type_value {
        width: 192px
    }

    #page .search_results.online_table {
        margin-bottom: 0
    }

    .online_table .data_val div {
        margin-right: 0
    }

    #page.registr_page {
        margin: 0;
        padding: 0
    }

    .inp_container {
        width: 100%
    }

    #oxygenApp {
        max-width: 100%;
        min-width: 100%
    }

    #oxygenApp #loginForm {
        display: block
    }

    #oxygenApp #login-block #showLoginBtn {
        display: none
    }

    #oxygenApp .col-6 {
        width: 90%
    }

    #oxygenApp .col-7 {
        width: 60%
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .form-group {
        width: 200px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .swap-block {
        width: 20px
    }

    .buy__ticket #oxygenApp .city-input .city-picker-icon {
        top: -18px
    }

    .buy__ticket .svg-symbol-swap {
        top: 7px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .date-block {
        width: 120px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .chb-block {
        width: 50px
    }

    .buy__ticket #oxygenApp .oneway-block {
        width: 70px!important
    }

    .buy__ticket .period-block {
        margin-top: 0;
        line-height: 1
    }

    .buy__ticket #oxygenApp .well-info .flow-row .pass-count-cont {
        width: 285px!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .ticket-type-checkbox-cont {
        width: 360px!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .search-button-cont {
        width: 80px!important
    }

    .buy__ticket #oxygenApp #companyFlightsTable .well .table td.segment-point .time {
        float: none
    }

    .buy__ticket #oxygenApp #searchResult #companyFlightsTable td.segments table.table td.flight-radio-cell .racenumber-cell {
        width: 25px
    }

    .buy__ticket #oxygenApp #searchResult #companyFlightsTable td.segments table.table td.segment-point {
        width: 20%
    }

    .buy_ticket #oxygenApp .appbar-right {
        margin-top: -30px
    }

    .buy__ticket .svg-symbol-origin,.buy__ticket .svg-symbol-destination {
        top: 25px
    }

    .passengers #oxygenApp #loginForm {
        display: none
    }

    .passengers #page {
        margin: 0;
        padding: 0
    }

    .passengers #oxygenApp #login-block {
        padding-bottom: 5px;
        width: 250px
    }

    .passengers #oxygenApp #bookingSteps li button.btn-link {
        width: 110px
    }

    .passengers #wrapper_page {
        padding-bottom: 50px
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-body .order-price-detail table {
        margin: 0
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-body .order-price-detail {
        width: 600px
    }

    .passengers.cash #oxygenApp .appbar-right {
        margin-top: 30px;
        padding-right: 20px
    }

    .cash #oxygenApp .text-right {
        text-align: left
    }

    .feedback_block {
        position: fixed;
        right: 20%;
        top: 155px;
        bottom: auto
    }

    #gis {
        height: 900px;
        padding: 0!important;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 50px
    }

    #footer.page {
        height: auto
    }

    .serteficat_right {
        position: inherit
    }
}

@media screen and (max-width: 767px) {
    html,body,.front_main_block,.page_wrapper,#wrapper_page,.main_menu.index_menu,#header {
        width:100%
    }

    #header,#wrapper_page,.page_wrapper {
        min-width: 100%
    }

    .page_wrapper {
        padding-bottom: 0
    }

    #header {
        margin-bottom: -10px;
        height: 81px;
        background-color: #10c2dd
    }

    .top_menu {
        width: 100%
    }

    .logo,.logo.en {
        position: absolute;
        width: 136px;
        height: 38px;
        top: 42px;
        left: 40%
    }

    .drop_main_menu {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 27px;
        width: 24px;
        height: 8px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    .top_menu li,.front_main_banner {
        display: none
    }

    .adaptive_front_form {
        width: 100%
    }

    .data_inp_container,.people_inp_container {
        width: 100%;
        float: none;
        margin: 0
    }

    .smartspinner {
        width: 310px
    }

    .spin {
        width: 360px;
        height: 44px;
        margin-bottom: 10px
    }

    .spin .up {
        right: 20px
    }

    .spin .down {
        right: 20px
    }

    .front_form_block {
        position: static;
        width: 100%;
        height: 512px;
        overflow: hidden
    }

    .main_menu.index_menu {
        top: 594px
    }

    .front_long_tile {
        padding-left: 17px;
        padding-right: 20px
    }

    .front_mini_tile {
        padding-left: 88px
    }

    #footer.page {
        margin: 0;
        min-width: 100%;
        margin-top: -100px
    }

    .fb_1 {
        margin-top: 87px;
        margin-left: 5px;
        width: 180px
    }

    .fb_3 {
        margin: 0;
        margin-top: 87px;
        width: 167px
    }

    .fb_3_text {
        margin: 0
    }

    .fb_2 {
        position: absolute;
        width: 350px!important;
        padding-left: 10px
    }

    #footer.page .social {
        margin-right: 30px
    }

    #jivo_chat_widget {
        display: none
    }

    .contact_fb {
        width: 340px;
        margin-left: 10px;
        float: none
    }

    #page.news {
        padding: 0;
        margin: 0;
        margin-bottom: 60px;
        width: 100%;
        box-sizing: border-box
    }

    #page h2 {
        font-size: 24px!important
    }

    .main_menu.popup {
        top: 81px
    }

    .top_menu.popup {
        display: block;
        margin-top: 300px
    }

    .top_menu.popup .clear_both {
        padding-bottom: 40px
    }

    .park_sudov_item {
        position: relative
    }

    .park_sudov_item_img {
        position: absolute;
        top: 140px
    }

    .park_sudov_item_disc {
        margin-bottom: 140px
    }

    .article_page_content table td {
        display: block;
        float: left;
        box-sizing: border-box
    }

    .article_page_content table td:nth-child(odd) {
        width: 100%
    }

    .article_page_content table td:nth-child(even) {
        width: 100%
    }

    .adaptive_td {
        height: 33px
    }

    table.news_page td {
        padding-bottom: 0
    }

    .feedback_left input[type="text"] {
        width: 255px
    }

    #page h1 {
        font-size: 24px
    }

    .feedback_left textarea {
        min-width: 260px;
        max-width: 260px
    }

    table.news_page .news_adaptive {
        width: 360px;
        padding-bottom: 40px
    }

    .blc {
        margin-left: 20px
    }

    #page.schedule_page {
        padding-left: 10px;
        padding-right: 10px;
        width: 331px;
        max-width: 331px;
        margin-bottom: 60px
    }

    .schedule_form {
        width: 320px;
        height: 293px;
        padding-left: 10px
    }

    .schedule_form div {
        float: none;
        width: 306px
    }

    .schedule_form input {
        width: 300px
    }

    .svg-symbol-swap {
        top: 10px
    }

    .svg-symbol-destination {
        right: -2px
    }

    .btn_show {
        margin-left: 0
    }

    .calendar-icon {
        right: 5px
    }

    .end_period .calendar-icon {
        right: 5px
    }

    #page .search_results {
        width: 310px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0
    }

    .data_head {
        display: none
    }

    .data_value {
        background-color: #fff;
        width: 310px
    }

    .data_value::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .data_head.adaptive,.data_val {
        padding: 0;
        display: block;
        float: left;
        width: 145px
    }

    .data_val div:first-of-type {
        margin-left: 0
    }

    .data_head.adaptive div {
        padding: 0;
        display: block;
        width: 145px;
        height: 15px;
        padding: 10px 20px;
        background: transparent
    }

    .data_value .data_val {
        background-color: transparent
    }

    .data_value .data_val div {
        padding: 0;
        display: block;
        width: 145px;
        height: 15px;
        padding: 10px 20px;
        background: transparent
    }

    .even {
        background-color: #EBEBEB
    }

    #oxygenApp .form-group {
        width: 330px
    }

    #oxygenApp {
        min-width: 360px;
        max-width: 360px;
        padding-bottom: 30px
    }

    #oxygenApp .adaptive_col {
        float: none
    }

    #oxygenApp .col-7 {
        width: 90%
    }

    #footer.registr_page {
        padding-top: 100px
    }

    #oxygenApp .adaptive.login-form .form-group #login {
        width: 80px
    }

    #oxygenApp .adaptive .form-group,#oxygenApp .adaptive input {
        width: 80px;
        display: inline-block
    }

    #privateMenu .adaptive {
        top: -30px
    }

    #oxygenApp #forgetBtn {
        font-size: 12px;
        margin-right: -90px;
        margin-top: 20px
    }

    #oxygenApp #login-block {
        padding-bottom: 5px;
        width: 450px
    }

    .passengers #oxygenApp .appbar-left,.passengers #oxygenApp .appbar-right {
        float: none;
        width: 100%
    }

    .passengers #oxygenApp #login-block #showLoginBtn {
        display: inline-block
    }

    .passengers #oxygenApp .pull-right {
        float: none
    }

    .passengers #oxygenApp .appbar-right {
        margin-top: 10px;
        padding-right: 10px
    }

    .passengers #oxygenApp #passengersForm form.passenger-form .passenger-form-body {
        margin-top: 35px;
        margin-left: 0;
        height: 550px
    }

    .svg-symbol-passenger-AAA {
        width: 21px;
        height: 22px
    }

    .passengers #oxygenApp #passengersForm form.passenger-form .passenger-form-head {
        top: 0;
        left: 0;
        padding-top: 20px;
        padding-left: 40px
    }

    .passengers #oxygenApp #passengersForm form.passenger-form .passenger-form-head .passenger-icon,.passengers #oxygenApp #passengersForm form.customer-form .customer-form-head .customer-icon,.passengers #oxygenApp #orderPriceBlock .order-price-head .order-price-icon {
        left: -5px
    }

    .passengers #oxygenApp #passengersForm form.customer-form {
        margin-top: 50px
    }

    .passengers #oxygenApp #passengersForm form.customer-form .customer-form-body {
        margin-top: 35px;
        margin-left: 0;
        height: 190px
    }

    .passengers #oxygenApp #passengersForm form.customer-form .customer-form-head {
        top: 0;
        left: 0;
        padding-top: 20px;
        padding-left: 40px
    }

    .passengers .svg-symbol-contacts {
        width: 20px;
        height: 20px
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-body .order-price-detail {
        width: 300px;
        padding-left: 10px
    }

    #oxygenApp #orderPriceBlock .order-price-body {
        margin-top: 35px;
        margin-left: 0;
        height: 180px
    }

    #oxygenApp #orderPriceBlock .order-price-body .order-price-total {
        right: 20px;
        top: 75px;
        width: 300px;
        height: 68px;
        padding: 25px 10px;
        text-align: left
    }

    #oxygenApp #orderPriceBlock .order-price-body .order-price-detail table {
        margin: 0
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-head {
        top: 0;
        left: 0;
        padding-top: 20px;
        padding-left: 40px
    }

    .passengers .svg-symbol-cart {
        width: 20px;
        height: 20px
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-head .order-price-icon {
        left: 5px
    }

    #oxygenApp #paymentTypeBlock div.payment-type-block-body {
        margin-top: 35px;
        margin-left: 0
    }

    .svg-symbol-payment {
        width: 27px;
        height: 27px
    }

    #oxygenApp #paymentTypeBlock div.payment-type-block-head {
        top: 0;
        left: 0;
        padding-top: 20px;
        padding-left: 50px
    }

    #oxygenApp #paymentTypeBlock div.payment-type-block-head .payment-type-icon {
        left: 5px;
        top: 12px
    }

    .search_results_table {
        display: block;
        width: 340px;
        background: #EBEBEB;
        padding: 10px
    }

    .buy__ticket #oxygenApp #companyFlightsTableCont {
        display: none
    }

    .buy__ticket #oxygenApp #childCountersBlock {
        display: block!important
    }

    .buy__ticket #oxygenApp #backDateBlock {
        display: block!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .pass-count-cont #showChildCountersBut {
        display: none!important
    }

    .buy__ticket #oxygenApp #searchForm {
        height: 500px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .form-group {
        width: 320px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .swap-block {
        width: 20px;
        padding-top: 0;
        float: right
    }

    .buy__ticket .svg-symbol-swap {
        right: 10px;
        top: 15px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .chb-block {
        width: 50px
    }

    .buy__ticket #oxygenApp #searchForm .direct-only-block {
        position: absolute;
        left: 70px;
        top: 125px
    }

    .buy__ticket #oxygenApp #searchForm .period-block {
        position: absolute;
        left: 120px;
        top: 125px
    }

    .buy__ticket #oxygenApp #searchForm .search-date-input,#oxygenApp #searchForm .search-date-input input {
        width: 308px!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .pass-count-cont #childCountersBlock {
        padding: 0;
        float: left
    }

    .buy__ticket #oxygenApp .ticket-type-cont #useFFPCont {
        width: 90%;
        padding-bottom: 5px
    }

    .buy__ticket #oxygenApp .ticket-type-cont #joinedFFPLogin .form-group-card-password {
        width: 180px!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .search-button-cont {
        margin-top: 5px;
        margin-right: 240px
    }

    .buy__ticket .data_value {
        padding: 10px
    }

    .buy__ticket .adaptive>div,.buy__ticket .data_val>div {
        min-height: 35px;
        padding: 0
    }

    .buy__ticket .eco_head {
        padding: 3px;
        min-height: 29px
    }

    .buy__ticket .eco_head .e1 {
        background-color: #F86308
    }

    .buy__ticket .eco_head .e2 {
        background-color: #F86388
    }

    .buy__ticket .eco_head .e3 {
        background-color: #F863F8
    }

    .buy__ticket .data_head.adaptive div {
        padding: 0;
        padding-left: 10px;
        width: 135px
    }

    .buy__ticket .data_val>div {
        padding-left: 10px;
        text-align: left;
        color: #000
    }

    #oxygenApp .data_val .btn {
        padding: 0;
        border-color: #F86388;
        background-color: #F86388;
        width: 62px;
        height: 23px;
        margin-left: 10px
    }

    #oxygenApp .price-detail-table thead,#oxygenApp .price-detail-table tbody {
        display: block;
        width: 150px;
        float: left
    }

    #oxygenApp .price-detail-table th {
        display: none
    }

    #oxygenApp .price-detail-table td {
        display: none
    }

    #oxygenApp .price-detail-table th.adaptive,#oxygenApp .price-detail-table td.adaptive {
        display: block;
        width: 150px;
        text-align: left;
        background-color: #FFF;
        border: none
    }

    .modal_adaptive_table {
        display: block;
        border-top: 1px solid #000
    }

    .modal_adaptive_head,.modal_adaptive_body {
        display: block;
        width: 150px;
        float: left
    }

    td.modal_adaptive {
        text-align: left;
        display: block;
        width: 150px;
        text-align: left;
        background-color: #FFF;
        border: none;
        font-size: 12px;
        padding: 10px 15px
    }

    #oxygenApp .price-detail-table th.adaptive,.modal_adaptive_head td {
        padding-left: 5px
    }

    td.empty {
        height: 35px
    }

    #oxygenApp .price-detail-list {
        width: 330x;
        margin-top: 10px;
        margin-left: -5px;
        border: 10px solid #E6E6E6
    }

    .feedback_block {
        position: fixed;
        width: 280px;
        left: 10px;
        top: auto;
        bottom: 60px
    }

    .feedback_block td:last-child {
        padding-left: 0;
        padding-right: 40px;
        margin-bottom: 10px
    }

    .feedback_block input[type="text"] {
        margin-bottom: 0;
        width: 90%;
        box-sizing: border-box
    }

    .feedback_block textarea {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        box-sizing: border-box;
        margin-bottom: 0
    }

    .feedback_block td:last-child,.feedback_block td:first-child,.feedback_block td {
        display: block
    }

    .fb_desc_span {
        position: static;
        width: 70%;
        display: block
    }

    .feedback_block a.submit {
        margin: 10px;
        margin-left: 0
    }

    .sub_desc_fb {
        margin-left: 0;
        display: block
    }
}

@media screen and (max-width: 650px) {
    .serteficat_right {
        width:40%
    }
}

@media all and (max-width: 360px) {
    html,body,.front_main_block,.page_wrapper,#wrapper_page,.main_menu.index_menu,#header {
        width:100%
    }

    .spin {
        width: 320px
    }

    #header,#wrapper_page,.page_wrapper {
        min-width: 320px;
        min-width: 320px
    }

    #footer.page {
        min-width: 320px
    }

    .top_menu {
        width: 100%
    }

    .logo,.logo.en {
        left: 100px
    }

    .adaptive_front_form {
        width: 320px
    }

    div.sexy input {
        width: 260px
    }

    div.sexy {
        width: 282px
    }

    div.sexy div.list-wrapper {
        width: 282px
    }

    .datepicker {
        width: 260px
    }

    .smartspinner {
        width: 270px
    }

    .fb_2 {
        width: 310px!important
    }

    .fb_1,.fb_3 {
        margin-left: 0;
        width: 160px
    }

    .contact_fb {
        width: 320px
    }

    #footer.page .social {
        margin-right: 20px
    }

    #page.news {
        padding: 0;
        margin: 0;
        margin-bottom: 60px;
        width: 100%;
        box-sizing: border-box
    }

    .main_menu.popup {
        top: 81px
    }

    .top_menu.popup {
        display: block;
        margin-top: 300px
    }

    .top_menu.popup .show {
        width: 320px
    }

    .top_menu.popup .top_menu_drop_list {
        width: 320px
    }

    .article_page_content table td {
        display: block;
        float: left;
        box-sizing: border-box
    }

    .article_page_content table td:nth-child(odd) {
        width: 100%
    }

    .article_page_content table td:nth-child(even) {
        width: 100%
    }

    .adaptive_td {
        height: 33px
    }

    table.news_page td {
        padding-bottom: 0
    }

    .feedback_left input[type="text"] {
        width: 240px
    }

    .feedback_left textarea {
        min-width: 240px;
        max-width: 240px
    }

    .blc {
        margin-left: 10px
    }

    #page.schedule_page {
        width: 291px;
        max-width: 291px
    }

    .schedule_form {
        width: 280px;
        height: 293px;
        padding-left: 10px
    }

    .schedule_form div {
        width: 266px
    }

    .schedule_form input {
        width: 260px
    }

    #page .search_results {
        width: 270px
    }

    .data_value {
        width: 270px
    }

    .data_head.adaptive,.data_val {
        width: 125px
    }

    .data_head.adaptive div {
        width: 125px;
        height: 20px
    }

    .data_value .data_val div {
        width: 125px;
        height: 20px
    }

    #oxygenApp .form-group {
        width: 300px
    }

    #oxygenApp {
        min-width: 320px;
        max-width: 320px;
        padding-bottom: 30px
    }

    .passengers #oxygenApp #bookingSteps li button.btn-link {
        width: 100px
    }

    #oxygenApp div.appbar div.lang-switch-select {
        width: 85px!important
    }

    .passengers #oxygenApp #login-block {
        padding-bottom: 5px;
        width: 215px
    }

    #oxygenApp #login-block #noAuthorise .btn {
        padding: 1px 10px
    }

    .passengers #oxygenApp #passengersForm form.passenger-form .passenger-form-body {
        margin-top: 35px;
        margin-left: 0;
        height: 580px
    }

    .passengers #oxygenApp #orderPriceBlock .order-price-body .order-price-detail {
        width: 260px;
        padding-left: 10px
    }

    #oxygenApp #orderPriceBlock .order-price-body .order-price-total {
        right: 20px;
        top: 75px;
        width: 260px;
        height: 68px;
        padding: 25px 10px;
        text-align: left
    }

    .passengers #oxygenApp .col-6 {
        padding-left: 0;
        padding-right: 0
    }

    .buy__ticket .data_head.adaptive div {
        width: 110px
    }

    .buy__ticket #oxygenApp #searchForm .flow-row .form-group {
        width: 300px
    }

    .buy__ticket #oxygenApp #searchForm .search-date-input,#oxygenApp #searchForm .search-date-input input {
        width: 288px!important
    }

    .buy__ticket #oxygenApp .well-info .flow-row .search-button-cont {
        margin-right: 200px
    }

    .search_results_table {
        width: 310px
    }

    .buy__ticket #oxygenApp .ticket-type-cont #joinedFFPLogin .form-group-card-password {
        width: 140px!important
    }

    #oxygenApp .price-detail-table thead,#oxygenApp .price-detail-table tbody {
        width: 120px
    }

    #oxygenApp .price-detail-table th.adaptive,#oxygenApp .price-detail-table td.adaptive {
        width: 120px
    }

    .modal_adaptive_head,.modal_adaptive_body {
        width: 120px
    }

    td.modal_adaptive {
        width: 120px
    }

    td.empty {
        height: 35px
    }

    #oxygenApp .price-detail-list {
        width: 290x;
        margin-top: 10px;
        margin-left: -5px;
        border: 10px solid #E6E6E6
    }

    .feedback_block {
        width: 95%;
        left: 2%;
        top: auto;
        bottom: 60px;
        padding: 5px;
        box-sizing: border-box
    }

    .feedback_block input[type="text"] {
        margin-bottom: 0;
        width: 70%;
        box-sizing: border-box
    }

    .feedback_block textarea {
        width: 70%;
        min-width: 70%;
        max-width: 70%;
        box-sizing: border-box
    }

    .feedback_block .fb_desc_span {
        display: none
    }

    .feedback_block td:last-child {
        display: none
    }

    .feedback_block .sub_desc_fb {
        float: right;
        width: 100px;
        padding-right: 90px;
        padding-top: 10px;
        font-size: 10px
    }

    .feedback_block label {
        margin-bottom: 6px;
        margin-top: 12px
    }

    .feedback_block a.submit {
        margin: 12px;
        margin-left: 0;
        padding: 5px 15px
    }
}

@media screen and (max-width: 330px) {
    .serteficat_right {
        width:100%
    }

    .serteficat_left {
        width: 100%
    }
}

@media all and (max-width: 320px) {
    .feedback_block {
        bottom:30px;
        padding: 5px;
        box-sizing: border-box
    }

    .feedback_block textarea {
        min-height: 50px
    }

    .feedback_block h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .feedback_block label {
        margin-bottom: 6px;
        margin-top: 10px;
        font-size: 12px
    }

    .feedback_block a.submit {
        margin: 10px;
        font-size: 12px;
        margin-left: 0;
        padding: 5px 15px
    }
}

.front_form_table_new-design .spin {
    width: auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.front_form_table_new-design .spin .up, .front_form_table_new-design .spin .down {
    display: inline-block;
    position: static;
    width: 18px;
    height: 18px;
    background: none;
    border-radius: 20px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 13px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    color: #3085e5;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}

.front_form_table__date-block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.front_form_table__date-block .datepicker {
    width: 100%;
}

.front_form_table_new-design {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.front_form_table_new-design .spin .up:hover, .front_form_table_new-design .spin .down:hover {
    background: #3085e5;
    border: 1px solid #3085e5;
    color: #fff;
}

.front_form_table_new-design .spin .up:after {
    content: '+';
}

.front_form_table_new-design .spin .down:after {
    content: '-';
}

.front_form_table_new-design .spinner__text {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.front_form_table_new-design .smartspinner {
    border: 0;
    padding: 0;
    background: none;
    text-align: center;
    width: 2em;
    font-weight: 600;
    margin: 0;
}

.front_form_table_new-design .spinners-block {
    border: 1px solid #eee;
    margin: 16px 0;
    -webkit-box-shadow: 0 0 18px rgba(0,0,0,.1);
    box-shadow: 0 0 18px rgba(0,0,0,.1);
}

.front_form_table_new-design .spinners-block .spin {
    margin: 0;
    height: 40px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

.front_form_table_new-design .spinners-block .spin:last-of-type {
    border: 0;
}

.front_form_table__destination {
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;
}

.front_form_table_new-design .front_form_table__destination div.sexy input, .front_form_table_new-design .front_form_table__destination div.sexy {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border-bottom: 0;
    border-color: #ccc;
    font-family: Segoe UI,Tahoma,Verdana,sans-serif;
    font-weight: 600;
    color: #555;
}

.front_form_table_new-design div.sexy div.icon {
    height: 40px;
    width: 40px;
}

.front_form_table_new-design div.sexy div.list-wrapper {
    width: 100%;
    top: 40px;
    overflow: visible!important;
}

.front_form_table_new-design .red-button {
    -webkit-appearance: none;
    width: 100%;
    height: 40px;
    background: #ee5757;
    line-height: 40px;
    text-align: center;
    border: 0;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    border-radius: 0;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.front_form_table_new-design .red-button:hover {
    background: #c94040;
}

.front_form_table_new-design {
    color: #555;
    display: block !important;
    max-width: 500px;
}

.front_form_table__date-block .date-item input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border-color: #ccc;
    font-family: Segoe UI,Tahoma,Verdana,sans-serif;
    font-weight: 600;
    color: #555;
    border-right: 0;
    margin: 0;
}

.front_form_table__date-block .date-item:last-of-type input {
    border-right: 1px solid #ccc;
}

.front_form_table__date-block .date-item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.front_form_table__date-block .date-item input {
    background: url(/media/img/calendar-icon.png) no-repeat center right 10px;
    cursor: pointer;
}
.logo {
    background: url(../img/logo25.png) no-repeat;
}

@media (max-width: 1024px) {
.logo {
    background: url(../img/logo_short.png) no-repeat;
	top: 50px;
	left: 135px;
}
}