*,
*:after,
*:before {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

:root {
	
--basic-white:#fff; /* белый */

--basic-black:#05213a /*#22242b*/; /* черно-синий */
--basic-dark:#041d34 /*#1e2026*/; /* тёмный */
--basic-black-border:#364d61; /* черно-синий border */

--basic-grey:#c1b6b8; /* серый */
--basic-grey-light:#e4dfe0; /* светло-серый */
--basic-grey-pale:#f0eded; /* бледно-серый */
--basic-grey-border:#d8d1d3; /* border серый */

--basic-gold:#c5a06d; /* золотой */
--basic-mint:#27686a; /* мятный */

}

html,
input,
textarea {}

html,
input,
textarea,
p {
position:relative;
font-family:'euclid-flex', Tahoma, Calibri;
font-weight:300;
font-size:16px;
line-height:24px;
color:var(--basic-black);
}

body {
position:relative;
text-align:left;
margin:0 auto;
background:var(--basic-white);
-webkit-font-smoothing:antialiased;
min-width:1080px;
overflow-x:hidden;
}

@media screen and (max-width:620px) {
		
	body {
		min-width:320px;
	}	
	
}

body:before {
display:block;
position:fixed;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:var(--basic-black);
opacity:0;
transition:all .4s ease;
}

body.show-menu:before {
opacity:.64;
transition:all .4s ease;
z-index:998;
}

::selection {
color:var(--basic-white);
background-color:var(--basic-gold);
}

::-webkit-scrollbar {
width:4px;
}

::-webkit-scrollbar-track {
background:var(--basic-white);
}

::-webkit-scrollbar-thumb {
background:var(--basic-black);
}

a,
input,
select,
textarea {
outline:none;
}

img {
vertical-align:top;
}

iframe {
border:none;
vertical-align:top;
}

ul,
ol {
position:relative;
padding:0;
margin:0;
list-style:none;
}

/*** ------------ clear ------------ ***/

header:after,
.wrap:not(.d-flex):after,
.container:not(.d-flex):after,
ul:after,
ol:after,
form:after {
content:" ";
display:block;
clear:both;
overflow:hidden;
}

*:first-child {
margin-top:0;
}

*:last-child {
margin-bottom:0;
}

/*** ------------ end.clear ------------ ***/



/*** ------------ headings, text ------------ ***/

h1,
h2,
h3,
h4,
h5 {
position:relative;
font-family:'cormorant-garamond';
font-weight:400;
margin:0 0 32px;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5 {
margin-top:32px;
}

h1 {
font-size:72px;
line-height:64px;
margin-bottom:48px;
}

h2 {
font-size:56px;
line-height:64px;
}

h3 {
font-size:48px;
line-height:56px;
}

h4 {
font-size:32px;
line-height:40px;
}

h5 {
font-weight:700;
font-size:20px;
line-height:24px;
text-transform:uppercase;
margin-bottom:24px;
}

p {
margin:0;
}

p + p,
* + ul.ul__list,
ul.ul__list + p,
ul.ul__list li + li {
margin-top:12px;
}

.text__big {
font-weight:300;
font-size:18px;
line-height:26px;
}

.text__big + * {
margin-top:32px;
}

.text__small {
font-size:14px;
line-height:20px;
}

.text__extra-small {
font-size:12px;
line-height:16px;
}

.text__uppercase {
text-transform:uppercase;
}

.text__center {
text-align:center;
}

.text__color-sand {
color:var(--basic-sand);
}

.text__color-gold {
color:var(--basic-gold);
}

.text__color-brown {
color:var(--basic-brown);
}

.text__color-black {
color:var(--basic-black);
}

.text__color-white {
color:var(--basic-white);
}

.text__margin-bottom-2x {
margin-bottom:24px;
}

.text__margin-top-2x {
margin-top:24px;
}

.text__margin-top-3x {
margin-top:36px !important;
}

.text__width-66 {
max-width:66%;
}

.text__width-50 {
max-width:50%;
}

.opacity {
opacity:.64;
}

b,
strong {
font-weight:500;
}

i {
font-style:italic;
}

ul,
ol {
position:relative;
padding:0;
margin:0;
list-style:none;
}

ul.ul__list li {
position:relative;
padding-left:28px;
}

ul.ul__list.text__small li {
padding-left:20px;
}

ul.ul__list li:before {
content:'';
position:absolute;
top:10px;
left:0;
display:block;
width:4px;
height:4px;
border-radius:1px;
background:var(--basic-gold);
z-index:12;
}

ul.ul__list.text__small li:before {
top:8px;
}

ul.ul__list.text__small li + li {
    margin-top: 4px;
}

@media screen and (max-width:620px) {

	h1 {
		font-size:52px;
		line-height:56px;
		margin-bottom:32px;
	}

	h2 {
		font-size:40px;
		line-height:44px;
	}

	h3 {
		font-size:36px;
		line-height:40px;
	}

	h4 {
		font-weight:500;
		font-size:28px;
		line-height:32px;
	}

	.text__width-66 {
		max-width:80%;
	}

}

/*** ------------ end.headings, text ------------ ***/



/*** ------------ icon__before ------------ ***/

.icon__before {
position:relative;
padding-left:24px;
}

.icon__before:before {
position:absolute;
top:0;
left:0;
font:500 12px/22px 'icons';
}

span.icon__before:before,
.text__small.icon__before:before {line-height:18px;}

.icon__person:before {content:"\e005";}
.icon__adress:before {content:"\e096";}
.icon__phone:before {content:"\e010";}
.icon__mail:before {content:"\e01e";}
.icon__more:before {content:"\e051";}
.icon__clock:before {content:"\e081";}
.icon__video:before {content:"\e008";}
.icon__link:before {content:"\e051";}

.icon__before.icon__walk,
.icon__before.icon__taxi,
.icon__before.icon__bus {
padding-left:32px;
}

.icon__walk:before,
.icon__taxi:before,
.icon__bus:before {
content:'';
top:4px;
display:block;
font:500 0/0 'icons';
width:16px;
height:16px;
}

.icon__walk:before {
background:url('../images/icons/icons__all/icon__walk-black.svg') no-repeat center transparent;
background-size:cover;
}

.icon__taxi:before {
background:url('../images/icons/icons__all/icon__taxi-black.svg') no-repeat center transparent;
background-size:cover;
}

.icon__bus:before {
background:url('../images/icons/icons__all/icon__bus-black.svg') no-repeat center transparent;
background-size:cover;
}

/*** ------------ icon__before ------------ ***/



/*** ------------ links ------------ ***/

a {
position:relative;
color:var(--basic-black);
}

a,
a:hover {
text-decoration:none !important;
transition:all .4s ease;
}

p a {
color:var(--basic-gold);
}

p a:hover {
color:var(--basic-black);
}

.link__scroll-location {
position:absolute;
top:-88px;
}

	/*** ------------ link__border-bottom ------------ ***/
	
.link__border-bottom {
border-bottom:1.5px solid var(--basic-gold);
}

.link__border-bottom:hover {
border-color:var(--basic-black);
}

	/*** ------------ link__with-circle ------------ ***/
	
.link__with-circle,
.header__lang > li > a,
header .main__menu > li > a,
footer .main__menu li a {
color:var(--basic-black);
font-weight:400;
font-size:12px;
line-height:24px;
text-transform:uppercase;
}

.link__with-circle {
display:inline-block;
}

.link__with-circle span {
position:relative;
z-index:34;
}

.link__with-circle:before {
content:'';
position:absolute;
top:50%;
left:-32px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
display:block;
width:calc(50% + 48px);
min-width:64px;
height:64px;
border:1.5px solid var(--basic-gold);
border-radius:32px;
z-index:12;
transition:all .4s ease;
}

.link__with-circle:hover:before {
width:calc(100% + 64px);
transition:all .4s ease;
}

*:not(.link__with-circle) + .link__with-circle {
margin-top:48px;
}

.link__with-circle + .link__with-circle {
margin-left:80px;
}

@media screen and (max-width:620px) {
		
	.link__with-circle + .link__with-circle {
		margin-left:64px;
	}

}

/*** ------------ end.links ------------ ***/



/*** ------------ form ------------ ***/

form,
button,
submit {}

input,
button,
submit,
textarea {
-webkit-appearance:none;
border-radius:0;
}

input[type="text"],
input[type="submit"],
textarea {
position:relative;
display:inline-block;
width:100%;
padding:16px;
border:0;
}

input[type="text"],
textarea {
background:transparent !important;
background-color:transparent !important;
}

input[type="submit"] {
color:var(--basic-white);
background:var(--basic-gold);
/*border-radius:8px;*/
transition:all .4s ease;
}

input[type="submit"]:hover {
color:var(--basic-white);
background:var(--basic-black);
transition:all .4s ease;
}

textarea {
min-width:100%;
max-width:100%;
height:112px;
min-height:112px;
max-height:112px;
}

::-webkit-input-placeholder {color:var(--basic-black-input);}
::-moz-placeholder          {color:var(--basic-black-input);}
:-moz-placeholder           {color:var(--basic-black-input);}
:-ms-input-placeholder      {color:var(--basic-black-input);}

form + p {
margin-top:24px;
text-align:right;
}

/*** ------------ end.form ------------ ***/



/*** ------------ wrap ------------ ***/

#wrapper {
position:relative;
display:block;
width:100%;
}

.wrap {
position:relative;
display:block;
width:100%;
}

.container {
position:relative;
display:block;
width:calc(100% - 64px);
max-width:1336px;
padding:0 16px;
margin:auto;
}

@media screen and (max-width:620px) {
			
	.container {
		width:100%;
		padding:0 16px;
	}

}

/*** ------------ end.wrap ------------ ***/



/*** ------------ flex ------------ ***/

.d-flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.fd-column {
flex-direction:column;
}

.fd-row-reverse {
flex-direction:row-reverse;
}

.fd-column-reverse {
flex-direction:column-reverse;
}

.jc-space-between {
justify-content:space-between;
}

.ai-center {
align-items:center;
}

.ai-baseline {
align-items:baseline;
}

/*** ------------ end.flex ------------ ***/



/*** ------------ absolute-* ------------ ***/

.absolute-center,
.absolute-bottom,
.popup {
position:absolute;
left:50%;
z-index:23;
}

.absolute-center,
.popup {
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}

.absolute-bottom {
bottom:32px;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}

@media screen and (max-width:620px) {

	.absolute-bottom {
		bottom:24px;
	}
		
}

/*** ------------ end.absolute-* ------------ ***/



/*** ------------ header ------------ ***/

header {
position:fixed;
top:0;
left:0;
display:block;
width:100%;
padding:32px 0;
background:transparent/*var(--basic-black)*/;
z-index:900;
transition:all .4s ease;
}

.home__page header {
animation:showHeader 1.5s ease-in-out;
}

@keyframes showHeader {
0% {
opacity:0;
transform:translateY(-20px);
-webkit-transform:translateY(-20px);
}

100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);
}
}

