/* HTML5 display definitions =================================================== */

.no-touch header {

    position: absolute;

    z-index: 10000;

    min-width: 960px !important;

}

.contacts-address {

    display: inline-block;

}

.preview img[src="/content/thumbs/w300_images_logo4.png"] {

    position: absolute;

    transform: translate(-50%,-50%);

    left: 50%;

    top: 50%;

    max-width: 80%;

}

.verify {

    display: inline-block;

    margin-left: 10px;

    position: relative;

}

.old-places {

    width: 100% !important;

}

.old-places .events-list li:nth-child(3n) {

    margin-right: 20px;

}

.closed-img {

    position: absolute;

    max-width: 100%;

    max-height: 100%;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}

.verify:hover .tooltip {

    opacity: 1;

    visibility: visible;

}

.tooltip {

    position: absolute;

    font-size: 15px;

    background-color: #fff;

    z-index: 1000000;

    box-shadow: 0 0 3px 0 rgba(0,0,0,.4);

    font-weight: 500;

    text-transform: none;

    width: 161px;

    padding: 6px 4px;

    text-align: center;

    border-radius: 8px;

    left: 50%;

    margin-left: -80px;

    bottom: 34px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-out;		

        transition: all 0.3s ease-out;

}

.tooltip:after {

    content: '';

    display: block;

    position: absolute;

    bottom: -6px;

    right: 50%;

    margin-right: -5px;

    width: 11px;

    height: 11px;

    background: #fff;

    margin-top: -9px;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    border-left: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15);

}

.tooltip:before {

    content: '';

    position: absolute;

    display: block;

    width: 30px;

    height: 7px;

    bottom: 0;

    left: 50%;

    margin-left: -15px;

    z-index: 2;

    background: #fff;

}

.verify img {

    width: 25px;

    height: 25px;

    cursor: pointer;

}

.no-touch header.fixed-header {

    position: fixed;

    top: 0;

}

.popup>.popup-title {

    display: none;

}

#place_map {

    width: 100% !important;

}

.wrap-helper-bg {

    background-repeat: no-repeat !important;

    background-position: center top, center bottom !important;

    min-height: 100vh;

}

.events-carousel .preview {

    /*    display: inline-block;*/

}

.events-carousel .jCarouselLite {

    /*    width: 634px;

        margin: 0 auto;*/

}

/*#busTour {

    position: fixed;

    z-index: 9000;

    top: 50%;

    margin-top: -251px;

    left: 50%;

    margin-left: -260px;

}*/

.sub-gallery-wrap {

    overflow: hidden;

    margin-bottom: 10px;

}

.sub-gallery-wrap img {

    height: 60px;

    margin: 0 3px 3px 0; 

}

.sub-gallery-wrap a {

    display: inline-block;

    vertical-align: top;

    float: left;

}

.owl-item>div {

    text-align: center;

    padding: 0 16px;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block;

    margin: 0;

}



[hidden] {

    display: none;

}

/* Youtube iframe responsive =================================================== */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/* Variables =================================================== */



.clearfix:before,

.clearfix:after {

    display: table;

    content: "";

}

.clearfix:after {

    clear: both;

}

.clear {

    clear: both;

}

.left {

    float: left;

}

.right {

    float: right;

}

.center{

    text-align:center;

}

.fz18 {

    font-size: 18px;

}

.fz14 {

    font-size: 14px;

}

.mt20 {

    margin-top: 20px;

}

.mb20, .title.mb20 {

    margin-bottom: 20px;

}

.mb10, .title.mb10 {

    margin-bottom: 10px;

}

.mt10 {

    margin-top: 10px;

}

.ml20 {

    margin-left: 20px;

}

.mr20 {

    margin-right: 20px;

}

.ml10 {

    margin-left: 10px;

}

.mr10 {

    margin-right: 10px;

}





/* Page =================================================== */



* {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

html, body {

    margin: 0;

    padding: 0;

    height: 100%;

}

html {

    -webkit-overflow-scrolling: touch;

    -webkit-tap-highlight-color: #f3f5f6;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}

.brend-link {

    position: fixed;

    z-index: 5;

    width: 100vw;

    height: 100vh;

    left: 0;

    top: 0;

}

.footer-socs {

    position: absolute;

    right: 50px;

    top: 16px;

    display: -webkit-box;

display: -ms-flexbox;

display: flex;

z-index: 20;

}

.footer-socs a {

    display: block;

    margin: 0 3px 5px;

    overflow: hidden;

    border-radius: 6px;

    width: 25px;

    height: 25px;

    transition: all .2s;

}

.footer-socs a:hover {

    transform: translateY(-2px)

}

.footer-socs img {

    width: 100%;

    height: auto;

}

.wrap {

    /*min-height: calc(100vh - 300px);*/

    min-height: 100vh;

    padding-bottom: 170px;

    max-width: 1040px;

    margin: 0 auto;

    position: relative;

    z-index: 10;

}

header {

    min-height: 130px;

    padding-top: 15px;

}

footer {

    height: 150px;

    max-width: 1040px;

    margin: -150px auto 0;

}

.footer-text {

    font-size: 15px;

    margin-bottom: 10px;

        margin: 22px 0 20px;

}



.grid {

    margin: 0 auto;

    width: 960px;

    padding: 0 10px;

}

.no-touch .content {

    padding-top: 130px;

}

.sidebar {

    width: 260px;

    padding-right: 10px;

    display: inline-block;

    vertical-align: top;

}

.inner-content {

    width: 675px;

    padding-left: 15px;

    display: inline-block;

    vertical-align: top;

}

.columns {

    -moz-column-count: 2;

    -moz-column-gap: 20px;

    -webkit-column-count: 2;

    -webkit-column-gap: 20px;

    column-count: 2;

    column-gap: 20px;

}

.columns *:first-child {

    margin-top: 0;

}

.columns p {

    display: inline-block;

    width: 100%;

}



/* Colours =================================================== */



body {

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center top;

    color: #000;

}

.wrap {

    -moz-box-shadow: 0 0 3px -1px #666;

    -webkit-box-shadow: 0 0 3px -1px #666;

    box-shadow: 0 0 3px -1px #666;

    background: #fff;

}

.white {

    background: #fff;

    padding: 10px 0;

}



.gray {

    background: #f7f7f6;

    padding: 10px 0;

}

.mark {

    color: #ffa509;

}

a {

    color: #30ace3;

}

a:hover, a:visited:hover {

    color: #48dfff;

}

a:focus {

    outline: thin dotted;

}

a:hover,

a:active {

    outline: 0;

}

header {

    background: url(../images/header-bg.png) top repeat-x;

}

footer {

    background: url(../images/footer-bg.png) bottom repeat-x;

   border-top: 4px solid #e9942c;

   background: #272727;

    background: linear-gradient(to top, #343333 , #444444 , #404040, #272727, #0f0f0f);

    /*height: auto;*/

}







/* Typography =================================================== */



body {

    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;

    font-size: 16px;

    line-height: 1.3;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    font-family: inherit;

    font-weight: bold;

    font-style: normal;

    color: inherit;

    text-rendering: optimizelegibility;

}

h1 + small {

    margin: -10px 0 10px;

}

h1 small {

    display: inline-block;

    text-transform: none;

    font-weight: normal;

}

h1,

.h1 {

    margin: 10px 0 15px;

    font-size: 30px;

    color: #ffa509;

    text-transform: uppercase;

}

h2,

.h2 {

    margin: 15px 0 10px;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: normal;

}

h3,

.h3 {

    margin: 15px 0 10px;

    font-size: 16px;

    color: #ffa509;

}

h4,

.h4 {

    margin: 15px 0 10px;

    font-size: 14px;

}

h5,

.h5 {

    margin: 15px 0 10px;

    font-size: 14px;

}

h6,

.h6 {

    margin: 15px 0 10px;

    font-size: 14px;

}

.title {

    font-size: 20px;

    font-weight: bold;

    color: #211b0e;

    text-transform: uppercase;

    margin: 20px 0 5px;

}

p,

ol,

ul,

dl,

address {

    margin: 0 0 20px;

}

small {

    display: block;

    font-size: 14px;

    font-style: italic;

}

ul,

ol {

    list-style-position: inside;

    padding-left: 20px;

}

li ul,

li ol {

    margin: 0;

}

ul {

    list-style-image: url(../images/list.png);

}

li {

    margin: 0 0 15px;

}

blockquote {

    margin: 0 0 20px -24px;

    padding-left: 24px;

    border-left: 2px solid #666;

    font-family: Cambria, Georgia, Times, "Times New Roman";

    font-style: normal;

}

q {

    quotes: "\201C" "\201D" "\2018" "\2019";

}

blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}

cite {

    font-style: normal;

}

dl,

dd {

    margin: 0 0 20px;

}

dt {

    font-weight: bold;

}

address {

    font-style: normal;

}

abbr[title] {

    border-bottom: 1px dotted #c7ced6;

    cursor: help;

}

b,

strong {

    font-weight: bold;

}

dfn {

    font-style: italic;

}

ins {

    background-color: #f3f5f6;

    color: #000000;

    text-decoration: none;

}

mark {

    background-color: #f3f5f6;

    color: #000000;

    font-style: italic;

    font-weight: bold;

}

pre,

code,

kbd,

samp {

    font-family: Consolas, Monaco, Courier New, monospace;

    white-space: pre-wrap;

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

    font-size: 14px;

    line-height: 1.3;

}



sub,

sup {

    position: relative;

    font-size: 12px;

    line-height: 0;

    vertical-align: baseline;

}

sup {

    top: -0.2em;

}

sub {

    bottom: -0.15em;

}





table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px;

    border-collapse: collapse;

    border-spacing: 0;

    border: 0;

    background-color: transparent;

}

table p {

    margin: 0 0 5px;

}

th, td {

    padding: 5px 10px;

    vertical-align: middle;

    border: 0;

    text-align: left;

    border: 1px solid #d5d5d5;

}

th {

    font-size: 18px;

    font-weight: normal;

    background: #404142;

    color: #fff;

    border: 1px solid #373839;

}

tr:nth-child(2n + 1) td {

    background: #f3f5f6;

}

#content tr:hover td {

    background: #D0E7E7;

}







