/*general reset*/
html, body, div, span, applet, object, iframe, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn,
font, img, ins, kbd, q, s, samp, small, strike, tt, var,
dl, dt, dd, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: 400;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
sup {font-size: 6pt;}
/*general setting */
html, body {height: 100%;}
body {background: #fff; font: 11pt "Trebuchet MS", "Helvetica CY", sans-serif; color: #000;}
/*container*/
.container-main {margin: 0 auto; min-height: 100%; min-width: 1200px; width: 100%; background: #23b2d6; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #23b2d6), color-stop(1, #23b2d6)); background: linear-gradient(to bottom, #23b2d6 0, #23b2d6 100%);}
.main-page {background: #fff;}
.left-col {float: left; width: 295px; margin: 0;}
.right-col {float: right; width: 295px; margin: 0;}
.col {float: left;}
.layout-two-col {margin: 0 340px 0 0;}
.layout-three-col {margin: 0 340px;}
/*link&buttons*/
a {text-decoration: none; color: #0d518b;}
a:hover {text-decoration: underline;}
.btn {background: rgb(236,236,236); /* Old browsers */ background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(245,245,245,1) 51%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(245,245,245,1) 51%,rgba(243,243,243,1) 100%); /* W3C */ cursor: pointer; border: none; border-radius: 2px; color: #1784a0; text-align: center; box-shadow: 1px 1px 2px rgba(50, 50, 50,.4); display: inline-block; text-decoration: none}
.btn:hover {background: rgb(236,236,236); /* Old browsers */ background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(254,254,254,1) 52%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(254,254,254,1) 52%,rgba(254,254,254,1) 100%); /* W3C */ color: #20a7c9}
.btn:active {background: #f1f1f1; color: #0c6c85; box-shadow: inset 0 0 0 1px rgba(168, 168, 168, 0.5)}
.btn-orange {background: #fab32e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fab32e), color-stop(1, #f9a522)); background: linear-gradient(to bottom, #f9a522 0, #fab32e 100%); color: #fff; font-size: 12pt}
.btn-orange:hover {background: #f9a522; background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f9a522), color-stop( 0, #fab32e)); background: linear-gradient(to bottom, #fab32e 0, #f9a522 100%); color: #fff}
.btn-orange:active {background: #fab32e; box-shadow: inset 0 0 0 1px rgba(245, 159, 21, 0.73)}
#.btn-orange-small {background: #fab32e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fab32e), color-stop(1, #f9a522)); background: linear-gradient(to bottom, #f9a522 0, #fab32e 100%); color: #fff; font-size: 8pt}
.btn-orange-small:hover {background: #f9a522; background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f9a522), color-stop( 0, #fab32e)); background: linear-gradient(to bottom, #fab32e 0, #f9a522 100%); color: #fff}
.btn-orange-small:active {background: #fab32e; box-shadow: inset 0 0 0 1px rgba(245, 159, 21, 0.73)}
.btn-middle {padding: 12px 32px;}
.btn-small {padding: 6px 20px;}
.btn-smaller {padding: 2px 10px; margin: auto; font-size: 8pt}
.back-link {display: block;}
.cancel-link {margin-left: 20px}
/*typographic*/
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .6em; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
h1 {font-size: 11pt !important; margin: .5em 0; font-weight: normal!important;}
h2 {font-size: 27pt; font-weight: 400; margin-top: 20px}
h3 {font-size: 18pt; font-weight: 400;}
h4 {font-size: 15pt; font-weight: 400;}
h5 {font-size: 12pt; font-weight: 700;}
h6 {font-size: 11pt;}
ol, ul {margin: 1em; padding-left: 10px;}
li {margin: .8em;}
ol li ul {list-style-type: disc; margin: .8em 0;}
ol li ul li {margin: .6em 0;}
/*navigation*/
.nav {padding: 0; margin: 0; display: block; list-style: none; width: auto;}
.nav li {margin: 0;}
.nav-horizontal li {display: inline-block; width: auto;}
/*--nav_main-menu*/
.main-menu li {margin-left: 15px;}
.main-menu li:first-child {margin-left: 0;}
.main-menu a {color: #fff; text-decoration: none; font: 15.5pt Arial, sans-serif; text-shadow: 1px 1px 1px #2f93a9;}
.main-menu a:hover {text-decoration: underline; color: #f2bc2a;}
.main-menu .sel {text-decoration: underline; color: #f2bc2a; cursor: default;}
/*icon*/
/*--icon-banks*/
.payu {background: url(/static/images/payu.png) 0 0 no-repeat; min-width: 140px; min-height: 40px}
.ecomm {background: url(/static/images/ecomm.png) 0 0 no-repeat; min-width: 150px; min-height: 40px}
.raf {background: url(/static/images/raif.jpg) 0 0 no-repeat; min-width: 154px; min-height: 31px}
.privat {background: url(/static/images/privat.png) 0 0 no-repeat; min-width: 156px; min-height: 26px}
.oplata {background: url(/static/images/fondy-logo.svg) 0 0 no-repeat; min-width: 137px; min-height: 31px}
/*forms*/
form {}
input, select, textarea {font-size: 11pt; color: #5b5b5b; border: 1px solid #f5f2f2; box-shadow: inset 1px 2px 2px rgba(50, 50, 50, .2); padding: 5px; width: 100%; background: #fdfdff}
select {width: 103.5%;}
textarea{height: 150px}
input[type=checkbox] {padding: 0; width: auto !important;}
.control-row {width: 90%; margin-top: 10px;}
.control-row:first-child {margin: 0;}
.control-label {width: 30%; float: left; margin-top: 5px; font-weight: 700;}
.control-widget {width: 65%; float: right; position: relative;}
.control-widget .clarification {margin: 5px 0;}
.control-row .alert {color: #ff3a13;}
.text-widget {margin-top: -8px;}
.text-widget .control-widget {margin-top: 8px;}
.calendar {display: inline-block;}
.calendar input {background: #fdfdff url(/static/images/elements/cal-icon.png) 95% 50% no-repeat; padding-right: 25px}
.orange-form {box-shadow: 0 0 2px rgba(50, 50, 50, .3); background: #fab32e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fab32e), color-stop(1, #f9a522)); background: linear-gradient(to bottom, #f9a522 0, #fab32e 100%);}
.gray-form {box-shadow: 0 0 2px rgba(50, 50, 50, .3); background: #f2f1f1; }
/*--forms_order-form*/
.order-form {padding: 40px 30px;}
.order-form h2 {font: 11pt "Trebuchet MS", "Helvetica CY", sans-serif; font-size: 17pt; text-align: center; margin: 0 0 20px; border: 0;}
.order-form input {padding: 10px; width: 90%; margin-bottom: 20px; height: 20px;}
.order-form select {width: 99.5%; height: 42px; margin-bottom: 20px;}
.order-form .btn {padding: 12px 32px; text-align: center; font-size: 15pt; margin: 5px 0 0 14px;}
.order-form textarea {width: 91%; padding: 10px; margin-bottom: 20px}
.callback-form .btn {margin-left: 18px!important}
.login-form .control-label {width: 25%}
.login-form .control-widget {width: 73%}
.login-form input {width: 40%}
/*--forms_choose-server-form*/
.choose-server-form {width: 95%; padding: 20px 50px; margin-left: -50px;}
.choose-server-form select {width: 80%;}
.choose-server-form .date input {width: 75px; display: inline-block;}
.choose-server-form .date .clarification {display: inline-block; margin-left: 5px}
.choose-server-form .date-add select {width: 70px; display: inline-block}
.choose-server-form .date-add .clarification {display: inline-block; margin-left: 5px; font-weight: bold}
.choose-server-form .btn {padding: 12px 32px; text-align: center; font-size: 12pt; color: #5f9faf; margin-top: 25px;}
.choose-server-form-v2 {padding: 0; margin: 1em 0}
.choose-server-form-v2 input,
.choose-server-form-v2 select {border: 1px solid #f9a522}
.choose-server-form-v3 {padding: 0; margin: 1em 0}
.choose-server-form-v3 input,
.choose-server-form-v3 select {border: 1px solid #f9a522; width: 40%}
.choose-server-form-v3 .control-label {width: 17%}
.choose-server-form-v3 .control-widget {width: 80%}
.choose-server-form-v3 .control-row .point-location {margin-left: 5px; display:inline-block;}
/*--forms_enter-form*/
.enter-form {padding: 15px 10px; border-top: 5px solid #fdbe15; background: #f2f1f1; margin: 25px 0; overflow: hidden;}
.enter-form .control-row {width: 95%;}
.enter-form .control-label {font-weight: 400; width: 35%}
.enter-form .control-widget {position: relative;}
.enter-form .clarification {position: absolute; width: 200px; right: -50px; top: 0;}
.enter-form input {width: 200px;}
/*--forms_simple-account*/
.simple-account {margin: 1em 0}
.simple-account .control-label {overflow: hidden; width: auto;}
.simple-account .control-widget {float: left; margin-left: 25px;}
.simple-account .control-widget input {width: 50%; border: 1px solid #f9a522}
/*tables*/
.block-order-table table {width: 100%;}
.block-order-table table thead {font: 11pt "Trebuchet MS", "Helvetica CY", sans-serif; font-size: 10pt; color: #717171;}
.block-order-table table thead tr {background: #f2f1f1; cursor: default;}
.block-order-table table tr {height: 32px; cursor: default; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f6f6), color-stop(1, #fff)); background: linear-gradient(to bottom, #fff 0, #f8f6f6 100%);}
.block-order-table table td {text-align: center; width: 5%; vertical-align: middle; font-size: 10.5pt;}
.block-order-table table .t-date {font-weight: 700; background: #fff6df;}
.block-order-table table .width40 {text-align: left; width: 40%;}
.block-order-table table tfoot td {text-align: left; padding-left: 6px;}
.block-order-table table tfoot tr {background: #f2f1f1; cursor: default;}
/*blocks*/
/*--blocks_block-registration*/
.block-registration {font-size: 11pt;}
.block-registration a {display: inline-block; text-decoration: underline; color: #000;}
.block-registration a:hover {color: #0d518b}
.block-registration span {margin: 0 5px;}
.block-registration .sel {color: #0d518b}
/*---blocks_block-registration_reg-user*/
.reg-user * {display: inline-block; font-size: 10pt;}
.reg-user .user-menu {margin-left: 20px;}
.reg-user .user-menu a {color: #0d518b;}
.reg-user .user-menu a:hover,
.reg-user .user-menu .sel {color: #edaf08}
/*--blocks_block-advice*/
.block-advice {background: #fcf0cf; padding: 25px;}
.block-advice h3 {margin-top: 0;}
.ad-left {width: 250px; position: absolute; top: -80px; right: -340px;}
.ad-right {width: 250px; position: absolute; top: 0px; right: -340px;}
.ad-full {padding: 5px 25px; border-top: 5px solid #fdbe15;}
/*--blocks_block-languages*/
.block-languages {font-size: 11pt;}
.block-languages a {display: inline-block; padding: 0 0 0 20px; margin-left: 10px; min-height: 13px; text-decoration: none; color: #000; opacity: .5;}
.block-languages a.rus {background: url(/static/images/elements/lang_ico_rus.png) 0 5px no-repeat;}
.block-languages a.rus:hover {opacity: 1;}
.block-languages a.ua {background: url(/static/images/elements/lang_ico_ua.png) 0 5px no-repeat;}
.block-languages a.ua:hover {opacity: 1;}
.block-languages a.en {background: url(/static/images/elements/lang_ico_en.png) 0 5px no-repeat;}
.block-languages a.en:hover {opacity: 1;}
.block-languages .sel {opacity: 1;}
/*--blocks_block-order-table*/
.block-order-table {width: 66%; height: 410px; background: #fff; position: absolute; top: -5px; right: 30px; box-shadow: 0 0 10px rgba(50, 50, 50, .7);}
.block-order-table h2 {font-size: 22pt; margin: 30px 0 20px 60px; background: url(/static/images/elements/bus-icon.jpg) 0 50% no-repeat; min-height: 35px; padding-left: 45px;}
.block-order-table td:first-child {padding: 0 0 0 60px; text-align: left;}
/*--blocks_block-main-order*/
.block-main-order {box-shadow: inset 0 0 70px rgba(50, 50, 50, .1); height: 385px; margin: 40px 0 0; position: relative; padding: 15px 0 0; background: #fab32e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fab32e), color-stop(1, #f9a522)); background: linear-gradient(to bottom, #f9a522 0, #fab32e 100%);}
.block-main-order .order-form {height: 76%; width: 25%;}
.block-main-order .order-form select {width: 99.5%;}
/*--blocks_block-main-order*/
.block-pay-systems p {margin-top: 0;}
.block-pay-systems a {display: inline-block; width: 73px; height: 46px; margin-left: 10px;}
.block-pay-systems a:first-of-type {margin-left: 0;}
.block-pay-systems .master-card {background: url(/static/images/elements/master-card-ico.png) 0 0 no-repeat;}
.block-pay-systems .visa {background: url(/static/images/elements/visa-icon.png) 0 0 no-repeat;}
.block-pay-systems .visa-el {background: url(/static/images/elements/visa-el-ico.png) 0 0 no-repeat;}
.block-pay-systems .GooglePlay {width: 140px; height: 50px; margin-left: 0px; background: url(/static/images/Google_play.png) 0 0 no-repeat;}
/*--blocks_block-details*/
.block-details {width: 50%; margin: 2em 0;}
.block-details h3 {margin: 0;}
.block-details p {margin: .5em 0;}
/*--blocks_block-faq*/
.block-faq {width: 75%; padding: 12%; margin: 0!important; background: #eaeaea;}
.block-faq h3 {margin-top: 0; font-style: italic;}
.block-faq .qst {color: #4d4d4d; font-style: italic;}
.block-faq .link {text-decoration: underline; font-size: 10.5pt;}
/*--blocks_block-note*/
.block-note {font-size: 9pt !important;}
/*--blocks_block-t-order*/
.block-t-order {margin-top: 30px; position: relative;}
.block-t-order .trips-table {width: 100%;}
.block-t-order .trips-table td {padding: 7px 8px; text-align: center; vertical-align: middle;}
.block-t-order .trips-table .from-col {white-space: nowrap; text-align: right;}
.block-t-order .trips-table .trip-number-name {font-size: 75%;}
.block-t-order .trips-table .to-col {white-space: nowrap; text-align: left;}
.block-t-order .reservation .control-label {margin-bottom: 10px;}
.block-t-order .trip {cursor: pointer;}
.block-t-order .trip:nth-child(2n) {background: #f0f7f9;}
.block-t-order .trip.tripChoosed {background: #8EA9EE;}
.block-t-order .header,
.block-t-order .footer {font-size: 10pt; color: #717171; background: #f2f1f1;}
.block-t-order .footer {padding: 15px 25px;}
.block-t-order .footer p:first-child {margin-top: 0;}
.block-t-order .footer .control-widget {float: none; width: 200px;}
.block-t-order .footer .control-widget input {width: 100%; border: 1px solid #d9d9d9;}
.block-t-order .date {padding: 7px 0; text-align: center; font-weight: 600; background: #fff6df;}
.block-t-order .col {width: 13%; margin-right: 2.2%; padding: 7px 0; text-align: center;}
.block-t-order .item-group .item:nth-child(2n-1) {background: #f0f7f9;}
.block-t-order .item-group .width20 {padding-left: 10px; width: 13% !important;}
.block-t-order .item-group .width20 input {display: inline-block; margin-right: 10px;}
.block-t-order .btn {margin: 20px 0 0;}
.block-t-order-1 {}
.block-t-order-1 .item-group .width15,
.block-t-order-1 .width50 {text-align: left;}
.block-t-order-2 {}
.block-t-order-2 .col {width: 7%; overflow: hidden}
.block-t-order-2 .width30 {text-align: left}
.block-t-order .price-description {width: 70%; font-size: 10pt; margin: 2em 0}
.block-t-order .preview {margin-bottom: 10px}
.block-t-order .preview span {color: #fdbe15; font-weight: bold}
.block-t-order-3 {font-size: 10pt}
.block-t-order-3 .col {width: 14.5%;; text-align: left}
.block-t-order-3 .col:first-child {padding-left: 10px}
.block-t-order-3 .item-group .item:nth-child(2n-1) {background: #fff;}
.block-t-order-3 .item-group .item:nth-child(2n) {background: #f0f7f9;}
/*--blocks_block-feature-list*/
.block-feature-list {margin: 30px 0; position: relative}
.block-feature-list .item {margin-top: 10px;}
.block-feature-list .item:first-child {margin-top: 0}
.block-feature-list .title,
.block-feature-list .description {display: inline-block; vertical-align: top}
.block-feature-list .title {width: 25%; margin-right: 5%; font-weight: bold;}
.block-feature-list .description {width: 69%;}
.sum-list {}
.sum-list .title {width: 34%;}
.sum-list .description {width: 60%; font-weight: bold}
/*--blocks_block-servers*/
.block-servers {margin: 25px 0 0; font-size: 10.5pt;}
.block-servers .title {text-transform: uppercase; font-size: 30pt; margin: 0 0 10px;}
.block-servers .item-group {margin-top: 25px;}
.block-servers .item-group:first-child {margin-top: 0;}
.block-servers .item {padding: 13px 0; position: relative}
.block-servers .item:nth-child(2n) {background: #f0f7f9;}
.block-servers .name {margin-bottom: 2px;}
.block-servers .name > * {display: inline-block; font-size: 15pt;}
.block-servers .city {padding-left: 25px;}
.block-servers .region {color: #858585; }
.block-servers .features {padding-left: 25px;}
.block-servers .features > * {display: inline-block;}
.block-servers .features .phone {display: block;}
.block-servers .features .depth-of-sale {float: right; margin-right: 5px;}
.block-servers .signal {position: absolute; top:10px; right: 15px}
/*--blocks_block-t-view*/
.block-t-view {margin: 30px 0; padding: 25px; background: #f2f1f1; position: relative}
.block-t-view .item {margin-top: 30px}
.block-t-view .item:first-child {margin-top: 0}
.block-t-view .item .title {font-weight: bold; margin-bottom: 5px}
.block-t-view input {width: 90%}
.block-t-view .control-row {display: inline-block; margin: 0}
.block-t-view .control-label {font-weight: normal}
.block-t-view .name {width: 60%}
.block-t-view .place-num {width: 30%; margin-left: 2%; vertical-align: top; }
.block-t-view .place-num .control-label {width: 60%}
.block-t-view .place-num .control-widget {width: 25%}
.block-t-view .phone {width: 100%;}
.block-t-view .phone .control-label {width: 75%;}
.block-t-view .phone .control-widget {width: 23%;}
.block-t-view .phone input {width: 80%; background: #fdfdff url(/static/images/elements/phone-icon.png) 5% 50% no-repeat; padding-left: 25px}
.checkbox > * {float: none; display: inline-block; vertical-align: middle; }
.checkbox .control-label {width: 90%; margin: 0; font-weight: normal}
.checkbox .control-widget {width: 5%; vertical-align:-3px!important;}
/*--blocks_block-pays*/
.block-pays {margin: 1em 0;}
.block-pays .title {font-weight: bold; margin-bottom: 20px}
.block-pays .content {}
.block-pays .visa-mc {background: #ddeaee url(/static/images/system.png) 96% 50% no-repeat;}
.block-pays .banks {width: 490px; padding: 10px; background: #f0f7f9}
.block-pays .banks .checkbox {width: 330px; padding:10px 160px 10px 0;}
.block-pays .banks .checkbox .control-widget {width: 7%; vertical-align: middle}
.block-pays .banks .payu {background-position: 95% 50%}
.block-pays .banks .ecomm {background-position: 100% 0%}
.block-pays .banks .raf {background-position: 99% 50%}
.block-pays .banks .privat {background-position: 100% 50%}
.block-pays .banks .oplata {background-position: 100% 0%}
.block-pays .systems {width:130px; height: 310px; float:right; background: #ddeaee url(/static/images/system.png) 50% 50% no-repeat;}
.pays-sys {background: url(/static/images/system.png) 0 50% no-repeat; width: 100%; height: 70px}
/*--blocks_block-two-line*/
.block-two-line {margin:30px 0; padding: 10px; border-top: 2px solid #fdbe15; border-bottom: 2px solid #fdbe15;}
/*--blocks_block-warning*/
.block-warning {width:1060px;; margin: 0 auto}
.block-warning .warning {padding: 10px 0; text-align: center; font-weight: bold}
.block-warning .w-green {background: #b3ffb1}
.block-warning .w-red {background: #ffa78f}
.block-warning .w-yellow {background: #ffe18f}
.block-warning .w-gray {background: #f2f1f1; color: #6f6f6f}
.block-check_places-error {padding: 1em; margin-left: 25%; margin-right: 25%; text-align: center;}
.block-check_places-error .back-link {color: #0d518b; text-decoration: underline;}
.block-check_places-error span.ui-icon {float: left;}
/*panels*/
/*--panels_general*/
.panel-top, .panel-header,
.panel-content, .panel-footer {width: 980px; margin: 0 auto; padding: 40px; background: #fff;}
/*--panels_panel-top*/
.panel-top {font-family: Arial, sans-serif; padding: 10px 0;}
.panel-top .block-registration {float: left;}
.panel-top .block-languages {float: right;}
/*--panels_panel-header*/
.panel-header-wrap {width: 100%; min-width: 1200px;}
.panel-header-wrap .main-menu {display: block; float: left; margin: 12px 0 0 50px;}
.panel-header-wrap .logo {display: block; float: left; width: 200px; height: 30px; background: url(/static/images/logo.png) 0 0 no-repeat; border-bottom: 5px solid #fff;}
.panel-header {padding: 30px 20px; background: transparent;}
/*--panels_panel-content*/
.panel-content {box-shadow: 0 0 4px rgba(50, 50, 50, .7); padding-top: 35px}
.panel-content .row {margin-bottom: 30px;}
.panel-content .row h3 {margin: 0; border-bottom: 5px solid #fdbe15; padding: 0 0 10px; font-weight: 700;}
/*--panels_panel-footer*/
.panel-footer-wrapper {margin: 20px 0 0; min-height: 70px; background: transparent;}
.panel-footer {color: #fff; padding: 20px 0; background: transparent;}
.panel-footer .main-col span,
.panel-footer .left-col a,
.panel-footer .main-col a {color: #fff; display: block; margin-bottom: 10px; text-decoration: underline;}
.panel-footer a:hover {color: #0d518b;}
.panel-footer .block-pay-systems .master-card {background: url(/static/images/elements/master-card-ico-foot.png) 0 0 no-repeat;}
.panel-footer .block-pay-systems .visa {background: url(/static/images/elements/visa-icon-foot.png) 0 0 no-repeat;}
.panel-footer .block-pay-systems .visa-el {background: url(/static/images/elements/visa-el-ico-foot.png) 0 0 no-repeat;}
.panel-footer .block-pay-systems .GooglePlay {width: 140px; height: 50px; margin-left: 0px; background: transparent; background: url(/static/images/Google_play_grey.png) 0 0 no-repeat;}
/*--panels_sidebar*/
.sidebar {}
.sidebar .s-module {margin: 50px 0;}
.sidebar .s-module:first-of-type {margin: 0;}
.sidebar .order-form {width: 95%; padding: 30px; }
.sidebar .order-form input[type=text] {width: 91%;}
.sidebar .order-form .btn {margin-left: 25px;}
.sidebar .block-pay-systems {}
/*pages*/
/*--pages_main-page*/
.main-page .panel-header-wrap {min-height: 545px; background: #23b2d6; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #23b2d6), color-stop(1, #23b2d6)); background: linear-gradient(to bottom, #23b2d6 0, #23b2d6 100%);}
.main-page .panel-header {min-height: 545px; padding: 30px 20px 0;}
.main-page .panel-footer-wrapper {background: #37b9d9;}
.main-page .panel-content {box-shadow: none;}
.contact-page {}
.contact-page .block-feature-list {margin: 10px 0 20px}
/*current style*/
.signal {font-weight: bold; font-size: 12pt}
.signal-high {color: #58a156}
.signal-medium {color: #cda73e}
.signal-low {color: #de481f}
.line {width: auto; height: 5px; margin: 1em 0; background: #fdbe15;}
.float-left {float: left;}
.float-right {float: right;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.clear-fix {clear: both; margin: 0; padding: 0;}
.width70 {width: 70% !important;}
.width60 {width: 60% !important;}
.width50 {width: 50% !important;}
.width40 {width: 40% !important;}
.width30 {width: 30% !important;}
.width20 {width: 20% !important;}
.width25 {width: 25% !important;}
.width15 {width: 15% !important;}
.width10 {width: 10% !important;}
.width5 {width: 5% !important;}
.margin-b10 {margin-bottom: 10px;}
.b-margin {margin: 1em 0}
.zero-margin {margin: 0}
/* */
.ajax-response .hidden-if-ajax {
display: none;
}
#loading-indicator {
display: none;
z-index: 1000;
position: fixed;
top: 0px;
left: 50%;
width: 150px;
margin-left: -75px;
border: 1px solid #F0C36D;
padding: 3px 13px;
background-color: #F9EDBE;
color: #000000;
text-align: center;
font-weight: bold;
}
#user-menu .user-exists {
display: none;
}
#user-menu.user-exists .user-not-exists {
display: none;
}
#user-menu.user-exists .user-exists {
display: inline;
}
/* order-forming */
.order-forming > h2 {font-size: 18pt}
/* rules-text */
.rules-text > ol, .rules-text > ol > li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.rules-text ol {
counter-reset: item;
}
.rules-text li {
display: block;
}
.rules-text li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}
.rules-text h3 {
display: inline;
}
.rules-text ul li:before {
content: "— ";
}
.rules-text ul li {
counter-increment: none;
margin-left: 1.5em;
}
/* instruction */
.instruction .step > ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.instruction .step > ol > li {
margin-left: 0px;
}
.instruction .step ol {
counter-reset: item;
}
.instruction .step li {
display: block;
}
.instruction .step li:before {
content: counters(item, ".") ") ";
counter-increment: item;
}
#tooltip {
background: #FFFFFF;
border: 1px solid #666666;
color: #333333;
font: menu;
margin: 0px;
padding: 3px 5px;
position: absolute;
visibility: hidden;
}
.only-mobile {
display: none;
}
@media (max-width: 1199px) {
.container-main,
.panel-header-wrap {
min-width: auto;
}
.panel-top,
.panel-header,
.panel-content,
.panel-footer,
.block-warning {
width: auto;
}
.panel-top,
.panel-footer {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 991px) {
.panel-header-wrap .logo {
float: none;
width: 100%;
background-position: center;
}
.panel-header-wrap .main-menu {
margin: 20px 0 0;
float: none;
}
.block-order-table {
right: 15px;
}
.left-col,
.right-col {
float: none;
width: auto;
}
.layout-three-col,
.layout-two-col {
margin-left: 0;
margin-right: 0;
}
.panel-footer {
text-align: center;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
left: 0 !important;
margin: 0 15% !important;;
width: 70% !important;
}
}
@media (max-width: 767px) {
* {
box-sizing: border-box;
}
ol, ul {
margin: 0 0 0 10px;
}
select {
width: 100%;
}
input[type=radio] {
box-shadow: none;
}
.width15, .width25, .width30, .width40, .width70 {
width: 100% !important;
}
.panel-top,
.panel-header,
.panel-content,
.panel-footer {
padding: 15px;
}
.panel-top .block-registration {
float: none;
text-align: center;
}
.panel-top .block-languages {
float: none;
text-align: center;
margin-top: 7px;
}
.block-languages a.rus,
.block-languages a.ua,
.block-languages a.en {
background-position: 0 2px;
}
.main-page .panel-header {
padding-left: 15px;
padding-right: 15px;
}
.panel-header-wrap .main-menu {
text-align: center;
}
.main-menu li {
margin: 0 10px !important;
}
.main-menu a {
display: inline-block;
margin: 2px 0;
font-size: 14px;
}
.block-main-order {
height: auto;
padding: 15px;
}
.block-main-order .order-form {
height: auto;
width: auto;
padding: 0;
}
.block-main-order .order-form select {
width: 100%;
}
.calendar {
display: block;
}
.block-order-table {
display: none;
}
.sidebar .order-form {
width: auto;
padding: 15px;
}
.sidebar .order-form .btn {
margin-left: auto;
}
.block-servers .name {
padding: 0 15px;
}
.block-servers .city {
padding-left: 0;
}
.block-servers .features .depth-of-sale {
float: none;
margin-right: auto;
}
.block-servers .features {
padding: 0 15px;
}
.choose-server-form {
width: auto;
padding: 15px;
margin-left: auto;
}
.control-row {
width: auto;
}
.choose-server-form select {
width: 100%;
}
.main-col img {
max-width: 100%;
}
.control-label {
float: none;
width: auto;
}
.control-widget {
float: none;
width: auto;
}
.login-form input {
width: 95%;
}
.block-feature-list .title,
.block-feature-list .description {
display: block;
width: auto;
}
.block-feature-list .title {
margin-right: auto;
}
.order-form input {
width: 100%;
padding: 0 15px;
height: 42px;
}
.choose-server-form-v3 .control-label {
width: auto;
margin-bottom: 5px;
}
.choose-server-form-v3 .control-widget {
width: auto;
margin-bottom: 5px;
}
.choose-server-form .date input {
width: 100%;
}
.choose-server-form .date-add select {
display: block;
width: 100%;
}
.block-t-order .price-description {
width: auto;
margin: 10px 0;
border: 1px solid #ddd;
padding: 0 0 0 15px;
}
.block-t-order .footer {
padding: 15px;
}
.block-t-order .trips-table,
.block-t-order .trips-table tbody,
.block-t-order .trips-table tr,
.block-t-order .trips-table th,
.block-t-order .trips-table td {
display: block;
width: 100%;
}
.block-t-order .trips-table thead {
display: none;
}
.block-t-order .trips-table td {
text-align: left;
}
.block-t-order .trip {
border: 1px solid #ddd;
border-top: 0;
}
.block-t-order .date {
padding: 15px !important;
text-transform: uppercase;
text-align: center !important;
border-bottom: 1px solid #ddd;
}
.block-t-order .preview {
display: none;
}
.block-t-order .trips-table .from-col {
text-align: left;
width: 50%;
float: left;
height: 70px;
}
.block-t-order .trips-table .to-col {
font-weight: bold;
width: 50%;
float: left;
height: 70px;
}
.block-t-order .trips-table .my-price-col {
width: 50%;
float: left;
height: 52px;
}
.block-t-order .trips-table .my-regularity-col {
width: 50%;
float: left;
height: 52px;
}
.block-t-order .trips-table .to-col small {
font-weight: normal;
}
.block-t-order .trips-table .trip-number-name {
font-size: initial;;
}
.block-t-order .trips-table .trip-number-name small {
font-size: 100% !important;
}
.my-checkbox-col {
display: none !important;
}
.block-t-order .footer .control-widget {
width: 100%;
}
.my-buyplace-col .only-mobile {
display: inline-block;
}
.block-t-view {
padding: 0 15px 15px;
}
.block-t-view .item {
margin: 0;
padding-top: 15px;
}
.block-t-view .name {
display: block;
width: auto;
}
.block-t-view .place-num {
display: block;
width: auto;
margin: auto;
}
.control-row.checkbox {
margin-bottom: 10px;
}
.block-t-view input {
width: 100%;
}
.checkbox .control-label {
padding-left: 10px;
}
.block-t-view .phone .control-label {
width: auto;
}
.block-t-view .phone .control-widget {
width: auto;
margin: 7px 0;
}
.block-t-view .phone input {
width: 100%;
}
.simple-account .control-widget {
float: none;
margin-left: auto;
}
.block-pays .banks {
width: auto;
}
.block-pays .banks .checkbox {
width: auto;
padding: 10px;
background-size: 90px;
padding-right: 100px;
background-position: center right;
}
.ad-left {
position: static;
width: auto;
}
.ad-right {
position: static;
width: auto;
margin: 0 -15px;
}
.login-form .control-label, .login-form .control-widget {
width: auto;
margin-top: 4px;
}
.btn.btn-orange.btn-middle {
margin-top: 15px;
display: block;
}
.block-t-order .header {
display: none;
}
.block-t-order-3 .item-group {
border-top: 1px solid #ddd;
}
.block-t-order-3 .item {
border: 1px solid #ddd;
border-top: 0;
padding: 15px 15px 5px;
}
.block-t-order-3 .col {
padding: 0 0 10px !important;
margin: 0;
width: 100% !important;
}
.block-t-order .my-order-number .btn {
margin-top: 0;
display: block;
padding: 15px 0;
font-size: 14px;
}
.my-order-number a:first-of-type {
display: block;
text-align: center;
margin-bottom: 5px;
}
.my-order-number .only-mobile {
display: inline-block;
font-weight: 400;
margin-bottom: 0;
}
.my-order-start {
border-bottom: 1px solid #ddd;
margin-bottom: 10px !important;
}
.my-order-start .only-mobile {
display: inline-block;
margin-right: 5px;
}
.my-order-trip {
border-bottom: 1px solid #ddd;
margin-bottom: 10px !important;
}
.my-order-trip br {
display: none;
}
.my-order-trip span {
display: inline-block;
}
.my-order-trip span:last-of-type:before{
display: inline-block;
content: '-';
margin: 0 5px;
}
.my-order-tickets {
border-bottom: 1px solid #ddd;
margin-bottom: 10px !important;
}
.my-order-tickets .only-mobile {
display: inline-block;
margin-right: 5px;
}
.my-order-processing {
border-bottom: 1px solid #ddd;
margin-bottom: 10px !important;
}
.my-order-processing .only-mobile {
display: inline-block;
margin-right: 5px;
}
.my-order-status {
text-align: center !important;
}
.my-order-status .only-mobile {
display: inline-block;
margin-right: 5px;
}
.only-mobile {
display: block;
font-weight: 800;
font-size: 14px !important;
margin-bottom: 5px;
}
.block-t-order .trips-table .my-new-col-timefrom {
display: inline-block;
width: auto;
padding-top: 0;
}
.block-t-order .trips-table .my-new-col-timeto {
display: inline-block;
width: auto;
padding-top: 0;
}
.block-t-order .trips-table .my-new-col-timeto:before {
display: inline-block;
content: '-';
margin: 0 5px 0 -15px;
}
.my-new-col-bus .only-mobile {
display: inline-block;
margin-right: 5px;
}
.back-link {
display: block;
background: linear-gradient(to bottom, #1e6ab9, #145190);
color: #fff;
border-radius: 4px;
text-align: center;
padding: 15px 0;
box-shadow: 1px 1px 2px rgba(50, 50, 50,.4);
margin-top: 15px;
}
}