/* Start:/kontakty/style.css?17526567067254*/
.contacts-grid{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contacts-grid-l{
	width: 33.33333333333333%;
}
.contacts-grid-r{
  width: 61.66666666666667%;
}
.contacts-grid-f{
  width: 100%;
	margin-top: 4.5%;
	flex-grow: 1;
	flex-shrink: 1;
}
.grid-decor{
	background: #F2F2F2;
	box-shadow: -10px -10px 30px rgba(255, 255, 255, 0.85), 10px 10px 30px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
}
.contacts-list{
	padding: 30px 15px 30px 30px;
	font: normal 16px/23px 'Mont';
	font-weight: 600;
	color: #333;
}
.contacts-list h2{
	font: normal 24px/24px 'Mont';
	font-weight: 600;
	color: #333;
	padding: 9px 0 16px;
	margin: 0;
}
.contacts-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.contacts-list ul li{
	padding: 0 0 23px;
	margin: 0;
	position: relative;
}
.contacts-list ul li a{
	text-decoration: none;
	color: #333;
}
.contacts-list ul li a:hover{
	text-decoration: none;
	color: #ffa658;
}
.contacts-list ul li img{
  display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
}
.contacts-list ul li span{
  display: block;
	padding: 0 0 0 23px;
}
.contacts-list ul li span b{
	color: #999;
	font-size: 13px;
	font-weight: 600;
}
.contacts-list p{
	padding: 0 0 6px;
	margin: 0;
}
.contacts-list ul.contacts-social{
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.contacts-list ul.contacts-social li{
  display: block;
	padding: 2px 0 9px 0;
	margin: 0 20px 0 0;
	width: 40px;
	height: 49px;
}
.contacts-list ul.contacts-social li img{
  display: block;
	width: 40px;
	height: 40px;
}
.contacts-list ul.contacts-social li img:hover{
	opacity: 0.7;
}
.contacts-map{
	padding: 30px;
	height: 100%;
}
.contacts-map iframe{
	width: 100%;
	height: 100%;
	min-height: 400px;
	border: 0;
}
.contact-form{
	padding: 69px 15px;
}
.contact-form h2{
	font: normal 30px/39px 'Playfair Display';
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: #333;	
	padding: 0 0 30px;
	margin: 0;
}
.contact-form h3{
	font: 600 16px/24px 'Mont', serif;
	text-align: center;
	color: #333;	
	padding: 0 0 30px;
	margin: 0;
}
.form-grid{
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.form-grid-3{
	width: 33.33333333333333%;
	padding: 0 15px;
}
.form-grid-1{
  width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0 15px;
}
.form-grid-center{
	text-align: center;
}
.form-send-success{
	font-size: 16px;
	margin-top: 20px;
	font-weight: 600;
}
.touch-forms textarea{
	margin-top: 0;
}
.contact-form .check-text{
	margin:30px auto 27px;
	display:inline-block;
	text-align:left;
	font: normal 14px/14px 'Mont';
	font-weight: 600;
	color: #333;
}
.contact-form .check-text input{
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.contact-form .check-text input+label {
  display: block;
  align-items: center;
  user-select: none;
  cursor: pointer;
	font: normal 14px/24px 'Mont';
	padding: 0 0 0 35px;
	position: relative;
}
.contact-form .check-text input+label::before {
  content: '';
  display: block;
	position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #09BBB5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 12px;
}
.contact-form .check-text input:checked+label::before {
  border-color: #09bbb5;
  background-color: #09bbb5;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00091 7.80007L1.20091 5.00006L0.267578 5.9334L4.00091 9.66673L12.0009 1.66673L11.0676 0.733398L4.00091 7.80007Z' fill='white'/%3E%3C/svg%3E");
}
.contact-form .button {
	background: #FFA658;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:22px 15px;
	outline: 0;
	font-family: 'Mont';
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	width: 200px;
	height: auto;
	text-align:center;
	white-space: nowrap;
	transition: all 1s ease;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
.contact-form .button:hover{
	background: #FF8F2D;
}
.contact-form .touch-forms label.error{
	display: none !important;
}
@media (max-width:768px){
	.contacts-grid{
		flex-direction: column;
	}
	.contacts-grid-l{
		width: 100%;
	}
	.contacts-grid-r{
	  width: 100%;
	  margin-top: 30px;
	}
	.contacts-grid-f{
	  margin-top: 30px;
	}
	.contacts-list{
		padding: 15px;
	}
	.contacts-map{
		padding: 20px;
	}
	.form-grid-3{
		width: 100%;
	}
	.contact-form{
	  padding: 49px 5px 58px;
	}
	.contact-form h2{
	  font-size: 20px;
	  line-height: 26px;
		font-weight: 400;
		padding-bottom: 21px;
	}
	.contact-form h3{
	  font-size: 14px;
	  line-height: 24px;
		font-weight: 400;
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-form .touch-fieldp{
	  height: 50px;
		padding-top: 12px;
		padding-bottom: 11px;
	}
}
@media (max-width:480px){
	.contact-form .check-text{
		/*max-width: 220px;*/
	}
}

/* Validation popup */

.alert-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(248,248,248,0.9); /* цвет фона */
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    z-index: 998;
    padding:0 10px;
    box-sizing:border-box;
}

.alert-open {
    pointer-events: auto;
    opacity: 1;
}

.alert-close {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

.alert-close_icon {
    display:block;
    position:absolute;
    right:25px;
    top:25px;
    width:14px;
    height:14px;
    overflow:hidden;
		font:normal 22px/14px Tahoma;
		color:#09BBB5;
    text-decoration: none;
}
.alert-close_icon:focus, .alert-close_icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

.alert {
    position: relative;
    width: 100%;
    max-width:600px;
    padding: 51px 10px 31px;
    box-sizing:border-box;
		margin:0 auto;
    display: flex;
    justify-content: space-between;
    z-index: 999;
    overflow: hidden;
    background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    outline: 0;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    font-size: 16px;
		font-weight: 300;
		text-align: center;
}

.alert .alert-title{
	font: normal 40px/40px 'Playfair Display';
	font-weight: 600;
	padding-bottom: 19px;
	margin-bottom: 0;
	margin-top: 0;
}
/* End */


/* Start:/local/templates/vanilla_other_pages/components/bitrix/news.detail/faq/style.css?16733602485718*/
.blog-page.faq-page{
	padding-bottom: 0;
}
.faq-text-top{
	font-size: 16px;
	line-height: 24px;
}
.questions-item{
	margin-top: 10px;
}
.questions-name{
	background: #F8F8F8;
	border-radius: 10px;
	padding: 21px 67px 19px 16px;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	font: 800 16px/21px 'Mont';
	color: #333;
}
.questions-name::before{
  content: '';
  display: block;
  width: 41px;
  height: 41px; 
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -20px;
	background: #fff url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9454 2.28644L7.99538 8.25415C7.92454 8.32499 7.84781 8.37504 7.76517 8.40432C7.68253 8.43407 7.59399 8.44894 7.49954 8.44894C7.4051 8.44894 7.31656 8.43407 7.23392 8.40432C7.15128 8.37504 7.07454 8.32499 7.00371 8.25415L1.036 2.28644C0.870725 2.12117 0.788086 1.91457 0.788086 1.66665C0.788086 1.41874 0.876628 1.20624 1.05371 1.02915C1.23079 0.85207 1.43739 0.763528 1.6735 0.763528C1.90961 0.763528 2.11621 0.85207 2.29329 1.02915L7.49954 6.2354L12.7058 1.02915C12.8711 0.863875 13.0746 0.781236 13.3164 0.781236C13.5586 0.781236 13.7683 0.869778 13.9454 1.04686C14.1225 1.22394 14.211 1.43054 14.211 1.66665C14.211 1.90276 14.1225 2.10936 13.9454 2.28644Z' fill='%2309BBB5'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 17px 17px;
	border: 1px solid #E8E8E8;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.questions-answer{
	font: 600 14px/22px 'Mont';
	color: #717171;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.questions-answer div[itemprop=text]{
	padding: 23px 13px 13px;
}
.questions-item-active .questions-name{
	color: #09BBB5;
}
.questions-item-active .questions-answer{
	max-height: 1000px;
}
.questions-item-active .questions-name::before{
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.questions-answer div[itemprop=text] p:first-child{
	margin: 0;
}
.questions-answer div[itemprop=text] p ~ p{
	margin-top: 14px;
	margin-bottom: 0;
}
@media screen and (max-width: 480px) {
	.questions-name{
	  font-size: 14px;
	  line-height: 18px;
		padding: 14px 51px 14px 13px;
	}
	.questions-name::before{
	  width: 33px;
	  height: 33px; 
		right: 8px;
		top: 50%;
		margin-top: -16px;
		background-size: 14px 14px;
	}
	.questions-answer{
	  line-height: 20px;
	}
	.questions-answer div[itemprop=text]{
		padding-top: 15px;
	}
	.faq-text-top{
		font-size: 14px;
		line-height: 20px;
	}
}
.tabs {
	position: relative;
}
.tabs__list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}
.tabs__item {
	padding: 0 5px;
}
.tabs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
	border: 0;
	border-radius: 5px;
	padding: 8px 15px 5px;
	min-width: 127px;
	text-align: center;
	font: 600 13px/24px 'Mont';
	text-transform: uppercase;
	color: #333;
	cursor: pointer;
	white-space: nowrap;
}
.tabs__btn:hover {
	background: #09BBB5;
	color: #fff;
}
.tabs__btn--active {
	background: #09BBB5;
	color: #fff;
	pointer-events: none;
}
.tabs__btn svg{
	margin-right: 6px;
}
.tabs__btn svg, .tabs__btn span{
	pointer-events: none;
}
.tabs__btn:hover svg path, .tabs__btn--active svg path{
	fill: #fff;
}
.tabs__content {
	display: none;
	margin-top: 10px;
}
.tabs__content--active {
	display: block;
}
.blog-page .tab-slider .wrap{
	position: relative;
	width: auto !important;
	padding-left: 0;
	padding-right: 50px;
}
.tab-slider .list{
	display: flex;
}
.tab-slider .slick-track{
	display: flex;
	height: 100%;
	padding: 0;
}
.tab-slider .item {
  box-sizing: border-box;
  text-align: center;
  padding: 10px 5px;
}
.tab-slider .slick-list{
	width:100%;
	padding-top:3px
}
.tab-slider .tabs-arrows{
	height: 0;
}
.tab-slider .tabs-arrows .arrow-next, .tab-slider .tabs-arrows .arrow-prev{
  box-sizing: border-box;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41606 3.02806L14.584 9.35547C14.6923 9.46661 14.7529 9.61567 14.7529 9.77087C14.7529 9.92607 14.6923 10.0751 14.584 10.1863L8.41606 16.5161C8.3656 16.5679 8.30526 16.6091 8.23862 16.6372C8.17197 16.6653 8.10037 16.6798 8.02803 16.6798C7.9557 16.6798 7.88409 16.6653 7.81745 16.6372C7.75081 16.6091 7.69047 16.5679 7.64001 16.5161C7.53619 16.4098 7.47807 16.2671 7.47807 16.1185C7.47807 15.9699 7.53619 15.8273 7.64001 15.721L13.4401 9.77087L7.64001 3.82196C7.53655 3.71572 7.47865 3.5733 7.47865 3.42501C7.47865 3.27672 7.53655 3.13429 7.64001 3.02806C7.69047 2.97623 7.75081 2.93503 7.81745 2.90691C7.88409 2.87878 7.9557 2.86429 8.02803 2.86429C8.10037 2.86429 8.17197 2.87878 8.23862 2.90691C8.30526 2.93503 8.3656 2.97623 8.41606 3.02806Z' fill='%23D0D0D0'/%3E%3C/svg%3E") no-repeat center center;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.12);
	border-radius: 100%;
	position: absolute;
	top: 14px;
	width: 37px;
	height: 37px;
	padding: 0;
	margin: 0;
}
.tab-slider .tabs-arrows .arrow-prev{
	left: 0;
}
.tab-slider .tabs-arrows .arrow-next{
	right: 0;
}
@media (max-width:768px){
	.tab-slider .wrap, .tab-slider .wrap.scroll-wrapper{
		width: 100%;
		overflow: hidden !important;
	}
	.tab-slider .list{
		display: flex;
	}
	.tab-slider .item {
		margin-bottom: 20px;
	}
	.tab-slider .tabs-arrows{
		display: none;
	}
}
/* End */
/* /kontakty/style.css?17526567067254 */
/* /local/templates/vanilla_other_pages/components/bitrix/news.detail/faq/style.css?16733602485718 */