/* Elements =================================================== */



hr {

    display: block;

    margin: 20px 0;

    padding: 0;

    height: 4px;

    clear: both;

    border: 1px solid #e9e9e9;

    background: #ebebeb;

}



img {

    max-width: 100%;

    border-width: 0;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

}

time {

    display:block;

    font-size: 14px;

    color: #b2b2b2;

    margin-bottom: 5px;

}





/* Forms =================================================== */





form {

    margin: 0 0 20px 0;

}

.form-wrap {

    margin-bottom: 20px;

}

label,

input,

button,

select,

textarea {

    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif !important;

    margin: 0;

    text-transform: none;

    font-size: 18px;

    line-height: 1.3;

    display: inline-block;

    vertical-align: top;

}

label {

    display: block;

    margin-bottom: 5px;

}

input[type="text"],

input[type="email"],

input[type="tel"],

input[type="search"],

input[type="password"],

textarea {

    height: 30px;

    padding: 2px 5px;

    background-color: #fff;

    border: 1px solid #ddd;

    -moz-box-shadow: inset 0 0 5px -1px #666;

    -webkit-box-shadow: inset 0 0 5px -1px #666;

    box-shadow: inset 0 0 5px -1px #666;

    color: #000;

    width: 100%;

}

textarea {

    resize: vertical;

    overflow: auto;

    height: 120px;

    overflow: auto;

    vertical-align: top;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="tel"]:focus,

input[type="search"]:focus,

input[type="password"]:focus,

textarea:focus {

    border-color: #ccc;

    outline: 0;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    border: 0;

    font-weight: normal;

    width: auto;

    height: auto;

    cursor: pointer;

    -webkit-appearance: button;

}

