/* Start:/local/templates/new/styles.css?1793712070548*/
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; }
/* End */


/* Start:/local/templates/new/components/bitrix/news.detail/image_mobile_home/style.css?17937120701854*/
.mob_reservation_block {
    position: relative;
    width: 100%;
}

.mob_reservation_block .image-link {
    position: relative;
    display: block;
    width: 100%;
}

.mob_reservation_block img {
    width: 100%;
    height: auto;
    display: block;
}

.welcome-text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

@media (max-width: 480px) {
    .mobile-welcome-text {
         text-wrap:nowrap;
    }
}

.welcome-text {
    text-align: center;
    color: white;
    padding: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.welcome-text h2 {
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.welcome-text .h3,
.welcome-text h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 25px 0;
    line-height: 1.2;
}

.welcome-text p {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 8px;
}

/* Адаптивность для маленьких экранов */
@media (max-width: 480px) {
    .welcome-text h2 {
        font-size: 22px;
    }
    
    .welcome-text .h3,
    .welcome-text h3 {
        font-size: 18px;
        margin: 0 0 20px 0;
    }
    
    .welcome-text p {
        font-size: 19px !important;
    }
    
    .welcome-text {
        padding: 15px;
    }
}

/* Адаптивность для очень маленьких экранов */
@media (max-width: 374px) {
    .welcome-text h2 {
        font-size: 20px;
    }
    
    .welcome-text .h3,
    .welcome-text h3 {
        font-size: 20px !important;
        margin: 0 0 18px 0;
    }
    
    .welcome-text p {
        font-size: 16px !important;
    }
}

/* End */


/* Start:/local/templates/new/components/bitrix/menu/mob_menu_v2/style.css?17937120709180*/
.bx_horizontal_menu_advaced .animate{}

.bx_horizontal_menu_advaced{position:relative}
.bx_horizontal_menu_advaced>ul{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
.bx_horizontal_menu_advaced.small>ul{height:40px}
/* 1st level */
/*.bx_hma_one_lvl*/
.bx_horizontal_menu_advaced .bx_hma_one_lvl{
	display:block;
	float:left;
	padding:0;
	height:58px;

	background:#ecf5fa;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjVmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmRkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fa), color-stop(100%,#bfddec));
	background:-webkit-linear-gradient(top,#ecf5fa 0%,#bfddec 100%);
	background:   -moz-linear-gradient(top,#ecf5fa 0%,#bfddec 100%);
	background:    -ms-linear-gradient(top,#ecf5fa 0%,#bfddec 100%);
	background:     -o-linear-gradient(top,#ecf5fa 0%,#bfddec 100%);
	background:        linear-gradient(to bottom, #ecf5fa 0%,#bfddec 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fa', endColorstr='#bfddec',GradientType=0 );
}
/*bx_hma_one_lvl.dropdown:hover*/
.bx_horizontal_menu_advaced .bx_hma_one_lvl.hover{
	height:58px;
	background:#dbeaf4;
	/*box-shadow:inset 0 1px 0 0 #ecf3f8;*/
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbeaf4), color-stop(100%,#b3d4e7));
	background:-webkit-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%);
	background:   -moz-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%);
	background:    -ms-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%);
	background:     -o-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%);
	background:        linear-gradient(to bottom, #dbeaf4 0%,#b3d4e7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeaf4', endColorstr='#b3d4e7',GradientType=0 );
}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl:hover,
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl{height: 40px;}
.bx_horizontal_menu_advaced .bx_hma_one_lvl.bx_dropdown.hover{border-radius:0;/*box-shadow:none*/}

/*.bx_horizontal_menu_advaced.small .bx_hma_one_lvl,*/
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	height:40px;
	font-weight:normal;
	font-size:11px;
	line-height:40px;
}
/* .bx_hma_one_lvl>a*/
.bx_horizontal_menu_advaced .bx_hma_one_lvl>a{
	position:relative;
	z-index:105;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:19px 2px;
	height:58px;
	color:#27779b;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 1px 1px rgba(255,255,255,.8);
}

.bx_horizontal_menu_advaced .bx_hma_one_lvl.bx_dropdown.hover>a{
	z-index:140;
	height:59px;
	background:#fff;
}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl.bx_dropdown.hover>a{z-index:140;height:40px}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a:active,
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl.current a{}
/* // 1st level */

/* The Container */
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container{
	position:absolute;
	top:56px;
	z-index:1001;
	display:none;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:3px;
	max-width:100%;
	box-shadow:0 4px 5px 0 rgba(1,1,1,.16);
}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container{top:38px}
.bx_horizontal_menu_advaced .bx_hma_one_lvl.hover .bx_children_container{display:block}
.bx-ie8 .bx_horizontal_menu_advaced 		.bx_hma_one_lvl:hover 	.bx_children_container{display:block !important} /*IE8*/
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:-20000px;
	padding:10px 12px;
	padding-bottom:20000px;
	min-width:130px;
	max-width:280px;
	border-left:1px solid #f2f2f2;
	background:#fff;
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container 	  .bx_children_block:first-child{border-left:none}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block{width:100%}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block{width:50%}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block{width:33.3%}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block{width:25%}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container    .bx_children_block.advanced{
	border-left:none;
	background:#f7fafb;
	box-shadow: inset 0 122px 57px -59px #fff,
	inset 5px 0    7px  -5px rgba(0,0,0,.12);
}
/*// Container */

/* 2nd level*/
.bx_horizontal_menu_advaced .bx_hma_one_lvl ul{
	display:block;
	margin:0;
	padding:0 0 14px 0;
	list-style:none;
}
.bx_horizontal_menu_advaced 	  .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li{display:block;background:#fff}
.bx_horizontal_menu_advaced 	  .bx_hma_one_lvl .bx_children_container .bx_children_block    li.parent>a{display:block;padding:5px 10px}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block    li.parent a{line-height:15px}
.bx_horizontal_menu_advaced 	  .bx_hma_one_lvl .bx_children_container .bx_children_block    li.parent>a:hover{color: #366181}
.bx_horizontal_menu_advaced 	  .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a{
	display:block;
	color:#20394c;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	line-height:23px;
}
.bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block    li a{font-size:11px;line-height:normal}
/* // 2nd level*/

/* 3rd level */
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul{border-bottom:1px solid #f2f2f2}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul{border-bottom:none}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li{line-height:24px}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a{
	display:block;
	padding:5px 10px
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a:hover{
	background:#f0f6f8;
	box-shadow:inset 0 1px 1px 0 #e3e9eb
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li ul li a{
	color:#000;
	text-decoration:none;
	font-size:12px;
}
/* // 3rd level */

/* Panel */
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel{
	display:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel{display:block !important}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel img{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
	max-height:220px;
	border:1px solid #e7e9ea;
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel strong{
	display:block;
	color:#000;
	text-align:left !important;
	margin-top:10px;
	margin-bottom:10px;
}
.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description{
	max-width:100%;
	display:block;
	color:#000;
	text-align:left !important;
	white-space:normal;
	font-weight:normal;
	font-size:12px;
	padding-bottom: 10px;
	overflow: hidden;
	line-height:18px !important;
}
/* // The Panel*/
@media (min-width:980px) {.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{min-width:200px}}
@media (max-width:569px) {.header_inner_bottom_line{overflow:hidden;height:auto}}

/* End */


/* Start:/local/templates/new/components/bitrix/breadcrumb/universal1/style.min.css?1793712070620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/templates/new/template_styles.css?179371207024209*/
html {
    width: 100%;
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 80.01%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
    margin: 0;
    padding: 0;
}

form.main-form {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#page-wrapper {
    min-height: 100%;
    /*width:878px;*/
    margin: 0 auto -90px;
}

* html #page-wrapper {
    height: 100%;
}

#header {
    height: 106px;
    position: relative;
    z-index: 10;
    width: 878px;
    margin: 0 auto;
}

#top-menu {
    position: absolute;
    top: 46px;
    width: 638px;
    height: 30px;
    right: 0;
}

#top-menu-inner {
    margin-left: 16px;
    padding-right: 16px;
    height: 30px;
}

#logo {
    width: 235px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

#logo td {
    padding: 0;
}

#logo a {
    outline: none;
}

#top-icons {
    overflow: hidden;
    height: 15px;
    position: absolute;
    top: 17px;
    width: 200px;
    left: 252px;
}

#top-icons a {
    float: left;
    margin-right: 31px;
}

a.home-icon {
    width: 12px;
    height: 11px;
}

a.search-icon {
    width: 12px;
    height: 12px;
}

a.feedback-icon {
    width: 14px;
    height: 10px;
}

#banner {
    margin: 0 auto;
    width: 878px;
    height: 153px;
    position: relative;
}

#banner-layout {
    height: 142px;
    table-layout: fixed;
}

#banner-overlay {
    height: 153px;
    position: absolute;
    width: 437px;
    left: 0;
    top: 0;
}

#banner-image {
    padding: 0;
    width: 437px;
    vertical-align: top;
}

#banner-image div {
    width: 437px;
    height: 142px;
    overflow: hidden;
}

#banner-slogan {
    padding: 0;
    width: 441px;
    font-family: Arial;
    font-style: italic;
    font-size: 2em;
    font-weight: bold;
    padding: 10px 0 32px;
}

#content {
    width: 1170px;
    overflow: hidden;
    margin: 20px auto 29px;
    zoom: 1;
    padding-bottom: 144px;
}

#sidebar {
    width: 233px;
    float: left;
}

#workarea {
    padding-top: 10px;
    width: 100%;
}

#footer {
    background: #F5F5F5 url(/local/templates/new/images/footer-corner.gif) no-repeat left top;
    height: 90px;
    width: 878px;
    margin: 0 auto;
    position: relative;
}

#copyright {
    width: 49%;
    position: absolute;
    top: 20px;
    left: 25px;
}

#copyright p {
    margin: 0;
}

.footer-links {
    width: 50%;
    position: absolute;
    right: 25px;
    top: 20px;
}

#footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

#footer-links li {
    display: inline;
    padding-left: 1.5em;
}

#space-for-footer {
    height: 90px;
}

#footer-design {
    width: 300px;
    position: absolute;
    right: 25px;
    top: 52px;
    text-align: right;
}

#footer-design a {
    color: #757575;
    font-size: 11px;
    text-decoration: none;
}

#footer-design a:hover {
    text-decoration: underline;
}

div.content-block {
    margin-bottom: 24px;
}

div.content-block-inner {
    padding: 22px 18px 22px 21px;
}

div.information-block div.top {
    height: 13px;
    border-right: 1px solid;
    font-size: 1px;
    background: #FFF url(/local/templates/new/images/sidebar-corners-form.gif) no-repeat left top;
}

div.information-block div.bottom {
    height: 13px;
    border-left: 1px solid;
    font-size: 1px;
    background: #FFF url(/local/templates/new/images/sidebar-corners-form.gif) no-repeat right bottom;
}

div.information-block-inner {
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 9px 18px 9px 21px;
    zoom: 1;
}

div.information-block div.top,
div.information-block div.bottom,
div.information-block-inner {
    border-color: #E3E3E3;
}

#search {
    width: 190px;
    overflow: hidden;
}

#search div.rounded-box {
    float: left;
    width: 135px;
}

#search div.search-inner-box {
    border: 1px solid;
    padding-left: 20px;
    height: 20px;
    overflow: hidden;
    background: white url(/local/templates/new/images/loupe.gif) no-repeat 4px 4px;
}

#search div.search-inner-box input {
    border: 1px solid;
    width: 110px;
    height: 18px;
    padding: 0;
    margin: 0;
}

#search input {
    vertical-align: top;
}

#search-button {
    float: right;
    width: 48px;
    border: 1px solid;
}

#search-button input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*Remove button padding in FF*/

#search-button input {
    display: block;
    border: none;
    background: none;
    width: 48px;
    padding: 0;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 12px;
    height: 19px;
    cursor: pointer;
    cursor: hand;
    outline: none;
}

div.search-item h4 {
    margin-bottom: 0.4em;
}

dl.block-list {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
}

dl.block-list dt {
    margin: 1.5em 0 0.5em;
}

dl.block-list dd {
    margin: 0;
    padding: 0;
}

dl.block-list a {
    text-decoration: none;
    outline: none;
}

dl.block-list a:hover {
    text-decoration: underline;
}

#sidebar h3 {
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
    padding: 0 0 1em;
    margin: 0 0 1em;
}

#left-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#left-menu li {
    margin: 0 0 0.7em;
    padding: 0 0 0.7em;
    display: block;
}

#left-menu a {
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    padding: 1em 1em 1em 0;
    outline: none;
}

#left-menu li.last-item {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#left-menu li.selected a {
    padding-left: 1em;
}

#left-menu li.selected {
    text-indent: -1em;
    padding-left: 1em;
}


/* Navigation */

div.navigation {
    font-size: 100%;
    line-height: 200%;
}

span.navigation-title {
    padding-right: 0.65em;
    font-weight: bold;
}

div.navigation a {
    text-decoration: underline;
    padding: 0.2em 0.3em;
}

span.nav-current-page {
    padding: 0.2em 0.3em;
}

div.navigation span.arrow {
    font-size: 100%;
    font-family: Times, serif;
}

div.navigation span.ctrl {
    font-size: 85%;
}


/* Product List */

div.product-list {
    overflow: hidden;
}

div.product {
    overflow: hidden;
    width: 280px;
    height: 105px;
    margin: 0 25px 20px 0;
    position: relative;
    float: left;
}

div.product-alt {
    margin-right: 0;
}

div.product-image {
    width: 250px;
    height: 105px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    top: 0;
    left: 0;
}

div.product-overlay {
    width: 280px;
    height: 105px;
    position: absolute;
    z-index: 1;
}

a.product-desc {
    float: right;
    height: 62px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0px;
    width: 142px;
    z-index: 2;
    font-size: 1em;
    text-decoration: none;
    padding: 13px 10px 30px 129px;
}

a.product-desc p {
    font-size: 0.85em;
    margin: 7px 0 0;
}


/* News List */

div.news-list {
    margin: 0 0 2em;
}

div.news-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
}

div.news-date {
    margin: 0 0 1em;
}

div.news-title {
    font-size: 1em;
    margin: 0 0 1em;
    font-weight: bold;
}

a.news-detail-link {
    display: block;
    margin: 1em 0 0;
    outline: none;
}


/* Catalog List */

div.catalog-list,
div.catalog-detail {
    padding: 1em 0 0;
}

div.catalog-item {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 1px solid;
    overflow: hidden;
    zoom: 1;
}

div.catalog-detail div.catalog-item {
    border: none;
}

div.catalog-item-title {
    margin: 0 0 1em;
}

div.catalog-item-title a {
    font-weight: bold;
}

div.catalog-item-image {
    float: left;
    margin: 0 1em 1em 0;
    border: 1px solid;
    padding: 4px;
}

div.catalog-item-price {
    clear: left;
    float: left;
    padding: 0.5em 1em;
    margin: 1em 0 0;
    font-weight: bold;
}

div.catalog-item-desc {
    clear: left;
}

div.catalog-item-desc-float {}

div.catalog-item-properties {
    clear: both;
    padding: 1em 0 0;
    overflow: hidden;
}

div.catalog-item-property {
    margin: 0 0 1em;
    border-bottom: 1px dashed;
    float: left;
    width: 100%;
}

div.catalog-item-property b {
    float: right;
    position: relative;
    top: 0.31em;
    padding-left: 3px;
    font-style: italic;
    font-weight: normal;
}

div.catalog-item-property span {
    float: left;
    position: relative;
    top: 0.31em;
    padding-right: 3px;
    zoom: 1;
}

div.catalog-item-properties-title {
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 1em;
}


/* Special Product */

div.special-product-title {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product-image {
    text-align: center;
    margin: 0 0 1em;
}

div.special-product {
    text-align: center;
}


/* Top menu */

#horizontal-multilevel-menu,
#horizontal-multilevel-menu ul {
    margin: 0;
    padding: 0;
    min-height: 27px;
    width: 100%;
    list-style: none;
    font-size: 12px;
    float: left;
    background: none;
}

#horizontal-multilevel-menu a {
    display: block;
    padding: 5px 3px;
    text-decoration: none;
    text-align: center;
    outline: none;
}

#horizontal-multilevel-menu li {
    float: left;
}

#horizontal-multilevel-menu li a.root-item {
    font-weight: bold;
    padding: 8px 12px 8px;
}


/*Root items*/

#horizontal-multilevel-menu a.parent {
    background: url(/local/templates/new/images/top-menu-arrow.gif) center right no-repeat;
}


/*Item-parents*/

#horizontal-multilevel-menu li a.root-item-selected {
    font-weight: bold;
    padding: 8px 12px 8px;
}


/*Root menu selected*/

#horizontal-multilevel-menu li.last-item {
    border: none;
}


/*Sub-menu box*/

#horizontal-multilevel-menu li ul {
    position: absolute;
    top: auto;
    display: none;
    z-index: 500;
    height: auto;
    width: 163px;
    padding: 3px 11px;
    border: 1px solid;
}

#horizontal-multilevel-menu li li {
    width: 100%;
    border-bottom: 1px solid;
}


/*Sub-menu item box*/

#horizontal-multilevel-menu li ul a {
    text-align: left;
    font-size: 12px;
}


/*Item link*/

#horizontal-multilevel-menu li ul ul {
    margin: -27px 0 0 160px;
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul {
    display: none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul {
    display: block;
}

div.menu-clear-left {
    clear: left;
}


/*Common Elements */

div.content-form {
    padding-left: 1em;
}


/* Шапка */

header .lang-item {
    width: 24px !important;
}
.lang-list {
    width: 34px;
}


#insta {
    display: none;
}


.rating .item.yandex .last_part {
height: 30px;
}

/*---10.08.2023---*/

footer .sicial_links>* {
	margin: 0 !important;
}

footer .sicial_links {
	gap: 10px;
}

footer .sicial_links>a {
	max-width: calc(25% - 10px);
	flex-basis: calc(25% - 10px);
	width: 100%;
	min-width: 29px;
}

@media (max-width:1170px) and (min-width:993px)  {
	footer .sicial_links>a:nth-child(2) {
		margin-right: 30% !important;
	} 
	footer .sicial_links .info::after {
		left: 2px;
		right: auto !important;
	}
	footer .sicial_links .info::before {
		left: 40px;
		right: auto !important;
	}
} 

@media screen and (max-width:992px) {
	footer .sicial_links>a {
		max-width: 29px;
		flex-basis: 29px;
	}
} 


/* 06.11.24 выравнивание "финалист" на главной */
@media screen and (768px<=width ) {
	#advantages h2+img {
		margin-bottom: 50px;
	}
}

/* New Year 2027 landing */
.new_year_page {
	position: relative;
	padding: 0 0 80px;
	overflow: hidden;
}

body:has(.new_year_page) #pagetitle.center {
	margin-bottom: 10px !important;
	overflow-wrap: break-word;
	word-break: break-word;
}

body:has(.new_year_page) #pagetitle.center::after {
	display: none;
}

.new_year_page__hero-wrap {
	margin: 20px 0 40px;
}

.new_year_page__hero {
	position: relative;
	border: 1px solid rgba(181, 177, 117, 0.15);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
}

.new_year_page__hero img {
	width: 100%;
	height: auto;
	display: block;
}

.new_year_page__hero-badge {
	position: absolute;
	left: 16px;
	bottom: 16px;
	padding: 7px 13px;
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: rgba(255, 255, 255, 0.92);
	background: rgba(20, 18, 16, 0.45);
	border: 1px solid rgba(181, 177, 117, 0.3);
	border-radius: 2px;
}

.new_year_page__section + .new_year_page__section {
	padding-top: 70px;
}

.new_year_page__intro,
.new_year_page__video-text {
	text-align: center;
}

.new_year_page__intro {
	max-width: 720px;
	margin: 0 auto;
	padding: 28px 36px;
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.65;
	color: #fff;
	letter-spacing: 0.2px;
	/* border-top: 1px solid rgba(181, 177, 117, 0.35); */
	border-bottom: 1px solid rgba(181, 177, 117, 0.35);
}

.new_year_page__offer-stack {
	max-width: 760px;
	margin: 0 auto;
	border: 1px solid rgba(181, 177, 117, 0.18);
	border-radius: 4px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.18);
}

.new_year_page__price-card {
	position: relative;
	text-align: center;
	padding: 40px 36px 36px;
	margin: 0;
	border: none;
	background: transparent;
}

.new_year_page__price-eyebrow {
	display: block;
	font-size: 11px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 26px;
}

.new_year_page__tariffs {
	display: flex;
	gap: 12px;
}

.new_year_page__tariff {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	margin: 0;
	padding: 20px 22px;
	font: inherit;
	color: inherit;
	text-align: center;
	border: 1px solid #B5B175;
	border-radius: 4px;
	background: rgba(181, 177, 117, 0.08);
}

.new_year_page__tariff--options .new_year_page__price-label {
	line-height: 1.35;
}

.new_year_page__price {
	display: block;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 38px;
	letter-spacing: 1px;
	color: #B5B175;
	text-align: center;
	margin: 0 0 8px;
	line-height: 1.1;
}

.new_year_page__price-label {
	display: block;
	color: rgba(255, 255, 255, 0.92);
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	margin: 0;
	letter-spacing: 0.5px;
}

.new_year_page__note {
	display: block;
	text-align: center;
	font-size: 12px;
	opacity: .6;
	margin: 6px auto 0;
	max-width: 300px;
	line-height: 1.4;
}

.new_year_page__installment-box {
	padding: 32px 36px 36px;
	border: none;
	border-top: 1px solid rgba(181, 177, 117, 0.18);
	background: rgba(0, 0, 0, 0.16);
}

.new_year_page__installment-head {
	margin-bottom: 24px;
	text-align: center;
}

.new_year_page__installment-title {
	font-family: 'Roboto Slab', serif;
	font-size: 22px;
	color: #fff;
	margin-bottom: 6px;
	line-height: 1.2;
}

.new_year_page__installment-subtitle {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.45;
}

.new_year_page__timeline {
	margin: 0 0 40px;
}

.new_year_page__timeline-track {
	position: relative;
	height: 4px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.1);
	overflow: hidden;
}

.new_year_page__timeline-fill {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20%;
	background: #B5B175;
	border-radius: 2px;
}

.new_year_page__timeline-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-top: 14px;
}

.new_year_page__timeline-step {
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-align: center;
}

.new_year_page__timeline-when {
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}

.new_year_page__timeline-step.is-active .new_year_page__timeline-when {
	color: #B5B175;
}

.new_year_page__timeline-amount {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	letter-spacing: 0.3px;
	color: rgba(255, 255, 255, 0.92);
	white-space: nowrap;
}

.new_year_page__timeline-step.is-active .new_year_page__timeline-amount {
	color: #B5B175;
}

.new_year_page__plan-summary {
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 18px;
	line-height: 1.45;
}

.new_year_page__plan-summary span {
	color: #fff;
	font-family: 'Roboto Slab', serif;
}

.new_year_page__installment {
	text-align: center;
	margin: 0;
}

.new_year_page__installment > ul {
	text-align: left;
}

.new_year_page__installment > h3 {
	margin-top: 64px;
}

.new_year_page__installment-desc {
	margin: 0 0 12px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.9);
}

.new_year_page__installment-phone {
	margin: 0 0 28px;
	font-size: 14px;
	opacity: 0.8;
	line-height: 1.4;
}

.new_year_page__actions {
	display: flex;
	gap: 12px;
	margin-top: 12px;
}

.new_year_page__actions--contact {
	margin-top: 36px;
}

.new_year_page__action-btn,
.new_year_page__phone-link {
	box-sizing: border-box;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 16px;
	border: 1px solid rgba(181, 177, 117, 0.5);
	border-radius: 4px;
	color: #B5B175 !important;
	font-family: 'Roboto Slab', serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	text-align: center;
	line-height: 1.3;
	transition: all .3s;
}

.new_year_page__action-btn--filled {
	background: #B5B175;
	border-color: #B5B175;
	color: #fff !important;
}

.new_year_page__action-btn:hover,
.new_year_page__phone-link:hover {
	border-color: #B5B175;
	color: #fff !important;
}

.new_year_page__action-btn--filled:hover {
	background: #f4f3ea;
	border-color: #B5B175;
	color: #B5B175 !important;
}

.new_year_page__included-title {
	margin: 0 0 26px;
	text-align: center;
	position: relative;
}

.new_year_page__included-wrap--after-intro {
	margin-top: 32px;
}

.new_year_page__included-title--after-intro {
	margin-top: 0;
}

.new_year_page__section--offer {
	padding-top: 40px !important;
}

.new_year_page__included-title::after {
	content: url(/local/templates/new/img/separator.svg);
	display: block;
	margin-top: 8px;
}

.new_year_page__included-wrap {
	position: relative;
	padding: 4px 0 0;
}

.new_year_page__included {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 56px;
	row-gap: 0;
	margin: 0;
	padding: 0;
}

.new_year_page__included-item {
	position: relative;
	margin: 0 !important;
	padding: 16px 0 16px 30px;
	border-bottom: 1px solid rgba(181, 177, 117, 0.08);
	background: transparent;
	line-height: 1.55;
}

.new_year_page__included-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 26px;
	width: 12px;
	height: 1px;
	border: none;
	border-radius: 0;
	background: #B5B175;
}

.new_year_page .btn_container.line {
	margin: 0;
}

.new_year_page__cta {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 620px;
	text-align: center;
}

.new_year_page__cta--final .btn_container.line::before,
.new_year_page__cta--final .btn_container.line::after {
	display: none;
}

.new_year_page__cta--final .offer-btn,
.new_year_page__sticky-cta .offer-btn {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 56px;
	padding-left: 24px;
	background: #B5B175;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-decoration: none;
}

.new_year_page__cta--final .offer-btn {
	max-width: 380px;
	margin: 0 auto;
}

.new_year_page__sticky-cta .offer-btn {
	max-width: none;
	padding-right: 0;
	box-sizing: border-box;
	min-width: 0;
}

.new_year_page__cta--final .offer-btn::after,
.new_year_page__sticky-cta .offer-btn::after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	min-height: 56px;
	padding: 0;
	background: #A9A56F;
}

.new_year_page__cta--final .offer-btn:hover,
.new_year_page__sticky-cta .offer-btn:hover {
	color: #fff;
}

.new_year_page__cta--final .offer-btn:hover::after,
.new_year_page__sticky-cta .offer-btn:hover::after {
	background: #A9A56F;
}

.new_year_page__video {
	margin: 30px 0 0;
	border-radius: 4px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #282421;
}

.new_year_page__video img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.new_year_page__sticky-cta {
	display: none;
}

@media (max-width: 768px) {
	body:has(.new_year_page) #pagetitle.center {
		font-size: clamp(18px, 5.5vw, 24px) !important;
		line-height: 1.3 !important;
		padding: 0 4px;
	}

	.new_year_page {
		padding-bottom: 80px;
	}

	.new_year_page__hero-wrap {
		margin: 10px 0 30px;
	}

	.new_year_page__hero-badge {
		left: 10px;
		bottom: 10px;
		font-size: 10px;
		padding: 6px 10px;
	}

	.new_year_page {
		padding-bottom: 120px;
	}

	.new_year_page__price-card {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 32px 20px 28px;
	}

	.new_year_page__price-eyebrow {
		grid-row: 1;
		margin-bottom: 14px;
	}

	.new_year_page__tariffs {
		display: contents;
	}

	.new_year_page__tariff:not(.new_year_page__tariff--options) {
		grid-row: 2;
	}

	.new_year_page__tariff--options {
		grid-row: 4;
	}

	.new_year_page__price-card .new_year_page__actions {
		display: contents;
		margin-top: 0;
	}

	.new_year_page__price-card .new_year_page__actions .new_year_page__action-btn--filled {
		grid-row: 3;
		width: 100%;
	}

	.new_year_page__price-card .new_year_page__actions .new_year_page__action-btn:not(.new_year_page__action-btn--filled) {
		grid-row: 5;
		width: 100%;
	}

	.new_year_page__tariff {
		padding: 18px 16px;
	}

	.new_year_page__price {
		font-size: 34px;
		letter-spacing: 1px;
	}

	.new_year_page__price-label {
		font-size: 17px;
	}

	.new_year_page__section + .new_year_page__section {
		padding-top: 44px;
	}

	.new_year_page__intro {
		padding: 22px 18px;
		font-size: 17px;
		line-height: 1.6;
	}

	.new_year_page__included-wrap--after-intro {
		margin-top: 24px;
	}

	.new_year_page__section--offer {
		padding-top: 28px !important;
	}

	.new_year_page__installment-box {
		padding: 28px 20px 30px;
	}

	.new_year_page__plan-summary {
		margin-bottom: 14px;
	}

	.new_year_page__timeline {
		margin-bottom: 28px;
	}

	.new_year_page__timeline-track {
		display: none;
	}

	.new_year_page__timeline-steps {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-top: 0;
	}

	.new_year_page__timeline-step {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 12px;
		min-width: 0;
		padding: 12px 10px;
		text-align: left;
		border-bottom: 1px solid rgba(181, 177, 117, 0.12);
	}

	.new_year_page__timeline-step:last-child {
		border-bottom: none;
	}

	.new_year_page__timeline-step.is-active {
		border-radius: 4px;
		background: rgba(181, 177, 117, 0.08);
	}

	.new_year_page__timeline-when {
		text-align: left;
		font-size: 13px;
		line-height: 1.2;
		white-space: nowrap;
	}

	.new_year_page__timeline-amount {
		text-align: right;
		margin-left: 0;
		font-size: 15px;
		line-height: 1.2;
		white-space: nowrap;
	}

	.new_year_page__installment {
		text-align: center;
	}

	.new_year_page__actions {
		flex-direction: column;
	}

	.new_year_page__actions--contact {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.new_year_page__action-btn,
	.new_year_page__phone-link {
		width: 100%;
	}

	.new_year_page__included-wrap {
		padding: 0;
	}

	.new_year_page__included {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.new_year_page__included-item {
		padding: 14px 0 14px 26px;
	}

	.new_year_page__included-item::before {
		left: 0;
		top: 23px;
	}

	.new_year_page__cta {
		padding: 0;
	}

	.new_year_page__sticky-cta {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		box-sizing: border-box;
		padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px));
		background: linear-gradient(180deg, rgba(45, 41, 38, 0), rgba(45, 41, 38, 0.95) 30%, #2D2926);
	}

	.new_year_page__sticky-cta .offer-btn {
		width: auto !important;
		max-width: none;
		margin: 0 20px !important;
	}
}
/* End */


/* Start:/local/templates/new/css/owl.theme.default.css?17937120701380*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/* End */


/* Start:/local/templates/new/css/owl.carousel.css?17937120704744*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/new/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/local/templates/new/css/jquery.fancybox.css?179371207017433*/
body.compensate-for-scrollbar {
    //overflow: hidden;
	margin-right: 0;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;

    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* End */


/* Start:/local/templates/new/css/animate.css?179371207077758*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* End */


/* Start:/local/templates/new/custom.css?1793712070290798*/
html {
    overflow-x: clip;
}

body {
/ / -webkit-tap-highlight-color: #b5b1752e;
    -webkit-tap-highlight-color: #b5b17500;
}

#content {
    overflow: visible;
    width: 100%;
    padding-bottom: 0px;
}

form {
    color: #2D2926;
}

@font-face {
    font-family: 'circe';
//src: url(/local/templates/new/font/circe-light.ttf);
    src: url(/local/templates/new/font/circe-light.woff2);
}

@font-face {
    font-family: 'circe-bold';
//src: url(/local/templates/new/font/circe-bold.ttf);
    src: url(/local/templates/new/font/circe-bold.woff2);
}

body {
    margin: 0;
    font-family: 'circe';
    font-size: 15px;
    line-height: 22.5px;
    letter-spacing: 1px;
    color: white;
    background: #2d2926;
    transition: all .3s;
}

#bx_admin_form td {
    color: black;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    margin-top: 0 !important;
    font-family: 'Roboto Slab', serif !important;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
}

h2, .h2, h1, .h1 {
    font-size: 40px;
    letter-spacing: 2px !important;
    line-height: 1.2;
}

.inner-page h1, .inner-page .h1 {
    margin-top: 20px !important;
}

h2.center,
.h2.center,
.inner-page h1.center,
.inner-page .h1.center {
    position: relative !important;
    text-align: center !important;
}

h2.center::after,
.inner-page h1.center::after {
    display: block;
    margin-top: 0px;
    content: url(/local/templates/new/img/separator.svg);
}

h3, .h3 {
    margin-bottom: 15px !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
}

h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}

a {
    text-decoration: none;
    color: white;
    transition: all .3s;
}

a:hover {
    color: #B5B175;
}