header.header__scroll {
background:var(--basic-white);
padding:16px 0;
box-shadow:0px 0px 8px rgb(0 0 0 / 12%);
transition:all .4s ease;
}

header > .container:before {
content:'';
position:absolute;
bottom:-32px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
display:block;
width:calc(100% - 32px);
height:1.5px;
background:var(--basic-black);
opacity:.24;
z-index:12;
transition:all .4s ease;
}

.h-transparent header > .container:before {
background:var(--basic-white);
}

header.header__scroll > .container:before {
bottom:0;
opacity:0;
/*bottom:-16px;
width:100vw;
background:var(--basic-gold);
opacity:1;*/
transition:all .4s ease;
}

	/*** ------------ header__side ------------ ***/
	
.header__side {
position:relative;
width:50%;
z-index:34;
}

	/*** ------------ header__contact ------------ ***/
	
.header__contact {
font-size:14px;
}

.header__contact,
header.header__scroll .header__contact {
color:var(--basic-black);
}
	
.h-transparent .header__contact {
color:var(--basic-white);
}
	
	/*** ------------ header__button ------------ ***/

.header__button {
margin-top:0 !important;
margin-left:64px;
}

.header__button,
header.header__scroll .header__button {
color:var(--basic-black);
}
	
.h-transparent .header__button {
color:var(--basic-white);
}
	
	/*** ------------ header__lang ------------ ***/

.header__lang {
position:relative;
display:block;
margin-left:48px;
}

.header__lang > li {
display:inline-block;
}
 
.header__lang > li.active {
display:none;
}

.header__lang > li > a,
header.header__scroll .header__lang > li > a {
color:var(--basic-black);
}

.h-transparent .header__lang > li > a {
color:var(--basic-white);
}

.header__lang > li > a:hover {
color:var(--basic-gold);
}

.header__lang > li > a {

}

@media screen and (max-width:620px) {
		
	.header__button,
	.header__contact {
		display:none !important;
	}
			
	.header__lang {
		margin-left:24px;
	}

}

/*** ------------ end.header ------------ ***/



/*** ------------ logo ------------ ***/

.logo {
position:relative;
display:block;
width:192px;
height:60px;
background:url('../images/logo/logo__lahta-plaza.png') no-repeat center transparent;
background-size:contain;
z-index:34;
}

footer .logo {
background:url('../images/logo/logo__lahta-plaza-white.png') no-repeat center transparent;
background-size:contain;
}

@media screen and (max-width:620px) {
		
	.logo {
		width:152px;
		height:48px;
	}

}

/*** ------------ end.logo ------------ ***/



/*** ------------ main__menu ------------ ***/

.main__menu {
position:relative;
z-index:100;
}

.main__menu > li {
position:relative;
display:block;
}

.main__menu > li + li {
}

.main__menu > li > a {
}

.main__menu > li > a:hover {
}

    /*** ------------ header__menu ------------ ***/
	
header .main__menu + * {
margin-left:auto;
}	
	
header .main__menu,
header .main__menu > li + li {
margin-left:12px;
}

header .main__menu > li:nth-child(1) {
display:none;
}

.h-transparent header .main__menu > li > a {
color:var(--basic-white);
}

header .main__menu > li > a,
header.header__scroll .main__menu > li > a {
color:var(--basic-black);
}

header .main__menu > li > a:hover,
header .main__menu > li.active > a,
.page__about header .main__menu > li:nth-child(2) > a,
.page__location header .main__menu > li:nth-child(2) > a,
.page__rules header .main__menu > li:nth-child(2) > a,
.page__rooms header .main__menu > li:nth-child(3) > a,
.page__wedding header .main__menu > li:nth-child(4) > a,
.page__banquet header .main__menu > li:nth-child(5) > a,
.page__spa header .main__menu > li:nth-child(6) > a,
.page__conference header .main__menu > li:nth-child(7) > a,
.page__contact header .main__menu > li:nth-child(8) > a {
color:var(--basic-gold);
}

header .main__menu > li > a:before {
content:'';
position:absolute;
bottom:-8px;
left:0;
display:block;
width:0;
height:1.5px;
background:var(--basic-gold);
opacity:0;
z-index:-1;
transition:all .4s ease;
}

header .main__menu > li > a:hover:before,
header .main__menu > li.active > a:before,
.page__about header .main__menu > li:nth-child(2) > a:before,
.page__location header .main__menu > li:nth-child(2) > a:before,
.page__rules header .main__menu > li:nth-child(2) > a:before,
.page__rooms header .main__menu > li:nth-child(3) > a:before,
.page__wedding header .main__menu > li:nth-child(4) > a:before,
.page__banquet header .main__menu > li:nth-child(5) > a:before,
.page__spa header .main__menu > li:nth-child(6) > a:before,
.page__conference header .main__menu > li:nth-child(7) > a:before,
.page__contact header .main__menu > li:nth-child(8) > a:before {
width:100%;
opacity:1;
transition:all .4s ease;
}

header .main__menu > li > ul {
position:absolute;
top:calc(100% + 24px);
left:-32px;
width:272px;
padding:16px 0 0;
opacity:0;
pointer-events:none;
transition:all .4s ease;
}

header .main__menu > li:hover > ul {
position:absolute;
top:100%;
opacity:1;
pointer-events:auto;
transition:all .4s ease;
}

header .main__menu > li > ul > li {
position:relative;
}

header .main__menu > li > ul > li a {
display:block;
width:100%;
font-size:14px;
line-height:20px;
padding:16px 32px;
color:var(--basic-white);
background:var(--basic-black);
white-space:nowrap;
}

header .main__menu > li > ul > li + li:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:1.5px;
background:var(--basic-black-border);
z-index:12;
}

header .main__menu > li > ul > li a:hover {
color:var(--basic-gold);
}

header .main__menu > li > ul > li.active a,
.page__location header .main__menu > li:nth-child(2) > ul > li:nth-child(1) a,
.page__rules header .main__menu > li:nth-child(2) > ul > li:nth-child(2) a  {
color:var(--basic-white);
background:var(--basic-gold);
}