input[type="search"] {

    -webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

input[type="image"] {

    border: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

input[type="file"] {

    width: auto;

    padding: initial;

    line-height: initial;

    border: initial;

    background-color: transparent;

    background-color: initial;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

select {

    width: 100%;

}

select,

input[type="file"] {

    height: 28px;

    line-height: 28px;

}

select[multiple],

select[size] {

    height: auto;

}

input[type="hidden"] {

    display: none;

}

input[type="radio"],

input[type="checkbox"] {

    float: left;

    margin-right: 5px;

    margin-top: 3px;

}

::-webkit-input-placeholder {

    color: #ccc;

    font-size: 18px;

}

:-moz-placeholder {

    color: #ccc;

    font-size: 18px;

}

.placeholder {

    color: #ccc !important;

    font-size: 18px;

}

input[disabled],

select[disabled],

textarea[disabled],

input[readonly],

select[readonly],

textarea[readonly] {

    -webkit-opacity: 0.5;

    -moz-opacity: 0.5;

    opacity: 0.5;

    cursor: not-allowed;

}

label.error {

    font-size: 14px;

    color: #c00;

}





/* Buttons =================================================== */



.button,

a.button,

input.button,

button.button {

    cursor: pointer;

    display: inline-block;

    padding: 2px 25px;

    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;

    font-size: 17px;

    font-weight: normal;

    line-height: 1.5;

    text-decoration: none;

    text-align: center;

    vertical-align: middle;

    color: #000 !important;

    background: #ffd800;

    background: -moz-linear-gradient(top, #fff776 0%, #ff9500 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff776), color-stop(100%,#ff9500));

    background: -webkit-linear-gradient(top,  #fff776 0%,#ff9500 100%);

    background: -o-linear-gradient(top, #fff776 0%,#ff9500 100%);

    background: -ms-linear-gradient(top,  #fff776 0%,#ff9500 100%);

    background: linear-gradient(to bottom,  #fff776 0%,#ff9500 100%);

    border-top: 1px solid #fce69a;

    border-bottom: 1px solid #fff;

    -moz-box-shadow: inset  0 0 0 1px #fce69a, 0 1px 6px -2px rgba(0,0,0,0.8);

    -webkit-box-shadow: inset  0 0 0 1px #fce69a, 0 1px 6px -2px rgba(0,0,0,0.8);

    box-shadow: inset 0 1px 0 -1px #fce69a, 0 1px 6px -2px rgba(0,0,0,0.8);

    border-radius: 10px;

}

.button:hover {

    color: #fff !important;

    background: #2ab4ff;

    background: -moz-linear-gradient(top, #2ab4ff 0%, #2bdbef 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab4ff), color-stop(100%,#2bdbef));

    background: -webkit-linear-gradient(top,  #2ab4ff 0%,#2bdbef 100%);

    background: -o-linear-gradient(top, #2ab4ff 0%,#2bdbef 100%);

    background: -ms-linear-gradient(top,  #2ab4ff 0%,#2bdbef 100%);

    background: linear-gradient(to bottom,  #2ab4ff 0%,#2bdbef 100%);

    border-top: 1px solid #459ede;

    border-bottom: 1px solid #70b8e6;

    -moz-box-shadow: 0 0 6px -1px rgba(0,0,0,0.8);

    -webkit-box-shadow: 0 0 6px -1px rgba(0,0,0,0.8);

    box-shadow: 0 0 6px -1px rgba(0,0,0,0.8);

}

.button + .button {

    margin-left: 20px;

}

.sidebar .button {

    padding: 2px 15px;

}





/* Header =================================================== */



/* Main nav */



.main-nav {

    text-align: justify;

}

.main-nav:after {

    content: '';

    display: inline-block;

    height: 0;

    width: 100%;

}

.main-nav a, .main-nav a:visited {

    display: inline-block;

    text-align: center;

    font-size: 20px;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    padding: 2px 30px;

    border-radius: 12px;

}

.main-nav a:hover, .main-nav a.active {

    background: #272727;

}



/* User links */



.user-links {

    float: right;

    text-align: right;

    padding-top: 20px;

}

.user-links a, .user-links a:visited {

    color: #b1b0b0;

    text-decoration: none;

    display: inline-block;

    margin-left: 40px;

}

.user-links .cart {

    padding-left: 20px;

    background: url(../images/cart-icon.png) top left no-repeat;

}

.user-links .login {

    padding-left: 20px;

    background: url(../images/cabinet-icon.png) top left no-repeat;

}

.user-links .register {

    padding-left: 20px;

    background: url(../images/cabinet-icon.png) top left no-repeat;

}

.user-links .cabinet {

    padding-left: 20px;

    background: url(../images/cabinet-icon.png) top left no-repeat;

}

.user-links .exit {

    padding-right: 20px;

    background: url(../images/exit-icon.png) top right no-repeat;

}



/* Choose city */



.choose-city {

    display: inline-block;

    position: relative;

    top: 10px;

    left: 40px;

    max-width: 300px;

}

.choose-city label {



    padding-left: 23px;

    display: inline-block;

    color: #42bef0;

    text-decoration: underline;

    cursor: pointer;

    margin-right: 5px;

    font-size: 18px;

    position: relative;

}

.choose-city label:after {

    content: '';

    background: url(../images/c-mark.png) center no-repeat;

    background-size: contain;

    display: inline-block;

    width: 15px;

    height: 15px;

    position: absolute;

    left: 0;

    top: 4px;

}

.choose-city label:hover {

    color: #48dfff;

}

.choose-city input[type="text"] {

    width: 140px;

    opacity: 1;

    filter: Alpha(Opacity=100);

}

.choose-city label.chosen {

    margin-left: 97px;

    position: relative;

}

.choose-city label.chosen:before {

    content: '';

    width: 12px;

    height: 12px;

    display: block;

    background: url(../images/choose_arrow.png) no-repeat;

    position: absolute;

    right: -18px;

    top: 8px;

}

.choose-city input[type="text"].chosen {

    opacity: 0;

    filter: Alpha(Opacity=0);

    width: 0;

}

.cities_list {

    width: 730px;

    padding: 10px 20px;

    background: #fff;

    position: absolute;

    top: 30px;

    left: -50%;

    margin-left: -100px;

    z-index: 1000;

    border: 2px solid #ffcd02;

    border-radius: 3px;

    -moz-column-count: 5;

    -moz-column-gap: 20px;

    -webkit-column-count: 5;

    -webkit-column-gap: 20px;

    column-count: 5;

    column-gap: 20px;

}

.cities_list:before {

    content: '';

    display: block;

    width: 12px;

    height: 12px;

    background: url(../images/cities-arrow.png);

    position: absolute;

    bottom: 100%;

    left: 50%;

}

.cities_list ul {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 14px;

}

.cities_list li {

    margin-bottom: 10px;

}

.no-csscolumns .cities_list li {

    display: inline-block;

    width: 135px;

}





/* Footer =================================================== */

#add-place-form label.error {

    display: block;

    float: none;

    width: 100%;

    text-align: left;

    padding-left: 151px;

}

footer {

    clear: both;

    overflow: hidden;

    color: #fff;

    position: relative;

    z-index: 11;

}

footer .grid {

    text-align: justify;

}

footer .grid:after {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    visibility: hidden;

    content: '';

}

.session-wrap {

    list-style: none;

    padding: 0;

}

.session-wrap li {

    display: inline-block;

    vertical-align: top;

    width: 25%;

    padding-right: 20px;

    margin-bottom: 20px;

}

.session-wrap p {

    margin-bottom: 10px;

}

.session-wrap a {

    display: block;

}

footer a, footer a:visited {

    color: #fff;

}

footer .webakula {

    float: right;

    text-align: right;

    line-height: 1;

    white-space: nowrap;

    margin: 8px 0 0;

}

footer .webakula-link{

    line-height: 2;

}

footer .webakula img{

    padding-left: 3px;

}

.footer-nav {

    margin: 15px 0 10px;

}

.footer-nav a {

    display: inline-block;

    vertical-align: top;

    margin-right: 20px;

}





/* Misc content =================================================== */



/* Datepicker */



#datepicker {

    margin-bottom: 20px;

}

.ui-widget {

    font-family: "PT Sans Narrow", "Arial Narrow", sans-serif;

    font-size: 16px;

}

.ui-datepicker {

    padding: 0;

    width: auto;

    border: 1px solid #e5e5e5;

    border-radius: 10px;

    background: #fff;

    min-width: 240px;

}

.ui-datepicker table {

    font-size: 16px;

}

.ui-datepicker td {

    border: 0;

}

.ui-datepicker td a.ui-state-default {

    text-align: center;

    border: 0;

    font-weight: normal;

    background: none;

    color: #000;

}

.ui-datepicker td a.ui-state-default:hover, .ui-datepicker td a.ui-state-active {

    color: #30ace3;

}

.ui-datepicker th {

    font-weight: normal;

    text-transform: uppercase;

    color: #ffa201;

}

.ui-datepicker .ui-datepicker-header {

    border-radius: 10px 10px 0 0;

    border: 0;

    font-weight: normal;

    text-transform: uppercase;

    color: #000;

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6ea 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6ea));

    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -o-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%);

}

.ui-datepicker-prev.ui-corner-all {

    border: 0;

    border-right: 1px solid #d9d9d9;

    background: none;

    border-radius: 0;

    cursor: pointer;

}

.ui-datepicker-prev .ui-icon,  .cl-prev a {

    background: url(../images/prev.png) center center no-repeat !important;

}

.ui-datepicker-next.ui-corner-all {

    border: 0;

    border-left: 1px solid #d9d9d9;

    background: none;

    border-radius: 0;

    cursor: pointer;

}

.ui-datepicker-next .ui-icon, .cl-next a {

    background: url(../images/next.png) center center no-repeat !important;

}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {

    opacity: 1;

    filter: Alpha(Opacity=100);

}

.cl-prev, .cl-next {

    position: relative;

    width: 15%;

}

.cl-prev:after, .cl-next:after {

    display: block;

    content: '';

    position: absolute;

    width: 1px;

    background: #d9d9d9;

    height: 28px;

    top: -3px;

}

.c-days {

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

    color: #ffa201 !important;

    padding: .7em .3em !important;

    font-size: 18px;

    font-weight: normal;

    background: #404142;

    color: #fff;

    border: 1px solid #373839;

}

.c-table td {

    border: none;

    padding: 4px 7px;

}

.c-table td a {

    color: #000;

    text-decoration: none;

    padding: 3px;

}

.c-table td a:hover {

    color: #30ace3;

}

.cl-prev:after {

    right: 1px;

}

.cl-next:after {

    left: 1px;

}

.cl-prev a, .cl-next a {

    width: 16px;

    height: 16px;

    display: inline-block;

    position: relative;

    top: 3px;

}

.c-month {

    width: 70%;

    text-transform: uppercase;

}

.table-head {

    border: 1px solid #e5e5e5;

    padding: 8px 0;

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.grad-bg {

    background: #ffffff;

    text-align: center;

    padding: 0 !important;

    border: none !important;

    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%) !important;

    background: linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%) !important;

}

.cl-prev {

    border-top-left-radius: 10px;

}

/* Filter */



.sidebar .title {

    font-weight: normal;

    margin-bottom: 10px;

}

.filter {

    margin-bottom: 40px;

}

.filter label {

    font-size: 18px;

}



/* Search form */



.search-form  {

    position:relative;

    float: right;

    margin: 10px 0 20px;

    width: 180px;

}

.inner-content .search-form {

    margin-top: 20px;

}

.search-form .search-field {

    box-shadow: none;

    height: 34px;

    width: 180px;

    border-radius: 10px;

}

.search-form .search-submit {

    position: absolute;

    top: 1px;

    right: 1px;

    padding: 0;

    border: none;

    cursor: pointer;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: #fff url(../images/search.png) center center no-repeat;

    background: url(../images/search.png) center center no-repeat, -moz-linear-gradient(top, #ffffff 0%, #e6e6ea 100%);

    background: url(../images/search.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6ea));

    background: url(../images/search.png) center center no-repeat, -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: url(../images/search.png) center center no-repeat, -o-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: url(../images/search.png) center center no-repeat, -ms-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: url(../images/search.png) center center no-repeat, linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%);

  /*  background: url(../images/search.png);*/

    border-radius: 0 10px 10px 0;

    border-left: 1px solid #ddd;

}



/* Show more links */



.show-more {

    display: block;

    border-top: 1px solid #d7d7d7;

    text-align: center;

    clear: both;

}

.show-more a {

    display: inline-block;

    vertical-align: top;

    background: url(../images/more.png);

    width: 115px;

    height: 22px;

    text-transform: uppercase;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

}

.show-all {

    text-transform: uppercase;

    font-size: 14px;

    float: right;

    padding-right: 10px;

    margin-right: 10px;

    background: url(../images/show-all.png) center right no-repeat;

}



/* Previews */



.previews ul {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.previews li {

    display: inline-block;

    vertical-align: top;

    width: 170px;

    margin-right: 14px;

}

.previews li:nth-child(5n) {

    margin-right: 0;

}

.preview {

    display: block;

    border: 3px solid #fff;

    -moz-box-shadow: 0 0 8px -1px #666;

    -webkit-box-shadow: 0 0 8px -1px #666;

    box-shadow: 0 0 8px -1px #666;

    text-align: center;

    position: relative;

    color: #fff;

    background: #fff;

    border-radius: 2px;

    text-decoration: none;

}

a.preview:hover {

    border-color: #3fb7e7;

    color: #fff;

}

.preview img {

    max-width: 100%;

    max-height: 100%;

}

.preview .preview-title {

    display: block;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    background: #000;

    background: rgba(0,0,0,0.8);

    text-align: left;

    padding: 10px 10px 20px;

    display: none;

    line-height: normal;

}

.recommend {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    background: #e41a1c;

    background: -moz-linear-gradient(top, #e41a1c 0%, #960407 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e41a1c), color-stop(100%,#960407));

    background: -webkit-linear-gradient(top, #e41a1c 0%,#960407 100%);

    background: -o-linear-gradient(top, #e41a1c 0%,#960407 100%);

    background: -ms-linear-gradient(top, #e41a1c 0%,#960407 100%);

    background: linear-gradient(to bottom, #e41a1c 0%,#960407 100%);

    border-radius: 20px;

    padding: 3px 10px;

    position: absolute;

    top: -15px;

    left: 30px;

    line-height: normal;

}



/* Wishlist button */



.wishlist-button {

    clear: both;

    float: right;

    background: #515257 url(../images/wishlist-button.png) 8px center no-repeat;

    background: url(../images/wishlist-button.png) 8px center no-repeat, -moz-linear-gradient(top, #515257 0%, #282828 100%);

    background: url(../images/wishlist-button.png) 8px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515257), color-stop(100%,#282828));

    background: url(../images/wishlist-button.png) 8px center no-repeat, -webkit-linear-gradient(top, #515257 0%,#282828 100%);

    background: url(../images/wishlist-button.png) 8px center no-repeat, -o-linear-gradient(top, #515257 0%,#282828 100%);

    background: url(../images/wishlist-button.png) 8px center no-repeat, -ms-linear-gradient(top, #515257 0%,#282828 100%);

    background: url(../images/wishlist-button.png) 8px center no-repeat, linear-gradient(to bottom, #515257 0%,#282828 100%);

    border-radius: 10px;

    color: #fff;

    text-decoration: none;

    padding: 2px 15px 4px 30px;

}

.wishlist-button:hover {

    color: #fff;

    background: #282828 url(../images/wishlist-button.png) 8px center no-repeat;

}

.over-link {

    display: block;

    position: relative;

    overflow: hidden;

}

.over-link img {

    height: 110px;

}

#ui-id-7 {

    width: 735px !important;

}

.over-link div {

    position: absolute;

    background: rgba(0,0,0,0.8);

    color: #fff;

    text-decoration: none;

    width: 100%;

    padding: 8px;

    bottom: 0;

    left: 0;

    -webkit-transition: all 0.3s ease;		

    transition: all 0.3s ease;

    /*height: 0;*/

    margin-bottom: -100%;

}

.over-link:hover div {

    margin-bottom: 0;

}

/* Tags */

.tag {

    display: inline-block;

    position: relative;

    margin-left: 25px;

    margin-bottom: 10px;

    border-radius: 4px;

    color: #636363;

    border: 1px solid #d9d9d9;

    border-left: 0;

    background: url(../images/tag-bg.png) top repeat-x;

    font-size: 16px;

    padding: 2px 15px 2px 5px;

    height: 27px;

    text-decoration: none;

}

.tag:hover {

    color: #30ace3;

}

.tag:before {

    content: '';

    position: absolute;

    left: -20px;

    top: -1px;

    display: block;

    width: 22px;

    height: 27px;

    background: url(../images/tag.png) top left no-repeat;

}



/* Rate place */



.rate-place .star,

.rate-place .empty {

    display: inline-block;

    width: 20px;

    height: 20px;

}

.rate-place .star, .rate-place .empty.star {

    background: url(../images/rate-star.png) top center no-repeat;

    background-size: 100%;

}

.rate-place .empty {

    background: url(../images/rate-empty.png) top center no-repeat;

    background-size: 100%;

}

.rate-place a.empty:hover {

    background: url(../images/rate-star.png) top center no-repeat;

}





/* Carousel */



.carousel {

    position: relative;

}

.jCarouselLite ul {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.jCarouselLite li {

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: auto !important;

}

.carousel .prev,

.carousel .next {

    display: inline-block;

    vertical-align: top;

    width: 15px;

    height: 17px;

    cursor: pointer;

    position: absolute;

    top: 120px;

    z-index: 100;

}

.carousel .prev {

    left: -15px;

    background: url(../images/prev.png) no-repeat;

}

.carousel .next {

    right: -15px;

    background: url(../images/next.png) no-repeat;

}





/* Index page =================================================== */



.seo-text {

    padding: 20px 0 20px;

}

.seo-text h1 {

    font-size: 20px;

}

.banner {

    display: block;

    margin-top: 10px;

    -moz-box-shadow: 0 0 5px -1px #000;

    -webkit-box-shadow: 0 0 5px -1px #000;

    box-shadow: 0 0 5px -1px #000;

}

.gray .title {

    margin-top: 0;

}



/* Slider */



#slider {

    overflow: hidden;



}

.no-touch #slider {

    margin-top: 130px;

}

#slider .slides_container {

    width:940px;

    overflow:hidden;

    position:relative;

    display:none;

}

.slides_container a {

    width:940px;

    height:205px;

    overflow: hidden;

    display:block;

}

.slides_container img {

    width: 940px;

}

#slider .pagination {

    overflow: hidden;

    padding: 0;

    margin: -25px 20px 0 0;

    float: right;

    position: relative;

    z-index: 100;

}

#slider .pagination li {

    float:left;

    margin:2px 4px;

    list-style:none;

}

#slider .pagination li a {

    display:block;

    width:70px;

    height:36px;

    border: 1px solid #fff;

    -moz-box-shadow: 0 0 5px -1px #000;

    -webkit-box-shadow: 0 0 5px -1px #000;

    box-shadow: 0 0 5px -1px #000;

}

#slider .pagination li.current a {



}



/* Soon events */



.soon-events .preview {

    min-height: 240px;

}

.soon-events .preview img {

    width: 100%;

}



/* Places list */





.places-list .preview {

    height: 80px;

    line-height: 70px;

}

.places-list ul {

    margin-top: 20px;

}

.places-list .rate-place {

    margin-top: 10px;

    text-align: center;

}

.places-list .rate-place .star,

.places-list .rate-place .empty {

    width: 26px;

    height: 24px;

}



/* Recent photos */



.recent-photos .preview {

    height: 170px;

    line-height: 160px;

}

.recent-photos .preview img {

    max-height: 160px;

}



/* Last news */



.last-news {

    float: left;

    width: 500px;

    margin-top: 20px;

}

.last-news .title {

    margin-top: 0;

}

.last-news ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.last-news li {

    overflow: hidden;

}

.last-news .text {

    overflow: hidden;

}

.last-news .image-link {

    float: left;

    width: 48px;

    margin-top: 5px;

    margin-right: 15px;

}

.last-news .news-link {

    font-size: 18px;

}



/* Last comments */



.last-comments {

    float: right;

    width: 420px;

    padding-left: 30px;

    border-left: 1px solid #ccc;

    margin-top: 20px;

}

.last-comments .title {

    margin-top: 0;

}

.last-comments ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.pl-rate {

    display: flex;

}

.pl-wrap {

    

}

.pl-wrap>* {

     vertical-align: middle;

}



/* Afisha page =================================================== */



/* Events list */



.events-list {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.events-list li {

    display: inline-block;

    vertical-align: top;

    width: 200px;

    margin-right: 18px;

    margin-bottom: 20px;

}

.events-list li:nth-child(3n) {

    margin-right: 0;

}

.events-list .preview {

    margin-bottom: 5px;

}

.events-list .recommend {

    left: 40px;

    top: -10px;

}



/* Events carousel */



.events-carousel li {

    padding: 5px;

    width: 200px !important;

    margin-right: 20px;

}

.events-carousel .prev,

.events-carousel .next {

    top: 50%;

}

.events-carousel .prev {

    left: -15px;

}

.events-carousel .next {

    right: -15px;

}





/* Event page =================================================== */



.social-widget {

    border: 2px solid #285e94;

    padding: 10px;

}

.event {

    overflow: hidden;

}

.event .preview {

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}

.event-description {

    margin-bottom: 20px;

}

.event-description p {

    margin-bottom: 5px;

}



/* Sessions list */



.sessions tr td {

    padding: 10px 0;

    border: 0;

    background: none;

}

.sessions tr {

    border-bottom: 1px solid #e5e5e5;

}

.sessions tr:last-child {

    border: none;

}

.sessions td:first-child {

    width: 200px;

}

.sessions p {

    margin: 0;

}

.session-time {

    display: inline-block;

    margin-right: 10px;

    border-radius: 10px;

    border: 1px solid #d9d9d9;

    background: #fff;

    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6ea 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6ea));

    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -o-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%);

    font-size: 14px;

    padding: 0 15px;

}

.session-time.not-available {

    background: #fff;

    text-decoration: line-through;

}





/* Gallery carousel */



.gallery-carousel .jCarouselLite {

    width: 640px !important;

    margin-left: 15px;

}

.gallery-carousel li {

    margin-right: 18px;

    width: 150px !important;

    height: auto !important;

}

.gallery-carousel a {

    display: block;

}

.gallery-carousel img {

    width: 100%;

}

.gallery-carousel .prev,

.gallery-carousel .next {

    top: 30%;

}

.gallery-carousel .prev {

    left: -15px;

}

.gallery-carousel .next {

    right: -25px;

}





/* Places page =================================================== */



.places {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.places li {

    display: inline-block;

    vertical-align: top;

    width: 205px;

    margin-right: 18px;

    margin-bottom: 25px;

}

.places li:nth-child(3n) {

    margin-right: 0;

}

.places .recommend {

    left: 50px;

}

.places .preview {

    height: 80px;

    line-height: 70px;

    margin-bottom: 5px;

}

.places .rate-place {

    margin-top: 5px;

}

.places .reviews-link {

    float: right;

    font-size: 14px;

}

.places  p {

    margin-bottom: 10px;

}





/* Place inside page =================================================== */



h1 .rate-place {

    display: inline-block;

}

h1 .rate-place .star,

h1 .rate-place .empty {

    position: relative;

    top: 5px;

}

.place .preview {

    max-width: 280px;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

}

.place-description p {

    margin-bottom: 5px;

}



/* Place albums */

.place-album-carousel {

    margin-top: 25px;

    margin-bottom: 25px;

}

.place-album-carousel.events-carousel .prev, .place-album-carousel.events-carousel .next {

    top: 50%;

}

.place-albums a {

    position: relative;

    color: #fff;

}

.place-albums a:hover {

    color: #fff;

}

.place-albums .album-title {

    display: block;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    background: #000;

    background: rgba(0,0,0,0.8);

    text-align: left;

    padding: 10px 10px 20px;

    display: none;

    line-height: normal;

}



/* Menu */



#menu .menu-header {

    border-radius: 0;

    border: 1px solid #d9d9d9;

    background: #fff;

    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6ea 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6ea));

    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -o-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%);

    font-weight: normal;

    text-transform: uppercase;

    color: #ffa509;

    padding: 5px 15px;

    margin-top: 5px;

    position: relative;

}

#menu .menu-header .ui-icon {

    width: 14px;

    height: 13px;

    background-position: 0 0;

    background-repeat: no-repeat;

    position: absolute;

    left: auto;

    right: 10px;

}

#menu .ui-state-default  .ui-icon {

    background-image: url(../images/accordeon-closed.png);

}

#menu .ui-state-active .ui-icon {

    background-image: url(../images/accordeon-open.png);

}

#menu .menu-content {

    background: none;

    border: none;

    padding: 15px 20px 15px 40px;

}

#menu .menu-content li {

    margin: 0;

    overflow: hidden;

    position: relative;

}