.container {
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.btn_container {
    display: inline-block;
}

.btn {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}

.btn:after {
    width: 50px;
    padding: 19px 0;
    line-height: 0;
    text-align: center;
    background: #a19d60;
    transition: all .3s;
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

.btn span {
    position: relative;
    height: 50px;
    padding: 0 25px;
    line-height: 54px;
    text-align: center;
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
    transition: all .3s;
}

.btn:hover span {
    color: #B5B175;
    background: #f4f3ea;
}

.btn:hover:after {
    background: #FFFFFF;
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.btn_container.line {
    display: flex;
    width: 100%;
    text-align: center;
}

.btn_container.line a {
    margin: auto;
}

.btn_container.line {
    position: relative;
    margin-top: 10px;
}

.btn_container.line::before,
.btn_container.line::after {
    position: absolute;
    top: 50%;
    width: 33.3333%;
    height: 1px;
    background: #b5b1751c;
    content: '';
}

.btn_container.line::before {
    left: 0;
}

.btn_container.line::after {
    right: 0;
}

.sicial_links a {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid rgb(181 177 117 / 30%);
    border-radius: 50%;
    transition: all .3s;
}

.sicial_links a svg {
    position: relative;
    padding: 9px 0 10px 0;
    transition: all .3s;
}

.sicial_links a:hover svg path {
    fill: white;
}

.sicial_links a:hover {
    border-color: #e2e2e2a3;
}

.sicial_links .i_insta svg {
    top: 1px;
}

.sicial_links .i_vk svg {
    top: 2px;
}

.sicial_links .i_telega svg {
    right: 1px;
}

.gradient_1,
.gradient_2 {
    position: relative;
}

.gradient_1::before {
    position: absolute;
    z-index: 0;
    content: url(/local/templates/new/img/gradient_1.png);
}

.gradient_2::before {
    position: absolute;
    z-index: 0;
    content: url(/local/templates/new/img/gradient_2.png);
}

.gradient_1 > *,
.gradient_2 > * {
    position: relative;
    z-index: 1;
}

.date {
    display: block;
    font-size: 12px;
    color: white;
}

.date::before {
    position: relative;
    top: 2px;
    margin-right: 7px;
    content: url(/local/templates/new/img/i_calendar_2.svg);
}

.hide {
    display: none;
}

.btn_more:after {
    position: relative;
    top: 1px;
    margin-left: 20px;
}

.btn_more.white,
.btn_more.gold:hover {
    color: white;
}

.btn_more.white::after,
.btn_more.gold:hover::after {
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

.btn_more.gold,
.btn_more.white:hover {
    color: #B5B175;
}

.btn_more.gold::after,
.btn_more.white:hover::after {
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.inner-page #content {
    padding-bottom: 207px;
    background-image: url(/local/templates/new/img/body_bg_2.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

nav > ul > li.current > a {
    color: #B5B175;
}

.header_lvl_3 nav > ul > li.current > a::after {
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #b5b175;
    content: '';
}

ul.ul_style,
ul.ul_style_2 {
    padding-left: 0;
    list-style: none !important;
}

ul.ul_style li,
ul.ul_style_2 li {
    position: relative;
    margin: 15px 0 !important;
    padding-left: 20px;
}

ul.ul_style_2 li {
    display: flex;
    flex-direction: row;
    margin: 0 20px 20px 0 !important;
    padding-left: 0px;
    break-inside: avoid;
    page-break-inside: avoid;
}

ul.ul_style li:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    background: none;
    border: 2px solid #B5B175;
    border-radius: 50%;
    content: '';
}

ul.ul_style_2 li:before {
    position: absolute;
    position: relative;
    top: 2px;
    left: 0;
    margin-right: 15px;
    content: url(/local/templates/new/img/i_check.svg);
}

/*---------flexbox---------*/

.flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flexbox.row {
    margin-right: -15px;
    margin-left: -15px;
}

.flexbox.row > * {
    padding: 0 15px;
}

.col-flex-1 {
    flex-basis: 8.33333333%;
    width: 100%;
    max-width: 8.33333333%;
}

.col-flex-2 {
    flex-basis: 16.66666667%;
    width: 100%;
    max-width: 16.66666667%;
}

.col-flex-5-row {
    flex-basis: 25%;
    width: 100%;
    max-width: 25%;
}

.row .col-flex-5-row {
    flex-basis: calc(25% - 30px);
    width: 100%;
    max-width: calc(25% - 30px);
}

.col-flex-3 {
    flex-basis: 25%;
    width: 100%;
    max-width: 25%;
}

.row .col-flex-3 {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
}

.col-flex-4 {
    flex-basis: 33.33333%;
    width: 100%;
    max-width: 33.33333%;
}

.row .col-flex-4 {
    flex-basis: calc(33.3333% - 30px);
    max-width: calc(33.3333% - 30px);
}

.col-flex-5 {
    flex-basis: 41.66667%;
    width: 100%;
    max-width: 41.66667%;
}

.col-flex-6 {
    flex-basis: 50%;
    width: 100%;
    max-width: 50%;
}

.row .col-flex-6 {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
}

.col-flex-7 {
    flex-basis: 58.33333%;
    width: 100%;
    max-width: 58.33333%;
}

.col-flex-8 {
    flex-basis: 66.66667%;
    width: 100%;
    max-width: 66.66667%;
}

.row .col-flex-8 {
    flex-basis: calc(66.66667% - 30px);
    max-width: calc(66.66667% - 30px);
}

.col-flex-9 {
    flex-basis: 75%;
    width: 100%;
    max-width: 75%;
}

.col-flex-10 {
    flex-basis: 83.33333333%;
    width: 100%;
    max-width: 83.33333333%;
}

.col-flex-11 {
    flex-basis: 91.66666667%;
    width: 100%;
    max-width: 91.66666667%;
}

.col-flex-12 {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

/*---------Блики---------*/

.spa_about,
.info_grafic,
article.tile,
article.table,
article.text,
.team_block.advantages-icons,
.events_page .img_text {
    position: relative;
    overflow: hidden;
}

.spa_about::before,
.info_grafic::before,
article.tile::before,
article.table::before,
article.text::before,
.team_block.advantages-icons::before,
.events_page .img_text::before {
    position: absolute;
    z-index: 0;
    width: 800px;
    height: 800px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(181, 177, 117, 0.2) 0%, rgba(181, 177, 117, 0) 100%);
    content: '';
}

.spa_about > *,
.info_grafic > *,
article.tile > *,
article.table > *,
article.text > *,
.team_block.advantages-icons > *,
.events_page .img_text > * {
    position: relative;
    z-index: 1;
}

.spa_about::before,
article.tile::before,
article.text::before,
.events_page .img_text::before {
    bottom: -400px;
    left: 100px;
}

.info_grafic::before,
article.table::before,
.team_block.advantages-icons::before {
    top: -400px;
    left: 100px;
}

@media (max-width: 992px) {

    .spa_about::before,
    .info_grafic::before,
    article.tile::before,
    article.table::before,
    article.text::before,
    .team_block.advantages-icons::before,
    .events_page .img_text::before {
        display: none;
    }
}

/*---------Первый экран---------*/

.header_lvl_3 nav li:last-of-type .submenu {
    right: 20px;
    left: auto;
}

.language .lang-list:hover .lang-item {
    width: 24px;
}

header .lang-link {
    margin-top: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}

header .lang-item {
    height: 17px;
    padding: 5px;
    cursor: pointer;
    transition: all .3s;
}

header .lang-link img {
    cursor: pointer;
}

header .lang-item:hover {
    background: #ffffff14;
}

header .lang-link img {
    width: 24px;
    height: 17px;
    transition: all .3s;
}

.header_lvl_1 ul {
    padding: 0;
}

.header_lvl_1 ul a {
    padding: 0 10px !important;
}

.language {
    position: relative;
    padding-left: 30px;
}

.language .lang-list .lang-item:not(.active) {
    display: none;
}

.language .lang-list:hover .lang-item:not(.active) {
    display: block;
}

.lang-list {
    position: absolute;
    top: -7px;
    left: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header_tel:hover {
    color: white;
}

#first-screen-header {
    position: absolute;
    z-index: 2;
    width: 100%;
}

.header_lvl_1 {
    background: rgba(39, 35, 32, 0.3);
}

.header_lvl_1 .maxwidth-theme > div {
    height: 62px;
}

.header_lvl_1 .flexbox > div:last-child {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

nav ul {
    margin: 0;
    list-style: none;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    padding: 0 15px;
    color: white;
}

.language {
    margin-top: 5px;
    margin-left: 15px;
}

.language::after {
    position: relative;
    top: -4px;
    margin-left: 10px;
    content: url(/local/templates/new/img/i_arrow_down.png);
}

header .logo svg {
    width: 69px;
    height: 60px;
}

header .logo {
    margin-right: 40px;
}

header .sicial_links a.i_what {
    position: relative;
}

header .sicial_links a.i_what .info {
    position: absolute;
    top: -1px;
    left: 0;
    height: 29px;
    padding: 2px 12px 0 37px;
    font-size: 10px;
    line-height: 29px;
    white-space: nowrap;
    color: #b5b175;
    background: #b5b1752e;
    border-radius: 30px;
    transition: all .3s;
}

header .sicial_links a.i_what:hover .info {
    color: white;
    background: #ffffff2e;
}

.header_lvl_2 .maxwidth-theme > div {
    align-items: center;
    height: 100px;
}

.header_lvl_3 nav {
    background: rgba(40, 36, 33, 0.7);
}

.header_lvl_3 nav > ul > li > a {
    position: relative;
    display: block;
    padding: 20px;
    transition: all .3s;
}

.header_lvl_3 nav li {
    position: relative;
}

.header_lvl_3 nav > ul > li > a:hover {
    color: #b5b175;
}

.header_lvl_3 nav > ul > li:hover > a::after {
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #b5b175;
    content: '';
}

.header_lvl_3 nav ul {
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px;
}

.header_tel {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    color: #B5B175;
}

.header_lvl_3 nav .submenu {
    position: absolute;
    top: 46px;
    left: 20px;
    z-index: 3;
    display: none;
    width: 230px;
    height: auto;
    margin: 0;
    padding: 10px 0;
    background: rgb(40 36 33 / 50%);
    border-top: 1px solid #b5b175;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

@-moz-document url-prefix() {
    .header_lvl_3 nav .submenu {
        background: rgb(40 36 33 / 90%);
    }
}

.header_lvl_3 nav li:hover .submenu {
    display: block;
}

.header_lvl_3 nav .submenu li {
    display: block;
    padding: 10px 20px;
}

.header_lvl_3 nav .submenu li {
    transition: all .3s;
}

.header_lvl_3 nav .submenu li a {
    display: block;
    width: 100%;
    padding: 0;
    line-height: 1.2;
}

.header_lvl_3 nav .submenu li a:hover {
    color: #B5B175;
}

.header_lvl_1 nav ul li:nth-last-child(2) a {
    position: relative;
}

.header_lvl_1 nav ul li:nth-last-child(2) a:before {
    position: absolute;
    top: -7px;
    left: 3px;
    content: url(/local/templates/new/img/i_star.png);
}

header .sicial_links a.i_what:hover::before {
    color: white;
    background: #b7b7b72e;
}

header .header_lvl_2 .right > div {
    display: inline-block;
}

.hide_logo {
    display: none;
}

.header_lvl_1 a.lang-link {
    padding: 0 !important;
}

.order_block form input[type="text"] {
    width: 100%;
}

/*----Внутрянки----*/

.inner-page {
    background-image: url(/local/templates/new/img/body_bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.inner-page .first_screen_slider {
    display: none;
}

.inner-page #first-screen-header {
    position: relative;
}

.inner-page .order_block form {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    height: 75px;
    padding-top: 0;
    padding-left: 30px;
}

.inner-page .order_block form .hide_logo {
    display: block;
    padding-right: 30px;
}

.inner-page .order_block form .fild {
    width: 100%;
    max-width: 230px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-left: 0;
}

.inner-page .order_block .links_block {
    position: relative;
    right: -1px;
    align-self: flex-start;
}

.inner-page .order_block .links_block .btn span {
    width: 100%;
    height: 75px;
    margin-top: 0;
    padding: 0 40px;
    font-size: 18px;
}

.inner-page .order_block .links_block .btn:after {
    display: none;
}

.inner-page .order_block .link {
    height: 48px;
    padding: 0;
    font-size: 12px;
    line-height: 48px;
    color: white;
    background: #282421;
}

.inner-page .order_block .link::before {
    position: relative;
    top: 4px;
    margin-right: 10px;
    content: url(/local/templates/new/img/question.svg);
}

.breadcrumb {
    display: none;
    margin-top: 18px;
}

.inner-page .breadcrumb {
    display: block;
}

.breadcrumb .bx-breadcrumb-item:first-child::before {
    position: relative;
    top: 1px;
    margin-right: 20px;
    content: url(/local/templates/new/img/i_home.svg);
}

.breadcrumb .bx-breadcrumb-item:not(:last-child) a:hover span {
    color: #B5B175;
}

.breadcrumb .bx-breadcrumb-item span {
    font-size: 12px;
    color: white;
}

.breadcrumb .bx-breadcrumb-item > span {
    opacity: .4;
}

.bx-breadcrumb-item-angle::before {
    position: relative;
    display: block;
    width: 1px;
    height: 18px;
    margin: 0 20px;
    opacity: .4;
    background: white;
    transform: rotate(-25.77deg);
    content: '' !important;
}

.inner-page .order_block form .fild {
    display: flex;
    flex-wrap: nowrap;
}

/*---------форма заказа билета---------*/

.order_block input[type="text"] {
    letter-spacing: 1;
    color: #B5B175;
}

.order_block form {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
    width: 370px;
    background: white;
    box-shadow: 0px 10px 40px 0px #0000006e;
}

.order_block > div {
    position: relative;
}

.order_block form {
    padding-top: 30px;
}

.order_block form input[type="text"] {
    padding-left: 10px;
    border: 0;
    outline: 0;
}

.fild {
    position: relative;
    height: 50px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
    white-space: nowrap;
    color: #000;
    border-bottom: 1px solid #b5b175;
}

.fild:after {
    position: absolute;
    right: 0;
    content: url(/local/templates/new/img/i_calendar.svg);
}

.order_block form .fild.profile::after {
    content: url(/local/templates/new/img/i_profile.svg);
}

.order_block form a {
    display: block;
}

.order_block form .btn span {
    display: block;
    width: calc(100% - 130px);
    height: 75px;
    margin-top: 22px;
    padding: 0 30px;
    font-family: 'circe-bold';
    font-size: 18px;
    line-height: 79px;
}

.order_block form .btn:hover span {
    color: #B5B175;
    background: #f4f3ea;
}

.order_block form .btn:after {
    width: 75px;
    margin-top: 22px;
    padding: 28px 0;
    content: url(/local/templates/new/img/i_btn_arrow.svg);
}

.order_block form .btn:hover::after {
    background: #e9e8d6;
    content: url(/local/templates/new/img/i_btn_arrow_4.svg);
}

.order_block form .link {
    padding: 25px 30px;
    text-align: center;
    color: #B5B175;
}

.order_block .link:hover {
    text-decoration: underline;
    color: #75787B;
}

.fild.profile.flexbox {
    flex-wrap: nowrap;
}

/*---------карусель---------*/

.owl-animated-out {
    z-index: 1
}

.owl-animated-in {
    z-index: 0
}

.first_screen_slider {
    position: relative;
}

.first_screen_slider .btn_container {
    display: inline-block;
    max-width: 186px;
}

.first_screen_slider,
.slide {
    position: relative;
    width: 100%;
    height: 750px;
}

.first_screen_slider .slide {
    height: 750px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.owl-nav button {
    position: absolute;
    top: calc(50% - 50px);
}

.owl-nav .owl-next span,
.owl-nav .owl-prev span {
    font-size: 0;
}

.owl-nav .owl-next {
    right: 13vw;
}

.owl-nav .owl-prev {
    left: 13vw;
}

.owl-nav .owl-next span::before,
.owl-nav .owl-prev span::before {
    opacity: .7;
    transition: all .3s;
}

.owl-nav .owl-next:hover span::before,
.owl-nav .owl-prev:hover span::before {
    opacity: 1;
}

.owl-nav .owl-next span::before {
    content: url(/local/templates/new/img/owl-next.png)
}

.owl-nav .owl-next.disabled span::before {
    opacity: .3;
    content: url(/local/templates/new/img/owl-next-disabled.png);
}

.owl-nav .owl-prev span::before {
    content: url(/local/templates/new/img/owl-prev.png);
}

.owl-nav .owl-prev.disabled span::before {
    opacity: .3;
    content: url(/local/templates/new/img/owl-prev-disabled.png);
}

.owl-nav .owl-next {
    float: right;
}

.first_screen_slider .slide::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 138px;
    background: linear-gradient(to top, #2d2926, rgb(45 41 38 / 40%) 158.7%);
    content: '';
}

.first_screen_slider .slide::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #2D2926 0%, rgba(45, 41, 38, 0) 158.7%);
    content: '';
}

.slide .container {
    position: relative;
    z-index: 1;
}

.slide_content {
    position: relative;
    top: 222px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 400px);
    max-width: 1170px;
    height: 390px;
    padding-top: 0;
}

.slide_content .h2,
.slide_content h2 {
    margin-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 1.2;
}

.owl-dots button span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 7px;
    opacity: 0.1;
    background: #FFFFFF;
    border-radius: 50%;
}

.owl-dots button.active span {
    top: 2px;
    width: 14px;
    height: 14px;
    opacity: 1;
    background: #b5b175;
}

.owl-dots {
    text-align: center;
}

.first_screen_slider .owl-dots {
    margin-top: -100px;
}

.slide_content p {
    margin-bottom: 40px;
    font-size: 20px;
    letter-spacing: 2px;
}

/*---------преимущества---------*/

#advantages {
    position: relative;
    z-index: 1;
    margin-top: -110px;
    margin-bottom: 100px;
}

.advantages .flexbox > div > div {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    border-right: 1px solid #b5b1751c;
}

.advantages .flexbox > div:last-of-type > div {
    border: 0;
}

.advantages .flexbox > div {
    display: flex;
    justify-content: space-evenly;
}

.advantages .title {
    margin-top: 20px;
    padding: 0 20px;
    line-height: 22, 5px;
}

#advantages h2,
#advantages .h2{
    position: relative;
    margin-top: 0;
    margin-bottom: 50px;
    line-height: 60px;
}

#advantages h2::before,
#advantages .h2::before {
    position: absolute;
    bottom: 15px;
    left: -130px;
    width: 100px;
    height: 1px;
    background: #B5B175;
    content: '';
}

.advantages .flexbox {
    align-items: stretch;
}

/*---------О отеле---------*/

.about_advantages .item {
    z-index: 1;
}

.about_advantages .item:last-child {
    z-index: 0;
    box-shadow: 0 0 300px #c9bb7b40;
}

#about {
    position: relative;
/ / margin-bottom: 100 px;
}

#about .item_container::before {
    position: relative;
    display: block;
    margin-bottom: 15px;
    content: url(/local/templates/new/img/i_check.svg);
}

#about::before {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: calc(50% + 100px);
    height: 100%;
    background: #282421;
    content: '';
}

#about > div {
    position: relative;
    z-index: 1;
}

#about .maxwidth-theme > .flexbox > .col-flex-6:first-of-type {
    position: relative;
    flex-basis: 519px;
    width: 100%;
    max-width: 519px;
}

#about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
    flex-basis: calc(100% - 519px);
    align-self: flex-end;
    width: 100%;
    max-width: calc(100% - 519px);
    margin-bottom: 50px;
    padding-left: 80px;
}

#about .gradient_2 img {
    width: 100%;
    max-width: 519px;
}

#about .gradient_2:first-of-type::before {
    top: 10px;
    left: -60%;
}

#about .gradient_1 {
    z-index: 1;
}

#about .about_advantages {
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -5px;
    margin-left: -5px;
}

#about .about_advantages .item {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    background: #24201e;
}

#about .about_advantages .item > .item_container {
    margin: 30px;
}

#about p {
    margin-bottom: 30px;
}

#about .btn::after {
    content: url(/local/templates/new/img/i_youtube.svg);
}

#about .btn:hover::after {
    content: url(/local/templates/new/img/i_youtube.png);
}

#about h3,
#about .h3 {
    margin-bottom: 25px !important;
}

#about .about_advantages > div {
    flex-basis: calc(50% - 10px);
    max-width: calc(50% - 10px);
}

#about .about_text.gradient_1::before {
    right: 0;
}

#about .maxwidth-theme > .flexbox {
    flex-wrap: nowrap;
    align-items: stretch;
}

#about .gradient_2 img {
    height: calc(100% - 50px);
    min-height: 836px;
}

.hide_more {
    display: none;
}

@media (max-width: 1100px) {
    .hide_more {
        display: inline-block;
        margin-bottom: 30px;
        padding-bottom: 1px;
        border-bottom: 1px dotted #B5B175;
    }

    .hide_more:before {
        color: #B5B175;
        content: 'Подробнее';
    }

    .hide_more.active:before {
        content: 'Скрыть';
    }

    .hide_text_block {
        overflow: hidden;
        height: 1px;
        margin: 0 !important;
        transition: all .3s;
    }

    .active .hide_text_block {
        overflow: hidden;
        height: auto;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        transition: all .3s;
    }
}

@media (max-width: 1010px) {
    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 30px;
    }
}

/*---------Проживание и спецпредложения---------*/

#residence_deals {
    position: relative;
    margin-top: 70px;
    padding-bottom: 100px;
    background-image: url(/local/templates/new/img/bg_img_1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

#residence_deals::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, #2a2623, #2a262300);
    content: '';
}

/*---------Проживание---------*/

.residence {
    padding-bottom: 70px;
    background: #2d292680;
}

.residence .flexbox {
    flex-wrap: wrap;
}

.residence .residence_itams > .flexbox {
    align-items: stretch;
}

.residence .residence_itams > .flexbox .item {
    height: calc(100% - 30px);
}

.residence .residence_itams > .flexbox .item > div {
    height: 100%;
}

.residence .item_container {
    position: relative;
    height: calc(100% - 410px);
    padding-bottom: 80px !important;
}

.residence .item_container .rooom-comprare {
    position: absolute;
    bottom: 30px;
    width: calc(100% - 60px);
}

.residence .row > * {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
}

.residence .room-item__image {
    display: block;
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}

.residence .item_container {
    padding: 30px;
    background: #282421;
    transition: all .3s;
}

.residence .item_container h3,
.residence .item_container .h3 {
    min-height: 40px;
    margin: 0 0 10px 0;
    line-height: 1.2 !important;
    color: #B5B175;
}

.residence .item {
    margin-bottom: 30px;
    background: #2824213b;
}

.residence .item:hover .item_container {
    background: white;
}

.residence .item .item_container .room-description {
    margin: 15px 0 20px 0;
}

.residence .item:hover .item_container .room-description,
.residence .item:hover .item_container span {
    color: #2D2926;
}

.room-square svg,
.room-person svg,
.room-beds svg {
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.room-square,
.room-person,
.room-beds {
    margin-right: 30px;
}

.residence .item:hover .btn span {
    color: white;
}

.residence .item .btn:hover span {
    color: #B5B175;
}

.residence .content-cell.flexbox {
    justify-content: space-between;
}

.residence .room-price,
.residence .price-count {
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175 !important;
}

.residence_itams .room-price {
    margin-right: 0 !important;
}

/*---------Кэшбек---------*/

.cashback .flexbox {
    flex-wrap: nowrap;
}

.cashback {
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.cashback .item {
    position: relative;
    left: -257.5px;
    width: 515px;
    margin-top: -70px;
    margin-bottom: -145px;
    background: #2D2926;
}

.cashback .item .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .5;
    cursor: pointer;
    transition: all .3s;
}

.cashback .item .close_btn:hover {
    opacity: 1;
}

.cashback .item .close_btn:hover svg path {
    transition: all .3s;
    fill: white;
}

.cashback .item > .col-flex-4 {
    text-align: center;
}

.cashback .item > div img {
    position: relative;
}

.cashback .item > div:last-of-type {
    padding: 30px;
    text-align: left;
    background: #282421;
}

.cashback .item h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px !important;
    color: #B5B175;
}

.cashback .item a {
    display: inline-block;
    height: 50px;
    margin-top: 20px;
    padding: 0 25px;
    line-height: 50px;
    color: white;
    background: #4FAD50;
}

.cashback .item a:hover {
    background: #23aae1;
}

.cashback .item span {
    font-size: 10px;
    opacity: .5;
}

.cashback .item p {
    margin-bottom: 10px;
}

/*---------Cпецпредложения---------*/

.deals .owl-nav .owl-prev {
    left: -100px;
}

.deals .owl-nav .owl-next {
    right: -100px;
}

.deals .owl-dots {
    margin-top: 15px;
}

.deals p.content {
    display: -webkit-box;
    overflow: hidden;
    min-height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.deals .item_container {
    padding: 30px;
    background: #282421;
    border-bottom: 1px solid #A19D60;
}

.deals .card-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.deals h3 {
    color: #B5B175;
}

.deals h2 {
    margin-top: 50px !important;
}

/*---------Общий Афиша и Услуги---------*/

#posters_services {
    position: relative;
    padding-top: 70px;
    background-color: linear-gradient(to top, #2a2623, #2a262300);
    background-image: url(/local/templates/new/img/bg_img_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#posters_services .btn_container.line {
    margin-top: 30px;
}

.bootbox.row .col-flex-6 {
    display: inline-block;
    float: left;
    width: 50%;
    max-width: none;
}

.bootbox.row:before,
.bootbox.row:after {
    display: table;
    content: " ";
}

.bootbox.row:after {
    clear: both;
}

/*---------Афиша---------*/

#posters_services .items_carousel .title h3 {
    height: 58px;
}

.posters .owl-nav .owl-prev span:before {
    top: -23px;
}

.posters {
    position: relative;
    margin-bottom: 100px;
}

.posters .items_column {
    overflow-y: scroll;
    height: 437px;
    scrollbar-color: #B5B175 #a19d6021;
    scrollbar-width: thin !important;
}

.posters .items_column::-webkit-scrollbar {
    width: 4px;
    -webkit-appearance: none;
}

.posters .items_column::-webkit-scrollbar-track {
    opacity: .1;
    background: #a19d6021;
}


.posters .items_column::-webkit-scrollbar-thumb {
    border: 4px solid #B5B175;
}

.posters .items_carousel .item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
}

.posters .items_carousel {
    margin-right: 30px;
}

.posters .items_carousel .item .title {
    padding: 30px;
    background: #282421;
}

.posters .container > .flexbox {
    align-items: flex-start;
}

.posters .items_carousel .item .title a {
    color: #B5B175;
}

.posters .items_carousel .item .title h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 15px 0 0 0;
    font-size: 20px;
    line-height: 30px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.posters .items_column .item a p {
    margin-top: 0;
    color: #B5B175;
}

.posters .items_column .item a:hover p {
    color: white;
}

.posters .items_column {
    padding-right: 30px;
}

.posters .items_column .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b5b1751c;
}

.posters .owl-dots {
    display: none;
}

.posters .owl-nav button span:before {
    transition: all 0.3s;
    content: url(/local/templates/new/./img/i_btn_arrow_2.svg);
}

.posters .owl-nav .owl-prev span:before {
    position: absolute;
    left: calc(50% - 4px);
    transform: rotate(180deg);
}

.posters .owl-nav .owl-next span,
.posters .owl-nav .owl-prev span {
    position: relative;
    top: 7px;
    font-size: 0px;
}

.posters .owl-nav button {
    top: 230px;
    width: 50px;
    height: 50px;
    margin: 0 !important;
    text-align: center;
    background: rgb(161, 157, 96) !important;
    border-radius: 0 !important;
    transition: all 0.3s;
}

.posters .owl-nav button:hover span:before {
    transition: all 0.3s;
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.posters .owl-nav button:hover {
    background: white !important;
}

.posters .owl-nav .owl-next {
    right: 0;
}

.posters .owl-nav .owl-prev {
    right: 50px;
    left: auto;
}

/*---------Услуги---------*/

.services {
    padding: 70px 0 100px 0;
    background: #28242180;
}

.services_items.flexbox {
    flex-wrap: wrap;
    align-items: flex-start;
}

.services_items .item {
    position: relative;
    overflow: hidden;
    height: 245px;
    margin-bottom: 30px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.services_items .item .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    background: linear-gradient(to top, #2D2926, #2D292600);
    transition: all .3s;
}

.services_items .item:hover .title {
    background: none;
}

.services_items .item .title > * {
    margin: 0px 20px;
}

.services_items .item:before {
    bottom: 0;
    height: 0;
    transition: all .3s;
    content: '';
}

.services_items .item:hover:before {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgb(207 190 125 / 85%);
    content: '';
}

.services_items .item > * {
    z-index: 1;
}

.services_items .item .hide {
    display: block;
    opacity: 0;
    transition: all .3s;
}

.services_items .item h4,
.services_items .item .h4 {
    position: absolute;
    bottom: 20px;
    transition: all .3s;
}

.services_items .item .hide p {
    width: calc(100% - 30px);
}

.services_items .item:hover .hide {
    display: block;
    opacity: 1;
}

.services_items .item:hover h4 {
    position: relative;
    bottom: auto;
}

.services_items .btn_more::after {
    margin-left: 20px;
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

.services_items .btn_more {
    color: white;
}

.services_items .item .hide p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.services_items div:first-child .item .hide p {
    -webkit-line-clamp: 10;
}

.services_items {
    display: grid;
    grid-template-areas:
		"a b c"
		"a d e";
    grid-gap: 8px;
}

.services_items > div {
    max-width: 100% !important;
    padding: 0 !important;
}

.services_items > div .item {
    margin: 0 15px;
    background: #ffffff50;
}

.services_items > div:first-child {
    grid-area: a;
}

.services_items > div:first-child .item {
    height: 527px;
}

.services_items > div:nth-child(2) {
    grid-area: b;
}

.services_items > div:nth-child(3) {
    grid-area: c;
}

.services_items > div:nth-child(4) {
    grid-area: d;
}

.services_items > div:nth-child(5) {
    grid-area: e;
}

/*---------отзывы---------*/

#reviews.gradient_1::before {
    top: -50%;
    right: 0;
}

#reviews {
    overflow: hidden;
    padding: 70px 0 100px 0;
    background-image: url(/local/templates/new/img/bg_img_3.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.reviews .flexbox .item {
    padding: 30px;
    background: #282421;
    border-bottom: 1px solid #A19D60;
}

.reviews .flexbox .item p {
    display: -webkit-box;
    overflow: hidden;
    height: 154px;
    margin-bottom: 30px;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.reviews .flexbox .item h3 {
    margin-top: 0;
    color: #B5B175;
}

.rating .item {
    margin-top: 50px;
    margin-bottom: 40px;
    font-family: "Roboto Slab", serif;
    font-size: 24px;
}

.rating {
    justify-content: space-between;
    text-align: center;
}

.rating span {
    font-size: 40px;
    color: #B5B175;
}

.rating a {
    display: block;
    margin-top: 20px;
    font-family: 'circe';
    font-size: 12px;
    color: white;
}

.rating a:hover {
    color: #B5B175;
}

/*---------карта---------*/

#map {
    margin-bottom: 237px;
    overflow-x: clip;
}

#map > .container {
    position: relative;
}

#map .info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 350px;
    min-height: 1px;
    padding: 40px;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
}

#map .info h3 {
    margin-top: 0;
    color: white;
}

#map .info p {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 1.5;
}

#map .mob_show {
    display: none;
}


/*---------виджет инста---------*/

#insta {
    margin-top: -137px;
    margin-bottom: -100px;
}

#insta .item {
    height: 208px;
    background-color: #282421;
}

#insta .item img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

#insta .item p:not(.hashtag) {
    margin-top: 45px;
    margin-bottom: 0px;
    color: #B5B175;
}

#insta .item p.hashtag {
    margin-top: 10px;
    margin-bottom: 30px;
}

#insta .item span {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid rgb(181 177 117 / 30%);
    border-radius: 50%;
    transition: all .3s;
}

#insta .item span svg {
    position: relative;
    top: 1px;
    padding: 9px 0 10px 0;
    transition: all .3s;
}

#insta .row > div:first-child .item {
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: 0 0 100px #c9bb7b40;
}

#insta .flexbox {
    flex-wrap: nowrap;
}

/*---------футер---------*/

footer {
    padding-top: 100px;
    background: #282421;
}

footer .pay-item__image {
    width: 50px;
    height: 32px;
}

footer nav ul {
    margin: 0;
    padding: 0;
}

footer nav .flexbox {
    justify-content: space-between;
    align-items: center;
    height: 60px;
    border-bottom: 1px solid #b5b1751c;
}

footer nav li a {
    padding: 19px 0;
    line-height: 60px;
    transition: all .3s;
}

footer nav li a:hover {
    border-bottom: 1px solid #B5B175;
}

footer .sicial_links .info {
    position: relative;
    flex-basis: 100%;
    width: 100%;
    max-width: 155px;
    height: 28px;
    margin-top: 10px;
    padding-top: 2px;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    color: white;
    background: #b5b175;
    border-radius: 30px;
}

footer .sicial_links {
    flex-wrap: wrap;
    margin-top: 64px
}

footer .sicial_links .info::before {
    position: absolute;
    top: -6px;
    right: 60px;
    border: 7px solid transparent;
    border-top: 7px solid #b5b175;
    transform: rotate(90deg);
    content: '';
}

footer .sicial_links .info::after {
    position: absolute;
    top: -6px;
    right: 98px;
    border: 7px solid transparent;
    border-top: 7px solid #b5b175;
    transform: rotate(90deg);
    content: '';
}

.footer_lvl_1 {
    align-items: stretch;
    padding: 60px 0;
}

.footer_lvl_1 p {
    margin-top: 0;
}

.footer_lvl_2 {
    padding: 40px 0;
    background: #24201E;
}

footer .contacts .address,
footer .contacts .phone,
footer .contacts .mail {
    position: relative;
    margin-left: 50px;
}

footer .contacts .address,
footer .contacts .phone {
    margin-bottom: 35px;
}

footer .contacts .phone a,
footer .contacts .mail a {
    display: block;
    font-size: 20px;
    color: white;
}

footer .contacts .phone p {
    font-size: 12px;
    letter-spacing: .1
    opacity: .3;
}

footer .contacts .mail a {
    font-size: 15px;
}

footer .contacts .phone a:first-of-type {
    margin-bottom: 10px;
}

footer .contacts > div {
    margin-right: 30px;
}

footer .contacts > div::before {
    position: absolute;
    left: -40px;
    content: '';
}

footer .contacts .address::before {
    content: url(/local/templates/new/img/i_location.svg);
}

footer .contacts .mail::before {
    top: 1px;
    content: url(/local/templates/new/img/i_mail.svg);
}

footer .contacts .mail a:hover,
footer .contacts .phone a:hover {
    color: #b5b175;
}

footer .contacts .phone::before {
    top: 1px;
    content: url(/local/templates/new/img/i_phone.svg);
}

.payments {
    margin-top: 10px;
    margin-bottom: 20px
}

.payments img {
    width: 100%;
    max-width: 60px;
    margin-right: 10px;
}

.payments img:last-child {
    margin-right: 0px;
}

.goods.flexbox.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.goods.flexbox {
    flex-wrap: nowrap;
}

.goods.flexbox.row > * {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.goods .item {
    height: 115px;
    text-align: center;
    background: #24201E;
}

.goods .item img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.footer_lvl_2 .col-flex-6.flexbox {
    justify-content: space-between;
}

.footer_lvl_2 .col-flex-6.flexbox a {
    font-size: 13px;
    color: white;
    opacity: .3;
}

.footer_lvl_2 .col-flex-6 {
    font-size: 13px;
    opacity: .3;
}

.footer_lvl_2 .col-flex-6.flexbox {
    opacity: 1;
}

.footer_lvl_2 .col-flex-6.flexbox a:hover {
    opacity: 1 !important;
}

footer .payments {
    flex-wrap: nowrap;
    justify-content: start;
    /*justify-content: space-between;*/
    gap: 20px;
    padding: 0;
    list-style: none;
}

.goods.flexbox.row > * {
    flex-basis: calc(25% - 15px);
    max-width: calc(25% - 15px);
}

/*---------мобильное меню---------*/

.mobile_menu * {
    box-sizing: border-box;
}

.mobile_menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: calc(100% - 80px);
    height: 100%;
    padding: 0 20px;
    background-color: #ffffff;
    background-image: url(/local/templates/new/img/body_bg.png);
    background-position: center;
    background-size: cover;
    transition: all .3s;
    transform: translateX(100%);
}

.mobile_menu .contacts {
    text-align: right;
}

.mobile_menu .contacts > div > * {
    display: inline-block;
}

.mobile_menu .contacts * {
    text-align: right;
    color: #2D2926 !important;
}

.mobile_menu .language {
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    margin-top: 0;
    text-align: right;
}

.mobile_menu .language .lang-list {
    position: relative;
    top: -7px;
    right: 0;
    left: auto;
    width: auto !important;
    text-align: right;
}

.mobile_menu .lang-item {
    width: auto !important;
}

.mobile_menu .language button {
    font-family: 'circe' !important;
    font-size: 15px;
    line-height: 22.5px;
    text-align: right;
    letter-spacing: 1px;
    color: #75787B !important;
}

.mobile_menu.active {
    transform: translateX(0%);
}

.mobile_menu.active::before {
    position: absolute;
    top: 0;
    left: -40px;
    display: block;
    width: 0px;
    height: 100%;
    background-color: #2d2926d2;
    transition: all .3s;
    content: '';
}

.mobile_menu.active::before {
    width: 40px;
}

.mobile_menu::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
}

.mobile_menu .sicial_links .icon svg {
    padding: 0;
}

.mobile_menu ul:not(.sicial_links).flexbox {
    align-items: flex-start;
    gap: 20px 0;
    padding: 0;
}

.mobile_menu ul.grid {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    gap: 20px 0;
    padding-left: 0;
}

.mobile_menu ul:not(.sicial_links).flexbox > * {
    flex-basis: 50%;
    max-width: 50%;
}

.mobile_menu nav > ul > li {
    display: block;
    width: 100%;
    font-weight: normal;
    text-align: right;
    color: #2D2926 !important;
}

.mobile_menu nav > ul > li *,
.mobile_menu .language .lang-list *,
.back_btn {
    font-size: 17px;
    font-weight: bold;
}

.mobile_menu * {
    letter-spacing: normal;
}

.mobile_menu nav ul li a,
.mobile_menu nav ul li a:is(:active, :focus) {
    padding: 0;
    color: #2D2926 !important;
}

.mobile_menu nav ul li {
    display: block;
    width: 100%;
}

.mobile_menu .submenu {
    padding-left: 10px;
}

.hide_menu_btn {
    position: relative;
    top: -2px;
    display: none;
    margin-left: 30px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    cursor: pointer;
}

.burger {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
}

.burger span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 5px;
    background: white;
}

.burger span:last-child {
    width: 21px;
    margin-bottom: 0;
}

.hide_menu_btn span {
    transition: all .3s;
}

.hide_menu_btn:hover span {
    background-color: #B5B175;
}

.hide_menu_btn:hover span:last-child {
    width: 100%;
}

.mobile_menu .close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .5;
    cursor: pointer;
    transition: all .3s;
}

.mobile_menu .close_btn:hover {
    opacity: 1;
}

.mobile_menu .close_btn:hover svg path {
    transition: all .3s;
    fill: white;
}

.sertificats .owl-dots,
.about-list-slider .owl-dots {
    display: none;
}

.sertificats .owl-nav .owl-prev,
.about-list-slider .owl-nav .owl-prev {
    left: -100px;
}

.sertificats .owl-nav .owl-next,
.about-list-slider .owl-nav .owl-next {
    right: -100px;
}

.mobile_menu .address,
.mobile_menu .phone {
    margin-bottom: 15px;
}

.mobile_menu .lang-item {
    padding: 0;
}

.mobile_menu .contacts > div::before {
    position: absolute;
    left: -40px;
}

.mobile_menu .contact_block .logo_block {
    text-align: right;
}

.mobile_menu .contact_block {
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #2d29261f
}

.mobile_menu .phone > *:not(:first-child) {
    display: none;
}

.mobile_menu .contacts .phone a,
.mobile_menu .contacts .mail a {
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    color: white;
}

.mobile_menu .contact_block {
    width: 100%;
}

.mobile_menu .contact_block .flexbox > * {
    flex-basis: 50%;
    max-width: 50%;
}

.mobile_menu .phone p {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    opacity: .3;
}

.mobile_menu .address {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}

.mobile_menu .phone p,
footer .contacts .phone p {
    letter-spacing: .1px;
}

.mobile_menu .mail::before {
    top: 1px;
    content: url(/local/templates/new/img/i_mail.svg);
}

.mobile_menu .sicial_links li {
    display: flex;
    place-items: center;
}

.mobile_menu nav > ul > li {
    position: relative;
}

.mobile_menu .submenu {
    margin-bottom: 20px;
    padding-left: 0;
}

.mobile_menu .submenu li a {
    padding-left: 0;
}

.mobile_menu .submenu li {
    margin-bottom: 15px;
}

.mobile_menu .arrow_sub {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #ffffff14;
}

.mobile_menu .arrow_sub::after {
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 6px);
    content: url(/local/templates/new/img/i_arrow_down.png);
}

.mobile_menu .arrow_sub.active::after {
    transform: rotate(180deg);
}

.mobile_menu .close_btn {
    top: 17px;
    right: 20px;
    z-index: 2;
    opacity: .5;
}

.mobile_menu .close_btn svg {
    width: 30px;
    height: 30px;
}