@media screen and (max-width:620px) {
		
	header .main__menu {
		display:none;
	}

}

    /*** ------------ footer__menu ------------ ***/
	
footer .main__menu {
margin-left:auto;
}

footer .main__menu li + li {
margin-left:24px;
}
	
footer .main__menu li a {
color:var(--basic-white);
line-height:60px;
}
		
footer .main__menu li:not(.active) a:hover {
opacity:.48;
}
	
footer .main__menu li.active a {
color:var(--basic-gold);
}

footer .main__menu li:nth-child(9),
footer .main__menu li:nth-child(10),
footer .main__menu li:nth-child(11),
footer .main__menu li:nth-child(12),
footer .main__menu li ul {
display:none !important;
}

@media screen and (max-width:620px) {
				
	footer .main__menu {
		margin:32px 0 0;
	}

	footer .main__menu li a {
		line-height:24px;
	}
	
	footer .main__menu li + li {
		margin-left:0;
	}
	
	footer .main__menu li:not(:last-child) {
		margin-right:24px;
	}
		
}
	
/*** ------------ end.main__menu ------------ ***/



/*** ------------ additional__menu ------------ ***/

.additional__menu {
position:relative;
}

.menu__wrap * + .additional__menu {
margin-top:auto;
}

.menu__wrap .additional__menu > li {
position:relative;
display:block;
margin-top:4px;
}

.menu__wrap .additional__menu > li:not(:last-child) {
margin-right:16px;
}

.menu__wrap .additional__menu > li > a {
display:inline-block;
font-size:12px;
line-height:16px;
}

.menu__wrap .additional__menu > li.active > a,
.menu__wrap .additional__menu > li > a:hover {
color:var(--basic-gold);
}

footer .additional__menu {
width:auto;
margin-left:auto;
}

footer .additional__menu > li {
position:relative;
display:block;
}

footer .additional__menu > li + li {
margin-left:32px;
}

footer .additional__menu.fd-column > li + li {
    margin: 8px 0 0;
}

footer .additional__menu > li > a {
display:inline-block;
font-size:14px;
line-height:20px;
color:var(--basic-white);
}

footer .additional__menu > li > a:hover {
color:var(--basic-gold);
}

@media screen and (max-width:620px) {

	footer .additional__menu {
		margin:24 0 0;
	}
		
	.menu__wrap * + .additional__menu {
		margin-top:32px;
	}

}	
	
/*** ------------ additional__menu ------------ ***/



/*** ------------ item-grid ------------ ***/

.item-grid {
width:calc(100% + 32px);
margin:-16px;
}

.item-grid .item {
padding:16px;
}

.item-grid a.item {
border:0;
}

.item-grid.item-grid-2 .item {
width:50%;
}

.item-grid.item-grid-2 .item.item-wide,
.item-grid.item-grid-3 .item.item-extra,
.item-grid.item-grid-4 .item.item-extra {
width:100%;
}

.item-grid.item-grid-3 .item {
width:33.333%;
}

.item-grid.item-grid-3 .item.item-wide {
width:66.666%;
}

.item-grid.item-grid-4 .item {
width:25%;
}

.item-grid.item-grid-4 .item.item-wide {
width:50%;
}

.item-grid.item-grid-5 .item {
width:20%;
}

.item-grid.item-grid-6 .item {
width:16.666%;
}

@media screen and (max-width:620px) {

	.item-grid {
		width:100%;
		margin:-16px auto;
	}

	.item-grid .item {
		padding:16px 0;
	}

	.item-grid.item-grid-2 .item,
	.item-grid.item-grid-3 .item,
	.item-grid.item-grid-4 .item,
	.item-grid.item-grid-5 .item,
	.item-grid.item-grid-6 .item,
	.item-grid.item-grid-2 .item.item-wide,
	.item-grid.item-grid-3 .item.item-wide,
	.item-grid.item-grid-4 .item.item-wide,
	.item-grid.item-grid-3 .item.item-extra	{
		width:100%;
	}
	
}

/*** ------------ end.item-grid ------------ ***/



/*** ------------ fullscreen ------------ ***/

.fullscreen {
height:100%;
}

.halfscreen {
height:60%;
}

@media screen and (max-width:620px) {
		
	.fullscreen {
		height:95%;
	}

	.halfscreen {
		height:55%;
	}

}

/*** ------------ end.fullscreen ------------ ***/



/*** ------------ shadow-effect ------------ ***/

.shadow-effect:before {
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
opacity:.48;
z-index:1;
transition:all .4s ease;
}

.shadow-effect.shadow-effect__white:before {
background:var(--basic-white);
}

.shadow-effect.shadow-effect__black:before {
background:var(--basic-black);
}

.shadow-effect.shadow-effect__blue:before {
background:var(--basic-black-royal);
}

/*** ------------ end.shadow-effect ------------ ***/



/*** ------------ content ------------ ***/

#content_wrap {
min-height:calc(100% - 396px);
}

.content {
padding-top:64px;
padding-bottom:64px;
}

#content_wrap > .content:first-child {
padding-top:168px;	
}

@media screen and (max-width:620px) {
		
	.content {
		padding-top:48px;
		padding-bottom:48px;
	}

}

/*** ------------ end.content ------------ ***/



/*** ------------ hello__block ------------ ***/

.hello__block {
height:calc(100% - 64px);
background:var(--basic-black);
}

.hello__block:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:linear-gradient(180deg, var(--basic-black) 0%, rgba(34,36,43,0) 100%);
z-index:12;
}

.hello-block__home {
background:url('../images/back/hello__block/hello-block__home.jpg') no-repeat center transparent;
background-size:cover;
}

.hello-block__about {
background:url('../images/back/hello__block/hello-block__about.jpg') no-repeat center transparent;
background-size:cover;
}

.hello-block__contact {
background:url('../images/back/hello__block/hello-block__about.jpg') no-repeat center transparent;
background-size:cover;
}

.hello__block > .container {
height:100%;
padding-top:124px;
padding-bottom:64px;
text-align:center;
z-index:88;
}

.hello__block > .container,
.hello__block > .container p {
color:var(--basic-white);
}

.hello__block > .container > .wrap {
height:100%;
}

.home__page .hello__block > .container > .wrap {
animation:showTitle 1.5s ease-in-out;
}

@keyframes showTitle {
0% {
opacity:0;
transform:translateY(-80px);
-webkit-transform:translateY(-80px);
}

100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);
}
}

.hello__block h1 {
margin-bottom:24px;
}

@media screen and (max-width:620px) {
		
	.hello__block {
		height:calc(100% - 128px);
	}

}	
	
/*** ------------ end.hello__block ------------ ***/



/*** ------------ book__block ------------ ***/

.book__block {
z-index:100;
}

.hello__block + .book__block {
margin-top:-32px;
}

.book-block__wrap {
width:calc(100% - 256px);
height:64px;
margin:auto;
}

.hello__block + .book__block .book-block__wrap {
box-shadow:0px 0px 8px rgb(0 0 0 / 12%);
}

.home__page .book__block .book-block__wrap {
animation:showBook 1.5s ease-in-out;
}

@keyframes showBook {
0% {
opacity:0;
transform:translateY(48px);
-webkit-transform:translateY(48px);
}

100% {
opacity:1;
transform:translateY(0);
-webkit-transform:translateY(0);
}
}

.book-block__wrap div {
position:relative;
display:block;
width:25%;
height:100%;
background:var(--basic-white);
}

.book-block__wrap div:last-child {
background:var(--basic-gold);
}

.book-block__wrap div:nth-child(1),
.book-block__wrap div:nth-child(2) {
border-right:1.5px solid rgba(34,36,43,.12);
}

@media screen and (max-width:620px) {
			
	.book-block__wrap {
		width:100%;
	}

}

/*** ------------ end.book__block ------------ ***/



/*** ------------ about__block ------------ ***/

.about__block {

}

* + .about__block {
margin-top:48px;
}

.about-block__gall {
padding-bottom:48px;
}

.about-block__img {
display:block;
border:1.5px solid var(--basic-white);
overflow:hidden;
}

.about-block__img:nth-child(1) {
position:relative;
width:calc(100% - 112px);
height:520px;
z-index:1;
}

.about-block__img:nth-child(2) {
position:absolute;
top:64px;
right:0;
width:376px;
height:280px;
z-index:2;
}

.about-block__img:nth-child(3) {
position:absolute;
bottom:0;
right:64px;
width:240px;
height:280px;
z-index:3;
}

.about-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.about-block__text {
height:100%;
padding-left:64px;
}