#menu .menu-content li:before {

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    border-top: 2px dotted #000;

    position: absolute;

    left: 0;

    top: 50%;

}

#menu .food-title {

    float: left;

    background: #fff;

    position: relative;

    z-index: 10;

    padding-right: 5px;

}

#menu .food-price {

    float: right;

    background: #fff;

    position: relative;

    z-index: 10;

    padding-left: 10px;

}





/* Reviews list */





.reviews-list ul {

    /*margin: 20px 0 20px 80px;*/

    padding: 0;

    list-style: none;

    clear: both;

}

.reviews-list ul li ul {

    margin-left: 35px;

}

/*.reviews-list li:nth-child(2n) {

    margin-left: 40px;

}*/

/*

.reviews-list .first-level {

    margin: 0;

}

.reviews-list li {

    position: relative;

}

.reviews-list li:before {

    content: '';

    position: absolute;

    top: 0;

    right: 100%;

    margin-right: 10px;

    display: block;

    width: 15px;

    height: 15px;

    background: url(../images/level.png) no-repeat;

}

.reviews-list .first-level > li:before {

    content: none;

}

*/



.review .review-author {

    text-transform: uppercase;

}

.review time {

    display: inline-block;

    margin: 0 10px 0 5px;

}





/* Reviews form */



.add-rate {

    font-size: 14px;

    margin: -15px 0 15px;

}

.add-review .rate-place {

    display: inline-block;

    position: relative;

    top: 5px;

}

.add-review .rate-place .star,

.add-review .rate-place .empty {

    width: 26px;

    height: 24px;

}

.add-review .button {

    float: right;

}





/* Gallery page =================================================== */



.albums-list {

    list-style: none;

    padding: 0;

    margin: 20px 0 0;

    clear: both;

}

.albums-list li {

    display: inline-block;

    vertical-align: top;

    width: 200px;

    margin-right: 42px;

    margin-bottom: 20px;

}

.albums-list li:nth-child(4n) {

    margin-right: 0;

}

.albums-list .preview {

    height: 170px;

    line-height: 160px;

    margin-bottom: 5px;

}

.albums-list .preview img {

    max-height: 160px;

}

.albums-list p {

    margin: 0;

}

.albums-list .text {

    margin: 5px 0;

    font-size: 14px;

}

.albums-list small {

    color: #4f4f4f;

}





/* Album page =================================================== */



.h1 .back {

    text-transform: none;

    font-size: 18px;

    position: relative;

    left: 10px;

    top: -5px;

}