.mobile_menu .sicial_links {
    flex-direction: row;
    gap: 0 15px;
}

.mobile_menu .sicial_links a.i_what .info {
    display: block !important;
}

.mobile_menu .sicial_links .max-contact-info {
    position: relative;
    max-width: 200px;
    margin-left: 10px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.3;
    white-space: normal;
    color: white;
    background: #b5b175;
    border-radius: 20px;
}

.mobile_menu .sicial_links .max-contact-info::before {
    position: absolute;
    top: 50%;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #b5b175;
    border-bottom: 6px solid transparent;
    transform: translateY(-50%);
    content: '';
}

/* Плашка max-contact-info в хедере: после ul.sicial_links внутри .left .flexbox */
header .left .max-contact-info {
    position: relative;
    top: -3px;
    left: -47px;
    align-self: center;
    max-width: 170px;
    margin-left: 8px;
    padding: 5px 12px;
    font-size: 10px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    color: white;
    background: #b5b175;
    border-radius: 20px;
}

header .left .max-contact-info::before {
    position: absolute;
    top: 50%;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #b5b175;
    border-bottom: 6px solid transparent;
    transform: translateY(-50%);
    content: '';
}

@media screen and (max-width: 880px) {
    header .left .max-contact-info {
        display: none;
    }
}


.menu_multi_lvl_block {
    position: relative;
}

.menu_multi_lvl_block > div {
    overflow-x: hidden;
    overflow-y: scroll;
    height: calc(100vh - 64px);
}

.menu_multi_lvl_block > div::-webkit-scrollbar {
    display: none;
}

.mobile_menu .language .lang-list {
    position: relative;
}

.mobile_menu .language .lang-list > * {
    position: relative;
    z-index: 1;
}

.mobile_menu .language.active .lang-list {
    padding: 20px;
    background-color: white;
    box-shadow: 0px 30px 60px -20px rgba(0, 0, 0, 0.15);
}

.mobile_menu .language svg {
    top: -5px;
    bottom: auto;
    height: auto;
    margin-right: 10px;
    margin-left: 0;
}

.mobile_menu .language .lang-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 0;
}

.mobile_menu .language.active svg {
    display: none;
}

.language.active .lang-list .lang-item.active button {
    color: #b5b175 !important;
}

.mobile_menu .sicial_links .icon {
    margin: 0;
}

.menu_lvl_1 {
    transition: all .3s;
    transition-delay: .3s;
}

.menu_lvl_2 {
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 1;
    width: 100%;
    /* background: white; */
    height: 100%;
    transition: all .3s;
    transform: translateX(100%);
}

.mobile_menu .menu_lvl_1,
.mobile_menu .menu_lvl_2 {
    /* display: flex;
	flex-wrap: wrap;
	 align-content: space-between; */
}

.mobile_menu .menu_lvl_1 > *,
.mobile_menu .menu_lvl_2 > * {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

.menu_lvl_2 nav ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px 0;
}

.menu_lvl_2 nav ul li {
    text-align: right;
}

.mobile_menu .sicial_links {
    margin-bottom: 30px;
}

.menu_lvl_2 nav {
    margin-top: 20px;
}

.menu_lvl_2 nav ul li a {
    max-width: 70%;
    margin-right: 0;
    margin-left: auto;
}

.menu_lvl_2.show {
    right: 0px;
    transform: translateX(0%);
}

.menu_lvl_2 * {
    text-align: right;
}

.back_btn_container {
    text-align: right;
}

.back_btn {
    display: inline-block;
    color: #75787B;
}

.mobile_menu .back_btn {
    line-height: 1.2;
    border-bottom: 1px dashed #75787B;
}

.mobile_menu .address {
    width: 100%;
    max-width: 300px;
    margin-right: 0;
    margin-left: auto;
}

.mobile_menu .address br {
    display: none;
}

body.open_popup {
    overflow-y: hidden;
    /* padding-right: 16px; */
}

@media screen and (max-width: 767px) {
    .mobile_menu .sicial_links {
        display: flex !important;
    }
}

@media screen and (max-width: 424px) {
    .mobile_menu ul:not(.sicial_links).flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .menu_lvl_2 nav ul li a {
        max-width: 100%;
    }

    .mobile_menu ul.grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .mobile_menu .contact_block .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .mobile_menu .contact_block {
        position: relative;
    }

    .mobile_menu .contact_block .logo_block {
        position: absolute;
        top: -90px;
    }

    .menu_lvl_2 .logo_block {
        display: none;
    }
}

/*---------СТРАНИЦА Об отеле---------*/

.advantages-icons .col-flex-2 {
    flex-basis: 20%;
    width: 100%;
    max-width: 20%;
}

.advantages-icons .flexbox > div:nth-child(1),
.advantages-icons .flexbox > div:nth-child(2),
.advantages-icons .flexbox > div:nth-child(3),
.advantages-icons .flexbox > div:nth-child(4),
.advantages-icons .flexbox > div:nth-child(5) {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #b5b1751c;
}

.advantages-icons .flexbox > div:nth-child(5) > div {
    border-right: 0;
}

.advantages-icons .flexbox {
    flex-wrap: wrap;
}

article.about {
    margin-bottom: 90px;
}

.block_w_bg_1 {
    position: relative;
    margin-top: 70px;
    margin-bottom: 100px;
    background-image: url(/local/templates/new/img/bg_img_4.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

article.about .flexbox {
    flex-wrap: nowrap;
    align-items: stretch;
}

article.about div > p:first-of-type {
    margin-top: 0;
}

article.about div > p:last-of-type {
    margin-bottom: 25px;
}

article.about > div > div:last-child > div {
    padding-left: 30px;
}

.about_main_img {
    height: 100%;
}

.affiche-item__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

article.reviews .rating .item {
    padding: 0;
    background: none;
    border-bottom: none;
}

.before_carousel {
    position: relative;
    margin-bottom: 95px;
}

.before_carousel:not(.not_background):before {
    position: absolute;
    top: 91px;
    width: 100%;
    height: 196px;
    background: #282421;
    content: '';
}

.career {
    margin-top: 70px;
}

.career .flexbox {
    flex-wrap: wrap;
}

.career a:not(.btn) {
    display: block;
    width: 400px;
    height: 87px;
    font-size: 18px;
    line-height: 87px;
    text-align: center;
    background: #282421;
}

.career a:not(.btn):hover {
    background: white;
}

.career .phone {
    float: right;
    margin-right: 15px;
}

.career .mail {
    margin-left: 15px;
}

.career .phone::before {
    position: relative;
    top: 3px;
    margin-right: 20px;
    content: url(/local/templates/new/img/i_phone.svg);
}

.career .mail::before {
    position: relative;
    top: 3px;
    margin-right: 20px;
    content: url(/local/templates/new/img/i_mail.svg);
}

.career .col-flex-12 {
    text-align: center
}

.career .btn {
    margin: auto;
}

.advantages-icons {
    padding: 100px 0;
    background: #28242180;
}

article.reviews {
    margin-top: 70px;
}

.map_open.btn::after {
    padding: 18px 0;
    content: url(/local/templates/new/img/i_map.svg);
}

.map_open.btn:hover::after {
    content: url(/local/templates/new/img/i_map_2.png);
}

/*---------СТРАНИЦА Спецпредложения---------*/

.deals .b-button {
    display: inline-block;
    margin-top: 5px;
    padding: 15px 30px;
    color: #B5B175;
    background: #2D2926;
}

.deals .b-container > .flexbox {
    align-items: flex-start;
}

.deals .tiles-item {
    margin-bottom: 30px;
}

.deals .item_container {
    margin-top: -7px;
    padding: 20px 30px 30px 30px;
}

.deals .b-button:hover {
    color: white;
    background: #B5B175;
}

/*---------СТРАНИЦА Отзывы---------*/

.reviews_page .col-flex-4 {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

.reviews_page .item {
    margin-bottom: 30px;
}

.reviews_page .flexbox .item p {
    height: auto;
}

article.reviews_page .item {
    margin-bottom: 50px;
    border-right: 1px solid #b5b1751c;
}

article.reviews_page .rating > .flexbox > div:nth-child(3n) .item {
    border-right: 0;
}

article.reviews_page .rating > .flexbox > div {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}

article.reviews_page .rating > .flexbox > div:nth-child(1),
article.reviews_page .rating > .flexbox > div:nth-child(2),
article.reviews_page .rating > .flexbox > div:nth-child(3) {
    border-bottom: 1px solid #b5b1751c;
}

/*---------СТРАНИЦА Карьера---------*/

article.text .text_container {
    padding-left: 20px;
}

article.text,
article.team {
    position: relative;
    z-index: 1;
}

.team_block.advantages-icons.gradient_1:before {
    top: -60%;
    left: 5%;
}

.jobs-form {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: none;
    width: 370px;
    background: white;
    transform: translate(-50%, -50%);
}

#resume_form > * {
    margin-right: 30px;
    margin-left: 30px;
}

.subm-form {
    width: 100%;
    padding: 20px;
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
    border: 0;
}

.jobs-form h4 {
    color: #B5B175;
}

.jobs-form.active {
    display: block;
}

.team .flexbox {
    flex-wrap: wrap;
}

.team .card-image {
    display: flex;
    align-items: flex-end;
    height: 411px;
    margin-bottom: 30px;
    background-size: cover;
}

.team_block.announcement {
    background: #28242180;
}

.team .b-attach.attach-holder.type-holder-career {
    width: 100%;
    padding: 20px 30px;
    background: #2d29269e;
}

.jobs-list .jobs-item {
    margin-bottom: 30px;
    padding: 30px;
    text-align: left;
    background: #2D2926;
    border-bottom: 1px solid #B5B175;
}

.jobs-list .jobs-item a {
    display: block;
    min-height: 46px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    text-decoration: underline;
    color: #B5B175;
}

.jobs-list .jobs-item.button_send {
    padding: 0;
    border: 0;
}

.jobs-list .jobs-item a:hover {
    color: white;
}

.jobs-list {
    padding-bottom: 70px;
}

.jobs-list .job_btns .jobs-item .jobs-send {
    width: 100%;
    padding: 0;
    padding: 41px 30px 42px 30px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: white;
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
    border: 0;
    cursor: pointer;
    transition: all .3s;
}

.jobs-list .job_btns .jobs-item .jobs-send:hover {
    color: #B5B175;
    background: white;
}

.team .caption-value:not(.-position) {
    min-height: 42px;
    margin: 0 0 10px 0;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    color: #B5B175 !important;
}

.team .caption-value.-position {
    min-height: 44px;
}

.team_block.advantages-icons .col-flex-2 {
    flex-basis: 33.333%;
    max-width: 33.333%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.team_block.advantages-icons {
    margin-bottom: -273px;
    padding-top: 70px;
    padding-bottom: 373px;
}

.team_block.announcement {
    margin-top: -168px;
    padding-top: 238px;
}

article.text {
    margin-bottom: 100px;
}

article.text > div > div:last-child > div {
    padding-left: 30px;
}

article.text h3 {
    margin-bottom: 25px !important;
}

#resume_form a.subm-form {
    display: block;
    width: 100%;
    height: 75px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
    line-height: 75px;
    text-align: center;
}

#resume_form input[type="text"] {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    border: 0;
    border-bottom: 1px solid #B5B175;
    outline: none;
}

.jobs-form h4 {
    margin: 30px !important;
}

.custom-file-upload-hidden {
    position: absolute;
    left: -9999px;
    display: none;
    visibility: hidden;
}

.custom-file-upload {
    display: block;
    width: auto;
    margin-right: 30px;
    font-size: 16px;
}

.custom-file-upload label {
    display: block;
    margin-bottom: 5px;
}

.file-upload-wrapper {
    position: relative;
    display: flex;
    margin-bottom: 40px;
    border-bottom: 1px solid #B5B175;
}

.file-upload-input {
    float: left;
    width: 300px;
    height: 49px !important;
    margin-bottom: 0 !important;
    color: #2D2926;
    background-color: white;
    border: none;
    border: 0 !important;
    -moz-transition: all 0.2s ease-in;
    /* IE 9 Fix */
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.file-upload-input:hover,
.file-upload-input:focus {
    outline: none;
}

.file-upload-button {
    display: inline-block;
    float: left;
    margin-left: -1px;
    padding: 16px 20px;
    font-size: 15px;
    text-transform: uppercase;
    text-transform: none;
    color: #B5B175;
    background: rgba(181, 177, 117, 0.15);
    border: none;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.file-upload-button:hover {
    color: white;
    background-color: #B5B175;
}

.jobs-form .close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.jobs-form {
    box-shadow: 0px 0px 60px 2000px rgb(0 0 0 / 63%) !important;
}

.jobs-form .headling_finish_popup {
    margin-bottom: 30px;
}

/*---------СТРАНИЦА Номера---------*/

.residence_itams .room-item__image {
    height: 570px;
    object-fit: cover;
}

.residence_itams_page .residence_itams .item_container {
    height: 510px;
    padding: 30px 40px;
    background: #282421;
}

.residence_itams item > .flexbox {
    align-items: stretch;
}

.residence_itams .owl-dots {
    display: none;
}

.residence_itams .room_params {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: calc(100% - 40px);
    padding: 25px 20px;
    background: #282421ad;
}

.residence_itams .item > .flexbox > div {
    position: relative;
    height: 570px;
}

.room_carousel {
    position: relative;
    z-index: 0;
}

.residence_itams .item {
    margin-bottom: 30px;
}

.residence_itams .room-icons {
    margin: 20px 0 30px 0;
    padding: 20px 5px 0 5px;
    background: #2d2926;
}

.residence_itams .room-icons span {
    margin-left: 12px;
    font-size: 11px;
    line-height: 1.2;
}

.residence_itams .item_container h3 {
    color: #B5B175;
}

.residence_itams .item_container h3:hover {
    color: white;
}

.residence_itams .owl-nav button {
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    margin: 0 !important;
    text-align: center;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175 !important;
    border-radius: 0 !important;
    transition: all 0.3s;
}

.residence_itams .owl-nav button:hover {
    background: white !important;
}

.residence_itams .owl-nav button:hover span:before {
    content: url(/local/templates/new/./img/i_btn_arrow_3.svg);
}

.residence_itams .owl-nav button.owl-next {
    right: 0;
}

.residence_itams .owl-nav button.owl-prev {
    left: 0;
}

.residence_itams .owl-nav .owl-next span,
.residence_itams .owl-nav .owl-prev span {
    position: relative;
    top: 4px;
    font-size: 0px;
}

.residence_itams .owl-nav button span:before {
    transition: all 0.3s;
    content: url(/local/templates/new/./img/i_btn_arrow_2.svg);
}

.residence_itams .owl-nav .owl-prev span:before {
    position: absolute;
    left: calc(50% - 4px);
    transform: rotate(180deg);
}

.residence_itams .owl-nav .owl-prev span:before {
    top: -23px;
}

.residence_itams .room-icons > div:not(.not-general-link) {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.residence_itams .content-cell {
    flex-wrap: nowrap;
}

.residence_itams .link-as-text {
    display: block;
    padding-left: 20px;
    font-size: 10px;
    line-height: 1.5;
    color: #B5B175;
    border-left: 1px solid #b5b1751c;
}

.residence_itams .room-price {
    margin: 0 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175 !important;
}

.marker_i {
    position: absolute;
    z-index: 1;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 56px;
    text-align: center;
    background: #282421ad;
}

.text-block-2 {
    flex-wrap: nowrap;
    padding: 0 15px 0 0 !important;
    background: #282421;
}

.text-block-2 > * {
    padding: 30px 15px;
}

.text-block-2 > div:first-child {
    padding-left: 30px;
}

.info_text {
    margin-bottom: 70px;
}

.info_text .text-block-1 > div:last-child {
    margin-top: 15px;
}

.info_text .text-block-1 > div:first-child {
    margin-right: 30px;
}

.career .stroke-container {
    display: block;
    width: 340px;
    padding: 30px;
    font-size: 15px;
    text-align: left;
    background: #282421;
}

.career .stroke-container p {
    margin: 0;
}

.career .stroke-container h3 {
    font-size: 18px !important;
    color: #B5B175;
}

.category-item .flexbox .col-item:first-child div {
    margin-right: 15px;
}

.category-item .flexbox .col-item:nth-child(2) > div {
    margin-left: 15px;
}

.category-item.type-tarifs.type-particular-bg {
    margin-bottom: 40px;
}

.category-item.type-tarifs.type-particular-bg .col-item p {
    margin: 0;
}

.career .category-item .col-item:first-child .stroke-container {
    float: right;
}

.residence_itams_page .room-icons-popup {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    display: none;
    width: 100%;
    width: 560px;
    padding: 30px 30px 0px 30px;
    background: #282421;
    box-shadow: 0px 30px 60px -20px rgb(0 0 0 / 25%);
}

.residence_itams_page .room-icons-popup::after {
    position: absolute;
    top: -20px;
    right: 33%;
    border: 10px solid transparent;
    border-bottom: 10px solid #282421;
    content: '';
}

.residence_itams_page .general-link:hover .room-icons-popup {
    display: flex;
}

.residence_itams_page .general-link {
    position: relative;
    text-decoration: underline;
    color: #B5B175;
}

.residence_itams_page .room-icons-popup {
    align-items: center;
}

.residence_itams_page .room-icons-popup > div {
    margin-bottom: 20px;
}

.room-icons-popup span {
    position: relative;
    color: white;
}

.residence_itams .item .item_container,
.residence_itams .item .room-description,
.residence_itams .item .room-icons > div > span {
    transition: all .3s;
}

.residence_itams .item:hover .item_container {
    background: white;
}

.residence_itams .item:hover .room-description,
.residence_itams .item:hover .room-icons > div > span,
.residence_itams .item:hover h3 {
    color: #2D2926;
}

.residence_itams .item:hover .room-icons {
    background: #b5b1751f;
}

#resume_form .btn:after {
    width: 75px;
    padding: 30px 0;
}

#resume_form .btn span {
    width: calc(100% - 125px);
    height: 75px;
    line-height: 75px;
}

#resume_form .btn {
    background: none;
}

.jobs-form h4 {
    margin: 30px 30px 20px 30px !important;
}

.jobs-form .form_name,
.jobs-form .form_mail {
    position: relative;
}

.jobs-form .form_name::after {
    content: url(/local/templates/new/img/i_profile.svg);
}

.jobs-form .form_mail::after {
    content: url(/local/templates/new/img/i_mail_2.svg);
}

.jobs-form .form_name::after,
.jobs-form .form_mail::after {
    position: absolute;
    top: 13px;
    right: 0;
}

.jobs-form {
    box-shadow: 0px 30px 60px -20px rgba(0, 0, 0, 0.25);
}

.residence_itams_page .residence_itams .room-price {
    margin-right: 15px !important;
}

/*---------НОМЕРА ДЕТАЛЬНАЯ---------*/

.after-slide {
    padding: 25px 10px;
    white-space: nowrap;
    background: #282421;
}

.after-slide.flexbox > * {
    flex-basis: calc(25% - 20px);
    width: 100%;
    max-width: calc(25% - 20px);
    margin: 0 10px;
}

.after-slide.flexbox > .img:last-child {
    margin-right: 0;
}

.after-slide .img {
    display: block;
    height: 80px;
    opacity: 0.5;
    background-size: cover !important;
}

.after-slide .img:not(.active) {
    cursor: pointer;
}

.after-slide .img.active {
    opacity: 1;
}

.room_gallery {
    position: relative;
}

.room_gallery .room_params {
    position: absolute;
    bottom: 130px;
    z-index: 2;
    width: calc(100% - 40px);
    padding: 25px 20px;
    background: #282421ad;
}

.room_gallery .owl-nav button {
    top: 176px;
    width: 50px;
    height: 50px;
    margin: 0 !important;
    text-align: center;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175 !important;
    border-radius: 0 !important;
    transition: all 0.3s;
}

.room_gallery .owl-nav .owl-next span,
.room_gallery .owl-nav .owl-prev span {
    position: relative;
    top: 4px;
    font-size: 0px;
}

.room_gallery .owl-nav button span:before {
    transition: all 0.3s;
    content: url(/local/templates/new/./img/i_btn_arrow_2.svg);
}

.room_gallery .owl-nav .owl-prev span:before {
    top: -23px;
}

.room_gallery .owl-nav .owl-prev span:before {
    position: absolute;
    left: calc(50% - 4px);
    transform: rotate(180deg);
}

.type-detail-room .right_block {
    margin-left: 50px;
}

.room_gallery .owl-nav button.owl-next {
    right: 0;
}

.room_gallery .owl-nav button.owl-prev {
    left: 0;
}

.room_gallery .owl-nav button:hover,
.room_gallery .owl-nav .owl-prev.disabled {
    background: white !important;
}

.room_gallery .owl-nav button:hover span:before,
.room_gallery .owl-nav .owl-prev.disabled span:before {
    content: url(/local/templates/new/./img/i_btn_arrow_3.svg);
}

.room_gallery .owl-nav button:hover,
.room_gallery .owl-nav .owl-next.disabled {
    background: white !important;
}

.room_gallery .owl-nav button:hover span:before,
.room_gallery .owl-nav .owl-next.disabled span:before {
    content: url(/local/templates/new/./img/i_btn_arrow_3.svg);
}

.right_block .room-price {
    margin-right: 15px !important;
}

.right_block .room-price {
    margin: 0 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175 !important;
}

.right_block .link-as-text {
    display: block;
    padding-left: 20px;
    font-size: 10px;
    line-height: 1.5;
    color: #B5B175;
    border-left: 1px solid #b5b1751c;
}

.right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox {
    justify-content: space-between;
}

.room_first_line {
    margin-bottom: 15px;
    font-size: 11px;
}

.room_first_line svg {
    position: relative;
    top: 3px;
}

.room_second_line h3 {
    padding-bottom: 10px;
}

.room_second_line br {
    display: none;
}

.right_block .type-price-col.type-best-rate {
    margin-bottom: 20px;
}

.room_last_line p {
    margin-top: 0;
    margin-bottom: 5px;
}

.room_last_line a {
    color: #B5B175 !important;
}

.type-detail-room .right_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 530px;
}

.right_block .text-block-2 > * {
    padding: 20px 15px;
}

.distinctive_features {
    padding: 30px;
    background: #282421;
}

.distinctive_features ul,
.bathroom ul {
    column-count: 2;
    column-width: calc(50% - 25px);
}

.distinctive_features ul li,
.bathroom ul li {
    margin-right: 0px !important;
    break-inside: avoid;
}

@-moz-document url-prefix() {

    .distinctive_features ul li,
    .bathroom ul li {
        page-break-inside: avoid;
        display: inline-grid;
        width: 100%;
        padding-left: 30px;
    }

    .distinctive_features ul li span {
        padding-right: 30px;
    }

    .distinctive_features ul li:before,
    .bathroom ul li:before {
        position: absolute;
    }
}

.room_detail .services_items {
    display: block;
}

.room_detail .services_items > div:first-child .item {
    height: 245px;
}

.room_detail .flexbox {
    display: block;
}

.room_detail .col-flex-4 {
    max-width: 100%;
}

.room_first_line svg {
    margin-right: 5px;
}

.room_detail .owl-nav .owl-prev {
    left: -100px;
}

.room_detail .owl-nav .owl-next {
    right: -100px;
}

.equipment_icons_detail,
.bathroom,
.block_info {
    margin: 30px 0;
    padding: 30px;
    background: #282421;
}

.type-detail-room > .flex-box {
    align-items: flex-start;
}

.block_w_bg_1.room_detail {
    z-index: 0;

    margin-top: -400px;
    padding-top: 500px;
    background-position: top !important;
}

.type-detail-room {
    position: relative;
    z-index: 1;
}

.description-room {
    margin-bottom: 30px;
}

.type-detail-room .bootbox {
    margin-bottom: 70px;
}

.room_gallery .room_params {
    display: flex;
}

.room_gallery .room_params > div:first-child {
    margin-right: 30px;
}

.room_gallery .room_params svg {
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.block_w_bg_1.room_detail .services {
    padding: 70px 0 00;
    background: none;
}

.block_w_bg_0 {
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
    background: #2d292673;
}

.equipment_icons_detail .flexbox {
    flex-wrap: wrap;
}

.equipment_icons_detail .flexbox > * {
    flex-basis: calc(33.3333% - 20px);
    width: 100%;
    max-width: calc(33.3333% - 20px);
    padding-right: 20px;
}

.equipment_icons_detail .flexbox img {
    position: relative;
    top: -1px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    object-fit: contain;
}

.equipment_icons_detail .flexbox > div {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.room_detail div:first-child .item .hide p {
    -webkit-line-clamp: 4;
}

.distinctive_features h3,
.equipment_icons_detail h3,
.bathroom h3 {
    margin-bottom: 30px !important;
    color: #B5B175;
}

.bathroom ul.ul_style_2 li {
    margin-bottom: 14px !important;
}

.distinctive_features,
.equipment_icons_detail,
.bathroom {
    padding: 30px 30px 15px 30px;
}

.title-info:before {
    position: relative;
    top: 2px;
    margin-right: 7px;
    content: url(/local/templates/new/img/i_ex-point.svg);
}

.title-info {
    margin-bottom: 10px;
    color: #B5B175;
}

.rooms_deals {
    position: relative;
    padding-bottom: 100px;
}

.rooms_deals::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, #282421, #2D292600);
    content: '';
}

.room_detail .services .btn_container.line {
    margin-top: 50px;
}

.room_detail .services_items .owl-dots {
    margin-top: 20px !important;
}

.other-rooms .item_container {
    padding: 20px 30px 30px 30px;
    background: #282421;
    border-bottom: 1px solid #A19D60;
}

.other-rooms {
    position: relative;
    margin-top: 100px;
    margin-bottom: -70px;
    padding-top: 70px;
}

.other-rooms::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, #2a2623, #2a262300);
    content: '';
}

/*---------Спецпредложения ДЕТАЛЬНАЯ---------*/

.special_detail .services_items {
    display: block;
}

.special_detail .services_items > div:first-child .item {
    height: 245px;
}

.special_detail .flexbox {
    display: block;
}

.special_detail .col-flex-4 {
    max-width: 100%;
}

.special_detail .owl-nav .owl-prev,
.other-offers .owl-nav .owl-prev {
    left: -100px;
}

.special_detail .owl-nav .owl-next,
.other-offers .owl-nav .owl-next {
    right: -100px;
}

.other-offers .item_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 170px;
    padding: 20px 30px 30px 30px;
    background: #282421;
    border-bottom: 1px solid #A19D60;
}

