

/* Start:/local/templates/1canvas/components/bitrix/menu/top/style.min.css?1670232835490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/1canvas/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1663770751666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/1canvas/styles.css?16793997768046*/
.footer__requisites {max-width: 50%;}


img {border:0 none;}


h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica,sans-serif; 
	margin:1.3em 0 1em;
	font-weight:normal;
	line-height:1.2;
}

h1 { font-size:200%; margin:0 0 1em; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }

hr, .hr 
{
	border-top:1px solid;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
}

#workarea ol li, #workarea ul li { margin: 0.6em 0; }
#workarea ul { list-style-type: disc; }
.hide{display: none !important; }

@property --p{
	syntax: '<number>';
	inherits: true;
	initial-value: 0;
  }
  
  .pie {
	--p:20;
	--b:22px;
	--c:darkred;
	--w:120px;
	
	width:var(--w);
	aspect-ratio:1;
	position:relative;
	display:inline-grid;
	margin:5px;
	place-content:center;
	font-size:18px;
	font-weight:bold;
	font-family:sans-serif;
  }
  .pie:before,
  .pie:after {
	content:"";
	position:absolute;
	border-radius:50%;
  }
  .pie:before {
	inset:0;
	background:
	  radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
	  conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
	-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
			mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
  }
  .pie:after {
	inset:calc(50% - var(--b)/2);
	background:var(--c);
	transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
  }
  .animate {
	animation:p 1s .5s both;
  }
  .no-round:before {
	background-size:0 0,auto;
  }
  .no-round:after {
	content:none;
  }
  @keyframes p {
	from{--p:0}
  }
.input_form{
	width: 100%;

	background-color: var(--white);
	margin-top: 15px;
	padding: 15px 20px;
	border-color: var(--dark);
	border-radius: 20px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit;
	margin-bottom: 10px;
  }
  /* input type number */
.input-number {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E5E8EE;
    box-sizing: border-box;
    border-radius: 6px;
    color: #424348;
    font-size: 14px;
    text-align: center;
    width: calc(33px * 3);
	position: absolute;
right: 60px;
margin-top: -10px;
}

.input-number__input {
    background: #E5E8EE;
    width: 32px;
    height: 32px;
    border: none;
    padding: 8px;
    text-align: center;
}

.input-number__minus,
.input-number__plus {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
/* /input type number */


.elvrntos{width: 178px;display: inline-block;margin-right: 10px;
	font: inherit;
	vertical-align: baseline;
	color:#494949;
	margin-bottom: 20px;
}
.delimg{
	font: inherit;
	color:rgb(186, 152, 241);
	display: block;
	text-align: center;
	text-decoration: none;
}
.elvrntos span,.elvrntos input{display: none;}
.elvrntos .imgeses{height: 168px;width: 100%;margin-bottom: 15px;border: 8px solid #494949;border-radius: 10px;overflow: hidden;}
.elvrntos img {max-height: 200px;width: 100%;}
.erorno{position: absolute;cursor:pointer;color:rgb(136, 21, 21);z-index: 22;margin-top: -50px;font-size: inherit;margin-left: 20px;background: #fff;}
.broder{border-color: rgb(136, 21, 21);}
.good {text-align: center;}
.good h3{display: block;text-align: center;margin-bottom: 30px;
	font-size: var(--tit-big);
	font-weight: 700;}
	.uploads_file{
		color: rgb(73, 64, 75);
		}
	.blink {
		color: rgb(136, 21, 21);
		animation: blink-animation 2s steps(5, start) infinite;
		-webkit-animation: blink-animation 2s steps(5, start) infinite;
	  }
	  @keyframes blink-animation {
		to {
		  color: rgb(136, 21, 21);
		}
	  }
	  @-webkit-keyframes blink-animation {
		to {
			color: rgb(73, 64, 75);
		}
	  }
	  

.texter p{font-size: 12px;margin-top:20px;}

.preloder{display: block;height: 400px; width: 100%;text-align: center;} 

.artboard {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;

}

.domino > div {
  border-radius: 8px;
  display: inline-flex;
  transform: rotate(45deg);
  width: 50px;
  height: 50px;
  -webkit-animation: domino-effect 2.4s infinite ease-in-out;
          animation: domino-effect 2.4s infinite ease-in-out;
}
.domino > div:nth-child(1) {
  background: #354558;
}
.domino > div:nth-child(1):after {
  background: #354558;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.domino > div:nth-child(2) {
  background: #625059;
}
.domino > div:nth-child(2):after {
  background: #625059;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.domino > div:nth-child(3) {
  background: #905b5c;
}
.domino > div:nth-child(3):after {
  background: #905b5c;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.domino > div:nth-child(4) {
  background: #bd665e;
}
.domino > div:nth-child(4):after {
  background: #bd665e;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.domino > div:nth-child(5) {
  background: #eb7260;
}
.domino > div:nth-child(5):after {
  background: #eb7260;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.domino > div:nth-child(1) {
  margin: 23px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.domino > div:nth-child(2) {
  margin: 23px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.domino > div:nth-child(3) {
  margin: 23px;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.domino > div:nth-child(4) {
  margin: 23px;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.domino > div:nth-child(5) {
  margin: 23px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.domino > div:after {
  content: "";
  position: relative;
  top: 0px;
  left: -70px;
  opacity: 0;
  border-radius: 8px;
  width: 50px;
  height: 50px;
  -webkit-animation: illusion 2.4s infinite ease-in-out;
          animation: illusion 2.4s infinite ease-in-out;
}

@-webkit-keyframes beat {
  to {
    transform: scale(1.4);
  }
}

@keyframes beat {
  to {
    transform: scale(1.4);
  }
}
@-webkit-keyframes spin {
  to {
    transform: rotate(140deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(140deg);
  }
}
@-webkit-keyframes domino-effect {
  20%, 100% {
    transform: rotate(135deg);
  }
}
@keyframes domino-effect {
  20%, 100% {
    transform: rotate(135deg);
  }
}
@-webkit-keyframes illusion {
  0%, 25% {
    opacity: 1;
  }
  26.10%, 33.33%, 100% {
    opacity: 0;
  }
}
@keyframes illusion {
  0%, 25% {
    opacity: 1;
  }
  26.10%, 33.33%, 100% {
    opacity: 0;
  }
} 

.input-number::after{
  content: "Кол-во человек";
  position: absolute;
font-size: 10px;
text-align: center;
width: 100%;
margin-top: -50px;

}
.btn.back{margin-right: 40px;}
.btn.back svg{fill:#fff;margin-right:10px;}


.swiper2 .swiper-wrapper{
  flex-wrap: wrap;
}
.swiper2 .swiper-wrapper .swiper-slide{
  flex: 0 0 31.333333%;
  margin:1%;
}
.hidess{display: none;}
@media (max-width: 760px) {
.constructor .carousel__nav.hidess{display: none !important;}
  .swiper2 .swiper-wrapper .swiper-slide{
    flex: 100%;
margin: 1%;
margin-bottom: 20px;

  }


.btn.back {
  margin-right: 40px;
  flex: none;
  position: absolute;
  right: 20px;
  margin-top: 100px;
  }

  .page__header img{
    width: auto !important;
  } 

  .footer__pay {
    margin-top: 45px;
    width: 100%;
    text-align: center;
    }
    .footer__bot .footer__inner {
      flex-direction: row !important;
      }

}
/* End */
/* /local/templates/1canvas/components/bitrix/menu/top/style.min.css?1670232835490 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1663770751666 */
/* /local/templates/1canvas/styles.css?16793997768046 */