.album-place-title {

    font-size: 20px;

}





/* News page =================================================== */



.news-list {

    list-style: none;

    padding: 0;

    margin: 0;

    overflow: hidden;

}

.news-item {

    clear: both;

}

.news-item .preview {

    float: left;

    width: 170px;

    margin-right: 20px;

    margin-bottom: 20px;

}

.news-item .news-title {

    font-size: 18px;

    text-transform: uppercase;

}

.news-item time,

.news-single time {

    font-size: 16px;

    font-style: italic;

}

.news-item .text {

    overflow: hidden;

}

.news-single .preview {

    max-width: 300px;

    float: left;

    margin-right: 20px;

}





/* Tours page =================================================== */

.setW100 {
    width:100%;
}

.page.tours.mt37 {
    margin-top:37px;
	font-size: 0;
    line-height: 0;
}

.page.tours.mt37 > * {
	line-height: 1;
}

.page.tours .col-xs-12 {
    width:100%;
}

.page.tours .ttl {
    text-align: center;
    margin-bottom: 30px;
    cursor:default;
}

.page.tours .prog_cat {
    text-align: center;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    min-height: 150px;
    margin-bottom: 30px;
    background: #f9f9f9;
    border-radius: 5px;
	transition:all .2s ease;
}

.page.tours .prog_cat:hover {
	background: #f2f2f2;
	box-shadow: 0 0 5px #a5a5a5;
}

.page.tours .prog_cat .image {
    margin-bottom: 5px;
}

.page.tours .col-sm-4 {
	font-size:1rem;
}




/*bread_crumbs*/

.bread_crumbs ul{
    display: flex;
    list-style-image: none;
    list-style-type: none;
    padding-left: 0;
    padding-top:15px;
    line-height: 15px;
    font-size: 15px;
    flex-wrap: wrap;
}
.bread_crumbs ul li::before {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #999;
}
.bread_crumbs ul li:first-child::before{
    display: none;
}
/*bread_crumbs end*/




@media (min-width: 520px) {
    .page.tours .col-sm-4 {
		display: inline-block;
		width: 33.33333333%;
		vertical-align: top;
    }
}

.tours-list {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.tours-list li {

    display: inline-block;

    vertical-align: top;

    width: 205px;

    margin-right: 18px;

    margin-bottom: 20px;

}

.tours-list li:nth-child(3n) {

    margin-right: 0;

}

.tour-item .tour-price {

    font-size: 24px;

    display: block;

    margin: 5px 0;

    text-transform: uppercase;

    padding-left: 30px;

    background: url(../images/tour-price.png) top left no-repeat;

}

.tour-item .tour-link {

    font-size: 18px;

    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 10px;

}

.tour-item .tour-start {

    display: block;

    padding-left: 20px;

    background: url(../images/tour-start.png) top left no-repeat;

}

.tour-item .tour-end {

    display: block;

    padding-left: 20px;

    background: url(../images/tour-end.png) top left no-repeat;

}

.tour-item .tour-place {

    display: block;

    padding-left: 20px;

    background: url(../images/tour-place.png) top left no-repeat;

}





/* Tour single page =================================================== */



.tour-single .preview {

    max-width: 300px;

    float: left;

    margin-right: 20px;

}

.tour-single .tour-description p {

    margin-bottom: 5px;

}

.tour-single .tour-price {

    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 20px;

}





/* Tickets page =================================================== */



.tickets-list {

    list-style: none;

    padding: 0;

    margin: 0;

    clear: both;

}

.tickets-list li {

    display: inline-block;

    vertical-align: top;

    width: 148px;

    margin-right: 18px;

    margin-bottom: 20px;

}

.tickets-list li:nth-child(4n) {

    margin-right: 0;

}

.ticket-item .ticket-price {

    position: absolute;

    top: 0;

    left: 0;

    background: #404142;

    color: #fff;

    text-transform: uppercase;

    padding: 3px 10px;

}

.ticket-item .ticket-link {

    font-size: 18px;

    text-transform: uppercase;

    display: inline-block;

    margin: 5px 0 10px;

}

.ticket-item p {

    margin: 0;

}





/* Contacts page =================================================== */



.contacts-page article {

    min-height: 560px;

}

.contacts-page .wrap {

    background: #fff url(../images/contact-bg.jpg) bottom right no-repeat;

}

.contacts-page address {

    font-size: 18px;

}

#feedback-form {

    width: 580px;

    margin-right: 20px;

    float: left;

}

#feedback-form .form-wrap:first-child input {

    width: 280px;

    display: inline-block;

    vertical-align: top;

}

#feedback-form .form-wrap:first-child input:first-child {

    margin-right: 16px;

}

#feedback-form textarea {

    height: 170px;

}

.contact-text {

    font-size: 24px;

    width: 500px;

    clear: both;

}





/* Popups =================================================== */



.popup {

    padding: 0 20px 10px;

    width: 520px;

}

.popup.map-popup {

    padding: 0;

    width: 714px;

}

.popup p {

    margin-bottom: 5px;

}

.popup .popup-title {

    font-size: 15px;

    text-transform: uppercase;

}

#login-form {

    overflow: hidden;

    padding-bottom: 10px;

}

#login-form .login-icon, #register-form  .login-icon{

    display: inline-block;

    vertical-align: top;

    width: 34px;

    height: 35px;

}



#login-form .fb, #register-form .fb {

    background: url(../images/fb.png) no-repeat;

}

#login-form .vk, #register-form .vk {

    background: url(../images/vk.png) no-repeat;

}

#login-form .ok, #register-form .ok {

    background: url(../images/ok.png) no-repeat;

}

#login-form .gplus, #register-form .gplus {

    background: url(../images/gplus.png) no-repeat;

}

#login-form .form-socials, #register-form .form-socials {

    float: right;

    width: 210px;

    margin-top: 10px;

}

#login-form .form-fields, #register-form .form-fields {

    float: left;

    width: 220px;

    margin-top: 10px;

}

#login-form .check-remember {

    margin-top: -10px;

}

#register-form .form-wrap input {

    width: 220px;

    display: inline-block;

    vertical-align: top;

}

#register-form .form-wrap input:first-child {

    margin-right: 16px;

}

#register-form .reg-captcha input {

    width: 90px;

    margin: 0 10px 0 5px;

}

/*#register-form .reg-city {*/

/*margin-bottom: 20px;*/

/*}*/

#register-form .reg-city label {

    display: inline-block;

    vertical-align: top;

    margin-right: 15px;

    font-size: 16px;

    width: 55px;

}

#register-form .reg-city select {

    width: 220px;

    display: inline-block;

    vertical-align: top;

}

#register-form .reg-phone label {

    display: inline-block;

    vertical-align: baseline;

    margin-right: 15px;

    font-size: 16px;

    width: 55px;

}

#register-form .reg-phone #phone_number {

    width: 220px;

    vertical-align: baseline;

}

#register-form .reg-phone .note {

    display: inline-block;

    width: 160px;

    vertical-align: bottom;

    margin-left: 10px;

    position: relative;

    top: 5px;

}

#register-form .button {

    float: right;

    margin: 20px 0;

}



/* Cabinet page =================================================== */



.user {

    overflow: hidden;

    margin-bottom: 20px;

}

.user p {

    margin: 0 0 5px;

}

.user .reg-date {

    color: #747474;

    margin-top: 20px;

}



/* User avatar */



#avatar {

    position: relative;

    width: 130px;

    margin: 0;

    float: left;

    margin-right: 15px;

    overflow: hidden;

}

#avatar img {

    border: 1px solid #b2b2b2;

}

#avatar .upload {

    background: url(../images/overlay.png);

    width: 130px;

    height: 36px;

    cursor: pointer;

    overflow: hidden;

    position: absolute;

    left: 0;

    bottom: 0;

    display: none;

}

#avatar .upload-text {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    color: #fff;

    padding: 4px;

    padding-left: 35px;

    line-height: 1;

    font-size: 14px;

}

#avatar .upload-text:before {

    content: '';

    position: absolute;

    left: 10px;

    top: 5px;

    display: block;

    width: 18px;

    height: 20px;

    background: url(../images/upload.png);

}

#avatar .upload input {

    height: 100%;

    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

    cursor: pointer;

}



/* Tabs */



#cabinet_tabs {

    padding: 0;

    background: none;

    border-radius: 0;

    border: none;

}

#cabinet_tabs .ui-tabs-nav {

    background: none;

    border: none;

    padding: 0;

}

#cabinet_tabs .ui-tabs-nav li {

    margin: 0;

    padding: 0;

    border: 1px solid #d9d9d9;

    background: #fff;

    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6ea 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6ea));

    background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -o-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: -ms-linear-gradient(top, #ffffff 0%,#e6e6ea 100%);

    background: linear-gradient(to bottom, #ffffff 0%,#e6e6ea 100%);

    font-weight: normal;

    text-transform: uppercase;

    border-radius: 15px 15px 0 0;

}

#cabinet_tabs .ui-tabs-nav a {

    color: #000;

    padding: 5px 20px;

}

#cabinet_tabs .ui-tabs-nav .ui-tabs-active {

    border: 1px solid #ffb800;

    background: #ffd800;

    background: -moz-linear-gradient(top, #ffd800 0%, #ffb800 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb800));

    background: -webkit-linear-gradient(top, #ffd800 0%,#ffb800 100%);

    background: -o-linear-gradient(top, #ffd800 0%,#ffb800 100%);

    background: -ms-linear-gradient(top, #ffd800 0%,#ffb800 100%);

    background: linear-gradient(to bottom, #ffd800 0%,#ffb800 100%);

}

#cabinet_tabs .ui-tabs-active a {

    color: #fff;

    font-weight: bold;

}

#cabinet_tabs .tab {

    border: 3px solid #ffb800;

    border-radius: 0;

}

#cabinet_tabs .tab a {

    color: #27a3e0;

}

#cabinet_tabs .tab a:hover {

    color: #48dfff;

}

