.waves:before {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
position: absolute;
z-index: 3;
width: 100%;
height: 20px;
top: 0;
left: 0;
transform: rotate(180deg)
}
.waves:after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
position: absolute;
z-index: 3;
width: 100%;
height: 20px;
bottom: 0;
left: 0
}
.home-intro {
padding: 3pc 0
}
.home-intro_section {
}
.home-intro .subheading {
}
.home-intro_text {
position: relative;
z-index: 1;
width: 55%
}
.home-intro_text header {
}
.home-intro_text footer {
padding-top: 1pc;
padding-left: 3pc
}
.home-intro_figure {
position: relative;
width: 45%;
padding: 0 0 0 1pc
}
.home-intro_figure figure {
background: #ffae73;
border-radius: 4px;
overflow: hidden
}
.home-intro_figure img {
width: 100%;
opacity: .8;
transition: all ease 250ms
}
.home-intro_figure a:hover ~ figure img {
opacity: .6;
transition: all ease 250ms
}
.home-intro_figures figcaption {
display: none
}
.home-intro_tour {
z-index: 2;
left: 1pc;
cursor: pointer
}
.home-intro_tour .button {
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -90px;
position: absolute;
z-index: 3
}
.home-intro_tour:before {
content: '';
position: absolute;
z-index: 2;
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 3px
}
.home-facilities {
padding: 4pc 0 2pc;
text-align: center;
position: relative;
background: #fff
}
.home-facilities_section {
position: relative;
z-index: 4
}
.home-facilities ul {
font-size: 0
}
.home-facilities li {
display: inline-block;
vertical-align: top;
font-size: 16px;
cursor: default;
position: relative;
width: 130px;
color: #fff !important;
transform: translateY(0px);
transition: all ease 150ms
}
.home-facilities li:hover {
transform: translateY(-10px);
transition: all ease 150ms
}
.home-facilities li span {
position: relative;
display: block;
line-height: 85px;
margin: 0 auto
}
.home-facilities li span img {
max-width: 52px;
font-weight: 400;
position: relative;
z-index: 2;
display: inline-block;
vertical-align: middle
}
.home-facilities li p {
margin-top: .5em;
padding-bottom: 2pc;
font-weight: 700;
color: #545a6a;
line-height: 1.2
}
.home-proposal {
padding: 3pc 0 0;
position: relative;
background: #f4fbff;
overflow: hidden
}
.home-proposal_header {
position: relative;
z-index: 2
}
.home-proposal_section {
z-index: 1
}
.home-proposal_section:last-of-type {
margin-top: -4pc
}
.home-proposal_text {
padding: 0 1.5pc 4pc 105px;
font-size: 15px;
line-height: 23px
}
.home-proposal h3 {
position: relative;
padding-top: 1em;
padding-bottom: 1em
}
.home-proposal_icon {
position: absolute;
left: -84px;
width: 64px;
height: 64px;
line-height: 1;
color: #46b7df;
font-size: 38px;
font-weight: 300;
border: 1px solid currentColor;
border-radius: 6px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.home-proposal_icon img{
width: 38px;
}
.home-proposal p {
padding-left: 6px
}
.home-proposal_figure {
}
.home-proposal_imgone {
position: absolute;
width: 825px;
right: 0;
bottom: -200px;
max-width: initial
}
.home-proposal_imgtwo {
position: absolute;
width: 869px;
left: 0;
bottom: 0;
max-width: initial
}
.home-apartments {
padding: 3pc 0 0;
background: #fff6d1 url(//sto-avtolider82.ru/wp-content/themes/admiral/img/home-apartments-bg.jpg) no-repeat top center;
position: relative
}
.home-apartments:before {
content: '';
position: absolute;
z-index: 1;
background: -moz-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
background: -webkit-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffe573', endColorstr='#00ffe573', GradientType=0);
left: 0;
top: 0;
right: 0;
bottom: 50%
}
.home-apartments:after {
content: '';
position: absolute;
z-index: 2;
background: url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes-grey.png);
opacity: .5;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.home-apartments .subheading {
padding-top: 6px
}
.home-apartments_section {
position: relative;
padding-bottom: 2pc;
z-index: 4
}
.home-apartments_items {
margin-left: -20px;
margin-right: -20px
}
.home-apartments_item {
padding: 0 20px 40px
}
.home-apartments_card {
background: #f4fbff;
border-radius: 4px;
overflow: hidden
}
.home-apartments_figure {
position: relative;
max-width: 100%;
margin: 0 auto;
overflow: hidden
}
.home-apartments_figure figure {
width: 100%
}
.home-apartments_figure a {
text-indent: -100vw;
transition: all ease 250ms
}
.home-apartments_figure figcaption {
text-indent: -100vw;
position: absolute
}
.home-apartments_figure img {
width: 100%;
transition: all ease 150ms
}
.home-apartments_item header {
background: #fff;
padding: 1.25pc 0
}
.home-apartments_item h3 {
position: relative;
text-align: center;
font-size: 18px;
font-weight: 800;
line-height: 1;
padding: 0 0 .25pc;
margin-top: 0;
}
.home-apartments_item h3 a {
color: #646a7b;
position: relative;
z-index: 2;
display: block;
transition: all ease 200ms
}
.home-apartments_item h3 + p {
font-size: 14px;
color: #ff9140;
text-align: center;
line-height: 1;
padding: 0
}
.home-apartments_params {
font-size: 0;
padding: 1.25pc 1.5pc
}
.home-apartments_params li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 25%;
font-size: 13px;
line-height: 1.2;
min-height: 70px;
color: #515c6d
}
.home-apartments_icon {
display: block;
font-size: 30px
}
.home-apartments_icon img{
width: 30px;
}
.home-apartments_item footer {
padding: 0 1.5pc 1.5pc;
text-align: center;
vertical-align: middle;
transition: all linear 100ms
}
.home-apartments_price {
display: inline-block;
vertical-align: middle;
line-height: 36px;
border: 1px solid rgba(100, 106, 123, .5);
border-radius: 4px;
background: 0 0;
padding: 0 1.5em;
color: #515c6d;
font-size: 13px;
font-weight: 300
}
.home-apartments_item .button {
display: inline-block;
vertical-align: middle;
margin: 0 .5pc;
line-height: 38px;
border-radius: 4px;
background: #46b7df;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
box-shadow: none
}
.home-apartments_figure:hover img {
transform: scale(1.08);
transition: all ease 150ms
}
.home-apartments_item .button:hover {
background: #f98632;
text-shadow: none
}
.home-apartments_item h3:hover a {
color: #fd7919;
transition: all ease 200ms
}
.home-apartments_buttons {
position: absolute;
bottom: -27.5px;
width: 100%;
text-align: center
}
.home-apartments_buttons .button {
}
.section-videotour {
position: relative;
padding: 7pc 0;
background: #29477f url(//sto-avtolider82.ru/wp-content/themes/admiral/img/section-videotour-bg.jpg) no-repeat 50% 50%
}
.section-videotour:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: transparent url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes-dark.png)
}
.section-videotour_section {
position: relative;
z-index: 2
}
.section-videotour_text {
text-align: center
}
.section-videotour_icon {
display: block;
margin: 0 auto;
width: 72px;
height: 72px;
background: url(//sto-avtolider82.ru/wp-content/themes/admiral/img/icon-videotour.png) no-repeat 50% 50%
}
.section-videotour_text h2 {
color: #fff;
font-size: 48px;
font-weight: 800;
line-height: 1.5
}
.section-videotour_text h2 + p {
color: #f97251;
font-size: 20px;
font-weight: 800;
letter-spacing: -.015em;
padding-bottom: 2em
}
.section-videotour_text .button {
}
.section-videotour_logo {
position: absolute;
right: 0;
bottom: -86px;
display: block;
width: 263px;
height: 70px;
background: url(//sto-avtolider82.ru/wp-content/themes/admiral/img/logo-videotour.png) no-repeat 50% 50%
}
.home-children {
position: relative;
z-index: 2;
padding: 4pc 0 0
}
.home-children_section {
}
.home-children_flex {
}
.home-children_text {
font-size: 15px;
line-height: 23px;
width: 55%;
padding-right: 5%
}
.home-children_slider {
width: 45%;
max-width: 586px
}
.home-children_slides {
}
.home-children_slide {
}
.home-children_slide figure {
border-radius: 4px;
overflow: hidden
}
.home-children_slide figure img {
}
.home-children_nav {
text-align: center;
padding-top: 1.5pc
}
.home-children_dot {
display: inline-block;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fd7919;
overflow: hidden;
text-indent: -150%;
cursor: pointer
}
.home-children_dot.tns-nav-active {
background: #46b7df;
cursor: default
}
.home-children_icons {
padding: 50px 40px 0
}
.home-children_list {
position: relative;
background: #f97251;
background: -moz-linear-gradient(top, #f97251 0%, #fd9549 100%);
background: -webkit-linear-gradient(top, #f97251 0%, #fd9549 100%);
background: linear-gradient(to bottom, #f97251 0%, #fd9549 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f97251', endColorstr='#fd9549', GradientType=0);
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .08);
border-radius: 4px;
color: #fff
}
.home-children_list:before, .home-children_list:after {
content: '';
background: transparent url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes.png);
position: absolute;
z-index: 1;
left: 18px;
top: 18px;
right: 18px;
bottom: 18px
}
.home-children_list ul {
font-size: 0;
text-align: center;
padding: 3pc 2pc
}
.home-children_list ul li {
display: inline-block;
vertical-align: top;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
width: 14.28%
}
.home-children_list ul li span {
display: block;
font-size: 48px;
line-height: 1;
margin-bottom: 1.25pc
}
.home-children_list img{
width: 48px;
}
.section-tours {
padding: 1pc 0 5pc;
position: relative;
z-index: 1;
background: #46b7df
}
.section-tours__home {
margin-top: -100px;
padding-top: 116px
}
.section-tours_pattern {
}
.section-tours:before {
content: '';
background: url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes.png), url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes.png);
position: absolute;
z-index: 1;
left: 18px;
top: 18px;
right: 18px;
bottom: 0
}
.section-tours:after {
content: '';
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAAUCAMAAAC0/pNQAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAzahHMgT58te4sqyjVk0a5t/CXVhSPQvHhng2KiYhDbqVjnFqCBtHzBwAAACzSURBVEjHvdJHDoMwFEVR7NAxmN5L6tv/EpNhFIngytnA1S+OpDUdkr4IfD/ISTLUi2PRq2Y5fuS02hwr0hg7osp4bL0H+MO/zSZrbYxD14upWtZDCEmN1AiEhdrFC4GUsNG6WwlpRPmObgQlZatSmxMoi1zZ2kKhJZYqugm0xZPwT0YwoswEYt4zhDHFozsYjcEwujskr1kAC3xa8e8Feh13m5GFsKigYzPx7dNycK6ze2/8yq+Dtw9JqgAAAABJRU5ErkJggg==) repeat-x;
position: absolute;
z-index: 1;
width: 100%;
height: 20px;
bottom: 0;
left: 0
}
.section-tours_header {
position: relative;
z-index: 2;
text-align: center;
padding: 3pc 0 2pc
}
.section-tours_header h2 {
color: #434c64
}
.section-tours_header .subheading {
color: #fff;
padding-bottom: 1pc
}
.section-tours_header .subheading:before {
background-position: right top
}
.section-tours_text {
width: 680px;
max-width: 100%;
margin: 0 auto;
font-size: 15px;
line-height: 23px;
color: #515c6d
}
.section-tours_items {
z-index: 5
}
.section-tours_item {
position: relative;
width: 586px;
max-width: 48%;
max-width: calc(50% - 2pc);
margin: 0 auto;
border-radius: 4px;
overflow: hidden;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .08)
}
.section-tours_item figure {
}
.section-tours_item figure img {
transition: all ease 200ms
}
.section-tours_item__3dtour {
background: #414a68
}
.section-tours_item__3dtour:before {
content: '';
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
background: -webkit-linear-gradient(top, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
background: linear-gradient(to bottom, rgba(70, 183, 223, 0.8) 0%, rgba(70, 183, 223, 0.1) 50%, rgba(70, 183, 223, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc46b7df', endColorstr='#0046b7df', GradientType=0)
}
.section-tours_item__3dtour:hover figure img {
opacity: .8;
transition: all ease 200ms
}
.section-tours_item__webcams {
background: #ff986c
}
.section-tours_item__webcams:before {
content: '';
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
background: -webkit-linear-gradient(top, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 229, 115, 0.5) 0%, rgba(255, 229, 115, 0.1) 50%, rgba(255, 229, 115, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffe573', endColorstr='#00ffe573', GradientType=0)
}
.section-tours_item__webcams figure img {
opacity: .8
}
.section-tours_item__webcams:hover figure img {
opacity: .6;
transition: all ease 200ms
}
.section-tours_link {
z-index: 3;
text-align: center
}
.section-tours_link .button {
top: 50%;
margin-top: -25px;
padding: 0 2em;
overflow: hidden;
z-index: 3;
position: relative
}
.section-tours_link:before {
content: '';
position: absolute;
z-index: 2;
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 3px
}
.section-photos {
padding: 4pc 0
}
.section-photos_section {
padding: 0 !important;
}
.section-photos_items {
margin-left: -1pc;
margin-right: -1pc
}
.section-photos_item {
position: relative;
padding: 0 1pc 2pc
}
.section-photos_item figure {
z-index: 1;
background: #ff986c;
border-radius: 4px;
overflow: hidden
}
.section-photos_item figure img {
width: 100%;
opacity: 1;
transition: all ease 150ms
}
.section-photos_link {
z-index: 2;
left: 1pc;
right: 1pc;
bottom: 2pc
}
.section-photos_link:hover + figure img {
opacity: .8;
transform: scale(1.08);
transition: all ease 150ms
}
.section-photos_icon {
width: 48px;
height: 48px;
display: block;
background: #fff;
border-radius: 4px;
text-align: center;
line-height: 48px;
font-size: 24px;
left: 50%;
top: 50%;
position: absolute;
margin-left: -24px;
margin-top: -24px;
color: #f98632;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
opacity: 0;
transform: translateY(24px) scale(.5);
transition: all ease 150ms
}
.section-photos_link:hover .section-photos_icon {
opacity: 1;
transform: translateY(0px) scale(1);
transition: all ease 150ms
}
.section-contacts {
margin-bottom: 1pc
}
.section-contacts_iframe {
background: #aadaff;
height: 520px;
position: relative
}
.section-contacts_iframe iframe {
width: 100%;
height: 520px;
position: relative;
z-index: 3
}
.sidebar {
padding-top: 2.25pc
}
.sidebar__small {
padding-top: 3pc;
padding-bottom: 1pc;
margin-left: 2pc;
margin-right: 1pc
}
.aside-widget {
padding: 0 0 2pc;
position: relative
}
.aside-widget h4 {
font-size: 22px
}
.aside-slides_wrapper {
position: relative;
overflow: hidden
}
.aside-slides {
position: relative;
z-index: 1
}
.aside-slide {
position: relative
}
.aside-slide_text {
position: absolute;
z-index: 2;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
padding: .5pc;
color: #fff
}
.aside-slide h4 {
color: #fff;
font-size: 22px;
padding: 1.25em 0 .25em
}
.aside-slide h4 + p {
font-size: 16px
}
.aside-slide .button {
margin-top: 1pc;
min-width: 0;
line-height: 42px;
padding: 0 2em
}
.aside-slide:hover .button {
background: #fff;
color: #545a6a
}
.aside-slide figure {
background: #545a6a;
border-radius: 4px;
overflow: hidden;
position: relative;
z-index: 1
}
.aside-slide figure img {
opacity: .25
}
.aside-slide figure figcaption {
}
.aside-slide_link {
z-index: 3
}
.aside-slide_link:before {
content: '';
position: absolute;
z-index: 2;
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 3px
}
.aside-slides_dots {
position: absolute;
z-index: 2;
width: 6pc;
left: 50%;
margin-left: -3pc;
bottom: 1pc;
text-align: center;
line-height: 1pc
}
.aside-slides_dots button {
display: inline-block;
vertical-align: middle;
text-indent: -150%;
overflow: hidden;
cursor: pointer;
width: 1pc;
height: 1pc;
background: #fff;
margin: 0 1px;
border-radius: 50%;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
}
.aside-slides_dots button.tns-nav-active {
background: #fd7919
}
.aside-rooms {
background: #f4fbff;
border-radius: 4px;
overflow: hidden
}
.aside-rooms header {
background: #46b7df url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes.png)
}
.aside-rooms h4 {
font-size: 22px;
text-align: center;
color: #fff;
padding: 1.25pc;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}
.aside-rooms ul {
}
.aside-rooms ul li {
border-top: 1px solid #46b7df29
}
.aside-rooms ul li a {
display: block;
padding: .5em 2em;
color: #545a6a;
font-size: 15px;
font-weight: 400
}
.aside-rooms ul li a:hover {
background: #46b7df29
}
.aside-rooms ul li:last-child a {
padding: .75em 2em;
font-weight: 700;
background: #46b7df29;
text-transform: uppercase
}
.aside-buttons {
text-align: center
}
.aside-buttons .button:hover {
}
.article .room-heading {
position: relative;
margin-top: 2pc !important
}
.article .room-heading:before {
content: "\f105";
font-family: Flaticon-misc;
font-style: normal;
font-weight: 400;
position: absolute;
top: -1pc;
left: -84px;
width: 64px;
height: 64px;
line-height: 62px;
color: #46b7df;
background: #f4fbff;
font-size: 38px;
border: 1px solid currentColor;
border-radius: 6px;
text-align: center
}
.article .room-params {
max-width: 100% !important;
padding: 2pc 1pc !important;
margin-bottom: 1pc;
display: flex
}
.article .room-params li {
padding: 0 !important;
width: 25%;
text-align: center
}
.article .room-params li:before {
display: none;
}
.article .room-params li span {
width: 48px;
display: inline-block;
vertical-align: middle;
margin-right: 1pc
}
.room-gallery {
}
.room-gallery ul {
max-width: 100%;
height: 420px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 1pc
}
.room-gallery ul li:before {
content: none
}
.room-gallery ul li {
height: inherit;
padding: 0
}
.room-gallery ul li figure {
height: inherit;
display: flex !important;
justify-content: center;
align-items: center;
position: relative
}
.room-gallery ul li figure figcaption {
position: absolute;
left: calc(8pc + 1px);
bottom: 1.5pc;
background: #fff;
padding: .2em 1em;
font-family: fregat;
font-style: italic;
border-radius: 4px
}
.room-gallery ul li a {
width: 100%
}
.room-gallery ul li a img {
width: 100%;
height: auto
}
.featherlight .caption {
position: absolute;
left: 1.5pc;
bottom: 1.5pc;
background: #fff;
padding: .2em 1em;
font-family: fregat;
font-style: italic;
border-radius: 4px
}
.room-gallery-thumbs {
}
.room-gallery-thumbs ul {
max-width: 100%;
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0 0 1pc
}
.room-gallery-thumbs ul li {
padding: 0;
width: calc((100% - 112px) / 8);
margin-right: 1pc;
margin-bottom: 1pc;
max-height: 68px;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 5px 20px 0 transparent;
opacity: .7;
filter: grayscale(.8);
transition: all ease 200ms
}
.room-gallery-thumbs ul li:hover, .room-gallery-thumbs ul li.tns-nav-active {
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .09);
filter: grayscale(0);
opacity: 1;
transition: all ease 200ms
}
.room-gallery-thumbs ul li:nth-of-type(8n) {
margin-right: 0
}
.room-gallery-thumbs ul li:before {
content: none
}
.room-gallery-thumbs ul li figure {
position: relative;
cursor: pointer
}
.room-gallery-thumbs img {
height: auto
}
.article .cafe-heading {
border-bottom: 3px solid #46b7df;
margin-bottom: 1.5pc
}
.article .cafe-heading strong {
float: right
}
.article .cafe-list {
max-width: 100%;
padding-left: 0
}
.article .cafe-list li {
position: relative;
font-weight: 700;
line-height: 1.2;
min-height: 2.5pc;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 2pc;
padding-left: 3.5pc;
background: transparent;
transition: background ease 150ms
}
.article .cafe-list li:hover {
background: rgba(255, 246, 209, .6);
transition: background ease 150ms
}
.article .cafe-list li:before {
top: 13px;
left: 24px
}
.article .cafe-list li em {
display: block;
font-weight: 400;
padding-top: 4px;
font-style: normal;
font-family: Fregat;
font-size: 14px;
color: #646a7b
}
.article .cafe-list li strong {
position: absolute;
right: 2pc;
top: 50%;
margin-top: -12px;
font-weight: 600;
font-size: 18px;
font-family: fregat;
font-style: italic
}
.gallery {
padding: 2pc 0 3pc;
}
.gallery-items {
padding: 2pc 0 0
}
.gallery-item {
}
.photos {
}
.photos > figure {
}
.photos ul {
max-width: 100% !important;
padding: 0 !important;
}
.photos ul li {
padding: 0 2px 2px 0 !important;
margin: 0 !important;
width: 25% !important;
}
.photos ul li:before {
display: none;
}
.photos ul li figure {
position: relative;
background: #ff986c;
border-radius: 4px;
overflow: hidden
}
.photos ul li figure a {
display: block;
background: 0 0;
overflow: hidden
}
.photos ul li figure a img {
transform: scale(1);
opacity: 1;
filter: grayscale(0);
transition: all ease 250ms
}
.photos ul li figure a:hover img {
opacity: .8;
transform: scale(1.08);
transition: all ease 150ms
}
.photos ul li figure figcaption {
background: #fff !important;
color: #595350 !important;
font: 400 14px/24px 'Raleway';
padding: 5px 1em !important;
width: auto !important;
left: auto;
right: 1px;
bottom: 1px !important;
pointer-events: none;
position: absolute;
line-height: 1.2 !important;
}
.news {
}
.news_item {
position: relative
}
.news_figure {
position: relative;
background: #ff986c;
border-radius: 5px;
overflow: hidden
}
.news_figure:before {
content: '';
position: absolute;
z-index: 2;
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 3px
}
.news_figure img {
opacity: 1;
transform: scale(1);
transition: all ease 250ms
}
.news_item:hover img {
opacity: .8;
transform: scale(1.08);
transition: all ease 250ms
}
.news_text {
background: rgba(255, 255, 255, .99);
padding: 1.5pc 1pc 2pc;
border-radius: 4px;
transition: all ease 250ms
}
.news_text h2 {
padding: 0 0 1pc;
margin: 0;
font-size: 22px
}
.news_text h2 + p {
line-height: 1.2;
padding-bottom: 1pc
}
.news_date {
line-height: 1;
opacity: .7
}
.news_link {
z-index: 3
}
.aside-articles {
padding-top: 1pc
}
.aside-articles > header {
padding-bottom: 2pc;
text-align: center
}
.aside-article {
position: relative;
margin-bottom: .5pc;
border-radius: 3px;
overflow: hidden;
background: #fff;
transition: all ease 150ms
}
.aside-article:hover {
background: #46b7df29;
transition: all ease 150ms
}
.aside-article_figure {
float: left;
width: 6pc;
height: 6pc;
margin-right: 1pc;
border-radius: 3px;
overflow: hidden;
position: relative
}
.aside-article_figure:before {
content: '';
position: absolute;
z-index: 2;
left: 6px;
right: 6px;
top: 6px;
bottom: 6px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 3px
}
.aside-article_figure img {
width: initial;
max-width: initial;
height: 100%;
opacity: .8;
transition: all ease 150ms
}
.aside-article:hover img {
opacity: 1;
transition: all ease 150ms
}
.aside-article_text {
padding: 1pc 0
}
.aside-article_text h5 {
line-height: 1.2;
padding-bottom: .75pc;
font-size: 15px;
font-weight: 700
}
.aside-article_date {
font-size: 14px;
line-height: 1
}
.aside-article_link {
z-index: 2
}
.scroll-to-top {
position: fixed;
z-index: 12;
bottom: -4pc;
right: 2pc;
width: 64px;
height: 64px;
display: block;
background: #46b7df;
border-radius: 4px;
box-shadow: 5px 5px 10px 0 rgba(91, 57, 58, .2);
opacity: 0;
transition: all ease 250ms
}
.scroll-to-top__shown {
bottom: 2pc;
opacity: 1;
transition: all ease 250ms
}
.scroll-to-top:before {
content: '';
width: 16px;
height: 16px;
display: block;
margin: 28px 24px 0;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-radius: 0 0 2px;
transform: rotate(45deg);
transition: all ease 250ms;
position: relative;
z-index: 2
}
.scroll-to-top:hover {
background: #ff9140
}
.site-footer {
position: relative;
background: #29477f
}
.site-footer_top {
padding-top: 4pc;
padding-bottom: 4pc;
color: #fff;
color: rgba(255, 255, 255, .7);
font-size: 15px;
line-height: 24px;
position: relative;
z-index: 3
}
.site-footer_desc {
padding: 0 2pc 0 1pc;
position: relative
}
.site-footer_logo {
display: block;
width: 234px
}
.site-footer_desc p {
padding-top: 4pc;
font-size: 16px;
line-height: 26px;
color: rgba(255, 255, 255, .7)
}
.site-footer_desc .button {
position: absolute;
top: 1pc;
right: 2pc
}
.site-footer_nav {
padding-left: 2pc;
padding-right: 2pc
}
.site-footer_nav ul {
padding-top: 8px
}
.site-footer_nav a {
display: block;
color: #fff;
font-size: 15px;
line-height: 38px
}
.site-footer_nav a:hover {
text-decoration: underline
}
.site-footer_contacts {
padding-left: 2pc
}
.site-footer_contacts > a, .site-footer_contacts > p {
font-size: 15px;
font-weight: 300;
line-height: 1;
display: block;
padding-bottom: 1.75pc;
color: #fff
}
.site-footer_contacts a span, .site-footer_contacts p span {
position: relative;
font-size: 24px;
display: inline-block;
vertical-align: middle;
width: 24px;
margin-left: -24px;
left: -12px
}
.site-footer_contacts a:hover {
text-decoration: underline
}
.site-footer_contacts a.site-footer_phone {
display: block;
font: 900 22px/24px 'Lato'
}
.site-footer_contacts a.site-footer_phone span {
font-weight: 400
}
.site-footer_contacts a.site-footer_phone:hover {
}
.site-footer_trip {
display: inline-block;
vertical-align: middle
}
.socialWidget.cx_brand_refresh1 .socialWidgetCore.lg {
width: 48px !important;
height: 48px !important
}
.socialWidget.cx_brand_refresh1 .socialWidgetCore.lg img {
width: 48px !important;
padding: 11px 4px
}
.site-footer_bottom {
position: relative;
z-index: 2;
background: #2a2f41;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 1pc;
padding: 1.5pc 0
}
.site-footer_bottom:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: transparent url(//sto-avtolider82.ru/wp-content/themes/admiral/img/bg/stripes-dark.png)
}
.site-footer_bottom p {
text-align: center;
padding-bottom: 0;
position: relative;
z-index: 2
}
body .fancybox-close-small{
line-height: 1;
height: 48px;
width: 48px;
font-size: 24px;
text-align: center;
color: #000;
background: rgba(255,255,255,.75);
border-radius: 50%;
transition: all ease 250ms;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
right: -23px;
top: -25px;
}
body .fancybox-close-small svg{
display: none;
}
body .fancybox-close-small:before{
content: "✕";
display: block;
line-height: 1;
}
body .fancybox-close-small:hover{
background-color: #ff9140;
color: #fff;
transform: rotate(180deg);
transition: all ease 250ms;
}
body .fancybox-slide{
padding-left: 26px;
padding-right: 26px;
}
.figure-inner{
overflow: hidden;
}