.about-block__text p {
padding-left:32px;
}

.about-block__text .link__with-circle {
margin-left:32px;
}

@media screen and (max-width:620px) {
		
	.about-block__gall {
		padding-bottom:48px;
	}

	.about-block__img:nth-child(1) {
		width:calc(100% - 32px);
		height:480px;
	}

	.about-block__img:nth-child(2) {
		display:none !important;
	}

	.about-block__img:nth-child(3) {
		bottom:16px;
		right:0;
	}

	.about-block__text {
		padding-left:0;
	}

}

/*** ------------ end.about__block ------------ ***/



/*** ------------ hotel__block ------------ ***/

.hotel__block {

}

* + .hotel__block {
margin-top:48px;
}

.hotel-block__text {
padding:0 216px;
text-align:center;
}

.hotel-block__gall {
justify-content:space-between;
max-width:1184px;
margin-left:auto;
margin-right:auto;
}

* + .hotel-block__gall {
margin-top:96px;
}

.hotel-block__img {
position:relative;
display:block;
width:256px;
height:320px;
overflow:hidden;
}

.hotel-block__img:nth-child(1) {
transform:translateY(-64px);
-webkit-transform:translateY(-64px);
}

.hotel-block__img:nth-child(2) {
transform:translateY(-32px);
-webkit-transform:translateY(-32px);
}

.hotel-block__img:nth-child(4) {
transform:translateY(-96px);
-webkit-transform:translateY(-96px);
}

.hotel-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

@media screen and (max-width:620px) {
		
	.hotel-block__text {
		padding:0;
	}

	* + .hotel-block__gall {
		display:none !important;
	}

}	
	
/*** ------------ end.hotel__block ------------ ***/



/*** ------------ get-there__block ------------ ***/

.get-there__block {

}

* + .get-there__block {
margin-top:48px;
}

/*** ------------ end.get-there__block ------------ ***/



/*** ------------ icons__block ------------ ***/

.icons__block {

}

/*** ------------ end.icons__block ------------ ***/



/*** ------------ list-icons__block ------------ ***/

* + .list-icons__block,
.list-icons__block + * {
margin-top:48px;
}

.list-icons__block li {
position:relative;
}

.list-icons__block li + li {
margin-top:16px;
}

.list-icons-block__img {
width:32px;
height:32px;
}

.list-icons-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

* + .list-icons-block__text {
width:calc(100% - 48px);
margin-left:16px;
}

/*** ------------ end.list-icons__block ------------ ***/



/*** ------------ image__block ------------ ***/

.image__block {

}

* + .image__block {
margin-top:48px;
}

.image__block p,
.image__block h5 {
padding-left:64px;
}

.image__block .image-block__title + p:before {
content:'';
position:absolute;
top:10px;
left:-96px;
display:block;
width:128px;
height:1.5px;
background:var(--basic-gold);
z-index:99;
}

.image__block a.link__with-circle,
.image__block ul.ul__list {
margin-left:64px;
}

.image-block__wrap {
height:544px;
}

.image-block__wrap:before {
content:'';
position:absolute;
top:0;
display:block;
width:100%;
height:100%;
background:var(--basic-black);
opacity:1;
z-index:10;
}

.image__block .item:nth-child(1) > .image-block__wrap:before {
left:-32px;
}

.image__block .item:nth-child(2) > .image-block__wrap:before {
right:-32px;
}

.image-block__wrap > .wrap {
height:calc(100% - 64px);
overflow:hidden;
z-index:12;	
}

.image-block__wrap > .wrap img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

@media screen and (max-width:620px) {

	.image__block .image-block__title + p:before {
		left:-96px;
		width:64px;
	}

	.image__block a.link__with-circle,
	.image__block ul.ul__list {
		margin-left:64px;
	}

	.image__block .item__with-img {		
		order:-1;
	}

	.image-block__wrap {
		height:424px;
	}

	.image-block__wrap:before {
		width:calc(100% - 64px);
	}

	.image__block .item:nth-child(1) > .image-block__wrap:before {
		left:32px;
	}

	.image__block .item:nth-child(2) > .image-block__wrap:before {
		right:32px;
	}

}	
	
/*** ------------ end.image__block ------------ ***/



/*** ------------ location__block ------------ ***/

.location__block {
margin-top:-48px;
}

* + .location__block {
margin-top:0;
}

.location__block .item {
margin-top:32px;
}

.location-block__img {
height:424px;
background:var(--basic-grey);
overflow:hidden;
}

.location-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.location__block p + p:last-child {
margin-top:4px;
}

/*** ------------ end.location__block ------------ ***/



/*** ------------ rating__block ------------ ***/

.rating__block {

}

* + .rating__block {
margin-top:48px;
}

.rating__block .item {
text-align:center;
}

.rating__block .item p:first-child {
font-weight:100;
font-size:80px;
line-height:88px;
color:var(--basic-gold);
}

.rating__block .item p:first-child span {
display:inline-block;
margin-left:8px;
font-weight:300;
font-size:16px;
line-height:24px;
color:var(--basic-white);
opacity:.24;
}

@media screen and (max-width:620px) {
	
	.rating__block .item p:first-child {
		font-size:64px;
		line-height:72px;
	}
	
	.rating__block.item-grid .item {
		padding:16px;
		width:50%;
	}

	.rating__block.item-grid .item:last-child {
		margin-left:25%;
	}

}

/*** ------------ end.rating__block ------------ ***/



/*** ------------ icons__block ------------ ***/

.icons__block {
margin-top:-16px;
}

* + .icons__block {
margin-top:32px;
}

.icons__block .item > .wrap {
padding-top:16px;
}

.icons-block__img {
position:relative;
display:block;
width:80px;
height:80px;
background:var(--basic-grey-pale);
border-radius:50%;
overflow:hidden;
}

.bg__grey-pale .icons-block__img {
background:var(--basic-grey-light);
}

.icons-block__img img {
width:50%;
height:50%;
}

.icons-block__img + * {
margin-top:24px;
}

@media screen and (max-width:620px) {
	
}

/*** ------------ end.icons__block ------------ ***/



/*** ------------ contact__block ------------ ***/

.contact__block {

}

.contact-block__wrap {
width:calc(50% - 96px);
}

.contact-block__map {
width:calc(50% + 96px);
min-height:360px;
background:var(--basic-grey);
}

.wrap.contact-block__map {
width:100%;
height:360px;
}

.contact-block__info {
margin-top:32px;
}

@media screen and (max-width:620px) {
		
	.contact-block__wrap,
	.contact-block__map	{
		width:100%;
	}

	.contact-block__map {
		height:360px;
	}

}

/*** ------------ end.contact__block ------------ ***/



/*** ------------ img__block ------------ ***/

* + .img__block {
margin-top:16px;
}

.img__block .img-block__wrap {
height:448px;
background:var(--basic-gold);
overflow:hidden;
}

.img__block .img-block__wrap img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.img__block .item-wide {
padding-right:96px;
}

@media screen and (max-width:620px) {
        
    .img__block .item-wide {
        padding-right:0;
    }

}

/*** ------------ end.img__block ------------ ***/



/*** ------------ links__block ------------ ***/

.links__block {

}

* + .links__block {
margin-top:48px;
}

.links__block a {
height:448px;
background:var(--basic-gold);
overflow:hidden;
}

.links__block a,
.links__block a * {
color:var(--basic-white);
}

.links__block a .links-block__arrow {
position:absolute;
top:-64px;
left:0;
display:block;
width:100%;
height:64px;
background:url('../images/icons/icons__arrows/icon__arrow-right-white.svg') no-repeat center var(--basic-gold);
background-size:24px;
opacity:0;
transition:all .4s ease;
z-index:100;
}

.links__block a:hover .links-block__arrow {
top:0;
opacity:1;
transition:all .4s ease;
}

@media screen and (max-width:620px) {
    
    .links__block a {
        height:392px;
    }

}

/*** ------------ end.links__block ------------ ***/



/*** ------------ service__block ------------ ***/

.service__block {

}

* + .service-block__tabs {
margin-top:48px;
}

.service-block__gall:not(:last-child) {
margin-bottom:48px;
}

.service-block__img {
position:relative;
display:block;
width:33.333%;
border:1.5px solid var(--basic-white);
overflow:hidden;
}

.bg__grey-pale .service-block__img {
border-color:var(--basic-grey-pale);
}

.service-block__img:nth-child(1),
.service-block__img:nth-child(3) {
height:224px;
z-index:10;
}

.service-block__img:nth-child(1) {
transform:translateX(48px);
-webkit-transform:translateX(48px);
}

