/* GLOBAL */
html { background: #fff; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-collapse: collapse; border-spacing: 0; }
body { font-family: "Montserrat", sans-serif; color: #2f2526; font-size: 15px; font-weight: 400; line-height: 1.2; background: transparent; }
a { color: #4c76ba; text-decoration: underline; }
a:hover { text-decoration: underline; outline: 0; color: #0a6e4c; }
strong, b { font-weight: bold; }
.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.inline-item { display: inline-block; vertical-align: top; }
.tb { display: table; width: 100%; }
.tr { display: table-row; }
.td, .th { display: table-cell; vertical-align: middle; }
.clear-list, .clear-list li { list-style: none; }
.clear-list { padding: 0; margin-bottom: 0; }
.zoom-in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.indent-this, .indent p { text-indent: 30px; }
.center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
html, body, .wrapper, .topbox { height: 100%; }
.wrapper, .bottombox { display: table; width: 100%; position: relative; }
.topbox { display: table-row; }
.overflow { overflow: hidden; }
input[type=file] { margin-bottom: 6px; }
.grecaptcha-badge, .jwlogo { opacity: 0 !important; }
.red-text { color: #D13730; }
hr { position: relative; background: #baa592; }
.container { position: relative; }
.header-separator { margin-top: 125px; }
article img, section img { max-width: 100%; margin-bottom: 25px; }
@media (max-width: 580px) {
body { font-size: 14px; }
.header-separator { margin-top: 115px; }
}
/* GLOBAL TRANSITION */
.butn, .btn i, .header-buttons a, .carousel-partners a figure img, .side-menu, .header-buttons, .menu li a, .menu li a::before, .about-1::before, .about-2::before, .spec-photo::before, .accordion-bg, .services-list ul li a, .touser-links a, footer p a, .socials-list li a i,
.owl-carousel .owl-dots button span, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before, .mfp-zoom-out .mfp-close, .form-group input.form-control, .form-group textarea, .form-group select.form-control, .zoom-in::after, .article-photo span, .articles-list .item h2::before, .navigation a, .navigation span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span, .submenu-list li a, .video-bg::after, .gallery-nav li a, .logo, .article-subject .inner li a, .article-gotop, .cookie-butn { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.about-1 img, .about-2 img, .spec-photo img, .about-1::before, .about-2::before, .spec-photo::before, .accordion-bg::before, .accordion-bg img, .license-item a figure img, .license-item a figure::before, .gallery-item figure img, .gallery-item a::before, .articles-list .article-photo img, .articles-list .article-photo::before { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; }
/* TEXT EDITOR */
.alignleft { float: left; margin: 0 20px 10px 0; max-width: 400px; }
.alignright { float: right; margin: 0 0 10px 20px; max-width: 400px; }
.aligncenter { display: block; margin: 0 auto 25px auto; }
blockquote { position: relative; padding: 15px 15px 15px 15px; background: #e7f6f6; }
blockquote * { margin: 0; line-height: 1.3; }
/* SECTIONS */
section, article { position: relative; z-index: 1; }
section.out, article.out, main.out { margin-bottom: 65px; }
section.in, article.in, main.in { padding-top: 45px; padding-bottom: 45px; }
section.page-section { margin-top: 50px !important; }
section .container { position: relative; z-index: 10; }
/* TITLES */
.ttl { position: relative; text-align: center; margin-bottom: 45px; }
.ttl.align-left { text-align: left; }
.ttl h1, .ttl h2, .ttl h3 { display: inline-block; position: relative; font-size: 38px; font-weight: 300; text-transform: uppercase; margin: 0; }
@media (max-width: 1200px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 33px; }
}
@media (max-width: 992px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 28px; }
}
@media (max-width: 768px) {
.ttl { margin-bottom: 25px; }
.ttl h1, .ttl h2, .ttl h3 { font-size: 25px; }
}
@media (max-width: 580px) {
.ttl h1, .ttl h2, .ttl h3 { font-size: 21px; }
}
/* BUTTONS */
.butn { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 250px; height: 40px; padding: 0 15px; margin: 0 auto; background: #e0d9cf; border-radius: 264px; text-decoration: none !important; color: #272623; font-size: 16px; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; }
.butn.butn-bright { color: #fff; background: #258787; }
.butn.butn-brawn { color: #fff; background: #897b70; }
.butn:hover { background: #897b70; color: #fff; }
.butn.butn-bright:hover { background: #1b6e6e; }
.butn.butn-brawn:hover { background: #6d533f; }
/* OWL CUSTOM */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .slick-prev, .slick-next { position: absolute; top: 50%; margin: -45px 0 0 0; width: 42px; height: 42px; border: 0; text-align: center; line-height: 24px; background: transparent; outline: none !important; border-radius: 100%; cursor: pointer; z-index: 20; }
.owl-carousel .owl-nav .owl-prev, .slick-prev { left: -55px; }
.owl-carousel .owl-nav .owl-prev:before, .slick-prev::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; background: url("../images/v3/arrow.svg") 50% 50% no-repeat; background-size: 40%; border: 1px solid #2f2526; border-radius: 100%; z-index: 25; }
.owl-carousel .owl-nav .owl-next, .slick-next { right: -55px; }
.owl-carousel .owl-nav .owl-next:before, .slick-next::before { content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; background: url("../images/v3/arrow.svg") 50% 50% no-repeat; background-size: 40%; border: 1px solid #2f2526; border-radius: 100%; -webkit-transform: scaleX(-1); transform: scaleX(-1); z-index: 25; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { opacity: 1; }
.owl-carousel .owl-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; z-index: 10; }
.owl-carousel .owl-dots button { margin: 0 5px; outline: none; }
.owl-carousel .owl-dots button span { display: block; width: 15px; height: 15px; border: 1px solid #2f2526; border-radius: 15px; background: none; }
.owl-carousel .owl-dots button:hover span { background: #e0d9cf; }
.owl-carousel .owl-dots button.active span { background: #258787 !important; border-color: #258787 !important;; }
.owl-carousel.owl-drag .owl-item { text-align: center; }
.owl-carousel.owl-drag .owl-item .item { display: inline-block; text-align: center; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover, .slick-prev:hover, .slick-next:hover { background: #e0d9cf !important; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before, .slick-prev:hover:before, .slick-next:hover:before { color: #fff !important; }
@media all and (max-width: 350px) {
.owl-carousel .owl-nav .owl-prev, .slick-prev { left: -15px; }
.owl-carousel .owl-nav .owl-next, .slick-next { right: -15px; }
}
/* SLICK CUSTOM */
.slick-dotted.slick-slider { margin-bottom: 45px; }
.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #B8B8B8; border-color: #fff;border-radius: 100%; }
.slick-dots li button:hover, .slick-dots li button:focus { background: #000; outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li.slick-active button { background: #F8D0AC; }
/* HEADER */
header { position: fixed; top: 0; left: 0; width: 100%; background: transparent; z-index: 550; }
header.fixed, header.active { background: #1b1209; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); }
header.fixed::before, header.active::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }
.admin-bar header { top: 32px; }
/* HEADER */
header .container { padding: 15px 0; z-index: 60; }
header .column-1 { -ms-flex: 0 0 195px; flex: 0 0 195px; max-width: 195px; padding-left: 15px; padding-right: 15px; }
header .column-2 { -ms-flex: 0 0 215px; flex: 0 0 215px; max-width: 215px; padding-left: 15px; padding-right: 15px; }
header .column-3 { -ms-flex: 0 0 460px; flex: 0 0 460px; max-width: 460px; padding-left: 15px; padding-right: 15px; margin-left: auto; }
header .column-4 { -ms-flex: 0 0 55px; flex: 0 0 55px; max-width: 55px; }
/* HEADER / LOGO */
header .logo { position: absolute; top: 50%; left: 50%; margin: -31px 0 0 -65px; }
header .logo img { width: 130px; }
.home header .logo img:first-child { display: block; }
header .logo img:first-child, .home header .logo img:last-child { display: none; }
.home header.fixed .logo img:last-child, .home header.active.logo img:last-child { display: block; }
.home header.fixed .logo img:first-child, .home header.active .logo img:last-child { display: none; }
/* HEADER PHONE */
.header-phones { position: relative; padding-left: 25px; }
.header-phones::before { content: ""; position: absolute; top: 4px; left: 0; width: 15px; height: 30px; background: url("../images/v3/phone.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.header-phones a { color: #fff; font-size: 15px; text-decoration: none; }
header.fixed .column-1 .header-phones::before, header.active .column-1 .header-phones::before, .side-menu .header-phones::before { background: url("../images/v3/contacts-phone.svg") 50% 50% no-repeat; background-size: 100% 100%; }
header.fixed .header-phones a, header.active .header-phones a, .side-menu .header-phones a { color: #2f2526; }
/* HEADER ADRESS */
.header-adress { position: relative; color: #fff; font-size: 15px; padding-left: 25px; }
.header-adress::before { content: ""; position: absolute; top: 4px; left: -2px; width: 19px; height: 28px; background: url("../images/v3/adress.svg") 50% 50% no-repeat; background-size: 100% 100%; }
header.fixed .column-2 .header-adress::before, header.active .column-2 .header-adress::before, .side-menu .header-adress::before { background: url("../images/v3/contacts-adress.svg") 50% 50% no-repeat; background-size: 100% 100%; }
header.fixed .header-adress, header.active .header-adress, .side-menu .header-adress { color: #2f2526; }
/* HEADER BUTTONS */
.header-buttons a { display: inline-block; vertical-align: top; padding: 6px 10px; background: #b0a196; color: #272623; font-size: 15px; font-weight: bold; text-decoration: none; margin: 0 2px; border-radius: 26px; }
.header-buttons a br { display: none; }
header.fixed .header-buttons a, header.active .header-buttons a { background: #e0d9cf; }
.header-buttons a.order-butn, header.fixed .header-buttons a.order-butn, header.active .header-buttons a.order-butn { background: #258787; color: #fff; }
.header-buttons a:hover { background: #897b70; }
header.fixed .header-buttons a:hover, header.active .header-buttons a:hover { background: #cdc4b6; }
.active-menu .header-buttons { visibility: hidden; opacity: 0; }
.header-buttons a.order-butn:hover, header.fixed .header-buttons a.order-butn:hover, header.active .header-buttons a.order-butn:hover { background: #1b6e6e; }
/* HEADER MENU BUTTON */
.menu-btn { position: relative; width: 55px; height: 55px; display: block; margin: 0; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; cursor: pointer; }
.menu-btn span { background-color: #ae9f94; display: block; height: 4px; left: calc(50% - 16px); position: absolute; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: background-color .3s ease,opacity .3s ease-out,top .3s ease-out,-webkit-transform .3s ease-out; transition: background-color .3s ease,opacity .3s ease-out,top .3s ease-out,-webkit-transform .3s ease-out; -o-transition: background-color .3s ease,opacity .3s ease-out,top .3s ease-out,transform .3s ease-out; transition: background-color .3s ease,opacity .3s ease-out,top .3s ease-out,transform .3s ease-out; transition: background-color .3s ease,opacity .3s ease-out,top .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out; width: 32px; }
@media screen and (min-width: 980px) {
.menu-btn span { height: 4px; left: calc(50% - 20px); width: 40px; }
}
.menu-btn span:nth-child(1) { top: calc(50% - 11px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
@media screen and (min-width: 980px) {
.menu-btn span:nth-child(1) { top:calc(50% - 14px); }
}
.menu-btn span:nth-child(2) { top: calc(50% - 2px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
@media screen and (min-width: 980px) {
.menu-btn span:nth-child(2) { top:calc(50% - 2px); }
}
.menu-btn span:nth-child(3) { top: calc(50% + 7px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
@media screen and (min-width: 980px) {
.menu-btn span:nth-child(3) { top:calc(50% + 10px); }
}
.menu-btn span:not(.show) span:nth-child(2) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
@media screen and (min-width: 1240px) {
.menu-btn:hover { background-color: transparent; }
.menu-btn:hover span:nth-child(2) { -webkit-transform: scaleX(.6); -ms-transform: scaleX(.6); transform: scaleX(.6); }
}
.menu-btn.show span { background-color: #2f2526; }
.menu-btn.show span:nth-child(1) { top: calc(50% - 1px); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.menu-btn.show span:nth-child(2) { opacity: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.menu-btn.show span:nth-child(3) { top: calc(50% - 1px); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
/* HEADER MENU */
.side-menu { position: fixed; top: 90px; right: -100%; width: 100%; height: calc(100% - 90px); text-align: right; z-index: 40; }
.side-menu .inner { position: relative; display: inline-block; vertical-align: top; padding: 20px 0 0 0; text-align: left; height: 100%; z-index: 40; }
.side-menu .inner::before { content: ""; position: absolute; top: -190px; left: -60px; width: calc(100% + 450px); height: calc(100% + 290px); background: #e0d9cf; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); z-index: -2; }
.side-menu.sw { right: 0; }
.active-menu .side-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; }
.side-menu .container { height: 100%; z-index: 20; }
.menu { position: relative; width: 300px; }
.menu li { position: relative; margin: 0 0 12px 0; }
.menu li a { position: relative; display: block; color: #000; font-size: 18px; font-weight: 400; text-transform: uppercase; text-decoration: none; }
.menu li a::before { content: ""; position: absolute; left: -15px; top: -5px; width: calc(100% + 20px); height: calc(100% + 10px); background: #258787; opacity: 0; z-index: -1; }
.menu .sub-menu { display: none; list-style: none; padding: 15px 0 1px 0; margin: 0; }
.menu .sub-menu li { margin-bottom: 5px; }
.menu .sub-menu li a { padding-left: 20px; color: #fff; font-size: 16px; font-weight: 400 !important; opacity: 0; }
.menu .sub-menu li a::before { display: none !important; }
.menu .sub-menu li a::after { content: ""; position: absolute; top: 10px; left: -20px; width: 20px; height: 2px; background: #000; opacity: 0; z-index: 10; }
.menu .sub-menu li a:hover::after { left: -10px; opacity: 1; }
.menu .sub-menu li:hover a { opacity: .85; }
.menu li.menu-item-has-children i { content: ""; position: absolute; top: -6px; right: 5px; padding: 10px; color: #000; z-index: 10; }
.menu li.menu-item-has-children:hover i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); color: #fff; }
.menu li.menu-item-has-children a::before { height: 32px; }
.menu li.menu-item-has-children ul a { color: #000; }
.menu li:hover a { color: #fff; }
.menu li:hover a::before, .menu li:hover .sub-menu li a { opacity: 1; }
.menu li.current-menu-item a, .menu li.current-post-ancestor a, .menu li.current-menu-parent a, .menu li.current-post-parent a, .menu li.current-category-ancestor a,
.single-prices .menu-item-3417 a, .single-vakansii .menu-item-3378 a { font-weight: 600; }
.menu li.current-menu-item a::before, .menu li.current-post-ancestor a::before, .menu li.current-menu-parent a::before, .menu li.current-post-parent a::before, .menu li.current-category-ancestor a::before { display: block; }
.side-menu-contacts { position: absolute; bottom: 25px; right: 0; width: 300px; }
.side-menu-contacts * { font-weight: 400; }
.side-menu-contacts .header-phones { margin-bottom: 25px; }
@media (max-width: 1200px) {
.header-buttons a { display: none; }
.header-buttons a.order-butn { display: inline-block; }
}
@media (max-width: 992px) {
header .logo { left: 15px; margin-left: 0; }
header .column-1, header .column-2 { display: none; }
.header-buttons a { display: inline-block; }
}
@media all and (max-width: 768px) {
.header-buttons a { display: none; font-size: 14px; }
.header-buttons a.order-butn { display: inline-block; }
}
@media all and (max-width: 580px) {
header .row { height: 55px; }
header .column-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
header .column-4 { position: absolute; top: -5px; right: 0; }
.side-menu.sw .inner, .side-menu .menu { width: 100%; }
.side-menu-contacts { right: auto; left: 30px; width: calc(100% - 30px); }
.side-menu .container { padding-left: 25px; padding-right: 25px; }
.side-menu-contacts { left: 0; width: 100%; }
.side-menu .inner { padding-top: 0; }
.active-menu .logo { opacity: 0; visibility: visible; }
.header-buttons { margin-top: 28px; padding-right: 10px; }
.header-buttons a { font-size: 12px; padding: 3px 10px; text-align: center; border-radius: 10px; }
.header-buttons a br { display: block; }
}
@media all and (max-width: 350px) {
header .logo { margin-top: -25px; }
header .logo img { width: 105px; }
}
/* MAIN SECTION */
.main-section { padding: 85px 0 0 0; z-index: 25; }
.main-section::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/v3/main-bg.jpg") fixed no-repeat; background-position: 50% 50%; background-size: cover; }
.main-logo-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/v3/logo-icon.svg") 50% 50% no-repeat; background-size: 100% 93%; mix-blend-mode: screen; z-index: 2; }
.main-section .container { position: relative; z-index: 5; }
.main-section .row { height: 640px; }
.main-section h1 { text-transform: uppercase; color: #fff; margin: 0; text-align: center; }
.main-section h1 span:first-child { display: block; font-size: 17px; font-weight: 300; letter-spacing: 13px; }
.main-section h1 span:last-child { display: block; color: #baa592; font-size: 115px; font-weight: 300; letter-spacing: 7.5px; }
@media (max-width: 820px) {
.main-section h1 span:last-child { font-size: 105px; letter-spacing: 4.5px; }
.main-section h1 span:first-child { letter-spacing: 10px; }
}
@media (max-width: 768px) {
.main-section .row { height: 100vh; }
.main-section h1 span:last-child { font-size: 80px; letter-spacing: 1.5px; }
.main-section h1 span:first-child { font-size: 20px; letter-spacing: 2px; }
}
@media (max-width: 580px) {
.main-section h1 span:last-child { font-size: 50px; letter-spacing: 1.5px; }
.main-section h1 span:first-child { font-size: 20px; letter-spacing: 0; }
.main-section::after { background-attachment: scroll !important; }
.main-section .row { height: 67vh; }
}
/* SPECIALISTS */
.specialists-section { background: #e0d9cf; }
.specialists-section.no-bg { background: transparent; margin-bottom: 0; }
.specialists-section.no-bg .ttl { margin-bottom: 15px; }
.specialists-section.no-bg .ttl h2 { background: #fff; }
.specialists-section .ttl h2 { position: relative; display: inline-block; background: #e0d9cf; padding: 0 15px; }
.specialists-section .container .lines::before { content: ""; position: absolute; top: 22px; left: -36px; width: 50%; height: 0.5px; background: #baa592; }
.specialists-section .container .lines::after { content: ""; position: absolute; top: 22px; left: -36px; width: 0.5px; height: calc(100% + 35px); background: #baa592; }
.specialists-section .container .lines2::before { content: ""; position: absolute; top: 22px; right: -36px; width: 50%; height: 0.5px; background: #baa592; }
.specialists-section .container .lines2::after { content: ""; position: absolute; bottom: 100%; margin-bottom: -22px; right: -36px; width: 0.5px; height: calc(100% + 35px); background: #baa592; }
.specialist-carousel-wrapper { padding: 0 45px; }
.spacialists-list { position: relative; }
.spacialists-list .owl-item .item { display: block !important; }
.spacialists-list .specialist-item { position: relative; margin: 0 18px; }
.spacialists-list .specialist-item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }
.spacialists-list .specialist-item .spec-photo { position: relative; display: block; max-width: 300px; height: 445px; overflow: hidden; border-radius: 25px; margin: 0 auto 15px auto; z-index: 5; }
.spacialists-list .specialist-item .spec-photo img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.spacialists-list .specialist-item .spec-photo::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.65; mix-blend-mode: color; z-index: 10; }
.spacialists-list .specialist-item:hover .spec-photo img { scale: 1.05; }
.spacialists-list .specialist-item:hover .spec-photo::before { opacity: 0; }
.spec-workyears { position: absolute; bottom: 15px; left: 15px; padding: 4px 15px; color: #fff; font-size: 13px; background: #1b1209; border-radius: 25px; }
.spec-more { position: absolute; bottom: 15px; right: 15px; padding: 4px 15px; color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; background: #258787; border-radius: 25px; }
.spacialists-list h2, .spacialists-list h2 a { display: block; color: #000; font-size: 18px; line-height: 1.2; font-weight: 700; text-decoration: none; }
.spacialists-list h2 { margin-bottom: 5px; overflow: hidden; }
.spacialists-list .specialist-item:hover h2 a { color: #c6a045; }
.specialis-popup .ttl { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #baa592; }
.specialis-popup .ttl h3 { margin: 0 !important; }
.specialist-short-info { text-align: center; margin-bottom: 35px; }
.specialist-short-info p { margin: 0; }
.specialist-fullinfo .item { margin-bottom: 25px; }
.specialist-fullinfo h4 { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; }
.specialist-fullinfo .item p { font-size: 14px; }
.table-list li { display: table-row; }
.table-list span { display: table-cell; font-size: 14px; line-height: 1.1; padding: 10px 5px; }
.table-list li:nth-child(odd) span { background: #f2ede5; }
.table-list span:first-child { width: 140px; font-weight: 600; }
.post-type-archive-specialists .specialists-section { background: transparent; margin-top: 125px; margin-bottom: 65px; padding-top: 0; padding-bottom: 0; }
.post-type-archive-specialists .specialists-section .ttl h2 { background: transparent; }
.post-type-archive-specialists .specialists-section .lines { display: none; }
@media (max-width: 768px) {
.specialists-section .ttl h2::after { display: none; }
.specialist-carousel-wrapper { margin-bottom: 30px; }
}
@media (max-width: 580px) {
.specialist-carousel-wrapper { max-width: 320px !important; padding: 0; margin: 0 auto 25px auto; }
.table-list span { padding: 6px 5px; font-size: 13px; }
.table-list span:first-child { width: 119px; }
}
@media all and (max-width: 385px) {
.specialist-carousel-wrapper { max-width: 280px !important; }
}
/* ABOUT */
.about-section { margin-bottom: 55px; }
.about-section .inner { position: relative; left: -103px; padding-bottom: 290px; max-width: 827px; background: #1b1209; }
.about-1 { position: absolute; top: 50%; right: -365px; width: 545px; height: 465px; overflow: hidden; margin: -282px 0 0 0; }
.about-2 { position: absolute; bottom: -100px; left: 103px; width: 465px; height: 340px; overflow: hidden; margin: 0; }
.about-1 a::before, .about-2 a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.65; mix-blend-mode: color; z-index: 10; }
.about-1 img, .about-2 img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.about-1:hover::before, .about-2:hover::before { opacity: 0; }
.about-1:hover img, .about-2:hover img { scale: 1.05; }
.about-inner { position: relative; padding: 125px 15px 0 103px; max-width: 485px; }
.about-inner .lines::before { content: ""; position: absolute; top: 0; left: 52px; width: 0.5px; height: 100%; background: #baa592; }
.about-inner * { color: #fff; font-size: 17px; }
.about-section .container > .lines::after { content: ""; position: absolute; bottom: -52px; right: -36px; width: 50%; height: 0.5px; background: #baa592; }
@media (max-width: 992px) {
.about-1 { right: -80px; width: 340px; height: 340px; }
.about-2 { bottom: -132px; left: 40px; width: 100%; }
.about-inner { padding: 65px 15px 0 35px; }
.about-section .inner { left: -50px; }
}
@media (max-width: 768px) {
.about-section .inner { padding-top: 330px; padding-bottom: 230px; }
.about-section .inner { left: 0; }
.about-1 { top: 30px; margin: 0; right: auto; left: -40px; width: 100%; }
}
@media (max-width: 580px) {
.about-inner * { font-size: 14px; }
.about-1, .about-2 { height: 250px; }
.about-section .inner { padding-top: 250px; padding-bottom: 135px; }
}
/* ACCORDION */
.accordion { position: static; padding-left: 30px; margin-left: 9px; }
.accordion .ui-accordion-header { margin-bottom: 10px; }
.accordion .ui-accordion-header .accordion-ttl { position: relative; display: block; color: #000; font-size: 18px; font-weight: 600; cursor: pointer; }
.accordion .ui-accordion-header a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; }
.accordion .ui-accordion-header .accordion-ttl::before { content: ""; position: absolute; top: -1px; left: -40px; width: 24px; height: 24px; border-radius: 100%; background: #258787; z-index: 10; }
.accordion .ui-accordion-header .accordion-ttl::after { position: absolute; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 17px; color: #070707; top: -4px; left: -36px; width: 100%; height: 100%; text-indent: 0; line-height: 32px; z-index: 25; }
.accordion .ui-accordion-header.ui-state-active .accordion-ttl, .ui-accordion-header:hover .accordion-ttl { color: #000; }
.accordion .ui-accordion-header.ui-state-active .accordion-ttl::before { background: #cbbbad; }
.accordion .ui-accordion-content { position: relative; padding-bottom: 15px; }
.accordion .ui-accordion-content::before { content: ""; position: absolute; top: -10px; left: -28px; width: 0.5px; height: calc(100% - 5px); background: #cbbbad; }
.accordion .ui-accordion-content::after { content: ""; position: absolute; bottom: 15px; left: -28px; width: 335px; height: 0.5px; background: #cbbbad; }
.accordion .ui-accordion-header:last-of-type::after { display: block; }
/* SERVICES SECTION */
.services-section.in { margin-top: 140px; padding-bottom: 0;}
.services-section .container .lines::after { content: ""; position: absolute; top: -133px; right: -36px; width: 0.5px; height: calc(100% + 133px); background: #baa592; z-index: 5; }
.services-wrapper { position: relative; margin-top: 140px; padding-right: 600px; min-height: 825px; }
.service-pic-bg { content: ""; position: absolute; top: -114px; right: -103px; width: 617px; height: 874px; background: #e0d9cf; z-index: -1; }
.services-list { position: static; max-width: 355px; }
.services-list ul li { margin-bottom: 5px; }
.services-list ul li a { position: relative; display: block; color: #000; padding: 3px 5px; font-size: 16px; font-weight: 400; text-decoration: none; max-width: 331px; margin-bottom: 0; }
.services-list ul li a::before { content: ""; position: absolute; top: 13px; left: -27px; width: 27px; height: 0.5px; background: #cbbbad; opacity: 0; z-index: 10; }
.services-list ul li a:hover::before { opacity: 1; }
.services-list ul li a:hover { color: #000; background: #f5f0ea; }
.services-list ul li ul.sub-services { margin: 5px 0 0 45px; }
.accordion.services-list .ui-accordion-content.nocontent { padding: 0; margin: 0; height: 0; }
.accordion.services-list .ui-accordion-header::after { display: none; }
.accordion-bg { position: absolute; top: -64px; right: -20px; width: 559px; height: 771px; background-size: cover !important; opacity: 0; overflow: hidden; }
.accordion-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.65; mix-blend-mode: color; z-index: 10; }
.accordion-bg img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.accordion-bg:hover::before { opacity: 0; }
.accordion-bg:hover img { scale: 1.05; }
.ui-state-active .accordion-bg { right: 0; opacity: 1; }
@media (max-width: 1200px) {
.accordion-bg { width: 495px; }
.service-pic-bg { right: -160px; }
}
@media (max-width: 992px) {
.accordion-bg { width: 290px; }
.services-wrapper { padding-right: 0; }
.service-pic-bg { top: -50px; right: -370px; width: 617px; height: 720px; }
.ui-state-active .accordion-bg { top: -15px; right: -60px; width: 350px; height: 640px; }
.services-section .ttl { margin-bottom: 0; }
.services-wrapper { margin-top: 90px; min-height: 735px; }
}
@media (max-width: 768px) {
.ui-state-active .accordion-bg { top: -50px; right: auto; left: -50px; width: calc(100% + 100px); height: calc(100% + 150px); opacity: .12; z-index: -1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.service-pic-bg { top: -50px; right: auto; left: -50px; width: calc(100% + 100px); height: calc(100% + 150px); opacity: .1; }
.services-section.in { padding-bottom: 60px; }
.services-wrapper { margin-top: 75px; min-height: 100%; }
}
@media (max-width: 580px) {
.accordion .ui-accordion-header .accordion-ttl { font-size: 16px; }
.services-list ul li a { font-size: 15px; }
}
/* LICENSES SECTION */
.licenses-section { background: #e0d9cf; }
.licenses-section .container .lines::after { content: ""; position: absolute; top: -45px; right: -36px; width: 0.5px; height: calc(100% + 90px); background: #baa592; z-index: 5; }
.licenses-carousel-wrapper { max-width: 760px; margin: 0 auto; }
.license-item { margin: 0 5px; }
.license-item a { display: block; width: 175px; }
.license-item a figure { position: relative; width: 100%; height: 225px; border-radius: 25px; overflow: hidden; margin: 0; }
.license-item a figure img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.license-item a figure::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.65; mix-blend-mode: color; z-index: 10; }
.license-item a:hover figure::before { opacity: 0; }
.license-item a:hover figure img { scale: 1.1; }
@media (max-width: 992px) {
.licenses-carousel-wrapper { margin-bottom: 35px; }
}
@media (max-width: 580px) {
.licenses-carousel-wrapper { max-width: 320px !important; padding: 0; margin: 0 auto 25px auto; }
}
@media all and (max-width: 385px) {
.licenses-carousel-wrapper { max-width: 280px !important; }
}
/* DISCOUNTS SECTION / PAGE */
.discounts-section { background: #1b1209; }
.discounts-section .ttl h2 { color: #258787; }
.discounts-page { margin-bottom: 65px; }
.discounts-section .container .lines::before { content: ""; position: absolute; top: 22px; left: -36px; width: 350px; height: 0.5px; background: #baa592; }
.discounts-section .container .lines::after { content: ""; position: absolute; top: 22px; left: -36px; width: 0.5px; height: 3000px; background: #baa592; }
.slide-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 55px; }
.works-slider-wrapper { margin: -95px 25px -70px 25px; }
.works-slider-wrapper .slick-dots { bottom: 25px; }
.discount-item { visibility: hidden; position: relative; width: 100%; text-align: center; padding: 50px 15px; }
.discounts-list .item, .slick-slide { position: relative; }
.discounts-list .item a, .slick-slide a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }
.discount-item { margin: 30px 5px; }
.discount-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1b1209; opacity: .9; }
.discount-item.color2::before { background: #CB986B; }
.discount-item figure { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 35px; z-index: 5; }
.discount-item figure img { width: 100%; height: auto; max-width: 100%; max-height: 100%; margin: 0; }
.discount-ttl { position: relative; color: #fff; font-size: 22px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; min-height: 70px; z-index: 5; }
.discount-period { position: relative; color: #76685f; font-size: 17px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 5px; min-height: 30px; z-index: 5; }
.discount-item .showmore-butn { position: relative; color: #fff; z-index: 5; }
.discout-conditions { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; min-height: 115px; z-index: 5; }
.condition-big, .condition-medium, .condition-medium2 { color: #fff; font-size: 100px; text-transform: uppercase; line-height: 1.1; }
.condition-medium { font-size: 50px; }
.condition-item { position: relative; flex-grow: 1; color: #fff; padding: 0 20px; }
.condition-item strong, .condition-medium2 strong { display: block; color: #fff; font-size: 50px; font-weight: 400; text-transform: uppercase; line-height: 1.1; }
.condition-medium2 { font-size: 24px; }
.condition-medium2 strong { font-size: 62px; }
.slick-active .discount-item { visibility: visible; }
.slick-active .slide-item { }
.discounts-slider-wrapper .discount-item .showmore-butn { color: #fff; }
.discounts-list .item { margin-bottom: 35px; }
.discounts-list .slide-item { height: 520px; }
.discounts-list .item .discount-item { visibility: visible; }
.discounts-list .item .slide, .discounts-list .item .inner { height: 100%; }
.slick-slider .slide .inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 640px; overflow: hidden; }
.slick-slider .slide-item { width: 90%; height: 340px; transition: all 0.2s ease; }
.slick-slider .slide.slick-center .slide-item { width: 100%; height: 460px; }
.discounts-section .owl-carousel .owl-nav .owl-prev:before, .slick-prev::before, .discounts-section .owl-carousel .owl-nav .owl-next:before, .slick-next::before { background: url("../images/v3/arrow-light.svg") 50% 50% no-repeat; background-size: 40%; border: 1px solid #baa592; }
@media (max-width: 992px) {
.discount-ttl { font-size: 17px; }
.discount-item figure { height: 25px; }
.condition-big { font-size: 75px; }
.slick-slider .slide.slick-center .slide-item { height: 420px; }
.discout-conditions { min-height: 90px; }
}
@media (max-width: 768px) {
.discounts-section .container { max-width: 100%; padding-left: 0; padding-right: 0; }
.condition-medium2 { font-size: 19px; }
.condition-big { font-size: 60px; }
.discout-conditions { min-height: 85px; }
.works-slider-wrapper { margin: -95px 0 -70px 0; }
.works-slider-wrapper .slide-item { padding: 0 15px; margin: 0; }
.discount-item { margin: 0; }
}
@media (max-width: 580px) {
.slide-item { padding: 0 25px; }
.discounts-list .item { margin-left: -15px; margin-right: -15px; }
}
/* CONTACTS PAGE */
.contacts-map-section.in { padding-bottom: 90px; }
.contacts-map-section .container::before { content: ""; position: absolute; top: -45px; right: -36px; width: 0.5px; height: calc(100% + 90px); background: #baa592; z-index: 5; }
.contacts-map-section .container::after { content: ""; position: absolute; bottom: -45px; right: -36px; width: calc(100% - 250px); height: 0.5px; background: #baa592; }
.contacts-map-section .inner { width: 100%; height: 404px; overflow: hidden; }
.mapzoom { position: relative; height: 404px; background: url("../images/v3/map.jpg") 50% 50% no-repeat; background-size: cover; overflow: hidden; cursor: move; z-index: 10; }
.mapzoom:hover { background: transparent; }
.mapzoom img { transform: scale(2); opacity: 0; }
.mapzoom:hover img { opacity: 1; transform: scale(4) !important; }
/* SERVICE PAGE */
.service-single-page { margin-top: 85px; }
.article-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; padding: 0 65px; height: 315px; overflow: hidden; }
.article-header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #19130B; background: -webkit-linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); background: -moz-linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); background: linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19130B", endColorstr="#19130B", GradientType=1 ); mix-blend-mode: multiply; opacity: .95; z-index: 1; }
.article-header.nodarken::after { display: none; }
.article-header h1 { position: relative; color: #fff; font-size: 38px; text-transform: uppercase; margin: 0; z-index: 5; }
.article-header h1 strong { display: block; font-size: 65px; }
.article-header h1 .line { position: absolute; top: 25px; left: -45px; width: 28px; height: 28px; background: #baa592; border-radius: 100%; font-size: 21px; color: #1b1209; line-height: 28px; text-align: center; z-index: 5; }
.article-header h1 .line::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0.5px; height: 500px; background: #baa592; }
.service-single-page .article-wrapper { position: relative; padding: 25px 65px 25px 65px; }
.article-wrapper .line { position: absolute; top: 0; left: 35px; width: 0.5px; height: 100%; background: #baa592; }
.service-highlights { position: relative; max-width: 930px; background: #e0d9cf; padding: 35px 45px 15px 45px; margin: 0 auto; }
.service-highlights .line { position: absolute; top: 0; left: -70px; width: 0.5px; height: 50%; background: #baa592; }
.service-highlights .line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 70px; height: 0.5px; background: #baa592; }
.service-highlights h2 { font-size: 32px; font-weight: 300; margin-bottom: 35px; }
.service-highlights .item { position: relative; margin-bottom: 25px; }
/*.service-highlights .item::after { content: ""; position: absolute; top: 0; right: -13px; width: 0.5px; height: 100%; background: #7c7370; }*/
.service-highlights .row > div:last-child .item::after { display: none; }
.service-highlights h3 { font-size: 22px; font-weight: 400; text-transform: uppercase; }
.service-highlights ul, .service-highlights li { list-style: none; margin: 0; padding: 0; }
.service-highlights li { position: relative; padding-left: 20px; margin-bottom: 5px; }
.service-highlights li::after { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; background: #2f2526; border-radius: 100%; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 9px; color: #e0d9cf; line-height: 14px; text-align: center; }
.service-features { position: relative; padding: 35px 0 5px 0; }
.service-features::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #19130B; mix-blend-mode: multiply; opacity: .8; z-index: 1; }
.service-features h2 { position: relative; color: #258787; font-size: 32px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 35px; z-index: 5; }
.service-features .row { position: relative; z-index: 5; }
.service-feature-item { position: relative; padding-left: 40px; color: #fff; margin-bottom: 35px; }
.service-feature-item h3 { position: relative; font-size: 22px; font-weight: 400; text-transform: uppercase; }
.service-feature-item h3::after { position: absolute; top: -2px; left: -35px; border-radius: 100%; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 32px; color: #258787; line-height: 1; text-align: center; }
.service-features blockquote { display: inline-block; padding: 4px 5px; color: #fff; border: 1px solid #756355; background: transparent !important; }
.service-single-page .article-wrapper h3, .service-single-page .quote-info .article h3, .service-single-page .opinion-text h3 { margin-top: 0 !important; }
/* SEPARATORS */
.line-separator { position: relative; height: 50px; margin-bottom: 25px; }
.line-separator::before { content: ""; position: absolute; top: 0; left: 50%; width: 0.5px; height: 100%; background: #baa592; }
@media (max-width: 580px) {
.line-separator { height: 30px; }
}
/* SERVICE PAGE / BEFORE/AFTER SECTION */
.service-beforeafter-section { margin-bottom: 90px; }
.beforeafter-wrapper { max-width: 710px; margin: 0 auto; }
.beforeafter-wrapper .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; /* height: 650px; */ }
.beforeafter-wrapper .inner img { max-height: 650px; }
.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { background: #1b1209 !important; color: #fff; border-radius: 15px; }
@media (max-width: 768px) {
.beforeafter-wrapper .inner img { max-height: 450px; }
.beforeafter-wrapper .inner { height: 450px; }
}
@media (max-width: 580px) {
.beforeafter-wrapper { max-width: 320px !important; padding: 0; margin: 0 auto; }
.beforeafter-wrapper .owl-nav { display: none !important; }
.beforeafter-wrapper .inner img { max-height: 320px; }
.beforeafter-wrapper .inner { height: 320px; }
}
@media all and (max-width: 385px) {
.beforeafter-wrapper { max-width: 280px !important; }
}
/* SERVICE PAGE / PRICES */
.service-prices-section { background: #e0d9cf; overflow: hidden; }
.service-prices-section .inner { max-width: 795px; margin: 0 auto; }
.service-prices-section .ttl h2 { background: #e0d9cf; padding: 0 30px; }
.service-prices-section .line { position: absolute; top: 50%; right: 0; width: 50%; height: 0.5px; background: #baa592; }
.service-prices-section .line::after { content: ""; position: absolute; top: 0; right: 0; width: 0.5px; height: 5000px; background: #baa592; }
.price-tb .td { font-size: 17px; padding: 12px 15px; }
.price-tb .tr .td:nth-child(1) { background: #f4f2ee; border-bottom: 10px solid #e0d9cf; padding-left: 30px; }
.price-tb .tr .td:nth-child(1) strong { position: relative; font-weight: 500; }
.price-tb .tr .td:nth-child(1) strong:before { position: absolute; top: -1px; left: -45px; width: 28px; height: 28px; background: #baa592; border-radius: 100%; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 20px; color: #1b1209; line-height: 28px; text-align: center; }
.price-tb .tr .td:nth-child(2) { width: 165px; text-align: center; background: #EAE5DE; background: -webkit-linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); background: -moz-linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); background: linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EAE5DE", endColorstr="#F0EDE8", GradientType=1); border-bottom: 10px solid #e0d9cf; }
.price-tb .tr .td span { font-size: 16px; }
/* PRICES PAGE */
.service-prices-page { margin-bottom: 105px !important; }
.service-prices-page .inner { position: relative; padding: 35px 40px; background: #e0d9cf; min-height: 325px; }
.service-prices-page .inner::before { content: ""; position: absolute; top: -150px; left: 270px; width: 0.5px; height: calc(100% + 280px); background: #baa592; }
.submenu-list { margin-bottom: 35px; }
.submenu-list li { margin-bottom: 25px; }
.submenu-list li a { position: relative; color: #2f2526; font-size: 18px; line-height: 1.1; font-weight: 600; text-decoration: none; }
.submenu-list li.ui-tabs-active a { color: #258787; }
.submenu-list li a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 0.5px; background: #258787; -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -ms-transition: all 1.1s ease; -o-transition: all 1.1s ease; transition: all 1.1s ease; }
.submenu-list li.ui-tabs-active a::after { width: 100%; }
.submenu-list li a:hover { color: #000; }
.prices-wrapper { position: relative; padding-left: 300px; }
.submenu-list { position: absolute; top: 0; left: 0; width: 250px; }
@media (max-width: 1200px) {
.submenu-list { width: 180px; }
.submenu-list li a { font-size: 16px; }
.prices-wrapper { padding-left: 245px; }
.service-prices-page .inner::before { display: none; }
.price-tb .td { font-size: 17px; padding: 10px; }
}
@media (max-width: 992px) {
.prices-wrapper { padding-left: 0; }
.service-prices-page .inner { padding: 35px 30px; }
.submenu-list { position: relative; text-align: center; width: 100%; margin-bottom: 15px; }
.submenu-list li { display: inline-block; vertical-align: top; margin-bottom: 8px; }
.submenu-list li a { display: block; padding: 6px 10px; color: #272623; font-size: 15px; font-weight: bold; margin: 0 2px; background: #fff; border-radius: 25px; }
.submenu-list li a::after { display: none; }
.submenu-list li.ui-tabs-active a { color: #fff; background: #258787; }
.price-content { margin-left: 25px; }
.price-tb .td { font-size: 16px; }
.price-tb .tr .td:nth-child(2) { width: 135px; text-align: center; }
}
@media (max-width: 768px) {
.price-tb .tr .td:nth-child(2) { width: 120px; }
.price-tb .td { font-size: 14px; }
}
@media (max-width: 580px) {
.service-prices-section.in { padding-top: 25px; }
.service-prices-page .inner { padding: 25px 15px 0 15px; margin-left: -15px; margin-left: -15px; }
.price-content { margin-left: 0; }
.price-tb .tr .td:nth-child(1) strong:before { display: none; }
.price-tb .td { font-size: 13px; padding: 5px !important; }
.price-tb .tr .td:nth-child(2) { width: 100px; }
.submenu-list li a { padding: 7px 10px; font-size: 13px; }
}
/* SERVICE PAGE / VIDEOS */
.service-single-page.out { margin-bottom: 30px; }
.service-video-section .line { position: absolute; top: -45px; right: 15px; width: 0.5px; height: calc(100% + 45px); background: #baa592; }
.video-wrapper { position: relative; text-align: center; margin-bottom: 40px; }
.video-wrapper .bg-figure { content: ""; position: absolute; top: 9%; left: 0; width: 50%; height: 80%; background: #fdf1e6; z-index: -1; }
.video-wrapper .bg-pattern-left { top: 95px; left: -150px; }
.video-wrapper .in { position: relative; max-width: 900px; margin: 0 auto; /*display: inline-block; vertical-align: top;*/ }
.video-bg, .video-prev { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 5; }
.video-bg .icon::before, .video-bg .icon::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -47px 0 0 -45px; width: 90px; height: 95px; font-family: "FontAwesome"; font-weight: 900; content: "\f04b"; color: #fff; font-size: 117px; color: #070707 text-align: center; line-height: 80px; opacity: .65; z-index: 6; }
.about-more-section .video-bg .icon { display: none; }
.video-bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8D0AC; mix-blend-mode: multiply; opacity: 3; z-index: 5; }
.play-video:hover .icon::before { opacity: 0; }
.play-video:hover .icon::after { opacity: 1; }
.video-wrapper .in.active::after { opacity: 0; z-index: -1; }
.play-video { width: 100%; height: 0; padding-bottom: 56.22%; overflow: hidden; }
.play-video:hover .video-prev { }
.play-video:hover .video-bg::after { background: #B68C6E; }
.play-video .jwplayer, .play-video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0; }
.video-wrapper .in.active .play-video .video-bg { display: none; }
@media (max-width: 992px) {
.article-wrapper { padding-left: 0; padding-right: 0; }
.article-header { padding: 0 25px; margin-left: -15px; margin-right: -15px; }
.article-header h1 strong { font-size: 50px; }
.article-header h1 { font-size: 28px; }
.service-highlights { margin-bottom: 0; }
.service-single-page > .container { max-width: 100%; }
}
@media (max-width: 768px) {
.service-highlights h2 { font-size: 28px; }
.service-highlights .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #7c7370; }
.service-highlights .item::after { display: none; }
.service-highlights .row { margin-bottom: 0; }
.service-features h2 { font-size: 28px; }
.service-beforeafter-section { margin-bottom: 75px; }
.in.service-video-section { padding-bottom: 15px; }
.service-highlights { max-width: 100%; padding-left: 0; padding-right: 0; }
}
@media (max-width: 580px) {
.article-header { background-position: 100% 50%; padding-left: 15px; padding-right: 15px; height: 240px; }
.article-header h1 { font-size: 20px; }
.article-header h1 strong { font-size: 40px; }
.service-highlights h2 { font-size: 22px; }
.service-features { background-attachment: scroll !important; }
.service-features h2 { font-size: 25px; }
}
/* VACANCIES PAGE */
.out.vacancies-page-section { margin-bottom: 65px; }
.vacancies-list .column-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; }
.vacancies-list .item { position: relative; margin: 15px; border-radius: 25px; }
.vacancies-list .item .vacancy-info { padding: 20px; background: #EAE5DE; background: -webkit-linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); background: -moz-linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); background: linear-gradient(90deg,rgba(234, 229, 222, 1) 0%, rgba(240, 237, 232, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EAE5DE", endColorstr="#F0EDE8", GradientType=1); }
.vacancies-list h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: start; height: 60px; font-size: 20px; line-height: 1.1; font-weight: 700; background: #f4f2ee; padding: 0 20px; margin-bottom: 0; }
.vacancies-list .item .row { min-height: 215px; margin-bottom: 15px; }
.vacancies-list .item p { margin-bottom: 10px; }
.vacancies-list .item .button { }
.vacancies-list .column-item .column-1 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.vacancies-list .column-item .column-2 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
@media (max-width: 1200px) {
.vacancies-list .item .row { min-height: 280px; }
.vacancies-list .item { margin: 0 0 30px 0; }
.vacancies-list h2 { font-size: 17px; }
}
@media (max-width: 992px) {
.vacancies-list .column-item .column-1, .vacancies-list .column-item .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.vacancies-list .item .row { min-height: 300px; }
}
@media (max-width: 768px) {
.vacancies-list .column-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
/* ARTICLES SECTION */
.article-single { margin-top: 85px; margin-bottom: 65px; }
.article-single-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: start; padding: 0 65px; height: 315px; overflow: hidden; margin-bottom: 45px; }
.article-single-header h1 { position: relative; color: #fff; font-size: 35px; text-transform: uppercase; margin: 0; z-index: 5; }
.article-single-header h1 strong { display: block; font-size: 65px; }
.article-single-header time { position: relative; color: #fff; z-index: 5; }
.article-single-header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #19130B; background: -webkit-linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); background: -moz-linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); background: linear-gradient(90deg,rgba(25, 19, 11, 1) 0%, rgba(25, 19, 11, 0.84) 50%, rgba(25, 19, 11, 0.23) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19130B", endColorstr="#19130B", GradientType=1 ); mix-blend-mode: multiply; opacity: .95; z-index: 1; }
.articles-list { position: relative; }
.articles-list li { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding-left: 15px; padding-right: 15px; margin-bottom: 55px; }
.articles-list li article { position: relative; width: 100%; }
.articles-list .inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; align-items: end; -ms-flex-pack: start; justify-content: start; height: 490px; overflow: hidden; z-index: 5; }
.articles-list .inner::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #B68C6E; mix-blend-mode: multiply; z-index: -1; }
.articles-list .inner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.articles-list .article-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
.articles-list .article-photo img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.articles-list .article-photo::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.45; mix-blend-mode: color; z-index: 10; }
.articles-list .inner h2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; color: #fff; font-size: 18px; line-height: 1.1; font-weight: 600; letter-spacing: 1px; text-decoration: none; padding: 5px 20px; margin: 0; width: 100%; min-height: 115px; overflow: hidden; }
.articles-list .inner h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1b1209; mix-blend-mode: multiply; opacity: .5; z-index: -1; }
.articles-list .article-info { position: relative; width: 100%; background: #e0d9cf; padding: 20px; }
.articles-list li .article-prev { min-height: 108px; }
.articles-list li .article-prev p { margin: 0; }
.articles-list .item time, .article-single time { width: 100%; font-size: 13px; }
.articles-list .item:hover .article-photo img { scale: 1.1; }
.articles-list .item:hover .butn { background: #6d533f; }
.articles-list .item:hover h2::before { opacity: .8; }
.articles-list .item:hover .article-photo::before { opacity: 0; }
@media (max-width: 1200px) {
.articles-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.articles-list .inner { height: 440px; }
}
@media (max-width: 992px) {
.articles-list .inner h2 { font-size: 16px; min-height: 105px; }
.articles-list li .article-prev { min-height: 125px; }
}
@media (max-width: 768px) {
.articles-list li { -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; }
.articles-list li .article-prev { min-height: 100%; margin-bottom: 20px; }
.articles-list .inner h2 { min-height: auto; padding: 15px 20px; }
.articles-list .inner { height: 350px; }
}
@media (max-width: 580px) {
.articles-list .item time { display: block; text-align: center; margin-bottom: 15px; }
.articles-list .inner h2 { font-size: 15px; }
.articles-list .inner { height: 300px; }
}
/* ARTICLES / SINGLE */
.article-single time { margin-bottom: 15px; }
.quote-info { position: relative; font-size: 16px; }
.quote-info::before { content: ""; position: absolute; top: -30px; left: -25px; width: 153px; height: 98px; background: url("../images/v3/quote.svg") 50% 50% no-repeat; background-size: 100%; z-index: -1; }
.quote-info.wht::before { background: url("../images/v3/quote-wht.svg") 50% 50% no-repeat; background-size: 100%; }
.quote-info.article-preview { margin-left: 65px; margin-bottom: 35px; }
.article-subject { position: relative; margin-bottom: 25px; }
.article-subject .inner { padding: 35px 65px 15px 65px; }
.article-subject .inner h4 { position: relative; font-weight: 300 !important; font-size: 16px !important; margin: 0 0 25px 0 !important; }
.article-subject .inner h4 span { position: relative; padding: 2px 2px 2px 0; background: #f3eee7; z-index: 5; }
.article-subject .inner h4::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .15; background: #19130b; }
.article-subject::after { content: ""; position: absolute; top: 0; left: -3000px; width: 12000px; height: 100%; background: #f3eee7; z-index: -2; }
.article-subject-picture { display: none; position: absolute; top: 0; left: 45%; width: 55%; height: 100%; }
.article-subject .inner ol { position: relative; counter-reset: item; }
.article-subject .inner li { counter-increment: item; margin-bottom: 10px; }
.article-subject .inner li:last-child { margin-bottom: 0; }
.article-subject .inner li::before { content: counter(item); position: absolute; left: 0; top: 0; width: 20px; height: 100%; color: #1b6e6e; font-weight: 600; text-align: center; }
.article-subject .inner li a { position: relative; display: block; padding-left: 15px; color: #000; font-size: 14px; font-style: italic; font-weight: 400; cursor: pointer; text-decoration: none; margin-bottom: 10px; }
.article-subject .inner li a:hover { color: #1b6e6e; }
.article-subject .inner li a:hover::before { background: #F8D0AC; }
.article-gotop { position: fixed; bottom: 30px; right: 50%; margin-right: -600px; width: 35px; height: 35px; text-align: center; color: #1b6e6e; font-size: 36px; line-height: 35px; opacity: 0; z-index: 50; }
.article-gotop.show { opacity: 1; }
.article-single .article-wrapper { padding-top: 0; }
/* ARTICLES / SINGLE / SERVICE / EDITOR STYLE */
.article-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.article-row .column-1, .article-row .column-2 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.article-container .article-wrapper, .tags, .quote-info .article { padding-left: 65px; padding-right: 65px; }
.service-wrapper { padding-left: 0; padding-right: 0; }
.quote-info h1, .article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .article-wrapper h4, .article-wrapper h5, .article-wrapper h6, .quote-info .article h1, .quote-info .article h2, .quote-info .article h3, .quote-info .article h4, .quote-info .article h5, .quote-info .article h6, .opinion-text h2, .opinion-text h3, .opinion-text h4, .opinion-text h5, .article-subject .inner h4, .faq h2 { font-size: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; margin: 35px 0 15px 0; }
.article-wrapper h3, .quote-info .article h3, .opinion-text h3 { font-size: 25px; }
.article-wrapper h4. .quote-info .article h4, .opinion-text h4 { font-size: 21px; }
.article-wrapper h5, .quote-info .article h5, .opinion-text h5 { font-size: 18px; }
.article-wrapper h6, .quote-info .article h6, .opinion-text h6 { font-size: 15px; }
.quote-info h1 strong, .article-wrapper h1 strong, .article-wrapper h2 strong, .article-wrapper h3 strong, .article-wrapper h4 strong, .article-wrapper h5 strong, .article-wrapper h6 strong, .quote-info .article h1 strong, .quote-info .article h2 strong, .quote-info .article h3 strong, .quote-info .article h4 strong, .quote-info .article h5 strong, .quote-info .article h6 strong, .opinion-text h2 strong, .opinion-text h3 strong, .opinion-text h4 strong, .opinion-text h5 strong, .article-subject .inner h4 strong, .faq h2 strong { font-weight: 400 !important; }
.opinion-text h2, .opinion-text h3, .opinion-text h4, .opinion-text h5 { margin: 0 0 15px 0; }
.article-wrapper a, .quote-info .article a { color: #000; font-weight: 500; }
.article-wrapper blockquote, .quote-info .article blockquote { position: relative; margin-bottom: 35px; }
.single-services .article-wrapper blockquote { position: relative; margin-bottom: 35px; padding: 15px; background: #e0d9cf; color: #000; font-weight: normal; }
.single-services .article-wrapper blockquote * { color: #000; font-weight: 17px; font-weight: normal; text-transform: none !important; }
.single-services .article-wrapper blockquote p:last-child, .opinion-text blockquote p:last-child { margin-bottom: 0; }
.opinion-text blockquote { position: relative; margin-bottom: 35px; padding: 15px; color: #000; font-weight: normal; border: 1px solid rgba(0,0,0,.72); }
.opinion-text blockquote * { text-transform: uppercase; }
.article-wrapper a, .quote-info .article a { position: relative; }
.article-wrapper ul > ul, .article-wrapper ol > ul, .quote-info .article ul > ul, .quote-info .article ol > ul { margin-top: 10px; }
.text-bg-section.service-prices::before { top: 0; left: 50%; margin-left: -200px; }
.text-bg-section .bg-figure { position: absolute; top: 0; left: -3000px; width: 13000px; height: 100%; background: #fdf1e6; z-index: -2; }
.text-bg-section .column-1 { overflow: hidden; }
.text-bg-section .column-1 h3::after { content: ""; position: absolute; bottom: 5px; left: 100%; margin-left: 10px; width: 300%; height: 1px; background: #F8D0AC; }
.opinion-text { padding-left: 55px; }
.service-opinions .column-3.margin { margin-top: 55px; }
.service-opinions .ttl { margin-bottom: 25px; }
img.alignleft, img.alignright, .popupimg-left, .popupimg-right { float: left; width: calc(50% + 75px); margin: 0 35px 25px -110px; }
img.alignright, .popupimg-right { float: right; margin: 0 -110px 25px 35px; }
.popupimg-left img, .popupimg-right img { float: none; width: 100%; margin: 0; }
img.aligncenter { display: block; margin: 0 auto 25px auto; }
.article-wrapper.service-wrapper .popupimg-left, .article-wrapper.service-wrapper .popupimg-right { display: inline; float: none; width: auto; margin: 0; }
.article-wrapper.service-wrapper img.alignleft { float: left; width: auto; margin: 0 25px 25px 0; }
.article-wrapper.service-wrapper img.alignright { float: right; width: auto; margin: 0 0 25px 25px; }
/* ARTICLES / TABLE */
table { width: 100%; border-top: 1px solid #baa592; border-left: 1px solid #baa592; margin-bottom: 15px; }
th, td { padding: 5px 10px; border-bottom: 1px solid #baa592; border-right: 1px solid #baa592; }
th { background: #f3eee7; }
/* ARTICLES / FAQ */
.faq { position: relative; padding: 40px 0; margin-top: 50px; }
.faq::after { content: ""; position: absolute; top: 0; left: -3000px; width: 13000px; height: 100%; background: #fdf1e6; z-index: -2; }
.faq h3, .faq h4 { position: relative; color: #525252; font-size: 21px; font-weight: 500; padding-left: 20px; }
.faq h3::after, .faq h4::after { position: absolute; top: 6px; left: 0; font-family: "FontAwesome"; content: "\f219"; font-size: 12px; color: #949494; z-index: 3; }
/* ARTICLE TAGS */
.tags { color: #000; padding-top: 15px; border-top: 1px solid #ddd; }
.tags a { color: #000; font-weight: normal; font-style: italic; }
.tags a:hover { color: #000; }
/* ERROR PAGE */
.notfound { text-align: center; }
.notfound i { color: #258787; margin-right: 5px; }
@media (max-width: 1300px) {
.article-gotop { right: 35px; margin-right: 0; }
.article-gotop { width: 50px; height: 50px; line-height: 50px; }
}
@media (max-width: 992px) {
.quote-info.article-preview { margin-left: 0; padding: 0 25px; }
.article-single .container { max-width: 100%; padding: 0; }
.article-wrapper { max-width: 720px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.article-single-header { padding: 0 25px; }
.article-subject .inner { padding: 35px 40px 15px 40px; }
.quote-info::before { left: 15px; }
.article-single-header h1 { font-size: 28px; }
}
@media (max-width: 768px) {
.quote-info h1, .article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .article-wrapper h4, .article-wrapper h5, .article-wrapper h6, .quote-info .article h1, .quote-info .article h2, .quote-info .article h3, .quote-info .article h4, .quote-info .article h5, .quote-info .article h6, .opinion-text h2, .opinion-text h3, .opinion-text h4, .opinion-text h5, .article-subject .inner h4, .faq h2 { font-size: 27px; }
.article-wrapper h3, .quote-info .article h3, .opinion-text h3 { font-size: 24px; }
.article-wrapper h4. .quote-info .article h4, .opinion-text h4 { font-size: 20px; }
.article-wrapper h5, .quote-info .article h5, .opinion-text h5 { font-size: 16px; }
}
@media (max-width: 580px) {
.quote-info { font-size: 15px; }
.article-subject .inner li { margin-bottom: 10px; }
.article-subject .inner li a { margin-bottom: 0; }
.article-single-header h1 { font-size: 20px; }
.quote-info h1, .article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .article-wrapper h4, .article-wrapper h5, .article-wrapper h6, .quote-info .article h1, .quote-info .article h2, .quote-info .article h3, .quote-info .article h4, .quote-info .article h5, .quote-info .article h6, .opinion-text h2, .opinion-text h3, .opinion-text h4, .opinion-text h5, .article-subject .inner h4, .faq h2 { font-size: 23px; }
.article-wrapper h3, .quote-info .article h3, .opinion-text h3 { font-size: 21px; }
.article-wrapper h4. .quote-info .article h4, .opinion-text h4 { font-size: 17px; }
.article-wrapper h5, .quote-info .article h5, .opinion-text h5 { font-size: 15px; }
.article-single-header { height: 280px; }
.article-single-header, .quote-info.article-preview { padding: 0 15px; }
.quote-info { font-size: 14px; }
.article-gotop { right: 0; }
th, td { padding: 2px 5px; font-size: 12px; }
}
/* ABOUT PAGE */
.about-page { margin-top: 85px; margin-bottom: 85px; }
.about-page .line2 { position: absolute; top: 100%; margin-top: 35px; right: -36px; width: 0.5px; height: calc(100% + 75px); background: #baa592; }
.about-page .line2::after { content: ""; position: absolute; top: 0; right: 0; width: 115px; height: 0.5px; background: #baa592; }
.about-header { position: relative; padding: 30px 65px 65px 65px; overflow: hidden; }
.about-header::before { content: ""; position: absolute; top: 0; left: 215px; width: 240px; height: 310px; background: url("../images/v3/logo-icon.svg") 50% 50% no-repeat; background-size: 100% 93%; mix-blend-mode: screen; z-index: 2; }
.about-header .in { position: relative; max-width: 570px; z-index: 5; }
.about-header .ttl { margin: 0 0 15px 0; }
.about-header .ttl h1 { color: #fff; }
.about-header h3 span.f { display: block; font-size: 19px; font-weight: 300; letter-spacing: 68px; }
.about-header h3 span.s { display: block; color: #baa592; font-size: 78px; font-weight: 200; letter-spacing: 9.5px; margin-left: -10px; }
.about-header h3 { position: relative; color: #fff; font-size: 38px; text-transform: uppercase; margin: 0; }
.about-header h3 strong { display: block; font-size: 65px; }
.about-header h3 .line { position: absolute; top: 0; left: -45px; width: 28px; height: 28px; background: #baa592; border-radius: 100%; font-size: 21px; color: #1b1209; line-height: 28px; text-align: center; }
.about-header h3 .line::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0.5px; height: 500px; background: #baa592; }
.about-header p { color: #fff; }
.about-wrapper .line { position: absolute; top: 0; left: 35px; width: 0.5px; height: 100%; background: #baa592; }
.about-highlights { position: relative; max-width: 1020px; background: #e0d9cf; padding: 15px 10px 5px 10px; margin: -45px auto 45px auto; }
.about-highlights .line { position: absolute; top: 0; left: -26px; width: 0.5px; height: 65%; background: #baa592; }
.about-highlights .line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 26px; height: 0.5px; background: #baa592; }
.about-highlights h2 { font-size: 32px; font-weight: 300; margin-bottom: 35px; }
.about-highlights .row { margin-bottom: 20px; }
.about-highlights .item { position: relative; }
.about-highlights .item::after { content: ""; position: absolute; top: 0; right: -13px; width: 0.5px; height: 100%; background: #7c7370; }
.about-highlights .row > div:last-child .item::after { display: none; }
.about-highlights h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.about-highlights ul, .about-highlights li { list-style: none; margin: 0; padding: 0; }
.about-highlights li { position: relative; padding-left: 20px; margin-bottom: 5px; }
.about-highlights li::after { position: absolute; top: 5px; left: 0; width: 14px; height: 14px; background: #2f2526; border-radius: 100%; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 9px; color: #e0d9cf; line-height: 14px; text-align: center; }
.about-features { padding: 35px 0; background: url("../images/v3/service-features.jpg") fixed no-repeat; background-position: 50% 50%; background-size: cover; }
.about-features h2 { color: #258787; font-size: 32px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 35px; }
.about-feature-item { position: relative; padding-left: 40px; color: #fff; }
.about-feature-item::after { position: absolute; top: -2px; left: 0; border-radius: 100%; font-family: "FontAwesome"; font-weight: 900; content: "\f00c"; font-size: 32px; color: #258787; line-height: 1; text-align: center; }
.about-feature-item h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; }
.about-features blockquote { display: inline-block; padding: 4px 5px; color: #fff; border: 1px solid #756355; background: transparent !important; }
@media (max-width: 1200px) {
.about-highlights { max-width: 810px; }
}
@media (max-width: 992px) {
.about-page { margin-bottom: 25px; }
.about-page .container, .about-highlights { max-width: 100%; }
.about-header { margin-left: -15px; margin-right: -15px; padding: 30px 25px 65px 25px; }
}
@media (max-width: 580px) {
.about-header { background: #060506 !important; padding-left: 15px; padding-right: 15px; }
.about-header::before { left: 50%; margin-left: -160px; opacity: .6; }
.about-header h3 span.s { font-size: 42px; letter-spacing: 3px; margin-left: -5px; }
.about-header h3 span.f { font-size: 14px; letter-spacing: 30px; }
.about-highlights { padding-left: 0; padding-right: 0; margin-bottom: 25px; }
}
/* ABOUT MORE PAGE */
.about-more-section { margin-bottom: 25px; }
.about-more-section .line { position: absolute; top: -45px; right: -36px; width: 0.5px; height: calc(100% + 75px); background: #baa592; }
.about-more-section .inner { position: relative; margin: 45px 0 20px 235px; padding: 55px 87px 15px 460px; background: #1b1209; min-height: 365px; }
.about-more-section .inner .video-wrapper { position: absolute; top: -45px; left: -235px; width: 645px; }
.about-more-section .inner p { color: #fff; }
.about-more-section h3 { color: #258787; font-size: 18px; text-transform: uppercase; text-align: center; }
@media (max-width: 1200px) {
.about-more-section .inner { margin: 45px 0 20px 130px; padding: 339px 35px 15px 35px; }
.about-more-section .inner .video-wrapper { left: -70px; }
.about-more-section .inner { margin: 0 0 25px 0; padding: 0 25px 25px 25px; }
.about-more-section h3 br { display: none; }
.about-more-section .inner .video-wrapper { position: static; margin: 0 -25px 25px -25px; width: calc(100% + 50px); }
}
@media (max-width: 580px) {
.about-more-section .inner { padding: 0 15px 25px 15px; }
.about-more-section h3 { font-size: 16px; }
.about-more-section .inner .video-wrapper { margin: 0 -15px 25px -15px; }
.about-more-section .inner .video-wrapper { width: calc(100% + 30px); }
.gallery-item a::before { display: none; }
}
/* GALLERY */
.gallery-page .container { padding-left: 0; padding-right: 0; }
.about-gallery .lines { content: ""; position: absolute; top: -35px; left: -36px; width: 0.5px; height: calc(100% - 60px); background: #baa592; }
.about-gallery .lines::before { content: ""; position: absolute; bottom: 0; left: 0; width: 90px; height: 0.5px; background: #baa592; }
.about-gallery .lines2 { content: ""; position: absolute; top: 100%; margin-top: -95px; right: -36px; width: 0.5px; height: 185px; background: #baa592; }
.about-gallery .lines2::after { content: ""; position: absolute; top: 0; right: 100%; width: 90px; height: 0.5px; background: #baa592; }
.about-gallery .ttl h2 { color: #fff; }
.about-gallery .ttl h2 { color: #fff; }
.about-gallery .inner { padding: 35px 60px 0 60px; }
.about-gallery .inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 605px; background: #1b1209; }
.gallery-nav { position: relative; text-align: center; margin-bottom: 20px; z-index: 20; }
.gallery-nav li { display: inline-block; vertical-align: top; margin: 0 5px 15px 5px; }
.gallery-nav li a { position: relative; display: inline-block; vertical-align: top; padding: 6px 10px; background: #b0a196; color: #272623; font-size: 15px; font-weight: bold; text-decoration: none; margin: 0 2px; border-radius: 26px; }
.gallery-nav li a:hover { background: #897b70; }
.gallery-page .gallery-nav li a { background: #e0d9cf; }
.gallery-page .gallery-nav li a:hover { background: #cdc4b6; }
.gallery-nav li.ui-state-active a { color: #fff; background: #1b6e6e; }
.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-right: -15px; margin-left: -15px; }
.gallery-item { position: relative; margin-bottom: 25px; }
.gallery-item figure { position: relative; height: 480px; margin: 0; }
.gallery-item a, .gallery-item figure .in, .gallery-item figure .in div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-item figure .in { top: auto; bottom: 0; overflow: hidden; }
.gallery-item figure img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.gallery-item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dcd2c8; opacity: 0.65; mix-blend-mode: color; z-index: 10; }
.gallery-item:hover img { scale: 1.05; }
.gallery-item:hover a::before { opacity: 0; }
.gallery-item a { z-index: 10; }
.gallery-item { padding-left: 15px; padding-right: 15px; }
.gallery-item, .gallery-item.width-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gallery-item.width-100 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gallery-item.width-25 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.gallery-item.height-85 .in { height: 85%; }
.gallery-item.height-65 .in { height: 65%; }
.gallery-item:hover .in div { transform: scale(1.1); }
.about-gallery .buttons { position: relative; z-index: 20; }
@media (max-width: 992px) {
.gallery-item.width-25, .gallery-item.width-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gallery-item.height-65 .inner, .gallery-item.height-85 .inner { height: 100%; }
.gallery-item figure { height: 365px; }
.gallery-item { margin-bottom: 25px; }
.gallery .gallery-item:nth-child(3) { display: none; }
}
@media all and (max-width: 850px) {
.slick-slider .discount-item { margin-top: -25px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.slick-slider .slick-active .discount-item { margin-top: 0; }
.text-bg-section .column-1 { margin-bottom: 35px; }
.opinion-text h2, .opinion-text h3, .opinion-text h4 { margin-top: 20px; margin-bottom: 25px; }
.gallery-item figure { height: 325px; }
.about-wrapper .main-logo .ml-main { font-size: 45px; }
.about-wrapper .main-logo .ml-about { font-size: 13px; }
}
@media (max-width: 768px) {
.about-gallery .inner { padding: 35px 15px 0 15px; }
.gallery-nav li { margin: 0 1px 15px 1px; }
.about-gallery .inner::before { height: 505px; }
.about-header .in { max-width: 100%; }
.gallery-item figure { height: 285px; }
}
@media (max-width: 580px) {
.gallery-item.width-25, .gallery-item.width-50 { -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
.about-gallery .inner::before { height: calc(100% + 20px); }
.video-wrapper, .about-page, .about-more-section { overflow: hidden; }
.gallery-item figure { height: 215px; }
.gallery-nav li a { font-size: 14px; }
}
/* ARTICLE TAGS */
.tags { color: #000; padding-top: 15px; border-top: 1px solid #ddd; }
.tags a { color: #000; font-weight: normal; font-style: italic; }
.tags a:hover { color: #000; }
/* ERROR PAGE */
.notfound { text-align: center; font-size: 16px; }
.notfound i { color: #258787; margin-right: 5px; }
@media (max-width: 580px) {
.notfound { font-size: 14px; }
}
/* SEARCH PAGE */
.articles-list-inline { list-style: none; padding: 0; }
.articles-list-inline li { border-bottom: 1px solid #ecf6e8; padding-bottom: 25px; margin-bottom: 25px; }
.articles-list-inline li h2 { display: block; vertical-align: top; margin: 1px 0 9px 0; }
.articles-list-inline li h2 a { color: #000; font-weight: 500; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; }
.articles-list-inline li h2 a:hover { color: #d18a3a; }
.search-image { float: left; border: 1px solid #dddddd; width: 160px; margin: 0 15px 0 0; text-align: center; }
.search-image img { max-width: 100%; padding: 1px; margin: 0; }
/* PAGINATION */
.navigation, .woocommerce-pagination { text-align: center; margin-bottom: 45px; }
.navigation ul, .woocommerce-pagination ul { display: inline-block; white-space: nowrap; padding: 0; margin: 1px; }
.navigation ul.page-numbers li, .navigation ul.page-numbers li, .woocommerce-pagination ul.page-numbers li, .woocommerce-pagination ul.page-numbers li { display: inline-block; }
.navigation ul li, .woocommerce-pagination ul li { padding: 0; margin: 0 3px; float: left; display: inline; overflow: hidden; }
.navigation a, .navigation span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { display: block; width: 34px; height: 38px; margin-bottom: 15px !important; text-align: center; line-height: 38px; color: #000; background: #e0d9cf; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.navigation a, .navigation span { display: inline-block; vertical-align: top; margin: 0 3px; }
.navigation a:hover, .woocommerce-pagination ul li a:hover { background: #6d533f; color: #fff; }
.navigation span.current, .woocommerce-pagination ul li span.current { background: #258787; color: #ffffff; text-shadow: rgba(0,0,0,0.48) 0 1px 1px; }
.navigation a.next span, .navigation a.prev span { background: transparent; }
.navigation a.next:hover span, .navigation a.prev:hover span { color: #fff; }
@media (max-width: 350px) {
.navigation a, .navigation span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { width: 30px; }
}
/* POPUPS */
.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; }
.mfp-zoom-out .white-popup, .mfp-zoom-out .black-popup { display: block !important; position: relative; width: 560px !important; padding: 30px 35px 15px 35px; background: #fff; -webkit-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); -moz-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); box-shadow: 13px 13px 25px rgba(0,0,0,0.15); border: 1px solid #B8B8B8; z-index: 100000; }
.mfp-close, .modal a.close-modal { top: -22px !important; right: -22px !important; color: #258787 !important; font-size: 45px !important; background: #e0d9cf !important; border-top: 0; border-right: 0; border: 0; border-radius: 100%; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { color: #1a7676 !important; background: #b0a196 !important; }
.mfp-zoom-out.mfp-bg { background: #000 !important; opacity: .7 !important; }
.mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
.mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.form-group.requaired { color: #fff; font-size: 14px; text-align: center; margin-bottom: 30px; }
.mfp-zoom-out .black-popup { background: rgba(29,29,26,1); background: -moz-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,29,26,1)), color-stop(36%, rgba(41,41,37,1)), color-stop(50%, rgba(41,41,37,1)), color-stop(65%, rgba(41,41,37,1)), color-stop(100%, rgba(29,29,26,1))); background: -webkit-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -o-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: -ms-linear-gradient(left, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); background: linear-gradient(to right, rgba(29,29,26,1) 0%, rgba(41,41,37,1) 36%, rgba(41,41,37,1) 50%, rgba(41,41,37,1) 65%, rgba(29,29,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1a', endColorstr='#1d1d1a', GradientType=1 ); }
.form-wrapper.black-form .form-group input.form-control, .form-wrapper.black-form .form-group textarea { color: #fff; background: transparent; border-color: #baa592; }
.mfp-zoom-out .black-popup .mfp-close:hover { color: #F8D0AC !important; }
.mfp-zoom-out .mfp-content h3 { font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
.form-group.put-servicetitle, .form-group.put-specialist, .form-group.put-action { display: none; }
/* FORMS */
.signin-section { position: relative; background: #1b1209; margin-bottom: 170px; }
.signin-section figure { position: absolute; bottom: -170px; right: 0; width: 486px; height: 678px; margin: 0; }
.signin-section figure img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); margin: 0; }
.signin-section .ttl { margin-bottom: 15px; }
.signin-section .ttl h3 { color: #fff; }
.signin-section.consultation-section .form-wrapper { max-width: 605px; }
.signin-section.consultation-section:after { top: auto; bottom: 30px; left: 66%; }
.form-wrapper { position: relative; z-index: 10; }
.form-wrapper.black-form .agree, .form-wrapper.black-form .agree a { color: #fff; }
.signin-discont { color: #fff; text-transform: uppercase; margin-bottom: 25px; }
.signin-section .form-wrapper { max-width: 550px; }
.form-group { position: relative; margin-bottom: 25px; }
.form-group:last-child { margin-bottom: 0 !important; }
.form-group input.form-control, .form-group textarea { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; border: 0; background: #fff; padding: 15px 15px 10px 15px; height: auto; border: 1px solid #B8B8B8; border-radius: 0; }
.form-group input.form-control::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group input.form-control::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group input.form-control:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group input.form-control:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group textarea::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group textarea::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group textarea:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-group textarea:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #000; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group input.form-control::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group input.form-control::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group input.form-control:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group input.form-control:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group textarea::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group textarea::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group textarea:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-wrapper.black-form .form-group textarea:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 15px; text-transform: uppercase; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ffdfdf !important; }
.form-group textarea { max-height: 100px; }
.form-group input.form-control.wpcf7-not-valid, .form-group textarea.wpcf7-not-valid { background: #ff96a4 !important; }
.hidden-form-group { display: none; }
.wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; }
.form-input.wpcf7-not-valid, .form-textarea.wpcf7-not-valid { border-color: #f03952; border-width: 1px !important; font-size: 14px; }
.ajax-loader { position: absolute !important; top: 12px !important; left: 0; width: 15px; height: 15px; margin: 0 !important; background: #ffffff; border-radius: 15px; }
.wpcf7-not-valid-tip, .screen-reader-response { display: none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { background: #fff; }
.black-popup .wpcf7 form.invalid .wpcf7-response-output, .black-popup .wpcf7 form.unaccepted .wpcf7-response-output, .black-popup .wpcf7 form.sent .wpcf7-response-output { background: transparent; color: #fff; }
.agree { margin: 5px 0 25px 0; }
.agree span.wpcf7-list-item { margin: 0; padding: 0 4px; }
.agree span.wpcf7-validates-as-required { border-bottom: 2px solid rgba(255,255,255,0); margin: 0 6px 0 0; }
.agree span.wpcf7-validates-as-required.wpcf7-not-valid { border-color: #f06b7a; }
.agree a { color: #000; font-size: 15px; text-decoration: underline; }
.agree .wpcf7-list-item-label { display: none; }
.wpcf7-spinner { position: absolute; top: 8px; left: 10px; margin: 0; }
.form-file p { margin-bottom: 5px; }
.form-file p i { font-size: 14px; }
.mfp-zoom-out .black-popup .form-file, .mfp-zoom-out .black-popup .form-file p { color: #fff; }
.question-form textarea { height: 100%; max-height: 200px; }
.form-group.put-jobtitle, .wpa-test-msg { display: none; }
@media (max-width: 1200px) {
.signin-section figure { width: 300px; height: 615px; }
}
@media (max-width: 992px) {
.signin-section { margin-bottom: 110px; }
.signin-section .container { position: static; }
.signin-section figure { top: 0; right: auto; left: 0; width: 100%; height: 100%; opacity: .2; }
.signin-section.consultation-section .form-wrapper { max-width: 100%; }
}
@media (max-width: 768px) {
.signin-section.consultation-section .ttl br { display: none; }
.question-form textarea { max-height: 100px; }
.signin-section { margin-bottom: 0; padding-bottom: 70px !important; }
}
@media all and (max-width: 680px) {
.mfp-zoom-out .white-popup, .mfp-zoom-out .black-popup { width: 100% !important; max-width: 560px !important; padding: 25px 25px 15px 25px; }
.mfp-zoom-out .mfp-close, .modal a.close-modal { right: 10px !important; }
.mfp-zoom-out .mfp-content h3 { font-size: 26px; }
}
@media all and (max-width: 580px) {
.mfp-zoom-out .white-popup, .mfp-zoom-out .black-popup { padding: 25px 15px 15px 15px; }
.mfp-zoom-out .mfp-content h3 { font-size: 21px; }
}
/* FOOTER */
footer { position: relative; background: #d8c8b8; padding: 30px 0 20px 0; }
footer .container::before { content: ""; position: absolute; bottom: -21px; left: 285px; width: 0.5px; height: calc(100% + 96px); background: #baa592; z-index: 5; }
footer .column-1 { -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; }
footer .column-2 { -ms-flex: 0 0 calc(100% - 715px); flex: 0 0 calc(100% - 715px); max-width: calc(100% - 715px); }
footer .column-3 { -ms-flex: 0 0 365px; flex: 0 0 365px; max-width: 365px; }
.footer-logo { margin-top: -60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 240px; height: 275px; background: #e0d9cf; text-decoration: none !important; }
.footer-logo span { display: block; color: #2f2526; font-size: 16px; font-weight: 500; text-decoration: none; }
.footer-logo img { width: 195px; margin-bottom: 20px; }
footer h3 { font-size: 21px; font-weight: 600; margin-bottom: 15px; }
.footer-menu li a { color: #000; font-size: 14px; text-decoration: none; }
.footer-menu li i { display: none; }
footer p { position: relative; font-size: 15px; margin-bottom: 14px; }
footer p.footer-adress::before { content: ""; position: absolute; top: 0; left: -30px; width: 20px; height: 40px; background: url("../images/v3/contacts-adress.svg") 50% 50% no-repeat; background-size: 100% 100%; }
footer p.footer-worktime::after { content: ""; position: absolute; top: -1px; left: -30px; width: 21px; height: 21px; background: url("../images/v3/footer-worktime.svg") 50% 50% no-repeat; background-size: 100% 100%; }
footer p.footer-phones::before { content: ""; position: absolute; top: 4px; left: -27px; width: 15px; height: 30px; background: url("../images/v3/contacts-phone.svg") 50% 50% no-repeat; background-size: 100% 100%; }
footer p.footer-email::after { content: ""; position: absolute; top: -1px; left: -32px; width: 24px; height: 24px; background: url("../images/v3/footer-email.svg") 50% 50% no-repeat; background-size: 100% 100%; }
footer p i { left: -30px; }
footer a:hover, .ftext:hover { color: #000; text-decoration: none; }
footer p a { display: inline-block; vertical-align: top; margin-right: 25px; color: #000; text-decoration: none; }
.licensetext { font-size: 10px; font-weight: 400; }
.touser-links { position: relative; max-width: 225px; }
.touser-links::after { content: ""; position: absolute; top: 5px; left: -40px; width: 30px; height: 32px; background: url("../images/v3/touser-links.svg") 50% 50% no-repeat; background-size: 100% 100%; }
.touser-links a { display: block; color: #2f2526; font-size: 15px; margin-bottom: 15px; }
.touser-links a:hover, footer p a:hover { color: #1b6e6e; text-decoration: underline; }
.socials-list { position: absolute; top: 0; right: 0; }
.socials-list li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; }
.socials-list li:last-child { margin-right: 0; }
.socials-list li a { position: relative; color: #000; font-size: 25px; }
.socials-list li a:hover i { color: #1b6e6e; opacity: 1; }
@media (max-width: 1200px) {
footer .column-2 {-ms-flex: 0 0 calc(100% - 625px); flex: 0 0 calc(100% - 625px); max-width: calc(100% - 625px); }
footer .column-3 { -ms-flex: 0 0 275px; flex: 0 0 275px; max-width: 275px; }
.socials-list { position: static; text-align: left; margin-bottom: 25px; }
.touser-links { margin-left: 40px; }
.footer-adress br { display: none; }
}
@media (max-width: 992px) {
footer .column-1 { -ms-flex: 0 0 165px; flex: 0 0 165px; max-width: 165px; }
footer .column-2 {-ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); padding-left: 50px; padding-right: 20px; }
footer .column-3 { -ms-flex: 0 0 235px; flex: 0 0 235px; max-width: 235px; }
footer .container::before { display: none; }
.footer-logo { width: 100%; height: 190px; }
.footer-logo img { width: 100%; }
.footer-logo span { font-size: 14px; }
.line, .lines, .line2, .lines2, .contacts-map-section .container::before, .contacts-map-section .container::after { display: none; }
}
@media (max-width: 768px) {
footer { z-index: 20; }
footer .column-1 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; }
.footer-logo { width: 195px; height: 160px; margin: -60px auto 25px auto; }
footer .column-2, footer .column-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; }
footer .column-2 { max-width: 320px; margin: 0 auto; padding: 0 15px; }
footer p { margin-left: 30px; }
}
@media (max-width: 580px) {
footer .column-2, footer .column-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
.socials-list { text-align: center; }
.touser-links { max-width: 100%; }
footer p, .touser-links a { font-size: 14px; }
.socials-list { margin-top: 15px; }
}
/* COOKIE ATTEMPT */
.cookie-attempt { position: fixed; bottom: -100%; left: 0; width: 100%; margin: 0 !important; background: rgba(255,255,255,.96); -webkit-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.15); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 999; }
.cookie-attempt.show { bottom: 0; }
.cookie-attempt .container { padding-top: 15px; padding-bottom: 20px; }
.cookie-attempt .container p { font-size: 15px; margin: 0; }
.cookie-attempt .access-butn { margin: 0; }
.cookie-attempt a { color: #000; text-decoration: underline; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.cookie-attempt a:hover { opacity: .4; }
.cookie-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }
.cookie-attempt .column-1 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; padding-left: 15px; padding-right: 15px; }
.cookie-attempt .column-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; padding-left: 15px; padding-right: 15px; }
.cookie-butn { position: relative; display: inline-block; vertical-align: top; padding: 3px 35px; background: #258787; text-decoration: none; font-size: 15px; font-weight: bold; color: #fff; border: 0; outline: none; text-align: center; overflow: hidden; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.cookie-butn:hover { text-decoration: none; color: #fff; background: #1b6e6e; }
@media screen and (max-width: 1200px) {
.cookie-attempt .column-1 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.cookie-attempt .column-2 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
}
@media (max-width: 768px) {
.cookie-attempt .column-1, .cookie-attempt .column-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.cookie-attempt p br { display: none; }
.cookie-attempt .column-1 { margin-bottom: 15px; }
}
@media (max-width: 580px) {
.cookie-attempt .container p { font-size: 14px; }
}