@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);

* {border: 0; padding: 0; box-sizing: border-box;}
body{font-family: 'Panton-Light'; font-size: 16px; margin-right: 0; margin-left: 0; margin-bottom: 0; margin-top: 0 ;color: #000; background-color: #fff; background: url(//krovelshiki.com/images/photoback1.jpg) 50% 50%; background-size: cover; background-attachment: fixed; position: relative; z-index: 1;}
img {border: 0px;}
p{color: #000; font-size: 16px; text-align: left;}
a{color: #000000; text-decoration: underline}
a:hover{color: #35b3f1; text-decoration: underline;}
select {font-family: 'Panton-Light'}
button {font-family: 'Panton-Light'}
.clear {clear: both}
li {text-align: left; margin-left: 40px}
.footer li {text-align: left; margin-left: 10px}
ul {}
#wrapper_ticket_order {display: none}
#eventpage .menupage {/* margin-top: 80px */}
#category .menupage {/* margin-top: 80px */}

#event-button-price {position: absolute; margin-top: -150px}

.yamap {filter: grayscale(1);-ms-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);}

/* kalkulator */
tr.checked td {background-color: #FF9021 !important; color: #FFFFFF;}
.pagebody .kalkulyator_page table {margin-bottom: 10px;}
.pagebody .kalkulyator_page table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.pagebody .kalkulyator_page table tr:hover {background: #f0f0f0;}
.pagebody .kalkulyator_page table td {border: 1px solid #999; padding: 12px 10px; vertical-align: middle;}
.pagebody .kalkulyator_page table td input {width: 100%; border-radius: 4px;outline: none; box-shadow: #dddddd -1px 1px 5px inset;height: 40px; font-size: 18px; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.resultSum {font-size: 24px; font-weight: bold; margin: 10px 0 20px 0;}
#kalkulyator_forma {border: 5px solid #ffd940; border-radius: 2px 30px; padding: 10px 30px 20px 30px; margin-top: 40px; width: fit-content;}
#kalkulyator_forma .callback-contacts .pole textarea {height: 250px;}

/* box_label */
.box_label_input{position:relative}
.text_label_input[type="search"]::-webkit-search-decoration,.text_label_input[type="search"]::-webkit-search-cancel-button,.text_label_input[type="search"]::-webkit-search-results-button,.text_label_input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}
.text_label_input:disabled,.text_label_input[readonly]{background-color:#f5f5f5;opacity:1}
.box_label_input .text_label_input{height:calc(2.5rem + 2px);padding:0.5rem 0.75rem}
.box_label_input .label_input{position:absolute;top:50%;left:0.3125rem;display:flex; transform:translateY(-50%);pointer-events:none;border:none; background-color:#fff;color:#757575; padding-left:0.5rem;padding-right:0.5rem; transition:top 0.1s ease-in-out,scale 0.1s ease-in-out; font-size: 20px;border-radius: 4px;}
.box_label_input .label_input.label_input_textarea {top:24px;}
.box_label_input .label_input.label_input_search {left:40px;background: none;}
.box_label_input .label_input.label_input_rew {margin-top: auto; height: auto;padding: 3px 5px;}
.box_label_input .text_label_input::-moz-placeholder{color:transparent}
.box_label_input .text_label_input::placeholder{color:transparent}
.box_label_input .text_label_input:focus~.label_input,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input{top:0;transform:translateY(-50%) scale(0.75);margin-left: -10px; box-sizing:border-box}
.box_label_input .text_label_input:focus~.label_input.label_input_search,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input.label_input_search{transform:translateY(-5%) scale(0.75);margin-left: -20px;}

.tehnika {display: flex; width: 100%; /* background-color: #f7f6f5*/; padding: 20px 10px;}
.tehnika .box {width: 33.3333%; /* padding: 0 20px;*/  padding: 20px 20px; border: 1px solid #ebe5e0; border-radius: 7px; margin: 0 5px; }
.tehnika.oblast .box {width: 33.3333%; /* padding: 0 20px;*/  padding: 0 20px 20px 20px; border: none; border-radius: 7px; margin: 0 5px; }
.tehnika.oblast {padding: 0 20px; }
.tehnika .box .info {margin-top: 10px}
.tehnika .box .price {margin-bottom: 10px; color: #aaa}
.tehnika.dostavkapage .box .price {margin-top: 10px; }
.tehnika .box img {border-radius: 5px; width: 99%}
.tehnika .box .title {font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
.tehnika .box .buy a {padding: 10px 40px; text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #000; margin: 0 0 15px 0}
.tehnika .box .buy a:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }

.smtakje a {font-size: 18px; }
.smtakje div {padding: 10px 0}
p,div .ph {color: #000000}
.category_top a {color: #000000}

.tovar {display: flex; width: 100%; background-color: #efecea; border-radius: 0 0 7px 7px; margin-bottom: 30px;}
.tovar .box {width: 33.3333%; text-align: center; padding: 15px 0;}
.tovar .box img {border-radius: 5px; width: 50px;}
.tovar .box .title {font-size: 22px; font-weight: bold; margin: 20px 0 0 0;}
.tovar .box .title a {font-size: 22px; color: #000; text-decoration: none;}
.tovar .box.kolca {background-color: #e1e0e0;}

.prodikciya .box {display: flex; margin: 10px 0 30px 0; padding-bottom: 30px; border-bottom: 1px solid #e9e6e6;}
.prodikciya .box .left img {border-radius: 4px; }
.prodikciya .box .left {padding: 0 20px 0 0}
.prodikciya .box .right {display: flex;align-items: center;}
.prodikciya .box .right .title {font-size: 22px; margin: 0 0 15px 0; font-weight: bold}
.prodikciya .box .right .info {margin: 0 0 15px 0; }
.prodikciya .box .right .buy a {padding: 12px 50px; text-decoration: none; border: 1px solid #000000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #000000; }
.prodikciya .box .right .buy a:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }

.kolca_cat .box {display: flex; margin: 10px 0 30px 0; padding-bottom: 30px; border-bottom: 1px solid #e9e6e6;}
.kolca_cat .box .left img {border-radius: 4px; }
.kolca_cat .box .left {padding: 0 20px 0 0}
.kolca_cat .box .right {display: flex;align-items: center;}

.etapy .blok {display: flex; width: 100%; margin-bottom: 30px}
.etapy .blok img {width: 90%}
.etapy .blok .right {display: flex; align-items: center;}
.etapy .blok .right .title {font-size: 20px; font-weight: bold; }
.etapy .blok .right .line {height: 2px; position: relative; margin: 10px 0;}
.etapy .blok .right .line span {background: #000; height: 1px; display: block; width: 70px;}
.etapy .blok2 .right {text-align: right}
.etapy .blok2 .right .line span {text-align: right; position: absolute; right: 0}
.etapy .blok1 .left {width: 55%; padding: 0 40px 0 0}
.etapy .blok1 .right {width: 45%}
.etapy .blok2 .left {width: 55%; padding: 0 0 0 40px; text-align: right;}
.etapy .blok2 .right {width: 45%;}

.priceushp {display: flex; width: 100%; margin-bottom: 50px; margin-top: 50px; }
.priceushp .image {width: 40%}
.priceushp .blok {width: 60%; padding: 0 0 0 20px; }
.priceushp .blok h3 {margin-top: 0}
.priceushp .image img {width: 99%; border: 1px solid #000000; border-radius: 5px}

.ushpcalc {padding:0;margin:0;border-collapse:collapse;}
.ushpcalc  td,th{padding:15px;border:1px solid #383838;margin:0;border-collapse:collapse;}
.ushpcalc select {border: 1px solid #000000; font-size: 16px;}
.ushpcalc input {font-size: 16px; border: 1px solid #000000}
.credit_form h2:before {content:'\f1ec'; color: #dedede; font-family:FontAwesome; font-size:30px; margin-right: 7px;}

.pagebody .dostavka {display: flex; flex-wrap: wrap; width: 100%; margin: 20px 0 0 0}
.pagebody .dostavka .center {width: 100%; font-size: 20px; font-weight: bold; margin: 0 0 10px 0}
.pagebody .dostavka .levoe {width: 30%}
.pagebody .dostavka .levoe img {width: 100%}
.pagebody .dostavka .pravoe {width: 70%; padding: 0 0 0 20px; }
.pagebody .dostavka table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.pagebody .dostavka table tr:hover {background: #f0f0f0;}
.pagebody .dostavka table td {border: 1px solid #999; padding: 10px 10px; vertical-align: middle;}

.pagebody .dostavka .center a {color: #75bcf0; font-size: 16px; font-weight: normal}
.pagebody .akcii {padding: 10px 20px; border: 1px solid #ffd940; border-radius: 5px; margin-top: 30px; display: inline-block;}

/* right menu calculator */
#calcright {position: fixed; right: -190px; width: 250px; top: 40%; z-index: 3000; display: none;}
#calcright .box {position: absolute; background: #ffc312; width: 230px; height: 152px; margin-top: -58px; z-index: 3000; right: -67px; padding: 20px 5px 0 10px;}
#calcright .box div {display: flex;}
#calcright .box .phone span:before {content:'\f1ec'; color: #000000; font-family:FontAwesome; font-size:28px; margin-right: 3px;}
#calcright .box .contacats span:before {content:'\f10b'; color: #000000; font-family:FontAwesome; font-size:38px; margin-right: 5px;}
#calcright .box .contacats {margin-top: 25px}
#calcright .box a {display: contents; text-decoration: none;}
#calcright .box a:hover {color: #fff}
#calcrightbox {}
#calcright.calcrightbox_open {right: 0;	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;}
/* #menu.menu-open {
	right: 0;
} */
#menuContent {	position: absolute;	left: 60px;	background: #ffc312;	width: 200px;	top: 40%;}
#menu.menu-open  #menuToggle {}
#titlecalc span:before {content:'\f1ec'; color: #000000; font-family:FontAwesome; font-size:18px; margin-left: 3px;}
#calcright.calcrightbox_open #titlecalc span:before {content:'\f00d'; color: #a68119; font-family:FontAwesome; font-size:18px; margin-left: 3px;}
#titlecalc {position: absolute;	text-align: center;	padding: 7px 20px 10px 20px; left: -30px; border-radius: 5px 5px 0 0; z-index: 2000; cursor: pointer; background: #ffc312; font-size: 16px; color: #ffffff; transform: rotate(-90deg);}
#calcright.calcrightbox_open #titlecalc {left: -10px;}
/* calculator */


/* slider obzor */
.pagebody.obzor h3 {margin-top: 30px}
.pagebody.obzor h3:before {content:'\f2b7'; color: #dedede; font-family:FontAwesome; font-size:30px; margin-right: 7px;}
.pagebody .rew-slider {margin-top: 20px}
.rew-slider-box {width: 50%; padding: 0 20px; font-size: 16px;}
.rew-slider-box .top {display: flex; align-items: center; padding: 0 10px}
.rew-slider-box .top .face {display: flex; align-items: center;}
.rew-slider-box .top .face img {border-radius: 50%; margin-right: 5px; width: 70px;}
.rew-slider-box .top .face .name {font-weight: bold;}
.rew-slider-box .top .face .name span {font-weight: normal; color: #bbb}
.rew-slider-box .top .date {margin: 0 0 0 20px; display: flex; align-items: center;}
.rew-slider-box .top .date span {font-weight: normal; color: #bbb}
.rew-slider-box .top .date .datespan:before {content:'\f274'; color: #edd319; font-family:FontAwesome; font-size:28px; margin-right: 3px;}
.rew-slider-box .telo {margin-top: 5px; }
.rew-slider-box .telo .image {max-height: 220px; overflow: hidden;}
.rew-slider-box .telo .image img {width: 100%; }
.rew-slider-box .telo .line {height: 1px; background: #edd319; margin: 5px 0;}
.rew-slider-box .telo .title {margin-top: 7px; margin-bottom: 7px}
.rew-slider-box .telo .name {font-weight: bold; }
.rew-slider-box .telo .title .pricespan:before {content:'\f1ec'; color: #bbbbbb; font-family:FontAwesome; font-size:20px; margin-right: 3px; font-weight: normal;}
/* slider obzor */


/* free usluga */


/* top menu */
.menu-top-adres {width: 100%; height: 45px; background: url(//krovelshiki.com/images/footer.jpg); top: 0; color: #ffffff; font-size: 14px}
.menu-top-adres .box {max-width: 1200px; display: flex; justify-content: space-between; padding: 0 10px 0 10px; height: 100%; align-items: center; margin: 0 auto;}

.menu-top-adres .box .left {display: flex; justify-content: left;}

.menu-top .box .right .mess {display: flex; justify-content: right; align-items: center;margin-right: 20px;}
.menu-top .box .right .mess .social {cursor: pointer; /*border-radius: 50px; border: 1px solid #fff; padding: 5px; */ display: flex; justify-content: center; margin-left: 5px;}
.menu-top .box .right .mess .social img {width: 32px; }
.menu-top .box .right .mess .social.viber img {width: 35px; }

.menu-top {width: 100%; height: 80px; z-index: 5000; background-position: center; top: 0; position: relative; /*    border-bottom: 1px solid #eeeeee;*/ background: #ffffff;}
.menu-top .box {max-width: 1200px; display: flex; justify-content: space-between; padding: 0 10px 0 10px; height: 100%; align-items: center; margin: 0 auto;}
.menu-top .box .left {display: flex; justify-content: left;align-items: center;}
.menu-top .box .left img {height: 35px; }
.menu-top .box .left .home {margin-left: 8px; padding-right: 5px;}
.menu-top .box .left .home a {font-size: 22px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #000000; line-height: 22px; font-family: 'Panton-Bold';}
.menu-top .box .left .adres {width: 100%; font-size: 14px;margin-top: 0;display: flex;}
/*.menu-top .box .left .adres span:before {content:'\f041'; color: #ffd940; margin:0 0 0 0; font-family:FontAwesome; font-size:20px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}*/
.menu-top .box .left .adres svg {width: 12px; fill: #dad8d8; margin-right: 4px;}

.menu-top .box .center {display: flex; justify-content: center;}
.menu-top .box .center a { text-decoration: none; color: #000; padding: 12px 30px; border: 2px solid #ffd940; border-radius: 5px; text-align: center; overflow: hidden; position: relative; /* background-color: #ffd940 */}
.menu-top .box .center a:hover {color: #000000; border: 1px solid #ffd940; background-color: #ffd940 }
.menu-top .box .right {display: flex; justify-content: flex-end;align-items: center;}
.menu-top .box .right .burger {width: 48px}
.burger2 {display: none;}

.fixed {position: fixed; background-image: url(//krovelshiki.com/images/ground.jpg); box-shadow: #aaa 0 5px 10px;}
.menu-top.fixed .box .right .burger .osn {fill: #000000;}
.menu-top.fixed .box .left .home a {color: #000000;}
.fixed .triblok .blok .info span a { color: #000000}
.fixed .triblok .blok .info span { color: #000000}
.mobilemenu .fixed .triblok .blok .info span a {}
.mobilemenu .fixed .triblok .blok .info span {}
.mobilemenu .menu-top .box .right .burger2 {display: inline-block; width: 40px; fill: #000000; cursor: pointer;}
.mobilemenu .menu-top-adres {display: none}
.mobilemenu .menu-top {position: fixed; background: #fff;}
.menu-top .box .right .burger .osn {width: 48px; cursor: pointer; fill: #000000;}
#burger-close img {}
#burger-close { cursor: pointer; background-color: #3b2728;/* margin-top: -62px; position: fixed; right: 15px;*/}
.mobilemenu .menu-top .box .right .burger .osn {display: none}
.custom-btn:after {content: "";    display: block;    width: 30px;    height: 300px;    margin-left: 60px;    background: #fff;    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );    position: absolute;    left: -40px;    top: -150px;    z-index: 1;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.1s;    transition: all 0.1s;    -webkit-animation-name: slideme;    animation-name: slideme;    -webkit-animation-duration: 3s;    animation-duration: 3s;    -webkit-animation-delay: 0.05s;    animation-delay: 0.05s;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
 @-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

.menu-top-adres .box .right .mail {margin-right: 7px}
.menu-top-adres .box .right .mail a {text-decoration: underline; color: #ffffff}

.triblok {display: flex; font-size: 14px}
.triblok .blok .info span {display: block; font-size: 14px; color: #4c5a70}
.triblok .blok .info span a {font-size: 18px; color: #000000}
.triblok .blok .info  { text-align: right;}
.triblok .blok {display: flex; margin-right: 15px; }
.triblok .icon svg {width: 20px; fill: #aaa;}
.triblok .phone .icon {display: flex; display: none}
.triblok .phone .icon img {width: 35px}
.triblok .blok.phone2 a {text-decoration: none}
.triblok .blok.phone2 {padding: 0 10px 0 0; text-align: right;}
.triblok .blok.phone2 span:before{content:'\f095'; color: #cccccc; margin:0 10px 0 0; font-family:FontAwesome; font-size:45px; box-sizing:border-box; cursor: pointer}

/* Flickering Animation CSS */
@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.triblok .blok .info .animate:before{content:'';-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite; animation:flickerAnimation 1.3s infinite;width:8px;height:8px; border-radius:50%; background-color:#25d266;vertical-align:middle; margin-right:4px}
.triblok .blok .info .animate{display:flex;align-items:center;font-size:12px;color:#4c5a70;text-align:right;justify-content:end}
.footer .box .right .animate:before{content:'';-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite; animation:flickerAnimation 1.3s infinite;width:8px;height:8px; border-radius:50%; background-color:#25d266;vertical-align:middle; margin-right:4px}
.footer .box .right .animate{display:inline-flex;align-items:center;font-size:12px;color:#4c5a70;text-align:right;justify-content:end}

/* breadcrumb */
.main-photo-event .breadcrumb {box-sizing: border-box; font-size: 10px; color: #fff; margin-top: 20px;}
.main-photo-event .breadcrumb ul {margin-left: -10px;}
.main-photo-event .breadcrumb li {color: #aaa; display: inline-block; margin: 0 10px 0 10px; font-size: 16px; font-family: 'Panton-Light'}
.main-photo-event .breadcrumb li a {color: #aaa; font-size: 16px; font-family: 'Panton-Light'; text-decoration: none}
.main-photo-event .breadcrumb.pages {margin-top: -20px}
/* breadcrumb */

.mobilemenu-box { z-index: 6000; position: fixed; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; margin-top: 80px; background-color: #f7f6f5; background: url(//krovelshiki.com/images/photoback3.jpg) 50% 50%; background-size: cover; }
.mobilemenu .mobilemenu-box { top: 0; }
.mobilemenu .mobilemenu-box:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; }
.mobilemenu-menu {width: 100%; height: 100%; padding: 0 20px;}
.mobilemenu-menu .burgerbox { max-width: 1200px; margin: 0 auto}
.mobilemenu-box .box {margin: 0 auto; height: 100%; box-sizing: border-box; display: flex; align-items: center; margin-top: -60px;}
.mobilemenu-box .center-menu {}
.mobilemenu-box .box .menubox .center-menu a {font-size: 18px; text-decoration: none; color: #999999;font-weight: normal;}
.mobilemenu-box .box .menubox .center-menu .phone a {font-size: 22px; font-weight: bold; color: #000}
.mobilemenu-box .box .menubox .mm { padding: 7px 0;}
.mobilemenu-box .box .menubox .tegi {margin: 5px 0 5px 0;}
.mobilemenu-box .box .menubox .adres .mail a {font-size: 16px; font-weight: normal; font-family: 'Panton-Light';color: #2ca5e0; border-bottom: 1px dotted;}
.mobilemenu-box .box .menubox .adres .mail img {margin-right: 5px}
.mobilemenu-box .box .menubox .adres span:before{content:'\f041';color:#f12d2d;margin:0 0 0 0;font-family:FontAwesome;font-size:24px;box-sizing:border-box;cursor:pointer;text-decoration:none;margin-right:5px}
.mobilemenu-box .box .menubox div a {font-size: 20px; color: #000; font-weight: bold; text-decoration: none; font-family: 'Panton-Regular';}
.mobilemenu-box .box .menubox div a:hover {color: #3399ff; border-bottom: 1px dotted #3399ff; }
.mobilemenu-box .box .menubox {max-width: 400px; margin: 0 auto; }
.mobilemenu-box .center-menu .phone {margin-bottom: 5px}
.mobilemenu-box .box .menubox .tegi a {border: 2px solid #ffda26; padding: 5px 10px; border-radius: 10px; display: inline-block; margin: 1px; text-decoration: none; font-size: 18px;}
.mobilemenu-box .box .menubox .tegi a:hover {background: #ffda26; color: #000000; border-bottom: none}
.mobilemenu-box .box .menubox .calcmenu span:before {content:'\f1ec'; color: #f15858; font-family:FontAwesome; font-size:16px; margin-right: 1px;}
.mobilemenu-box .box .menubox div .social a {text-decoration: none; border-bottom: none; margin: 0;}
.mobilemenu-box .box .menubox .messenger {cursor: pointer; display: inline; margin-left: 5px;}
.mobilemenu-box .box .menubox .social img {width: 35px; margin-left: 5px;}
.mobilemenu-box .box .menubox .social.viber img {width: 38px; }

/* top photo */
.main-photo {background: url(//krovelshiki.com/images/back1.jpg) 50% 50%; height: calc(65vh); position: relative; background-size: cover; width: 100%; overflow: hidden; background-attachment: fixed;}
.main-photo::before{content:''; background-color: #180f03; width: 100%; height: 100%; position: absolute; opacity: 0.6;}
.main-photo .title {max-width: 1200px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; padding: 0 10px; margin: 0 auto;}
.main-photo .title .name {font-size: 50px; color: #fff;  font-weight: bold; font-family: 'Panton-Bold'}
.main-photo .title .name1 {font-size: 35px; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: #000 10px 1px 15px; font-family: 'Panton-Bold'; margin-top: -10px}
.main-photo .title .name2 {font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.main-photo .title .name3 {font-size: 24px; color: #000; margin: 20px 0 0 0}
.main-photo .title .name3 span {background-color: #fff; padding: 5px 20px; border-radius: 4px}
.main-photo .next {margin-top: 40px}

.utp_top .event-garant2 {width: 100%}
.utp_top .event-garant2 .garant {display: flex; flex-wrap: wrap; }
.utp_top .event-garant2 .garant .blok {display: flex; width: 33%; margin-top: 30px;padding-right: 10px;margin-bottom: 10px;align-items: center;}
.utp_top .event-garant2 .garant .blok span:before {content:'\f046'; color: #ffd940; font-family:FontAwesome; font-size:35px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.utp_top .event-garant2 .garant .text {font-size: 20px; color: #fff; font-weight: bold;}

/* top photo event */
.main-photo-event {height: calc(30vh); position: relative; background-size: cover; width: 100%; overflow: hidden; background-attachment: fixed; z-index: 2000;}
.main-photo-event::before{content:''; background-color: #180f03;opacity: 0.7; width: 100%; height: 100%; position: absolute; }
.main-photo-event .title {max-width: 1200px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; padding: 0 10px; margin: 0 auto;}
.main-photo-event .title .name {font-size: 34px; color: #fff; text-transform: none; font-weight: bold; border-bottom: 2px solid #ffda26; width: fit-content;}
.main-photo-event .title .name1 {font-size: 26px; color: #fde06c; margin-top: -20px;}
.main-photo-event .title .name1 span {font-size: 18px; background: #f7f6f5; font-weight: bold; padding: 2px 9px; border: 2px solid #fff; border-radius: 5px; color: #000000}
.main-photo-event .next {margin-top: 40px}
.main-photo-event .title .name2 {margin-top: 1px}

.utp_top {margin-top: 20px; display: flex; flex-wrap: wrap;}
.utp_top .utp_top_title {color: #ffffff; font-size: 16px; width: 50%; padding: 0 15px 5px 0; display: flex; align-items: center;}
.utp_top .utp_top_title.smeta span:before {content:'\f1ec'; }
.utp_top .utp_top_title.podarok span:before {content:'\f06b'; }
.utp_top .utp_top_title.master span:before {content:'\f0d1'; }
.utp_top .utp_top_title.sroki span:before {content:'\f274'; }
.utp_top .utp_top_title.garant span:before {content:'\f132'; }
.utp_top .utp_top_title.inst span:before {content:'\f0ad'; }
.utp_top .utp_top_title span:before {color: #ffc312; font-family:FontAwesome; font-size:35px; margin-right: 7px;}

/* menu page */
.menupage {width: 100%; height: 50px; background-color: #f7f6f5; position: relative; z-index:100; z-index: 3000; border-top: 1px solid #f5f1ed;}
.menupage .box {max-width: 1200px; display: flex; justify-content: space-between; margin: 0 auto; padding: 0 10px; height: 100%; align-items: center; flex-wrap: wrap;}
.menupage .box .cat .fa-angle-down:before {    color: #ffd940;}
.menupage .box .cat a {text-decoration: none; color: #000000; font-size: 18px; font-weight: bold}
.menupage .box .cat a:hover {color: #ff9900; text-decoration: underline}
.menupage .box .cat .menu-football:before{content:'\f1e3'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.menupage .box .cat .menu-concert:before{content:'\f001'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.menupage .box .cat .menu-show:before{content:'\f006'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.menupage .box .cat .menu-other:before{content:'\f097'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.menupage .box .cat.kalkulyator  span:before {content:'\f1ec'; color: #d9d0c7; font-family:FontAwesome; font-size: 20px; margin-right: 1px;}


.main_tribox {max-width: 1200px; margin: 0 auto; display: flex; margin-top: -50px; background: #f5eac0; position: relative; z-index: 100; color: #000000; border-radius: 8px;}
.main_tribox a {color: #000000}
.main_tribox .tribox {width: 33.3333%; padding: 30px 20px;}
.main_tribox .box2 {background: #2e3131; color: #ffffff;}
.main_tribox .box2 a {color: #ffffff;}

.freeushp {display: flex; position: relative;}
.freeushp .blok {width: 25%; padding: 20px 10px;}
.freeushp .blok .info strong {font-size: 20px}

/* free usluga */
.pagebody .event_free_h2.main.event {margin-top: 50px}
.event_free {display: flex; margin: 30px 0 5px 0; flex-wrap: wrap;}
.event_free.main {flex-wrap: nowrap;}
.event_free.main .box {display: block; padding: 0 10px 0 10px; width: 25%;}
.event_free.main .box .iamg {width: 70%; margin: 0 auto; text-align: center;}
.event_free.main .box .text {width: 100%; padding: 0 0 0 0; text-align: center;}
.event_free .box {width: 100%;  padding: 0 10px 15px 10px; display: flex; }
.event_free .box.displaynone {display: none}
.pagebody .event_free .box .iamg img {width: 70%}
.event_free .box .title {font-size: 18px; font-weight: bold}
.event_free .box .text {font-size: 16px; color: #aaaaaa}
.event_free .box .iamg {width: 20%}
.event_free .box .info {width: 80%; text-align: left;}
.event_free_h2.main {font-size: 26px; color: #fff; background: #42cf1f; display: inline-block; padding: 5px 15px; border-radius: 5px; font-family: 'Panton-Bold'; margin: 10px 0 10px 0; font-weight: bold; text-transform: uppercase;}
.event_free_h2.main span:before {content:'\f06b'; color: #ffffff; font-family:FontAwesome; font-size:25px; margin-right: 3px;}

.event_free.place .box {width: 50%;  padding: 0 10px 15px 10px; display: flex; }

.pagebody .event_geo {margin-top: 30px; text-align: center;}
.pagebody .event_geo .title {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.pagebody .event_text .event_geo .pic img {width: 60%}

/* element site */
.pagebody {margin: 0 auto; max-width: 1200px; padding: 0 10px; z-index: 1000; position: relative;}
.pagebody h2 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; margin: 20px 0 10px 0; font-weight: bold;}
.pagebody .zamena_h2 {color: #000; font-size: 30px; margin: 30px 0 10px 0; font-weight: bold;}
.pagebody .zamena_h3 {color: #000; font-size: 30px; margin: 30px 0 10px 0; font-weight: bold;}

h3 span {color: #ffd940}
h2 span {color: #ffd940}
body .callback_popup.price{;background: none; color: #ffffff; border: 1px solid #ffd940;}
body .callback_popup.price:hover {;background: none; color: #ffffff; border: 1px solid #ffd940; }
body .callback_popup.online{;margin-right: 5px; background: #ffd940; border: 1px solid #ffd940; }
body .callback_popup {padding: 12px 25px; text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; border-radius: 5px}
body .callback_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
body .pagebody .callback_popup2 {padding: 12px 50px; text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; border-radius: 5px;}
body .pagebody .callback_popup2:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
#topcontrol {margin-right: 10px; margin-bottom: 10px; z-index: 9999;}
#topcontrol img {border-radius: 3px; opacity: 0.4}
#topcontrol img:hover {opacity: 1}


/* listing best company */
.pagebody .list_best {display: flex; flex-wrap: wrap; box-sizing: border-box; max-width: 1200px; margin: 0 auto; margin-top: 30px; margin-bottom: 50px}
.pagebody .list_best .box {width: 25%; text-align: center; padding: 10px 10px 10px 10px; position: relative; margin-bottom: 10px;}
.pagebody .list_best .box .picture span { position: absolute; bottom: -15px; background-color: #ffd940; font-size: 20px; color: #000; border-radius: 50px; width: 40px; height: 40px; text-align: center; font-weight: bold; line-height: 39px;}
.pagebody .list_best .box .picture {position: relative;}
.pagebody .list_best .box .picture img {width: 50px}
.pagebody .list_best .box .info .title {font-size: 26px; font-weight: bold; margin: 20px 0 10px 0}


/* afisha main page */
.pagebody .main_uslugi {}
.pagebody .title_best {font-size: 30px; color: #ffd940; font-weight: bold; margin-top: 30px;}
.pagebody .title_info {color: #bbb;}
#mainafisha {max-width: 1200px; display: flex; flex-wrap: wrap; margin-top: 10px;}
 #mainafisha .event {width: 25%;  position: relative; text-align: left; padding: 10px 10px 10px 10px; background-color: #f7f6f5; margin: 0 0 20px 0; border-radius: 4px 4px 4px 4px; border-right: 2px solid #fcfcfa; border-left: 2px solid #fcfcfa; display: flex; flex-wrap: wrap; align-items: end;} 
#mainafisha .event .title {padding: 0 0 10px 0; ;font-size: 20px; font-weight: bold; text-decoration: none; font-family: 'Panton-Bold'}
#mainafisha .event .title a {font-size: 20px; font-weight: bold; text-decoration: none; font-family: 'Panton-Bold';     color: #000;}
#mainafisha .event .title a:hover {color: #000000; border-bottom: 1px dotted #000000; }

.uslugi-box .vseuslugi-but {margin: -5px 0 40px 0; }
.uslugi-box .vseuslugi-but .title{}
.uslugi-box .vseuslugi-but a {font-size: 18px; text-decoration: none; color: #000; padding: 7px 10px; border-radius: 5px;display: block; text-align: center; border: 1px solid #ffd940;}

#mainafisha .event .image {height: 150px; overflow: hidden; border-radius: 5px;}
#mainafisha .event .image img {width: 100%; text-align: center;border-radius: 4px;}

#mainafisha .event .price {font-size: 16px; font-weight: bold; color: #392b2b; padding: 10px 10px 15px 10px;}
#mainafisha .event .text {margin: 15px 0 10px 0; }
#mainafisha .event .buy { margin-bottom: 8px; }
#mainafisha .event .buy a {text-decoration: none; background-color: #eae3dc; color: #392b2b; text-align: center; font-size: 14px; cursor: pointer; white-space: nowrap; border-radius: 5px; text-transform: uppercase; padding: 7px 30px;}
#mainafisha .event .buy a:hover {background-color: #ccc1b7; color: #ffffff}
.pagebody .knopka {padding: 10px 40px; text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; border-radius: 5px;}
.pagebody .knopka:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }

/* main slider */
.centr-slider {background: url(//krovelshiki.com/images/photoback.jpg) 50% 50%; position: relative; background-size: cover; margin-top: 50px; width: 100%; overflow: hidden; background-attachment: fixed; color: #fff; padding: 20px 0 50px 0; box-sizing: border-box;     margin-bottom: 40px;}
.centr-slider:before {content: '';position: absolute;top: 99%;right: -10%;bottom: -95%; left: -100%;z-index: 50;transform: rotate(-2deg);display: block; background-image: url(//krovelshiki.com/images/ground.jpg)}
.centr-slider h2 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; margin: 30px 0 10px 0; font-weight: bold; text-transform: uppercase}
.centr-slider p {color: #000000}
.rest-slider a {color: #fff}
.centr-slider .pagebody .rest-slider {font-size: 18px; margin-bottom: 30px}
.centr-slider .pagebody .rest-slider img {}

.plusy {display: flex; flex-wrap: wrap; background: #f7f6f5; padding: 20px 10px; border-radius: 10px; margin: 0 0 40px 0}
.plusy .blok {width: 50%; padding: 20px 10px; display: flex; }
.plusy .blok .ico span:before {content:'\f00c'; color: #8ca2cb; font-family:FontAwesome; font-size: 35px; margin-right: 7px;}
.plusy .blok .info .title {font-size: 20px; font-weight: bold;}

/* main proekt */
.pagebody .mainproekt { display: flex; flex-wrap: wrap;}
.mainproekt .left {width: 55%; }
.mainproekt .left .proektvid { display: flex; max-width: 600px; flex-wrap: wrap;}
.mainproekt .left .proektvid div { width: 50%; padding: 15px 20px 15px 0; }
.mainproekt .left .proektvid div b { border-bottom: 1px dotted #000000; text-decoration: none}
.mainproekt .left .proektvid div span:before {content:'\f046'; color: #ffd940; font-family:FontAwesome; font-size:18px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.mainproekt .right {width: 45%; padding: 0 0 0 40px; text-align: right;}
.mainproekt .right img {width: 99%}
.pagebody .mainproektphone {width: 100%; background-color: #f7f6f5; padding: 20px 20px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; border-radius: 5px;}
.pagebody .mainproektphone .info {width: 100%; color: #626261; font-size: 16px; margin-bottom: 10px}
.pagebody .event_text .mainproektphone .left {width: 50%}
.pagebody .event_text .mainproektphone .left span:before {content:'\f10b'; color: #d7d5cc; font-family:FontAwesome; font-size:68px; cursor: pointer; text-decoration: none; margin-right: 15px;}
.pagebody .event_text .mainproektphone .left a {font-size: 26px; text-decoration: none; font-family: 'Panton-Regular'; color: #000000}
.pagebody .event_text .mainproektphone .left a:hover {color: #000; border-bottom: 2px dotted #000000}
.pagebody .event_text .mainproektphone .left {font-size: 14px; font-family: 'Panton-Regular'; color: #626261; display: flex; align-items: center;}
.pagebody .event_text .mainproektphone .right {width: 50%; display: flex; }

.pagebody .mainabout {display: flex; padding-bottom: 20px;}
.pagebody .mainabout .left {width: 30%; padding: 0 30px 0 0}
.pagebody .mainabout .left img { width: 99%}
.pagebody .mainabout .right {width: 100%; }

.pagebody .main_zakaz {display: flex; padding-bottom: 20px; margin-top: 40px;}
.pagebody .main_zakaz .left {width: 55%; padding: 0 20px 0 0}
.pagebody .main_zakaz .right {width: 45%; border: 5px solid #ffd940; border-radius: 2px 30px; padding: 20px 30px;}
.pagebody .main_zakaz h3 {margin: 0 0 10px 0}

/* main voprosy */
.vopros {margin-top: -15px; margin-bottom: 20px}
.vopros a { text-decoration: none; border-bottom: 1px dotted #000000;}
.vopros span:before {content:'\f29c'; color: #ffd940; font-family:FontAwesome; font-size:18px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.comment-slider .event_otzyv {padding: 0 10px; box-sizing: border-box; margin-bottom: 40px}
.comment-slider .event_otzyv .name {font-size: 18px}
.comment-slider .event_otzyv .name span {color: #ccc}
.comment-slider .event_otzyv a {text-decoration: none; font-style: italic; color: #000; font-size: 16px;}
.comment-slider .event_otzyv a:hover {text-decoration: underline;}


/* main questions */
.utp_photo img {width: 100%; border-radius: 5px;}
.utp_photo .brigadir-prorab {text-align: center; color: #bbb; margin-top: 5px;}

.mainzvonok {background: url(//krovelshiki.com/images/greyback.jpg) 50% 50%; min-height: 200px; background-size: cover; width: 100%; padding: 25px 0 30px 0; color: #ffffff; position: relative; z-index: 100; margin-bottom: 60px; background-attachment: fixed;}
.mainzvonok .box h2 {color: #ffffff}
.mainzvonok .box .zamena_h2 {font-family: 'Panton-Bold'; color: #ffffff; font-size: 30px; margin: 10px 0 10px 0; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #ffda26;}
.mainzvonok .box .name1 {font-size: 26px; color: #fde06c; margin-top: -5px;}
.mainzvonok .box p {color: #ffffff}
.mainzvonok .box { max-width: 1200px; margin: 0 auto;padding: 0 10px; position: relative; display: flex; flex-wrap: wrap;}
.mainzvonok .box .left {width: 70%}
.mainzvonok .box .right {width: 30%; padding-left: 10px;}
.mainzvonok .box .pole { display: flex; }
.mainzvonok .box .price {}
.mainzvonok .box .price img {width: 40px}
.mainzvonok .box .price a {color: #86b4e2; text-decoration: none; border-bottom: 1px dotted #86b4e2; }
.mainzvonok .box .price a:hover {color: #69bcf7; text-decoration: none; border-bottom: 1px dotted #69bcf7; }
.mainzvonok .box .callback_popup {padding: 10px 40px; text-decoration: none; border: 1px solid #ffffff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #ffffff; margin: 15px 0 15px 0}
.mainzvonok .box .callback_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
.mainzvonok .box .callback_popup2 {padding: 10px 40px; text-decoration: none; border: 1px solid #ffffff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #ffffff; margin: 15px 0 15px 10px}
.mainzvonok .box .callback_popup2:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
.main_right {}
#category .mainzvonok.pageprice {background: url(//krovelshiki.com/images/greyback.jpg) 50% 50%; background-size: cover; width: 100%; padding: 5px 40px 30px 40px; color: #ffffff; font-size: 16px; position: relative; z-index: 100; margin-bottom: 60px; background-attachment: fixed; height: auto; min-height: auto;}
#category .mainzvonok.pageprice::before{position: relative; }
#category .mainzvonok.pageprice .box {max-width: 1200px; margin: 0 auto; padding: 0;}
#category .mainzvonok.pageprice .right {width: 100%; padding-left: 0;}
#category .mainzvonok.pageprice .icons {display: flex}
#category .mainzvonok.pageprice .icons .blok {padding: 0 20px 0 0}

/* main steps */
.mainstep {background: url(//krovelshiki.com/images/greyback.jpg) 50% 50%; min-height: 200px; position: relative; background-size: cover; width: 100%; padding: 40px 0 60px 0; color: #ffffff; font-size: 16px; position: relative; z-index: 100; background-attachment: fixed;}
.mainstep .box h3 {color: #ffffff}
.mainstep .box p {color: #ffffff}
.mainstep .box { max-width: 1200px; margin: 0 auto;padding: 0 10px; position: relative;}
.mainstep .box .stepall { display: flex; position: relative;}
.mainstep .box .stepall .steptop { text-align: center; padding: 0 20px; position: relative;}
.mainstep .box .stepall .stepbottom { text-align: center; padding: 0 20px; position: relative;}
.mainstep .box .stepall .steptop .picture {position: relative; width: 100px; height: 100px; text-align: center; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto;margin-bottom: 40px; }
.mainstep .box .stepall .stepbottom .picture {position: relative; width: 100px; height: 100px; text-align: center; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto;margin-top: 40px; }
.mainstep .box .stepall .steptop span { position: absolute; bottom: -25px; background-color: #ffd940; font-size: 20px; color: #000; border-radius: 50px; width: 40px; height: 40px; text-align: center; font-weight: bold; line-height: 39px; left: 50%; margin-left: -20px;}
.mainstep .box .stepall .stepbottom span { position: absolute; top: -20px; background-color: #ffd940; font-size: 20px; color: #000; border-radius: 50px; width: 40px; height: 40px; text-align: center; font-weight: bold; line-height: 39px; left: 50%; margin-left: -20px;}

/* footer site */
.footer:before {/* content: ''; background: url(//krovelshiki.com/images/backhouse.jpg) no-repeat; background-position: right; width: 100%; height: 905px; position: absolute; top: -905px; */}
.footer {background: url(//krovelshiki.com/images/footer.jpg) 50% 50%; min-height: 300px; width: 100%; padding-top: 40px; color: #989797; font-size: 14px; position: relative; z-index: 90}
#eventpage .footer {background: url(//krovelshiki.com/images/footer.jpg) 50% 50%; min-height: 300px; width: 100%; padding-top: 40px; color: #989797; font-size: 14px; position: relative; z-index: 90}
.footer .box { max-width: 1200px; margin: 0 auto; display: flex; padding: 0 10px; position: relative;}
.footer a {color: #989797; font-size: 14px; text-decoration: underline}
.footer .uslugi a {font-size: 16px; }
.footer .uslugi .vseuslugi {color: #ffd940 }
.footer .box a:hover {color: #fff; text-decoration: underline}
.footer .box .left { width: 33.333%; justify-content: left; padding: 0 20px 0 0; display: flex;}
.footer .box .center { width: 33.333%; justify-content: center; display: flex;}
.footer .box .right { width: 33.333%; justify-content: flex-end; display: flex; text-align: right; align-items: baseline;}
.footer .box .right .blok {display: flex;    flex-wrap: wrap;    justify-content: flex-end;}
.footer .box .left .logo { display: flex; flex-wrap: wrap;    align-items: center;}
.footer .box .left .logo img {width: 35px}
.footer .box .left .logo .home { margin-left: 8px;}
.footer .box .left .logo .home a {font-size: 18px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff}
.footer .box .left .info {margin-top: 15px; margin-bottom: 10px;}
.footer .box .center .title {font-size: 18px; font-weight: bold; color: #fff}
.footer .box .center .uslugi ul {margin-left: 15px;}
.footer .box .center .uslugi a:hover {}
.footer .box .right .phone {display: flex; align-items: center;}
.footer .box .right .phone a {font-size: 24px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff}
.footer .box .right .callback_popup {padding: 12px 20px; text-decoration: none; border: 1px solid #ffffff; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #ffffff; margin: 15px 0 15px 0}
.footer .box .right .callback_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
.footer .privacy {padding: 20px 10px; max-width: 1200px; margin: 0 auto; position: relative;}
.footer .privacy a { text-decoration: underline}
.footermap {margin: 0 auto; max-width: 1200px; padding: 0 20px; margin-bottom: 20px; height: 400px; position: relative; z-index: 100}
.footermap .yamap {background-color: #cccccc; width: 100%; height: 100%}
.footer .box .adress {margin-bottom: 20px; margin-top: 20px;}
.footer .box .adress span:before {content:'\f041'; color: #ffd940; margin:0 0 0 0; font-family:FontAwesome; font-size:20px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 1px;}
.footer .box .right .mail a {font-size: 14px; text-decoration: underline}
.footermap .contacts {position: absolute; z-index: 9999; background: #fff; padding: 40px 40px; float: left; margin-top: 70px; margin-left: 40px; box-shadow: #e6e2e2 5px 5px 15px;}
.footermap .contacts a {color: #000}
.footermap .contacts:after {content: ''; clear: both;}
.footermap .contacts h3 {margin-top: 5px; text-transform: none; font-size: 20px;}
.footermap .contacts .adres {margin-bottom: 15px}

.footer_vopros {width: 100%; margin: 0 auto; background: #f7f6f5}
.footer_vopros .blok {max-width: 1200px; display: flex; margin: 0 auto; padding: 30px 10px 20px 10px; align-items: center;}
.footer_vopros .blok h4 {margin: 0 0 -10px 0}
.footer_vopros .blok .left img {width: 60px; }
.footer_vopros .blok .right img {border-radius: 4px; max-width: 200px; width: 100%;}
.footer_vopros .blok .right {text-align: right; padding: 0 0 0 20px; min-width: 200px;}
.footer_vopros .blok .right .callback_popup {padding: 12px 50px; text-decoration: none; border: 1px solid #000000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #000000; }
.footer_vopros .blok .right .callback_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }

.footer .privacy .promo {padding: 0 0 0 0; }
.footer .privacy .promo a {color: #fff; text-decoration: underline;font-size: 14px;}
.footer .privacy .promo img {}

.footer .box .right .messenger {display: flex; justify-content: right; align-items: center; width: 100%; margin-bottom: 10px;}
.footer .box .right .messenger .social {cursor: pointer; /*border-radius: 50px; border: 1px solid #fff; padding: 5px; */ display: flex; justify-content: center; margin-left: 5px;}
.footer .box .right .messenger img {width: 32px; }
.footer .box .right .messenger .social.viber img {width: 35px; }
.footer .box .right .mail {width: 100%}


/* site menu */
.menupage .cat { position: relative;}
.menupage .cat .submenu { visibility: hidden; opacity: 0;}
.menupage .cat .submenu { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; min-width: 260px;  top: 0; padding: 20px 0 0 0;}
.menupage  .cat:hover .submenu {  visibility: visible; opacity: 1;}
.menupage .cat li {  list-style: none; margin: 0; padding: 10px 15px; background-color: #406eb1; border-bottom: 1px solid #7991b5;}
.menupage .cat li:hover {background-color: #4e80ca}
.menupage   > .cat {  display: inline-block; margin-right: 20px; position: relative;}
.menupage   > .cat:last-child {  margin-right: 0;}
.menupage  .cat {transition: .3s linear; margin: 0 10px;}
.menupage .cat .submenu li a { text-decoration: none; color: #ffffff; font-size: 16px}
.menupage .cat .submenu li a:hover { color: #ffffff; }
.menupage .cat .submenu.submenu3 {left: -190px}

/* event site */
/* .main-photo-event .button div a {padding: 12px 50px; text-decoration: none; border: 1px solid #ffffff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #ffffff; margin: 15px 0 15px 0} */
.main-photo-event .button div a {padding: 12px 50px; text-decoration: none; border: 1px solid #ffd940; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #000000; /* margin: 15px 0 15px 0*/; background-color: #ffd940; }
.main-photo-event .button div a:hover {background: none; color: #ffffff; border: 1px solid #ffffff; }

.main-photo-event .button .page-scroll2 {background: none; color: #ffffff; border: 1px solid #ffffff; }
.main-photo-event .button .page-scroll2:hover {background: #ffd940; color: #000000; border: 1px solid #ffd940; }
.main-photo-event .button .page-scroll3 {background: none; color: none; border: none; padding: 0;}
.main-photo-event .button .page-scroll3:hover {background: none; color: none; border: none; }
.main-photo-event .button .page-scroll3 img {width: 43px; }

.main-photo-event .button-page div a {background: none; color: #ffffff; border: 1px solid #ffffff; }
.main-photo-event .button-page div a:hover {background: #ffd940; color: #000000; border: 1px solid #ffd940; }

/* .main-photo-event .button div a:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; } */
.main-photo-event .button {display: flex; flex-wrap: wrap}
.main-photo-event .button div {margin-right: 10px}

.pagebody .event_text {display: flex; width: 100%; position: relative; margin-top: 20px;}
.pagebody .event_text .left {width: 70%; padding: 0 20px 0 0}
.pagebody .event_text .right {width: 30%;}
.pagebody .event_text .right img {width: 100%; border-radius: 4px;}
.pagebody .event_text .right .event_img {width: 100%; border-radius: 5px}

.pagebody .event-info .title {font-size: 18px}
.pagebody .event-info .info {font-size: 22px; font-weight: bold;}
.pagebody .event-info {font-family: 'Panton-Light'; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 20px 0; text-align: left; padding: 60px 10px 70px 10px; background-color: #fbf4ec; width: 100%; background-image: url(//krovelshiki.com/images/kaska.jpg); background-repeat: no-repeat; background-position: right; position: relative; z-index: 100;}
.pagebody .event-info-text {text-align: left; font-family: 'Panton-Light'; font-size: 18px; margin: 0 0 40px 0;}
.pagebody .event-info-text p {text-align: left; font-family: 'Panton-Light'; font-size: 18px; }
.pagebody .event-info .event-block {width: 25%; padding-left: 10px;}
.pagebody .event-info .event-block #free {background-color: #d63e0b; color: #ffffff; font-size: 18px; padding: 5px; margin-right: 20px;}
.pagebody .rekomenduem {font-size: 30px; color: #d8d8de; font-weight: bold; margin-bottom: 0; margin-top: 40px;}
.pagebody .slider-rekomenduem {margin: 0 0 40px 0}
.pagebody .slider-rekomenduem .rekomenduem-box div {text-align: center}
.pagebody .slider-rekomenduem .rekomenduem-box div a {font-size: 18px; text-decoration: none; color: #000000}
.pagebody .slider-rekomenduem .rekomenduem-box div img {width: 95%; margin: 0 0 10px 0; border-radius: 5px;}
.pagebody .event-info:before {content: ''; background-image: url(//krovelshiki.com/images/kaska.png) no-repeat; width: 100%; height: 395px; background-position: right; position: absolute; top: -395px;}

.pagebody .event-pochemu {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 30px 0;  width: 100%}
.pagebody .event-pochemu .event-pochemu-box {width: 50%; text-align: left; padding: 0 10px; display: flex; margin-bottom: 25px;}
.pagebody .event-pochemu .event-pochemu-box .right {width: calc(100% - 100px); padding: 0 0 0 15px}
.pagebody .event-pochemu .title {font-size: 20px; font-weight: bold; text-align: left;     margin-bottom: 7px;}
.pagebody .event-pochemu .icons img {width: 50px}
.pagebody .event-pochemu .icons {width: 100px; height: 100px; border-radius: 100%!important; background-color: #fafafa; border: 1px solid #e1e1e1!important; align-items: center; display: flex; justify-content: center;}

.pagebody .content_block {overflow: hidden; position: relative;}
.pagebody .content_block.hide {max-height: 400px;}
.pagebody .content_block.hide:after{content: "";display: block;	height: 100px;	position: absolute;	left: 0;	right: 0;bottom: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fdfdfb 75%)}
.pagebody .content_block2 {overflow: hidden; position: relative;}
.pagebody .content_block2.hide2 {}
.pagebody .content_toggle2 {display: none}
.pagebody .event_price {margin: 0 auto; overflow: auto; max-height: 470px;     margin-bottom: 20px;}
.pagebody .event_price a {color: #2ca5e0; border-bottom: 1px dotted; text-decoration: none;}
.pagebody .main_zakaz .left h2 { margin-top: 0;}
.pagebody .main_zakaz .left h2 span {font-size: 20px;}
.pagebody .event_price_beton .download {margin: 0 0 20px 0}
.pagebody .event_price_beton .download img {width: 40px}
.pagebody .event_price_beton .download a {color: #75bcf0}
.pagebody .event_price_beton table {margin-bottom: 10px;}
.pagebody .event_price_beton table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.pagebody .event_price_beton table tr:hover {background: #f0f0f0;}
.pagebody .event_price_beton table td {    border: 1px solid #999; padding: 5px 10px; vertical-align: middle;}
.pagebody .bgfone {background: #eaeaea;}
.pagebody .event_price_beton .left_price {margin-bottom: 40px;}

.pagebody .event_price_beton .right_price {margin: 20px 0 20px 0}
.pagebody .event_price_beton .right_price.beton {margin: 20px 0 40px 0}
.pagebody .event_price_beton .right_price .nasosy {display: flex; flex-wrap: wrap; }
.pagebody .event_price_beton .right_price .nasosy .box {margin: 0 20px 5px 0; background: #75bcf0; padding: 10px 25px; border-radius: 4px; text-align: center;}
.pagebody .event_price_beton .right_price .nasosy.rastvor .box {background: #747373; }
.pagebody .event_price_beton .right_price .nasosy  a {text-decoration: none; color: #fff; font-size: 30px; font-weight: bold}
.pagebody .event_price_beton .right_price .nasosy  a span {font-size: 16px}
.pagebody .event_price_beton .right_price .title {font-size: 20px; font-weight: bold; margin: 0 0 10px 0}

.pagebody .deshevle .deshevle-box {text-align: center; position: relative; z-index: 100;}
.pagebody .deshevle h3 {text-align: center; margin-top: 0; color: #fff;}
.pagebody .deshevle span {font-size: 14px}
.pagebody .deshevle-main {margin: 40px 0 80px 0;}
.pagebody .deshevle-main:after {content: ''; background: url(//krovelshiki.com/images/ruletka.png) no-repeat; background-position: right; width: 100%; height: 140px; position: absolute; bottom: -80px;}
.pagebody .deshevle {}
.pagebody .deshevle-forma {}
.pagebody .deshevle-forma .deshevle-box {text-align: left}
.pagebody .deshevle-forma h3 {text-align: left; padding: 0 20px}
.pagebody .count {display: flex; justify-content: space-between; width: 100%; margin: 50px 0 70px 0; background: #f7f6f5; padding: 20px 10px;}
.pagebody .count .box {width: 33.3333%; text-align: center; padding: 0 50px; font-size: 16px}
.pagebody .count .box .title {font-size: 50px; color: #ffd940}
.pagebody .deshevle .text {font-size: 20px; font-weight: bold;}
.pagebody .event_zakaz {display: flex; padding-bottom: 20px; margin-top: 40px;}
.pagebody .event_zakaz .left .phone {margin: 20px 0 0 0}
.pagebody .event_zakaz .left .phone a {font-size: 30px; font-weight: bold; text-decoration: none; color: #fff;  border-radius: 10px;padding: 10px 20px;    background: #ffd940;}
.pagebody .event_zakaz .left {width: 55%; padding: 40px 40px 40px 40px; background: url(//krovelshiki.com/images/bgbeton.jpg); border-radius: 2px 30px; margin-right: 20px; display: flex; align-items: center;}
.pagebody .event_zakaz .right {width: 45%; border: 5px solid #ffd940; border-radius: 2px 30px; padding: 20px 30px;}
.pagebody .event_zakaz h3 {margin: 0 0 10px 0}
.pagebody .event_zakaz .left .zamena_h2 {color: #ffffff; text-shadow: #ccc 2px 2px 5px;}
.pagebody .event_zakaz .left .phone .ph:before {content:'\f095'; color: #fff; font-family:FontAwesome; font-size:30px; cursor: pointer; text-decoration: none; margin-right: 5px;}

.pagebody .event_zakaz a {color: #000000}
.pagebody .event_zakaz .right .privacy {font-size: 14px; }
.pagebody .event_zakaz .right .privacy a {font-size: 14px; }

/* event comments */
.pagebody .content_toggle_comment_span:before {content:'\f0e6'; color: #d8d8de; margin:0 0 0 0; font-family:FontAwesome; font-size:40px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 1px; margin-right: 7px;}
.pagebody .content_toggle_comment {font-family: 'Panton-Bold'; color: #000; border-bottom: 2px dotted #ffd940; font-size: 26px; font-weight: bold; text-transform: uppercase; text-decoration: none}
.pagebody .content_toggle_comment_count {background: #ffd940; border-radius: 5px; padding: 5px; font-family: 'Panton-Bold'; color: #000; font-size: 26px; font-weight: bold;}
.pagebody .content_block_comment {overflow: hidden; position: relative;}
.pagebody .content_block_comment.hide {max-height: 10px;}

.event-comment {margin: 0 0 0 0}
.event-comment .box {margin: 0 0 30px 0}
.event-comment .text {color: #cccccc}
.event-comment .text a {color: #cccccc}
.rewies_message {width: 100%; box-sizing: border-box; padding: 15px 30px 20px 30px; border: 1px solid #e1e7e8; border-radius: 4px; margin-bottom: 20px; font-style: italic; text-align: left; margin-top: 10px;}
.rewies_message .otvet {text-align: right}
.rewies_message .otvet a {background-color: #ddd; color: #fff; padding: 2px 10px 4px 10px; text-decoration: none; border-radius: 3px; font-style: normal;}
.rewies_message .otvet a:hover {background-color: #ccc;}
.child_block .arrow {float: left; position: relative}
.rewies_message.child {margin-left: 70px; width: auto;}
#comment {text-align: left; margin: 0; max-width: 1200px; margin: 0 auto; padding: 0 10px 30px 10px; position: relative; z-index: 100;}
.rewies_message .box .icon {}
.rewies_message .box .title {font-size: 16px; margin: 10px 0 15px 0; color: #ccc}
.rewies_message .box .title span {font-weight: bold; color: #000}
.rewies_message .box .text {font-size: 16px; margin: 0 0 0 0; color: #000}
.rewies_add {max-width: 700px; box-sizing: border-box; padding: 50px 50px 40px 50px; border-radius: 4px; text-align: left; margin-bottom: 50px; background: url(/images/backarch.jpg); background-size: cover;}
.rewies_add .left_add {width: 100%; }
.rewies_add .left_add .pole input {display: inline; width: 100%; height: 40px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #ddd -1px 1px 4px inset; font-family: 'Panton-Light'; box-sizing: border-box;}
.rewies_add .text_pole {margin: 10px 0 0 0}
.rewies_add .text_pole .pole textarea {display: inline; width: 100%; height: 140px; font-size: 18px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; box-shadow: #ddd -1px 1px 4px inset; box-sizing: border-box; resize: none; padding-top: 10px; font-family: 'Panton-Light'}
.rewies_add .text_pole .add {margin: 20px 0 0 0}
.rewies_add .text_pole .add input {display: inline;}
.rewies_add .text_pole .add input {text-decoration: none; background: #fff; position: relative; display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer;  padding: 10px 20px; border-radius: 3px;}
.rewies_add .text_pole .add input:hover {background: #ffc722;}
.rewies_add .title {margin-left: 10px; text-shadow: #000 1px 1px 5px;}
.speedbay-block-info {text-align: center; padding: 0 0 20px 0; font-size: 18px; font-weight: bold;}


/* event page zayavka */
#speedbay_block {background: url(/images/photoback2.jpg); color: #fff; max-width: 500px;}
#speedbay_block a {color: #fff}
.event_ticket_forma {max-width: 600px; box-sizing: border-box; padding: 0 10px 0 10px;}
.event_ticket_forma .left_box {width: 100%; box-sizing: border-box; }
.event_ticket_forma .left_box.middle {float: none; margin-left: auto; margin-right: auto}
.event_ticket_forma .title {font-size: 18px; text-align: left;}
.event_ticket_forma .left_box .pole {margin: 0 0 15px 0}
.event_ticket_forma .left_box .pole input {display: inline; width: 100%; height: 45px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; box-sizing: border-box;}
.event_ticket_forma .left_box .pole input.error {outline-color: red; color:red; outline:auto;}
.event_ticket_forma .left_box .pole select {display: inline; width: 100%; height: 45px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; cursor: pointer;}
.event_ticket_forma .right_box {width: 100%; box-sizing: border-box; padding: 0 0 0 0;}
.event_ticket_forma .right_box .pole textarea {display: inline; width: 100%; height: 140px; font-size: 18px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; box-sizing: border-box; resize: none; padding-top: 10px;}
.event_ticket_forma #cont-politika {text-align: left}
.event_ticket_forma .center input:hover {background: #77a44b; color: #ffffff;}
.event_ticket_forma .buton {text-align: center;}
.event_ticket_forma .center input {text-decoration: none; position: relative; display: inline-block; font-size: 15px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px 0 20px 0; cursor: pointer; background: none; padding: 15px 30px; border-radius: 5px; background: #ffc722;}

/* event gallery */
.eventgallery {margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; padding-bottom: 40px}
.eventgallery img {width: 98%}
.eventgallery .block {width: 25%; text-align: center; padding: 1px;}
.eventgallery div img {width: 100%;     border-radius: 5px;}
.eventgallery div img:hover {opacity: 0.8}

.eventgallery .block.youtube .box {position: relative; display: inline-block;width: 98%;}
.eventgallery .block.youtube .box img {border-radius: 5px; width: 100%}
.eventgallery .block.youtube .box:after {content:"";display:block;position:absolute;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik01MDEuMjk5LDEzMi43NjZjLTUuODg4LC0yMi4wMyAtMjMuMjM0LC0zOS4zNzcgLTQ1LjI2NCwtNDUuMjY0Yy0zOS45MzIsLTEwLjcwMSAtMjAwLjAzNywtMTAuNzAxIC0yMDAuMDM3LC0xMC43MDFjMCwwIC0xNjAuMTA1LDAgLTIwMC4wMzgsMTAuNzAxYy0yMi4wMjUsNS44ODcgLTM5LjM3NiwyMy4yMzQgLTQ1LjI2NCw0NS4yNjRjLTEwLjY5NiwzOS45MjggLTEwLjY5NiwxMjMuMjM2IC0xMC42OTYsMTIzLjIzNmMwLDAgMCw4My4zMDggMTAuNjk2LDEyMy4yMzJjNS44ODgsMjIuMDMgMjMuMjM5LDM5LjM4MSA0NS4yNjQsNDUuMjY4YzM5LjkzMywxMC42OTcgMjAwLjAzOCwxMC42OTcgMjAwLjAzOCwxMC42OTdjMCwwIDE2MC4xMDUsMCAyMDAuMDM3LC0xMC42OTdjMjIuMDMsLTUuODg3IDM5LjM3NiwtMjMuMjM4IDQ1LjI2NCwtNDUuMjY4YzEwLjcwMSwtMzkuOTI0IDEwLjcwMSwtMTIzLjIzMiAxMC43MDEsLTEyMy4yMzJjMCwwIDAsLTgzLjMwOCAtMTAuNzAxLC0xMjMuMjM2WiIgc3R5bGU9ImZpbGw6I2VkMWYyNDtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMjA0Ljc5NiwzMzIuODAzbDEzMy4wMTgsLTc2LjgwMWwtMTMzLjAxOCwtNzYuODAxbDAsMTUzLjYwMloiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjwvc3ZnPg==);width:68px;height:68px;top:calc(50% - 24px); left:calc(50% - 24px);transition:.2s}


/* event preimushestva */
.preimushestva {}
.preimushestva:after {content: ''; background: url(//krovelshiki.com/images/ruletka.png) no-repeat; background-position: right; width: 100%; height: 140px; position: absolute; bottom: -50px; z-index: 50;}
.preimushestva {background: url(//krovelshiki.com/images/photoback3.jpg) 50% 50%; min-height: 200px; background-size: cover; width: 100%; padding: 40px 0 60px 0; color: #ffffff; font-size: 16px; position: relative; z-index: 100; margin-bottom: 60px; background-attachment: fixed; display: flex; margin-top: 50px;}
.preimushestva .left {width: 40%; background-color: #3b2728; color: #ffffff; padding: 40px 40px}
.preimushestva .right {width: 60%; display: flex; flex-wrap: wrap; padding: 0 0 0 30px; font-size: 18px; color: #000000; position: relative; z-index: 100;}
.preimushestva .right .title {width: 100%; margin: 0 20px 0 0}
.preimushestva .right .plus {width: 50%; padding: 0 15px 0 0}
.preimushestva .right .minus {width: 50%; padding: 0 15px 0 0}
.preimushestva .right .plus div {padding: 10px 0;}
.preimushestva .right .minus div {padding: 10px 0; text-shadow: #fff 1px 1px 2px;}
.preimushestva .right .plus div:before {content:'\f196'; color: #37d42d; font-family:FontAwesome; font-size:28px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.preimushestva .right .minus div:before {content:'\f147'; color: #f53c3c; font-family:FontAwesome; font-size:28px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.preimushestva .left .box .button #speedbay_popup {padding: 12px 50px; text-decoration: none; border: 1px solid #ffffff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #ffffff; margin: 15px 0 15px 0; ; overflow: hidden; position: relative;}
.preimushestva .left .box .button #speedbay_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
.preimushestva .left .box .text {font-size: 26px; font-weight: bold; text-transform: uppercase;}
.preimushestva .left .box .text a {color: #ffffff}
.preimushestva .left .box .text span {background: #e85252; padding: 0 5px;}

/* event price */
.main_zakaz .event_price table {margin-bottom: 10px;}
.event_price table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.event_price table tr:hover {background: #f0f0f0;}
.event_price table td {    border: 1px solid #999; padding: 10px 10px; vertical-align: middle;}
.linkpage img {width: 40px;}

/* category */
#category .category_bottom {}
#category .main-photo-event {height: calc(30vh); background: url(/images/back1.jpg) 50% 50%; background-size: cover;}
#category .main-photo-event::before{opacity: 0.70;}
#category .main-photo-event .title {max-width: 1200px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; padding: 0 10px; margin: 0 auto;}
#category .main-photo-event .title .name {font-size: 40px; color: #fff; font-weight: bold;}
#category .main-photo-event .title .name1 {font-size: 20px; color: #fff; text-shadow: #000 10px 1px 15px; ;}
#category .main-photo-event .next {margin-top: 0}

#category .mainzvonok {background: url(//krovelshiki.com/images/key.jpg) 50% 50%; min-height: 200px; background-size: cover; max-width: 1200px; padding: 0; color: #ffffff; font-size: 16px; position: relative; z-index: 100; margin: 0 auto; margin-bottom: 60px; border-radius: 4px;}
#category .mainzvonok::before{content:''; background-color: #000000; width: 100%; height: 100%; position: absolute; opacity: 0.5; border-radius: 4px;}
#category .mainzvonok .box { max-width: 1200px; margin: 0 auto; padding: 40px 15px 60px 15px;}

/* page contacts */
.corpbox {display: flex; flex-wrap: wrap;}
.corpbox .left {width: 55%; padding: 0 40px 0 0; box-sizing:border-box}
.corpbox .right {width: 45%; border: 5px solid #ffd940; border-radius: 2px 30px; padding: 20px 30px; margin-top: 10px;}
.corpbox h2 {text-align: left}
.corpbox .messenger {cursor: pointer; display: inline; margin-left: 5px;}
.corpbox .messenger .social img {width: 35px; margin-left: 5px;}
.corpbox .messenger .social.viber img {width: 38px; }
#category .mainzvonok {margin-top: 40px;}
.corpbox.map .left {width: 35%; padding: 0 40px 0 0; }
.corpbox.map .right {width: 65%; border: none; border-radius: 0; padding: 0; margin-top: 0;}
/* page success */
.category_top .messenger {cursor: pointer; display: inline; margin-left: 5px;}
.category_top .messenger .social img {width: 35px; margin-left: 5px;}
.category_top .messenger .social.viber img {width: 38px; }

/* callback popup */
body .callback_zvonok {max-width: 450px; padding: 40px; text-align: left; color: #ffffff; background-color: #4a3e3e; border-radius: 0 20px; border: 1px solid #675858;}
body .callback_zvonok a {color: #000000}
body .callback_zvonok .title {margin-top: 15px}
body .callback_zvonok select {font-size: 20px; padding: 4px; width: 100%; height: 50px; border-radius: 5px; ;  cursor: pointer; padding-left: 10px;}
body .callback_zvonok .pole input {font-size: 18px; height: 50px;}
body .callback_zvonok #send_callback {background-color: #f9ea3c; color: #000; border-radius: 4px;  cursor: pointer; height: 50px; text-transform: uppercase;}
body .callback_zvonok #send_callback:hover {background-color: #000; color: #fff; border: 1px solid #000}
body .callback_zvonok .center {margin-top: 15px; margin-bottom: 15px;}
body .callback_zvonok #politika {width: 15px}
body .callback_zvonok .privacy_sogl {margin-top: 15px; font-size: 12px}
body .callback_zvonok .privacy_sogl a {font-size: 12px; color: #ffffff}
body .callback_zvonok .textzag p {color: #ffffff; font-size: 16px;}
body .callback_zvonok .textzag h3 {color: #ffffff; font-size: 20px; text-transform: none; margin-top: 1px;    margin-bottom: 1px;}
body .callback_zvonok .textzag a {color: #ffffff}
body .callback_zvonok .textzag p img {width: 20px; }
body .callback_zvonok .textzag p .social.viber img {width: 23px; }
body .callback_zvonok .callback-contacts.callback-main .callback-contacts-button {margin: 0; color: #ffffff; border: 2px solid #ffffff; border-radius: 5px;  cursor: pointer; max-width: 200px; padding: 10px 40px; font-size: 16px; }
body .callback_zvonok .callback-contacts.callback-main .callback-contacts-button:hover {color: #000000; border: 2px solid #f9ea3c; background-color: #f9ea3c}
body .callback_zvonok .callback-contacts.callback-main .pole textarea {height: 80px; }
body .callback_zvonok .privacy a {color: #ffffff; font-size: 14px; }
body .callback_zvonok .privacy {color: #ffffff; font-size: 14px; }


/* reperuar */
.repertuar {display: flex; flex-wrap: wrap; }
.repertuar-event {width: 25%; margin: 20px 0; box-sizing: border-box; padding: 0 10px}
.repertuar-event .name a {text-transform: uppercase; font-size: 18px; border-bottom: 1px solid #f03434; font-weight: bold; text-decoration: none}
.repertuar-event .name {margin-top: 10px}
.repertuar-event img {width: 99%}
.repertuar-bukva {font-size: 36px; font-weight: bold; border-bottom: 1px dotted; cursor: pointer; margin-bottom: 10px; display: inline-block; margin-right: 15px;}
.repertuar-bukva:hover {color: #cc6600}
.repertuar-info {margin: 10px 0 0 0; font-size: 18px}

/* contacts */
.callback-contacts {max-width: 700px; color: #000; }
.callback-contacts .pole {margin: 15px 0}
.callback-contacts .pole select {font-size: 18px; padding-left: 10px; width: 100%; height: 50px; border-radius: 4px; cursor: pointer; box-shadow: #ccc -1px 1px 5px inset;  outline: none; background-image: url(//krovelshiki.com/images/select.png); background-position: right center; background-repeat: no-repeat; /*for WebKit*/ -webkit-appearance: none; /* for FF */-moz-appearance: none; text-indent: 0.01px; text-overflow: '';  /* for IE */ -ms-appearance: none; appearance: none!important; background-position: 95% 50%;

}
.callback-contacts .pole input {width: 100%; height: 50px; font-size: 18px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; padding-left: 10px; box-sizing:border-box}
.callback-contacts .pole textarea {width: 100%; height: 100px; font-size: 18px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; padding-left: 10px; box-sizing:border-box; padding-top: 5px;}
.callback-contacts .center {margin-top: 10px}
.callback-contacts .callback-contacts-button {font-size: 16px; color: #000; margin: 10px 0 0 0; background: none; padding: 12px 50px; border-radius: 5px; border: 2px solid #000000; position: relative; display: inline-block; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer;}
.callback-contacts .callback-contacts-button:hover {background: #ffd940; color: #000; border: 2px solid #ffd940}
.callback-contacts {text-align: left}
.corpbox .right .phone {margin-bottom: 20px}
.corpbox .right .phone a {text-decoration: none}
.corpbox .right .phone a:before {content:'\f003'; color: #ffd940; font-family:FontAwesome; font-size:20px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.corpbox .right .privacy { margin-top: 20px;}
.corpbox .right .privacy a {}

.callback-main {padding: 0; border-radius: 0; border: 0; background: none;}
.main_zakaz .privacy {font-size: 14px; margin-top: 20px;}
.main_zakaz .privacy a {font-size: 14px; color: #000;}
.main_zakaz .phone {margin-bottom: 20px}
.main_zakaz .phone .ph {text-decoration: none;     color: #000;}
.main_zakaz .phone .ph:before {content:'\f095'; color: #ffd940; font-family:FontAwesome; font-size:20px; cursor: pointer; text-decoration: none; margin-right: 5px;}



h1 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold;}
h2 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold;}
h3 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold;}
h4 {color: #000; font-size: 26px}

/* TABS */
#tab1 {background-image: none;}
.tabs label span {background-color: #8398ae; color: #fff; border-radius:15px; padding: 4px 10px;}
.tabs {width: 100%; margin: 0 auto; min-width: 320px; padding: 0 0 0 0; position: relative; z-index: 100; text-align: center; box-sizing: border-box; margin-top: 20px;}
/* стили секций с содержанием */
#tabs-event section {display: none; background: none; box-sizing: border-box; }
.tabs input {display: none;}
#tabs-event #content4 {padding: 45px 25px 45px 25px}
/* стили вкладок (табов) */
.tabs label {margin-bottom: -4px; background-color: #fefdfb; display: inline-block;color: #000000; margin-right: 4px; padding: 10px 25px 13px 25px; text-decoration: none; margin-top: 10px; font-size: 18px; border-radius: 5px; border: 2px solid #e6ad52;}
.tabs label:hover {background-color: #fefdfb; color: #000;  cursor: pointer;}
/* стили для активной вкладки */
.tabs input:checked + label {background: #e6ad52; color: #fff; font-weight: bold;}
.tabs input:checked + label:hover {}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {display: block;}
#tabs-event .event-comment .titleforma {font-size: 24px; color: #000; font-weight: bold;}


/* callback contacts */
#page .callback-contacts .center {padding: 0}


/* order popup */
.zakaz_ok {width: 100%; height: 100%; position:fixed; z-index:10000; background:url(//krovelshiki.com/images/bg_load.png); margin-top: 0px; top:0px; font-size: 20px}
.zakaz_ok .box {background: #f5da68;  padding: 20px 30px 20px 20px; border: 8px solid #fff; margin: 0 auto; position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -180px; border-radius: 5px; width: 300px; text-align: center; font-size: 16px; color: #000}
.zakaz_ok a {font-size: 20px; color: #fff;}
.zakaz_ok a:hover {}
.zakaz_ok .box .text div {font-size: 20px; color: #fff; margin-bottom: 10px}
.zakaz_ok .box .close {margin-top: 10px}
.zakaz_ok .box .close img {width: 30px; cursor: pointer; padding: 0 0 10px 0; }
.zakaz_ok .box .close img:hover {width: 40px; padding: 0 0 0 0; }

/* faq */
.brigadir-prorab {text-align: center; color: #bbb; margin-top: 5px;}
.brigadir-prorab.bottom { color: #bbb; }
.pagebody .voprosotvet_box .right .zamena_h2 {margin: 0 0 10px 0; }
.voprosotvet_box {width: 100%; display: flex; margin-top: 20px; }
.voprosotvet_box .left {width: 35%; padding-right: 20px;}
.voprosotvet_box .left img {max-width: 400px; width: 100%; border-radius: 5px}
.voprosotvet_box .right {width: 65%; }
.voprosotvet .container {max-width:100%;width:100%; margin-bottom: 30px;}
.voprosotvet .acc .vopros_h3 {font-size:22px;color:#5e7481;padding:15px 30px 15px 15px;margin:0;cursor:pointer;position:relative; display: flex;}
.voprosotvet .acc .vopros_h3 span:before {content: ""; background:url(//krovelshiki.com/images/plus.svg) no-repeat; width: 24px; height: 24px;z-index: 100;}
.voprosotvet .acc.active .vopros_h3 span:before {content: ""; background:url(//krovelshiki.com/images/plus2.svg) no-repeat; }
.voprosotvet .acc .vopros_h3 span {position:absolute;right:10px; z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s; display: flex; align-items: center; justify-content: center;}
.voprosotvet .acc.active .vopros_h3 span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.voprosotvet .acc.active {border-bottom: none}
.voprosotvet .acc.active .vopros_h3 span:after {content: ""; display: block; width: 40px; height: 40px; position: absolute; background: #ff9900; border-radius: 50%; }
.voprosotvet .acc .content-inner {background: #fff; border-radius: 5px;}
.voprosotvet .content {display:none; }
.voprosotvet .content-inner {padding:15px}
.voprosotvet .content *{margin-top:0;}
.voprosotvet .acc {border-bottom:1px solid #eeeeee}
.voprosotvet .all {margin-top: 20px; }
.voprosotvet .all a {font-size: 16px; color: #000000}

/* event best */
.pagebody .event-garant .garant {border: 1px solid #eeeeee; border-radius: 5px; padding: 20px; margin-top: 20px;}
.pagebody .event-garant .garant .blok {display: flex; width: 100%; margin-top: 30px;padding-right: 10px;margin-bottom: 10px;}
.pagebody .event-garant .garant .blok svg {width: 40px; fill: #dad8d8;}
.pagebody .event-garant .garant .blok .img.dogovor svg {width: 48px; fill: #dad8d8;}
.pagebody .event-garant .garant .blok .img.dogovor img {width: 45px;}
.pagebody .event-garant .garant .blok .img {padding: 0 5px 0 0}
.pagebody .event-garant .garant .blok .text span {font-size: 24px; color: #000000}
.pagebody .event-garant .garant .blok .text {font-size: 16px; color: #aba7a7;}

.pagebody .event-garant2 .garant {display: flex;}
.pagebody .event-garant2 .garant .blok {display: flex; width: 33%; margin-top: 30px;padding-right: 10px;margin-bottom: 10px;align-items: center;}
.pagebody .event-garant2 .garant .blok span:before {content:'\f046'; color: #ffd940; font-family:FontAwesome; font-size:35px; cursor: pointer; text-decoration: none; margin-right: 5px;}
.pagebody .event-garant2 .garant .text {font-size: 20px; color: #000000; font-weight: bold;}

/* category - places */
.uslugi-box {display: flex; flex-wrap: wrap; margin: 0 0 0 0; }
.uslugi-box .box {width:25%;text-align:left;padding:20px 10px 10px 10px;position:relative;}
.uslugi-box .box img{width:100%;box-shadow:#e8e7e7 1px 5px 5px;border-radius:4px}
.uslugi-box .box .title a {font-size: 24px; }
.uslugi-box .box .title {font-weight: bold; margin-bottom: 7px; margin-top: 7px;}
.uslugi-box .box .info {color: #aaa}
.uslugi-box .box ul li a {color: #35b3f1;}
.uslugi-box .box ul li a:hover {color: #000000;}

.smtakje {display: flex; width: 100%; flex-wrap: wrap}
.smtakje a {text-decoration: none}
.smtakje div {padding: 20px 30px; border-radius: 5px; margin-right: 10px; background: #f1edea; margin-bottom: 5px; color: #000000}
.smtakje div:hover {background: #e5ddd7; }

/* face main */
.face_main {display: flex; margin-top: 20px; margin-bottom: 40px;}
.face_main .center {width: 100%}
.face_main .left {padding-right: 20px}
.face_main .left img {max-width: 300px; border-radius: 5px}
.face_main_title {margin-top: 20px; }
.face_main_title .center .title1 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; font-weight: bold; }
.face_main_title .center .title1 span {color: #ffda26}
.face_main_title .center .title2 {font-family: 'Panton-Bold'; font-size: 20px; margin: 0 0 20px 0; font-weight: bold; }
.face_main .right img {max-width: 300px; border-radius: 5px}