.service-block__img:nth-child(3) {
transform:translateX(-48px);
-webkit-transform:translateX(-48px);
}

.service-block__img:nth-child(2) {
height:288px;
z-index:1;
}

.service-block__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.service-block__text {
padding:16px 128px 64px;
}

.service-block__text:last-child {
padding-bottom:0;
}

.service-block__link {
display:inline-block;
width:calc(50% - 16px);
height:480px;
background:var(--basic-white);
}

@media screen and (max-width:620px) {
	
	.service-block__img {
		width:50%;
	}
	
	.service-block__img:nth-child(1),
	.service-block__img:nth-child(3) {
		height:168px;
	}

	.service-block__img:nth-child(1) {
		transform:translateX(16px);
		-webkit-transform:translateX(16px);
	}

	.service-block__img:nth-child(3) {
		display:none;
	}

	.service-block__img:nth-child(2) {
		height:240px;	
		transform:translateX(-16px);
		-webkit-transform:translateX(-16px);
	}

	.service-block__text {
		padding:16px 0 24px;
	}
	
	.service-block__text .item + .item {
		margin-top:-20px;
	}
	
}

/*** ------------ end.service__block ------------ ***/



/*** ------------ tabs ------------ ***/

.tabs__caption {
position:relative;
list-style:none;
padding:0 0 48px;
margin:auto;
}

.tabs__caption li {
position:relative;
display:inline-block;
margin:0;
padding:0;
color:var(--basic-black);
opacity:.4;
/*font-family:'cormorant-garamond';
font-weight:500;
font-size:40px;
line-height:48px;*/
font-size:24px;
line-height:32px;
cursor:pointer;
transition:all .4s ease;
}

.tabs__caption li + li {
margin-left:96px;
}

.tabs__caption li + li:before {
content:'';
position:absolute;
top:50%;
left:-64px;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
display:block;
width:32px;
height:1.5px;
background:var(--basic-black);
opacity:.64;
z-index:12;
}

.tabs__caption li:hover {
opacity:1;
transition:all .4s ease;
}

.tabs__caption li.active {
opacity:1;
color:var(--basic-gold);
}

.tabs__content {
display:none;
}

.tabs__content.active {
display:block;
}

@media screen and (max-width:620px) {
	
	.tabs__caption li {
		font-size:20px;
		line-height:28px;
	}

	.tabs__caption li + li {
		margin-left:48px;
	}

	.tabs__caption li + li:before {
		left:-32px;
		width:16px;
	}

}

/*** ------------ end.tabs ------------ ***/



/*** ------------ slider ------------ ***/

#main__slider-wrap, 
#main__slider, 
.main__slide {
margin:auto;
overflow:hidden;
z-index:10;
}

#main__slider-wrap {
height:100vh;
min-height:100%;
}

#main__slider, 
.main__slide,
.main-slide__img {
height:100%;
}

.main__slide .main-slide__text,
.main__slide .main-slide__img {
position:relative;
width:50%;
}

.main__slide .main-slide__text {
margin:auto auto 88px;
padding-left:5%;
z-index:45;
}

.main-slide-text__wrap {
padding-right:32px;
}

.main-slide-text__wrap h2 {
text-transform:uppercase;
}

.main__slide-text__wrap .main-slide-text__about {
padding-left:96px;
}

.main__slide__img {
background:var(--basic-grey-light);
overflow:hidden;
}

.main-slide__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
transition:all .4s ease;
}

.main-slide__img:hover img {
width:104%;
height:104%;
transition:all .4s ease;
}

#prewbutton, 
#nextbutton { 
position:absolute;
display:block;
width:64px;
height:64px;
overflow:hidden;
bottom:32px;
text-indent:-999px;
background-size:40% !important;
border:0;
cursor:pointer; 
z-index:123;
}

#prewbutton {
right:calc(5% + 68px);
background:url('../images/icons/icons__arrows/icon__arrow-left-white.svg') center no-repeat rgba(255,255,255,.3); 
}

#nextbutton {
right:5%;
background:url('../images/icons/icons__arrows/icon__arrow-right-white.svg') center no-repeat rgba(255,255,255,.3);
}

#prewbutton:hover, 
#nextbutton:hover {background-color:var(--basic-black);}

.sli-links {
display:flex;
position:absolute;
left:calc(50% + 32px);
bottom:32px;
z-index:100;
}

.sli-links span {
display:block;
width:32px;
height:2px;
background:var(--basic-white);
font:300 0/0 'Roboto';
cursor:pointer;
transition:all .4s ease;
}

.sli-links span + span {
margin-left:8px;
}

.sli-links span.active {
width:64px;
background:var(--basic-black);
transition:all .4s ease;
}

#main__slider-wrap:before,
#main__slider-wrap + .content:before {
content:'';
position:absolute;
left:calc(50% - 112px);
display:block;
width:50%;
background:var(--basic-grey-pale);
opacity:.64;
z-index:1;
}


#main__slider-wrap:before {
top:112px;
height:100%;
}

#main__slider-wrap + .content:before {
top:0;
height:112px;
}

@media screen and (max-width:620px) {

}

/*** ------------ end.main__slider ------------ ***/



/*** ------------ slider ------------ ***/

.slick-slider {
position:relative;
display:block;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
}

.slick-list {
position:relative;
display:block;
overflow:hidden;
margin:0;
padding:0;
}

.slick-list:focus {
outline:none;
}