.other-offers p.content {
    display: -webkit-box;
    overflow: hidden;
    min-height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.other-offers h3 {
    color: #B5B175;
}

.other-offers .owl-dots,
.special_detail .owl-dots {
    margin-top: 50px;
}

.special_detail .btn_container.line {
    margin-top: 50px;
}

.type-detail-offer .first_line img,
.type-detail-offer .first_line .b-image {
    height: 100%;
}

.type-detail-offer .first_line {
    align-items: stretch;
    margin-bottom: 70px;
}

.type-detail-offer .first_line img {
    width: 100%;
    object-fit: cover;
}

.type-detail-offer .detail-dark-title {
    display: block;
    margin-bottom: 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    line-height: 27px;
}

.type-detail-offer .buttons {
    margin-top: 30px;
}

.type-detail-offer .buttons > .flexbox {
    margin-right: -5px;
    margin-left: -5px;
}

.type-detail-offer .buttons .button-container {
    flex-basis: calc(33.3333% - 10px);
    max-width: calc(33.3333% - 10px);
    padding: 0 5px;
}

.type-detail-offer .buttons .button-container a {
    display: block;
    padding: 20px 30px;
    background: #282421;
    border-bottom: 1px solid #B5B175;
}

.type-detail-offer .first_line .b-columns {
    padding-left: 30px;
}

.type-detail-offer .first_line ul {
    margin: 25px 0 20px 0;
}

.type-detail-offer .first_line h4 {
    margin-bottom: 20px;
}

.type-detail-offer .first_line .some_info {
    margin-top: 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    line-height: 27px;
    color: #B5B175;
}

.type-detail-offer .first_line .price {
    margin-top: 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175;
}

.offers {
    margin-top: 0;
}

.offers .text-block-2 .flexbox {
    flex-wrap: nowrap;
}

.offers .text-block-2 .btn {
    white-space: nowrap;
}

.other-offers {
    margin-top: 70px;
}

.second_line .detail {
    margin-bottom: 40px;
}

.offers + .services {
    position: relative;
    padding: 70px 0 0 0;
    background: none;
}

.block_w_bg_1.offers {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 100px;
}

.block_w_bg_1.offers:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 600px;
    background: linear-gradient(to top, #282421 0%, #282421 30%, #28242100);
    content: '';
}

.special_detail .item .hide p {
    -webkit-line-clamp: 4 !important;
}

/*---------СТРАНИЦА СПА---------*/

.mini_container {
    width: 100%;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
}

.spa_page .mini_container p {
    margin-bottom: 90px;
    text-align: center;
}

.spa_page .flexbox.item {
    align-items: stretch;
    margin-bottom: 30px;
    background: #282421;
    transition: all .3s;
}

.spa_page .flexbox.item .img {
    height: 100%;
}

.spa_page .flexbox.item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spa_page .flexbox.item .img a {
    display: block;
    height: 100%;
    line-height: 0;
}

.spa_page .flexbox.item .col-flex-6.flexbox {
    display: flex;
    align-items: center;
}

.spa_page .flexbox.item .col-flex-6.flexbox > div {
    padding: 40px;
}

.spa_page .icons {
    margin: 20px 0 30px 0;
    padding: 20px 5px 0 5px;
    background: #2d2926;
    transition: all .3s;
}

.spa_page .icons > div {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.spa_page .icons span {
    margin-left: 12px;
    font-size: 11px;
    line-height: 1.2;
}

.spa_page .item:hover .icons {
    color: #2D2926;
    background: rgba(181, 177, 117, 0.1);
}

.spa_page .item:hover {
    background: white;
}

.spa_page .item h3 {


    color: #B5B175;
    transition: all .3s;
}

.spa_page .item:hover h3,
.spa_page .item:hover p {
    color: #2D2926;
}

.spa_page .btn_container {
    display: inline-block;
    max-idth: 186px;
}

/*---------Страница Академия Спа---------*/

.spa_academy {
    position: relative;
    z-index: 1;
}

article.tile,
article.info_grafic {
    position: relative;
    z-index: 2;
}

article.info_grafic {
    padding: 100px 0 0 0;
    background: #282421;
}

article.info_grafic .advantages .flexbox > * {
    flex-basis: 33.3333%;
    width: 100%;
    max-width: 33.3333%;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #b5b1751c;
}

article.info_grafic .advantages .flexbox > div:nth-child(3n) > div {
    border-right: 0;
}

article.info_grafic .advantages .flexbox > div:nth-last-child(1),
article.info_grafic .advantages .flexbox > div:nth-last-child(2),
article.info_grafic .advantages .flexbox > div:nth-last-child(3) {
    border-bottom: 0;
}

article.tile {
    padding: 100px 0;
    background: #2d292673;
}

article.tile .item {
    height: calc(100% - 40px);
    padding: 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px !important;
    background: #282421;
    border-bottom: 1px solid #B5B175;
}

article.tile .item h4 {
    font-size: 18px !important;
    line-height: 1.5 !important;
    white-space: nowrap;
    color: #B5B175;
}

article.tile .items_column.flexbox.row {
    align-items: stretch;
}

article.spa_about {
    padding: 100px 0;
}

article.spa_academy_about {
    padding-bottom: 70px;
}

article.spa_about {
    padding-top: 70px;
}

article.spa_about .flexbox.row,
article.spa_academy_about .flexbox.row {
    align-items: stretch;
}

article.spa_about .flexbox.row .picture,
article.spa_academy_about .flexbox.row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

article.spa_about .flexbox.row > div div,
article.spa_academy_about .img_container {
    height: 100%;
}

article.spa_academy_about .text_conteiner {
    padding-left: 30px;
}

article.spa_about .text_conteiner {
    padding-right: 30px;
}

.slider-spa .owl-nav .owl-prev {
    left: -100px;
}

.slider-spa .owl-nav .owl-next {
    right: -100px;
}

.slider-spa .owl-dots {
    display: none;
}

.spa_academy .text_conteiner p {
    line-height: 23px;
}

.spa_academy_about .text_conteiner a:not(.btn) {
    display: inline-block;
    margin-bottom: 50px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    color: #B5B175;
}

article.spa_academy_about .flexbox.row img {
    max-height: 295px;
}

.spa_academy {
    margin-bottom: 0;
}

/*---------Страница Аква-центр и фитнес---------*/

.fitness article.spa_academy_about .flexbox.row img {
    max-height: calc(100% - 15px);
}

.fitness article.info_grafic .advantages .flexbox > * {
    flex-basis: 25%;
    max-width: 25%;
    margin: 0;
    padding: 0;
    border: 0;
}

.fitness article.info_grafic {
    z-index: 0;
    padding: 100px 0;
}

.fitness .spa_about {
    position: relative;
    z-index: 1;
}

.fitness article.tile .items_column.flexbox.row {
    flex-wrap: nowrap;
}

.fitness article.info_grafic .advantages .flexbox > div:nth-child(3) > div {
    border-right: 1px solid #b5b1751c;
}

article.tile .flexbox > div {
    max-width: none;
}

.fitness table.table-style ul .name {
    color: #B5B175;
}

.fitness table.table-style .small {
    font-size: 12px;
}

article.table {
    padding: 100px 0;
    background: linear-gradient(to bottom, #282421 0%, rgba(45, 41, 38, 0) 158.7%);
}

.fitness .spa_about .text_conteiner {
    position: relative;
}

.fitness article.tile .description {
    margin-top: 30px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #B5B175;
}

/*---------Страница Салон красоты---------*/

.beauty .spa_about::before,
.beauty .info_grafic::before,
.beauty .tile::before {
    display: none !important;
}

/*---------Страница Никольский---------*/

.call_form form .form_phone,
.call_form form .form_name,
.call_form form .form_type,
.call_form form .form_mail,
.call_form form .form_comment {
    margin-right: 30px;
    margin-left: 30px;
}

.call_form.active {
    display: block;
}

.call_form {
    box-shadow: 0px 0px 60px 2000px rgb(40 36 33 / 79%) !important;
}

.call_form {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: none;
    width: 370px;
    background: white;
    transform: translate(-50%, -50%);
}

.call_form h4 {
    margin: 30px 30px 20px 30px !important;
    color: #B5B175;
}

.call_form input[type="text"] {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    border: 0;
    border-bottom: 1px solid #B5B175;
    outline: none;
}

.call_form .close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.call_form a.subm-form {
    display: block;
    width: 100%;
    height: 75px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
    line-height: 75px;
    text-align: center;
}

.call_form .btn span {
    width: calc(100% - 125px);
    height: 75px;
    line-height: 75px;
}

.call_form .btn:after {
    width: 75px;
    padding: 30px 0;
}

.jobs-form {
    box-shadow: 0px 0px 60px 2000px rgb(40 36 33 / 79%) !important;
}

.nilol_detail .price {
    margin: 0 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175 !important;
}

.nilol_detail .img_container img {
    width: 100%;
    object-fit: cover;
}

.nilol_detail .img_container {
    height: 100%;
}

.nilol_detail .flexbox.row,
.banquet-menu .flexbox {
    align-items: stretch;
}

.banquet-menu .img_container {
    height: 100%;
    min-height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}

.banquet-menu .text_container {
    padding: 30px 40px 20px 40px;
    background: #282421;
}

.banquet-menu .text_container .flexbox.row {
    margin-right: -10px;
    margin-left: -10px;
}

.banquet-menu .text_container .flexbox.row > * {
    flex-basis: calc(50% - 80px);
    width: 100%;
    max-width: calc(50% - 80px);
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 25px 30px;
    background: #2D2926;
    border-bottom: 1px solid #B5B175;
}

.banquet-menu .text_container span {
    color: #B5B175;
}

.banquet-menu .text_container h3 {
    margin-bottom: 20px !important;
    font-size: 24px !important;
    color: #B5B175;
}

.banquet-menu .text_container .item svg {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.banquet-menu {
    padding: 70px 0 0 0;
}

.nilol_detail .block_w_bg_1 {
    background-position: center;
}

.nilol_detail .other-rooms {
    margin-bottom: 50px;
    padding-top: 0;
}

.other-rooms::before {
    display: none;
}

.characteristics {
    padding: 100px 0 20px 0;
    background: linear-gradient(to bottom, #2d2926 0%, rgba(45, 41, 38, 0) 158.7%);
}

.banquet-menu-item:not(:last-child) {
    margin-bottom: 30px;
}

button.btn {
    padding: 0;
    font-size: 15px;
    background: 0;
    border: 0;
    cursor: pointer;
}

button.btn span {
    line-height: 50px !important;
}

.call_form form select {
    width: 100%;
    min-height: 40px;
    margin-bottom: 20px;
    color: #757575 !important;
    border: 0;
    border-bottom: 1px solid #B5B175;
    outline: none;
    outline: none;

}

.call_form form select::placeholder {
    color: #757575 !important;
}

.call_form form select option {
    padding: 10px 0;
    background: #e8e1c6;
}

.nilol_detail .text_conteiner .price {
    margin-top: 40px;
    margin-bottom: 30px;
    margin-left: 0;
}

.nilol_detail .text_conteiner > .flexbox {
    margin-bottom: 20px;
}

.nilol_detail .text_conteiner h4 {
    margin-top: 20px !important;
}

.nilol_detail .before_carousel {
    margin-top: 100px;
}

.characteristics p {
    margin-top: 0;
}

.characteristics .title {
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
    line-height: 27px;
    color: #B5B175;
}

.characteristics .ul_style {
    margin-bottom: 30px;
}

.text_conteiner .area,
.text_conteiner .count-people {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-right: 30px;
}

.text_conteiner .area svg,
.text_conteiner .count-people svg {
    position: relative;
    margin-right: 10px;
}

.text_conteiner .area svg {
    top: 3px;
}

.text_conteiner .count-people svg {
    top: 1px;
}

.banquet-menu .text_container .flexbox.row > div {
    transition: all .3s;
    cursore: pointer;
}

.banquet-menu .text_container .flexbox.row > div:hover {
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
}

.banquet-menu .text_container .flexbox.row > div:hover span {
    color: white;
}

.banquet-menu .text_container .flexbox.row > div:hover svg path {
    fill: white;
}

.nilol_detail .text_conteiner {
    padding-left: 20px;
}

.img_bg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banquet-menu .text_container .flexbox.row + .flexbox.row:before {
    top: -20px;
    width: 100%;
    height: 1px;
    margin: 0 10px;
    margin-bottom: 20px;
    background: #484435;
    content: '';
}

.spa_academy:not(.fitness) article.tile::before {
    display: none;
}

.spa_academy_about .img_bg {
    min-height: 295px;
}

.stretch {
    align-items: stretch;
}

.other-halls img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.other-halls .other-item {
    line-height: 0;
}

.other-halls .other-item .btn_more {
    display: inline-block;
    margin: 10px 0;
}

@media (max-width: 992px) {
    .img_bg {
        min-height: 400px;
    }
}

@media (max-width: 420px) {
    .img_bg {
        min-height: 170px;
    }
}

/*---------Страница Мероприятия---------*/

.events_page .img_text {
    padding-bottom: 100px;
}

.events_page + .spa_page {
    padding-top: 70px;
}

.events_page + .spa_page .spa_items .icons {
    display: none;
}

.events_page + .spa_page .btn_container {
    margin-top: 20px;
}

.events_page .not_img {
    font-family: 'Roboto Slab', serif !important;
    font-size: 40px;
    line-height: 60px;
    color: #B5B175 !important;
}

.events_page .not_img span {
    font-family: 'circe';
    font-size: 15px;
}

/*---------Страница Банкетные залы---------*/

.banquet_halls .b-writing.type-signboard-writing.type-banquet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 360px);
    padding: 30px;
    background: #282421;
}

.banquet_halls .b-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.banquet_halls .b-card {
    height: 100%;
}

.banquet_halls .img_block {
    line-height: 0 !important;
}

.banquet_halls .b-card > * {
    line-height: 22.5px;
}

.banquet_halls .tiles-item {
    height: 100%;

}

.banquet_halls .flexbox.row.stretch > div {
    margin-bottom: 30px;
}

.banquet_halls .area,
.banquet_halls .count-people {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-right: 30px;
}

.banquet_halls .area svg,
.banquet_halls .count-people svg {
    position: relative;
    margin-right: 10px;
}

.banquet_halls .area svg {
    top: 3px;
}

.banquet_halls .count-people svg {
    top: 1px;
}

.banquet_halls .items_ul {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 30px 10px 30px;
    background: #282421;
}

.banquet_halls .items_ul ul {
    display: flex;
    flex-wrap: wrap;
}

.banquet_halls .items_ul h3 {
    font-size: 18px;
    text-align: center;
    color: #B5B175;
}

.banquet_halls .items_ul li {
    flex-basis: calc(33.333% - 20px);
    width: 100%;
    max-width: calc(33.333% - 20px);
    margin-bottom: 0 !important;
}

.banquet_halls .mini_container {
    text-align: center;
}

.banquet_halls .caption-value h3 {
    color: #B5B175 !important;
}

.banquet_halls .price {
    margin-left: 30px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px;
    color: #B5B175 !important;
}

.banquet_halls .second_part {
    margin-top: 10px;
}

/*---------страница КОНФЕРЕНЦ-ЗАЛ «ПЕТЕРГОФ»---------*/

.peterhof_hall .text_conteiner .price {
    margin-top: 20px;
    margin-bottom: 10px;
}

.peterhof_hall .text_conteiner .price .title-price {
    display: block;
    font-family: 'circe';
    font-size: 15px;
    color: white;
}

.peterhof_hall .call-send.btn {
    margin-top: 40px;
}

.peterhof_hall .arrangement {
    padding: 70px 0 100px 0;
}

.peterhof_hall .arrangement .flexbox > div {
    text-align: center;
}

.peterhof_hall .arrangement .flexbox > div:not(:last-child) > div {
    border-right: 1px solid #b5b1751c;
}

.peterhof_hall .arrangement .item {
    font-family: 'Roboto Slab', serif !important;
}

.peterhof_hall .arrangement .item span {
    display: block;
    margin-top: 10px;
    font-size: 24px;
    color: #B5B175;
}

.peterhof_hall .arrangement .item div {
    display: block;
    margin-top: 20px;
    font-size: 18px;
}

.peterhof_hall .other-rooms {
    margin-top: 0;
    padding-top: 70px;
    background: linear-gradient(to bottom, #282421, #28242100);
}

.text_detail {
    margin-top: 180px;
}

h2.center::after,
.inner-page h1.center::after {
    margin-top: 30px;
}

.peterhof_hall .owl-nav .owl-next {
    right: -100px;
}

.peterhof_hall .owl-nav .owl-prev {
    left: -100px;
}

/*---------Страница Услуги---------*/

.services_page .items .item {
    padding: 30px;
}

.services_page .serv_list_1 .items .item:nth-child(odd) {
    background: #282421;
}

.services_page .serv_list_1 .items .item {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;

}

.text_container h4 {
    color: #B5B175;
}

.services_page .icon_container {
    padding: 0 10px;
}

.services_page .text_container {
    padding-left: 30px;
}

.services_page .text_container .btn_more {
    display: inline-block;
    margin-top: 20px;
}

.services_page .advantages .flexbox {
    margin-right: -15px;
    margin-left: -15px;
}

.services_page .advantages .flexbox > div {
    flex-basis: calc(33.3333% - 30px);
    max-width: calc(33.3333% - 30px);
    margin: 0 15px 30px 15px;
    padding: 40px 0;
    background: #282421;
}

.services_page .advantages .flexbox > div > div {
    border: 0 !important;
}

.services_page .advantages .flexbox > div:nth-child(4),
.services_page .advantages .flexbox > div:nth-child(5),
.services_page .advantages .flexbox > div:nth-child(6),
.services_page .advantages .flexbox > div:nth-child(7) {
    flex-basis: calc(25% - 30px);
    max-width: calc(25% - 30px);
}

.services_page .advantages .title {
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
}

.services_page .serv_list_2 {
    margin-top: 30px;
}

/*---------Страница Прокат---------*/

.other-rooms .other-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.other-rooms .owl-stage {
    display: flex;
    align-items: stretch;
}

.other-rooms .owl-stage .other-item {
    height: 100%;
}

.other-rooms .owl-stage .other-item .item_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 231px);
}

.other-rooms .owl-dots {
    margin-top: 30px;
}

.other-rooms .owl-nav .owl-prev {
    left: -100px;
}

.other-rooms .owl-nav .owl-next {
    right: -100px;
}

.rental_page .text_conteiner h4 {
    margin-top: 0px !important;
}

.nilol_detail .img_container {
    min-height: 450px;
}

.rental_page .img_container {
    min-height: 300px;
}

.rental_page .other-rooms {
    margin-top: 0;
    padding-top: 70px;
    background: linear-gradient(to bottom, #282421, #28242100);
}

.rental_page .btn_container {
    margin-top: 50px;
}

.rental_page .text_detail {
    margin-bottom: 100px;
}

/*---------Страница Свадебные мероприятия---------*/

.wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) {
    flex-flow: wrap;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) > div:first-child {
    order: 1;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) .text_container {
    padding-right: 40px;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(odd) .text_container {
    padding-left: 40px;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) > div:last-child {
    order: 0;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #b5b1751c;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:first-child {

    padding-top: 0;
}

.wedding_page .wedding_items .maxwidth-theme .flexbox:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.wedding_page .wedding_items {
    padding: 100px 0;
}

.other-rooms .owl-stage .owl-item .item_container h3 {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    font-size: 18px !important;
    transition: all .3s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.other-rooms .owl-stage .owl-item .item_container h3:hover::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    color: white;
    background: #282421;
    content: attr(data-title);
}

.other-rooms .owl-stage .owl-item .item_container h3:hover {
    overflow: visible;
}

.wedding_page .other-rooms {
    margin-bottom: 100px;
}

.wedding_page .advantages .flexbox > div {
    flex-basis: 25%;
    max-width: 25%;
}

.wedding_page .advantages .flexbox > div:nth-child(5),
.wedding_page .advantages .flexbox > div:nth-child(6),
.wedding_page .advantages .flexbox > div:nth-child(7),
.wedding_page .advantages .flexbox > div:nth-child(8),
.wedding_page .advantages .flexbox > div:nth-child(9) {
    flex-basis: 20%;
    max-width: 20%;
}

.block_w_bg_2 {
    position: relative;
    padding-top: 70px;
    padding-bottom: 0px;
    background-image: url(/local/templates/new/img/bg_img_5.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.wedding_page .block_w_bg_1 {
    margin-top: 0;
    background-position: center;
}

.wedding_page .block_w_bg_0 {
    background: linear-gradient(to bottom, #282421, #2d292673);
}

.wedding_page .rooms_deals::before {
    background: linear-gradient(to top, #2D2926, #2D292600);
}

.wedding_items h4 {
    font-size: 24px !important;
    color: #B5B175;
}

.wedding_page .advantages .flexbox > div {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #b5b1751c;
}

.wedding_page .advantages .flexbox > div:nth-child(10),
.wedding_page .advantages .flexbox > div:nth-child(11),
.wedding_page .advantages .flexbox > div:nth-child(12),
.wedding_page .advantages .flexbox > div:nth-child(13) {
    border-bottom: 0;
}

.wedding_page .img_text {
    margin-bottom: 90px;
}

.wedding_page .img_text .text_conteiner {
    padding-left: 20px;
}

.wedding_page .img_text button.btn {
    margin-top: 50px;
}

.wedding_page .advantages .flexbox > div:nth-child(4) > div,
.wedding_page .advantages .flexbox > div:nth-child(9) > div {
    border-right: 0;
}

.wedding_page .other-rooms {
    margin-top: 0;
}

.wedding_page .block_w_bg_2 {
    padding-top: 0;
}

.wedding_page .block_w_bg_0 .other-rooms {
    margin-bottom: 0;
}

.wedding_page .block_w_bg_2 .rooms_deals {
    margin-top: 70px
}

.wedding_page .btn_container.line {
    position: relative;
    margin-top: 40px;
}

@media (max-width: 992px) {
    .wedding_page .advantages .flexbox > div {
        flex-basis: 33.333% !important;
        max-width: 33.333% !important;
        margin-right: auto;
        margin-left: auto;
    }

    .wedding_page .img_text .text_conteiner {
        padding: 0 5px;
    }

    .wedding_page .advantages .flexbox > div > div {
        border-right: 1px solid #b5b1751c !important;
    }

    .wedding_page .advantages .flexbox > div:not(:last-child) {
        border-bottom: 1px solid #b5b1751c;
    }

    .wedding_page .advantages .flexbox > div:nth-child(3) > div,
    .wedding_page .advantages .flexbox > div:nth-child(6) > div,
    .wedding_page .advantages .flexbox > div:nth-child(9) > div,
    .wedding_page .advantages .flexbox > div:last-child > div {
        border-right: 0 !important;
    }

    .wedding_page .img_text {
        margin-bottom: 60px;
    }

    .before_carousel:before {
        height: 210px;
    }

    .before_carousel {
        margin-bottom: 5;
        padding-bottom: 40px;
    }

    .wedding_items .flexbox > div {
        flex-basis: 50%;
        max-width: 50%;
    }

    .wedding_page .block_w_bg_2 {
        background-size: 200%;
    }

    .wedding_page .block_w_bg_1 {
        background-size: 300%;
    }

    .inner-page {
        background-size: 200%;
    }

    .wedding_page .wedding_items {
        padding: 70px 0;

    }
}

@media (max-width: 640px) {
    #about .img_bg {
        height: 170px !important;
    }

    #about .btn.youtube span {
        display: none;
    }

    .spa_page .flexbox.item .img img {

        height: 170px;
    }

    .wedding_page .advantages .flexbox > div,
    .wedding_page .wedding_items .maxwidth-theme .flexbox > div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) > div:first-child {
        order: 0;
    }

    .wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) > div:last-child {
        order: 1;
    }

    .wedding_page .img_text {
        margin-bottom: 50px;
    }

    .wedding_page .advantages .flexbox > div > div {
        border-right: 0 !important;
    }

    .wedding_page .img_text .text_conteiner {
        margin-top: 10px;
    }

    .wedding_page .img_text button.btn {
        margin-top: 30px;
    }

    .wedding_page .before_carousel {
        height: auto;
        background: linear-gradient(to bottom, #28242100, #282421);
    }

    .wedding_page .wedding_items {
        padding: 0px;
    }

    .wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(odd) .text_container {
        margin-top: 30px;
        padding-left: 0px;
    }

    .wedding_page .wedding_items .maxwidth-theme .flexbox:nth-child(even) .text_container {
        margin-top: 30px
        padding-right: 0px;
    }

    .wedding_page .wedding_items .maxwidth-theme .flexbox {
        padding-bottom: 30px;
    }

    .wedding_page .advantages {
        margin-top: 50px;
    }

    .wedding_page .advantages .flexbox > div {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .wedding_page .advantages .flexbox > div > div {
        flex-direction: column;
    }

    .wedding_page .advantages .flexbox > div > div .title {
        margin-top: 20px;
        text-align: center;
    }

    .banquet-menu-item .img_container {
        height: 170px !important;
        min-height: 170px;
    }

    .wedding_page .block_w_bg_1 {
        margin-bottom: 0 !important;
    }

    .banquet-menu .text_container h3 {
        margin-top: 10px !important;
    }

    .wedding_page .block_w_bg_1 {
        background-position: top;
        background-size: 500%;
    }

    .room_detail .other-rooms {
        margin-bottom: 0 !important;
    }

    .before_carousel .owl-carousel .owl-item img {
        height: 170px;
    }
}

/*---------Таблицы---------*/

table.table-style {
    width: 100%;
    margin-bottom: 50px;
    border-spacing: 0;
}

table.table-style th {
    font-size: 18px;
    font-weight: normal;
    color: #2D2926;
    background: #B5B175;
}

table.table-style tr th:first-child {
    padding: 15px 20px 15px 50px;
}

table.table-style th {
    padding: 15px 20px 15px 20px;
    text-align: left;
    vertical-align: top;
}

table.table-style tr td:first-child {
    padding: 20px 20px 20px 50px;
}

table.table-style td {
    padding: 20px 20px 20px 20px;
    vertical-align: top;
}

table.table-style tbody tr:nth-child(even) td {
    background: #282421;
}

table.table-style ul {
    margin: 0;
    padding: 0;
}

table.table-style ul li {
    list-style: none;
}

table.table-style ul li:first-child {
    margin-top: 0 !important;
}

table.table-style ul li:last-child {
    margin-bottom: 0 !important;
}

table.table-style h3 {
    color: #B5B175;
}

/*---------пагинация---------*/

.pagination {
    display: none;
}

.pagination + .pagination {
    display: flex;
    justify-content: center;
    text-align: center;
}

.pagination .nav_page {
    display: block;
    width: 43px;
    height: 43px;
    margin: 0 10px;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    color: #B5B175;
    background: #282421cf;
}

.pagination span.nav_page,
.pagination a.nav_page:hover {
    color: white;
    background: #B5B175;
}

.pagination .nav_prev,
.pagination .nav_next {
    position: relative;
    display: block;
    width: 43px;
    height: 43px;
    margin: 0 10px;
    font-size: 0;
}

.pagination a.nav_prev:hover,
.pagination a.nav_next:hover {
    background: #282421cf;
}

.pagination .nav_prev::before,
.pagination .nav_next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    transform: translate(-50%, -50%);
}

.pagination .nav_prev::before {
    content: url(/local/templates/new/img/i_arrow_left.png);
}

.pagination .nav_next::before {
    content: url(/local/templates/new/img/i_arrow_right.png);
}

/*---------Липучая шапка---------*/

.sticky_header {
    position: fixed;
    top: 0;
    z-index: 3;
    display: none;
    width: 100%;
    background: #2d2926f2;
    transition: all .3s;
    transform: translatey(-50px);
}

.sticky_header.active {
    transform: translatey(0px);
}

.sticky_header > div {
    justify-content: space-between;
}

.sticky_menu_btn {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    background: #A19D60;
}

.sticky_header .burger {
    position: relative;
    top: calc(50% - 10px);
    display: inline-block;
    display: block;
    width: 30px;
    margin-left: 10px;
}

.sticky_header .burger span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 5px;
    background: white;
}

.sticky_header .burger span:last-child {
    width: 21px;
    margin-bottom: 0;
}

.sticky_header .logo img {
    position: relative;
    top: 3px;
    width: 35px;
}

.sticky_header .header_tel {
    margin-right: 25px;
    font-size: 20px;
}

/*---------Фотобокс---------*/

.pbWrapper > div,
.pbWrapper > img {
    box-shadow: 0 0 0 !important;
    border-radius: 0;
}

.hasCounter #pbCaption .counter {
    font-family: 'circe';
    color: #b5b175;
}

#pbOverlay {
    background: rgb(40 36 33 / 79%) !important;
}

#pbNextBtn b:after {
    content: url(/local/templates/new/img/owl-next.png) !important;
}

#pbPrevBtn b:before {
    content: url(/local/templates/new/img/owl-prev.png) !important;
}

#pbPrevBtn b {
    position: relative;
    left: 10%;
}

#pbNextBtn b {
    position: relative;
    right: 10%;
}

/*---------Доработки---------*/

.b-entire.type-rooms .item_container .flexbox {
    flex-wrap: nowrap;
}

.posters .owl-nav .owl-prev span:before {
    top: -25px;
}

.posters .owl-nav button span:before {
    position: relative;
    top: -2px;
}

.order_block form .hide .btn span {
    height: 75px !important;
    padding: 0 30px !important;
    line-height: 73px !important;
}

article.text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

article.reviews_page .reviews .flexbox .item p {
    -webkit-line-clamp: initial;
}

.not-general-link {
    display: none;
}

#insta .col-flex-5-row .item:hover {
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
}

#insta .col-flex-5-row .item:hover p {
    color: white;
}

#insta .col-flex-5-row .item:hover span {
    border-color: white;
}

#insta .col-flex-5-row .item:hover svg path {
    fill: white;
}

.cashback .item a:hover {
    color: #4fad50;
    background: white;
}

.deals_slider p.content {
    display: -webkit-box;
    overflow: hidden;
    min-height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.deals_slider .item_container {
    padding: 20px 30px 30px 30px;
    background: #282421;
    border-bottom: 1px solid #A19D60;
}

.deals .item_container {
    margin-top: 0;
}

.inner-page .order_block .link:hover {
    text-decoration: none;
    color: #B5B175;
}

.deals_slider .item_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 170px;
}

.deals .owl-dots,
.deals_slider .owl-dots {
    margin-top: 50px;
}

.services_items.owl-carousel.flexbox.row {
    margin-right: 0;

    margin-left: 0;
}

.services_items.owl-carousel > div .item {
    margin: 0 !important;
}

.room_detail .services_items .owl-dots {
    margin-top: 40px !important;
}

.lang-item.active {
    pointer-events: none;
}

.language {
    top: 3px;
    min-height: 27px;
    margin-left: 30px;
    padding-right: 22px;
}

.mobile_menu .language:hover .lang-list .lang-item:not(.active) {
    display: block;
}

.mobile_menu .language {
    top: 0;
    right: 0;
    z-index: 1;
}

.language:after {
    position: absolute;
/ / transition: all .3 s;
}

.language:hover:after {
/ / transform: rotate(180 deg);
}

article.about > .flexbox > .col-flex-6:first-child div,
article.about > .flexbox > .col-flex-6:first-child img,
article.text > .flexbox > .col-flex-6:first-child div,
article.text > .flexbox > .col-flex-6:first-child img {
    height: 100%;
}

.deals .tiles-item .b-card {
    height: 250px;
}

.deals .item_container {
/ / height: calc(100 % - 330 px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.deals .b-container > .flexbox {
    align-items: stretch;
}

.deals .tiles-item {
    height: 100%;
}

.deals .b-button {
    max-width: 90px;
    text-align: center;
}

.room-square,
.room-person,
.room-beds {
    display: flex;
}

.room-square,
.room-beds {
    white-space: nowrap;
}

.b-entire.type-rooms .item_container .flexbox {
    flex-wrap: nowrap;
}

.room-square > svg,
.room-person > svg,
.room-beds > svg {
    flex-basis: 26px;
    max-width: 26px;
}

.b-entire.type-rooms .item_container .flexbox {
    align-items: flex-start;
}

/*---*/
.residence_itams .room-item__image {
    height: 100%;
    object-fit: cover;
}

.residence_itams_page .residence_itams .item_container {
    height: auto;
}

.residence_itams .item > .flexbox > div {
    height: auto;
}

.residence_itams_page .room_carousel,
.residence_itams_page .room_carousel div,
.residence_itams_page .room_carousel img {
    height: 100%;
}

.residence_itams .item > .flexbox {
    align-items: stretch;
}

/*---*/

.room-beds {
    margin-right: 0 !important;
}

.not-general-link {
    display: none;
}

.residence_itams_page .residence_itams .room_params {
    align-items: flex-start;
}

.residence_itams_page .room-icons-popup {
    top: 42px !important;
    width: calc(200% - 40px) !important;
}

.residence_itams_page .not-general-link:hover .room-icons-popup {
    display: block;
}

#first-screen-header {
    z-index: 3;
}

.residence_itams_page .not-general-link .room-icons-popup img {
    width: 16px;
    height: 16px;
    object-fit: cover;
}

.residence_itams_page .not-general-link .room-icons-popup span {
    text-decoration: none;
    color: white;
}

.residence_itams_page .room-icons-popup > div {
    display: flex;
    align-items: center;
}

article.text {
    margin-bottom: 0px;
    padding-bottom: 100px;
}

.banquet-menu .text_container .flexbox.row > div:hover a {
    color: white;
}

.mob_hide {
    display: block;
}

.desc_hide {
    display: none;
}

.info_grafic .advantages .not_img + .title {
    margin-top: 0;
}

.room_gallery .owl-nav .owl-prev span:before,
.residence_itams .owl-nav .owl-prev span:before {
    top: -11px;
}

.posters .owl-nav .owl-prev span:before {
    top: -13px;
}

.marker_i img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.room_detail .other-rooms {
    background: linear-gradient(to bottom, #282421, #28242100);
}

article.reviews_page .reviews-list .item {
    border-right: 0;
}

.language::after {
    top: 3px;
}

.sertificats .owl-carousel .owl-item img {
    max-height: 380px;
    object-fit: contain;
}

.about-list-slider .owl-carousel.owl-drag .owl-item img {
    height: 190px;
    object-fit: cover;
}

.about-list-slider .owl-carousel.owl-drag .owl-item,
.about-list-slider .owl-stage {
    height: 190px;
}

#about .btn_container {
    position: absolute;
    right: 0;
    bottom: -50px;
}

#about .img_bg {
    position: relative;
    height: calc(100% - 50px);
}

#insta .overflow {
    overflow: hidden;
}

#insta .item {
    height: auto;
}

#insta .item.first a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #282421;
}

#insta .item.first a:hover {
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
}

#insta .item.first a:hover span {
    border-color: white;
}

#insta .item.first a:hover p {
    color: white;
}

#insta .item.first a:hover span path {
    fill: white;
}

#insta .item.first span {
    margin: auto;
}

#insta .owl-stage {
    display: flex;
    align-items: stretch;
}

#insta {
    position: relative;
}

#insta::before {
    position: absolute;
    top: calc(50% - 100px);
    left: 20%;
    width: 200px;
    height: 200px;
    background: #B5B175;
    border-radius: 50%;
    filter: blur(200px);
    content: '';
}

#insta .owl-carousel .owl-nav,
#insta .owl-carousel .owl-dots {
    display: none;
}

.nilol_detail .banquet-menu .img_container {
    min-height: 1px;
}

#insta .item p:not(.hashtag) {
    margin-top: 0 !important;
}

#insta .item.first a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-wrap {
    display: none;
}

.video-wrap.active {
    display: block;
}

.overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgb(40 36 33 / 79%);
    backdrop-filter: blur(10px);
}

.jobs-form {
    box-shadow: 0 0 0;
}

#pbOverlay {
    background: rgb(40 36 33 / 79%);
    backdrop-filter: blur(10px);
}

.jobs-form .form_container,
.call_form .form_container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 380px;
    background: white;
    transform: translate(-50%, -50%);
}

@media (min-width: 992px) {
    #about .about_text h3, #about .about_text .h3 {
        margin-top: 50px !important;
    }
}

.down {
    z-index: 1 !important;
}

.first_screen_slider .new_dots {
    display: block;
    margin-top: -100px;
}

.first_screen_slider .owl-dots {
    margin: 0;
}

.first_screen_slider .new_prev,
.first_screen_slider .new_next {
    display: none;
}

#about .img_bg {
    background-position: left;
}

.video-wrap.active .video_container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    padding: 40px;
    transform: translate(-50%, -50%);
}

.btn.youtube:hover {
    cursor: pointer;
}

#about .gradient_2 {
    z-index: 99;
}

#about iframe {
    display: none;
    width: 1170px;
    height: 575px;
}

.video-wrap.active iframe {
    display: block
}

.close_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer
}

.close_btn svg {
    width: 30px;
    height: 30px;
}

.close_btn:hover svg path {
    fill: white;
}

@media (max-width: 1370px) {

    .first_screen_slider .new_prev,
    .first_screen_slider .new_next {
        display: inline-block;
    }
}

@media (max-width: 1170px) {
    #about iframe {
        width: 800px;
        height: 400px;
    }
}

@media (max-width: 992px) {
    #about .img_bg {
        background-position: center;
    }

    #about iframe {
        width: 640px;
        height: 320px;
    }
}

@media (max-width: 640px) {
    #about iframe {
        width: 320px;
        height: 165px;
    }
}

/*---------Адаптивность---------*/

@media (max-width: 1710px) {
    .owl-nav .owl-prev {
        left: 9vw;
    }

    .owl-nav .owl-next {
        right: 9vw;
    }

    .cashback .item {
        left: -150px;
    }
}

@media (max-width: 1560px) {
    .owl-nav .owl-prev {
        left: 6vw;
    }

    .owl-nav .owl-next {
        right: 6vw;
    }
}

@media (max-width: 1430px) {
    .owl-nav .owl-prev {
        left: 3vw;
    }

    .owl-nav .owl-next {
        right: 3vw;
    }

    .cashback {
        display: none;
    }
}

@media (max-width: 1370px) {
    .spa_academy .before_carousel .owl-nav {
        display: none;
    }

    .before_carousel .owl-dots {
        margin-top: 50px;
    }

    .characteristics {
        padding: 0px 0 50px 0;
    }

    .spa_academy .before_carousel .owl-dots,
    .before_carousel .owl-dots,
    .peterhof_carousel .owl-dots {
        display: block;
    }

    .spa_academy .before_carousel .owl-dots,
    .peterhof_carousel .owl-dots {
        margin-top: 50px;
    }

    .deals .owl-nav,
    .about-list-slider .owl-nav,
    article.sertificats .owl-nav,
    .before_carousel .owl-nav,
    .peterhof_carousel .owl-nav {
        display: none;
    }

    .rooms_deals .owl-nav,
    .services .owl-nav,
    .special_other .owl-nav,
    .peterhof_hall .owl-nav,
    .other-rooms .owl-nav {
        display: none;
    }

    .services_items.owl-carousel > div .item {
        margin: 0;
    }

    .sertificats .owl-dots,
    .about-list-slider .owl-dots {
        display: block;
        margin-top: 40px;
    }

    .first_screen_slider .owl-nav button {
        position: relative;
        top: 0;
    }

    .first_screen_slider .owl-nav {
        z-index: 1;
        margin-top: -100px;
    }

    .first_screen_slider .owl-dots {
        margin-top: -27px;
    }

    .first_screen_slider .owl-nav .owl-next {
        right: 40%;
    }

    .first_screen_slider .owl-nav .owl-prev {
        left: 40%;
    }

    .first_screen_slider .owl-nav .owl-next span::before {
        content: url(/local/templates/new/img/i_btn_arrow_3.svg);
    }

    .first_screen_slider .owl-nav .owl-prev span::before {
        position: absolute;
        top: -8px;
        transform: rotate(180deg);
        content: url(/local/templates/new/img/i_btn_arrow_3.svg);

    }
}

@media (max-width: 1170px) {
    .container .maxwidth-theme {
        padding: 0 20px;
    }

    .order_block form {
        right: 20px;
    }

    .inner-page .order_block form {
        margin: 0 15px !important;
    }

    .inner-page .order_block form {
        width: calc(100% - 26px);
    }
}

@media (max-width: 1011px) {
    article.spa_academy_about .flexbox.row img {
        max-height: initial;
    }
}

@media (max-width: 1158px) {
    .inner-page .order_block .links_block .btn span {
        height: 58px;
        padding-top: 17px;
        line-height: 1.2;
    }
}

@media (max-width: 1070px) {
    .residence_itams_page .residence_itams .content-cell {
        flex-flow: nowrap !important;
    }
}

@media (max-width: 992px) and (min-width: 640px) {
    .order_block form .btn span {
        height: 57px;
        padding-top: 18px;
        line-height: 1.2;
    }
}

