File: /var/www/likoholding/liko-holding.com.ua/wp-content/themes/likoholding/style.css
* {
margin: 0;
padding: 0;
vertical-align: top;
}
input, textarea, button {outline:none; color: inherit; -webkit-appearance: none; background: none; border: none;}
input:active, textarea:active, button:active {outline:none;}
:focus {outline:none;}
a, a:hover, a:visited, a:active {
border:none;
border-style:none;
outline:none!important;
text-decoration: none;
cursor: pointer;
}
a {color: inherit;}
div {display: block;}
h1,h2,h3,h4 {font-weight: normal; font-size: inherit}
a img {border: 0px; }
ul {list-style: none;}
.clear {clear: both}
.clearfix:after {
content: '';
display: block;
clear: both;
}
.vfix {height: 100%;width: 0px;display: inline-block;vertical-align: middle;}
.vfix + img {height: auto!important; width: auto!important; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block!important;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent!important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent!important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent!important; }
video { display: block; }
img {
max-width: 100%;
height: auto;
}
s {
text-decoration: line-through;
}
html {
font-size: 16px;
}
body {
font-family: 'PT Sans', sans-serif;
font-size: 14px;
color: #c2c2c2;
position: absolute;
min-height: 100%;
width: 100%;
/*background-color: #08180b;*/
background-color: #244D2C;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
@font-face {
font-family:'Gotham Pro';
src:url('fonts/gothapro.eot');
src:url('fonts/gothapro.eot?#iefix') format('embedded-opentype'),
url('fonts/gothapro.woff') format('woff'),
url('fonts/gothapro.ttf') format('truetype'),
url('fonts/gothapro.svg#gothapro') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Gotham Pro';
src:url('fonts/gothaprolig.eot');
src:url('fonts/gothaprolig.eot?#iefix') format('embedded-opentype'),
url('fonts/gothaprolig.woff') format('woff'),
url('fonts/gothaprolig.ttf') format('truetype'),
url('fonts/gothaprolig.svg#gothaprolig') format('svg');
font-weight:300;
font-style:normal;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #d6b00c;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
.popups_overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,.45);
z-index: 99998;
display: none;
overflow-y: scroll;
}
.popup {
/* width: 615px; */
height: 270px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -180px;
background: #d3cdbe;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px;
z-index: 99999;
display: none;
margin-top: -200px;
}
.popup.roomfull {
width: 900px;
height: 650px;
position: fixed;
margin-left: -450px;
margin-top: -330px;
}
.popup.callback {
min-height: 270px;
height: auto;
}
.popup .close_popup {
width: 24px;
height: 24px;
position: absolute;
top: 20px;
right: 20px;
background: url('img/sprite.png') -162px -32px;
opacity: .6;
z-index: 2;
cursor: pointer;
}
.popup .close_popup:hover {
opacity: 1;
}
.popup .pop_title {
font-family:'Gotham Pro';
font-size: 25px;
color: #58595b;
text-align: center;
}
.popup .file_row{
display: table;
margin: 55px auto 65px;
}
.popup .wpcf7-validation-errors{
margin: 0 0 10px;
color: #58595b;
}
.popup .wpcf7-not-valid-tip{
position: relative;
top: -10px;
}
.popup .callback_row{
display: table;
margin: 20px auto 0;
width: 329px;
}
.popup input[type="text"],
.popup input[type="tel"] {
height: 35px;
width: 327px;
border: 1px solid #58595b;
border-right: 0;
text-indent: 15px;
color: #58595b;
font-size: 16px;
float: left;
}
.popup .callback_row input[type="text"],
.popup .callback_row input[type="tel"] {
border-right: 1px solid #58595b;
margin-bottom: 15px;
float: none;
}
.popup .callback_row span {
font-family: 'Gotham Pro';
font-size: 12px;
color: #58595b;
}
.popup input[type="submit"] {
height: 37px;
width: 125px;
background: #58595b;
color: #d3cdbe;
text-align: center;
font-size: 14px;
float: left;
}
.popup .callback_row input[type="submit"] {
height: 28px;
border-radius: 14px;
font-size: 14px;
line-height: 27px;
position: relative;
cursor: pointer;
color: #58595b;
box-shadow: inset 0 0 0 1px #58595b;
padding: 0 23px;
display: table;
margin: 8px auto 0;
background: none;
width: auto;
float: none;
text-transform: uppercase;
}
.popup .buttonYB.file {
color: #58595b;
box-shadow: inset 0 0 0 1px #58595b;
padding: 0 23px;
display: table;
margin: 0 auto;
}
.popup .buttonYB.file:hover,
.popup .callback_row input[type="submit"]:hover {
box-shadow: inset 0 0 0 2px #58595b;
}
.popup.roomfull .roomfull_title {
font-family:'Gotham Pro';
font-size: 23px;
color: #58595b;
text-align: center;
/*height: 20px;*/
overflow: hidden;
display: inline-block;
display: none;
}
.popup.roomfull .roomfull_address {
font-family:'Gotham Pro';
font-size: 18px;
color: #58595b;
text-align: center;
/*height: 20px;*/
overflow: hidden;
display: inline-block;
line-height: 28px;
margin-left: 10px;
display: none;
}
.popup.roomfull .roomfull_image{ height: 535px;
text-align: center;
font-size: 0;
margin: 30px 20px 17px;
}
.popup.roomfull .popupbutton{
position: relative;
right: 0;
margin: 0 auto;
color: #58595b;
box-shadow: inset 0 0 0 1px #58595b;
}
.popup.roomfull .popupbutton:hover{
box-shadow: inset 0 0 0 2px #58595b;
}
.popup.roomfull .popupbutton:before {
background: url('img/sprite.png') -191px -32px no-repeat;
}
.popup.roomfull .roomfull_moreinfo {
font-weight: bold;
font-size: 18px;
position: absolute;
top: 160px;
right: 44px;
color: #58595b;
text-align: right;
width: 150px;
height: 185px;
overflow: hidden;
display: none;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper:before {
display: none;
content: '';
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url('img/homeBg.jpg');
background-position: 50%;
background-size: cover;
z-index: -1;
}
.main_content{
max-width:1200px;
margin:0 auto;
position: relative;
padding-bottom: 30px;
}
/* header */
.hover_inner{
display: none;
}
.hover_wrap:hover .hover_inner{
display: table-cell;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
background: rgba(0,0,0,.5);
color: #ffc907;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.hover_wrap{
width: 100%;
height: 200px;
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px;
}
.header {
padding-top: 30px;
}
.header .main_content{
}
/* logo */
.logo {
left: 0;
bottom: 1px;
}
/* nav */
.header_phone .phone span{
color: #fff;
}
.header-buttons{
display: inline-block;
float: right;
}
.language-div{
float: right;
}
.language-div li.lang-item{
width: 50px;
display: block;
padding: 3px 0px 0px 10px;
}
.navbar{
position: absolute;
bottom: 0;
left: 0;
}
.nav .show{
display: block;
opacity: 1;
transition: 0.4s;
}
.nav > ul{
display: table;
padding-left: 10px;
padding-right: 10px;
}
.nav > ul > li{
float: left;
margin-right: 40px;
font-size: 14px;
line-height: 14px;
}
.nav > ul > li:last-child{
margin-right: 0;
}
.nav > ul > li > a{
color: #f6c944;
text-transform: uppercase;
word-spacing: 3px;
-webkit-transition: .2s;
transition: .2s;
padding-bottom: 2px;
}
.nav > ul > li.current-menu-item > a{
border-bottom: 2px solid;
color: #f6c944!important;
}
.nav > ul > li > a:hover{
color: #fff;
}
/* sidebar */
.sidebar {
}
.main_section{
display: flex;
position: relative;
min-height: 580px;
align-items: center;
}
.h1home{
font-weight: 400;
color: #f6c944;
font-size: 25px;
margin: 10px 0px 40px 0px;
}
.content-home{
padding: 20px 20px;
background-color: rgba(16,35,17,0.7);
}
/* footer */
.footer {
margin-top: 30px;
}
.footer .main_content{
position: relative;
height: 74px;
}
.footer .search{
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -13px;
width: 216px;
height: 25px;
border-bottom: 1px solid #796d13;
}
.footer .search .search-input{
font-size: 14px;
height: 24px;
line-height: 24px;
width: 192px;
color: #fff;
}
.footer .search .search-input::-webkit-input-placeholder { color: #ffc907; }
.footer .search .search-input:-moz-placeholder { color: #ffc907; }
.footer .search .search-input::-moz-placeholder { color: #ffc907; }
.footer .search .search-submit{
display: block;
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 24px;
font-size: 0;
line-height: 24px;
text-align: center;
color: #d0af13;
}
.footer .search .search-submit:after{
display: block;
content: "";
width: 17px;
height: 24px;
position: absolute;
top: 0;
right: 0;
background: url('img/sprite.png') -19px 5px no-repeat;
}
.footer .search .search-submit:hover:after{
background: url('img/sprite.png') -45px 5px no-repeat;
}
.footer .social_links{
}
.footer .social_links i{
line-height: 34px;
font-size: 16px;
}
.footer .social_links div > a.faincon {
float: left;
height: 34px;
width: 34px;
margin-right: 16px;
border-radius: 50%;
box-shadow: inset 0 0 0 2px #ffc907;
text-align: center;
line-height: 34px;
transition: .2s;
}
.footer .social_links > a:hover{
color: #ffc907;
background: rgba(68, 74, 28, 0.8);
}
a.buttonYB,
.buttonYB {
height: 28px;
box-shadow: inset 0 0 0 1px #b89b13;
border-radius: 14px;
font-size: 14px;
color: #ffc907;
line-height: 27px;
position: relative;
cursor: pointer;
display: table;
}
a.buttonYB.padding,
.buttonYB.padding {
padding: 0 23px;
}
a.buttonYB:hover,
.buttonYB:hover {
box-shadow: inset 0 0 0 2px #b89b13;
}
.header_callback {
margin-right: 40px;
padding: 0 14px 0 40px;
display: inline-block;
top: 0;
}
.header_callback:before {
content: '';
display: block;
width: 10px;
height: 14px;
position: absolute;
top: 50%;
margin-top: -7.5px;
left: 21px;
background: url('img/sprite.png') 0 0 no-repeat;
}
.blank_link {
display: inline-block;
top: 0;
right: 0;
text-transform: uppercase;
font-size: 90%;
line-height: 28px;
}
.blank_link:before {
content: '';
display: block;
width: 19px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
left: -28px;
background: url('img/sprite.png') -95px -3px no-repeat;
}
.header_info {
position: relative;
top: 0;
right: 0;
}
.header_phone {
display: inline-block;
top: 0;
left: 0;
color: #ffc907;
}
.header_phone .title{
font-size: 13px;
text-indent: 14px;
}
.header_phone .phone{
font-size: 22px;
font-family: 'Gotham Pro', sans-serif;
font-weight: 300;
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: -0.5px;
}
.contacts_index {
margin-top: 35px;
height: 135px;
position: relative;
}
.contacts_index .contacts_textblock{
max-width: 600px;
}
.contacts_index .contacts_title{
font-size: 25px;
font-family: 'Gotham Pro', sans-serif;
font-weight: 300;
margin-bottom: 10px;
color: #ffc907;
}
.contacts_index .contacts_text{
height: 75px
}
.contacts_index .contacts_image{
position: absolute;
top: 2px;
right: 0;
max-height: 135px;
}
@media (max-width: 575.98px) {
.contacts_index{
text-align: center;
}
.contacts_image{
position: relative !important;
}
}
.contacts_index .contacts_link{
margin-top: 8px;
}
.contacts_index .contacts_link a{
font-size: 13px;
color: #ffc907;
text-decoration: underline;
}
.contacts_index .contacts_link a:hover{
text-decoration: none;
}
.projects_main {
position: relative;
min-height: 600px;
}
.valigned_main {
opacity: 1;
}
.valigned_main.dark {
background-color: rgba(16,35,17,0.7);
}
.projectsMain_slider {
height: 385px;
margin: 0 -6px;
position: relative;
z-index: 1;
font-size: 0;
text-align: center;
}
.projectsMain_slider.less {
margin: 0;
}
.projectsMain_slider.less .slide {
display: inline-block;
margin-right: 26px;
vertical-align: top;
}
.projectsMain_slider.less .slide:last-child{
margin-right: 0;
}
.projectsMain_slider article{
max-width: 280px;
margin: 0 auto;
text-align: left;
}
.projectsMain_slider .post_image{
height: 200px;
background-size: cover;
background-position: 50%;
text-align: center;
font-size: 0;
}
.projectsMain_slider .post_image .hover_wrap{
width: 100%;
height: 200px;
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px;
display: none;
}
.projectsMain_slider .post_image:hover .hover_wrap{
display: table;
}
.projectsMain_slider .post_image .hover_inner{
display: table-cell;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
background: rgba(0,0,0,.5);
color: #ffc907;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.projectsMain_slider .post_text{
padding-top: 30px;
height: 110px;
position: relative;
}
.projectsMain_slider h2{
font-size: 16px;
font-weight: bold;
color: #f6c63b;
margin-bottom: 10px;
text-transform: uppercase;
}
.projectsMain_slider .short_info{
font-size: 13px;
position: relative;
}
.projectsMain_slider .buttonYB{
width: 100px;
height: 28px;
text-align: center;
position: absolute;
top: -14px;
left: 50%;
margin-left: -50px;
background: rgba(0,0,0,.6);
line-height: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.projectsMain_slider .post_imageLink:hover + .post_text .buttonYB{
box-shadow: inset 0 0 0 2px #b89b13;
}
.projectsMain_slider .owl-dots{
font-size: 0;
position: absolute;
bottom: 25px;
text-align: center;
width: 100%;
}
.projectsMain_slider .owl-dot{
width: 10px;
height: 10px;
margin: 0 8px;
border-radius: 50%;
box-shadow: 0 0 0 1px #b5b5b4;
display: inline-block;
}
.projectsMain_slider .owl-dot.active{
box-shadow: none;
background: #ffc907;
}
.projectsMain_slider .bx-wrapper .bx-controls-direction a,
.projectsMain_slider .owl-nav > div {
position: absolute;
top: 50%;
outline: 0;
font-size: 0;
z-index: 20;
width: 34px;
height: 65px;
margin-top: -90px;
}
.projectsMain_slider .bx-wrapper .bx-prev,
.projectsMain_slider .owl-nav .owl-prev {
left: -50px;
background: url('img/sprite.png') 0px -25px no-repeat;
}
.projectsMain_slider .bx-wrapper .bx-prev:hover,
.projectsMain_slider .owl-nav .owl-prev:hover {
background: url('img/sprite.png') -76px -25px no-repeat;
}
.projectsMain_slider .bx-wrapper .bx-next,
.projectsMain_slider .owl-nav .owl-next {
right: -50px;
background: url('img/sprite.png') -37px -25px no-repeat;
}
.projectsMain_slider .bx-wrapper .bx-next:hover,
.projectsMain_slider .owl-nav .owl-next:hover {
background: url('img/sprite.png') -113px -25px no-repeat;
}
.innerpage_title {
font-family: 'Gotham Pro';
font-size: 25px;
line-height: 25px;
height: 25px;
text-overflow: ellipsis;
color: #ffc907;
margin-bottom: 20px;
}
.innerpage_content {
height: 490px;
}
.innerpage_content .left_side{
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: rgba(222, 208, 209, 0.77);
padding: 25px 40px 24px 150px;
position: relative;
}
.innerpage_content .right_side{
padding: 0px;
height: 100%;
position: relative;
}
.back_link {
height: 28px;
box-shadow: inset 0 0 0 1px #9E9E9E;
border-radius: 14px;
font-size: 13px;
letter-spacing: 0.2px;
font-weight: bold;
color: #9E9E9E;
text-transform: uppercase;
line-height: 28px;
cursor: pointer;
display: table;
padding: 0 17px 0 14px;
position: absolute;
top: 20px;
left: 25px;
}
.back_link:hover {
opacity: 0.8;
}
.back_link span{
font-weight: normal;
font-size: 15px;
margin-right: 3px;
position: relative;
top: -1.5px;
}
.stream{
height: 28px;
font-size: 12px;
font-weight: bold;
color: #565655;
text-transform: uppercase;
line-height: 28px;
display: table;
position: absolute;
top: 60px;
left: 20px;
}
.stream i{
font-size: 40px;
display: block;
padding: 0 20px;
color: #9D2F2F;
line-height: 54px;
}
.stream span{
display: block;
line-height: 16px;
text-align: center;
}
.innerpage_menu{
height: 15px;
padding-bottom: 15px;
display: block;
margin-bottom: 35px;
}
/*#menu-departament-prodazhu.innerpage_menu li{
margin-right: 60px;
}
#menu-pres-tsentr.innerpage_menu li{
margin-right: 65px;
}*/
.innerpage_menu li{
float: left;
border-bottom: 1px solid #ebdfdc;
}
.innerpage_menu li:last-child{
margin-right: 0;
}
.innerpage_menu a{
font-size: 13px;
font-weight: bold;
line-height: 15px;
color: #9E9E9E;
text-transform: uppercase;
position: relative;
letter-spacing: .22px;
margin-right: 30px;
}
.innerpage_menu .current-menu-item a,
.innerpage_menu a:hover{
color: #fff;
}
.innerpage_menu .current-menu-item a:after{
content: '';
display: block;
height: 8px;
width: 8px;
border: 2px solid #f7eee7;
border-radius: 50%;
background-color: #b1a9a7;
position: absolute;
bottom: -20.5px;
left: 50%;
margin-left: -6px;
}
.left_side .scrollpan_wrap{
width: 100% !important;
height: 295px;
margin-bottom: 55px;
position: relative;
}
.left_side.singleobject .scrollpan_wrap{
height: 350px;
margin-bottom: 0;
position: relative;
}
.scrollpan_block {
width: 100% !important;
}
.jspContainer{
width: 100% !important;
}
.scrollpan_content{
width: 100% !important;
}
.left_side.singleobject .scrollpan_abs {
width: 100% !important;
height: 350px;
}
.left_side.singleobject .scrollpan_block {
height: 350px;
}
.left_side.singleobject .innerpage_menu a {
color: #5F5F5F;
}
.left_side.singleobject .back_link {
box-shadow: inset 0 0 0 1px #5F5F5F;
color: #5F5F5F;
}
.left_side .scrollpan_abs{
height: 295px;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.left_side .scrollpan_abs.current{
opacity: 1;
z-index: 2;
}
.left_side .scrollpan_block{
height: 295px;
}
.left_side .scrollpan_content{
padding-right: 40px;
font-size: 15px;
color: #000;
line-height: 22px;
}
.left_side .scrollpan_content p{
margin-bottom: 15px;
}
.left_side .contact_info{
position: relative;
}
.left_side .contact_info .site_url{
font-size: 13px;
font-weight: bold;
line-height: 15px;
color: #3a3938;
text-transform: uppercase;
}
.left_side .contact_info .site_url a:hover{
text-decoration: underline;
}
.left_side .contact_info .address{
position: absolute;
top: 0;
right: 30px;
font-size: 14px;
line-height: 15px;
color: #3a3938;
}
.left_side .contact_info .address i{
color: #e7e2e1;
margin-right: 5px;
font-size: 16px;
position: relative;
top: -3px;
}
.right_side .slider_block,
.right_side .slider_block .slide{
height: 490px;
width: 100%;
background-size: cover;
background-position: 50%;
}
.right_side .slider_block .bx-wrapper .bx-prev {
background: url('img/sprite.png') no-repeat 0px -104px;
}
.right_side .slider_block .bx-wrapper .bx-prev:hover {
background: url('img/sprite.png') no-repeat 0px -150px;
}
.right_side .slider_block .bx-wrapper .bx-next {
background: url('img/sprite.png') no-repeat -30px -104px;
}
.right_side .slider_block .bx-wrapper .bx-next:hover {
background: url('img/sprite.png') no-repeat -30px -150px;
}
.right_side .slider_textblock{
z-index: 2;
height: 145px;
line-height: 145px;
position: absolute;
width: 100%;
display: table;
bottom: 0;
left: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px 10px 10px 30px;
background-color: rgba(0,0,0,.4);
}
.right_side .inner_centered {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 17px;
line-height: 21px;
font-family: 'Gotham Pro';
color: #ffc907;
margin: 0 auto;
}
.right_side .inner_centered .useless_block {
font-size: 47px;
line-height: 40px;
font-weight: 300;
padding-right: 15px;
border-right: 1px solid #ffc907;
display: inline-block;
vertical-align: middle;
word-spacing: -5px;
letter-spacing: -2px;
}
.right_side .inner_centered .useless_block strong{
font-size: 21px;
line-height: 25px;
font-weight: 400;
vertical-align: bottom;
letter-spacing: 0;
}
.right_side .inner_centered .useless_block strong sup{
font-size: 14px;
}
.right_side .inner_centered .useless_block_right {
text-align: left;
padding-left: 9px;
display: inline-block;
vertical-align: middle;
font-size: 18px;
}
.right_side .inner_centered .postspercentage {
padding-top: 15px;
font-family: 'PT Sans', sans-serif;
color: #fff;
line-height: 26px;
}
.right_side .inner_centered .postspercentage span{
font-family: 'Gotham Pro';
font-size: 23px;
padding-left: 3px;
}
.right_side .inner_centered .postconditions {
padding-top: 15px;
font-style: italic;
font-family: 'PT Sans', sans-serif;
color: #fff;
line-height: 26px;
}
.right_side .inner_centered .postconditions a {
text-decoration: underline;
}
.right_side .inner_centered .postconditions a:hover {
text-decoration: none;
}
.right_side .inner_centered .postspercentage i,
.right_side .inner_centered .postconditions i {
width: 32px;
margin: 0 10px 0 15px;
font-size: 26px;
text-align: center;
border-right: 1px solid #fff;
padding-right: 20px;
}
video.mainbg_video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto;
background: url(img/homeBg.jpg) no-repeat;
background-size: cover;
opacity: .3;
}
#fancybox-outer #fancybox-close {
background: url('img/sprite.png') -159px 0px no-repeat!important;
top: -5px!important;
right: -35px!important;
}
#fancybox-outer #fancybox-close:hover {
background: url('img/sprite.png') -189px 0px no-repeat!important;
}
#fancybox-outer #fancybox-right-ico {
background: url('img/sprite.png') -219px 0px no-repeat!important;
}
#fancybox-outer #fancybox-left-ico {
background: url('img/sprite.png') -249px 0px no-repeat!important;
}
.scrollpan_content .slide{
float: left;
width: 210px;
height: 130px;
margin: 0 80px 15px 0;
overflow: hidden;
position: relative;
padding-top: 25px;
}
.scrollpan_content .slide:nth-child(2n){
margin-right: 0;
}
.scrollpan_content .slide a{
display: block;
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
}
.scrollpan_content .slide a *{
display: none;
}
.scrollpan_content .slide .gallery-caption{
position: absolute;
top: 0;
left: 0;
font-size: 13px;
color: #565655;
}
.post_newsblock {
float: left;
width: 230px;
margin: 0 50px 25px 0;
}
.post_newsblock:nth-child(2n){
margin-right: 0;
}
.post_newsblock .newsblock_date{
font-size: 13px;
color: #fff;
margin-bottom: 5px;
}
.post_newsblock .newsblock_title{
font-family:'Gotham Pro';
font-size: 17px;
line-height: 18px;
height: 36px;
overflow: hidden;
letter-spacing: -0.3px;
margin-bottom: 10px;
color: #000;
}
.post_newsblock .newsblock_title a{
text-decoration: underline;
}
.post_newsblock .newsblock_title a:hover{
text-decoration: none;
}
.post_newsblock .newsblock_content{
font-size: 14px;
line-height: 16px;
height: 65px;
overflow: hidden;
color: #000;
margin-bottom: 10px;
}
.post_newsblock .newsblock_permalink{
font-size: 14px;
line-height: 14px;
color: #565655;
display: table;
text-decoration: underline;
}
.post_newsblock .newsblock_permalink:hover{
text-decoration: none;
}
.valigned_main.dark .toprow{
position: relative;
padding-top: 30px;
text-align: right;
}
.valigned_main.dark .innerpage_menu{
display: inline-block;
padding-bottom: 20px;
}
.valigned_main.dark .innerpage_menu .current-menu-item a:after {
bottom: -9.5px;
background-color: #000;
}
.valigned_main.dark .back_link{
top: 25px;
}
.valigned_main.dark .dark_content {
height: 360px;
margin-bottom: 40px;
}
.dark_left{
overflow: auto;
}
.scrollpan_block{
overflow: auto;
}
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button { background-color: #666; }
::-webkit-scrollbar-track { background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}
.valigned_main.dark .gallery .dark_left {
float: left;
width: 100%;
height: 100%;
}
.valigned_main.dark .gallery .dark_left.gallery {
position: relative;
}
.valigned_main.dark .gallery .dark_right {
float: left;
width: 300px;
height: 100%;
margin-left: 0;
}
.valigned_main.dark .dark_left {
float: left;
width: 700px;
height: 100%;
}
.valigned_main.dark .dark_right {
float: left;
width: 425px;
height: 100%;
}
.valigned_main.dark .scrollpan_block {
width: 100% !important;
}
.valigned_main.dark.gallery_container .scrollpan_block {
/* height: 400px;
margin-top: -50px; */
}
.valigned_main.dark .scrollpan_content {
padding-right: 40px;
}
.valigned_main.dark.gallery_container .scrollpan_content {
padding-right: 0px;
}
.valigned_main.dark .scrollpan_content.roomsscroll {
padding-right: 10px;
}
.text {
line-height: 18px;
}
.text p,.text ul,.text h3,.text h4,.text h5,.text p {
margin-bottom: 15px;
}
.text h3,.text h4,.text h5 {
color: #fff;
font-size: 14px;
font-weight: bold;
}
.text ul,.text li {
list-style: none;
}
.text li {
padding-left: 18px;
position: relative;
}
.text li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 7px;
height: 4px;
width: 4px;
border-radius: 50%;
background-color: #ffc907;
}
.valigned_main.dark .side_imageblock .dark_left {
width: 740px;
}
.valigned_main.dark .side_imageblock .dark_right {
text-align: right;
width: 370px;
}
.valigned_main.dark .dark_right .side_photo{
background-image: url( http://liko.dbase.top/wp-content/uploads/2016/01/likomedlogo.png );
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: inline-block;
}
.valigned_main.dark .scrollpan_content.clearfix{
font-size: 0;
}
.valigned_main.dark .team_block{
width: 165px;
vertical-align: top;
display: inline-block;
font-size: 14px;
margin: 10px 30px 20px 0;
}
.valigned_main.dark .team_block:nth-child(6n){
margin-right: 0;
}
.valigned_main.dark .team_image{
width: 114px;
height: 136px;
margin-bottom: 20px;
background-position: 50%;
background-size: cover;
}
.valigned_main.dark .team_name{
font-weight: bold;
line-height: 18px;
margin-bottom: 10px;
}
.valigned_main.dark .team_post{
line-height: 15px;
}
.valigned_main.dark .full .scrollpan_block {
height: 374px;
}
.valigned_main.dark .vacancy {
margin-top: 40px;
}
.valigned_main.dark .vacancy .novacancy{
font-family: 'Gotham Pro';
font-size: 16px;
color: #ffc907;
}
.valigned_main.dark .datehref_row{
padding-left: 70px;
position: relative;
margin-bottom: 20px;
}
.valigned_main.dark .datehref_row i{
font-family:'Gotham Pro';
font-size: 17px;
color: #ffc907;
display: inline-block;
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
font-style: normal;
}
.valigned_main.dark .datehref_row a{
font-size: 18px;
text-decoration: underline;
}
.valigned_main.dark .datehref_row a:hover{
text-decoration: none;
}
.valigned_main.dark .vacancypop {
margin-top: 30px;
padding: 0 50px 0 25px;
}
.valigned_main.dark .vacancypop:before {
content: '';
display: block;
width: 16px;
height: 14px;
position: absolute;
top: 50%;
margin-top: -7px;
right: 18px;
background: url('img/sprite.png') -71px 0 no-repeat;
}
.valigned_main.dark .card_image {
margin: 0 25px 25px 0;
float: left;
}
.valigned_main.dark .scrollpan_content .slide {
width: 121px;
vertical-align: top;
display: inline-block;
font-size: 14px;
margin: 10px 70px 40px 0;
float: none;
position: relative;
overflow: visible;
}
.valigned_main.dark .scrollpan_content .slide img{
display: none;
}
.valigned_main.dark .scrollpan_content .slide a{
top: 0;
left: 0;
}
.page-id-85 .valigned_main.dark .scrollpan_content .slide a:after{
content: '';
width: 45px;
height: 70px;
position: absolute;
right: -3px;
bottom: -20px;
background: url('img/sprite.png') -252px -41px no-repeat;
}
.page-id-85 .valigned_main.dark .slide .gallery-caption {
margin-top: 15px;
}
.valigned_main.dark .slide .gallery-caption {
top: 100%;
margin-top: 5px;
font-size: 14px;
font-weight: bold;
width: 100%;
color: #d3cdbe;
}
.contacts_left {
float: left;
width: 320px;
line-height: 21px;
text-align: left;
}
.contacts_content {
color: #d3cdbe;
}
.contacts_content h3,
.contacts_left h3{
font-family: 'Gotham Pro';
font-size: 18px;
line-height: 22px;
color: #ffc907;
margin-bottom: 10px;
}
.contacts_left .header_callback {
position: relative;
margin: 12px 0 21px;
left: 0;
}
.contacts_left .map_link {
font-family: 'Gotham Pro';
font-size: 18px;
color: #ffc907;
padding-left: 40px;
position: relative;
display: table;
margin-top: 25px;
}
.contacts_left .map_link span{
border-bottom: 1px solid #7a6005;
}
.contacts_left .map_link span:hover{
cursor: pointer;
border-bottom: none;
}
.contacts_left .map_link i{
width: 17px;
height: 24px;
position: absolute;
background: url('img/sprite.png') -73px -107px no-repeat;
top: 2px;
left: 2px;
}
.contacts_right {
float: left;
width: 880px;
position: relative;
margin-top: -45px;
}
.valigned_main.dark .contacts_right .scrollpan_block {
height: 360px;
}
.contacts_right .contact_form{
padding-left: 35px;
}
.contacts_right .contact_textblock{
padding-left: 35px;
padding-bottom: 20px;
}
.contacts_right .contact_textblock .cols{
margin: 0 -18px;
}
.contacts_right .contact_textblock .col{
float: left;
width: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 18px;
}
.contacts_right .contact_textblock strong,
.contacts_right .contact_textblock a:hover{
color: #ffc907;
}
.form_col_wrap {
margin: 10px -18px 30px;
}
.form_col {
float: left;
width: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 18px;
}
.form_col br{
display: none;
}
.form_col i{
display: table;
font-size: 13px;
line-height: 24px;
font-style: normal;
}
.form_col i.important:after{
content: ' *';
color: #ffc907;
font-size: 20px;
line-height: 13px;
}
.form_col input,
.form_col textarea {
border: 1px solid #d3cdbe;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
resize: none;
padding: 10px;
}
.form_col input {
height: 42px;
}
.form_col textarea {
height: 190px;
}
.form_col .form_row {
margin-bottom: 8px;
}
.contact_form .form_submit input {
height: 28px;
box-shadow: inset 0 0 0 1px #b89b13;
border-radius: 14px;
font-size: 14px;
color: #ffc907;
line-height: 27px;
position: relative;
cursor: pointer;
display: table;
padding: 0 23px;
}
.contact_form .form_submit input:hover {
box-shadow: inset 0 0 0 2px #b89b13;
}
.contacts_map_toprow {
position: absolute;
top: -32px;
height: 28px;
font-size: 16px;
line-height: 28px;
width: 100%;
opacity: 0;
}
.contacts_map_toprow .buttonYB{
position: absolute;
top: 0;
right: 0;
padding-left: 35px!important;
}
.contacts_map_toprow .buttonYB i {
width: 17px;
height: 24px;
position: absolute;
background: url('img/sprite.png') -73px -107px no-repeat;
top: 50%;
margin-top: -12.5px;
left: 12px;
transform: scale(0.65);
}
.rooms_select_row {
padding-top: 20px;
margin-bottom: 8px;
}
.rooms_select_row .select_block{
float: left;
margin-right: 50px;
position: relative;
}
.rooms_select_row .select_block span{
display: block;
left: 0;
top: -30px;
color: #d3cdbe;
font-size: 14px;
}
.rooms_select_row .select_block select{
height: 32px;
border: none;
background: none;
padding: 0 10px;
box-shadow: inset 0 0 0 1px #d3cdbe;
color: #d3cdbe;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(img/select_arrow.png) 100% 50% no-repeat;
cursor: pointer;
}
.rooms_select_row .select_block.jk select{
width: 212px;
}
.rooms_select_row .select_block.room select{
width: 155px;
}
.rooms_select_row .select_block select option{
background: #fff;
color: #000;
}
.rooms_select_row .select_block select:hover,
.rooms_select_row .select_block select:focus{
box-shadow: inset 0 0 0 1px #b89b13;
}
.rooms_select_row a{
display: table;
height: 32px;
text-align: center;
width: 143px;
font-size: 14px;
color: #ffc907;
box-shadow: inset 0 0 0 3px #ffc907;
line-height: 31px;
}
.rooms_select_row a:hover{
box-shadow: inset 0 0 0 3px #b89b13;
}
.room_block {
float: left;
width: 220px;
}
.room_block:nth-child(3n) {
margin-right: 0;
}
.room_block .image_block {
font-size: 0;
height: 200px;
width: 180px;
}
.room_block .image_block img{
vertical-align: bottom;
display: inline-block;
max-height: 115px;
max-width: 160px;
height: auto;
width: auto;
}
.room_block .infotext{
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px 0;
}
.footer_link {
font-family: 'Gotham Pro';
font-size: 22px;
line-height: 23px;
color: #ffc907;
margin-right: 20px;
border-bottom: 2px solid;
}
.footer_link.gallery {
left: 199px;
}
.footer_link:hover {
border-bottom: 2px solid transparent;
}
.valigned_main.dark .scrollpan_content .galleryid-230 .slide {
width: 210px;
vertical-align: top;
display: inline-block;
font-size: 14px;
margin: 0px 30px 50px 0;
float: none;
position: relative;
overflow: visible;
background: none!important;
padding: 0;
height: auto;
}
.valigned_main.dark .scrollpan_content .galleryid-230 .slide:after {
content: '';
display: block;
position: absolute;
width: 21px;
height: 21px;
background: url('img/sprite.png') -162px -62px;
right: 35px;
top: 0;
}
.valigned_main.dark .scrollpan_content .galleryid-230 .slide a {
display: block;
position: static;
width: 130px;
height: 185px;
line-height: 185px;
font-size: 0;
}
.valigned_main.dark .scrollpan_content .galleryid-230 .slide a img{
display: inline-block;
vertical-align: bottom;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
}
.valigned_main.dark .galleryid-230 .slide .gallery-caption {
position: static;
}
.documentation_block .document {
float: left;
margin: 10px 10px 40px 0;
width: 230px;
}
.documentation_block .document_icon {
width: 160px;
height: 200px;
font-size: 0;
position: relative;
}
.documentation_block .document_icon a:after {
content: '';
display: block;
position: absolute;
width: 21px;
height: 21px;
background: url('img/sprite.png') -162px -62px;
right: -22px;
top: 0;
}
.documentation_block .document_caption {
margin-top: 15px;
font-size: 17px;
line-height: 20px;
height: 40px;
overflow: hidden;
color: #d3cdbe;
text-decoration: underline;
padding-left: 35px;
position: relative;
}
.documentation_block .document_caption:before {
content: '';
display: block;
position: absolute;
width: 24px;
height: 36px;
background: url('img/sprite.png') -108px -103px;
left: 0;
top: 2px;
}
.documentation_block .document_caption:hover a {
text-decoration: none;
}
.valigned_main.dark.gallery_container {
background: none;
}
.valigned_main.dark.gallery_container .back_link{
color: #ebdfdc;
box-shadow: inset 0 0 0 1px #ebdfdc;
top: 0px;
left: 0;
}
.maingalleryItem {
display: inline-block;
margin-right: 15px;
vertical-align: top;
width: 30%;
float: left;
max-width: 100%;
}
.maingalleryItem:nth-child(3n){
margin-right: 0;
}
.maingalleryItem .post_image{
height: 200px;
background-size: cover;
background-position: 50%;
text-align: center;
font-size: 0;
}
.maingalleryItem .post_image .hover_wrap{
width: 100%;
height: 200px;
display: table;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px;
display: none;
}
.maingalleryItem .post_image:hover .hover_wrap{
display: table;
}
.maingalleryItem .post_image .hover_inner{
display: table-cell;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
background: rgba(0,0,0,.5);
color: #ffc907;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.maingalleryItem .post_text{
padding-top: 30px;
height: 110px;
position: relative;
}
.maingalleryItem h2{
font-size: 16px;
font-weight: bold;
color: #f6c63b;
margin-bottom: 10px;
text-transform: uppercase;
}
.maingalleryItem h2:hover{
text-decoration: underline;
}
.maingalleryItem .short_info{
font-size: 13px;
position: relative;
}
.maingalleryItem .buttonYB{
width: 100px;
height: 28px;
text-align: center;
position: absolute;
top: -14px;
left: 50%;
margin-left: -50px;
background: rgba(0,0,0,.6);
line-height: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.maingalleryItem .post_imageLink:hover + .post_text .buttonYB{
box-shadow: inset 0 0 0 2px #b89b13;
}
.gallerylvl3slider .slide{
width: 600px;
height: 300px;
background: none!important;
}
.gallerylvl3slider .slide img{
max-width: 600px;
max-height: 300px;
height: auto;
width: auto;
margin: 0 auto;
display: block;
border: none;
}
.gallerylvl3slider {
width: 100%;
margin: 0 auto;
}
.gallerylvl3slider .bx-wrapper .bx-prev {
background: url('img/sprite.png') no-repeat 0px -104px;
}
.gallerylvl3slider .bx-wrapper .bx-prev:hover {
background: url('img/sprite.png') no-repeat 0px -150px;
}
.gallerylvl3slider .bx-wrapper .bx-next {
background: url('img/sprite.png') no-repeat -30px -104px;
}
.gallerylvl3slider .bx-wrapper .bx-next:hover {
background: url('img/sprite.png') no-repeat -30px -150px;
}
.valigned_main .dark_left .text{
font-size: 15px;
line-height: 20px;
}
.valigned_main .dark_left .text h2{
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin: 10px 0;
}
.post_text{
margin-top: 30px;
}
.post_text h2{
font-size: 16px;
font-weight: bold;
color: #f6c63b;
margin-bottom: 10px;
text-transform: uppercase;
}
.post_content{
height: 320px;
}
.post_content .post_link{
width: 100px;
height: 28px;
text-align: center;
position: absolute;
bottom: 105px;
left: 50%;
margin-left: -50px;
background: rgba(0,0,0,.6);
line-height: 25px;
box-sizing: border-box;
}
table.styledtable {
border-collapse: collapse;
}
table.styledtable th,
table.styledtable tr,
table.styledtable td {
border: 1px solid #fff;
}
.videogallery_wrap{
position: relative;
overflow: hidden;
}
.videogallery iframe{
width: 420px;
height: 280px;
margin: 0 15px 30px;
display: inline-block;
vertical-align: top;
}
.videogallery p{
display: inline-block;
vertical-align: top;
margin: 0;
}
.videogallery {
margin: 0 -15px;
font-size: 0;
}
.photocid_swich {
position: absolute;
top: -110px;
border-bottom: 1px solid #ebdfdc;
padding-bottom: 16px;
}
.photocid_swich a {
float: left;
font-size: 14px;
font-weight: bold;
line-height: 15px;
color: #FFFFFF;
text-transform: uppercase;
position: relative;
letter-spacing: 0.22px;
margin-right: 18px;
position: relative;
}
.photocid_swich a.active {
color: #ffc907;
}
.photocid_swich a.active:after {
content: '';
display: block;
height: 8px;
width: 8px;
border: 2px solid #f7eee7;
border-radius: 50%;
background-color: #000;
position: absolute;
bottom: -20.5px;
left: 50%;
margin-left: -6px;
}
.navbar-toggler{
position: absolute;
right: 0px;
display: none;
}
@media (max-width: 575.98px) {
.navbar-toggler{
float: right;
z-index: 20;
}
}
.backspan{
z-index: 22;
position: absolute;
left: -50px;
width: 65px;
border-top: #ffb500 solid 1.5px;
border-left: #ffb500 solid 1.5px;
transform: rotate(-45deg);
height: 65px;
display: block;
}
.nextspan{
z-index: 22;
position: absolute;
right: -50px;
width: 65px;
border-bottom: #ffb500 solid 1.5px;
border-right: #ffb500 solid 1.5px;
transform: rotate(-45deg);
height: 65px;
display: block;
}
.nextspan:hover{
border-bottom: #fff solid 1.5px;
border-right: #fff solid 1.5px;
}
.backspan:hover{
border-top: #fff solid 1.5px;
border-left: #fff solid 1.5px;
}
.owl-nav{
width: 100%;
position: absolute;
top: 25%;
}
.team-div{
text-align: center;
}
.img-team{
height: 150px;
margin-bottom: 10px;
}
.name-team{
font-weight: bold;
line-height: 18px;
margin-bottom: 10px;
}
@media (max-width: 575.98px) {
.header_info{
text-align: center;
padding: 10px;
}
.navbar{
position: relative;
}
.header-buttons{
float: none;
}
.header_callback{
margin: 0px;
}
.header_phone{
display: block;
}
}
@media (max-width: 1000.98px) {
.contact_textblock .col-xl-6{
}
.navbar-toggler .container{
padding:0px;
}
.contacts_left{
margin-bottom: 30px;
}
.valigned_main.dark .gallery .dark_left.gallery {
position: relative;
padding: 0px 30px 0px 30px;
}
.form_col{
float: none;
width: 100%;
}
.contacts_right{
width: 100%;
margin-top: 0px;
}
.main_section{
height: 100%;
}
.header_info{
text-align: center;
padding: 10px;
}
.navbar{
position: relative;
}
.header-buttons{
float: none;
}
.footer .footerblock{
margin: 0 auto;
}
.footer .search{
display: block;
position: absolute;
top: calc(50%);
left: calc(25%);
margin-top: -13px;
width: 200px;
height: 25px;
border-bottom: 1px solid #796d13;
margin-top: 0px;
}
.nextspan {
position: absolute;
right: -20px;
width: 30px;
border-bottom: #ffb500 solid 2px;
border-right: #ffb500 solid 2px;
transform: rotate(-45deg);
height: 30px;
display: block;
}
.backspan {
position: absolute;
left: -20px;
width: 30px;
border-top: #ffb500 solid 2px;
border-left: #ffb500 solid 2px;
transform: rotate(-45deg);
height: 30px;
display: block;
}
.footer {
padding-bottom: 40px;
}
.innerpage_menu {
height: 100%;
}
.innerpage_menu a {
font-size: 13px;
font-weight: bold;
line-height: 15px;
color: #9E9E9E;
text-transform: uppercase;
position: relative;
letter-spacing: initial;
margin-right: 10px;
margin-left: 10px;
}
.innerpage_menu li {
margin-top: 20px;
}
.valigned_main.dark .back_link{
position: relative;
left: 0px;
top: 0px;
margin-bottom: 25px;
margin-top: 25px;
}
.valigned_main.dark .dark_content {
height: 100%;
}
.valigned_main.dark .side_imageblock .dark_right {
text-align: center;
width: 100%;
margin-top: 30px;
}
a.footer_link{
margin-right: 2px;
}
.footer .social_links {
margin-top: 20px;
margin-bottom: 20px;
}
.innerpage_title {
margin-bottom: 40px;
}
}
.kama_breadcrumbs{
margin-top: 30px;
}
.navbar-toggler{
outline: none;
}
@media (max-width: 991.98px) {
.valigned_main.dark.gallery_container .scrollpan_block{
margin-top: 0px;
}
.valigned_main.dark.gallery_container .back_link{
top: 0px;
}
.valigned_main.dark .toprow{
padding-top: 0px;
padding-bottom: 30px;
}
.photocid_swich{
position: relative;
margin-bottom: 80px;
padding-bottom: 30px;
top: 0px;
border-bottom: 1px solid #ebdfdc;
}
.maingalleryItem {
width: 100%;
margin-bottom: 50px;
}
.nav > ul > li{
float: left;
margin-bottom: 10px;
font-size: 14px;
width: 100%;
line-height: 14px;
}
.navbar-toggler{
outline: none;
display: block;
}
.navbar{
position: relative;
}
.header-buttons{
float: none;
}
.header_callback{
margin: 0px 0px 10px 0px;
display: block;
}
.header_info{
text-align: center;
}
.header_phone{
display: block;
}
}
@media (max-width: 1199.98px) {
}
.owl-stage-outer{
z-index: 2;
}
div.contact_info div{
padding-top: 10px;
padding-bottom: 10px;
}