#cabinet_tabs .tab th {

    text-align: center;

}



/* Cabinet internal nav */



.cabinet-nav {

    margin: 10px 0;

}

.cabinet-nav .nav-item {

    display: inline-block;

    line-height: 1;

    padding-right: 15px;

    margin-right: 15px;

    border-right: 1px solid #000;

}

.cabinet-nav .nav-item.active {

    color: #000 !important;

    text-decoration: none;

}

.cabinet-nav .nav-item:last-child {

    border: none;

}





/* My places */



.places-number {

    font-style: normal;

    margin: -20px 0 10px;

}

.place-one-block .place-title {

    text-transform: none;

}

.place-one-block .cabinet-nav {

    margin-bottom: 30px;

}



/* Cabindet photos list */



.cabinet-photos-list {

    list-style: none;

    padding: 0;

}

.cabinet-photos-list li {

    width: 150px;

    display: inline-block;

    vertical-align: top;

    margin-right: 30px;

    position: relative;

}

.cabinet-photos-list li:nth-child(5n) {

    margin-right: 0;

}

.cabinet-photos-list small {

    color: #858585;

}

.cabinet-photos-list .delete-photo {

    position: absolute;

    top: 3px;

    right: 3px;

    display: block;

    width: 25px;

    height: 25px;

    background: url(../images/delete-photo.png) no-repeat;

    z-index: 10;

    cursor: pointer;

}



/* Cabinet forms */



.inner-block input,

.inner-block textarea {

    width: 735px;

}

.inner-block input[type="checkbox"] {

    width: auto;

}

.inner-block label {

    width: 120px;

    margin-right: 30px;

    text-align: right;

    float: left;

    font-size: 16px;

    line-height: 1;

}

.inner-block .radio-label {

    float: none;

    width: auto;

    overflow: hidden;

    text-align: left;

    margin: 0;

    display: inline-block;

}

.inner-block select {

    width: 240px;

}



/* Add/edit news */



.texteditor {

    display: inline-block;

    vertical-align: top;

    width: 735px;

    position: relative;

}

.texteditor .editor-buttons {

    position: absolute;

    top: 0;

    left: 0;

}

.news-image-preview {

    width: 300px;

    margin-left: 150px;

}



/* Add/edit place */



.checkboxes-list {

    display: inline-block;

    vertical-align: top;

    width: 735px;

}

.inline-checkbox {

    display: inline-block;

    vertical-align: top;

    margin-right: 40px;

}

.additional-services .inline-checkbox {

    width: 170px;

    margin-right: 10px;

}

.external-image-link {

    display: inline-block;

    vertical-align: top;

    width: 735px;

    margin-left: 150px;

}

.external-image-link .or {

    font-size: 24px;

}

.uploaded-poster {

    display: inline-block;

    vertical-align: top;

    margin-top: 20px;

}





/* Add/edit event */



.event-time {

    display: inline-block;

    vertical-align: top;

    width: 735px;

}

.event-time input {

    width: 240px;

    margin-right: 20px;

}

.event-time select {

    width: auto;

    margin-right: 20px;

}





/* My settings */



#settings-form {

    overflow: hidden;

}

#settings-form > .left {

    width: 450px;

    overflow: hidden;

}

#settings-form > .right {

    width: 430px;

    overflow: hidden;

}

#settings-form .form-wrap {

    overflow: hidden;

}

#settings-form input {

    width: 300px;

}

#settings-form input[type="checkbox"] {

    width: auto;

}

#settings-form label {

    width: 70px;

    float: left;

    font-size: 14px;

    line-height: 1;

}

#settings-form .radio-label {

    float: none;

    width: auto;

    overflow: hidden;

    font-size: 16px;

}

#settings-form .button {

    margin: 3px;

}

#settings-form select {

    width: auto;

    margin-right: 10px;

}

#settings-form .note {

    font-size: 14px;

    color: #767c7d;

    margin-left: 70px;

    margin-top: -10px;

}

#settings-form .phone_confirm {

    display: inline-block;

    vertical-align: bottom;

    margin-left: 10px;

}

#settings-form .phone_confirm label {

    font-size: 14px;

    display: inline-block;

}

#settings-form .phone_confirm input {

    margin: 0 5px 0 0;

}

select#birthday_day {

    width: 50px;

}

select#birthday_month {

    width: 170px;

}

select#birthday_year {

    width: 100px;

}

select#settings_city {

    width: 240px;

}

input#settings_phone {

    width: 240px;

}



/* Cart */



input.cart-amount {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 35px;

    font-size: 14px;

    height: 24px;

    margin-right: 5px;

}

.price {

    font-size: 24px;

    text-align: center;

}



/* Wishlist */



.wishlist td {

    background: none !important;

    border: none;

    border-bottom: 2px dotted #e6e6e6;

    padding: 15px 0;

}

.wishlist tr:last-child td {

    border: none;

}

.wishlist td:last-child {

    text-align: right;

}

.wishlist .wishlist-date {

    font-size: 14px;

    text-transform: uppercase;

}



/* My reviews */



.my-reviews {

    list-style: none;

    margin: 0;

    padding: 0;

}

.my-reviews li {

    border-bottom: 2px dotted #e6e6e6;

    padding-bottom: 20px;

}

.my-reviews li:last-child {

    border: none;

}

.my-reviews .show-full-review {

    margin: 0;

}



#dragandrophandler {

    border: 2px dotted #0b85a1;

    color: #92aab0;

    font-size: 200%;

    margin-bottom: 10px;

    padding: 100px;

    text-align: left;

    vertical-align: middle;

    width: 100%;

}



.paginator li{

    display: inline-block;

}



.sidebar .active a{

    color: red;

}



#accept-filter{

    font-size: 20px;

    color: #8a3104;

    border: 3px solid black;

    border-radius: 20px;

    text-decoration: none;

}



.showPopUp{

}



.paginator .active{

    font-size: 30px;

}





.popup.popup-api {

    padding: 0px;

    width : auto !important;

    max-width: 1500px;

}



.back{

    cursor: default;

}

.filter>div input {

    display: none;

}

.filter>div input:checked + label>a {

    color: red;

}

.logo img {

    max-width: 270px;

}

#type_id-element {

    float: left;

}

#type_id-element br {

    display: none;

}

#type_id-element label {

    width: 400px;

    text-align: left;

    margin-left: 0;

    float: none;

}

#video-label {

    clear: both;

}



.confirm-phone-code-success,

.confirm-email-code-error,

.confirm-email-code-success,

.confirm-email-code-error {

    display: none;

}

.confirm-email-code-success, 

.confirm-phone-code-success {

    color: green;

}

.confirm-email-code-error,

.confirm-email-code-error {

    color: red;

}



#epopup {

    display: none;

    left: 674px;

    top: 129.5px;

    position: fixed;

}



/*webakula_style2.css:6979*/

.popup {

    position: absolute;

     z-index: 220000000 !important;

    display: none;

    background: #fff;

    width: auto;

    min-width: 460px;

    max-width: 600px;

    margin: 20px auto 0;

    padding: 10px 15px;

    border: 1px solid #c00;

}

.popup-title {

    font-size: 18px;

    background: #c00;

    color: #fff;

    padding: 5px 50px 10px 20px;

    margin: -10px -15px 20px;

}

.popup-text {

    padding: 10px;

}

.popup-close {

    position: absolute;

    top: 5px;

    right: 5px;

    width: 24px;

    height: 22px;

    background: url(/images/close.png) top no-repeat;

    cursor: pointer;

    z-index: 2300;

}

.inner-block input {

    width: 200px;

}

#overlay {

   z-index: 100000000 !important;

}



/*******************************************************************************

 * Tree container

 */

ul.dynatree-container

{

	font-family: tahoma, arial, helvetica;

	font-size: 10pt; /* font size should not be too big */

	white-space: nowrap;

	padding: 3px;

	margin: 0; /* issue 201 */

	background-color: white;

	border: 1px dotted gray;

	overflow: auto;

	height: 100%; /* issue 263 */

}



ul.dynatree-container ul

{

	padding: 0 0 0 16px;

	margin: 0;

}



ul.dynatree-container li

{

	list-style-image: none;

	list-style-position: outside;

	list-style-type: none;

	-moz-background-clip:border;

	-moz-background-inline-policy: continuous;

	-moz-background-origin: padding;

	background-attachment: scroll;

	background-color: transparent;

	background-repeat: repeat-y;

	background-image: url("/images/imavline.gif");

	background-position: 0 0;

	/*

	background-image: url("icons_96x256.gif");

	background-position: -80px -64px;

	*/

	margin: 0;

	padding: 1px 0 0 0;

}

/* Suppress lines for last child node */

ul.dynatree-container li.dynatree-lastsib

{

	background-image: none;

}

/* Suppress lines if level is fixed expanded (option minExpandLevel) */

ul.dynatree-no-connector > li

{

	background-image: none;

}



/* Style, when control is disabled */

.ui-dynatree-disabled ul.dynatree-container

{

	opacity: 0.5;

/*	filter: alpha(opacity=50); /* Yields a css warning */

	background-color: silver;

}



/*******************************************************************************

 * Common icon definitions

 */

span.dynatree-empty,

span.dynatree-vline,

span.dynatree-connector,

span.dynatree-expander,

span.dynatree-icon,

span.dynatree-checkbox,

span.dynatree-radio,

span.dynatree-drag-helper-img,

#dynatree-drop-marker

{

	width: 16px;

	height: 16px;

/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */

/*	-moz-box-align: start; /* issue 221 */

	display: inline-block; /* Required to make a span sizeable */

	vertical-align: top;

	background-repeat: no-repeat;

	background-position: left;

	background-image: url("/images/icons.gif");

	background-position: 0 0;

}



/** Used by 'icon' node option: */

ul.dynatree-container img