@media (max-width: 992px) {
    article.text .text_container {
        padding-right: 20px;
    }

    article.text .hide_more {
        margin-bottom: 20px;
    }

    article.text {
        padding-bottom: 0 !important;
    }

    article.text > div > div:last-child > div {
        padding: 0 !important;
    }

    #insta {
        margin-top: -120px;
        margin-bottom: -120px;
    }

    .type-detail-offer .first_line.row,
    article.text .row {
        margin-right: -20px !important;
        margin-left: -20px !important;
    }

    .type-detail-offer .first_line.row > div:first-child,
    article.text .row > div:first-child {
        margin-bottom: 30px;
        padding: 0;
    }

    article.text .row > div:last-child {
        padding: 0 20px;
    }

    .text_detail {
        margin-top: 50px;
    }

    .nilol_detail.peterhof_hall .arrangement .flexbox > * {
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 50px;
    }

    .nilol_detail.peterhof_hall .arrangement .flexbox > div:nth-child(3) .item {
        border: 0;
    }

    .nilol_detail.peterhof_hall .arrangement {
        padding: 70px 0 0px 0;
    }

    .nilol_detail.peterhof_hall .before_carousel {
        padding-bottom: 50px;
    }

    .img_text .flexbox > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .img_text .flexbox > div:first-child {
        margin-bottom: 40px;
        padding: 0;
    }

    .img_text .flexbox.row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .banquet_halls .second_part {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .banquet_halls .price {
        margin-bottom: 30px;
        margin-left: 0;
    }

    .banquet_halls .items_ul li {
        flex-basis: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }

    .owl-carousel button.owl-dot {
        height: 14px;
    }

    .nilol_detail .block_w_bg_1 {
        margin-bottom: 70px;
    }

    .nilol_detail .other-rooms {
        margin-top: 70px;
    }

    .characteristics {
        background: #2d2926bf;
    }

    .banquet-menu {
        padding: 50px 0 0 0;
    }

    .nilol_detail .before_carousel::before {
        display: none;
    }

    .nilol_detail .before_carousel {
        padding-bottom: 0;
    }

    .mob_hide {
        display: none;
    }

    .desc_hide {
        display: block;
    }

    .banquet-menu .img_container {
        height: 320px;
    }

    .banquet-menu .text_container .flexbox.row > * {
        margin-bottom: 20px !important;
        padding: 25px 30px !important;
    }

    .scheme.gallery img {
        width: 100%;
    }

    .nilol_detail .flexbox.row > div:first-child {
        margin-bottom: 40px;
        padding: 0;
    }

    .nilol_detail .text_conteiner {
        padding-left: 0px;
    }

    .nilol_detail .flexbox.row {
        margin-right: -20px;
        margin-left: -20px;
    }

    .nilol_detail .before_carousel {
        margin-top: 70px;
    }

    .nilol_detail .flexbox.row > div,
    .banquet-menu-item .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.text {
        margin-bottom: 0px;
        padding-bottom: 70px;
    }

    .events_page .img_text {
        padding-bottom: 70px;
    }

    .fitness article.tile .items_column.flexbox.row {
        flex-wrap: wrap;
    }

    .fitness article.tile .items_column.flexbox.row > div:first-child {
        flex-basis: 33%;
        max-width: 33%;
    }

    .spa_academy_about .maxwidth-theme {
        padding: 0 !important;
    }

    article.spa_academy_about .flexbox.row > div:first-child {
        margin-bottom: 40px;
        padding: 0;
    }

    article.spa_academy_about .flexbox.row > div,
    article.spa_about .flexbox.row > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .before_carousel:before {
        height: 260px;
    }

    article.spa_academy_about .flexbox.row img {
        height: 400px;
    }

    article.spa_academy_about .text_conteiner {
        padding-left: 0px;
    }

    .spa_academy .before_carousel {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    article.spa_about .text_conteiner {
        margin-bottom: 30px;
        padding-right: 0;
    }

    article.tile .items_column.flexbox.row > div {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
        margin-bottom: 30px;
    }

    article.tile {
        padding: 100px 0 70px 0;
    }

    article.spa_academy_about .flexbox.row {
        margin: 0;
    }

    .second_line .text-block-2 .btn:after {
        display: none;
    }

    .type-detail-offer .first_line .b-columns {
        padding-left: 0px;
    }

    .spa_items .item > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .residence_itams_page .room-square,
    .residence_itams_page .room-person,
    .residence_itams_page .room-beds {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .room-square,
    .room-person,
    .room-beds {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .room-square > svg,
    .room-person > svg,
    .room-beds > svg {
        flex-basis: auto;
    }

    .category-item.type-detail-room.type-join-to-top > .flexbox.row > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox {
        justify-content: flex-start;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox .btn {
        margin-right: 10px;
    }

    .residence_itams_page .residence_itams .content-cell {
        justify-content: space-between;
    }

    .residence_itams_page .residence_itams .room-price {
        margin-right: 0px !important;
    }

    article.team_block.advantages-icons .flexbox > div:last-child,
    article.team_block.advantages-icons .flexbox > div:nth-last-child(2) {
        flex-basis: 33.3333%;
        max-width: 33.3333%;
    }

    #about .gradient_2 img {
        max-width: 100%;
        height: 400px;
        object-fit: cover;
    }

    footer nav .flexbox {
        height: auto;
    }

    .footer_lvl_2 .col-flex-6 {
        text-align: center;
    }

    .footer_lvl_2 .col-flex-6.flexbox {
        justify-content: space-around;
        margin-top: 20px;
    }

    .footer_lvl_2 {
        padding: 30px 0;
    }

    .header_lvl_1 .flexbox > .col-flex-6:last-child,
    #about::before {
        display: none;
    }

    .header_lvl_1 .flexbox > .col-flex-6:first-child {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }

    .hide_menu_btn {
        display: inline-block;
    }

    .header_lvl_3 {
        display: none;
    }

    #footer-links {
        display: block;
    }

    .mob_flex {
        display: flex;
        flex-direction: row;
        flex-flow: nowrap;
    }

    .mob_flex > div:not(.hide_mob) {
        flex-basis: calc(100% - 200px);
        order: 0;
        width: 100%;
        max-width: calc(100% - 200px);
        margin-right: 50px;
    }

    .mob_flex > div.hide_mob {
        flex-basis: 200px;
        order: 1;
        width: 100%;

        max-width: 200px;
    }

    #footer-links li {
        display: block;
    }

    .order_block form {
        width: 295px;
    }

    .slide_content {
        width: calc(100% - 330px);
    }

    #about .maxwidth-theme > .flexbox,
    .residence .residence_itams > .flexbox .item .content-cell.flexbox {
        flex-wrap: wrap;
    }

    #about .maxwidth-theme > .flexbox > *,
    .residence .residence_itams > .flexbox .item .content-cell.flexbox > *,
    .footer_lvl_2 .col-flex-6 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .residence .item_container {
        padding-bottom: 100px !important;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox {
        flex-flow: wrap;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .btn {
        order: 1;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .b-price {
        order: 0;
        margin-bottom: 13px;
    }

    .residence_itams .room-price {
        margin-left: 0;
    }

    .footer_lvl_1 > .flexbox {
        align-items: stretch;
    }

    .footer_lvl_1 > .flexbox .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 40px;
    }

    .footer_lvl_1 > .flexbox .col-flex-2 {
        flex-basis: 40%;
        max-width: 40%;
    }

    .footer_lvl_1 > .flexbox .col-flex-4 {
        flex-basis: 60%;
        max-width: 60%;
    }

    footer nav .flexbox {
        border: none;
    }

    .footer_lvl_1 {
        padding-top: 20px;
    }

    footer {
        padding-top: 150px;
    }

    #footer-links li {
        padding-left: 0;
        text-align: left;
    }

    footer .contacts > div {
        margin-right: 0px;
    }

    footer nav li a {
        line-height: 55px;
    }

    .inner-page .order_block form {
        margin: 0 35px !important;
    }

    .inner-page .order_block form {
        width: calc(100% - 60px);
    }

    .residence_itams_page .residence_itams .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .career .stroke-container {
        width: calc(100% - 75px);
    }

    .order_block .profile .mob_hide {
        display: none;
    }

    .order_block .profile .hide {
        display: block;
    }

    #insta .flexbox.row > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    #insta .flexbox.row > div:last-child {
        display: none;
    }

    .room-person > *,
    .room-square > *,
    .room-beds > * {
        display: block;
        margin-right: 0;
    }

    .room-person > svg,
    .room-square > svg,
    .room-beds > svg {
        margin-right: 10px !important;
        margin-bottom: 10px;
    }

    .room-person {
        margin-right: 30px;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        padding-left: 0;
    }

    #residence_deals {
        margin-top: 30px;
        background-size: 200%;
    }

    #posters_services,
    #reviews {
        background-size: 200%;
    }

    #reviews {
        padding: 50px 0 100px 0;
    }

    .residence {
        padding-bottom: 20px;
    }

    .services {
        padding: 50px 0 70px 0;
    }

    .posters {
        margin-bottom: 70px;
    }

    #advantages {
        margin-bottom: 30px;
    }

    .posters .owl-nav .owl-prev {
        top: 120px;
        right: auto;
        left: 0;
    }

    .posters .owl-nav .owl-next {
        top: 120px;
        right: 0;
        left: auto;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 30px;
    }

    #reviews .col-flex-4:last-child {
        display: none;
    }

    #reviews .col-flex-4 {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    #about {
        background: #282421;
    }

    .residence .residence_itams > .flexbox .item {
        height: calc(100% - 50px);
    }

    .residence_itams .item {
        margin-bottom: 50px;
    }

    article.about .flexbox > .col-flex-6 {
        flex-basis: 100%;

        max-width: 100%;
    }

    article.about .flexbox {
        flex-wrap: wrap;
    }

    article.about > div > div:last-child > div {
        padding: 30px 15px 0 15px;
    }

    .maxwidth-theme.no_margin {
        padding: 0;
        background: #282421;
    }

    .advantages-icons .col-flex-2 {
        flex-basis: 25%;
        width: 100%;
        max-width: 25%;
    }

    .career a:not(.btn) {
        width: 300px;
    }

    article.reviews .reviews-list .flexbox > .col-flex-4 {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    article.reviews .reviews-list .flexbox > .col-flex-4:last-child {
        display: none;
    }

    article.about .flexbox > .col-flex-6 {
        padding: 0;
    }

    article.about .flexbox.row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .advantages-icons .flexbox > div:nth-child(5) > div {
        border-right: 1px solid #b5b1751c;
    }

    .advantages-icons .flexbox > div:nth-child(6),
    .advantages-icons .flexbox > div:nth-child(7),
    .advantages-icons .flexbox > div:nth-child(8) {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #b5b1751c;
    }

    .advantages-icons .flexbox > div:nth-last-child(2),
    .advantages-icons .flexbox > div:last-child {
        flex-basis: 50%;
        max-width: 50%;
    }

    .advantages-icons .flexbox > div:nth-child(4) > div,
    .advantages-icons .flexbox > div:nth-child(8) > div {
        border-right: 0;
    }

    article.about {
        margin-bottom: 0;
        padding-bottom: 70px;
    }

    .before_carousel {
        margin-bottom: 70px;
        padding-bottom: 70px;
    }

    .advantages-icons {
        padding: 0 0 70px 0;
    }

    .block_w_bg_1,
    .inner-page #content {
        background-size: 200%;
    }

    .block_w_bg_1 {
        background-position: 50%;
    }

    article.text .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.text .row {
        margin: 0;
    }

    article.text .row > * {
        padding: 0;
    }

    article.text > div > div:last-child > div {
        padding: 50px 20px 0 20px;
    }

    article.team_block.advantages-icons .advantages .flexbox {
        flex-wrap: nowrap;
    }

    article.team .row .col-flex-3 {
        flex-basis: calc(33.3333% - 30px);
        max-width: calc(33.3333% - 30px);
    }

    .team_block.advantages-icons.gradient_1:before {
        display: none;
    }

    .info_text .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .info_text .text-block-2.flexbox {
        margin-top: 30px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .residence_itams .room-item__image {
        height: 400px;
    }

    .residence_itams .item > .flexbox > div,
    .residence_itams_page .residence_itams .item_container {
        height: auto;
    }

    .residence_itams .room-icons.flexbox > * {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .residence_itams_page .room-icons-popup {
        left: 0;
    }

    .residence_itams .room-item__image,
    .residence_itams .item > .flexbox > div .residence_itams .room-icons.flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .residence_itams_page .residence_itams .content-cell .btn {
        margin-top: 10px;
    }

    .deals .row .col-flex-4 {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .category-item.type-detail-room .bootbox.row .col-flex-6 {
        display: block;
        float: none;
        width: 100%;
    }

    .category-item.type-detail-room .right_block {
        margin: 40px 0 0 0;
    }

    .room_gallery .item {
        height: 400px;
    }

    .room_gallery .item img {
        height: 400px;
        object-fit: cover;
    }

    .block_w_bg_0 {
        padding-bottom: 70px;
    }

    .block_w_bg_1.room_detail {
        padding-top: 470px;
    }

    .bathroom {
        margin-top: 0;
    }

    .b-entire.type-rooms .item_container .flexbox {
        align-items: flex-start;
    }

    .room-person > *,
    .room-square > *,
    .room-beds > * {
        line-height: 1.2;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .btn {
        margin-top: 5px;
    }

    #about .gradient_2 img {
        height: 400px;
        min-height: 400px;
    }

    .type-detail-offer .first_line > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .type-detail-offer .first_line img,
    .type-detail-offer .first_line .b-image {
        height: 400px;
    }

    #about .btn_container {
        top: auto;
        bottom: 0;
    }

    .services_page .advantages .flexbox > div,
    .services_page .advantages .flexbox > div:nth-child(4) {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .services_page .advantages .flexbox > div:nth-child(5),
    .services_page .advantages .flexbox > div:nth-child(6),
    .services_page .advantages .flexbox > div:nth-child(7) {
        flex-basis: calc(33.333% - 30px);

        max-width: calc(33.333% - 30px);
    }
}

@media (max-width: 768px) {
    .banquet_halls .b-card img {
        height: 200px;
    }

    .banquet_halls .b-writing.type-signboard-writing.type-banquet {
        height: calc(100% - 260px);
    }

    article.tile .item h4 {
        white-space: nowrap;
    }

    .icons.flexbox.row > div {
        flex-basis: 50%;
        max-width: 50%;
    }

    .spa_page .flexbox.item .img > .spa_page .flexbox.item .img img {
        height: 320px;
    }

    .spa_page .flexbox.item .col-flex-6.flexbox > div {
        padding-top: 30px;
    }

    .room-icons-popup span {
        top: 2px;
    }

    .residence_itams .room-icons > div:not(.not-general-link) {
        display: none;
    }

    .residence_itams .room-icons .general-link,
    .residence_itams .room-icons .not-general-link {
        display: flex;
    }

    .residence_itams .room-icons .not-general-link {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .residence_itams .item:hover .general-link,
    .residence_itams .item:hover .not-general-link {
        position: relative;
        color: #B5B175;
    }

    .services_items div:first-child .item .hide p {
        overflow: hidden;
        -webkit-line-clamp: 4;
    }

    .distinctive_features ul {
        column-count: 1;
    }

    .bathroom ul {

        column-count: 3;
    }

    .services_items.owl-carousel > div {
        max-width: 100% !important;
    }

    .residence_itams .room-icons > div {
        display: none;
    }

    .residence_itams_page .room-icons-popup > div {
        margin-bottom: 10px;
    }

    .residence_itams_page .room-icons-popup > div:last-child {
        margin-bottom: 0px;
    }

    .residence_itams_page .general-link img {
        width: 16px;
        height: 16px;
    }

    .not-general-link,
    .general-link {
        display: flex !important;
    }

    .not-general-link span {
        text-decoration: underline;
        color: #B5B175;
    }

    .residence_itams_page .room-icons-popup .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .residence_itams_page .room-icons-popup {
        top: 60px;
        left: 15px;
        z-index: 2;
        width: calc(100% - 40px);
        padding: 20px;
    }

    .residence_itams_page .room-icons-popup::after {
        right: calc(50% - 10px);
    }

    .residence_itams_page .general-link {
        position: initial;
    }

    .residence_itams .room-icons {
        position: relative;
    }

    .advantages-icons {
        background: none;
    }

    .owl-dots button span {
        opacity: 1;
    }

    #insta .item p:not(.hashtag) {
        margin-top: 25px;
    }

    .first_screen_slider .slide::after {
        height: 73px;
        background: linear-gradient(to top, #2d2926, #2d292600);
        content: '';
    }

    .first_screen_slider .slide::before {
        background: rgb(39 35 32 / 91%);
    }

    .first_screen_slider .owl-dots {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        text-align: left;
    }

    .first_screen_slider .owl-nav .owl-prev {
        left: 20px;
    }

    .first_screen_slider .owl-nav .owl-next {
        right: auto;
        left: 0px;
    }

    .header_lvl_1 {

        background: none;
    }

    .header_lvl_1 .maxwidth-theme > div {
        height: auto;
        margin-top: 15px;
    }

    .first_screen_slider .owl-nav {
        width: 200px;
        margin-top: -50px;
    }

    header .logo {
        margin-right: 20px;
    }

    .order_block form {
        top: 30px;
    }

    .slide_content {
        top: 100px;
    }

    .first_screen_slider .slide,
    .first_screen_slider,
    .slide {
        height: 580px;
    }

    #advantages {
        margin-top: 0;
    }

    .header_tel {
        font-size: 18px;
    }

    #advantages .advantages > .flexbox > .col-flex-2 {
        flex-basis: 33.3333%;
        width: 100%;
        max-width: 33.3333%;
        margin-bottom: 30px;
    }

    #advantages .advantages > .flexbox > div:nth-child(3) > div {
        border-right: 0;
    }

    #advantages h2,
    #advantages .h2,
    #about h3,
    #about .h3{
        position: relative !important;
        font-size: 40px !important;
        text-align: center !important;
        letter-spacing: 2px !important;
    }

    #advantages h2::after,
    #advantages .h2::after,
    #about h3:after,
    #about .h3:after {
        display: block;
        margin-top: 0px;
        content: url(/local/templates/new/img/separator.svg);
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        padding-left: 0;
    }

    #map .info {
        position: relative;
        width: calc(100% - 50px);
        padding: 25px;
    }

    .inner-page .order_block form .hide_logo {
        display: none;
    }

    .gradient_2::before,
    .gradient_1::before {
        display: none;
    }

    .bootbox.row .col-flex-6 {
        display: block;
        float: none;
        width: 100%;
    }

    .posters .items_carousel {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .services_items {
        display: flex;
        grid-template-areas: none;
        grid-gap: 0;
    }

    .services_items .item {
        height: 245px !important;
    }

    .services_items > div {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    #about .gradient_2 img {
        height: 400px;
        min-height: 400px;
        object-fit: cover;
    }

    #about .maxwidth-theme {
        padding: 0;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        padding: 0 20px;
    }

    #insta .flexbox.row > div {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 10px;
    }

    .sticky_header {
        display: block;
    }

    #posters_services .items_carousel .title h3 {
        height: auto;
    }

    #map .desc_show {
        display: none;
    }

    #map .mob_show {
        display: block;
    }

    .jobs-list .flexbox .col-flex-4 {
        flex-basis: calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .residence_itams_page .general-link .room-icons-popup::after {
        right: auto;
        left: 20%;
    }

    .residence_itams_page .not-general-link .room-icons-popup::after {
        right: 20%;
    }

    .residence_itams_page .not-general-link .room-icons-popup {
        right: 15px;
        left: auto;
    }

    footer .payments {
        justify-content: start !important;
    }

    table.table-style tr td:first-child {
        padding: 20px 20px 0px 20px;
    }
}

@media (max-width: 768px) and (min-width: 480px) {

    .fitness .table-style tr th:last-child,
    .fitness .table-style tr td:last-child {
        display: none;
    }
}

@media (max-width: 720px) {
    .residence_itams_page .residence_itams .content-cell {
        flex-flow: wrap;
    }

    .sicial_links a {
        margin-right: 5px;
    }

    .header_lvl_2 .header_tel {
        font-size: 0;
    }

    .header_lvl_2 .header_tel .hide {
        display: inline-block;
        padding-right: 15px;
        border-right: 1px solid #ffffff2e;
    }

    .header_lvl_2 .header_tel .hide svg {
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
    }

    .hide_menu_btn {
        top: 1px;
        display: inline-block;
        margin-left: 15px;
    }

    .goods.flexbox.row > .col-flex-3:last-child {
        display: none;
    }

    .goods.flexbox.row > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    footer .sicial_links {
        justify-content: space-between;
    }

    footer .pay-item__image {
        width: 40px !important;
        object-fit: contain;
    }

    .payments.flexbox li:not(:last-child) {
        margin-right: 15px;
    }

    footer .payments {
        flex-wrap: wrap;
        justify-content: end;
    }

    .before_carousel:before {
        display: none;
    }

    .before_carousel {
        background: #282421;
    }
}

@media (max-width: 640px) {
    article.text .hide_more {
        margin-bottom: 0px;
    }

    .sertificats .owl-carousel .owl-item img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .services_page .advantages .flexbox > div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .services_page .advantages .flexbox > div > div {
        display: flex;
        align-items: center;
    }

    .services_page .advantages .flexbox > div > div img {
        margin: 0 0 0 30px;
    }

    .services_page .advantages .title {
        margin-top: 0;
    }

    .services_page .serv_list_1 .items .item {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .services_page .text_container {
        padding-left: 0px;
    }

    .services_page .text_container h4 {
        margin-top: 20px !important;
        font-family: 'circe-bold' !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }

    .services_page .items .item {
        padding: 20px;
    }

    .residence .room-item__image,
    article.text .row > div:first-child img {
        height: 170px !important;
    }

    .residence .item_container {
        padding: 20px !important;
    }

    .spa_academy_about .img_bg,
    .nilol_detail .img_container {
        height: 170px;
        min-height: 170px;
    }

    .characteristics .desc_hide {
        margin-top: 20px;
    }

    .nilol_detail.peterhof_hall .arrangement .flexbox > * {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 50px;
    }

    .nilol_detail.peterhof_hall .arrangement .flexbox > div:nth-child(even) .item {
        border: 0;
    }

    .nilol_detail.peterhof_hall .arrangement .flexbox > div:nth-child(3) .item {
        border-right: 1px solid #b5b1751c;
    }

    .events_page .img_text {
        padding-bottom: 50px;
    }

    .banquet_halls .b-writing.type-signboard-writing.type-banquet {
        height: auto;
    }

    .first_part .flexbox {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .banquet_halls .area {
        margin-bottom: 10px;
    }

    .banquet_halls .banquet-text-preview {
        display: none;
    }

    .banquet_halls .items_ul li,
    .banquet_halls .flexbox.row.stretch > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.text {
        margin-bottom: 0px;
        padding-bottom: 50px;
    }

    article.tile .item h4 {
        white-space: inherit;
    }

    .fitness article.tile .items_column.flexbox.row > div:first-child,
    .fitness article.info_grafic .advantages .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.info_grafic .advantages .flexbox > div:nth-last-child(1),
    article.info_grafic .advantages .flexbox > div:nth-last-child(2),
    article.info_grafic .advantages .flexbox > div:nth-last-child(3) {
        padding-bottom: 50px;
        border-bottom: 1px solid #b5b1751c;
    }

    article.tile .items_column.flexbox.row > div,
    article.info_grafic .advantages .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.info_grafic .advantages .flexbox > div > div {
        border-right: 0;
    }

    article.info_grafic .advantages .flexbox > div:last-child {
        border-bottom: 0;
    }

    .before_carousel:before {
        display: none !important;
    }

    article.spa_academy_about .flexbox.row img,
    article.spa_about .flexbox.row .picture {
        height: 250px;
    }

    article.tile {
        padding: 50px 0;
    }

    .spa_academy .before_carousel {
        margin: 0;
        padding: 70px 0;
    }

    .spa_academy .before_carousel .owl-dots {
        margin-top: 30px;
    }

    .deals .owl-dots,
    .deals_slider .owl-dots {
        margin-top: 30px;
    }

    article.info_grafic .advantages .flexbox > * {
        margin-bottom: 30px !important;
        padding-bottom: 30px !important;
    }

    article.info_grafic {
        padding: 50px 0 0 0;
    }

    article.spa_about {
        padding: 50px 0 !important;
    }

    .type-detail-offer .first_line img,
    .type-detail-offer .first_line .b-image {
        height: 170px;
        margin-bottom: 20px;
    }

    table.table-style tbody tr td:first-child {
        color: #B5B175;
    }

    .type-detail-offer .first_line {
        margin-bottom: 40px;
    }

    .type-detail-offer .buttons .button-container a {
        margin-bottom: 10px;
    }

    .type-detail-offer .detail-dark-title,
    .type-detail-offer .first_line .some_info {
        font-size: 15px;
    }

    .second_line .text-block-2,
    .second_line .text-block-2 .flexbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .second_line .text-block-2 > div:last-child {
        padding-bottom: 20px;
    }

    .second_line .text-block-2 .flexbox .btn,
    .second_line .text-block-2 .flexbox .btn span,
    .second_line .text-block-2 .non-bottom-indent {
        display: block;
        width: 100%;
    }

    .spa_page .flexbox.item .img > .spa_page .flexbox.item .img img {
        height: 130px;
    }

    .spa_page .flexbox.item .col-flex-6.flexbox > div {
        padding: 20px;
    }

    .icons.flexbox.row > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .residence_itams_page .room_params.flexbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .block_w_bg_0 {
        padding-bottom: 40px;
    }

    .rooms_deals {
        padding-bottom: 70px;
    }

    .block_w_bg_1.room_detail .services {
        padding: 50px 0 0 0;
    }

    .block_w_bg_1.room_detail {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .type-detail-room .bootbox {
        margin-bottom: 30px;
    }

    .distinctive_features ul {
        margin-bottom: 0;
    }

    .distinctive_features,
    .equipment_icons_detail,
    .bathroom {
        margin: 0 0 30px 0;
        padding: 20px 20px 0 20px;
    }

    .equipment_icons_detail,
    .bathroom,
    .block_info {
        margin-top: 0;
    }

    .equipment_icons_detail .flexbox > div {
        margin-bottom: 20px;
    }

    .room_last_line .text-block-2 > div:first-child {
        margin-bottom: 15px;
    }

    .room_last_line .text-block-2 > div:last-child {
        padding-bottom: 20px;
    }

    .room_last_line .non-bottom-indent {
        margin-top: 20px;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox {
        flex-flow: wrap;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox > div {
        order: 0;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox > p {
        order: 1;
    }

    .right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox > a {
        flex-basis: 100%;
        order: 2;
        max-width: 100%;
        margin-top: 15px;
    }

    footer nav li a {
        margin: 15px 0;
        padding: 4px 0;
    }

    .right_block .btn span,
    .content-cell .btn span,
    .btn_container.line .btn span,
    .map_open.btn span,
    .more.btn span {
        width: calc(100% - 50px);
    }

    .right_block .btn,
    .content-cell .btn,
    .btn_container.line .btn,
    .map_open.btn,
    .more.btn {
        width: 100%;
        margin-left: 0;
    }

    .right_block .btn:after,
    .content-cell .btn:after,
    .btn_container.line .btn:after,
    .map_open.btn:after,
    .more.btn:after {
        width: 60px;
    }

    .text-block-2 {
        flex-wrap: wrap;
    }

    .bathroom ul {
        column-count: 1;
    }

    .after-slide.flexbox {
        display: none;
    }

    .equipment_icons_detail .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .room_gallery .owl-nav button {
        top: calc(50% - 25px);
    }

    .room_gallery .room_params {
        bottom: 0;
    }

    .room_gallery .item {
        height: 300px;
    }

    .room_gallery .item img {
        height: 300px;
        object-fit: cover;
    }

    .jobs-form {
        width: 100%;
    }

    .deals .row .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .deals .b-button {
        width: calc(100% - 60px);
        text-align: center;
    }

    .category-item .flexbox .col-item div {
        width: calc(100% - 60px);
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .category-item.type-tarifs.type-particular-bg .flexbox .col-item div {
        width: 100%;
    }

    .career .category-item .col-item:first-child .stroke-container {
        float: none;
    }

    .info_text .text-block-2.flexbox {
        display: block;
    }

    .text-block-2 > div:first-child {
        padding-bottom: 0;
        padding-left: 20px;
    }

    .text-block-2 > div:last-child {
        padding-top: 0;
        padding-bottom: 10px;
        padding-left: 20px;
    }

    .reviews .flexbox .item p {
        -webkit-line-clamp: initial;
    }

    article.reviews_page .rating > .flexbox > div {
        flex-basis: 50%;
        max-width: 50%;
    }

    article.reviews_page .ratings-list .rating .item {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    article.reviews_page .rating > .flexbox > div:nth-child(2) > div,
    article.reviews_page .rating > .flexbox > div:nth-child(4) > div {
        border: 0;
    }

    article.reviews_page .item {
        margin-bottom: 30px;
    }

    article.reviews_page .rating > .flexbox > div:nth-child(3) > div {
        border-right: 1px solid #b5b1751c !important;
    }

    article.reviews_page .rating > .flexbox > div:nth-child(4) {
        border-bottom: 1px solid #b5b1751c;
    }

    .residence_itams .room-icons {
        margin: 20px 0 10px 0;
    }

    .residence_itams_page .residence_itams .content-cell {
        flex-wrap: wrap !important;
    }

    .residence_itams_page .residence_itams .item_container {
        padding: 20px;
    }

    .residence_itams_page .residence_itams .item_container {
        height: auto;
    }

    .residence_itams_page .residence_itams .content-cell .btn {
        flex-basis: 100%;
        order: 2;
        max-width: 100%;
    }

    .residence_itams_page .residence_itams .content-cell .b-price {
        flex-basis: 50%;
        order: 0;
        max-width: 50%;
    }

    .residence_itams_page .residence_itams .content-cell .best-rate {
        flex-basis: 50%;
        order: 1;
        max-width: 50%;
    }

    .advantages-icons .flexbox > div:nth-child(5) > div {
        border-right: 0px solid #b5b1751c;
    }

    .reviews_carousel .owl-dots {
        margin-top: 40px;
    }

    article.text {
        margin-bottom: 70px;
    }

    article.team_block.advantages-icons {
        background: #282421;
    }

    article.team_block.advantages-icons .flexbox > div:last-child,
    article.team_block.advantages-icons .flexbox > div:nth-last-child(2) {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.team_block.advantages-icons .flexbox > div:not(:last-child) {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #b5b1751c !important;
    }

    article.team .row .col-flex-3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    article.team_block.advantages-icons .advantages .flexbox {
        flex-wrap: wrap;
    }

    .ratings-list .rating .flexbox > * {
        flex-basis: 50%;
        max-width: 50%;
    }

    .ratings-list .rating .item {
        margin-bottom: 0px;
    }

    .ratings-list .rating {
        margin-bottom: 50px;
    }

    .ratings-list .rating .flexbox > div:nth-child(odd) > div {
        border-right: 1px solid #b5b1751c;
    }

    .career flexbox {
        flex-wrap: wrap;
    }

    .career .flexbox > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin: 0 0 15px 0;
    }

    .career a:not(.btn) {
        width: 100%;
        margin: 0;
    }

    .residence .item_container h3 {
        min-height: auto;
    }

    .sicial_links a {
        margin-right: 10px;
    }

    #reviews .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    #reviews .rating .item {
        margin-top: 20px;
    }

    #reviews .rating .col-flex-3 {
        flex-basis: 50%;
        max-width: 50%;
    }

    #reviews .col-flex-4 .item {
        margin-bottom: 30px;
    }

    .first_screen_slider .owl-dots {
        margin-top: 0;
        margin-left: 0;
        text-align: center;
    }

    .slide_content {
        top: 120px;
    }

    .slide_content h2,
    .slide_content .h2,
    .slide_content p {
        text-align: center;
    }

    .first_screen_slider .btn_container {
        margin-right: auto;
        margin-left: auto;
    }

    footer .sicial_links {
        margin-top: 0;
    }

    .mob_flex > div {
        margin-right: 0;
    }

    .footer_lvl_1 .col-flex-2 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .sicial_links a.i_what {
        margin-right: 0;
    }

    .btn_container.line::before,
    .btn_container.line::after {
        display: none;
    }

    .footer_lvl_1 > .flexbox > div:first-child {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #b5b1751c;
    }

    .footer_lvl_1 > .flexbox > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    #footer-links li {
        flex-basis: 50%;
        max-width: 50%;
    }

    #footer-links {
        display: flex;
    }

    #insta .flexbox.row > div:nth-last-child(2) {
        display: none;
    }

    h1,
    .h1,
    h2,
    .h2,
    #advantages h2,
    #advantages .h2,
    #about .h3,
    #about h3 {
        font-size: 24px !important;
        line-height: 36px;
    }

    .first_screen_slider .slide,
    .first_screen_slider,
    .slide {
        margin-top: -90px;
    }

    .order_block form {
        top: 0;
        right: 0;
        width: calc(100% - 40px);
        margin: 20px;
    }

    .slide_content {
        width: 100%;
    }

    #first-screen-header,
    .order_block form {
        position: relative;
        box-shadow: 0 0 0;
    }

    .inner-page .order_block .hide {
        display: block;
        width: 100%;
    }

    .inner-page .order_block form > div:not(.hide),
    header .sicial_links a.i_what .info {
        display: none !important;
    }

    .inner-page .order_block form {
        right: 0;
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0;
        background: none;
        box-shadow: 0 0 0;
    }

    .inner-page .order_block form .btn {
        width: calc(100% - 40px);
        margin-right: 20px;
        margin-left: 20px;
    }

    .inner-page .order_block form .btn > *,
    .inner-page .order_block form .btn:after {
        margin-top: 10px;
    }

    .header_lvl_2 .flexbox > .col-flex-6:first-child {
        flex-basis: calc(100% - 175px);
        max-width: calc(100% - 175px);
    }

    .header_lvl_2 .flexbox > .col-flex-6:last-child {
        flex-basis: 175px;
        max-width: 175px;
    }

    .residence .residence_itams .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .about_advantages .item:last-child {
        box-shadow: 0 0 0;
    }

    .mob_flex {
        flex-wrap: wrap;
    }

    .mob_flex > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    footer .sicial_links {
        justify-content: flex-end;

    }

    .first_screen_slider .owl-nav {
        width: 200px;
        margin: auto;
        margin-top: -50px;
    }

    .first_screen_slider .owl-nav .owl-prev {
        left: 0px;
    }

    footer .hide_mob {
        display: none;
    }

    footer .hide {
        display: block;
    }

    .payments.flexbox {
        flex-wrap: wrap;
    }

    .footer_lvl_1 .col-flex-2 {
        align-items: stretch;
    }

    footer nav li a {
        line-height: 40px;
    }

    footer .footer_lvl_1 nav {
        margin-top: 40px;
        padding-top: 30px;
        border-top: 1px solid #b5b1751c;
    }

    footer .footer_lvl_1 .col-flex-6 {
        margin-top: 30px !important;
        padding-top: 30px;
        border-top: 1px solid #b5b1751c;
    }

    .footer_lvl_1 .goods.flexbox.row > div:nth-child(3) {
        display: none;
    }

    #insta .container {
        overflow: visible;
    }

    .room-person > *,
    .room-square > *,
    .room-beds > * {
        white-space: nowrap;
    }

    .residence .residence_itams > .flexbox .item,
    .residence .item_container {
        height: auto;
    }

    .residence .item .item_container .room-description {
        display: none;
    }

    .residence .item_container {
        padding-bottom: 30px !important;
    }

    .residence_itams .item_container h3 {
        margin-bottom: 30px !important;
    }

    #posters_services .items_carousel .title h3 {
        height: auto;
        margin-bottom: 0 !important;
    }

    .residence .residence_itams > .flexbox .item {
        padding-top: 30px;
        border-top: 1px solid #b5b1751c;
    }

    .residence .item_container .rooom-comprare {
        position: relative;
        bottom: 0px;
        width: 100%;
        margin-top: 20px;
    }

    .mob_flex > div:not(.hide_mob) {
        margin-right: 0 !important;
    }

    .residence .residence_itams > .flexbox > div:first-child .item {
        padding-top: 0;
        border: none;
    }

    .residence_itams .item {
        margin-bottom: 30px;
    }

    .advantages-icons .flexbox > div:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #b5b1751c;
    }

    .advantages-icons .flexbox > div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .advantages-icons .flexbox > div > div {
        border: 0;
    }

    #residence_deals .room-person > *,
    #residence_deals .room-square > *,
    #residence_deals .room-beds > * {
        white-space: wrap;
    }

    #residence_deals .residence .residence_itams .flexbox > * {
        flex-basis: auto;
        max-width: 100%;

    }

    .fitness article.info_grafic .advantages .flexbox > div > div {
        border: 0 !important;
    }

    .fitness article.info_grafic {
        z-index: 0;
        padding: 100px 0 50px 0;
    }
}

@media (max-width: 550px) {
    .sticky_header .header_tel {
        display: none;
    }
}

@media (max-width: 480px) {
    .team_block.announcement {
        background: #2d2926;
    }

    .sertificats .owl-carousel .owl-item img {
        height: 450px;
        max-height: 100%;
    }

    #insta .item.first a,
    #insta .item img {
        height: 250px;
    }

    .other-rooms .owl-stage .other-item,
    .other-rooms .owl-stage .other-item .item_container {
        height: auto;
    }

    h2.center::after,
    .inner-page h1.center::after {
        margin-top: 10px !important;
    }

    .img_text .hide_more {
        margin-bottom: 0;
    }

    .img_text .flexbox > div:first-child {
        margin-bottom: 10px;
    }

    .info_grafic .advantages .flexbox > div > div {
        display: block;
    }

    .info_grafic .advantages .title {
        margin-top: 20px;
        text-align: center;
    }

    .banquet_halls .b-card img {
        height: 150px;
    }

    .text_conteiner .area {
        margin-bottom: 15px;
    }

    .before_carousel .owl-dots {
        height: 20px;
        margin-top: 30px;
    }

    .characteristics {
        margin-top: 80px;
    }

    .banquet-menu .text_container {
        padding: 15px 20px 0 20px;
    }

    .characteristics .flexbox > *,
    .banquet-menu-item .text_container .flexbox > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .fitness table.table-style tr {
        padding: 20px 0;
        border-bottom: 1px solid #B5B175;
    }

    .fitness table.table-style tbody tr:nth-child(odd) td {
        background: none;
    }

    .fitness table.table-style td,
    .fitness table.table-style th,
    .fitness table.table-style tr td:first-child {
        padding: 0px 20px 0px 0px;
    }

    .fitness article.info_grafic {
        z-index: 0;
        padding: 50px 0 0px 0;
    }

    article.table {
        padding: 50px 0;
        background: none;
    }

    article.spa_academy_about .flexbox.row img,
    article.spa_about .flexbox.row .picture {
        height: 170px;
    }

    article.spa_academy_about {
        padding-bottom: 50px;
    }

    .before_carousel {
        padding-top: 0 !important;
        background: none;
    }

    .before_carousel {
        height: 150px;
        object-fit: cover;
    }

    .spa_academy .advantages .flexbox > div > div {
        display: block;
    }

    .spa_academy .advantages .title {
        margin-top: 20px;
        text-align: center;
    }

    table.table-style thead {
        display: none;
    }

    table.table-style tbody tr:nth-child(odd) td {
        background: #282421;
    }

    table.table-style tbody tr:nth-child(even) td {
        background: #28242100;
    }

    table.table-style tr {
        display: flex;
        flex-direction: column;
    }

    .type-detail-offer .buttons .button-container {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 5px;
    }

    #residence_deals .b-entire.type-rooms .item_container .flexbox {
        flex-wrap: wrap;
    }

    #residence_deals .b-entire.type-rooms .item_container .flexbox > div:not(:last-child) {
        margin-bottom: 10px;
    }

    .residence_itams_page .room_carousel img {
        height: 300px;
    }

    article.about > .flexbox > .col-flex-6:first-child div,
    article.about > .flexbox > .col-flex-6:first-child img,
    article.text > .flexbox > .col-flex-6:first-child div,
    article.text > .flexbox > .col-flex-6:first-child img {
        height: 170px;
    }

    .reviews_carousel {
        display: block;
        margin: 0 !important;
    }

    .reviews_carousel > * {
        padding: 0 !important;
    }

    .reviews_carousel .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .reviews_carousel .owl-nav {
        display: none;
    }

    article.text {
        margin-bottom: 40px;
    }

    .team_carousel.flexbox.row {
        margin: 0 !important;
    }

    .team_carousel.flexbox.row > * {
        padding: 0 !important;
    }

    .jobs-list .flexbox .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexbox.team_carousel {
        display: block;
    }

    .flexbox.team_carousel .col-flex-3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .flexbox.team_carousel .owl-nav {
        display: none;
    }

    article.reviews .reviews-list .flexbox > .col-flex-4 {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .advantages-icons .col-flex-2 {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }

    .sticky_header > .flexbox > div:first-child {
        display: none;
    }

    .sticky_header > .flexbox > div,
    .sticky_header .btn {
        width: 100%;
    }

    .sticky_header .btn span {
        width: calc(100% - 100px);
    }

    #insta .flexbox.row > div:nth-child(2) {
        display: none;
    }

    .first_screen_slider .owl-nav .owl-prev {
        left: 0%;
    }

    .first_screen_slider .owl-nav .owl-next {
        right: 0%;
    }

    .first_screen_slider .owl-nav {
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .slide .container {
        z-index: 2;
    }

    .header_lvl_1 {
        line-height: 1.3;
    }

    #advantages {
        margin-top: -50px;
    }

    .first_screen_slider .slide,
    .first_screen_slider,
    .slide {
        margin-top: -100px;
    }

    .first_screen_slider .slide,
    .first_screen_slider,
    .slide {
        height: 510px;
    }

    .slide_content {
        top: 220px;
        justify-content: flex-start;
    }

    #insta .flexbox.row > div:nth-last-child(3) {
        display: none;
    }

    .container {
        overflow: hidden;
    }

    .owl-item .container {
        overflow: visible;
    }

    .hide_menu_btn {
        font-size: 0;
    }

    .hide_menu_btn {
        margin-left: 5px;
    }

    .header_lvl_2 .header_tel .hide {
        padding-right: 20px;
    }

    .header_lvl_2 .flexbox > .col-flex-6:first-child {
        flex-basis: calc(100% - 120px);
        max-width: calc(100% - 120px);
    }

    .header_lvl_2 .flexbox > .col-flex-6:last-child {
        flex-basis: 120px;
        max-width: 120px;
    }

    #advantages .advantages > .flexbox > .col-flex-2 {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #b5b1751c;
    }

    .advantages .flexbox > div > div {
        border: 0;
    }

    .advantages .flexbox > div > div {
        display: flex;
        align-items: center;
    }

    .advantages .title {
        margin-top: 0;
        text-align: left;
    }

    .advantages-item__image {
        width: 50px;
        height: 50px;
    }

    #advantages h2::after,
    #advantages .h2::after,
    #about h3:after,
    #about .h3:after,
    h2.center::after,
    .h2.center::after,
    .inner-page h1.center::after,
    .inner-page .h1.center::after {
        display: block;
        width: 100%;
        margin-top: 0px;
        content: url(/local/templates/new/img/separator_2.svg);
    }

    .header_lvl_2 .flexbox {
        flex-wrap: nowrap;
    }

    .logo img {
        width: 45px;
    }

    footer .logo img {
        width: 90px;
    }

    header .sicial_links a {
        margin-right: 7px;
    }

    .header_lvl_1 .title {
        font-size: 12px;
    }

    .burger {
        width: 25px;
    }

    .burger span:last-child {
        width: 18px;
    }

    .header_lvl_1 .title {
        font-size: 11px;
        letter-spacing: 0px;
    }

    .header_lvl_2 .maxwidth-theme > div {
        height: 60px;
    }

    .slide .container {
        z-index: 3;
    }

    #about .gradient_2 img {
        height: 320px;
        min-height: 320px;
    }

    #about .about_advantages > div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 30px;
    }

    #advantages .advantages > .flexbox > .col-flex-2:last-child {
        border: none;
    }

    #residence_deals {
        margin-top: 30px;
        padding-bottom: 70px;
        background-size: 300%;
    }

    .block_w_bg_1,
    .inner-page #content {
        background-size: 300%;
    }

    #posters_services,
    #reviews {
        background-size: 300%;
    }

    .services_items > div {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 370px) {
    .order_block form .btn span {
        height: 57px;
        padding-top: 18px;
        line-height: 1.2;
    }
}

