.site-header {
z-index: 10;
position: relative;
left: 0;
top: 0;
width: 100%;
background: 0 0
}
.site-header_top {
position: relative;
z-index: 3;
background: #384553;
color: #fff;
line-height: 45px
}
.site-header_top:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: transparent url(//otel77.ru/wp-content/themes/admiral/img/bg/stripes.png)
}
.site-header_contacts {
float: left
}
.site-header_address {
display: inline-block;
vertical-align: middle;
padding: 0;
padding-right: 32px;
position: relative;
font-size: 15px;
font-weight: 300
}
.site-header_address span {
display: inline-block;
vertical-align: middle;
font-size: 24px;
margin-right: 10px
}
.site-header_phone {
display: inline-block;
vertical-align: middle;
padding-right: 32px;
font-size: 16px;
font-weight: 300;
font-family: lato;
color: #fff;
text-decoration: none
}
.site-header_phone span {
display: inline-block;
vertical-align: middle;
font-size: 24px;
margin-right: 10px
}
.site-header_phone:hover {
text-decoration: underline
}
.site-header_book {
display: inline-block;
vertical-align: middle
}
.site-header_lang {
float: right
}
.lang-menu {
}
.lang-menu li {
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 15px;
color: #fff
}
.lang-menu li:hover {
text-decoration: underline
}
.lang-menu li.wpml-ls-current-language {
color: rgba(255, 255, 255, .5);
pointer-events: none;
text-decoration: none
}
.lang-menu li a {
display: block;
color: inherit;
padding: 0 .5em
}
.site-logo {
display: block;
padding: 8px 0
}
.site-logo img {
display: block;
margin: 0 auto;
max-width: 100%
}
.site-header_nav {
position: relative;
z-index: 20
}
.site-header_nav .la-section{
display: flex;
align-items: center;
justify-content: space-between;
}
.site-header_nav .la-section:after, .site-header_nav .la-section:before{
display: none;
}
.site-navigation {
float: right
}
.site-navigation nav {
padding: 24px 0;
transition: all ease 200ms
}
.site-navigation ul li {
display: inline-block;
position: relative
}
.site-navigation ul li a {
display: block;
position: relative;
padding: 0 1.5pc;
font: 900 12px/48px 'Lato';
letter-spacing: .03em;
text-transform: uppercase;
color: inherit;
transition: all ease 150ms
}
.site-navigation ul li:hover > a, .site-navigation ul li.current-menu-item > a {
color: #fd7919;
transition: all ease 150ms
}
.sticked .site-navigation ul li a {
padding: 0 2em;
letter-spacing: 0;
font: 900 12px/52px 'Lato';
transition: all ease 200ms, background-color ease 450ms
}
.site-navigation ul li:before {
content: '';
display: block;
position: absolute;
z-index: 0;
left: 1.5pc;
right: 1.5pc;
bottom: 18px;
height: 3px;
background: transparent;
transition: all ease 150ms
}
.site-navigation ul li:hover:before, .site-navigation ul li.current-menu-item:before {
background: rgba(253, 121, 25, .8);
bottom: 6px;
transition: all ease 150ms
}
.menu-item-has-children > a {
}
.menu-item-has-children > a:after {
content: '';
position: absolute;
right: 14px;
top: 50%;
margin-top: -2px;
width: 3px;
height: 3px;
border-radius: 50%;
background: currentColor;
box-shadow: 0 5px 0 0 currentColor, 0 -5px 0 0 currentColor;
transition: all ease 250ms
}
.site-navigation ul ul {
position: absolute;
padding: 0;
background: #fff;
left: -100vw;
margin-top: 11px;
opacity: 0;
box-shadow: 0 10px 50px 0 rgba(91, 57, 58, .2);
transition: opacity ease 300ms 0ms, margin-top ease 200ms 0ms, left ease 0ms 300ms
}
.site-navigation li:hover ul {
left: 0;
margin-top: 1px;
opacity: 1;
transition: opacity ease 200ms, margin-top ease 200ms
}
.site-navigation ul ul li {
white-space: nowrap;
float: none;
display: block;
margin: 0;
min-width: 170px
}
.site-navigation ul ul li a {
margin: 0;
line-height: 48px;
text-transform: none;
font-size: 13px;
border: none;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.site-navigation ul ul li:first-child a {
border: none
}
.site-navigation ul ul li:before {
content: none
}
.site-navigation ul ul li a:hover {
color: #fd7919
}
.site-navigation-button {
display: none;
float: right;
text-align: center;
padding: 0 15px;
height: 60px;
line-height: 60px;
cursor: pointer;
background-color: rgba(255, 255, 255, .5);
transition: all ease 250ms
}
.site-navigation-button:hover {
background-color: rgba(255, 255, 255, .25);
transition: all ease 250ms
}
.site-navigation-button:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 30px;
height: 5px;
background: #545a6a;
box-shadow: 0 8px 0 0 #545a6a, 0 -8px 0 0 #545a6a
}
.face {
position: relative;
z-index: 2;
height: 420px;
overflow: hidden;
background: #46b7df
}
.face_text {
position: absolute;
z-index: 3;
width: 100%;
top: 50%;
margin-top: -21px;
font-size: 36px;
line-height: 1;
text-align: center;
color: #fff;
text-shadow: 5px 5px 0 rgba(0, 0, 0, .1)
}
.face_text span span{
font-weight: 900;
}
.face_text a {
color: #ff9140
}
.face_text a:hover {
text-decoration: underline
}
.face_text a + span {
font-weight: 400
}
.face_pattern {
background: rgba(0, 0, 0, .21) url(//otel77.ru/wp-content/themes/admiral/img/bg/stripes.png);
z-index: 2
}
.face_img {
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% auto;
opacity: .9
}
.slider {
background: #46b7df;
overflow: hidden
}
.slider_items {
}
.slider_item {
position: relative;
z-index: 2;
height: 650px;
background-color: transparent;
background-position: top center;
background-repeat: no-repeat;
background-size: cover
}
.slider_item:after {
content: '';
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent url(//otel77.ru/wp-content/themes/admiral/img/bg/stripes-grey.png)
}
.slider_text {
position: absolute;
z-index: 3;
top: 125px;
left: 50%;
margin-left: -640px;
width: 1280px;
color: #fff;
text-align: center
}
.slider_heading {
font-size: 48px;
font-weight: 900;
line-height: 1;
padding-bottom: 24px;
text-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
display: block
}
.slider_paragraph {
font-size: 24px;
font-weight: 500;
line-height: 1;
padding-bottom: 28px;
display: block
}
.slider_button {
}
.slider_button:hover {
}
.slider_img {
}
.slider_controls {
position: relative;
width: 1320px;
max-width: 100%;
margin: 0 auto
}
.slider_arrows {
position: absolute;
right: 0;
bottom: -8px;
z-index: 10
}
.slider_arrows button {
position: absolute;
display: block;
width: 48px;
height: 48px;
background: 0 0
}
.slider_prev {
right: 40px;
bottom: 12px
}
.slider_next {
right: 3px;
bottom: 49px
}
.slider_arrows button:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: rotate(45deg);
background: #fff;
border: 2px solid #fff
}
.slider_arrows button:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-top: -3px;
margin-left: -9px;
width: 12px;
height: 12px;
box-shadow: 1px -1px 0 0 #252525
}
.slider_arrows .slider_prev:after {
box-shadow: -1px 1px 0 0 #252525;
margin-top: -9px;
margin-left: -3px
}
.slider_arrows button:hover:before {
background: #cbb53d
}
.slider_dots {
position: absolute;
z-index: 10;
bottom: 130px;
width: 100%;
text-align: center
}
.slider_dot {
display: inline-block;
text-indent: -150%;
overflow: hidden;
cursor: pointer;
width: 24px;
height: 24px;
background: #fff;
margin: 0 1px;
border-radius: 50%;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15)
}
.slider_dot:hover {
background: #fd7919
}
.slider_dot.tns-nav-active {
background: #fd7919
}
.home-numbers {
position: relative;
margin-top: -120px;
z-index: 3;
width: 100%
}
.home-numbers_section {
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);
padding: 15px;
border-radius: 4px
}
.home-numbers_items {
position: relative;
padding: 2pc 1.5pc
}
.home-numbers_items:before, .home-numbers_items:after {
content: '';
background: transparent url(//otel77.ru/wp-content/themes/admiral/img/bg/stripes.png);
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.home-numbers_item {
position: relative;
z-index: 3;
padding: 0 1pc
}
.home-numbers_item p {
color: #fff;
padding-bottom: 0
}
.home-numbers_number {
float: left;
font-size: 80px;
font-family: lato;
font-weight: 500;
letter-spacing: -.05em;
line-height: 64px;
height: 100px;
padding-right: 1pc
}
.home-numbers_heading {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1em;
padding-bottom: 1em
}
.home-numbers_text {
display: block;
font-size: 15px;
line-height: 20px;
position: relative;
left: 12px
}
.section-title:last-child{
margin-bottom: 30px;
}