﻿/*
  Theme Name: bookingtickets
  Version: 1.0
  Tags: sport
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;-webkit-transition:width 0.5s,height .5s;transition:width 0.5s,height .5s}body{line-height:1}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}th{font-weight:400}a img{border:none;vertical-align:middle}label{font-weight:400}
body{font-family: "Golos"; background-color: #fff; font-size: 14px;}
h1{color: #fff; font-size: 35px; line-height: 28px; font-weight: 700; text-align: center;}
h2{font-size: 18px; font-weight: 700; line-height: 24px; text-align: center;}
h3{font-size: 18px; line-height: 24px; font-weight: 700; padding-bottom: 15px; padding-top: 15px; margin: 0;}
.inside {padding-left: 70px; padding-right: 70px;}
.inside200 {padding-left: 200px; padding-right: 200px; float: left; width: 100%;}
.r-3{width:33.3%;}
.l-h20{line-height: 20px;}
.w100 {width: 100% !important}
.r50{float: left !important; width: 50% !important; margin-right:0 !important; margin-top: 0 !important}
.m-b25{margin-bottom: 25px}
.column1{display: flex; flex-direction: column; align-items: center;}
.p0{padding: 0 0 0 0 !important}
.m-b0{margin-bottom: 0}
.m-b5{margin-bottom: 5px}
.flex-end{display: flex; flex-direction: column; align-items: flex-end; padding-top: 15px;}
.mb-30{margin-bottom: 30px}
.mob-p-l-r{display: flex;width: 100%;}
body a{color: rgb(0 111 225)}
.wrapper{margin: auto;width: 100%;max-width: 1200px;}
/*******************button style********************************/
.btn{color: #fff;}
.btn-l{text-decoration: none; border: none;  font-size: 10px; padding: 10px 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;}
.btn-md{text-decoration: none; border: none; padding: 0px 12px; font-size: 12px; font-weight: 700; line-height: 29px; letter-spacing: 2.6px;}
.btn-warning{font-style: normal; background-color: #f1cf00; border-color: #c9aa00; color: #1f1f1f;}
#wrapper {margin: 0 auto; width: 100%;}

/*******************head*************************************/
header{margin-bottom: 25px;background: url(res/img/bg-slider-6.webp) 100% 100% no-repeat; background-size: cover; background-position: center;float: left;width: 100%;min-height: 255px;}
#head{width: 100%; max-width: 1040px; margin:auto;margin-top: 35px;}
body.home #head{position: absolute; z-index: 250; left: 10%;right: 10%;top: 0;}
.current_page_item a{text-decoration: underline !important;}
#logo{float: left; width: 15%;}
#menu{float: right; width: 85%; text-align: end;}
#menuBtn, #menuBtnBack, #menuList{display: none;}
#menu li{flex: 1; text-align: center; line-height: 18px; padding-left: 15px; vertical-align: middle;}
#logo:before{cursor: pointer; content: ''; float: left; display: inline-block;background-position: -1px -11px;; width: 240px; height: 70px; background-image: url(res/img/split.png); background-repeat: no-repeat;}
#menu li a {color: #fff; font-weight: 500}
#menu-head-menu{padding-top: 5px;}
#mainMenu{padding-top: 15px;}
#mainMenu ul{display: flex; justify-content: flex-end;}
header .page-title{margin-top: 49px;float: left;width: 100%;}
/*******************sliderLSWP*****************************************/
#sliderLSWP{background-color: #181818}
.ls-v6 .ls-bottom-nav-wrapper {top: -185px !important;}
#wrapper .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{width: 150px !important; height: 1px !important;}
#wrapper .ls-bottom-nav-wrapper .ls-bottom-slidebuttons .ls-nav-active{background-color: #f1cf00; border: 2px solid #f1cf00 !important;}

/*******************advantages*************************************/
.home #advantages{width: 100%; height: 165px; margin: -165px auto auto auto; background: none; background-color: rgb(241 207 0 / 56%); position: relative; z-index: 50; font-size: 110%; font-weight: 700}
#advantages{width: 100%; height: 165px; margin:-2px auto; background: url(res/img/1.jpg) 100% 100% no-repeat; background-size: cover; background-position: center; ; position: relative; z-index: 50;}
#advantagesWrapper{width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-around;}
#advantages #advantagesWrapper div{max-width: 202px; margin-bottom: 25px; text-align: center; color: #fff; margin-top: 15px}
#advantages1:before{content: ''; display: inline-block;background-position: -9px -88px; width: 65px; height: 77px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
#advantages2:before{content: ''; display: inline-block;background-position: -88px -88px; width: 84px; height: 77px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
#advantages3:before{content: ''; display: inline-block;background-position: -181px -88px; width: 90px; height: 77px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
#advantages4:before{content: ''; display: inline-block;background-position: -277px -88px; width: 82px; height: 77px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
#advantages5:before{content: ''; display: inline-block;background-position: -369px -88px; width: 85px; height: 77px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}

/*******************bx-wrapper*************************************/
.bx-wrapper{margin: auto auto 25px auto; position: relative; max-height: 200px}
.bx-wrapper img{max-height: 200px; margin-right: 15px; max-width: 500px;}
.bx-prev{left: -90px; position: absolute; bottom: 25%;}
.bx-next{right: -90px; position: absolute; bottom: 25%;}
.bx-next:before{content: ''; opacity: 0.5; display: inline-block;background-position: -74px -167px; width: 69px; height: 75px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
.bx-prev:before{content: ''; opacity: 0.5; display: inline-block;background-position: -4px -167px;; width: 69px; height: 75px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-bottom: 10px;}
.bx-prev:hover:before{opacity: 1}
.bx-next:hover:before{opacity: 1}

/*******************content on main********************************/
p{ padding-bottom: 20px;}
#contentBody{width: 100%; max-width: 1200px; margin: auto;}
#textOnMain p{padding-bottom: 15px; line-height: 18px;}
#guarantee{float: left; width: 100%; margin-bottom: 30px}
#guarantee h3{text-align: center; margin-bottom: 15px;}
#guarantee .d-flex{display: flex}
#manifesto{position: relative; display: flex; flex-wrap: wrap}
#guarantee a{color: #000}
#guarantee a:hover{text-decoration: none}
#manifesto:hover:before{opacity: 0.8;}
#manifesto > div{line-height: 20px; height: 100px; width: 33%; display: flex; padding-right: 55px;}
#manifesto div div{color: rgb(158 138 25); font-weight: bold; margin-right: 10px;}
#guarantee #aboutLink{color: rgb(158 138 25); text-decoration: underline; border: 1px solid rgb(158 138 25); padding-top: 10px;display: flex; justify-content: center; line-height: 166px; width: 190px; text-align: center;  max-height: 134px; position: relative; margin-right: 20px}
#guarantee #aboutLink:before{content: ''; position: absolute; display: block; background-position: -373px -239px; width: 80px;height: 70px;  background-image: url(res/img/split.png); background-repeat: no-repeat;}
#guarantee #aboutLink:hover {opacity: 0.8}
/*******************cpontactForm********************************/
#contactForm{float: left; width: 100%; margin-bottom: 40px; max-width: 1200px}
fieldset{border: 1px solid rgb(158 138 25); text-align: center; padding-bottom: 10px;}
#contactForm fieldset div{float: left; width: 40%; margin-top: 30px; text-align: left; line-height: 22px; margin-right: 10%; min-width: 149px;}
#contactForm fieldset #skype{margin-right: 0; float: right;}
#contactForm fieldset #tel:before{content: ''; float: left; display: inline-block;background-position: -7px -248px; width: 22px; height: 35px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin: 5px 10px 30px 0;}
#contactForm fieldset #email:before{content: ''; float: left; display: inline-block;background-position: -35px -256px; width: 25px; height: 18px; background-image: url(res/img/split.png); background-repeat: no-repeat;margin: 5px 10px 0 0 }
#contactForm legend{text-align: center; max-width: 280px; font-weight: 700;}
#contactus-submit{padding-left: 90px; padding-right: 90px;}
#contentBody #contactus-content, .page #contactus-content{float: left; width: 100%; margin-top: 0;}
#contactus-content div:not(.r50){width: 100%; margin-right: 0}
#contactus-submit, #contactus-description {float: right; width: 80%}
.form-group-name, .form-group-email, .form-group-phone{width: 85% !important;}
#map{float: left; width: 100%; margin-top: 30px;}
#map #adress{text-align: center; float: left; width: 100%; height: 70px; background-color: rgba(255, 255, 255, 0.8); margin-top: -35px; position: relative; padding-top: 15px;}

/*******************footer**************************************/
footer{width: 100%; display: block; margin: auto; background-color: #000; float: left;}
#footerBody{float: left; width: 100%; min-height: 80px; background-color: #000}
#footerBody a{color: #fff; border-bottom: 1px solid #ffffff9c}
#footerBody a:hover{border-bottom: 0; text-decoration: none}
#footerInfo {text-align: center; color: #fff;  padding: 30px 0 0 0;}
/*******************pages********************************/
input[type=text], textarea, select{border: 0.75px solid #c9aa00 !important;}
.wp-post-image{width: 100%;  object-fit: cover; position: absolute; top: 0}
#titlePage h2{padding-top: 67px; font-size: 220%; letter-spacing: 2px;}
.post-category{padding-top: 25px; padding-bottom: 25px; width: 100%; text-align: center;}
.main_block h3{width: 100%; text-align: center; line-height: 60px; float: left;}
.postText{float: left; width: 70%; line-height: 23px; padding-left: 200px;}
#certificateImg{float: left; width: 150px; display: grid; margin-top: -55px; background-color: #FFF9F9; margin-left: 60px;}
#certificateImg span{text-align: center; padding-top: 15px; padding-bottom: 15px;}
#certificateImg div{padding-left: 26px; padding-bottom: 15px;}
#certificateImg div:last-child{padding-bottom: 26px;}
#certificateImg1:after{content: ''; display: block;background-position: -519px -9px; width: 99px; height: 48px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-top: 3px;}
#certificateImg2:after{content: ''; display: block;background-position: -519px -89px; width: 99px; height: 48px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-top: 3px;}
#certificateImg3:after{content: ''; display: block;background-position: -519px -169px; width: 99px; height: 48px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin-top: 3px;}
.postText ul li:before{content:  "—"; position: relative; left:-5px;}
#certificateForm{margin: auto auto 25px auto; width: 100%; max-width: 1200px;}
#certificateForm legend{max-width: 250px; margin-bottom: 20px; font-weight: 700}
#certificateForm #descrLegend{text-align: left; max-width: 500px; margin: auto auto 35px auto;}
#certificateForm form{float: left; width: 100%;}
#certificateForm #contactus-submit{width: 100%; padding-left: 0;padding-right: 0; font-size: 110%; font-weight: 700}
#certificateForm .form-group{float: left; width: 100%; max-width: 290px;}
#certificateForm .form-group label{width: 100%; text-align: left;}
#certificatePrice{padding-right: 27px;}
#certificatePrice input[type=radio]{display: none;}
#certificatePrice label{float: left; width: 90%; cursor: pointer; text-align: left;}
#certificatePrice div{padding-left: 70px;}
#certificatePrice #certificatePrice5000 + label[for=certificatePrice5000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -45px;}
#certificatePrice #certificatePrice10000 + label[for=certificatePrice10000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -45px;}
#certificatePrice #certificatePrice25000 + label[for=certificatePrice25000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -45px;}
#certificatePrice #certificatePrice5000:checked + label[for=certificatePrice5000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -15px;}
#certificatePrice #certificatePrice10000:checked + label[for=certificatePrice10000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -15px;}
#certificatePrice #certificatePrice25000:checked + label[for=certificatePrice25000]:before {content: ''; float: left; margin: 4px 10px 4px 4px; display: block; background-image: url(res/img/split.png); width: 11px; height: 11px; background-position: -361px -15px;}
#epigraph{display: block; max-width: 400px; font-weight: 700;  line-height: 20px;  font-size: 14px;  height: 100%; margin: auto; padding-top: 25px; padding-bottom: 25px;}
.advantagesPost #advantages1:before{content: ''; display: block;background-position: -9px -292px; width: 79px; height: 81px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin:auto auto 15px auto;}
.advantagesPost #advantages2:before{content: ''; display: block;background-position: -88px -307px; width: 92px; height: 81px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin:auto auto 15px auto;}
.advantagesPost #advantages3:before{content: ''; display: block;background-position: -198px -307px; width: 74px; height: 81px; background-image: url(res/img/split.png); background-repeat: no-repeat; margin:auto auto 15px auto;}
#advantagesTitle {color: #fff; font-size: 167%; max-width: 580px; line-height: 28px; margin: auto; padding-top: 21px; font-weight: 700;}
.advantagesPost #advantages{display: inline-block; height: 100%;}
.advantagesPost #advantages #advantagesWrapper div {width: 28%; margin-right: 45px; text-align: left; font-weight: 700; line-height: 20px;}
.advantagesPost #advantages #advantagesWrapper div:last-child {margin-right: 0;}
.advantagesPost #advantages #advantagesWrapper div:first-child {margin-left: 45px;}
.postWrapper{width: 100%; max-width: 1200px; margin: auto;}
#certificateImg p{line-height: 20px; padding: 15px 0 25px 25px}
#certificatePrice p{padding-bottom: 20px;}
.page-certificate #epigraph{padding-bottom: 3.5%}
.page-affiliate-programm #titlePage{padding-top: 23px; max-height: 428px; height: 100%; margin-top: 17px; padding-bottom: 1.5%}
.page-affiliate-programm #titlePage p{padding-bottom: 15px;}
.page-affiliate-programm #titlePage #epigraph{max-width: 655px; padding-top: 50px}
.page-affiliate-programm #advantagesTitle{text-align: center; max-width: 100%}
#regBtn{text-align: center; padding-top: 10px;}
#regBtn a{font-weight: 700; letter-spacing: 0.1em;}
.page-affiliate-programm .advantagesPost #advantages1:before {background-position: -9px -398px; width: 86px;}
.page-affiliate-programm .advantagesPost #advantages2:before {background-position: -104px -392px;}
.page-affiliate-programm .advantagesPost #advantages3:before {background-position: -213px -393px;}
.page-affiliate-programm .postText span{float: left; width: 100%; text-align: center; margin-top: 15px;}
.postText a{color: #f1cf00;}
.page #contactForm {padding-left: 5px; padding-right: 5px;}
.page-manifesto #titlePage{height: 410px;}
.page-tickets header{margin-bottom: 0}
.page-for-group #epigraph{max-width: 440px;}
.page-for-group #titlePage{margin-bottom: 30px}
.page-for-group #certificateForm{max-width: 400px;}
.page-sport-tours .form-group-submit{max-width: 100% !important;}
.page-sport-tours #epigraph{max-width: 460px; letter-spacing: 0.4px;}
.glyphicon-calendar:before {color: #f1cf00;}
.input-group-addon{border: none !important; background-color: transparent;}
.form-group-persons select, .form-group-stars .input-group select{cursor: pointer; border-radius: 0; background: transparent; height: 34px; padding: 5px; font-size: 16px; line-height: 1; -webkit-appearance: none; width: 69px;}
.form-group-persons .col-sm-4, .form-group-stars .input-group {background: url(res/img/split.png) no-repeat; background-position: -295px -467px;}
.has-error .form-control {background-color: rgba(211, 66, 63, 0.12);}
#ui-datepicker-div{background-color: #fff; border: 0.75px solid #f1cf00; padding: 15px 30px; margin-top: 5px; margin-bottom: 5px;}
.ui-datepicker-header {text-align: center; padding-bottom: 15px;}
.ui-datepicker-header a{pointer-events: none; cursor: pointer; color: transparent; position: absolute; top: 15px;}
.ui-datepicker-prev{left: 35px;}
.ui-datepicker-prev:before{pointer-events: all; content: ''; background: url(res/img/split.png) no-repeat; width: 21px; height: 21px; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);   transform: rotate(90deg); background-position: -338px -473px;}
.ui-datepicker-next:before{pointer-events: all; content: ''; background: url(res/img/split.png) no-repeat; width: 21px; height: 21px; position: absolute; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg);   transform: rotate(270deg); background-position: -338px -473px;}
.ui-datepicker-next{right: 55px;}
.ui-datepicker-calendar thead th{font-weight: 700 !important; padding: 0 5px;}
.ui-datepicker-calendar tbody{line-height: 20px; text-align: center;}
.ui-datepicker-calendar tbody td{padding-top: 5px}
.ui-datepicker-calendar tbody a{color: #000}
.ui-datepicker-header a span{display: none;}
.page-tickets #titlePage{padding-top: 70px; min-height: 155px;}
#redLineTickets{display: inline-block; width: 100%; background-color: #998519; color: #fff; min-height: 85px;}
#redLineTicketsContent{width: 100%; max-width: 1200px; height: 100%; display: block; margin: auto;}
#redLineTicketsContent div{padding-top: 22px}
#redLineTicketsContent div:first-child{float: left; width: 50%}
#redLineTicketsContent div a{color:#fff; text-decoration: none;  font-weight: 700; font-size: 143%; line-height: 40px;}
#redLineTicketsContent div a:before{content: ''; background: url(res/img/split.png) no-repeat; width: 44px; height: 41px; display: inline-block; margin-bottom: -14px; margin-right: 5px}
#redLineTicketsContent div #delivery:before{background-position: -505px -468px;}
#redLineTicketsContent div #cart:before{background-position: -581px -466px; width: 37px}
#redLineTicketsContent div a:hover{text-decoration: underline;}
#redLineTicketsContent div:last-child{float: right; width: 50%; text-align: end}
.page-aboutus #titlePage {padding-top: 60px; margin-bottom: 90px;}


/*******************mobile menu********************************/
#menuBtn:before {cursor: pointer; content: ''; z-index: 600; float: left; display: inline-block;background-position: -74px -481px; width: 31px; height: 31px; background-image: url(res/img/split.png); background-repeat: no-repeat;}
header #menuList li {display: block; max-width: 100% !important; line-height: 55px; margin-right: 25px; margin-left: 25px; border-bottom: 1px solid #f1cf00}
header #menuList li:last-child {border-bottom: none}
header #menuList li a{color: #000}
#mobileBanners{padding-top: 125px}
.mobile-banners,.mobile-banner-item{float: left; width: 100%;}
.mobile-banner-item a{display: block; padding: 25px 30px;   background-size: cover; color: #fff; font-size: 115%; text-align: center;}

/*******************poster********************************/
#poster {margin: auto; width: 100%; max-width: 1200px;}
.el-item {max-width: 1200px; width: 100%; border-top: 1px solid #f1cf00; margin: 0 auto;}
#eventsHome .el-item .event-term {width: 5%;max-width: 60px;}
#eventsHome .el-item div {display: inline-block; vertical-align: middle; padding: 25px 0 25px 15px;}
#eventsHome .el-item .event-teams {font-weight: 600; color: #000; font-size: 120%; width: 14%;}
#eventsHome .el-item .event-name {width: 30%; color: #000;}
#eventsHome .el-item .event-date {width: 15%;}
#eventsHome .el-item .event-adres {width: 33%;}
#eventsHome .el-item .event-adres a{color: #000}
.event-link a:hover{color: #f1cf00}
#eventsHome .el-item .event-button {text-align: right; width: 15%;}
.el-item:first-child {border-top: none}
#eventsHome .event-button a{font-size: 16px; line-height: 21px; padding: 5px 20px; letter-spacing: 0; text-transform: none;}

/*******************event********************************/
#content{min-height: 60vh;float: left;width: 100%;}
#content a{color: rgb(30 30 30); border-bottom: 1px solid rgb(215 215 215)}
#content a:hover{border-bottom: none; text-decoration: none}
#container{width: 100%; max-width: 1200px; margin: auto}
.category-info-conditions{margin-bottom: 25px}
#headCategory{float: left; width: 100%}
#headCategory #eventTitle{color: #000; padding: 0 10px;}
#headCategory #eventTitle div{float: left; width: 50%}
#headCategory #eventTitle h1{padding-bottom: 15px; color: #000;}
#headCategory #eventTitle #dataEvent{text-align: center; width: 100%}
#headCategory #eventTitle div a{color: #fff}
#headCategory #eventTitle h1 img{width: 35px; vertical-align: middle;}
.ssd-cats{padding-right: 25px !important}
.sdd-catss-selected span{color: #000; font-style: italic; font-weight: 700; font-size: 16px}
.sdd-catss-selected span {border-bottom: none !important}
.sdd-catss-selected .fa-chevron-up {display: none}
.ssd-ct-main, .ssd-ct-main:not(.ssd-hideparent-ct) .ssd-ct-elms, .ssd-sect-main{border-top: 1px solid #f1cf00 !important}
.ssd-sect-main:nth-child(1){border-top:none !important}
#container .ssd-ct-cart:not(.ssd-cart-seatlist), .ssd-ct-cnt .ssd-ct-cart{background-image: url(res/img/split.png); background-position: -94px -531px; background-color: transparent; border-radius: 0px; width: 30px; height: 30px}
#container .ssd-ct-cart:hover:not(.ssd-cart-seatlist), .ssd-ct-cnt .ssd-ct-cart:hover{background-image: url(res/img/split.png); background-position: -156px -531px; background-color: transparent; border-radius: 0px; width: 30px; height: 30px}
#container .ssd-cart-seatlist:hover{background-color: #f1cf00}
#container .ssd-ct-cnt input[type=text] {border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#container .sdd-cats-sortico {background-image: url(res/img/split.png); background-position: -6px -525px; left: -8px}
#container .sdd-catss-name{padding-left: 22px}
.sdd-catss-name .sdd-catss-label { font-size: 16px; font-weight: 400;line-height: 21px;}
#container .ssd-cart-minus, #container .ssd-cart-plus {background-image: url(res/img/split.png); width: 18px}
#container .ssd-cart-minus {background-position: -212px -531px;}
#container .ssd-cart-minus:hover {background-position: -361px -531px;}
#container .ssd-cart-plus {background-position:  -296px -531px;}
#container .ssd-cart-plus:hover {background-position:  -445px -531px;}
#container .ssd-cats-control {border-top: none}
#container .ssd-seats-list {color: #f1cf00; border: 1px solid #f1cf00; border-radius: 0;}
#container .ssd-seats-list:hover {background-color:rgba(211, 66, 63, 0.12);}
#container .ssd-seats-list .badge {background-color: #f1cf00;}
#container .ssd-seats-block .ssd-seat {background: #f1cf00;}
#container .ssd-seats-block .ssd-seat:hover {background-color: #f1cf00;}
#container .ssd-fa-moreimg, #container .ssd-fa-detail {color: #f1cf00; border-bottom: 1px dashed #f1cf00;}
#descrItem{width: 100%; line-height: 21px; font-size: 16px; padding-top: 30px; padding-bottom: 25px;}
#descrItem p:first-child{padding-bottom: 15px;}
#container .fa.fa-chevron-up, #container .fa.fa-chevron-down, #container .ssd-paypromptly-label {background-image: url(res/img/split.png);}
#container .fa.fa-chevron-up {background-position: -17px -580px;}
#container .fa.fa-chevron-down {background-position: -57px -580px;}
#container .ssd-paypromptly-label {background-position: -105px -578px; border: none; margin-left: 5px;}
#container .ssd-cart-question{border: 1px solid #f1cf00; color: #f1cf00}
.event-link a{font-weight: 700}

/*******************checkout********************************/
#mainContent{width: 100%; max-width: 1200px; margin: 30px auto}
#checkout-wrapper .ubs-cart-pofd {line-height: 18px; font-size: 16px; float: left; width: 100%; margin-top: 30px; padding-bottom: 50px;}
#checkout-wrapper .ubs-cart-pofd-dodge {font-size: 16px; line-height: 29px; padding-right: 15px;}
#checkout-wrapper .ubs-cart-pofd .ubs-cart-pofd-lableb {display: inline;}
.ubs-cart-pofd label {display: inline; padding: 3px 7px 5px; margin: 0 0 0 -1px; border: 1px solid #f1cf00; cursor: pointer;}
.ubs-cart-pofd label input[type=radio] {display: none;}
.ubs-popover-cart.btn, .form-column-pay button {background: 0; border-radius: 15px!important; box-shadow: none;padding: 1px 6px; font-size: 67%; border: 1px solid #f1cf00; color: #f1cf00; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;}
.ubs-cart-pofd label.active {color: #000; background: #ECECEC;}
.ubs-cart-pofdc { padding: 10px 0 0 14px; line-height: 22px;}
.ubs-cart-pofdc-descr {padding-bottom: 10px;}
.ubs-cart-pofdc-block { position: relative; float: left; width: 50%;}
.ubs-cart-pofdc-block select, .ubs-cart-pofdc-block textarea { width: 95%; padding: 0 10px; margin: 3px 0 0; background-color: #fff;}
.ubs-chout-evinfo{float: left; width: 100%; border-bottom: 1px solid #f1cf00; padding-bottom: 30px; margin-bottom: 30px}
.ubs-choev-name{float: left; width: 50%}
.ubs-choev-name a{font-size: 128%; font-weight: 700; line-height: 26px; text-decoration: none}
.ubs-choev-name a:hover{text-decoration: underline; color: #f1cf00;}
.ubs-choev-date{float: right; width: 20%; text-align: end;}
.ubs-choev-plg{float: left; width: 30%; text-align: end;}
.ubs-choev-cats, .ubs-chout-body, .ubs-chout-event, #page-checkout, #checkout-wrapper{float: left; width: 100%}
.ubs-choevctr-name{float: left; width: 55%; margin: 4px 0}
.ubs-choevctr-strow .ubs-choevctr-name {width: 40%;}
.ubs-choevctr-stbody{float: right; width: 45%; position: relative}
.ubs-chout-body{border: 1px solid #f1cf00; margin-top: 15px; padding-left: 45px; padding-right: 45px; padding-top: 25px;}
.ubs-ctname-cat {float: left; width: 100%; line-height: 30px}
.ubs-choevctr-cnt{float: left; width: 50%}
.crt-number-tickets{display: none}
.ubs-choevct-row {position: relative; float: left; width: 100%}
.ubs-choevctr-del, .ubs-choevctr-dels{position: absolute;right: -20px;top: -5px; width: 32px; height: 32px; background-image: url(res/img/split.png); cursor: pointer; color: transparent;}
#checkout-wrapper .ubs-choevctr-del, .ubs-choevctr-dels {background-position: -24px -668px;}
#checkout-wrapper .ubs-choevctr-del:hover, .ubs-choevctr-dels:hover {background-position: -74px -668px;}
#checkout-wrapper .ubs-chout-event{position: relative; margin-bottom: 15px;}
.ubs-choevctr-strow {float: left;width: 100%; position: relative; padding-bottom: 15px}
.ubs-choevctr-cnt {position: relative; min-width: 85px; max-width: 120px; text-align: center; float: right; width: 12%;}
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(3) {width: 40px; height: 30px; display: inline;}
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(2n) {width: 18px; height: 18px; background-image: url(res/img/split.png); color: transparent; border: none; border-radius: 0;}
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(2) {background-position: -212px -538px;} /* - */
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(2):hover {background-position: -361px -538px; background-color: transparent} /* - */
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(4) {background-position: -296px -538px;} /* + */
#checkout-wrapper .ubs-choevctr-cnt input:nth-child(4):hover {background-position:  -445px -538px;  background-color: transparent} /* + */
.checkout-form {float: left; width: 100%; margin-top: 37px}
#checkout-block{margin-bottom: 32px}
.ch-promo-total, .ch-promo-total label{font-size: 125%; font-weight: 700; line-height: 23px; padding-left: 44px;}
.ch-promo-total label{padding-right: 14px}
.form-group-hide {display: none;}
.page-checkout #checkout-description{height: 63px}
.swither_tab_content, #swither_tab_content, #checkout-info{float: left;width: 100%}
.clearfix{float: left;width: 50%}
.ubs-choevctr-stbarea { position: relative; float: right; width: 100%;margin-top: -24px;padding-left: 45px; line-height: 12px}
.form-column-submit {float: right;width: 100%; text-align: end; padding-right: 217px; margin-bottom: 45px}
.form-column-content{float: right; width: 40%}
.form-column-pay{padding-left: 200px; float: left; width: 35%}
label[for=checkout-pay], #checkout-title {font-size: 124%; font-weight: 700; line-height: 23px; margin-bottom: 30px}
#swither_tab_content input[type=text], #swither_tab_content #checkout-description, #dphone-option{max-width: 264px}
#checkout-info label{font-size: 114%; line-height: 21px}
#checkout-submit{width: 264px; height: 29px; padding: 0; border-radius: 0; background-color: #f1cf00; border: none; font-weight: 700;}
#checkout-submit:hover{background-color: #f0ad4e;}
.form-group-hide .radio{margin-bottom: 40px;}
#checkoutText{display: block; width: 100%; max-width: 1200px; margin: 30px auto;}
#checkoutText div{float: left; line-height: 21px; font-size: 100%;margin-bottom: 40px; width: 28%; margin-right: 45px;}
#checkoutText div:before{content: '';display: block; width: 40px; height: 40px; background-image: url(res/img/split.png);  background-repeat: no-repeat;   margin: auto auto 15px auto;}
#checkoutText div:last-child{ margin-right: 0;}
#checkoutText div:first-child:before{background-position: -133px -615px;}
#checkoutText div:nth-child(2):before{background-position: -350px -615px;}
#checkoutText div:last-child:before{background-position: -553px -615px;}
#checkoutText div h5{font-size: 100%; line-height: 21px; font-weight: 700; text-align: center; padding-bottom: 27px}
.ubs-choevctr-strow .ubs-choevctr-price {width: 60%;}
.ubs-choevctr-price {position: relative; width: 25%; text-align: right; float: right; padding: 4px 25px 0 0;}
.ubs-choevctr-stbody .ubs-ctname-cat{padding-left: 100px}
#checkout-done,#checkout-done .ord-list-area,#checkout-done .ord-list-body,#checkout-done .ord-list-header {float: left; width: 100%}
#checkout-done .ord-list-body {margin: 10px 0; background: #dff0d8;}
#checkout-done .ord-list-header {font-size: 85%; font-weight: bold;}
#checkout-done .ord-list-row {float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid rgb(255, 255, 255)}
#checkout-done .ord-list-body .ord-list-td {float: left; width: 25%; padding: 0 10px}

/*******************modal*********************************/
#popUpToCart .modal-body .btn{background-color: #f1cf00; border: none;}
#popUpToCart .modal-body .btn:hover{background-color: #f0ad4e}
#popUpToCart .modal-body span{color:#008c38;border-color: #5bc0de}
#popUpToCart .modal-body span:hover{color:#f1cf00}

@media(max-width: 768px){
   .inside200{padding-left: 10px; padding-right: 10px; margin-top: 15px;}
   .mob-p-l-r{padding: 0 5px 0 5px}
    .bx-next {bottom: 0; right: 3px !important;}
    .bx-prev {bottom: 0; left: 3px !important;}
    #textOnMain{padding-left: 10px; padding-right: 10px;}
    #advantages{display: grid !important; height: 100% !important; margin: auto !important;}
    #advantages #advantagesWrapper div{width: 100% !important}
    header {margin-bottom: 5px;}
    #head {margin-top: 20px;}
    #head #logo {margin-left: 20px;}
 body.home #head{left: 0;right: 0}
    #contactForm fieldset div {width: 100% !important;margin-top: 10px; margin-right: 0}
    #contactus-submit, #contactus-description {width: 100%;}
    .m100{width: 100% !important;}    
    .ls-v6 .ls-bottom-nav-wrapper {top: -10px !important;}
    #wrapper .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a {width: 30px !important;}
    #contentBody {padding-right: 5px; padding-left: 5px}
    #advantages {background-color: #ab9300 !important;}
    #advantagesWrapper{margin-bottom: 15px;flex-wrap: wrap;}
    .postText {padding: 0 10px 0 10px;; width: 100%}
    #certificateImg {float: left; width: 100%; margin: 0; text-align: center;}
    #certificateImg1:after, #certificateImg2:after, #certificateImg3:after {margin:10px auto}
    #certificateImg div {padding: 0}
    #certificateForm{padding-left: 10px; padding-right: 10px;}
    #guarantee {padding: 0 10px}
    .advantagesPost #advantages #advantagesWrapper div {height: 100%; text-align: center; padding: 0 10px 0 10px;}
    #advantagesTitle {text-align: center; padding: 10px 10px 0 10px; font-size: 150%;}
    .advantagesPost #advantages #advantagesWrapper div:first-child {margin-left: 0;}
    .mob-column1{display: flex; flex-direction: column; align-items: center;}
    .form-group-persons .col-sm-4 {width: 31%; float: left;}
    .page-tickets #titlePage{min-height: 175px;}
    #redLineTicketsContent div {width: 50% !important}
    #eventsHome .el-item .event-name{width: 85%; text-align: center;}
    .el-item{padding-right: 15px; padding-left: 15px;}
    #eventsHome .el-item div{padding: 10px 0}
    #eventsHome .el-item .event-date, #eventsHome .el-item .event-adres, #eventsHome .el-item .event-button{width: 100%; text-align: center;}
    #redLineTicketsContent div:first-child{padding-left: 5px;}
    #delivery{line-height: 18px !important;}
    #redLineTicketsContent div #delivery:before{width: 50px}
    #redLineTicketsContent div:last-child{padding-right: 5px}    
    #redLineTicketsContent div a {font-size: 110%}
    #descrItem, .form-column-submit {padding-right: 15px; padding-left: 15px;}
    #checkout-submit {width: 100%}
    #checkoutText div{width: 100%; text-align: center; padding-right: 15px; padding-left: 15px;}
    .form-column-pay, .form-column-content {padding-right: 15px; padding-left: 15px; width: 100%}
    .ch-promo-total, .ch-promo-total label {padding:0;text-align: center}
    .ubs-choev-name, .ubs-choev-date,  .ubs-choev-plg{width: 100%; text-align: center}
    #checkout-wrapper{padding-right: 5px; padding-left: 5px;}
    .ubs-chout-body {padding-right: 15px; padding-left: 15px;}
    #checkout-wrapper .ubs-cart-pofd .ubs-cart-pofd-lableb {display: grid}
    .ubs-cart-pofdc-block, .ubs-choevctr-name, .ubs-choevctr-stbody{width: 100%}
    .ubs-choevctr-stbody .ubs-ctname-cat {padding-left: 0}
    .ubs-choevctr-del, .ubs-choevctr-dels {right: -12px; top: -2px}
    .ubs-choevctr-cnt{float: left; width: 50%;}
    .ubs-choevctr-price{width: 50%; padding: 8px 25px 0 0}
    .ubs-cart-pofd label{border-bottom: none;}
    .ubs-cart-pofd label:last-child{border-bottom: 1px solid #f1cf00;}
    .ubs-choevct-row .ubs-choevctr-del{top: 37px}
    #popUpToCart .modal-body .btn {float: left; width: 100%; margin-top: 10px}
    #popUpToCart .modal-body .btn:first-child{margin-top: 0;}
    .modal-body {display: grid;}
    .category-info-conditions {padding-right: 15px; padding-left: 15px;}
    #container .ssd-ui {padding-right: 5px; padding-left: 5px;}
    #eventTitle h1{font-size: 15px;}
    #headCategory #eventTitle #dataEvent{width: 100%; text-align: center;}
    #headCategory #eventTitle div{width: 100%; text-align: center;}
    .form-group-name, .form-group-email, .form-group-phone, #swither_tab_content input[type=text], #swither_tab_content #checkout-description, #dphone-option {width: 100% !important; max-width: 100%}
 header .page-title, #footerBody,.entry-content, body.page-tickets #poster{padding-left: 10px; padding-right: 10px;}
 body.page-tickets .entry-content{padding: 0}
 #guarantee .d-flex{flex-wrap: wrap}
 #guarantee #aboutLink, #guarantee .d-flex > div{width: 100%}
 #manifesto > div {width: 100% !important; padding-right: 0; height: auto; margin-bottom: 15px;}
 #guarantee #aboutLink{ margin-bottom: 15px;}
}
@media(max-width: 1030px){    
    .inside-mobile{padding-left: 15px !important; padding-right: 15px !important;}
    #mainMenu{display: none;}
    #menuBtn{display: block; position: absolute; right: 35px; top:35px; z-index: 650;}
    #menuBtnBack{position: absolute; width: 60px; height: 50px; z-index: 550; background-color: #fff; top: 25px; right: 20px; border: 1px solid #f1cf00; border-bottom: none}
    #menuList{background-color: #fff; position: absolute; z-index: 500; top: 74px; right: 20px; border: 1px solid #f1cf00;}
    
}
@media(min-width: 1031px){
    #menuList{display: none !important}
}  
@media(max-width: 1210px){
    #contactForm fieldset{padding-left: 10px; padding-right: 10px;}
}
@media(max-width: 1411px){
    .bx-prev {left: -74px}
    .bx-next{right: -74px}
}
@media(max-width: 320px){
   #redLineTicketsContent div a {font-size: 90%;}
}
@media(max-width: 510px){
    .page-affiliate-programm #titlePage {overflow-y: scroll;}
    .advantagesPost #advantages {margin-top: 10px !important}
}
@media (min-width: 768px){
.col-sm-4 {width: 28%}
.form-group-persons {max-width: 100% !important}
}
@media screen and (max-width: 600px) {
    #checkout-done .ord-list-header {display: none}
    #checkout-done .ord-list-body .ord-list-td {width: 100%; padding: 2px 10px}
}