/*---карусели в моб как на макете---*/

.before_carousel .owl-dots,
.certificate-list-slider .owl-dots,
.reviews_carousel .owl-dots,
.first_screen_slider .owl-dots,
.spa_academy .services_items .owl-dots,
.room_detail .services_items .owl-dots,
.other-rooms .owl-dots,
.special_detail .services_items .owl-dots,
.special_other .owl-dots,
.peterhof_carousel .owl-dots,
.wedding_page .services_items .owl-dots,
.wedding_page .other-rooms .owl-dots,
.team_carousel .owl-dots,
.other_serv .owl-dots,
.rental_page .slider-spa .owl-dots,
.peterhof_carousel .owl-dots,
.wedding_page .deals_slider .owl-dots {
    display: inline-block !important;
    width: auto !important;
}

.before_carousel .about-list-slider,
.certificate-list-slider .about-list-slider,
.reviews_carousel .about-list-slider,
.first_screen_slider .about-list-slider,
.spa_academy .services_items .about-list-slider,
.room_detail .services_items .about-list-slider,
.other-rooms .about-list-slider,
.special_detail .services_items .about-list-slider,
.special_other .about-list-slider,
.peterhof_carousel .about-list-slider,
.wedding_page .services_items .about-list-slider,
.wedding_page .other-rooms .about-list-slider,
.team_carousel .about-list-slider,
.other_serv .about-list-slider,
.rental_page .slider-spa .about-list-slider,
.peterhof_carousel .about-list-slider,
.wedding_page .deals_slider .about-list-slider {
    position: relative !important;
}

.new_next,
.new_prev {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.new_next {
    margin-left: 20px;
}

.new_prev {
    margin-right: 20px;
}

.new_next:before {
    position: relative;
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.new_prev:before {
    position: absolute;
    top: 3px;
    transform: rotate(180deg);
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.new_dots {
    display: none;
    text-align: center;
}

@media (max-width: 1370px) {
    .new_dots {
        display: block;
    }

    .first_screen_slider .owl-nav {
        display: none;
    }

    .first_screen_slider .new_dots {
        display: block;
        margin-top: -77px;
    }
}

@media (max-width: 992px) {
    .rental_page .text_detail {
        margin-bottom: 70px;
    }

    .type-detail-offer .first_line > div {
        padding: 0 20px;
    }

    .before_carousel .owl-carousel.owl-drag .owl-item,
    .before_carousel .owl-stage {
        height: 180px;
    }
}

@media (max-width: 768px) {
    .first_screen_slider .owl-dots {
        top: 0;
        left: 0;
    }

    .first_screen_slider .new_dots {
        display: inline-block;
        margin: -45px 20px 0 20px;
    }

    .slide_content .h2,
    .slide_content h2 {
        margin-top: 20px;
        font-size: 32px;
        line-height: 1.2 !important;
    }

    h2::after,
    h3:after {
        margin-top: 20px !important;
    }
}

@media (max-width: 640px) {
    .first_screen_slider .slide::before {
        background: linear-gradient(to bottom, #2D2926 0%, #2D2926 15%, rgb(39 35 32 / 69%) 100%);
    }

    .slide_content {
        width: 100%;
        padding-bottom: 73Px;
    }

    .sertificats .owl-carousel .owl-stage-outer,
    .before_carousel .owl-stage-outer,
    #insta .owl-carousel .owl-stage-outer,
    .team_carousel .owl-stage-outer,
    .rental_page .slider-spa .owl-stage-outer {
        overflow: visible;
    }

    .sertificats .owl-carousel,
    .before_carousel .owl-carousel,
    #insta .owl-carousel,
    .rental_page .slider-spa .owl-carousel {
        width: 85%;
    }

    .first_screen_slider .new_dots {
        display: block;
        margin: -45px 0 0 0;
    }

    .slide_content {
        top: 0px !important;
        display: block !important;
        height: auto;
        text-align: center;
    }

    .first_screen_slider .slide {
        height: auto !important;
    }

    .first_screen_slider .slide {
        margin-top: 0px !important;
        padding-top: 100px;
    }

    .first_screen_slider .slide,
    .first_screen_slider,
    .slide {
        height: auto !important;
    }

    .first_screen_slider .new_dots {
        position: relative;
        margin-top: -20px !important;
    }

    .first_screen_slider {
        margin-bottom: 20px;
    }

    .nilol_detail .other-rooms {
        margin-top: 50px;
        padding-top: 50px;
    }

    .rental_page .text_detail {
        margin-bottom: 50px;
    }

    #advantages {
        margin-top: 0px;
    }

    .first_screen_slider + .container {
        display: none;
    }

    .nilol_detail .text_conteiner {
        padding-right: 5px;
        padding-left: 5px;
    }

    .team_block.announcement {
        background: linear-gradient(to bottom, #2d2926, #282421);
    }
}

@media (max-width: 480px) {
    .sertificats .owl-carousel .owl-item img {
        height: 350px;
        max-height: 100%;
    }

    .before_carousel {
        height: auto;
        margin-bottom: 50px;
        padding-top: 0;
        padding-bottom: 50px !important;
        background: linear-gradient(to bottom, #2d2926, #282421);
    }

    .before_carousel .owl-dots {
        margin-top: 25px;
    }

    .team_carousel {
        width: 85%;
    }

    .first_screen_slider .slide {
        padding-top: 110px;
    }

    .new_dots {
        width: 115%;
    }

    .reviews_carousel .new_dots,
    .first_screen_slider .new_dots,
    .spa_academy .services_items .new_dots,
    .room_detail .services_items .new_dots,
    .other-rooms .new_dots,
    .special_detail .services_items .new_dots,
    .special_other .new_dots,
    .peterhof_carousel .new_dots,
    .wedding_page .services_items .new_dots,
    .wedding_page .other-rooms .new_dots,
    .deals_slider .new_dots,
    .other_serv .new_dots,
    .peterhof_carousel .new_dots,
    .wedding_page .deals_slider .new_dots {
        width: 100%;
    }
}

/*------Страница Оплата-------*/

.payment_page .payment-wrap form {
    padding: 30px;
    background: #282421;
}

.payment__title {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: white;
    border-bottom: 1px solid #484435;
}

.payment_page .payment-wrap form input[type="text"],
.payment_page .payment-wrap form input[type="tel"],
.payment_page .payment-wrap form input[type="email"],
.payment_page .payment-wrap form input[type="number"] {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    color: white;
    background: none;
    border: 0;
    border-bottom: 1px solid #B5B175;
    border-radius: 0;
    outline: none;
}

.payment_page .payment-wrap form input:focus::placeholder {
    opacity: 0;
}

.payment_page .payment__submit.b-button {
    position: relative;
    z-index: 2;
    float: right;
    width: 100%;
    height: 100%;
    padding: 0 75px 0 25px;
    color: white;
    background: 0;
    border: 0;
    cursor: pointer;
}

.payment_page .btn span {
    padding: 0;
}

.payment_page .btn:after {
    z-index: 1;
    margin-left: -50px;
}

.payment_page .sup-text {
    margin-top: 20px;
    font-size: 12px;
    color: white;
    opacity: .5;
}

.payment_page .sup-text + div {
    text-align: right;
}

.payment_page .btn:hover input {
    color: #B5B175;
}

.payment_page .btn_container {
    margin-top: 20px;
}

.payment_page {
    margin-bottom: -207px;
    padding-bottom: 207px;
    background: #2d2926;
}

@media (max-width: 640px) {
    .payment_page .row > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .payment_page .row {
        margin-right: 0;
        margin-left: 0;
    }

    .payment_page .flexbox.row > * {
        padding: 0;
    }

    .payment_page .sup-text + div {
        text-align: left;
    }

    .close_btn svg {
        width: 12px;
        height: 12px;
    }

    .video-wrap.active .video_container {
        padding: 20px;
    }
}

/*---------Страница Контакты---------*/

.contacts_page article.tile::before {
    display: none;
}

.contacts_page + article + #map {
    margin-bottom: 0;
}

h2.center span {
    display: block;
    font-size: 24px;
}

.contacts_items .item {
    height: 100%;
    height: calc(100% - 90px);
    margin-bottom: 30px;
    padding: 30px;
    background: #282421;
}

.contacts_page .items_column {
}

.contacts_page .items_column > div {
    flex-basis: calc(50% - 30px);
    width: 100%;
    max-width: calc(50% - 30px);
}

.contacts_page .items_column > div:first-child,
.contacts_page .items_column > div:nth-child(2),
.contacts_page .items_column > div:nth-child(3) {
    flex-basis: calc(33.3333% - 30px);
    width: 100%;
    max-width: calc(33.3333% - 30px);
}

.contacts_page article.tile .item h4 {
    white-space: normal;
}

.contacts_page .items_column .item {
    height: calc(100% - 90px);
    margin-bottom: 30px;
    padding: 30px;
    border-bottom: 0;
}

.contacts_page .block_w_bg_0 {
    padding-top: 0;
    background: linear-gradient(to bottom, #2d292600, #2d292673);
}

.contacts_page .item > div > * {
    font-family: 'circe';
}

.contacts_page .item > div > div {
    position: relative;
    margin-bottom: 15px;
    padding-left: 40px;
}

.contacts_page .item .phone:before {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 20px;
    content: url(/local/templates/new/img/i_phone.svg);
}

.contacts_page .item > div > div:last-of-type {
    margin-bottom: 0;
}

.contacts_page .item .adress::before {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 20px;
    content: url(/local/templates/new/img/i_location.svg);
}

.contacts_page .item .email::before {
    position: absolute;
    top: 1px;
    left: 0;
    content: url(/local/templates/new/img/i_mail.svg);
}

.contacts_page + .contacts_items {
    margin-bottom: 70px;
}

.contacts_page .item .email {
    font-size: 15px;
}

.contacts_page .bottom_text {
    margin-top: -15px;
    font-size: 12px;
    opacity: .5;
}

.contacts_items h4 {
    margin-top: 15px !important;
    color: #B5B175;
}

.contacts_page .btn_container {
    margin-top: 50px;
}

.contacts_page .career {
    padding-bottom: 100px;
    background: linear-gradient(to top, #282421, #28242100);
}

.contacts_page .items_column .item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.contacts_page .items_column .item .img_block {
    flex-basis: 50%;
    align-self: center;
    max-width: 50%;
    text-align: right;
}

@media (max-width: 992px) {
    .contacts_page article.tile .items_column.flexbox.row > div:nth-child(3) {
        flex-basis: 100%;
        max-width: 100%;
    }

    .contacts_page .items_column .item .img_block {
        display: none;
    }

    .contacts_items .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .contacts_items .flexbox.row {
        margin-right: 0;
        margin-left: 0;
    }

    .contacts_page .items_column .item {
        height: calc(100% - 60px);
        margin-bottom: 0px;
    }

    .contacts_page .career {
        padding-bottom: 70px;
    }

    .contacts_page.block_w_bg_1 {
        margin-top: 50px;
        margin-bottom: 70px;
    }
}

@media (max-width: 768px) {
    .contacts_page + article + #map .mob_show {
        display: block;
    }

    .contacts_page + article + #map .desc_show {
        display: none;
    }
}

@media (max-width: 640px) {
    .contacts_page .items_column .item {
        height: auto;
    }

    .bx-yandex-map {
        height: 300px !important;
    }

    .contacts_page .career {
        padding-bottom: 50px;
    }

    .contacts_page .career {
        padding-bottom: 50px;
    }

    .contacts_page.block_w_bg_1 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .contacts_page .block_w_bg_0 {
        padding-top: 0;
        background: linear-gradient(to bottom, #2d292600, #28242173);
    }

    h2.center span {
        font-size: 15px;
    }

    .header_lvl_2 .header_tel .hide {
        padding: 5px 20px 5px 0;
    }

    .header_lvl_2 .header_tel .hide svg {
        top: 0;
    }

    .burger,
    .hide_menu_btn {
        top: 0;
    }

    .before_carousel .owl-dots {
        margin-top: 40px;
        margin-bottom: 50px;
    }
}

@media (max-width: 350px) {
    .header_lvl_2 .header_tel .hide {
        padding-right: 15px;
    }

    .header_lvl_2 .header_tel .hide svg {
        width: 12px;
        height: 12px;
    }

    .burger span {
        height: 2px;
    }

    .burger {
        top: 5px;
        width: 20px;
        margin-left: 5px;
    }

    .header_lvl_2 .header_tel .hide {
        height: 20px;
        padding: 5px 13px 5px 0;
    }

    header .logo {
        margin-right: 15px;
    }
}

.center {
    text-align: center;
}

/*---------------Правки после тестировки-----------------*/

.type-banquets .caption-value h3 a {
    color: #B5B175;
}

@media (max-width: 992px) {
    article.text .img_bg {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .info_grafic + article.tile .items_column.flexbox.row > div:nth-child(2) {
        flex-basis: calc(63% - 30px);
        max-width: calc(63% - 30px);
    }

}

@media (max-width: 640px) {
    .before_carousel {
        padding-bottom: 0 !important;
    }

    .fitness article.info_grafic .advantages .flexbox > div:first-child {
        border-bottom: 1px solid #b5b1751c;
    }

    .img_bg {
        min-height: 300px !important;
    }

    .info_grafic + article.tile .items_column.flexbox.row > div:nth-child(2) {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 420px) {
    .img_bg {
        height: 170px !important;
        min-height: 170px !important;
    }

    .team_block .advantages .flexbox > div > div {
        flex-direction: column;
    }

    .team_block .advantages .flexbox > div > div img {
        margin-top: 10px;
    }

    .team_block .advantages .title {
        margin-top: 20px;
        text-align: center;
    }
}

/*----------------12.10.2021------------------*/

#insta .item.first {
    height: 100%;
}

.language::after {
    top: -3px;
}

.new_prev:before {
    top: -4px;
}

/*----------------27.10.2021------------------*/

.language .lang-list .lang-item:not(.active) {
    display: none;
}

.language .lang-list:hover .lang-item:not(.active) {
    display: none;
}

.mobile_menu .language:not(.active) .lang-list .lang-item:not(.active) {
    display: none;
}

.language:not(.active):hover {
    cursor: pointer;
}

.mobile_menu .language:not(.active) .lang-list .lang-item {
    background: none;
}

.language.active .lang-list .lang-item:not(.active) {
    display: block;
}

.language.active .lang-list .lang-item,
.language:not(.active) .lang-list:hover .lang-item {
    background: #ffffff14 !important;
}

.language.active .lang-list .lang-item:hover {
    background: #ffffff4d !important;
}

.language .lang-list:hover {
    cursor: pointer;
}

.language.active .lang-item.active:hover {
    pointer-events: none;
    cursore: normal;
}

.language svg {
    position: relative;
    top: -4px;
    height: 21px;
    margin-left: 10px;
    cursor: pointer;
    transition: .3s;
}

.language svg:hover {
    top: 0;
}

.language:after {
    display: none;
}

.language {
    padding-right: 0 !important;
}

.language.active:hover {
    cursor: pointer;
}

.language.active svg {
    pointer-events: none;
    transform: rotate(180deg);
}

.room_gallery .owl-nav span:before {
    height: 13px;
}

.fancybox-caption.fancybox-caption--separate {
    display: none;
}

.fancybox-inner svg path {
    fill: #B5B175;
}

.fancybox-inner svg:not(:disabled):hover path {
    fill: white;
}

body .fancybox-inner button:disabled svg:hover {
    fill: #B5B175 !important;
}

.fancybox-inner button:disabled svg path,
.fancybox-inner button:disabled svg:hover path {
    fill: #B5B175 !important;
}

.fancybox-navigation .fancybox-button--arrow_right::before {
    content: url(/local/templates/new/img/owl-next.png);
}

.fancybox-navigation .fancybox-button--arrow_left::before {
    content: url(/local/templates/new/img/owl-prev.png);
}

.fancybox-navigation .fancybox-button--arrow_right svg,
.fancybox-navigation .fancybox-button--arrow_left svg {
    display: none;
}

.fancybox-navigation .fancybox-button--arrow_right {
    margin-right: 35px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    margin-left: 25px;
}

.fancybox-navigation .fancybox-button--arrow_right:disabled,
.fancybox-navigation .fancybox-button--arrow_left:disabled,
.fancybox-inner button:disabled svg,
.fancybox-inner button:disabled svg {
    opacity: .7;
}

.fancybox-is-open .fancybox-bg {
    background: rgb(40 36 33 / 79%);
}

.fancybox-container {
    backdrop-filter: blur(10px);
}

.fancybox-navigation .fancybox-button {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
}

.fancybox-button {
    background: none;
}

.order_block #search-form .fild.flexbox {
    flex-wrap: nowrap;
}

body .banquet_halls .caption-value h3:hover,
.type-banquets .caption-value h3 a:hover {
    color: white !important;
}

.room_gallery .owl-nav .owl-prev span:before,
.residence_itams .owl-nav .owl-prev span:before {
    height: 12px;
}

.room-person .name {
    white-space: nowrap;
}

.marker_i img {
    top: 0;
    transform: none;
}

.stup_link:hover {
    color: white;
}

.residence_itams .item:hover h3:hover {
    color: #B5B175 !important;
}

.rooms_deals h2 {
    line-height:
}

.header_lvl_1 nav ul li:nth-last-child(2) a:before {
    display: none;
}

.header_lvl_1 nav ul li.payment a:before {
    content: url(/local/templates/new/img/star.svg) !important;
}

.owl-nav .owl-prev span::before {
    content: url(/local/templates/new/img/owl-prev.svg);
}

.owl-nav .owl-next span::before {
    content: url(/local/templates/new/img/owl-next.svg);
}

.inner-page #block-search-main {
    background: none;
}

.inner-page #block-search-main .link {
    position: absolute;
}

.payments img {
    width: 100%;
    max-width: 50px;
}

.posters .owl-nav .owl-prev span:before {
    height: 12px;
}

.contacts_page .items_column .item .img_block .logo {
    padding-left: 15px;
}

.contacts_page .items_column .item .img_block {
    justify-content: center;
    text-align: center;
}

.map_open.btn::after {
    content: url(/local/templates/new/img/i_map.svg) !important;
}

.call-send.btn span {
    font-family: 'circe';
    font-size: 15px;
    letter-spacing: 1.2px;
}

.room-square svg {
    top: 3px;
}


/*----15.11.2021----*/

.about_main_img img {
    width: 100%;
}

.sfl-container.sfl-theme-591-new-peterhof-2021 .sf-submit-button-input-container .sfl-submit-button-input {
    width: 221px;
}

#resume_form .btn span,
#call_form .btn span {
    font-family: 'circe';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
}

.fancybox-toolbar .fancybox-button {
    width: 60px;
    height: 60px;
}

.fancybox-thumbs {
    background: #222;
}

.fancybox-thumbs__list a::before {
    border: 4px solid #b5b175;
}

.fancybox-button[disabled] svg,
.fancybox-button[disabled]:hover svg {
    opacity: .3 !important
}

.fancybox-show-infobar .fancybox-infobar {
    position: absolute;
    top: 93%;
    left: 50%;
    transform: translateX(-50%);
}

#about .btn:hover::after {
    content: url(/local/templates/new/img/i_youtube_hover.svg) !important;
}

.map_open.btn:hover::after {
    content: url(/local/templates/new/img/i_map_hover.svg) !important;
}


div.news-item {
    border: none;
}

.news-list .news-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 40px;
}

.news-list .news-item > * {
    flex-basis: 50%;
    width: 100%;
    max-width: 50%;
}

.news-list .news-item h3 {
    margin-top: 10px !important;
    color: #B5B175;
}

.news-list .news-item .right_part {
    height: 100%;
/ / justify-content: space-between;
/ / display: flex;
/ / flex-direction: column;
    padding-left: 30px;
}

.news-list .news-item .date {
    font-size: 12px !important;
}

.news-list .news-item .img_container {
    min-height: 320px;
}

.news-list .news-item .right_part .btn {
    margin-top: 30px;
}

.news-detail .left {
    float: left;
    width: 100%;
    max-width: 50%;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
}

.news-detail .left img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.inner-page h1.center::after {
    margin-top: 0px;
}

.news-detail.restaurants .left {
    float: none;
    max-width: 100%;
    margin-bottom: 0;
}

.news-detail.restaurants {
    align-items: flex-start;
}

.news-detail.restaurants .left img {
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: cover;
}

.restaurants + .text_detail {
    margin-top: 150px;
    margin-bottom: 70px;
}

.news-detail.restaurants {
    margin-bottom: 85px;
}

.news-detail .left {
    height: 100% !important;
}

@media (max-width: 768px) {

    .news-list .news-item,
    .news-detail.restaurants {
        flex-direction: column;
    }

    .news-list .news-item > *,
    .news-detail.restaurants > * {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }

    .news-detail.restaurants > * {
        padding: 0;
    }

    .news-list .news-item .right_part {
        margin-top: 20px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .news-detail .date,
    .news-detail .text,
    .news-detail + p {
        margin-right: 15px;
        margin-left: 15px;
    }

    .news-detail + p {
        margin-top: 30px;
    }

    .news-detail .left {
        float: none;
        width: 100%;
        max-width: 100%;
        height: 300px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .news-detail .left img {
        height: 220px;
        margin-bottom: 30px;
        object-fit: cover;
    }

    .news-detail.restaurants .left img {
        height: 220px;
    }

    .news-detail.restaurants {
        margin-bottom: 50px;
    }
}

.overlay,
.fancybox-container {
    backdrop-filter: none;
}

body .fancybox-is-open .fancybox-bg,
.overlay {
    opacity: 1 !important;
    background: rgb(40 36 33 / 96%) !important;
}

.fancybox-navigation .fancybox-button--arrow_left::before {
    content: url(/local/templates/new/img/owl-prev.svg) !important;
}

.fancybox-navigation .fancybox-button--arrow_right::before {
    content: url(/local/templates/new/img/owl-next.svg);
}

input[type="text"],
.file-upload-button,
form select {
    font-family: 'circe';
    font-size: 15px;
    font-weight: 400px;
}

.news_ditail_back .btn:after {
    display: none;
}

.news_ditail_back .btn:before {
    width: 50px;
    padding: 19px 0;
    line-height: 0;
    text-align: center;
    background: #a19d60;
    transition: all .3s;
    transform: rotate(180deg);
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

.news_ditail_back .btn:hover:before {
    background: #FFFFFF;
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.order_block.fixed_2 .block-search-container {
    box-shadow: 0 0 0;
}

.close_btn:hover svg path {
    fill: #222;
}

.bx-breadcrumb-item-text {
    font-family: 'circe';
}

.breadcrumb .bx-breadcrumb-item span {
    font-size: 13px;
}

input[type="email"],
input[type="tel"],
input[type="submit"] {
    font-family: 'circe';
    font-size: 15px;
}

.posters .items_carousel h3:hover {
    color: white;
}

.call_form {
    z-index: 100;
}

.call_form {
    box-shadow: 0px 0px 60px 2000px rgb(40 36 33 / 96%) !important;
}

.text_detail {
    position: relative;
    z-index: 1;
}

/* #about video {
	width: 50vw;
} */

@media (min-width: 961px) {
    .order_block.fixed_2 {
        position: fixed;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 75px;
        background: white;
        animation: 0.3s linear show-top;
    }

    @keyframes show-top {
        0% {
            top: -100px;
            overflow: hidden;
        }

        100% {
            top: 0px
            overflow: visible;
        }
    }

    .order_block.fixed_2 iframe {
        height: 75px;
    }
}

@media (max-width: 768px) {
    #about video {
        width: 100vw;
    }

    #about .close_btn {
        position: absolute;
        top: -10px;
        right: 30px;
        cursor: pointer;
    }

    .fancybox-image {
        padding: 0 50px;
        object-fit: contain;
    }

    .fancybox-navigation .fancybox-button {
        padding: 0;
        transform: scale(.5);
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        margin-left: 0;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        margin-right: 0px;
    }

    .fancybox-button--zoom,
    .fancybox-button--play,
    .fancybox-button--thumbs {
        display: none !important;
    }

    .fancybox-button.fancybox-button--close {
        top: 35px;
        right: 35px;
    }

    .fancybox-navigation {
        width: 100%;
    }

    .fancybox-infobar,
    .fancybox-toolbar,
    .fancybox-caption,
    .fancybox-navigation .fancybox-button {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .fancybox-infobar {
        position: absolute;
        top: 93%;
        left: 50%;
        transform: translateX(-50%);
    }
}

.inner-page-place * {
    transition: all 0s;
}

#posters_services .items_carousel .title h3 {
    height: auto;
}

.owl-item.center {
    text-align: left;
}

/*----------------------новая инста------------------------*/

.instagram-vidget__title {
    display: none;
}

.instagram-vidget__description-container {
    display: none;
    height: calc(100% - 30px);
    margin: 15px;
}

.instagram-vidget__description {
    font-size: 16px !important;
}

.instagram-vidget {
    margin-right: -15px;
    margin-left: -15px;
}

.instagram-vidget .slick-track {
    display: flex;
    align-items: stretch;
}

.instagram-vidget .item_first {
    height: auto;
}

.instagram-vidget .item_first a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #282421;
}

.instagram-vidget .item_first p:not(.hashtag) {
    margin-top: 0 !important;
}

.instagram-vidget .item_first p.hashtag {
    margin-top: 10px;
    margin-bottom: 30px;
}

.instagram-vidget .item_first a:hover span {
    border-color: white;
}

.instagram-vidget .item_first a:hover {
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
}

.instagram-vidget .item_first a {
    float: left;
    width: 100%;
    width: 100%;
    height: 100%;
    height: 100%;
/ / width: calc(100 % - 30 px);
/ / height: calc(100 % - 30 px);
/ / margin: 15 px;
    text-align: center;
    background: #282421;
}

.instagram-vidget .item_first span {
    margin: auto;
}

.instagram-vidget .item_first span {
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid rgb(181 177 117 / 30%);
    border-radius: 50%;
    transition: all .3s;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.instagram-vidget__item {
    background: none;
}

.instagram-vidget__image {
    position: absolute;
    width: 100%;
/ / width: calc(100 % - 30 px);
/ / height: calc(100 % - 30 px);
/ / margin: 15 px;
    height: 100%;
    object-fit: cover;
}

.instagram-vidget .item_first span svg {
    position: relative;
    top: 1px;
    padding: 9px 0 10px 0;
    transition: all .3s;
}

.instagram-vidget .item_first a:hover span path {
    fill: white;
}

.instagram-vidget .item_first p:not(.hashtag) {
    color: #B5B175;
}

.instagram-vidget .item_first a:hover p:not(.hashtag) {
    color: white;
}

#insta {
    margin-bottom: -120px;
}

.instagram-vidget__item button {
    width: 50px;
}

.instagram-vidget__item video {
    height: 210px;
/ / margin: 15 px;
/ / width: calc(100 % - 30 px);
    object-fit: cover;
}

.instagram-vidget .slick-slide {
    padding: 15px;
}

#first-screen-header {
    z-index: 3 !important;
}

.instagram-vidget__item video {
    background-color: #282421;
}

@media (max-width: 768px) {
    .instagram-vidget__item video {
        height: 290px;
    }

    .instagram-vidget {
        overflow-x: scroll;
    }

    .instagram-vidget::-webkit-scrollbar {
        display: none;
    }

    .instagram-vidget > div {
        width: 170%;
    }
}


.room_carousel_container {
    padding: 20px;
    background: #282421;
}

#sync2 .owl-item {
    opacity: .5;
}

#sync2 .owl-item img {
    height: 91px;
    object-fit: cover;
}

#sync2 .item {
    height: 91px;
}

#sync2 .owl-item.current {
    opacity: 1;
}

.room_gallery .owl-nav button {
    top: 50%;
    transform: translateY(-50%);
}

#sync2 .owl-nav button {
    width: 20px;
    opacity: .5;
    background: none !important;
}

#sync2 .owl-nav button:hover {
    opacity: 1;
}

#sync2 .owl-nav .owl-prev {
    left: -20px;
}

#sync2 .owl-nav .owl-next {
    right: -20px;
}

.fancybox-infobar,
.fancybox-caption {
    display: none;
}

.characteristics {
    padding: 90px 0 20px 0;
}

.text_detail {
    margin-top: 90px;
}

.img_text + .text_detail {
    margin-top: 30px;
}

.before_carousel + .characteristics {
    padding-top: 0;
}

.before_carousel {
    margin-bottom: 180px;
}

.before_carousel + .wedding_items {
    padding: 10px 0 100px 0;
}

.before_carousel + .block_w_bg_1 {
    margin-top: -90px;
}

.before_carousel + article.spa_about {
    padding-top: 0;
}

.peterhof_hall .arrangement img {
    height: 100px;
}

.new_prev:before {
    top: -5px;
}

.contacts_items .item h4 {
    text-align: left;
}

.inner-page #content {
    padding-bottom: 180px;
}

@media (max-width: 640px) {
    #sync2 .owl-item img {
        height: 61px;
        object-fit: cover;
    }

    #sync2 .item {
        height: 61px;
    }

    .room_gallery .room_params {
        bottom: 101px;
    }
}

@media (min-width: 640px) {
    .services_page .icon_container {
        flex-basis: 70px;
        width: 100%;
        max-width: 70px;
    }

    .services_page .icon_container + .text_container {
        flex-basis: calc(100% - 70px);
        width: 100%;
        max-width: calc(100% - 70px);
    }
}

@media (max-width: 1370px) {
    .before_carousel {
        margin-bottom: 90px;
    }
}

#new_video {
    width: 100%;
    max-width: 1200px;
    background-image: url(/local/templates/new/img/video_bg.jpg);
    background-size: cover;
}

@media (max-width: 1300px) {
    #new_video {
        max-width: 992px;
    }

    .close_btn {
        top: -15px;
        right: 35px;
    }
}

@media (max-width: 992px) {
    #new_video {
        width: 100%;
        max-width: 100%;
    }

    .video-wrap.active .video_container {
        width: 100%;
    }

    .close_btn svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {

    .x-tl-booking-widget-4101-container,
    .x-tl-booking-widget-9111-container:not(.x-tl-booking-widget-9111-container--pulled-left) {
        top: auto !important;
        bottom: 20% !important;
    }

    .overlay {
        z-index: 1000001;
    }

    .scheme img {
        width: 100%;
    }
}

@media (max-width: 480px) {

    article.about > .flexbox > .col-flex-6:first-child div,
    article.about > .flexbox > .col-flex-6:first-child img,
    article.text > .flexbox > .col-flex-6:first-child div,
    article.text > .flexbox > .col-flex-6:first-child img {
        height: 250px;
        object-fit: cover;
    }

    .type-detail-offer .first_line img,
    .type-detail-offer .first_line .b-image {
        height: 250px;
    }

    .img_bg {
        min-height: 250px !important;
    }

    .news-detail.restaurants .left img {
        height: 250px;
    }

    .restaurants + .text_detail {
        margin-top: 0px;
    }

    .before_carousel {
        margin-bottom: 70px;
    }

    .instagram-vidget__item video {
        height: 323px;
    }

    .inner-page #content {
        margin-bottom: 150px;
    }

    .team .new_prev + .new_prev,
    .team .new_next + .new_next {
        display: none;
    }

    .team .new_dots {
        width: calc(115% - 20px);
    }
}

/*------24.12.2021------*/

.scheme img {
    width: 100%;
}

.deals h3 {
    display: -webkit-box;
    overflow: hidden;
    min-height: 58px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.deals .b-button {
    white-space: nowrap;
}

.booking_btn_container {
    height: 50.5px;
    margin-top: 15px;
}

.booking_btn_container .offer-btn {
    margin-top: 0;
}

.room_last_line .b-button.type-monochromatic:hover {
    color: white !important;
}

footer .sicial_links .info {
    line-height: 28px;
}

.adm-workarea textarea,
.bxhtmled-font-size-popup .bxhtmled-dd-list-item,
.bxhtmled-dd-list-item {
    color: #000 !important;
}

.ymaps-controls-lefttop > * {
    top: 30px !important;
    right: 30px !important;
    left: auto !important;
}

.ymaps-b-zoom {
    width: 50px !important;
}

.ymaps-b-zoom__button_type_minus,
.ymaps-b-zoom__button_type_plus {
    width: 50px !important;
    height: 50px !important;
    text-align: center;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175 !important;
    cursor: pointer;
    transition: all .3s;
}

.ymaps-b-zoom__button_type_minus:hover,
.ymaps-b-zoom__button_type_plus:hover {
    background: white !important;
}

.ymaps-b-zoom__button_type_plus {
    margin-top: 10px;
}

.ymaps-b-zoom__button_type_minus:before,
.ymaps-b-zoom__button_type_plus:before {
/ / content: '-';
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    color: #282421;
}

.ymaps-b-zoom__button_type_plus:before {
/ / content: '+';
}

.ymaps-b-form-button_theme_grey-sm,
.ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left,
.ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content {
    background: none !important;
}

.ymaps-b-zoom__button .ymaps-b-form-button {
    position: relative;
    top: 12px;
}

.mini_container p {
    margin-bottom: 50px !important;
    text-align: center;
}

@media (max-width: 1370px) {
    .before_carousel .owl-dots {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .before_carousel {
        overflow: hidden;
    }

    .before_carousel:before {
        top: auto;
        bottom: 0;
    }
}

@media (max-width: 992px) {
    .before_carousel {
        padding-bottom: 0px;
    }
}

@media (max-width: 768px) {
    .ymaps-controls-lefttop > * {
        top: 20px !important;
        right: 20px !important;
    }

    .ymaps-b-zoom__button_type_minus,
    .ymaps-b-zoom__button_type_plus {
        width: 30px !important;
        height: 30px !important;
        text-align: center;
    }

    .ymaps-b-zoom {
        width: 30px !important;
    }

    .ymaps-b-zoom__button .ymaps-b-form-button {
        top: 3px;
    }

    .ymaps-b-zoom__button_type_plus {
        margin-top: 10px;
    }
}

.goods .item img {
    position: relative;
    top: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    transform: none;
    object-fit: contain;
}

/*------02.02.2022------*/
.dialog__agree {
    padding: 0 0 20px 0;
}

.call_form .dialog__agree {
    padding: 0 30px 20px 30px;
}

.dialog__agree input[type="checkbox"] {
    position: relative;
    top: 1px;
    margin-left: 0;
    filter: grayscale(1);
}

.dialog__agree a {
    color: #B5B175;
}

.dialog__agree a:hover {
    text-decoration: underline;
}

#resume_form .dialog__agree {
    margin-top: -15px;
}

input[type="text"].errValue {
    border-color: red;
}

input[type="text"].errValue::placeholder {
    color: red;
}

input[type="checkbox"].errValue {
    outline: 2px solid red;
    outline-offset: 1px;
    filter: grayscale(0);
}


.play_youtube {
    position: relative;
    display: block;
}

.play_youtube > img {
    position: relative;
    z-index: 0;
}

.play_youtube:after {
    position: absolute;
    top: 50%;
    left: calc(50% + 7.5px);
    z-index: 2;
    opacity: .3;
    border: 15px solid;
    border-color: transparent transparent transparent white;
    transition: all .3s;
    transform: translate(-50%, -50%);
    content: '';
}

.play_youtube:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    opacity: .3;
    background: #222;
    border-radius: 50%;
    transition: all .3s;
    transform: translate(-50%, -50%);
    content: '';
}

.play_youtube:hover:after {
    opacity: 1;
}

.play_youtube:hover:before {
    opacity: .8;
}

.advantages .advantages-item__image {
    width: 50px;
    height: 50px;
    object-fit: containe;
    object-position: center;
}

@media (max-width: 640px) {
    .footer_lvl_1 .goods.flexbox.row > div:nth-child(3),
    .goods.flexbox.row > .col-flex-3:last-child {
        display: block;
    }

    footer .payments.flexbox + .goods.flexbox {
        flex-wrap: wrap;
    }

    footer .payments.flexbox + .goods.flexbox.row > div .item {
        margin-right: 7.5px;
        margin-bottom: 15px;
        margin-left: 7.5px;
    }

    .goods.flexbox.row > * {
        flex-basis: 50%;
        width: 100%;
        max-width: 50%;
        padding: 0;
    }
}

/*-----06.02.2022-----*/

header .sicial_links .mess_links {
    top: -1px;
    left: 0;
    display: flex;
    flex-direction: row;
    padding: 0;
    font-size: 10px;
    line-height: 29px;
    white-space: nowrap;
    color: #b5b175;
    background: #b5b1752e;
    border-radius: 30px;
    transition: all .3s;
}

header .sicial_links .mess_links .info {
    position: relative;
    top: 2px;
    margin-right: 12px;
}

header .sicial_links .mess_links a:hover + .info,
header .sicial_links .mess_links a:hover + a + .info {
    color: white;
}

