/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:400,700&display=swap&subset=cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');*/

/* ------------- clear ------------- */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "Open Sans", Arial, sans-serif;/*Arial, Helvetica, sans-serif;/*'Cormorant Infant', serif;*/ font-size: 14px; background: #fff; color: #333;}
ul, ol { list-style:none; margin: 0; padding: 0; }
:focus {outline: 0;}

/* ------------- default ------------- */
a{color: #da1921;text-decoration: none;}
a:hover{text-decoration: underline; color: #f00;}
a.box{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
a.box:hover{text-decoration: none;}
h1, h2, h3, h4{margin: 10px 0; padding: 0;}
p{margin: 0 0 10px 0; padding: 0; font-size: 16px;line-height: 24px; text-align: justify;}
.hidden{display: none;}
.center{text-align: center;}
.relative{position: relative;}
.inline-block{display: inline-block;}
img.responsive{max-width: 100% !important;}
.effect{opacity: 0;filter: alpha(opacity=0);}
.visible{opacity: 1;filter: alpha(opacity=1);}
.line-through{text-decoration: line-through;}
.clear{clear: both;width: 100%;height: 0px;}
.space-20px{width: 100%;height: 20px;}
.space-30px{width: 100%;height: 30px;}
.space-50px{width: 100%;height: 50px;}
img#preloader{position: absolute; top: 7px; left: 7px; z-index: 99999; display: none;}
.half{width: calc(50% - 40px); margin: 20px; float: left;}
.third{width: calc(33% - 40px); margin: 20px; float: left;}
.w100pc{width: calc(100% - 10px);}
.no-margin{margin: 0px;}
.red{color: #f00;}
.ph30{padding-top: 30px !important; padding-bottom: 30px !important;}
hr.light{overflow: hidden; box-sizing: content-box; border: 0;height: 1px;margin: 12px 0;background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent);background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);}
div.info{text-align: center;padding: 5px;color: #fff;background: #646464;}

.youtube-holder{max-width: 100%; position: relative; margin: 0; height: 0px; overflow: hidden; padding-bottom: 56.25%;}
.youtube-holder iframe{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}

/* ------------- outer ------------- */
div.outer{width: calc(100% - 24px); max-width: 1300px; padding: 0 10px; margin: 0 auto; position: relative; overflow: hidden;}
div.outer.p20{padding-top: 20px; padding-bottom: 20px;}
div.outer h1{font-size: 38px; margin: 20px 0;}
div.outer h2{font-size: 34px; margin: 20px 0;}
div.outer h3{font-size: 28px; margin: 20px 0;}

div.page div.outer{min-height: 200px;}
/* ------------- header ------------- */
div.header{padding: 10px 0 0 0;}
div.head-line{background: #0E0E0E; color: #fff; padding: 5px 0;}
div.head-line span{font-weight: bold;font-style: italic;font-size: 13px; line-height: 27px;}
div.head-line a{display: inline-block; color: #fff; padding: 3px 5px; margin-right: 50px;}
div.head-line a:hover{color: #03bef5; text-decoration: none;}
div.head-line div.temperature{width: 160px; float: right;}
div.head-line div.temperature a{display: inline-block; line-height: 22px; padding: 0 0 0 30px; font-size: 16px;}
div.head-line div.temperature a.air{background: url('/global/images/temp_icons.png') top left no-repeat; margin-right: 10px;}
div.head-line div.temperature a.track{background: url('/global/images/temp_icons.png') bottom left no-repeat; margin-right: 0;}
div.head-line div.temperature a:hover{color: #e00;}

/* ------------- footer ------------- */
div.footer{margin-top: 40px;}
div.footer div.flinks{width: calc(100% - 450px); padding-right: 30px; float: left;}
div.footer div.flinks div.ttl{font-size: 24px;color: #bbb;}
div.footer div.flinks p{font-size: 15px;padding-top: 7px;color: #8d8d8d;}
div.footer div.flinks ul li{padding: 4px 0;}
div.footer div.flinks ul li i{color: #f00;}
div.footer div.flinks ul li a{color: #8d8d8d;}
div.footer div.flinks ul li a:hover{color: #f00; text-decoration: none;}
div.footer div.fcontacts{width: 420px; float: left;}
div.footer div.fcontacts div.ttl{font-size: 24px;color: #bbb;}
div.footer div.fcontacts div.fcline{padding: 15px 0 0 0;}
div.footer div.fcontacts div.fcline i{display: block; width: 30px; height: 30px; float: left; font-size: 30px; color: #f00;}
div.footer div.fcontacts div.fcline a{display: block; width: calc(100% - 36px);padding-left: 5px; float: left;color: #8d8d8d;}
div.footer div.fcontacts div.fcline a.single{line-height: 30px;}
div.footer div.fcontacts div.fcline a:hover{text-decoration: none; color: #f00;}
div.footer div.social{padding: 10px 0 0 0; text-align: center;}
div.footer div.social div.ttl{font-size: 18px;color: #bbb; padding-bottom: 10px;}
div.footer div.social a{display: inline-block; margin: 10px 15px;}
div.footer div.copyr{padding: 5px 0; background: #000; color: #fff; font-size: 12px;}
div.footer div.copyr a.w3d{padding: 0 0 0 22px; color: #fff; background: url(/global/images/w3dicon.png) left center no-repeat; line-height: 18px;}

/* ------------- menu ------------- */
a.logo{float: left; width: 200px; display: block; margin-bottom: 20px;}
ul.menu{width: calc(100% - 200px); float: right; margin-top: 25px; text-align: right; text-transform: uppercase;}
ul.menu li{display: inline-block; padding: 0;margin: 0;}
ul.menu li a{display: block; padding: 10px 25px; background: transparent; color: #000; font-weight: bold;}
ul.menu li:hover a, ul.menu li a.active{text-decoration: none; background: #da1921;color: #fff;border-radius: 3px; -moz-border-radius: 3px;}
ul.menu li:hover{background: #da1921;border-radius: 3px; -moz-border-radius: 3px;}
ul.menu li.dropdown{position: relative;}
ul.menu li.dropdown:hover{border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px;}
ul.menu > li.dropdown > a::after{content: "▼";font-size: 10px;position: absolute;left: calc(50% - 5px);bottom: 0px;}
ul.menu li.dropdown ul{position: absolute; top: 36px; left: 0px; display: none; background: #f3f3f3; z-index: 99; box-shadow: 2px 1px 4px -1px rgba(0,0,0,0.4);-webkit-box-shadow: 2px 1px 4px -1px rgba(0,0,0,0.4);-moz-box-shadow: 2px 1px 4px -1px rgba(0,0,0,0.4);}
ul.menu li.dropdown ul li{background: #f3f3f3;border-left: 3px solid #da1921;}
ul.menu li.dropdown ul li a{padding: 8px 10px; width: 200px; color: #333;background: #f3f3f3;border-top: 1px solid #bdbdbd; font-size: 11px; font-weight: normal; text-align: left;}
ul.menu li.dropdown ul li a:hover{background: #E1E1E1; color: #444 !important;}
ul.menu ul li.dropdown > a::after{content: "►"; position: absolute; top: 7px; right: 5px;}
ul.menu ul li:hover > a{background: #C40400; color: #fff !important;}
ul.menu li.dropdown ul li ul{top: 0; left: 220px;}
ul.menu li.dropdown span{display: none;}
.mobile-mbtn{display: none;}

/* ------------- slider ------------- */
div.slide-box{border-bottom: 5px solid #dedede;border-top: 5px solid #dedede; position: relative; z-index: 0;}
div.slide-box img{width: 100%; height: auto;}
div.slide-box a.rslides_nav{width: 30px; height: 46px; text-align: center; line-height: 46px; background: #000000a8; color: #fff; position: absolute; top: 50%; margin-top: -23px;z-index: 10; font-family: arial; display: none; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.slide-box a.rslides_nav.next{right: 0px; border-radius: 10px 0px 0px 10px; -moz-border-radius: 0px 10px 10px 0px;}
div.slide-box a.rslides_nav.prev{left: 0px; border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px;}
div.slide-box a.rslides_nav i{display: block;margin-top: 11px;font-size: 24px;}
div.slide-box:hover a.rslides_nav{display: block;}
div.slide-box a.rslides_nav:hover{background: #000000; text-decoration: none;}
div.slide-box ul li{position: relative;}
div.slide-box ul li div.label{position: absolute; bottom: 30px; right: 30px; padding: 25px; background: #000000b5; color: #fff; font-size: 32px;}

/* ------------- breadcrumb ------------- */
div.breadcrumb{height: 30px;line-height: 30px;background: #000;color: #fff;font-size: 12px; border-top: 1px solid #343434; position: relative;}
div.breadcrumb a{color: #fff;}
div.breadcrumb img.flag{position: absolute; top: 30px; left: 0px; width: 17%;}
div.breadcrumb.speedcup{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(153,0,0,1) 100%);}
div.breadcrumb img.speedcup{position: absolute; top: 30px; left: 0px;}

/* ------------- home ------------- */
div.dark{background: #0E0E0E; color: #fff}
div.dark.speedcup{background: rgb(153,0,0);background: linear-gradient(180deg, rgba(153,0,0,1) 0%, rgba(153,0,0,1) 0%, rgba(14,14,14,1) 18%);}
div.light-dark{background: #efefef; color: #333; margin: 25px 0;}

div.offer{width: calc(33% - 30px); margin: 15px; float: left;}
div.offer div.offer-icon{width: 38px; font-size: 38px; color: #da1921; float: left;}
div.offer div.offer-data{width: calc(100% - 48px); padding-left: 10px; float: left;}
div.offer div.offer-data h3.title{font-size: 20px; font-weight: bold; padding: 0 0 5px 0; margin: 0;}
div.offer div.offer-data div.content{text-align: justify; height: 100px;}

/* adds */
div.left-bx{float: left; width: calc(100% - 315px); padding-right: 30px;}
div.right-bx{float: left; width: 280px; background: #ededed; padding: 2px; margin: 20px 0;}
div.right-bx div.ttl{font-size: 12px; color: #838383; padding: 5px; font-style: italic;}
div.right-bx a.rb-img{display: block; width: 280px; height: auto; overflow: hidden;}

/* last line */
div.besttime{width: 320px; height: 236px; float: left; position: relative; background: url(/global/images/besttime.png) center center no-repeat; box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);}
div.besttime div.ttl{width: 100%; text-align: center; padding: 20px 0; font-size: 20px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.78); -moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.78);}
div.besttime div.time{width: 100%; text-align: center; font-size: 42px; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.92); -moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.92);}
div.newsbox{width: 300px; float: left;}
div.newsbox div.ttl{font-size: 22px; font-weight: bold; padding-bottom: 10px;}
div.eventsbox{width: calc(100% - 660px); padding: 0 20px; float: left;}
div.eventsbox div.ttl{font-size: 22px; font-weight: bold;}
div.eventsbox div.event-line{padding: 9px 0;}
div.eventsbox div.event-line div.date{color: #900; font-style: italic; font-size: 13px;}
div.eventsbox div.event-line div.name{font-size: 15px; font-weight: bold; padding: 2px 0;}
div.eventsbox div.event-line div.content{font-size: 14px;}

/* ------------- times ------------- */
table.btimes{background: #fff; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; width: 100%; max-width: 800px; margin: 0 auto;}
table.btimes tr th{font-weight: bold; text-align: left; padding: 7px 10px; border-bottom: 1px solid #efefef;background: #efefef;}
table.btimes tr td{padding: 5px 10px; background: #fff; border-bottom: 1px solid #efefef;}

/* ------------- prices ------------- */
div.prices div#script-warning{display: none;}

/* ------------- news ------------- */
div.news-list{position: relative; padding: 20px;}
div.news-list div.image{width: 250px; float: left;}
div.news-list div.data{width: calc(100% - 270px); padding-left: 20px; float: left;}
div.news-list div.data h2{font-size: 30px; margin: 0 0 5px 0;}
div.news-list:hover{background: #fafafa;}

div.news-image{width: 496px;overflow: hidden;float: left;margin: 0 20px 20px 0;padding: 10px;background: #efefef;}
div.news-image img.main-img{width: 100%;}
div.news-image div.popup-gallery{margin-top: 8px;}
div.news-image div.popup-gallery a.gblock{display: block; width: 120px; height: 80px; overflow: hidden;float: left;margin: 2px;}

/* ------------- events ------------- */
div.events-list{position: relative; padding: 5px;}
div.events-list.elight{background: #fff;}
div.events-list.edark{background: #efefef;}
div.events-list div.image{width: 100px; text-align: center; float: left;}
div.events-list div.image img{width: auto; height: 30px;}
div.events-list div.data{width: calc(100% - 130px); padding-left: 20px; line-height: 30px; float: left;}
div.events-list div.data span{float: right; color: #900; font-size: 12px;}
div.events-list:hover{background: #E1E1E1;}

div.events-line{position: relative; padding: 5px; background: #efefef; border-bottom: 1px solid #E1E1E1;}
div.events-line div.image{width: 100px; text-align: center; float: left;}
div.events-line div.image img{width: auto; height: 30px;}
div.events-line div.data{width: calc(100% - 130px); padding-left: 20px; line-height: 30px; float: left;}
div.events-line div.data span{float: right; color: #900; font-size: 12px;}
div.events-line:hover{background: #E1E1E1;}

.timeline__item div.ribbon{width: 70px; height: 71px; background: url('/global/images/event_ribbon.png') center center no-repeat; position: absolute; top: -5px; right: -5px; z-index: 2;}
.redBlock div.timeline__content{background-color: #e9e9e9;}
.redBlock .timeline__content:after{border-top: 10px solid #e9e9e9 !important;}

/* ------------- videos ------------- */
div.video-list{position: relative; padding: 20px;}
div.video-list div.video{width: 300px; float: left;}
div.video-list div.data{width: calc(100% - 320px); padding-left: 20px; float: left;}
div.video-list div.data h2{font-size: 30px; margin: 0 0 5px 0;}

/* ------ speedcup ------ */
div.past-season{margin-top:30px;}
div.past-season div.head{background: #A2A2A2; border-top: 1px solid #818181; color: #fff; padding: 7px 10px; cursor: pointer;}
div.past-season div.head:hover{background: #939393;}
div.past-season div.s-data{display:none;}

div.speed-big-btns{padding: 20px 0; text-align: center;}
div.speed-big-btns a.big-btn{padding: 10px 20px; color: #7E7E7E; text-align: center; display: inline-block; margin: 20px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.speed-big-btns a.big-btn i{font-size: 48px; display: inline-block; padding-bottom: 7px;}
div.speed-big-btns a.big-btn:hover{background: #900; color: #fff; text-decoration: none;}

div.speedform{max-width: 800px; margin: 0 auto;}

div.sline div.head{background: #900;color: #fff;padding: 10px 10px;font-weight: bold;line-height: 27px;font-size: 16px;margin: 5px 0 0 0;cursor: pointer;-moz-border-radius: 6px;border-radius: 6px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.sline div.head:hover{background: #700;}
div.sline div.head img.speedlogo{float: left; width: auto; height: 25px; padding-right: 10px;}
div.sline div.s-data{display:none;}

/* -------- dracon map --------- */
div.dracon-map{width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
div.dracon-map img{width: 100%;}
div.dracon-map img.layer{position: absolute; top: 0px; left: 0px;display: none;}
div.dracon-map img.timeattack,div.dracon-map img.drift,div.dracon-map img.pitlane{display: block;}
div.dracon-map-controls{width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 0 30px 0;}
div.dracon-map-controls table{width: 300px;float: right;}
div.dracon-map-controls table th{text-align: left;}
div.dracon-map-controls table td{width: 70px;}
.ui-stoggle--label-on{text-align: left;}

/* ------------- gallery ------------- */
div.gallery div.thumbs{position: relative; z-index: 1;}
div.gallery div.thumbs a.thumb{display: inline-block;width: 240px;margin: 5px;height: auto;/*max-height: 167px;*/border: 3px solid #efefef;overflow: hidden;}
div.gallery div.thumbs a.thumb img{width: 100%;}
/* img-block */
div.gallery div.img-block{width: 460px; margin: 0 20px 20px 0; float: left;}
div.gallery div.img-block div#big-image{margin: 0 5px 5px 5px; overflow: hidden; border: 5px solid #000000ba;}
div.gallery div.img-block div#big-image img{max-width: 100%;}
div.gallery div.img-block div.zg-thumbs{margin: 0; padding: 0;}
div.gallery div.img-block div.zg-thumbs a{margin: 5px; display: block; width: 105px; height: 75px; overflow: hidden; text-decoration: none; float: left;}

/* ------------- timeline events ------------- */
div.timeline__content div.image{width: 100%; max-width: 150px; text-align: center; margin: 0 auto;}
div.timeline__content div.image img{width: 100%;}
div.timeline__content div.date{padding: 10px 0 0 0; text-align: center;}
div.timeline__content:hover{box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);-webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.52);}
div.timeline__wrap{padding: 10px 0px;}
.timeline--horizontal .timeline__item:after{top: 96% !important;}
.timeline--horizontal .timeline__item--bottom:after{top: -10px !important;}
.timeline--horizontal .timeline__item--bottom {padding: 1.2rem 0 0 !important;}

/* ------------- list ------------- */
ul.doc-list{margin: 20px 0;}
ul.doc-list li a{display: inline-block; padding: 3px 0; color: #900;}
ul.doc-list li a:hover{color: #f00; text-decoration: none;}

div.map{overflow: hidden;margin-bottom: -39px;}

/* ------------- table ------------ */
table.gray-table{background: #efefef; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; width: 100%;}
table.gray-table tr th{font-weight: bold; text-align: left; padding: 4px 10px; border-bottom: 1px solid #000;background: #444;color: #fff;}
table.gray-table tr.light td{padding: 3px 10px; background: #fff;}
table.gray-table tr.dark td{padding: 3px 10px; background: #e1e1e1bd;}
table.gray-table tr:hover td{background: #efefef;}

/* ------------- forms ------------- */
div.contact-form{background: url('/global/images/bg/cform-bg.jpg') left top no-repeat; padding-top: 10px; padding-left: 20px;}
div.contact-form .box1-3, div.contact-form .m20, div.contact-form .half{margin-top: 5px; margin-bottom: 5px;}
div.form-separator{color: #8d8d8d; font-size: 18px; border-bottom: 1px solid #ededed; margin-bottom: 20px; margin-top: 10px;}
div.form-label{font-size: 14px; margin-bottom: 10px;}
div.form-field{width: 100%; margin-bottom: 20px; height: auto; position: relative;}
div.form-field input{background: #fff; border: 1px solid #ccc; width: calc(100% - 2px); height: 25px; line-height: 25px; text-indent: 10px;}
div.form-field label input.checkbox{width: 16px; height: 16px; margin-right: 5px;}
div.form-field.checkbox label{display: inline-block; padding-left: 3px;}
div.form-field select{background: #fff; border: 1px solid #ccc; width: 100%; height: 25px; line-height: 25px;}
div.form-field textarea{background: #fff; border: 1px solid #ccc; width: calc(100% - 4px); height: 80px; text-indent: 10px;}
div.slidercaptcha{max-width: 300px; height: 215px;}
div.slidercaptcha div.card-header{margin-bottom: 5px; font-size: 15px;}
div.save-ajax, .btn-sbm{padding: 10px 30px;background: #03557d; color: #fff; display: inline-block; cursor: pointer; border: none;}
div.save-ajax:hover, .btn-sbm:hover{background: #0972A6;}
img.save-ajax-load{display:none;}
.class-row{display: none;}

/* ------------- form validation ------------- */
div.form-field.error input{border: 1px solid #e60011;}
div.err-text::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "задължително поле."}
div.err-text input{border: 1px solid #e60011;}
div.err-text select{border: 1px solid #e60011;}
div.err-text textarea{border: 1px solid #e60011;}
div.err-mail::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "невалиден имейл."}
div.err-mail input{border: 1px solid #e60011;}
div.err-mail-exist::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "въведеният имейл вече съществува."}
div.err-mail-exist input{border: 1px solid #e60011;}
div.err-passwd::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "паролата трябва да има поне 4 символа."}
div.err-passwd input{border: 1px solid #e60011;}
div.err-passwd-diff::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "въведените пароли са различни."}
div.err-passwd-diff input{border: 1px solid #e60011;}
div label.err-check{border: 1px solid #e60011;}
div label.err-check::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "задължително поле."}

/* ------------- paginator ------------- */
div.paginator{text-align: center; margin: 15px 0;}
div.paginator a.pg-btn{display: inline-block;margin: 2px;padding: 4px 8px;font-size: 14px;background: #000000a8; color: #fff; text-decoration: none; border-radius: 4px;-moz-border-radius: 4px; font-family: arial; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
div.paginator a.pg-btn.pg-current, div.paginator a.pg-btn:hover{background: #03557d;}

/* ------------- popup ------------- */
div.mfp-inline-holder div.mfp-content{width: calc(100% - 50px);max-width: 600px;background: #fff;padding: 20px;border: 1px solid #666;}
div.mfp-inline-holder div.mfp-content div.pp-ttl{font-size: 18px;margin-bottom: 10px;}
div.mfp-inline-holder div.mfp-content .success{color: #046b04;}
div.mfp-inline-holder div.mfp-content .warning{color: #ce6000;}
div.mfp-inline-holder div.mfp-content .error{color: #900;}

/* Brightness-zoom Container */
.img-hover-zoom img{transition: transform 1s, filter 0.6s ease-in-out;transform-origin: center center;}
.img-hover-zoom:hover img{transform: scale(1.1);}

/* tooltip */
.ui-tooltip, .arrow:after {background: #337733;border: 2px solid white;}
.ui-tooltip {padding: 10px 20px;color: #fff !important;border-radius: 20px;font: bold 12px "Helvetica Neue", Sans-Serif !important;text-transform: uppercase;box-shadow: 0 0 7px black; background: #337733 !important; border: 2px solid white !important;}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}

.fc-day-past{background-color: #EEEEEE;}
.fc-day-other{background-color: #f5f5f5;}

.fc-day-past div.fc-daygrid-day-events{display: none;}
.fc-day-past{background-image: none !important;}

.jBox-TooltipBorder .jBox-container{border: 2px solid #d44;color: #a70000;font-weight: bold;}
.jBox-TooltipBorder .jBox-pointer:after{border: 2px solid #d44;}

/* calendar */
.fc .fc-col-header-cell-cushion{color: #fff;}
.fc .fc-daygrid-day-number{color: #fff;background: #444343;width: 25px;text-align: center;}
.fc-theme-standard th{background: #707070;}
div.ggcal .fc-h-event{background-color: #bb0b0bb0 !important;border: 1px solid #bb0b0b !important; color: #000 !important;}
.fc-daygrid-day{background-repeat: no-repeat;background-size: contain;background-position: center;}
.ClREm div.fc-daygrid-event-harness:nth-child(2){display:none;}
.fc-h-event .fc-event-title-container{text-align: center;}
.fc-event-title{white-space: normal;}

/* for 1300px or less */
@media screen and (max-width: 1300px) {
	ul.menu li a{padding: 10px 12px; font-size: 12px;}
	ul.menu li.dropdown ul{top: 34px;}
}

/* for 1060px or less */
@media screen and (max-width: 1060px) {
	div.footer div.flinks{width: 100%;}
	div.footer div.fcontacts{width: 100%;}
	div.eventsbox{width: calc(100% - 360px);}
	div.newsbox{width: 100%;padding-top: 30px;}
}

/* for 1000px or less */
@media screen and (max-width: 1000px) {
	li.home-link{display:none !important;}
	ul.menu li a{padding: 10px 9px;font-size: 11px;}
	ul.menu{width: calc(100% - 170px);}
	a.logo{width: 170px;}
	div.offer{width: calc(50% - 30px);}
}

/* for 800px or less */
@media screen and (max-width: 800px) {
	i.mobile-mbtn{display: block;margin: 5px 0 2px 0;position: absolute;top: 25px;right: 40px;font-size: 30px;}
	ul.menu{display: none; width:100%; text-align: left;}
	ul.menu li{width: 100%; border-top: 1px solid #efefef;}
	ul.menu li:hover{background: transparent;}
	ul.menu li a{display: block; padding: 15px 20px 15px 5px;}
	ul.menu li:hover a{background: transparent; color: #666;}
	ul.menu li.dropdown span{display: block;position: absolute;top: 12px;right: 5px;background:#fff;width: 18px;height: 18px;border: 1px solid #d7d7d7;text-align: center;line-height: 18px;cursor: pointer;font-size: 18px;}
	ul.menu li.dropdown ul{background: transparent; position: relative; top: 0; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;}
	ul.menu li ul li{width: calc(100% - 20px); margin-left: 20px;}
	ul.menu li.dropdown ul li{background: transparent;border-top: 1px solid #efefef; border-left: none;}
	ul.menu li.dropdown ul li a{color: #666;background: none;border-top: none;width: 100%;}
	ul.menu li.dropdown ul li:hover a{color: #333 !important; background: transparent !important;}
	ul.menu > li.dropdown > a::after{content:"";}
	ul.menu ul li.dropdown > a::after{content:"";}
	ul.menu li.dropdown ul li ul{left: 0;}
	ul.menu li.dropdown ul li.dropdown span{top: 6px;}

	.mobile{display: inline-block !important;}
	
	div.right-bx{float: none;margin: 0 auto;margin-top: 20px;margin-bottom: 10px;}
	div.left-bx{float: none;width: 100%;}
	
	div.besttime{float: none; margin: 0 auto;}
	div.eventsbox{width:100%;padding: 30px 0 0 0;}
	
	div.slide-box ul li div.label{padding: 14px; font-size: 18px;}
	
	div.news-image{width: calc(100% - 20px);margin: 0 0 20px 0;}
	div.news-list div.image{float: none;margin: 0 auto;}
	div.news-list div.data{width: 100%;padding-left: 0;}
	div.news-list div.data{text-align: justify;}
	div.news-list div.data h2{text-align: center;}
	
	div.video-list div.video{width: 100%;}
	div.video-list div.data{width: 100%;padding-left: 0;margin-bottom: 35px;}
	
	div.contact-form{background: none;padding-left: 0px;}
	
	div.news-image div.popup-gallery a.gblock{width: calc(20% - 4px);height: auto;}
	div.news-image div.popup-gallery a.gblock img{width: 100%;}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	.redBlock .timeline__content::after{border-top: 10px solid transparent !important; border-right: 10px solid #e8e8e8 !important;}
	div.timeline__wrap{padding: 10px 5px;}
}

/* for 680px or less */
@media screen and (max-width: 680px) {
	div.offer{width: calc(100% - 30px);}
	div.breadcrumb img.speedcup{display: none;}
	.half{width: calc(100% - 40px);}
	div.stsp{display: none;}
}

/* for 560px or less */
@media screen and (max-width: 560px) {
	div.flinks div.third{display: none;}
	div.slide-box ul li div.label{padding: 12px; font-size: 14px;right:15px;bottom:15px;}
	div.video-list div.data h2{font-size: 22px;}
	div.news-image div.popup-gallery a.gblock{width: calc(25% - 4px);}
}

/* for 460px or less */
@media screen and (max-width: 460px) {
	div.outer h1{font-size: 32px;}
	div.outer h2{font-size: 28px;}
	div.outer h3{font-size: 24px;}
	p{font-size: 14px;}
	div.slide-box ul li div.label{padding: 10px; font-size: 12px;right:10px;bottom:10px;}
	div.head-line{text-align: center;}
	div.head-line div.temperature{width: 100%;}
}

/* for 400px or less */
@media screen and (max-width: 400px) {
	div.events-line div.image{width: 45px;}
	div.events-line div.data{width: calc(100% - 70px);}
	.half{width: 100%;margin: 20px 0px;}
}

/* for 380px or less */
@media screen and (max-width: 380px) {
	div.gallery div.thumbs a.thumb{width: calc(100% - 10px) !important;max-height: fit-content;}
	div.gallery div.thumbs a.thumb img{width: 100% !important;}
}

/* for 350px or less */
@media screen and (max-width: 350px) {
	div.besttime{width: 300px;}
	div.footer div.social a{margin: 10px 10px;}
	div.news-image div.popup-gallery a.gblock{width: calc(50% - 4px);}
}