{

	width: 16px;

	height: 16px;

	margin-left: 3px;

	vertical-align: top;

	border-style: none;

}





/*******************************************************************************

 * Lines and connectors

 */



span.dynatree-connector

{

	background-position: -16px -64px;

}



/*******************************************************************************

 * Expander icon

 * Note: IE6 doesn't correctly evaluate multiples class names,

 *		 so we create combined class names that can be used in the CSS.

 *

 * Prefix: dynatree-exp-

 * 1st character: 'e': expanded, 'c': collapsed

 * 2nd character (optional): 'd': lazy (Delayed)

 * 3rd character (optional): 'l': Last sibling

 */



span.dynatree-expander

{

	background-position: 0px -80px;

	cursor: pointer;

}

.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */

{

	background-position: 0px -96px;

}

.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */

{

	background-position: -64px -80px;

}

.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */

{

	background-position: -64px -96px;

}

.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */

.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */

{

	background-position: -32px -80px;

}

.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */

.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */

{

	background-position: -32px -96px;

}

.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */

{

	background-position: 0 0;

	background-image: url("/images/loading.gif");

}





/*******************************************************************************

 * Checkbox icon

 */

span.dynatree-checkbox

{

	margin-left: 3px;

	background-position: 0px -32px;

}

span.dynatree-checkbox:hover

{

	background-position: -16px -32px;

}



.dynatree-partsel span.dynatree-checkbox

{

	background-position: -64px -32px;

}

.dynatree-partsel span.dynatree-checkbox:hover

{

	background-position: -80px -32px;

}



.dynatree-selected span.dynatree-checkbox

{

	background-position: -32px -32px;

}

.dynatree-selected span.dynatree-checkbox:hover

{

	background-position: -48px -32px;

}



/*******************************************************************************

 * Radiobutton icon

 * This is a customization, that may be activated by overriding the 'checkbox'

 * class name as 'dynatree-radio' in the tree options.

 */

span.dynatree-radio

{

	margin-left: 3px;

	background-position: 0px -48px;

}

span.dynatree-radio:hover

{

	background-position: -16px -48px;

}



.dynatree-partsel span.dynatree-radio

{

	background-position: -64px -48px;

}

.dynatree-partsel span.dynatree-radio:hover

{

	background-position: -80px -48px;

}



.dynatree-selected span.dynatree-radio

{

	background-position: -32px -48px;

}

.dynatree-selected span.dynatree-radio:hover

{

	background-position: -48px -48px;

}



/*******************************************************************************

 * Node type icon

 * Note: IE6 doesn't correctly evaluate multiples class names,

 *		 so we create combined class names that can be used in the CSS.

 *

 * Prefix: dynatree-ico-

 * 1st character: 'e': expanded, 'c': collapsed

 * 2nd character (optional): 'f': folder

 */



span.dynatree-icon /* Default icon */

{

	margin-left: 3px;

	background-position: 0px 0px;

}



.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */

{

	background-position: 0px -16px;

}



.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */

{

	background-position: -64px -16px;

}



/* Status node icons */



.dynatree-statusnode-wait span.dynatree-icon

{

	background-image: url("/images/loading.gif");

}



.dynatree-statusnode-error span.dynatree-icon

{

	background-position: 0px -112px;

/*	background-image: url("ltError.gif");*/

}



/*******************************************************************************

 * Node titles

 */



/* @Chrome: otherwise hit area of node titles is broken (issue 133)

   Removed again for issue 165; (133 couldn't be reproduced) */

span.dynatree-node

{

/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/

/*	-moz-box-align: start; /* issue 221 */

	display: inline-block; /* issue 373 Required to make a span sizeable */

	vertical-align: top;

}





/* Remove blue color and underline from title links */

ul.dynatree-container a

/*, ul.dynatree-container a:visited*/

{

	color: black; /* inherit doesn't work on IE */

	text-decoration: none;

	vertical-align: top;

	margin: 0px;

	margin-left: 3px;

/*	outline: 0; /* @ Firefox, prevent dotted border after click */

}



ul.dynatree-container a:hover

{

/*	text-decoration: underline; */

	background-color: #F2F7FD; /* light blue */

	border-color: #B8D6FB; /* darker light blue */

}



span.dynatree-node a

{

	font-size: 10pt; /* required for IE, quirks mode */

	display: inline-block; /* Better alignment, when title contains <br> */

/*	vertical-align: top;*/

	padding-left: 3px;

	padding-right: 3px; /* Otherwise italic font will be outside bounds */

	/*	line-height: 16px; /* should be the same as img height, in case 16 px */

}

span.dynatree-folder a

{

	font-weight: bold;

}



ul.dynatree-container a:focus,

span.dynatree-focused a:link  /* @IE */

{

	background-color: #EFEBDE; /* gray */

}



span.dynatree-has-children a

{

}



span.dynatree-expanded a

{

}



span.dynatree-selected a

{

	color: green;

	font-style: italic;

}



span.dynatree-active a

{

	background-color: #3169C6 !important;

	color: white !important; /* @ IE6 */

}



/*******************************************************************************

 * Drag'n'drop support

 */



/*** Helper object ************************************************************/

div.dynatree-drag-helper

{

}

div.dynatree-drag-helper a

{

	border: 1px solid gray;

	background-color: white;

	padding-left: 5px;

	padding-right: 5px;

	opacity: 0.8;

}

span.dynatree-drag-helper-img

{

	/*

	position: relative;

	left: -16px;

	*/

}

div.dynatree-drag-helper /*.dynatree-drop-accept*/

{



/*    border-color: green;

	background-color: red;*/

}

div.dynatree-drop-accept span.dynatree-drag-helper-img

{

	background-position: -32px -112px;

}

div.dynatree-drag-helper.dynatree-drop-reject

{

	border-color: red;

}

div.dynatree-drop-reject span.dynatree-drag-helper-img

{

	background-position: -16px -112px;

}



/*** Drop marker icon *********************************************************/



#dynatree-drop-marker

{

	width: 24px;

	position: absolute;

	background-position: 0 -128px;

	margin: 0;

/*	border: 1px solid red; */

}

#dynatree-drop-marker.dynatree-drop-after,

#dynatree-drop-marker.dynatree-drop-before

{

	width:64px;

	background-position: 0 -144px;

}

#dynatree-drop-marker.dynatree-drop-copy

{

	background-position: -64px -128px;

}

#dynatree-drop-marker.dynatree-drop-move

{

	background-position: -64px -128px;

}



/*** Source node while dragging ***********************************************/



span.dynatree-drag-source

{

	/* border: 1px dotted gray; */

	background-color: #e0e0e0;

}

span.dynatree-drag-source a

{

	color: gray;

}



/*** Target node while dragging cursor is over it *****************************/



span.dynatree-drop-target

{

	/*border: 1px solid gray;*/

}

span.dynatree-drop-target a

{

}

span.dynatree-drop-target.dynatree-drop-accept a

{

	/*border: 1px solid green;*/

	background-color: #3169C6 !important;

	color: white !important; /* @ IE6 */

	text-decoration: none;

}

span.dynatree-drop-target.dynatree-drop-reject

{

	/*border: 1px solid red;*/

}

span.dynatree-drop-target.dynatree-drop-after a

{

}



span.custom1 a

{

	background-color: maroon;

	color: yellow;

}

.show-menu .mob-overlay {

    opacity: 1;

    visibility: visible;

}

.mob-overlay {

    opacity: 0;

    visibility: hidden;

    position: fixed;

    z-index: 700000;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.5);

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.show-menu .mob-menu {

    left: 0;

}

.mob-menu {

    position: fixed;

    z-index: 800000;

    width: 320px;

    height: 100vh;

    overflow-y: auto;

    left: -345px;

    top: 0;

    background-color: #3d3e3f;

    box-shadow: 1px 0 15px 0 rgba(0,0,0,.4);

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    padding: 0 0 15px 0;

    box-sizing: border-box;

}

.mob-menu-body .main-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

            align-items: flex-start;

            padding-top: 18px;

}

.mob-menu-body .user-links {

    float: left;

    padding-top: 10px;

}

.mob-menu-body .user-links a {

    margin-left: 27px;

}

.mob-menu-body .main-nav a{

    color: #42bef0;

    margin-bottom: 10px;

}

.close-mob {

    position: absolute;

    width: 30px;

    height: 30px;

    right: 10px;

    top: 10px;

    z-index: 10;

    cursor: pointer;

}

.close-mob:before,

.close-mob:after {

    content: '';

    display: block;

    position: absolute;

    width: 80%;

    height: 2px;

    background-color: #fff;

    top: 13px;

    left: 3px;

}

.close-mob:before {

    transform: rotate(45deg);

}

.close-mob:after {

    transform: rotate(-45deg);

}

 .pagination li {

        display: inline-block !important;

        padding: 0 5px;

    }

    .soon-events .title {

        margin-bottom: 20px;

    }

    .events-list .preview {

        min-height: 280px;

    }

    .filter-button {

        display: none;

        float: left;

        font-size: 19px;

        padding: 4px 18px 0 0;

        position: relative;

        cursor: pointer;

    }

    .filter-button:after {

        content: '';

        display: block;

        position: absolute;

        border: 4px solid transparent;

        border-top: 3px solid #000;

        right: 4px;

        top: 17px;

    }

    .show-sideber.filter-button:after {

        -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);

        top: 13px;

    }

    #widgetApi iframe {

        max-width: 100%;

    }

    #add-place-form select {

    width: 200px;

}

.texteditor {

    max-width: 100%;

}

@media only screen and (max-width : 1200px) {

	

}