/* footer .sicial_links .info::after {
	content: '';
	position: absolute;
	right: 60px;
	border: 7px solid transparent;
	border-top: 7px solid #b5b175;
	transform: rotate(90deg);
	top: -6px;
} */

.type-detail-offer .buttons .button-container a {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #38342b;
    border: 1px solid #38342b !important;
}

.type-detail-offer .buttons .button-container a:hover {
    color: white;
    background: none;
    border: 1px solid #B5B175 !important;
}

.type-detail-offer .buttons .button-container a > svg {
    flex-basis: 12px;
    width: 100%;
    max-width: 12px;
    margin-right: 15px;
}

.type-detail-offer .buttons .button-container a > span {
    display: -webkit-box;
    overflow: hidden;
    flex-basis: calc(100% - 12px);
    width: 100%;
    max-width: calc(100% - 12px);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b-entire.type-rooms .item_container .flexbox {
    align-items: center;
}

.residence .item_container .rooom-comprare .best-rate {
    margin: 0;
}

.type-detail-offer .buttons .button-container a {
    display: flex;
    border: none;
}

.news-detail.restaurants .buttons .button-container {
    flex-basis: calc(33.3333% - 10px);
    max-width: calc(33.3333% - 10px);
    padding: 0 5px;
}

.news-detail.restaurants .buttons {
    margin-top: 30px;
}

.news-detail.restaurants .buttons .button-container a {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #38342b;
    border: 1px solid #38342b !important;
}

.news-detail.restaurants .buttons .button-container a > svg {
    flex-basis: 12px;
    width: 100%;
    max-width: 12px;
    margin-right: 15px;
}

.news-detail.restaurants .buttons .button-container a > span {
    display: -webkit-box;
    overflow: hidden;
    flex-basis: calc(100% - 12px);
    width: 100%;
    max-width: calc(100% - 12px);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-detail.restaurants .buttons .button-container a:hover {
    color: white;
    background: none;
    border: 1px solid #B5B175 !important;
}

@media (max-width: 768px) {
    header .sicial_links .mess_links .info {
        display: none;
    }

    .mobile_menu .sicial_links .mess_links .info {
        display: block;
        margin-left: 12px;
    }

    header .sicial_links .mess_links {
        background: none;
    }

    .mobile_menu .sicial_links .mess_links {
        background: #b5b1752e;
    }

    .inner-page .room-person > svg,
    .inner-page .room-square > svg,
    .inner-page .room-beds > svg {
        margin-bottom: 0;
    }

    .inner-page .residence_itams_page .room-square,
    .inner-page .residence_itams_page .room-person,
    .inner-page .residence_itams_page .room-beds {
        align-items: center;
    }

    .inner-page .residence_itams_page .room_params.flexbox > div:not(:last-child) {
        margin-bottom: 10px;
    }

    .inner-page .room-person > svg,
    .inner-page .room-square > svg,
    .inner-page .room-beds > svg {
        top: 0;
        flex-basis: 15px;
        width: 100%;
        max-width: 15px;
        margin-bottom: 0;
    }

    .inner-page .room-person > span,
    .inner-page .room-square > span,
    .inner-page .room-beds > span {
        display: inline-block;
    }

    .inner-page .room-person > *,
    .inner-page .room-square > *,
    .inner-page .room-beds > * {
        height: 15px;
    }

    .inner-page .residence_itams .room_params {
        padding: 15px 20px !important;
    }
}

@media (max-width: 480px) {
    #residence_deals .b-entire.type-rooms .item_container .flexbox > div {
        margin-bottom: 0px !important;
    }

    #residence_deals .residence .residence_itams .flexbox .best-rate {
        flex-basis: 35% !important;
        max-width: 35% !important;
    }

    #residence_deals .residence .residence_itams .flexbox .b-price {
        flex-basis: 65% !important;
        max-width: 65% !important;
    }

    #residence_deals .residence .best-rate .link-as-text {
        padding-left: 10px;
    }

    #residence_deals .residence .residence_itams .flexbox .btn {
        margin-top: 20px;
    }

    .sertificats .new_dots,
    .spa_academy.fitness .new_dots,
    .inner-page .owl-carousel .new_dots {
        display: flex;
        justify-content: space-between;
    }

    .spa_academy .before_carousel .owl-dots,
    .peterhof_carousel .owl-dots,
    .deals .owl-dots,
    .deals_slider .owl-dots,
    .other-rooms .owl-dots,
    .team .owl-dots,
    .other-offers .owl-dots,
    .special_detail .owl-dots,
    .sertificats .owl-dots,
    .about-list-slider .owl-dots,
    .reviews_carousel .owl-dots,
    .room_detail .services_items .owl-dots {
        margin-top: 30px !important;
    }

    .sertificats .new_prev,
    .sertificats .new_next,
    .spa_academy.fitness .new_prev,
    .spa_academy.fitness .new_next,
    .inner-page .owl-carousel .new_prev,
    .inner-page .owl-carousel .new_next {
        margin-top: 30px !important;
    }

    .before_carousel + .block_w_bg_1 {
        margin-top: 0px;
    }

    .before_carousel .new_prev,
    .before_carousel .new_next {
        margin-top: 25px !important;
    / / margin-bottom: 25 px;
    }

    .before_carousel .owl-dots {
        height: auto;
        margin-top: 30px !important;
        margin-bottom: 0 !important;
    }

    .before_carousel {
        padding-bottom: 30px !important;
    }

    .team .card-image {
        margin-bottom: 0;
    }
}

.payments img {
    border-radius: 5px;
}

.payment_page .payment_agree label {
    color: white;
}

.payment_page .payment_agree {
    flex-basis: calc(50% - 30px);
    width: 100%;
    max-width: calc(50% - 30px);
    margin-top: 17px;
}

.payment_page .sup-text {
    text-align: right;
}

header .lang-item {
    width: 24px !important;
}

.lang-list {
    width: 34px;
}

@media (max-width: 992px) {

    .payment_page .payment_agree,
    .payment_page .sup-text + div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .payment_page .payment_agree {
        order: 1;
        margin-top: 7px;
        margin-bottom: 15px;
    }

    .payment_page .sup-text {
        order: 0;
        text-align: left;
    }

    .payment_page .sup-text + div {
        order: 2;
        text-align: center;
    }

    .before_carousel .owl-carousel .owl-item img {
        height: 200px;
        object-fit: cover;
    }

    .before_carousel .owl-carousel.owl-drag .owl-item,
    .before_carousel .owl-stage {
        height: 200px;
    }
}

@media (max-width: 720px) {
    footer .pay-item__image {
        width: 45px !important;
        object-fit: cover;
    }
}


/*----------------------20.02.2022----------------------*/

.type-detail-offer .first_line img {
    max-height: 420px;
}

.deals_slider.owl-carousel .owl-item img.card-img {
    height: 240px;
    object-fit: cover;
}

.deals_slider h3 {
    display: -webkit-box;
    overflow: hidden;
    min-height: 58px;
    color: #B5B175;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.deals_slider h3 a,
.deals_slider.owl-carousel .owl-item:hover .item_container h3 a:hover,
.other-offers .owl-item:hover .item_container h3 a:hover {
    color: #B5B175;
}

.deals_slider.owl-carousel .owl-item:hover .item_container,
.other-offers .owl-carousel .owl-item:hover .item_container {
    background: white;
}

.deals_slider.owl-carousel .owl-item:hover .item_container *,
.deals_slider.owl-carousel .owl-item:hover .btn_more:hover,
.other-offers .owl-carousel .owl-item:hover .item_container .btn_more:hover,
.other-offers .owl-carousel .owl-item:hover .item_container * {
    color: #222;
}

.deals_slider.owl-carousel .owl-item:hover .btn_more:hover:after,
.other-offers .owl-carousel .owl-item:hover .btn_more:hover:after {
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);

}

.deals_slider.owl-carousel .owl-item:hover .btn_more,
.other-offers .owl-carousel .owl-item:hover .btn_more {
    color: #B5B175;
}

.deals_slider.owl-carousel .owl-item:hover .btn_more:hover,
.other-offers .owl-carousel .owl-item:hover .btn_more:hover,
.big_link + .title .btn_more:hover {
    filter: brightness(0.2);
}

.deals_slider h3 {
    min-height: auto;
}

.services_items .item:hover .btn_more:hover {
    color: #222;
}

.services_items .btn_more::after {
    transition: all .3s;
}

.services_items .btn_more:hover::after,
.other-rooms .owl-carousel .owl-item:hover .btn_more:hover::after {
    margin-left: 20px;
    filter: brightness(0.2);
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.other_serv.owl-carousel > div:first-child .item {
    height: 245px;
}

.other_serv.owl-carousel .item:before {
    bottom: 0;
    height: 0;
    transition: all .3s;
    content: '';
}

.other_serv.owl-carousel .item .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    background: linear-gradient(to top, #2D2926, #2D292600);
    transition: all .3s;
}

.other_serv.owl-carousel .item {
    position: relative !important;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.other_serv.owl-carousel .item:hover:before {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgb(207 190 125 / 85%);
    content: '';
}

.other_serv.owl-carousel .item:hover h4 {
    position: relative;
    bottom: auto;
}

.other_serv.owl-carousel .item .hide p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.other_serv.owl-carousel div:first-child .item .hide p {
    -webkit-line-clamp: 4;
}

.other_serv.owl-carousel .item:hover .title {
    background: none;
}

.other_serv.owl-carousel .item:hover .hide {
    display: block;
    opacity: 1;
}

.big_link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.other-rooms .owl-carousel .owl-item:hover .item_container {
    background: white;
}

.other-rooms .owl-carousel .owl-item:hover .item_container *,
.other-rooms .owl-carousel .owl-item:hover .item_container h3 a {
    color: #222 !important;
}

.other-rooms .owl-carousel .owl-item .item_container h3 a,
.other-rooms .owl-carousel .owl-item:hover .item_container h3 a:hover,
.other-rooms .owl-carousel .owl-item:hover .btn_more {
    color: #B5B175 !important;
}

.other-rooms .owl-carousel .owl-item:hover .btn_more:hover {
    filter: brightness(0.2);
}

.rental_page .img_container {
    min-height: 300px;
    background-size: cover !important;
}

.img_text + div:not(.before_carousel) {
    margin-top: 50px;
}

.other-rooms .owl-carousel .owl-item:hover .btn_more {
    color: white;
}

.residence_itams .room-price {
    display: block;
    font-size: 22px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    margin-left: 35px;
}

@media (max-width: 480px) {
    #residence_deals .b-entire.type-rooms .item_container > .flexbox {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    #residence_deals .room-beds span {
        white-space: normal;
    }

    .room-square svg {
        top: 0;
        margin-top: 2px;
    }

    .room-square,
    .room-person {
        margin-right: 20px;
    }
}

.other_serv .item:hover .btn_more.gold.anchor_detail_servises {
    color: white !important;
}

.other_serv .item:hover h4.caption-value a:hover,
body:not(.inner-page) .services .services_items .item:hover h4 a:hover,
.services .services_items .item:hover h4 a:hover {
    color: #222 !important;
}

.residence_itams .room-price {
    white-space: nowrap;
}

@media (max-width: 420px) {
    .residence_itams .link-as-text {
        padding-left: 15px;
    }

    .residence_itams_page .residence_itams .content-cell .b-price {
        flex-basis: 60%;
        max-width: 60%;
    }

    .residence_itams_page .residence_itams .content-cell .best-rate {
        flex-basis: 40%;
        max-width: 40%;
    }

    .residence_itams .room-price {
        font-size: 16px;
    }

    .residence .price-count,
    .residence_itams .room-price .price-count {
        font-size: 20px;
    }
}

.other-rooms .owl-stage .owl-item .item_container h3:hover::before {
    display: none;
}

.other-rooms .owl-stage .owl-item .item_container h3,
.other-rooms .owl-stage .owl-item .item_container h3 a,
.other-rooms .owl-stage .owl-item:hover .item_container h3,
.other-rooms .owl-stage .owl-item:hover .item_container h3 a {
    color: #B5B175 !important;
}

.other-rooms .owl-stage .owl-item .item_container h3:hover {
    overflow: hidden;
}

.other-rooms .owl-stage .owl-item .item_container h3:hover,
.other-rooms .owl-stage .owl-item .item_container h3:hover a,
.other-rooms .owl-stage .owl-item:hover .item_container h3:hover,
.other-rooms .owl-stage .owl-item:hover .item_container h3 a:hover {
    color: #000 !important;
}

.payment_page .payment-wrap form .row .sup-text + .col-flex-6 {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 30px;
    text-align: center !important;
}

/*
footer {
    padding-top: 0px !important;
    margin-top: 150px  !important;
}
body:not(.inner-page) footer {
margin-top: 0 !important;
}
*/
#insta {
    margin: 0 !important;
}

footer {
    padding-top: 5px;
}

#map {
    margin-bottom: 0;
}

.inner-page #content {
    margin-bottom: 0;
    padding-bottom: 100px;
}

@media (max-width: 992px) {
    .inner-page #content {
        padding-bottom: 40px;
    }

    .deals .mini_container {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
}

/*--------NEW 08.04.2022---------*/

.news-detail.restaurants .buttons .button-container a > span {
    display: flex;
    align-items: center;
    min-height: 36px;
    line-height: 1.2;
}

body:not(.inner-page) .hide_link {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.residence_itams .b-price .link-as-text {
    border: 0;
}

.residence .item_container .rooom-comprare .b-price .best-rate,
.residence_itams .room-price {
    margin-right: 10px !important;
}

.price_rate > .best-rate .link-as-text {
    padding-left: 10px !important;
}

.inner-page .residence_itams .price_rate {
    flex-wrap: nowrap;
}

.price_rate > .best-rate .link-as-text > span {
    white-space: nowrap;
}

.type-detail-room .right_block .type-price-col > .flexbox {
    flex-wrap: nowrap;
}

.type-detail-room .right_block .type-price-col > .flexbox {
    padding-left: 0;
}

.type-detail-room .right_block .type-price-col .best-rate a {
    position: relative;
    margin-left: 20px;
    padding-left: 0px !important;
    border-left: 0;
}

.right_block .b-order.type-right-align.type-height-zero.content-cell.flexbox {
    justify-content: flex-start;
}

.type-detail-room .right_block .type-price-col .best-rate a br {
    display: none;
}

.type-detail-room .right_block .type-price-col .price_price {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 25px;
    border-left: 1px solid #b5b1751c;
}

.type-detail-room .right_block .type-price-col .price_price > .best-rate {
    margin: 0;
    border-right: 0;
}

.type-detail-room .right_block .type-price-col .b-price .best-rate {
    margin: 0 !important;
}

/*----*/

.price_rate {
    margin-left: 0;
    padding-left: 20px;
    border-left: 0;
}

.residence_itams .room-price {
    line-height: 1;
}

@media (min-width: 1100px) {
    .price_rate {
        margin-left: 25px;
        border-left: 1px solid #b5b1751c;
    }
}

.b-entire.type-rooms .item_container .content-cell.flexbox {
    justify-content: flex-start;
}

#about .maxwidth-theme > .flexbox > *,
.footer_lvl_2 .col-flex-6 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

.price_rate .best-rate a {
    position: relative;
    margin: 0;
    padding: 0 0 0 10px !important;
    border: 0;
}

.residence .residence_itams > .flexbox .item .content-cell.flexbox .b-price {
    margin-bottom: 0;
}

.price_rate .best-rate a::before,
.type-detail-room .right_block .type-price-col .best-rate a:before {
    position: absolute;
    left: 0;
    content: '-';
}

.price_rate .best-rate a br {
    display: none;
}

.price_rate .best-rate,
.residence_itams .room-price {
    margin: 0px !important;
}

.price_rate {
    flex-direction: column;
    align-items: flex-start !important;
}

.price_rate > .b-price .best-rate a {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    white-space: nowrap;
}

.price_rate > .best-rate .link-as-text {
    padding-left: 0 !important;
}

/*----*/

@media (max-width: 1110px) {
    .residence_itams .room-price {
        font-size: 15px;
    }

    .residence_itams .room-price .price-count {
        font-size: 22px !important;
    }
}

@media (max-width: 992px) {
    .price_rate > .best-rate .link-as-text > span {
        margin-left: 3px;
    }

    .inner-page .residence_itams .price_rate {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center !important;
    }

    .inner-page .residence_itams .link-as-text {
        padding: 0;
    }

    .inner-page .residence_itams .price_rate > .best-rate {
        margin: 0 0 0 15px;
    }

    .price_rate {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start !important;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .b-price {
        margin-bottom: 0;
    }

    body:not(.inner-page) .first_screen_slider .slide > * {
        z-index: 1;
    }

    body:not(.inner-page) .hide_link {
        z-index: 2 !important;
        display: block;
    }

    .residence .item_container .rooom-comprare .best-rate a {
        position: relative;
        margin: 0 0 5px 0;
        padding: 0 0 0 10px !important;
        border: 0;
    }

    .residence .item_container .rooom-comprare .best-rate a br {
        display: none;
    }

    .residence .item_container .rooom-comprare .best-rate a::before {
        position: absolute;
        left: 0;
        content: '-';
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .btn {
        margin-top: 15px;
    }

    .residence .item_container {
        overflow: hidden;
        padding-bottom: 130px !important;
    }
}

@media (max-width: 851px) {

    .header_lvl_2 .col-flex-6.flexbox,
    .header_lvl_2 .sicial_links.flexbox {
        flex-wrap: nowrap;
    }

    header .logo {
        margin-right: 20px;
    }

    .header_tel {
        font-size: 21px;
    }
}

@media (max-width: 768px) {
    .footer_lvl_2 .col-flex-6.flexbox {
        flex-direction: column;
    }

    .payments.flexbox li:not(:last-child) {
        margin-right: 15px;
    }

    #about .item_container::before {
        top: 1px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .room-square,
    .room-beds {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .room-person {
        display: none;
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .b-price {
        margin-bottom: 0;
    }

    .inner-page .residence_itams_page .room_params.flexbox > div:not(:last-child) {
        margin-right: 15px !important;
    }

    #residence_deals .b-entire.type-rooms .item_container > .flexbox {
        flex-wrap: wrap !important;
    }

    .inner-page .residence_itams .room_params {
        padding: 10px !important;
    }

    .residence_itams_page .residence_itams .room_params > * {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-width: 640px) {
    .right_block .room-price {
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .type-detail-room .right_block .type-price-col .price_price {
        margin-left: 0;
        border: 0;
    }

    .type-detail-room .right_block .type-price-col .best-rate a {
        margin-left: 0;
        padding-left: 10px !important;
    }

    .type-detail-room .right_block .type-price-col .best-rate a::before {
        position: absolute;
        left: 0;
        content: '-';
    }

    .inner-page .residence_itams .price_rate .best-rate a::before {
        position: absolute;
        left: 0;
        content: '-';
    }

    .inner-page .residence_itams .price_rate {
        flex-basis: 100%;
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%;
        max-width: 100%;
    }

    .residence_itams_page .residence_itams .content-cell .b-price,
    .residence_itams_page .residence_itams .content-cell .best-rate {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }

    .inner-page .residence_itams .price_rate > .best-rate {
        margin: 0;
    }

    .inner-page .residence_itams .link-as-text {
        border: 0;
    }

    .inner-page .residence_itams .price_rate .best-rate a {
        position: relative;
        padding-left: 10px;
    }

    .inner-page .residence_itams .link-as-text {
        padding-left: 10px !important;
        border: 0 !important;
    }

    .inner-page .residence_itams .price_rate .best-rate a br {
        display: none;
    }

    .residence_itams_page .residence_itams .content-cell .btn {
        margin-top: 20px;
    }

    .residence_itams_page .room_params.flexbox {
        flex-direction: row !important;
    }

    .residence_itams_page .room-square {
        margin-right: 10px !important;
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    #about .about_advantages .item > .item_container {
        display: flex;
        margin: 15px;
    }

    .residence_itams_page .room-person > svg,
    .residence_itams_page .room-square > svg,
    .residence_itams_page .room-beds > svg {
        top: 0;
        margin-top: 1px;
        margin-right: 5px !important;
        margin-bottom: 0;
    }

    .inner-page .residence_itams_page .room_params.flexbox > div:not(:last-child) {
        margin-bottom: 0;
    }

    #residence_deals .room-beds span {
        white-space: nowrap !important;
    }

    .residence_itams_page .residence_itams .room-price {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .residence_itams_page .residence_itams .room_params {
        width: calc(100% - 20px);
    }

    .residence .item_container .rooom-comprare .best-rate a {
        position: relative;
        margin: 0 0 5px 0;
        padding: 0 0 0 10px !important;
        border: 0;
    }

    .residence .item_container .rooom-comprare .best-rate a br {
        display: none;
    }

    .residence .item_container .rooom-comprare .best-rate a::before {
        position: absolute;
        left: 0;
        content: '-';
    }

    .residence .residence_itams > .flexbox .item .content-cell.flexbox .btn {
        margin-top: 15px;
    }

    .residence .item_container {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 500px) {
    .footer_lvl_2 .col-flex-6.flexbox {
        align-items: flex-end;
    }
}

@media (max-width: 721px) and (min-width: 640px) {
    .payments {
        display: grid;
        grid-template-areas:
			"1 2 3 4"
			"5 6 7 8";
    }

    .services_items > div:first-child {
        grid-area: 1;
    }

    .services_items > div:nth-child(2) {
        grid-area: 2;
    }

    .services_items > div:nth-child(3) {
        grid-area: 3;
    }

    .services_items > div:nth-child(4) {
        grid-area: 4;
    }

    .services_items > div:nth-child(5) {
        grid-area: 5;
    }

    .services_items > div:nth-child(6) {
        grid-area: 6;
    }

    .services_items > div:nth-child(7) {
        grid-area: 7;
    }

    .services_items > div:nth-child(8) {
        grid-area: 8;
    }
}

@media (max-width: 505px) {
    .payments {
        display: grid;
        grid-template-areas:
			"1 2 3 4"
			"5 6 7 8";
    }

    .services_items > div:first-child {
        grid-area: 1;
    }

    .services_items > div:nth-child(2) {
        grid-area: 2;
    }

    .services_items > div:nth-child(3) {
        grid-area: 3;
    }

    .services_items > div:nth-child(4) {
        grid-area: 4;
    }

    .services_items > div:nth-child(5) {
        grid-area: 5;
    }

    .services_items > div:nth-child(6) {
        grid-area: 6;
    }

    .services_items > div:nth-child(7) {
        grid-area: 7;
    }

    .services_items > div:nth-child(8) {
        grid-area: 8;
    }
}

@media (max-width: 480px) {

    #residence_deals .residence .residence_itams .flexbox .b-price,
    #residence_deals .residence .residence_itams .flexbox .best-rate {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

.posters {
    margin-bottom: 0;
}

#posters_services {
    padding-top: 0;
}

#content {
    margin-bottom: 0;
}

#residence_deals {
    padding-bottom: 0;
}

.deals {
    margin-top: 100px;
    margin-bottom: 100px;
    overflow-x: clip;
}

.item:hover .price_rate > .best-rate .link-as-text > span {
    color: #B5B175;
}

@media (max-width: 768px) {
    .deals {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 992px) {
    .price_rate {
        padding-left: 0px;
    }

    .inner-page .residence_itams .price_rate {
        flex-direction: column !important;
        flex-wrap: wrap;
        align-items: flex-start !important;
    }

    .residence_itams_page .residence_itams .content-cell {
        justify-content: flex-start;
    }

    .residence_itams_page .residence_itams .content-cell .btn {
        margin-top: 0;
        margin-right: 25px;
    }

    .residence_itams_page .residence_itams .content-cell .price_rate .best-rate a::before {
        position: absolute;
        left: 0;
        content: '-';
    }

    .residence_itams_page .residence_itams .content-cell .price_rate .best-rate a {
        padding-left: 10px !important;
    }

    .inner-page .residence_itams .price_rate {
        align-items: flex-start !important;
    }

    .residence .item_container {
        padding-bottom: 115px !important;
    }
}

@media (max-width: 640px) {
    .inner-page .residence_itams .price_rate {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .residence .item_container {
        padding-bottom: 20px !important;
    }
}

.price_rate > .best-rate .link-as-text,
.type-detail-room .right_block .type-price-col .best-rate a {
    padding-left: 10px !important;
}

.type-detail-room .right_block .type-price-col .b-price .best-rate a {
    white-space: nowrap;
}

.type-detail-room .right_block .type-price-col .price_rate > .best-rate .link-as-text {
    white-space: normal;
}

.price_rate > .best-rate > .link-as-text,
.type-detail-room .right_block .type-price-col .price_price > .best-rate a {
    margin-top: 2px !important;
    line-height: 1.2 !important;
}

@media (min-width: 992px) {
    #about iframe {
        height: 290px !important;
    }
}

@media (max-width: 640px) {
    .deals {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .deals h2 {
        margin-top: 0px !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        padding-bottom: 20px !important;
    }

    #advantages {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #residence_deals,
    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text,
    #reviews {
        margin-top: 50px;
    }

    .posters {
        margin-top: 40px;
    }

    #posters_services .services {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    #posters_services .btn_container.line {
        margin-top: 0;
    }

    #reviews {
        padding-top: 0;
    }
}

.price_rate > .best-rate > .link-as-text span {
    margin-left: 5px;
}

.inner-page .residence_itams .price_rate > .best-rate > .link-as-text span {
    margin-left: 0px;
}

@media (min-width: 992px) {

    .room-square,
    .room-person,
    .room-beds {
        display: flex;
    }

    .room-square svg,
    .room-person svg,
    .room-beds svg {
        top: 0;
        width: 15px;
        height: 15px;
        margin-top: 0;
    }

    .room-square span,
    .room-person span,
    .room-beds span {
        position: relative;
        bottom: 1px;
        line-height: normal;
    }
}

@media (max-width: 768px) {

    .room-square,
    .room-beds {
        display: flex;
    }

    .room-square svg,
    .room-beds svg {
        top: 0;
        width: 15px;
        height: 15px;
        margin-top: 0;
    }

    .room-square span,
    .room-beds span {
        position: relative;
        bottom: 1px;
        line-height: normal;
    }
}

/*----29.04.2022----*/

.map_link_logos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_link_logos a {
    display: block;
    margin: 10px 28px -35px 28px;
}

.map_link_logos img {
    width: 100px;
    transition: all .3s;
}

.map_link_logos a:hover img {
    opacity: .7;
}

.room_gallery .room_params,
.residence_itams .room_params {
    width: calc(100% - 30px);
    padding: 15px 15px 10px 15px;
}

.residence_itams .room_params {
    padding-top: 16px;
}

.room_detail_no_pad {
    padding-bottom: 0;
    background: none;
}

.inner-page-place.inner-page {
    background: none !important;
}

.room_first_line {
    display: none;
}

.type-detail-room .right_block {
    justify-content: flex-start;
}

.type-detail-room .room_second_line {
    margin-bottom: 20px;
}

.type-detail-room .room_second_line + .type-price-col {
    margin-bottom: 40px;
}

.location .item {
    height: 100%;
    height: calc(100% - 90px);
    margin-bottom: 30px;
    padding: 30px;
    background: #282421;
}

.location .item h4 {
    margin-top: 15px !important;
    text-align: left;
    color: #B5B175;
}

.location .item > div > div {
    padding: 0;
}

.bathroom {
    min-height: 240px;
}

.anchor,
.car_link {
    margin-top: 15px;
    font-size: 15px;
    color: #B5B175 !important;
}

.anchor:hover,
.car_link:hover {
    color: white !important;
}

.block_info {
    margin-top: 0;
}

.contacts_page .block_w_bg_0 {
    background: none;
}

.block_w_bg_1 {
    background-position: center;
}

.svg_hover {
    transition: all .3s;
}

a:hover .svg_hover {
    fill: #b5b175;
}

#location .map_link_logos {
    margin-top: 10px;
}

.location .item h4 + div p a {
    color: #b5b175;
}

.location .item h4 + div p a:hover {
    text-decoration: underline;
}

.anchor:hover,
.car_link:hover {
    text-decoration: underline;
    color: #b5b175 !important;
}


@media (max-width: 640px) {
    .room_detail_no_pad {
        padding-bottom: 20px;
    }

    .map_link_logos a {
        margin-bottom: -20px;
    }
}

@media (max-width: 640px) and (min-width: 425px) {
    .equipment_icons_detail .flexbox > * {
        flex-basis: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (min-width: 992px) {
    .residence_itams_page .residence_itams .item_container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        min-height: 335px;
    }
}

@media (max-width: 992px) {
    .type-detail-room .right_block {
        min-height: auto;
    }

    .location .row .col-flex-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .inner-page .residence_itams .room_params {
        width: calc(100% - 20px);
    }

    .inner-page-place.inner-page {
        display: none !important;
    }

    #about .new_img {
        margin-right: 0 !important;
    }
}

@media (max-width: 380px) {
    .room_gallery .room_params > div:first-child {
        margin-right: 15px;
    }

    .room_gallery .room_params svg {
        margin-right: 5px;
    }
}

@media (max-width: 325px) {
    .room_gallery .room_params > div {
        letter-spacing: 0px;
    }
}

/*-----------13.05.2022-----------*/

/*----Афиша главная-----*/

#main_posters * {
    box-sizing: border-box;
}

#main_posters .items_carousel .item {
    position: relative;
}

#main_posters .items_carousel .item:before {
    bottom: 0;
    left: 0;
    height: 0;
    transition: all .3s;
    content: '';
}

#main_posters .items_carousel .item:hover:before {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgb(207 190 125 / 85%);
    content: '';
}

#main_posters .items_carousel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
}

#main_posters .items_carousel .item .title h3:hover {
    color: #222;
}

#main_posters .items_carousel .item .title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    background: linear-gradient(to top, #2D2926, #2D292600);
    transition: all .3s;
}

#main_posters .items_carousel .item img {
    height: 250px;
}

#main_posters .items_carousel .item .title .hide {
    display: none;
}

#main_posters .items_carousel .item:hover .title .hide {
    display: block;
}

#main_posters .items_carousel .item:hover .title .hide p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

h2.center::after,
.inner-page h1.center::after {
    margin-top: 0px !important;
}

.news_posters_bg {
    position: relative;
    background: url(/local/templates/new/img/bg_img_6.webp) center 10% no-repeat,
    url(/local/templates/new/img/new_bg.webp) center 45% no-repeat;
    background-size: contain;
}

#residence_deals {
    background-image: none !important;
}

#main_posters .items_carousel .item:hover .title {
    background: transparent;
}

#main_posters .owl-nav .owl-next:hover span::before,
#main_posters .owl-nav .owl-prev:hover span::before {
    opacity: 1;
}

#main_posters .owl-nav .owl-prev.disabled span::before {
    opacity: .3;
    content: url(/local/templates/new/img/owl-prev-disabled.png);
}

#main_posters .btn_more::after {
    margin-left: 20px;
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

#main_posters .btn_more {
    color: white;
}

#main_posters .btn_more:hover::after {
    margin-left: 20px;
    filter: brightness(0.2);
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

#main_posters .btn_more:hover {
    color: #222;
}

#main_posters .owl-nav .owl-next.disabled span::before {
    opacity: .3;
    content: url(/local/templates/new/img/owl-next-disabled.png);
}

#main_posters .owl-nav .owl-prev span::before {
    position: relative;
    top: auto !important;
    left: auto;
    transform: rotate(0deg);
    content: url(/local/templates/new/img/owl-prev.svg);
}

#main_posters .owl-nav .owl-next span::before {
    content: url(/local/templates/new/img/owl-next.svg);
}

#main_posters .owl-nav .owl-prev {
    right: auto;
    left: -100px;
}

#main_posters .owl-nav .owl-next {
    right: -100px;
    left: auto;
}

#main_posters .owl-nav button {
    position: absolute;
    top: calc(50% - 50px);
    width: auto;
    height: auto;
    padding: 0 !important;
    font: inherit;
    color: inherit;
    background: none !important;
    border: none;
}

#main_posters {
    margin-bottom: 100px;
}

#main_posters .items_carousel .item .title h3 {
    margin-bottom: 10px;
    font-size: 18px !important;
    line-height: 27px;
    color: white;
    transition: all .3s;
}

#main_posters .owl-dots button.active span {
    top: 2px;
    width: 14px;
    height: 14px;
    opacity: 1;
    background: #b5b175;
}

#main_posters button span {
    position: relative;
    display: block;
}

#main_posters .owl-dots button span {
    background: white;
}

#main_posters .owl-dots {
    margin-top: 50px;
}

#main_posters .owl-dots {
    display: none;
}

@media (max-width: 1370px) {
    #main_posters .owl-nav {
        display: none;
    }

    #main_posters .owl-dots {
        display: block;
    }

    .news_posters_bg {
        background-size: contain;
    }
}

@media (max-width: 600px) {
    #main_posters .owl-stage {
        padding-left: 21px;
    }

    #main_posters .maxwidth-theme {
        padding: 0;
    }

    #main_posters .owl-stage-outer {
        height: 250px;
    }

    #main_posters .owl-dots {
        margin-top: 30px;
    }

    #main_posters .btn_container.line {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    #main_posters .items_carousel {
        margin-bottom: 30px;
    }

    #main_posters .items_carousel .item .title {
        padding: 20px;
    }
}

/*----Новости главная-----*/

#main_news * {
    box-sizing: border-box;
}

#main_news .flexbox {
    flex-wrap: nowrap;
    align-items: stretch;
}

#main_news .flexbox > div > * {
    height: 100%;
}

#main_news .date::before {
    display: none;
}

#main_news .date_block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    background: #302c26;
    transition: all .3s;
}

#main_news .date_icon {
    position: relative;
    width: 100px;
    height: 100px !important;
}

#main_news .date {
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 10px;
    color: #B5B175;
    transform: translateX(-50%);
}

#main_news .item {
    margin-bottom: 30px;
}

#main_news .title_block {
    flex-basis: calc(100% - 190px);
    width: 100%;
    max-width: calc(100% - 190px);
    padding: 25px 40px;
    background: #282421;
    transition: all .3s;
}

#main_news .title_block > div {
    display: flex;
    flex-wrap: wrap;
}

#main_news .title_block > div h3 {
    margin-bottom: 15px;
    color: #B5B175;
    transition: all .3s;
}

#main_news .title_block > div p {
    margin-top: 0;
    transition: all .3s;
}

#main_news .title_block > div p:not(:last-child) {
    margin-bottom: 15px;
}

#main_news .item:hover .date_block {
    background: #fbfaf7;
}

#main_news .item:hover .title_block {
    background: white;
}

#main_news .item:hover .title_block > *,
#main_news .item:hover .title_block h3 {
    color: #000 !important;
}

#main_news .item {
    position: relative;
}

.fly_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#residence_deals {
    margin-top: 0;
    padding-top: 100px;
    background-image: url(/local/templates/new/img/new_bg.png);
    background-position: top;
}

#residence_deals::before {
    display: none;
}

#residence_deals .residence {
    background: none;
}

#main_news .btn_container.line {
    margin-top: 50px;
}

#main_news .title_block .date::before {
    display: inline-block;
    content: url(/local/templates/new/img/gold_date.svg);
}

#main_news .title_block .date {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    display: none;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
    transform: none;
}

#main_news .date_block .date > * {
    display: block;
    width: 100%;
    font-weight: bold;
}

#main_news .date_block .date {
    bottom: 6px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

#main_news .date_block .date .date_month {
    position: relative;
    top: -16px;
    order: 0;
    font-size: 11px;
    text-transform: capitalize;
}

#main_news .date_block .date .date_day {
    order: 1;
    font-size: 30px;
}

#main_news .date_block .date .date_year {
    order: 2;
    font-size: 12px;
}

#main_news .item:hover h3:hover {
    color: #B5B175 !important;
}

@media (max-width: 600px) {
    #main_news .title_block .date {
        display: block;
    }

    #main_news .date_block {
        display: none;
    }

    #main_news .title_block {
        flex-basis: 100%;
        max-width: 100%;
    }

    #main_news .title_block {
        padding: 25px 20px;
    }
}

/*----Яндекс рейтинг главная-----*/

.rating .item.yandex {
    position: relative;
    display: block;
    margin-top: 45px;
    margin-bottom: 45px;
}

.rating .item.yandex .fly_link {
    z-index: 1;
    margin-top: 0;
}

body.inner-page .rating .flexbox > div:last-child {
    flex-basis: 100%;
    order: 0;
    max-width: 100%;
}

body.inner-page .rating .flexbox > div:nth-child(1) {
    order: 1;
}

body.inner-page .rating .flexbox > div:nth-child(2) {
    order: 2;
}

body.inner-page .rating .flexbox > div:nth-child(3) {
    order: 3;
}

body.inner-page .rating .flexbox > div:nth-child(4) {
    order: 4;
}

body.inner-page .rating .flexbox > div:nth-child(5) {
    order: 5;
}

body.inner-page .rating .flexbox > div:nth-child(6) {
    order: 6;
}

body.inner-page .rating .flexbox > div:last-child .item.yandex.elem {
    max-width: 210px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border: 0;
}

.col-flex-20pr {
    flex-basis: 20%;
    max-width: 20%;
    max-width: 100%;
}