.slick-list.dragging {
cursor:pointer;
cursor:hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

.slick-track {
position:relative;
top:0;
left:0;
display:block;
margin-left:auto;
margin-right:auto;
}

.slick-track:before,
.slick-track:after {
content:'';
display:table;
}

.slick-track:after {
clear:both;
}

.slick-loading .slick-track {
visibility:hidden;
}

.slick-slide {
display:none;
float:left;
height:100%;
min-height:1px;
}

[dir='rtl'] .slick-slide {
float:right;
}

.slick-slide img {
display:block;
}

.slick-slide.slick-loading img {
display:none;
}

.slick-slide.dragging img {
pointer-events:none;
}

.slick-initialized .slick-slide {
display:block;
}

.slick-loading .slick-slide {
visibility:hidden;
}

.slick-vertical .slick-slide {
display:block;
height:auto;
border:1px solid transparent;
}

.slick-arrow.slick-hidden {
display:none;
}

.slider button {
position:absolute;
display:block;
width:24px;
height:48px;
padding:0;
margin:0;
font:300 0/0 Tahoma;
border:0;
z-index:88;
transition:all .4s ease;
}

.slider button:hover {
opacity:.64;
transition:all .4s ease;
}

.slider button.slick-prev {
background:url('../images/icons/icons__arrows/icon__arrow-left-black.svg') no-repeat center transparent;
background-size:contain;
}

.slider button.slick-next {
background:url('../images/icons/icons__arrows/icon__arrow-right-black.svg') no-repeat center transparent;
background-size:contain;
}

/*** ------------ end.slider ------------ ***/



/*** ------------ rooms__slider ------------ ***/

.rooms__slider {
padding:48px 0 0 calc(5% - 16px);
}

.rooms__slider.gallery__slider {
padding:48px 0 0 0;
}

.menu-wrap__center .rooms__slider {
padding:0 32px;
}

.rooms__slider .slick-slide {
width:360px;
height:480px;
background:var(--basic-gold);
}

.rooms__slider.gallery__slider .slick-slide {
width:calc((100vw - 176px)/4);
max-width:288px;
height:256px;
overflow:hidden;
}

.menu-wrap__center .rooms__slider .slick-slide {
height:calc(100% - 128px);
}

.rooms__slider .slick-slide + .slick-slide {
margin-left:32px;
}

.rooms__slider a {
height:100%;
color:var(--basic-white);
cursor:grab;
}

.rooms__slider a:before,
.rooms__slider a:after,
.rooms__block a:before,
.rooms__block a:after,
.links__block a:before,
.links__block a:after {
content:'';
position:absolute;
left:0;
display:block;
width:100%;
z-index:5;
transition:all .4s ease;
}

.rooms__slider a:before,
.rooms__block a:before,
.links__block a:before {
bottom:0;
height:64%;
background:linear-gradient(180deg, rgba(34,36,43,0) 0%, var(--basic-black) 100%);
transition:all .4s ease;
}

.rooms__slider a:hover:before,
.rooms__block a:hover:before,
.links__block a:hover:before {
opacity:0;
transition:all .4s ease;
}

.rooms__slider a:after,
.rooms__block a:after,
.links__block a:after {
top:0;
height:100%;
opacity:0;
background:var(--basic-mint);
transition:all .4s ease;
}

.links__block a:after {
background:var(--basic-black);
}

.rooms__slider a:hover:after,
.rooms__block a:hover:after,
.links__block a:hover:after {
opacity:.8;
transition:all .4s ease;
}

.rooms__slider.gallery__slider a:before,
.rooms__slider.gallery__slider a:after {
display:none;
}

.rooms-slider__img,
.rooms__block a .rooms-block__img,
.links__block a .links-block__img {
width:100%;
height:100%;
z-index:1;
}

.rooms-slider__img img,
.rooms__block a .rooms-block__img img,
.links__block a .links-block__img img,
.rooms__slider.gallery__slider a img  {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.rooms-slider__title,
.rooms__block a .rooms-block__title,
.links__block a .links-block__title {
padding:32px;
margin-top:auto;
z-index:10;
}

.rooms-slider__title * + .rooms-slider__about,
.rooms__block a .rooms-block__title * + .rooms-block__about,
.links__block a .links-block__title * + p {
margin-top:-8px;
padding:24px 0 0;
border-top:1.5px solid rgba(255,255,255,.32);
}

.rooms-slider__title > *:first-child,
.rooms__block a .rooms-block__title > *:first-child,
.links__block a .links-block__title > *:first-child {
font-weight:700;
font-size:26px;
line-height:30px;
/*min-height:64px;*/
}

.rooms-slider__about div + div,
.rooms__block a .rooms-block__about div + div {
margin-left:auto;
display:none!important;
}

.rooms__slider button {
top:-48px;
}

.rooms__slider button.slick-prev {
right:calc(5% + 24px);
}

.rooms__slider button.slick-next {
right:calc(5% - 16px);
}

.menu-wrap__center .rooms__slider button {
top:calc(100% + 8px);
}

.menu-wrap__center .rooms__slider button.slick-prev {
right:calc(50% + 12px);
}

.menu-wrap__center .rooms__slider button.slick-next {
right:calc(50% - 28px);
}

@media screen and (max-width:620px) {
		
	.rooms__slider {
		padding-left:5%;
	}

	.rooms__slider .slick-slide {
		width:90vw;
		height:480px;
	}

	.rooms__slider button {
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		width:48px;
		border-radius:50%;
		background-color:var(--basic-white);
	}

	.rooms__slider button.slick-prev {
		right:calc(95% - 32px);
		background:url('../images/icons/icons__arrows/icon__arrow-left-black.svg') no-repeat center var(--basic-grey-pale);
		background-size:50%;
	}

	.rooms__slider button.slick-next {
		background:url('../images/icons/icons__arrows/icon__arrow-right-black.svg') no-repeat center var(--basic-grey-pale);
		background-size:50%;
	}
	
	.rooms__slider.gallery__slider {
	    padding-top: 16px;
	}
    
    .rooms__slider.gallery__slider .slick-slide {
        width:calc((100vw - 32px)/2);
        max-width:100vw;
        height:256px;
        overflow:hidden;
    }

}

/*** ------------ end.rooms__slider ------------ ***/



/*** ------------ rooms__block ------------ ***/

.rooms__block {
}

* + .rooms__block {
margin-top:48px;
}

.rooms__block a {
width:100%;
height:480px;
color:var(--basic-white);
background:var(--basic-gold);
}
 
/*** ------------ end.rooms__block ------------ ***/



/*** ------------ bg ------------ ***/

.bg__grey-pale {
background:var(--basic-grey-pale);
}

.bg__gold {
background:var(--basic-gold);
}

.bg__black {
background:var(--basic-black);
}

.bg__black * {
color:var(--basic-white);
}

.bg-room__studio {
background:url('../images/back/rooms__slider/studio.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__superior {
background:url('../images/back/rooms__slider/superior.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__superior-with-the-gulfview {
background:url('../images/back/rooms__slider/superior-with-the-gulfview.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__two-room-apartment {
background:url('../images/back/rooms__slider/two-room-apartment.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__suite {
background:url('../images/back/rooms__slider/suite.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__family-suite {
background:url('../images/back/rooms__slider/family-suite.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__premier-suite {
background:url('../images/back/rooms__slider/premier-suite.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__premier-suite-with-the-gulfview {
background:url('../images/back/rooms__slider/premier-suite-with-the-gulfview.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__single-deluxe {
background:url('../images/back/rooms__slider/single-deluxe.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__premium-suite {
background:url('../images/back/rooms__slider/premium-suite.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__premium-suite-with-the-gulfview {
background:url('../images/back/rooms__slider/premium-suite-with-the-gulfview.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__executive-suite {
background:url('../images/back/rooms__slider/executive-suite.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__executive-apartment-king-queen {
background:url('../images/back/rooms__slider/executive-apartment-king-queen.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__executive-apartment-king-twin {
background:url('../images/back/rooms__slider/executive-apartment-king-twin.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg-room__presidential-suite-gulfview {
background:url('../images/back/rooms__slider/presidential-suite-gulfview.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg__wedding {
background:url('../images/back/bg/bg__wedding.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg__conference {
background:url('../images/back/bg/bg__conference.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg__banquet {
background:url('../images/back/bg/bg__banquet.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg__spa {
background:url('../images/back/bg/bg__spa.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

.bg__restaurant {
background:url('../images/back/bg/bg__restaurant.jpg') no-repeat center var(--basic-grey-pale);
background-size:cover;
}

/*** ------------ end.bg ------------ ***/



/*** ------------ social__links ------------ ***/

.social__links {
position:relative;
margin:32px auto 0;
}

.social__links .sl__item {
position:relative;
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
border:1.5px solid var(--basic-white);
opacity:.24;
z-index:12;
}

.social__links .sl__item + .sl__item {
margin-left:8px;
}

.social__links .sl__item:hover {
opacity:1;
}

.social__links .sl__item.social-vk {
background:url('../images/icons/icons__social/icon__social-vk.svg') no-repeat center transparent;
background-size:50%;
}

.social__links .sl__item.social-telegram {
background:url('../images/icons/icons__social/icon__social-telegram.svg') no-repeat center transparent;
background-size:60%;
}

.social__links .sl__item.social-whatsapp {
background:url('../images/icons/icons__social/icon__social-whatsapp.svg') no-repeat center transparent;
background-size:50%;
}

/*** ------------ end.social__links ------------ ***/



/*** ------------ footer ------------ ***/

footer {
position:relative;
display:block;
width:100%;
z-index:345;
}

footer > .wrap:nth-child(1) {
padding:64px 0;
background:var(--basic-black);
}

footer > .wrap:nth-child(2) {
padding:32px 0;
background:var(--basic-dark);
}
	
* + .footer__block {
margin-top:48px;
}

	/*** ------------ footer__menu ------------ ***/

* + .footer__menu {
margin-top:12px;
}

.footer__menu li {
position:relative;
display:block;
width:50%/*calc(50% - 16px)*/;
margin-top:12px;
}

.footer__menu li:nth-child(even) {
/*margin-left:32px;*/
}

.footer__menu li {}

.footer__menu li a {
font-size:14px;
line-height:20px;
color:var(--basic-white);
}

.footer__menu li a:hover {
color:var(--basic-gold);
}

@media screen and (max-width:620px) {
	
	footer > .wrap:nth-child(1) {
		padding:48px 0;
	}
	
	footer > .wrap:nth-child(1) > .container > .wrap:nth-child(1),
	footer > .wrap:nth-child(2) > .container > .wrap:nth-child(1) {
		flex-direction:column;
	}

	* + .footer__block {
		margin-top:48px;
	}

		/*** ------------ footer__menu ------------ ***/

	* + .footer__menu {
		margin-top:12px;
	}

	.footer__menu li {
		width:100%;
		margin-top:12px;
	}

	.footer__menu li:nth-child(even) {
		margin-left:0;
	}

}


@media screen and (min-width:620px) {

    .footer__menu li:nth-child(1) {
		order:1;
	}

    .footer__menu li:nth-child(2) {
		order:3;
	}

    .footer__menu li:nth-child(3) {
		order:5;
	}

    .footer__menu li:nth-child(4) {
		order:7;
	}

    .footer__menu li:nth-child(5) {
		order:9;
	}

    .footer__menu li:nth-child(6) {
		order:11;
	}

    .footer__menu li:nth-child(7) {
		order:13;
	}

    .footer__menu li:nth-child(8) {
		order:15;
	}

    .footer__menu li:nth-child(9) {
		order:2;
	}

    .footer__menu li:nth-child(10) {
		order:4;
	}

    .footer__menu li:nth-child(11) {
		order:6;
	}

    .footer__menu li:nth-child(12) {
		order:8;
	}

    .footer__menu li:nth-child(13) {
		order:10;
	}

    .footer__menu li:nth-child(14) {
		order:12;
	}

    .footer__menu li:nth-child(15) {
		order:14;
	}

}	

/*** ------------ end.footer ------------ ***/



/*** ------------ popup ------------ ***/

.popup {
position:fixed;
top: calc(50% - 40px);
display:none;
z-index:1001;
}

#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:var(--basic-black);
opacity:.4;
z-index:999;
}

.popup__callback {
width:640px;
padding:64px;
background:var(--basic-white);
}

.popup__callback h5 {
font-size:24px;
line-height:32px;
}

.popup__callback h5 + p {
margin:32px 0;
width:80%;
}

@media screen and (max-width:620px) {
			
	.popup__callback {
		width:100%;
		padding:48px;
	}

}

/*** ------------ end.popup ------------ ***/



/*** ------------ popup__about ------------ ***/

.popup__about {
width:100vw;
max-width:800px;
}

.popup-about__wrap {
padding:48px;
background:var(--basic-white);
}

.popup-about__scroll {
max-height:60vh;
overflow:auto;
padding-right:16px;
}

.popup-about__scroll::-webkit-scrollbar-thumb {
background:var(--basic-grey-light);
border-radius: 4px;
}


.popup-about__form form > input[type="text"] {
width:calc(33.333% - 24px);
padding:24px;
background:var(--basic-grey-light) !important;
}

.popup-about__form form.__double > input[type="text"] {
width:calc(50% - 36px);
}

.popup-about__form form > input[type="text"] + input[type="text"] {
border-left:1.5px solid var(--basic-grey-border);
}

.popup-about__form form > input[type="submit"] {
width:72px;
font-size:0;
background:url('../images/icons/icons__arrows/icon__arrow-right-white.svg') no-repeat center var(--basic-gold);
background-size:24px;
}

.popup-about__form form > input[type="submit"]:hover {
background-color:var(--basic-black);
}

.popup__ny:before {
content:'';
position:fixed;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:block;
width:100vw;
height:120vh;
background:var(--basic-black);
opacity:.4;
}

.popup__about.popup__ny {
max-width:880px;
/*max-width:1120px;*/
padding-right:320px;
}

.popup__about.popup__ny {
    top: 45%;
}

.popup__about.popup__ny .link__with-circle {
    margin-left: 32px;
}

.popup__ny:after {
content:'';
position:absolute;
top:0;
right:0;
display:block;
width:320px;
height:100%;
background:url('../images/back/offers__block/promo__april.jpg') no-repeat center transparent;
background-size:cover;
z-index:12;
}

.popup__august-relax.popup__ny:after {
background:url('../images/back/offers__block/august-relax.jpg') no-repeat center transparent;
background-size:cover;
}

.popup__new-year-2024.popup__ny:after {
background:url('../images/back/offers__block/new-year-2024.jpg') no-repeat center transparent;
background-size:cover;
}

.popup__new-year-dinner.popup__ny:after {
background:url('../images/back/offers__block/new-year-dinner.jpg') no-repeat center transparent;
background-size:cover;
}

.popup__best-party.popup__ny:after {
background:url('../images/back/offers__block/best-party.jpg') no-repeat center transparent;
background-size:cover;
}

.popup .g-recaptcha {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 100;
}

@media screen and (max-width:620px) {
			
	.popup-about__form form > input[type="text"],
    .popup-about__form form.__double > input[type="text"] {
        width:100%;
        padding:16px 24px;
    }
      
    .popup-about__form form > input[type="text"] + input[type="text"] {
        border-left:0;
        border-top:1.5px solid var(--basic-grey-border);
    }

    .popup-about__form form > input[type="submit"] {
        position:absolute;
        top:0;
        right:0;
        height:100%;
        z-index:33;
    }

    .popup-about__wrap {
        padding:32px;
    }
    
    .popup-about__wrap h3:first-child {
        padding-right:32px;
    }

    .popup-about__scroll {
        max-height:40vh;
    }
    
    .popup__about.popup__ny {
        max-width:100%;
        padding-right:0;
    }
    
    .popup__ny:after {
        display:none;
    }

}

/*** ------------ end.popup__about ------------ ***/



/*** ------------ close__button ------------ ***/

.close__button {
position:absolute;
top:0;
right:0;	
width:64px;
height:64px;
padding:0;
font:300 0/0 'fira-sans';
border:none;
background:transparent;
transition:all .4s ease; 
z-index:100; 
}

.close__button:before,
.close__button:after {
content:'';
position:absolute;
width:1.5px;
height:24px;
top:32%;
left:50%;
background:var(--basic-black);
}

.popup .close__button:before,
.popup .close__button:after {
background:var(--basic-black);
}

.popup.popup__about.popup__ny .close__button:before,
.popup.popup__about.popup__ny .close__button:after,
.popup__new-year-2024.popup .close__button:before,
.popup__new-year-2024.popup .close__button:after {
background:var(--basic-white);
}

.close__button:before,
.close__button:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .4s ease;}

.close__button:after,
.close__button:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .4s ease;}

.close__button:hover:before,
.close__button:hover:before {-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .4s ease;}

.close__button:hover:after,
.close__button:hover:after {-webkit-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .4s ease;}

@media screen and (max-width:620px) {
    		
    .popup.popup__about.popup__ny .close__button:before,
    .popup.popup__about.popup__ny .close__button:after,
    .popup__new-year-2024.popup .close__button:before,
    .popup__new-year-2024.popup .close__button:after {
        background:var(--basic-black);
    }

}

/*** ------------ end.close__button ------------ ***/



/*** ------------ menu__wrap ------------ ***/

.icon__menu {
display:block;
width:32px;
height:1.5px;
transition:all .4s ease;
}

.icon__menu,
header.header__scroll .icon__menu {
background:var(--basic-black);
}

.h-transparent .icon__menu {
background:var(--basic-white);
}

.icon__menu + .icon__menu {
margin-top:4px;
}

.menubutton {
position:relative;
display:inline-block;
cursor:pointer;
padding:16px 0;
margin:0;
transition:all .4s ease;
}

* + .menubutton {
margin-left:48px;
}

.menubutton:hover .icon__menu {
background:var(--basic-gold);
transition:all .4s ease;
}

*, *:after, *:before {-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before, .clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}

button{-webkit-appearance:button;cursor:pointer;}

button:focus {outline:none;}

.menu__wrap {	
position:fixed;
display:block;
top:0;
left:0;
z-index:1001;
width:100%;
height:100%;
min-height:auto;
background:var(--basic-white);
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
overflow:hidden;
}

@media screen and (max-width:620px) {
			
	* + .menubutton {
		margin-left:auto;
	}
    
    .popup__new-year-2024.popup .close__button:before,
    .popup__new-year-2024.popup .close__button:after {
        background:var(--basic-black);
    }

}

.menu__wrap::-webkit-scrollbar{width:0px;}
.menu__wrap::-webkit-scrollbar-thumb{}
.menu__wrap::-webkit-scrollbar-thumb:hover{}
.menu__wrap::-webkit-scrollbar-track{}
.menu__wrap::-webkit-scrollbar-track:hover{}

.show-menu .menu__wrap {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
}

	/*** ------------ menu-wrap__side / menu-wrap__center ------------ ***/

.menu-wrap__column {
height:100%;
}

.menu-wrap__side {
position:relative;
width:calc(50% - 212px);
height:100%;
padding-top:64px;
padding-bottom:64px;
}

.menu-wrap__side:first-child {
padding-right:32px;
}

.menu-wrap__side:last-child {
padding-left:32px;
}
	
.menu-wrap__center {
display:flex;
width:424px;
height:100%;
background:var(--basic-grey-pale);
align-items:center;
}

	/*** ------------ menu-wrap__contact ------------ ***/

.menu-wrap__contact:not(:last-child) {
margin-bottom:64px;
}

.menu-wrap__contact .item {
padding-left:48px;
text-align:right;
}

.menu-wrap__contact .item + .item {
margin-top:16px;
}

.menu-wrap__contact p + p {
margin-top:4px;
}

.menu-wrap__phone,
.link__phone {
position:relative;
display:inline-block;
font-size:56px;
line-height:56px;
color:var(--basic-black);
}

* + .link__phone {
margin-top:96px;
}

.contact__block * + .link__phone {
margin-top:48px;
}

.link__phone + * {
margin-top:48px;
}

.menu-wrap__phone {
text-align:right;
}

.menu-wrap__phone span {
display:block;
}

.menu-wrap__phone span,
.link__phone span {
color:var(--basic-gold);
}

.menu-wrap__phone:not(:last-child) {
margin-bottom:32px;
}

	/*** ------------ menu-wrap__offer ------------ ***/

.menu-wrap__offer {
height:calc(100% - 272px);
background:var(--basic-grey-pale);
border:0;
}

.menu-wrap__offer a {
height:100%;
}

.menu-wrap__offer a,
.menu-wrap__offer a p {
color:var(--basic-white);
}

.menu-wrap-offer__img {
width:100%;
height:100%;
z-index:1;
}

.menu-wrap-offer__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

.menu-wrap__offer a:before,
.menu-wrap__offer a:after {
content:'';
position:absolute;
left:0;
display:block;
width:100%;
z-index:5;
transition:all .4s ease;
}

.menu-wrap__offer a:before {
bottom:0;
height:80%;
background:linear-gradient(180deg, rgba(34,36,43,0) 0%, var(--basic-black) 100%);
transition:all .4s ease;
}

.menu-wrap__offer a:hover:before {
opacity:0;
transition:all .4s ease;
}

.menu-wrap__offer a:after {
top:0;
height:100%;
opacity:0;
background:#27686a;
transition:all .4s ease;
}

.menu-wrap__offer a:hover:after {
opacity:.8;
transition:all .4s ease;
}

.menu-wrap-offer__title {
padding:32px;
margin-top:auto;
text-align:right;
z-index:10;
}

.menu-wrap-offer__title *:first-child + p {
margin-top:-8px;
padding-top:16px;
border-top:1.5px solid rgba(255,255,255,.32);
}

	/*** ------------ menu__wrap .main__menu ------------ ***/
	
.menu__wrap .main__menu {
flex-direction:column;
}

.menu__wrap .main__menu li:nth-child(9),
.menu__wrap .main__menu li:nth-child(10),
.menu__wrap .main__menu li:nth-child(11),
.menu__wrap .main__menu li:nth-child(12) {
display:none !important;
}

.menu__wrap .main__menu li + li {
margin-top:16px;
}

.menu__wrap .main__menu li a {
display:block;
width:100%;
color:var(--basic-black);
}

.menu__wrap .main__menu > li > a {
font-size: 28px;
line-height: 28px;
text-transform:uppercase;
}

.menu__wrap .main__menu > li > a:hover,
.menu__wrap .main__menu > li.active > a {
color:var(--basic-gold);
padding-left:32px;
}

.menu__wrap .main__menu > li > a:before {
content:'';
position:absolute;
top:14px;
left:-16px;
/*transform:translateY(-50%);
-webkit-transform:translateY(-50%);*/
display:block;
width:0;
height:1.5px;
background:var(--basic-gold);
z-index:12;
transition:all .4s ease;
}

.menu__wrap .main__menu > li > a:hover:before,
.menu__wrap .main__menu > li.active > a:before {
width:32px;
transition:all .4s ease;
}

.menu__wrap .main__menu > li > ul {
display:none !important;
}

@media screen and (max-width:620px) {
		
	.menu-wrap__side {
		width:100%;
		height:auto;
		padding-top:48px;
		padding-bottom:48px;
	}

	.menu-wrap__side:first-child {
		padding-bottom:0;
		padding-right:0;
	}

	.menu-wrap__side:last-child {
		margin-top:auto;
		padding-top:0;
		padding-left:0;
	}
		
	.menu-wrap__center,
	.menu-wrap__offer {
		display:none !important;
	}
		
	.menu-wrap__contact:not(:last-child) {
		margin-bottom:0;
	}

	.link__phone span {
		display:block;
	}

}
	
/*** ------------ end.menu__wrap ------------ ***/



/*** ------------ gallery ------------ ***/

* + ul.gallery__img {
margin-top:48px;
}

ul.gallery__img li {
position:relative;
width:33.333%;
height:176px;
overflow:hidden;
border:1px solid var(--basic-white);
transition:all .4s ease;
}

.item-grid ul.gallery__img li {
height:136px;
}

ul.gallery__img li:hover {
opacity:.8;
transition:all .4s ease;
}

ul.gallery__img li img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}

ul.gallery__img li a {
position:relative;
display:block;
width:100%;
height:100%;
border:0;
cursor:zoom-in;
}

body:after {
content:url('../images/close.png') url('../images/loading.gif') url('../images/prev.png') url('../images/next.png');
display:none;
}

.lightboxOverlay {
position:absolute;
top:0;
left:0;
z-index:9999;
background-color:var(--basic-black);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.75;
display:none;
}

.lightbox {
position:absolute;
left:0;
width:100%;
z-index:10000;
text-align:center;
line-height:0;
font-weight:normal;
}

.lightbox .lb-image {display:block;height:auto;max-width:inherit;}
.lightbox a img {border:none;}

.lb-outerContainer {
position:relative;
background-color:white;
*zoom:1;
width:250px;
height:250px;
margin:0 auto;
}

.lb-outerContainer:after {content:"";display:table;clear:both;}

.lb-container {padding:4px;}

.lb-loader {
position:absolute;
top:43%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

.lb-cancel {
display:block;
width:32px;
height:32px;
margin:0 auto;
background:url('../images/loading.gif') no-repeat;
border-bottom:0;
}

.lb-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav {left:0;}
.lb-nav a {outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height:100%;cursor:pointer;display:block;}

.lb-nav a.lb-prev {
width:34%;
left:0;
float:left;
background:url('../images/prev.svg') left 48% no-repeat;
background-size:45px;
background-position-x:15px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
border-bottom:0;
}

.lb-nav a.lb-prev:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;border-bottom:0;}

.lb-nav a.lb-next {
width:64%;
right:0;
float:right;
background:url('../images/next.svg') right 48% no-repeat;
background-size:45px;
background-position-x:calc(100% - 15px);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
-webkit-transition:opacity 0.6s;
-moz-transition:opacity 0.6s;
-o-transition:opacity 0.6s;
transition:opacity 0.6s;
border-bottom:0;
}

.lb-nav a.lb-next:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;border-bottom:0;}
.lb-dataContainer {margin:0 auto;padding-top:5px;*zoom: 1;width:100%;}
.lb-dataContainer:after {content:"";display:table;clear:both;}
.lb-data {padding:0 4px;color:#ccc;}
.lb-data .lb-details {width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption {font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number {display:none !important;clear:left;padding-bottom:1em;font-size:12px;color:#999;}

.lb-data .lb-close {
display:block;
float:right;
width:30px;
height:30px;
background:url('../images/close.svg') top right no-repeat;
background-size:cover;
margin-top:5px;
text-align:right;
outline:none;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity:0.7;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
-o-transition:opacity 0.2s;
transition:opacity 0.2s;
border-bottom:0;
}

.lb-data .lb-close:hover {
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
border-bottom:0;
}

/*** ------------ end.gallery ------------ ***/



/*** ------------ booking_iframe ------------ ***

#booking_iframe {
position:relative;
display:block;
width:100%;
border-bottom:1px solid var(--basic-grey-border);
}

#booking_iframe iframe {
}

#booking_iframe iframe .inside-iframe .content {
padding-bottom:0;
}

/*** ------------ end.booking_iframe ------------ ***/



/*** ------------ __widget ------------ ***/

.__widget {
    position: fixed;
    top: 50%;
    left: -110%;
    -wekbit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 8px);
    max-width: 392px;
    background: var(--basic-white);
    box-shadow: 0 0 32px rgba(0,0,0,.32);
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
    animation: showWidget .6s ease-in-out;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    z-index: 600;
}

@keyframes showWidget {   
    100% {
        left: 0;
    }
}

.__widget.__hide {
    -webkit-transform: translateY(-50%) translateX(-110%);
    transform: translateY(-50%) translateX(-110%);
    transition: all 1.2s cubic-bezier(.19,1,.22,1);
}

.__widget-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url('../images/icons/icons__all/icon__close-black.svg') center no-repeat transparent;
    background-size: 40%;
    z-index: 10;
}

.__widget-img {
    position: relative;
    width: 128px;
    /*height: 192px;*/
    overflow: hidden;
}

.__widget-img img {
    max-height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

* + .__widget-content {
    width: calc(100% - 128px);
    padding: 32px;
}

@media screen and (max-width: 920px) {
        
}

/*** ------------ end.__widget ------------ ***/