@media only screen and (max-width : 992px) {

    .calendar-sidebar {

        display: none;

    }

    .calendar-mob {

        display: block !important;

    }

    .footer-socs {

        position: static;

    }

    footer {

        height: auto;

    }

    .contacts-address {

        display: block;

    }

    #feedback-form {

        width: 100%;

        float: none;

        max-width: 580px;

    }

    #feedback-form .form-wrap:first-child input {

        width: 100%;

        margin-top: 20px;

    }

    .texteditor {

        max-width: 67%;

    }

    .sidebar-likes {

        display: none !important;

    }

    #settings-form > .left,

    #settings-form > .right {

        width: 100%;

    }

    .filter-sidebar .filter>div {

        display: inline-block;

        border: 1px solid #30ace3;

        padding: 1px 5px 3px;

        margin: 0 4px 7px 0;

    }

    .filter-sidebar .filter>div a {

        text-decoration: none;

    }

    .filter-sidebar .filter>div label {

        margin-bottom: 0;

    }

    .filter-sidebar {

        display: none;

    }

    .places-list .rate-place .star, .places-list .rate-place .empty {

        width: 19px;

    }

    .places .rate-place {

        margin-top: 0;

    }

    .paginator li {

        padding: 0 5px;

    }

    .sidebar .mt20 {

        margin-bottom: 10px;

    }

    .c-table {

        margin-bottom: 10px;

    }

    .footer-nav {

        text-align: left;

    }

    .events-list .preview {

        min-height: auto;

    }

    .footer-nav a {

        margin-bottom: 10px;

    }

    .wrap-helper-bg,

    .wrap {

        min-height: 100%;

    }

    .logo img {

        max-width: 230px;

        margin-top: 3px;

    }

    .no-touch #slider {

    margin-top: 70px;

}

.white>.grid {

    padding: 0;

}

    .wrap-helper-bg {

        padding-top: 0 !important;

    }

    .no-touch header {

        position: fixed;

        width: 100% !important;

        min-width: auto !important;

    }

    .last-comments,

    .last-news,

    .inner-content,

    .sidebar,

    .grid {

        width: 100%;

        padding-left: 0;

    }

    .last-comments {

        padding-left: 15px;

    }

    .grid {

        padding: 0 15px;

    }

    .carousel {

        padding: 0 20px;

    }

    .events-carousel .next {

        right: 0;

    }

    .events-carousel .prev {

        left: 0;

    }

    header .main-nav,

    header .user-links {

        display: none;

    }

    .menu-toggle {

        display: block !important;

        position: absolute;

        width: 27px;

        height: 20px;

        margin-top: -11px;

        cursor: pointer;

        right: 25px;

        top: 29px;

    }

    .choose-city label.chosen {

        margin-left: 0;

    }

    .no-touch .content {

        padding-top: 60px;

    }

    .cities_list li {

        width: 32%;

        display: inline-block;

    }

    .cities_list {

        left: auto;

        right: -80px;

        width: 92vw;

        top: 37px;

        -webkit-column-count: unset;

    column-count: unset;

    -webkit-column-gap: unset;

            column-gap: unset;

    }

    .cities_list:before {

        left: 100%;

        margin-left: -150px;

    }

    header {

        min-height: 10px;

        padding-top: 10px;

    }

    .choose-city {

        float: right;

        margin-right: 70px;

        left: 0;

        top: 6px;

    }

    .menu-toggle>div {

        width: 100%;

        height: 2px;

        background-color: #fff;

    }

    .menu-toggle>div:before, .menu-toggle>div:after {

        content: '';

        display: block;

        width: 100%;

        height: 2px;

        background-color: inherit;

        position: absolute;

    }

    .menu-toggle>div:before {

        bottom: 0;

    }

    .menu-toggle>div:after {

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    .tours-list,

    .tickets-list,

    .events-list,

    .albums-list,

    .places-list ul,

    .soon-events ul {

        word-spacing: -.36em;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }

    .tours-list li,

    .tickets-list li,

    .events-list li,

    .albums-list li,

    .places-list li,

    .soon-events ul li {

        word-spacing: normal;

        width: 20%;

        margin-right: 0;

        padding: 0 8px;

    }

    .events-list li {

        width: 25%;

    }

    

    .albums-list li {

        width: 33.33333%;

    }

    .soon-events .preview {

        min-height: 100%;

    }

    .recommend {

        -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

                transform: translateX(-50%);

        left: 50%;

    }

    .filter-button,

    body .paginator {

        display: block;

    }

    .paginator li {

        width: auto !important;

    }

    .wishlist-button {

        margin-right: 14px;

    }

    .popup-close {

        width: 28px;

        height: 28px;

        z-index: 23000000;

    }

}

@media only screen and (max-width : 768px) {

    .events-list li {

    width: 33.33333%;

}

    .albums-list li {

        width: 50%;

    }

    .tours-list li,

    .tickets-list li,

    .places-list li,

    .soon-events ul li {

        width: 33.33333%;

        margin-bottom: 25px;

    }

    .no-touch #slider {

        margin-top: 45px;

    }

    .footer-nav,

    footer .grid {

    text-align: center;

}

.footer-socs {

    -webkit-box-pack: center;

-ms-flex-pack: center;

        justify-content: center;

}

/*    footer {

        background: #3e3f40;

    border-top: 4px solid #e8c103;

    height: auto;

    }*/

    .copyright {

        margin-bottom: 0;

    }

    .popup {

        width: 90vw;

        min-width: 10px;

        /*top: 30px !important;*/

    }

    #slider>* {

        display: none !important;

    }

    .event iframe {

        width: 100% !important;

       

    }

}

@media only screen and (max-width :630px) {

    .albums-list li {

    width: 100%;

}

.albums-list .preview {

    height: auto;

    line-height: normal;

}

.albums-list .preview img {

    max-height: 1000px;

    width: 100%;

}

    .logo img {

        max-width: 175px;

        margin-top: 7px;

    }

    .tours-list li,

    .tickets-list li,

    .places-list li,

    .soon-events ul li {

        width: 50%;

        padding: 0 6px;

    }

    .events-list li {

        width: 50%;

    }

    .tour-single {

        overflow: hidden;

    }

    .mob-table th {

        display: none;

    }

    .mob-table tr {

        display: block;

        border: 2px solid #ccc;

    }

    .mob-table tr:first-child {

        display: none;

    }

    .mob-table td {

        display: block;

        position: relative;

    }

    .mob-table td:before {

        content: attr(data-label);

        text-align: left;

        font-size: 16px;

        font-weight: 600;

        left: 5px;

        display: block;

    }

}



@media only screen and (max-width : 570px) {

    .whant-to-go .wishlist-button {

        width: auto;

    }

    .wishlist-button {

        float: none;

        display: block;

        width: 152px;

        margin: 10px 0 17px;

        font-size: 16px;

    }

    .place-description,

    .tour-description,

    .event-description {

        float: left;

        width: 100%;

    }

    .event .preview {

        margin-right: 0;

    }

    .tour-description td,

    .tour-description th {

        padding: 6px 8px;

        font-size: 14px;

    }

    .tour-description table a.button {

        padding: 3px 14px;

        margin-top: 0;

    }

    #add-place-form select,

    #add-place-form input,

    .texteditor,

    #add-place-form label {

        width: 100%;

        max-width: 100%;

        text-align: left;

    }

    #cabinet_tabs .ui-tabs-nav a {

        padding: 5px 11px;

    }

}

@media only screen and (max-width : 520px) {

    select#birthday_year {

        width: 234px;

        margin-top: 10px;

    }

    #cabinet_tabs .ui-tabs-nav li {

        width: 50%;

        border-radius: 0;

    }

    #cabinet_tabs .ui-tabs-nav a {

        display: block;

        float: none;

    }

    #register-form .form-wrap input {

    width: 100%;

    margin-bottom: 5px;

}

#login-form .form-fields, #register-form .form-fields,

    #login-form .form-socials, #register-form .form-socials {

        width: 100%;

    }

    header {

        min-height: 65px;

    }

    .logo img {

        max-width: 150px;

        margin-top: -1px;

    }

    .choose-city label {

        font-size: 14px;

    }

    .menu-toggle {

        margin-top: -6px;

        right: 20px;

    }

    .choose-city {

        left: 15px;

        top: 38px;

        position: absolute;

    }

    .cities_list {

        left: -5px;

        right: 0;

        top: 37px;

        margin-left: 0;

        padding: 10px 15px;

        width: 90vw;

    }

    .cities_list li {

        width: 48%;

        display: inline-block;

        padding-right: 10px;

    }

    .cities_list:before {

        left: 50px;

        margin-left: 0;

    }

    .news-item {

    padding: 0 2px;

    margin-bottom: 35px;

}

.news-item .preview {

    margin: 0 0 10px;

    width: 100%;

}

.search-form .search-field,

.search-form {

    width: 100%;

}

    .event iframe {

        height: 250px;

    }

}



@media only screen and (max-width : 480px) {

    input#settings_phone,

    #settings-form input {

        width: 100%;

    }

    #cabinet_tabs .ui-tabs-nav a {

        font-size: 14px;

    }

    .form-wrap {

        margin-bottom: 15px;

    }

    select#birthday_year,

    select#birthday_month,

    select#birthday_day {

        width: 100%;

        margin-bottom: 10px;

        margin-right: 0;

    }

    #settings-form .note {

        margin-left: 0;

    }

}

@media only screen and (max-width : 430px) {

    footer .webakula {

        position: absolute;

        right: 20px;

        bottom: 10px;

    }

    footer {

        padding-bottom: 30px;

    }

    #cabinet_tabs .ui-tabs-nav a {

        font-size: 12px;

    }

}

@media only screen and (max-width : 320px) {

    .tours-list li,

    .tickets-list li,

    .events-list li,

    .places-list li,

    .soon-events ul li {

        width: 100%;

        padding: 0;

    }

}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 320px) {



}

@media only screen and (min-width : 480px) {



}

@media only screen and (min-width : 768px) {

  

}

@media only screen and (min-width : 993px) {

    footer .webakula {

        position: absolute;

        right: 50px;

        bottom: 10px;

    }

    .calendar-sidebar {

        display: inline-block !important;

    }

}

@media only screen and (min-width : 1200px) {



}