.rating .item.yandex * {
    box-sizing: border-box;
}

.rating .item.yandex .first_part {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    padding: 10px;
    font-size: 12px !important;
    color: #696764 !important;
    background: rgba(40, 36, 33, 0.8);
    border-radius: 4px 4px 0 0;
    transition: all .3s;
}

.rating .item.yandex .first_part svg {
    position: relative;
    top: 2px;
}

.rating .item.yandex .last_part {
    width: 100%;
    padding: 5px 10px;
    font-family: 'circe';
    font-size: 10px !important;
    text-align: center;
    color: #B5B175;
    background: #37342b;
    border-radius: 0 0 4px 4px;
    transition: all .3s;
}

.rating .item.yandex .counter {
    font-size: 25px !important;
    color: white !important;
}

.rating .item.yandex .last_part p {
    margin: 0;
}

.rating .item.yandex:hover .last_part {
    color: white !important;
    background: #8e8b5e;
}

.rating .item.yandex:hover .counter {
    color: white !important;
}

.rating .item.yandex:hover .first_part {
    color: white !important;
    background: #b5b175;
}

.rating .item.yandex .yandex_counter {
    margin-left: 7px;
    line-height: 1;
}

.rating .item.yandex:hover .first_part svg path.hover {
    fill: white;
}

@media (min-width: 768px) {
    body:not(.inner-page) .rating .flexbox > div:first-child {
        order: 0;
    }

    body:not(.inner-page) .rating .flexbox > div:last-child {
        order: 2;
    }

    body:not(.inner-page) .rating .flexbox > div:nth-child(2) {
        order: 1;
    }

    body:not(.inner-page) .rating .flexbox > div:nth-child(3) {
        order: 3;
    }

    body:not(.inner-page) .rating .flexbox > div:nth-child(4) {
        order: 4;
    }
}

@media (max-width: 992px) {
    .rating .item.yandex .last_part p {
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    body:not(.inner-page) .rating .flexbox > div:last-child {
        flex-basis: 100%;
        max-width: 100%;
    }

    body:not(.inner-page) .rating .flexbox > div:last-child > * {
        width: 100%;
        max-width: 210px;
        margin: auto;
    }

    body:not(.inner-page) .col-flex-20pr {
        flex-basis: 25%;
        max-width: 25%;
    }

    .rating .item.yandex {
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    .rating_block {
        margin-top: 80px;
    }
}

@media (max-width: 600px) {
    body:not(.inner-page) .col-flex-20pr {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 460px) {
    .rating_block {
        margin-top: 100px;
    }
}

/*----new 19.05.2022----*/

body:not(.inner-page) .services {
    padding: 0px 0 100px 0;
    background: #28242100;
}

body:not(.inner-page) #reviews {
    padding: 0px 0 100px 0;
}

.residence {
    padding-bottom: 100px;
}

#posters_services {
    background-size: cover;
}

.rating_block {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 760px;
    height: 800px;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .rating_block {
        margin-top: 80px;
    }
}

@media (max-width: 460px) {
    .rating_block {
        height: 700px;
        margin-top: 50px;
    }
}

/*----additional styles-----

body:not(.inner-page) #about {
	margin-bottom: 100px;
}
body:not(.inner-page) .deals, body:not(.inner-page) #main_news, body:not(.inner-page) #residence_deals {
	margin-top: 0;
	padding-top: 80px;
	background: #282421;
	padding-bottom: 100px;
	margin-bottom: 100px;
}
body:not(.inner-page) .deals {
	margin-bottom: 80px;
}
body:not(.inner-page) #main_news {
	background: linear-gradient(to bottom, #28242278, #28242200);
	padding-bottom: 0 !important;
}
body:not(.inner-page) #residence_deals {
	background: #28242278 !important;
	margin-bottom: 0 !important;
}
body:not(.inner-page) #posters_services {
	background: linear-gradient(to bottom, #28242200, #28242278);
}
body:not(.inner-page) #residence_deals .residence {
	padding-bottom: 0 !important;
}
body:not(.inner-page) #posters_services, body:not(.inner-page) #reviews {
	padding-top: 80px;
}
body:not(.inner-page) .deals h2 {
	margin-top: 0 !important;
}
.residence .residence_itams>.flexbox .item:last-child, .residence .residence_itams>.flexbox .item:nth-last-child(2) {
	margin-bottom: 0 !important;
}
@media (max-width: 768px) {
	body:not(.inner-page) #about {
		margin-bottom: 80px;
	}
	body:not(.inner-page) .deals, body:not(.inner-page) #main_news, body:not(.inner-page) #residence_deals {
		padding-top: 50px;
		padding-bottom: 80px;
		margin-bottom: 80px;
	}
	body:not(.inner-page) .deals {
		margin-bottom: 50px;
	}
	body:not(.inner-page) #posters_services, body:not(.inner-page) #reviews {
		padding-top: 50px;
	}
	body:not(.inner-page) #main_posters {
		margin-bottom: 80px;
	}
	body:not(.inner-page) .services, body:not(.inner-page) #reviews {
		padding-bottom: 80px;
	}
}
@media (max-width: 640px) {
	body:not(.inner-page) #about {
		margin-bottom: 50px;
	}
	body:not(.inner-page) .deals, body:not(.inner-page) #main_news, body:not(.inner-page) #residence_deals {
		padding-top: 35px;
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	body:not(.inner-page) .deals {
		margin-bottom: 35px;
	}
	body:not(.inner-page) #posters_services, body:not(.inner-page) #reviews {
		padding-top: 35px;
	}
	body:not(.inner-page) #main_posters {
		margin-bottom: 50px;
	}
	body:not(.inner-page) .services, body:not(.inner-page) #reviews {
		padding-bottom: 50px;
	}
	body:not(.inner-page) #reviews {
		margin-top: 0;
	}
	#posters_services .services {
		padding-bottom: 50px;
	}
}
*/

#main_posters .date {
    color: #B5B175;
}

#main_posters .items_carousel .item:hover .date {
    color: white;
}

#main_posters .items_carousel .item .date::before {
    content: url(/local/templates/new/img/i_calendar.svg);
}

#main_posters .items_carousel .item:hover .date::before {
    content: url(/local/templates/new/img/i_calendar_2.svg);
}

.map_link_logos a {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}

.map_link_logos > div {
    position: relative;
    margin: 10px 28px -35px 28px;
}

.map_link_logos a:hover + svg path {
    fill: #b5b175;
}

@media (max-width: 500px) {
    .map_link_logos > div {
        margin-right: 0;
        margin-bottom: -20px;
        margin-left: 0;
    }

    .map_link_logos > div:first-of-type {
        margin-bottom: 0px;
    }

    .map_link_logos {
        flex-direction: column;
    }
}

#main_news .title_block > div > a,
#main_news .title_block > div > p {
    display: block;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .before_carousel:before {
        top: calc(50% - 5px);
    }
}

/*---lounge---*/

.block_tile * {
    box-sizing: border-box;
}

.block_tile .flexbox {
    flex-wrap: nowrap;
}

.block_tile {
/ / background-image: url(/local/templates/new/img/lounge_bg.webp);
/ / background-color: #282421;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
/ / margin-bottom: - 100 px;
/ / padding-bottom: 130 px;
/ / padding-top: 80 px;
}

.block_tile > * {
    position: relative;
    z-index: 1;
}

.block_tile::before {
/ / content: '';
/ / background: linear-gradient(to bottom, #282421 10 %, transparent);
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.block_tile .item {
    padding: 20px 30px;
    background: #282421;
    border-bottom: 1px solid #B5B175;
}

.block_tile .flexbox > div:not(:last-child) .item {
    margin-right: 30px;
}

.block_tile .flexbox > div:first-child {
    min-width: 25%;
}

.block_tile .item h4 {
    font-family: 'circe' !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #B5B175;
}

.block_tile .item div {
    font-family: 'Roboto Slab', serif !important;
    font-size: 18px;
}

.block_icons {
    padding: 0 0 80px 0;
/ / background-color: #2d2926;
}

.news-detail.restaurants .buttons .button-container {
    flex-basis: auto;
    min-width: 33.3333%;
    max-width: initial;
    margin-bottom: 10px;
    padding: 0 5px;
}

.news-detail.restaurants .buttons {
    margin-top: 23px;
}

.news-detail.restaurants .buttons .flexbox * {
    box-sizing: border-box;
}

.news-detail.restaurants .buttons .flexbox {
    margin-right: -5px;
    margin-left: -5px;
}

.creer_bottom_block {
    margin-top: 80px;
}

.creer_bottom_block .buttons .flexbox * {
    box-sizing: border-box;
}

.creer_bottom_block .buttons .flexbox {
    justify-content: space-around;
}

.creer_bottom_block .buttons .button-container a > span {
    display: flex;
    align-items: center;
    min-height: 36px;
    line-height: 1.2;
}

.creer_bottom_block .buttons .button-container a > span {
    flex-basis: calc(100% - 12px);
    width: 100%;
    max-width: calc(100% - 12px);
}

.creer_bottom_block .buttons .button-container a > svg {
    flex-basis: 12px;
    width: 100%;
    max-width: 12px;
    margin-right: 15px;
}

.creer_bottom_block .buttons .button-container {
    flex-basis: auto;
    min-width: 200px;
    max-width: initial;
    margin-bottom: 10px;
    padding: 0 5px;
}

.creer_bottom_block .buttons .button-container a {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #38342b;
    border: 1px solid #38342b !important;
}

.creer_bottom_block .buttons .button-container a:hover {
    color: white;
    background: none;
    border: 1px solid #B5B175 !important;
}

.creer_bottom_block .text {
    margin-bottom: 60px;
}

.creer_bottom_block h2 {
    width: 100%;
    max-width: 900px;
    margin: auto;
}


@media only screen and (max-width: 768px) {
    .creer_bottom_block .buttons .button-container a {
        padding: 5px 15px;
    }

    .creer_bottom_block .buttons .button-container {
        width: 100%;
    }
}

@media only screen and (max-width: 1370px) {
    .before_carousel.restaurants.new + .text_detail {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 992px) {
    .block_icons .flexbox > * {
        flex-basis: 50%;
        max-width: 50%;
    }

    .block_icons .flexbox > div:is(:nth-child(2), :first-child) {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #b5b1751c;
    }

    .block_icons .flexbox > div:nth-child(even) > div {
        border: 0;
    }

    .block_tile {
        margin-bottom: -40px;
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .block_icons {
        padding: 0 0 60px 0;
    }

    .before_carousel.restaurants.new + .text_detail {
        margin-top: 60px;
    }

    .creer_bottom_block {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .block_tile .item h4 {
        font-family: 'Roboto Slab', serif !important;
        font-size: 18px;
        line-height: 27px;
    }

    .block_tile .flexbox {
        flex-wrap: wrap;
    }

    .block_tile .flexbox > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .block_tile .flexbox > div:not(:last-child) .item {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 460px) {
    .block_icons .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .block_icons .flexbox > div > div {
        flex-direction: column;
        border: 0;
    }

    .block_icons .title {
        text-align: center;
    }

    .block_icons .flexbox > div > div img {
        margin-bottom: 20px;
    }

    .block_icons .flexbox > div:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #b5b1751c;
    }
}

@media only screen and (max-width: 805px) {
    .news-detail.restaurants .buttons .button-container a {
        padding: 5px 15px;
    }

    .news-detail.restaurants .buttons .button-container {
        width: calc(100% - 30px);
        max-width: 280px;
        margin-right: 15px;
    }

    .news-detail.restaurants .buttons .flexbox {
        flex-direction: column;
        align-content: flex-start;
    }

    .news-detail.restaurants .buttons .button-container {
        margin-left: 15px;
    }
}

/*----16.09.2022----*/

.banquet_halls.conference .first_block * {
    box-sizing: border-box;
}

.banquet_halls.conference .first_block .flexbox.row .col-flex-6 {
    flex-basis: 50%;
    max-width: 50%;
}

.banquet_halls.conference .first_block .flexbox > div > * {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}

.banquet_halls.conference .first_block .left_part {
    height: calc(100% - 30px) !important;
    margin-top: 15px;
    padding: 30px;
    background: #282421;
}

.banquet_halls.conference .first_block .left_part .top_part {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: #B5B175;
}

.banquet_halls.conference .first_block .left_part .top_part,
.banquet_halls.conference .first_block .left_part .bottom_part {
    width: 100%;
}

.banquet_halls.conference .first_block .left_part .bottom_part .btn:after {
    display: none;
}

.banquet_halls.conference .first_block .left_part .bottom_part .btn span,
.banquet_halls.conference .first_block .left_part .bottom_part .contact_block a,
.banquet_halls.conference .first_block .left_part .bottom_part .contact_block {
    white-space: nowrap;
}

.banquet_halls.conference .first_block .left_part .bottom_part .contact_block {
    display: flex;
    flex-wrap: nowrap;
}

.banquet_halls.conference .first_block .left_part .bottom_part .contact_block a {
    display: block;
}

.banquet_halls.conference .first_block .left_part .bottom_part .contact_block svg {
    position: relative;
    top: 2px;
    flex-basis: 15px;
    max-width: 15px;
    margin-right: 15px;
}

.banquet_halls.conference .first_block .left_part .bottom_part .contact_block.phone {
    margin-bottom: 15px;
}

.banquet_halls.conference .first_block .left_part .bottom_part .btn {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: auto;
}

.banquet_halls.conference .first_block .left_part .bottom_part > .flexbox {
    align-items: flex-end;
}

@media (max-width: 1070px) and (min-width: 992px) {
    .banquet_halls.conference .first_block .left_part .bottom_part > .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .banquet_halls.conference .first_block .left_part .bottom_part .btn {
        margin-right: auto;
        margin-left: 0;
    }
}

@media only screen and (max-width: 992px) {
    .banquet_halls.conference .first_block > .flexbox > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .banquet_halls.conference .first_block .left_part .bottom_part .btn {
        margin-top: 0;
    }

    .banquet_halls.conference .first_block .left_part .bottom_part .btn span,
    .banquet_halls.conference .first_block .left_part .bottom_part .contact_block a,
    .banquet_halls.conference .first_block .left_part .bottom_part .contact_block {
        white-space: normal;
    }
}

@media only screen and (max-width: 550px) {
    .banquet_halls.conference .first_block .left_part .bottom_part > .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .banquet_halls.conference .first_block .left_part .bottom_part .btn {
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: 0;
    }
}

/*------26.10.2022------*/

a.color {
    color: #B5B175;
}

a.color:hover {
    text-decoration: underline;
}


@media (min-width: 768px) {
    .footer_lvl_2 .col-flex-6.flexbox {
        justify-content: flex-start;
        gap: 30px;
    }
}

/*------26.10.2022------*/

.goods.flexbox.row {
    gap: 16px;
    margin: 0;
}

.goods.flexbox.row > .col-flex-20pr {
    flex-basis: calc(20% - 8px);
    width: 100%;
    max-width: calc(20% - 8px);
    padding: 0;
}

.goods .item,
.goods .item a {
    display: block;
    height: 90px;
    transition: all .3s;
}

.goods .item img {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
}

.goods .item a:hover {
    background-color: #302c26;
}

@media only screen and (max-width: 640px) {
    .goods.flexbox.row > .col-flex-20pr {
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px);
    }

    footer .payments.flexbox + .goods.flexbox.row > div .item {
        margin: 0;
    }
}

/*----07.06.2023----*/

.header_lvl_2 .maxwidth-theme > .flexbox {
    justify-content: space-between;
}

header .sicial_links {
    padding-left: 0;
    list-style: none;
}

header .sicial_links .icon {
    width: 35px;
    height: 35px;
    color: #B5B175;
    border: 0;
}

header .sicial_links .icon:hover {
    color: white;
}

header .sicial_links .icon svg {
    width: 35px;
    height: 35px;
}

.namination_icon_block a {
    display: block;
    line-height: 0;
}

.namination_icon_block a:hover {
    opacity: .7;
}

.namination_icon_block.desc_hide {
    display: none;
}

.namination_icon_block img {
    /* width: 57px;
	height: 57px; */
    width: 85px;
    height: 85px;
}

#advantages .maxwidth-theme > .flexbox {
    position: relative;
    justify-content: space-between;
    width: 100%;
}

#advantages .namination_link {
    position: absolute;
    right: 0;
    bottom: 40px;
    display: block;
    flex-basis: 136px;
    max-width: 136px;
    transition: all .3s;
}

#advantages .namination_link:hover {
    opacity: .7;
}

#advantages .namination_link img {
    width: 100%;
    max-width: 136px;
}

.namination_icon_block {
    display: none !important;
}

@media (min-width: 768px) {
    .sicial_links {
        margin-right: 40px;
    }
}

@media screen and (max-width: 992px) {
    /* 	.namination_icon_block.mob_hide {
		display: block !important;
	} */
}

@media (max-width: 851px) {
    header .logo {
        margin-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .namination_icon_block img {
        width: 46px;
        height: 46px;
    }

    header .logo {
        margin-right: 0px;
    }

    .namination_icon_block.mob_hide,
    header .sicial_links {
        display: none !important;
    }

    /* 	.namination_icon_block.desc_hide {
		display: block !important;
	} */
    #advantages .namination_link {
        position: relative;
        bottom: auto;
    }

    #advantages .maxwidth-theme > .flexbox {
        flex-direction: column-reverse;
        align-items: center;
        gap: 40px;
    }

    #advantages h2::before {
        display: none;
    }
}

@media (max-width: 640px) {

    .header_lvl_2 .right,
    .header_lvl_2 .header_tel .hide,
    .header_lvl_2 .hide_menu_btn,
    .header_lvl_2 .header_tel {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 480px) {
    header .logo img {
        width: 54px;
    }

    header .logo a {
        display: block;
        line-height: 0;
    }

    .header_lvl_2 {
        margin-top: 5px;
        margin-bottom: -10px;
    }


}

@media (max-width: 350px) {
    .burger {
        top: 0;
    }
}


/*----13.07.2023----*/

.bx-breadcrumb-item {
    display: flex;
    flex-wrap: wrap;
}

.bx-breadcrumb-item:not(:last-of-type)::after {
    position: relative;
    display: block;
    width: 1px;
    height: 18px;
    margin: 0 25px;
    opacity: .4;
    background: white;
    transform: rotate(-25.77deg);
    content: '';
}

@media screen and (max-width: 768px) {
    .breadcrumb .bx-breadcrumb-item:first-child::before {
        margin-right: 10px;
    }

    .bx-breadcrumb-item:not(:last-of-type)::after {
        margin: 0 25px;
    }
}

.inner-page[style] #content {
    position: relative;
    z-index: 4;
}

.booking_btn_container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    height: auto;
    margin-top: 30px;
}

.booking_btn_container > * {
    overflow: hidden;
    margin-top: 0 !important;
}

.news-detail .img_block img {
    width: 100%;
}

.news-detail .flexbox {
    align-items: flex-start;
}

.news-detail .text_block {
    margin-top: -15px;
}

.news-detail .text_block .text ul {
    padding-left: 0;
    list-style: none !important;
}

.news-detail .text_block .text ul li {
    position: relative;
    margin: 15px 0 !important;
    padding-left: 20px;
}

.news-detail .text_block .text ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    background: none;
    border: 2px solid #B5B175;
    border-radius: 50%;
    content: '';
}

.room_tour_btn > a {
    position: relative;
    display: inline-block;
    border: 2px solid #B5B175;
}

.room_tour_btn {
    margin-bottom: 15px;
}

.room_tour_btn > a .text {
    padding: 0 80px 0 30px;
    line-height: 50px;
}

.room_tour_btn > a .icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #A19D6020;
    transition: all .3s;
}

.room_tour_btn > a:hover .icon {
    background-color: #A19D60;
}

.news-detail > .text {
    margin-top: 30px;
    margin-bottom: 30px;
}

.room_tour_btn + .text_block {
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 150%;
    color: #B5B175;
}

@media screen and (max-width: 992px) {
    .news-detail .flexbox > * {
        display: block;
        float: none;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .booking_btn_container {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.booking-for-number > a {
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px !important;
    font-weight: 100 !important;
    line-height: 1.2 !important;
    letter-spacing: 1px !important;
    color: #B5B175;
}

.residence_itams .item:hover .booking-for-number,
.residence_itams .item:hover .booking-for-number a:hover {
    color: #2D2926;
}

.type-detail-room .booking-for-number {
    margin-bottom: 40px;
}

.type-detail-room .booking-for-number a:hover {
    color: white;
}


.residence_itams .item:hover .booking-for-number h3,
.residence_itams .item:hover .booking-for-number .h3 {
    color: black !important;
}

/*---12.03.2024---*/

#about .new_img {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.video_block {
    position: relative;
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
}

.video_block video {
    display: block;
    width: 100%;
    object-fit: cover;
}

.video_block video + div.play_btn,
.video_block img + a.play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    opacity: 1;
    background-color: #b5b175;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    transform: translate(-50%, -50%);
}

.video_block:hover video + div.play_btn,
.video_block a.play_btn:hover {
    opacity: .8;
}

.video_block video + div.play_btn::before,
.video_block img + a.play_btn::before {
    position: relative;
    left: -5px;
    display: block;
    border: 10px solid;
    border-color: white white transparent transparent;
    transform: rotate(45deg);
    content: '';
}

#about img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 1px !important;
    min-height: 1%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.video_block .full_screen_btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #24201e87;
    transition: all .3s;
}

.video_block .full_screen_btn:hover {
    background-color: #24201e;
}

.video_block div.play_btn.hidden {
    display: none;
}

.video_block video::-webkit-media-controls-play-button,
.video_block video::-webkit-media-controls-volume-slider,
.video_block video::-webkit-media-controls-mute-button {
    display: none !important;
}

@media (max-width: 992px) and (min-width: 768px) {
    .region-slider {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 60%;
        border: 25px solid #282421;
        border-right: 0;
        border-bottom: 0;
    }
}

@media (min-width: 992px) {
    .video_block video {
        height: 290px !important;
    }
}

@media (max-width: 1170px) and (min-width: 992px) {

    .video_block video {
        width: 100% !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6:first-of-type {
        position: relative;
        flex-basis: 519px !important;
        width: 100%;
        max-width: 519px !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        flex-basis: calc(100% - 519px) !important;
        align-self: flex-end;
        width: 100%;
        max-width: calc(100% - 519px) !important;
        margin-bottom: 50px;
        padding-left: 80px;
    }
}

@media (max-width: 1170px) {
    .video_block video {
        height: 400px !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 30px;
    }
}

@media (max-width: 992px) {
    .video_block video {
        width: 100% !important;
        height: 320px !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        padding-left: 0;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .video_block video {
        width: 100% !important;
        height: auto !important;
    }

    #about .maxwidth-theme > .flexbox > .col-flex-6.about_text {
        margin-top: 50px;
        padding-bottom: 20px !important;
        padding-left: 20px;
    }
}

details {
    margin-bottom: 20px;
}

details summary {
    position: relative;
    padding-right: 20px;
    list-style: none;
    font-size: 24px !important;
    line-height: 1.2 !important;
    cursor: pointer;
    transition: all .3s;
}

details summary:hover {
    color: #B5B175;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::after {
    position: absolute;
    top: 11px;
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 10px;
    white-space: nowrap;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNyA3TDEzIDEiIHN0cm9rZT0iI0I1QjE3NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
}

details[open] summary::after {
    transform: scale(-1);
}

details[open] summary {
    margin-bottom: 10px;
}

.n_btn {
    align-items: stretch;
    height: 50px;
    padding: 0 !important;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175 !important;
}

.type-detail-offer .buttons .button-container a.n_btn {
    border: 0 !important;
}


.n_btn svg {
    display: none !important;
}

.n_btn span {
    position: relative;
    flex-wrap: wrap;
    line-height: 1.2;
    text-align: center;
    color: white;
    transition: all .3s;
}

.n_btn:hover {
    background: #f4f3ea !important;
}

.n_btn:hover span {
    color: #B5B175 !important;
}

.n_btn:after {
    display: flex;
    flex-basis: 50px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 50px;
    height: 100%;
    line-height: 0;
    text-align: center;
    background: #a19d60;
    transition: all .3s;
    content: url(/local/templates/new/img/i_btn_arrow_2.svg);
}

.n_btn:hover:after {
    background: #FFFFFF;
    content: url(/local/templates/new/img/i_btn_arrow_3.svg);
}

.wysiwyg ul {
    margin: 0;
    padding-left: 0;
    list-style: none !important;
}

.wysiwyg ul li {
    position: relative;
    margin: 7px 0 !important;
    padding-left: 20px;
}

.wysiwyg ul li:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    background: none;
    border: 2px solid #B5B175;
    border-radius: 50%;
    content: '';
}

/*--- 16.07.24 ---*/

.fitness article.tile .items_column.flexbox.row {
    flex-wrap: wrap;
    gap: 30px 0;
/ / justify-content: center;
}

.fitness article.tile .items_column.flexbox.row > * {
/ / flex: 1 0;
}


article.tile .item h4 {
    white-space: normal;
}

.fitness article.tile .items_column.flexbox.row > * {
    flex: 0 0 calc(33.333% - 30px) !important;
    max-width: calc(33.333% - 30px) !important;
}


@media screen and (max-width: 992px) {
    .fitness article.tile .items_column.flexbox.row > * {
        flex: 0 0 calc(50% - 30px) !important;
        max-width: calc(50% - 30px) !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .fitness article.tile .items_column.flexbox.row > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/*--- 22.07.2024 ---*/

#qr_form_block * {
    box-sizing: border-box;
}

#qr_form_block .input_btn_block {
    display: flex;
    align-items: stretch;
}

#qr_form_block .btn_block {
    flex: 0 1;
}

#qr_form_block .input_block {
    flex: 1 0;
    padding: 15px 30px;
    background-color: white;
}

#qr_form_block .input_block > .flex {
    display: flex;
    gap: 0 30px;
}

#qr_form_block .input_block .input-box {
    flex: 1 0;
    height: 100%;
}

#qr_form_block .input_block input {
    overflow: hidden;
    overflow: visible;
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0;
    font: 400 13px / 21px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    vertical-align: top;
    color: #222;
    background: #fff;
    border: none;
    border-bottom: 1px solid #b5b175;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#qr_form_block .input_block input::placeholder {
    font: 400 13px / 21px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #b5b175;
}

#qr_form_block .input_block input:is(:active, :focus)::placeholder {
    opacity: 0;
}

#qr_form_block .sup-text {
    margin-top: 15px;
    color: white;
}

#qr_form_block .btn_block input {
    height: 100%;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(0deg, #b5b175, #d2bf7d);
    border: none;
    cursor: pointer;
    transition: all .3s;
}

#qr_form_block .btn_block input:hover {
    color: #b5b175;
    background: #f4f3ea;
}

#qr_form_block .payment__title {
    padding-bottom: 0;
    font-size: 24px;
    border: none;
}

#qr_form_block .input_btn_block .sup-text {
    display: none;
}

.qr_code_block .flex {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.qr_code_block a {
    padding: 0 15px;
    color: #b5b175;
}

.qr_code_block a + a {
    border-left: 1px solid #b5b1751c;
}

.qr-code img {
    padding: 15px;
    background-color: white;
}

@media screen and (max-width: 1170px) {
    #qr_form_block .container {
        padding: 0 15px;
    }
}

@media screen and (max-width: 992px) {

    #qr_form_block .input_btn_block,
    #qr_form_block .input_block .flex {
        flex-wrap: wrap;
    }

    #qr_form_block .input_btn_block > *,
    #qr_form_block .input_block .flex > * {
        flex: 0 0 100%;
        max-width: 100%;
    }


    #qr_form_block .input_btn_block .sup-text {
        display: block;
        margin-top: 0;
        padding: 0 30px 15px 30px;
        color: #222;
        background-color: white;
    }

    #qr_form_block .input_btn_block + .sup-text {
        display: none;
    }

    #qr_form_block .input_btn_block input {
        width: 100%;
    }
}

/* 20.08.24 */

.banquet_halls.conference .b-card > .flex {
    box-sizing: border-box;
}

.banquet_halls.conference .b-card > .flex > * {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0;
}

.banquet_halls.conference .col-flex-6 .type-banquet {
    height: calc(100% - 60px);
}

.banquet_halls.conference .tiles-item + .tiles-item {
    margin-top: 30px;
}

.banquet_halls.conference .infograpfics_block {
    margin-top: 30px;
    font-size: 12px;
    line-height: 150%;
}

.banquet_halls.conference .infograpfics_block .info_block {
    color: #B5B175;
}

.banquet_halls.conference .infograpfics_block svg {
    margin-bottom: 10px;
}

.banquet_halls.conference .infograpfics_block .item {
    flex: calc(16.666% - 1px);
    max-width: calc(16.666% - 1px);
    text-align: center;
}

.banquet_halls.conference .infograpfics_block .item + .item {
    border-left: 1px solid #b5b1751c;
}

.banquet_halls.conference .room_carousel_container {
    padding: 10px;
}

.banquet_halls.conference #sync2 .item {
    height: 80px;
}

.banquet_halls.conference .second_part {
    margin-top: 30px;
}

.banquet_halls.conference .second_part .price {
    margin: 0;
}

.banquet_halls.conference .second_part .price + div {
    margin-top: 30px;
}

.banquet_halls.conference .second_part .btn.type_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 50px;
    margin-left: 20px;
    background-color: #2D2926;
    border-bottom: 1px solid #B5B175;
}

.banquet_halls.conference .second_part .btn.type_2:hover {
    background-color: white;
}

.banquet_halls.conference .second_part .btn.type_2::after {
    display: none;
}

.banquet_halls.conference .room_carousel_container .item img,
.banquet_halls.conference .room_carousel_container .item {
    height: 80px !important;
}

.banquet_halls.conference .room_carousel_container .owl-nav {
    display: none;
}

.banquet_halls.conference .room_carousel_container .owl-item.current img {
    opacity: .5;
}

@media screen and (width <= 992px) {
    .banquet_halls.conference .col-flex-6 {
        flex: 100%;
        max-width: 100%;
    }
}

@media screen and (width <= 640px) {
    .banquet_halls.conference .infograpfics_block .flexbox {
        flex-direction: row;
    }

    .banquet_halls.conference .infograpfics_block .item {
        flex: 50%;
        max-width: 50%;
        border: none !important;
    }

    .banquet_halls.conference .second_part .btn.type_2 {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .banquet_halls.conference .room_carousel_container {
        display: none;
    }

    .banquet_halls.conference .room_carousel_container {
        padding: 0;
    }

    .banquet_halls.conference .b-card img {
        height: 100%;
    }

    .banquet_halls.conference .room_gallery .item {
        height: 250px;
    }
}

/* 05.03.25 */
.mob_reservation_block {
    display: none;
}

@media screen and (max-width: 640px) {
    .mob_reservation_block {
        display: block;
        margin-bottom: 30px;
        line-height: 0;
    }

    .mob_reservation_block .btn span {
        flex: calc(100% - 50px);
        box-sizing: border-box;
        width: 100%;
        max-width: calc(100% - 50px);
    }

    .mob_reservation_block img {
        width: 100%;
    }

    .mob_reservation_block ~ .inner-page-place,
    .inner-page .mob_reservation_block {
        display: none;
    }

    body:not(.inner-page) .mob_reservation_block + header {
        position: absolute;
        top: 0;
        width: 100%;
        background: linear-gradient(to bottom, #2d2926, #2d292600);
    }

    header .logo {
        margin-right: 0px;
        filter: sepia(1) grayscale(1);
    }

    header .logo img {
        filter: sepia(1) grayscale(1);
    }
}

/* 05-06.05.25 */

.conferences-block-contact,
.conferences-block-contact * {
    box-sizing: border-box;
}

.conferences-block-contact {
    height: calc(100% - 30px) !important;
    margin-top: 15px;
    padding: 30px;
    background: #282421;
}

.conferences-block-contact .btn:after {
    display: none;
}

.conferences-block-contact .top_part {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: #B5B175;
}

.conferences-block-contact .bottom_part .contact_block.phone {
    margin-bottom: 15px;
}

.conferences-block-contact .bottom_part .contact_block svg {
    position: relative;
    top: 2px;
    flex-basis: 15px;
    max-width: 15px;
    margin-right: 15px;
}

.conferences-block-contact .bottom_part .contact_block a {
    display: block;
}

.conferences-block-contact .bottom_part .contact_block {
    display: flex;
    flex-wrap: nowrap;
}

@media only screen and (max-width: 992px) {
    .conferences-block-contact .bottom_part > .flexbox > * {
        padding: 0 15px !important;
    }
}

@media only screen and (max-width: 550px) {
    .conferences-block-contact .bottom_part > .flexbox > * {
        flex-basis: 100%;
        max-width: 100%;
    }

    .conferences-block-contact .bottom_part .btn {
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 993px) {

    .category-item .room_gallery,
    .category-item .room_gallery .owl-carousel *:not(button) {
        height: 100%;
    }

    .category-item .room_gallery .owl-carousel .item {
        position: relative;
    }

    .category-item .room_gallery .owl-carousel img {
        position: absolute;
        width: 100%;
    }

    .category-item .room_gallery .owl-carousel {
        height: calc(100% - 100px);
    }

}

.big_btn_block {
    padding-top: 50px;
}

.big_btn_block .center {
    text-align: center;
}

.big_btn {
    display: inline-block;
    padding: 15px 20px;
    font-family: 'Roboto Slab', serif !important;
    font-size: 24px !important;
    font-weight: 100 !important;
    letter-spacing: 1px !important;
    background-image: linear-gradient(0deg, #b5b175, #d2bf7d);
    transition: all .3s;
}

.big_btn:hover {
    background: #f4f3ea;
    background-image: none;
}

@media screen and (max-width: 767px) {
    .big_btn_block .flexbox {
        flex-direction: column;
        align-items: c;
        gap: 15px 0;
    }

    .big_btn_block .flexbox * {
        flex: 100%;
        max-width: calc(100% - 20px)
    }

    .big_btn_block {
        margin-bottom: -50px;
    }

    .big_btn {
        width: 100%;
    }
}

@media screen and (min-width: 993px) {
    .type-detail-room .bootbox {
        display: flex;
        align-items: stretch;
    }

    .category-item .bootbox .room_gallery .owl-carousel {
        height: calc(100% - 131px);
    }
}

/*10.07.2025*/

@media screen and (max-width: 640px) {

    .first_screen_slider {
        margin-top: 50px !important;
    }

    .first_screen_slider .slide {
        display: flex;
        margin-top: 0 !important;
    }

    .first_screen_slider .owl-stage {
        display: flex;
        align-items: stretch;
    }

    .first_screen_slider .owl-item > * {
        height: 100% !important;
    }

    .first_screen_slider .slide {
        padding-top: 0 !important;
    }
}


/*04.09.25*/

.cookies-section {
    background-color: white !important;
    border: none !important;
    border-radius: 0 !important;
    border-radius: 0 !important;
}

.cookies-section .btn {
    position: relative;
    box-sizing: border-box;
    height: 50px;
    padding: 0;
    padding-right: 50px;
    font-family: 'circe' !important;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.2;
    text-align: center;
    letter-spacing: normal;
    color: white;
    background: radial-gradient(73.24% 287.14% at 20.41% -120.71%, rgba(255, 214, 138, 0.7) 0%, rgba(255, 214, 138, 0) 100%), #B5B175;
    border: 0;
    border-radius: 0;
}

.cookies-section .btn:hover {
    color: rgb(181, 177, 117);
    background: #f4f3ea;
}

.cookies-section .cookies-section__btn:not(.cookies-section__btn--primary) {
    padding: 0 15px !important
    /*color: #B5B175;*/
    color: white;
    background: #2d2926;
}

.cookies-section .cookies-section__btn:not(.cookies-section__btn--primary)::after {
    display: none;
}

.cookies-section .cookies-section__btn:not(.cookies-section__btn--primary):hover {
    color: white;
    background: #a19d60;
}

.cookies-section .btn::after {
    position: absolute;
    right: 0;
    flex: 50px;
    flex-shrink: 1;
    box-sizing: border-box;
    max-width: 50px;
    height: 50px;
}

@media screen and (max-width: 767px) {
    .cookies-section .btn {
        width: 100%;
    }

    .cookies-section__actions {
        flex-direction: column !important;
        align-items: center;
    }
}

@media screen and (max-width: 460px) {
    .cookies-section .btn {
        padding: 0 15px !important;
    }

    .cookies-section .btn::after {
        display: none;
    }
}
/* End */
/* /local/templates/new/styles.css?1793712070548 */
/* /local/templates/new/components/bitrix/news.detail/image_mobile_home/style.css?17937120701854 */
/* /local/templates/new/components/bitrix/menu/mob_menu_v2/style.css?17937120709180 */
/* /local/templates/new/components/bitrix/breadcrumb/universal1/style.min.css?1793712070620 */
/* /local/templates/new/template_styles.css?179371207024209 */
/* /local/templates/new/css/owl.theme.default.css?17937120701380 */
/* /local/templates/new/css/owl.carousel.css?17937120704744 */
/* /local/templates/new/css/jquery.fancybox.css?179371207017433 */
/* /local/templates/new/css/animate.css?179371207077758 */
/* /local/templates/new/custom.css?1793712070290798 */