@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic&subset=latin,cyrillic-ext);

/* =============================================
 НОВА ПАЛІТРА БАНКЕТКА — тепла, меблева
 Акцент: #8B5E3C (тепло-коричневий)
 Hover: #6B4226 (темніший коричневий)
 Фон: #f7f2ea (кремовий)
 Хедер/футер: #2C1A0E (темно-шоколадний)
 Текст: #1f1a14 (майже чорний)
============================================= */

/* ---- CSS змінні ---- */
:root {
 --accent: #8B5E3C;
 --accent-hover: #6B4226;
 --header-bg: #2C1A0E;
 --body-bg: #f7f2ea;
 --cream: #f0e9de;
 --text-dark: #1f1a14;
 --text-mid: #4a3f35;
 --text-light: #7a6a5a;
 --border: #d9cfc4;
}

/* reset styles
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
strike,strong,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
 margin:0; padding:0; border:0; outline:0;
 font-size:100%; vertical-align:baseline; background:transparent;
}
table,caption,tbody,tfoot,thead,tr,th,td {
 margin:0; padding:0; outline:0;
 font-size:100%; vertical-align:top;
}
table { border-collapse:collapse; border-spacing:0; }
blockquote,q { quotes:none; }
blockquote:before,q:before,blockquote:after,q:after { content:''; }
input:focus,textarea:focus,a:focus,button:focus,select:focus { outline:0; }
ins { text-decoration:none; }
del,s,strike { text-decoration:line-through; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
article,aside,details,figcaption,figure,
footer,header,hgroup,main,nav,section,summary {
 display:block; margin:0;
}

/* Common classes
-----------------------------------------------------------------------------*/
.clear { clear:both; }
.clear-fix:after,.container:after,.container-fluid:after,.row:after {
 content:''; clear:both; display:table; width:100%;
}
.webkit-flicker-fix { -webkit-backface-visibility:hidden; }
.webkit-border-radius-fix {
 -webkit-mask-image:-webkit-radial-gradient(circle,#ffffff,#000000);
 -webkit-backface-visibility:hidden;
}

/* positioning */
.pa { position:absolute; }
.pr { position:relative; }
.fl { float:left; }
.fr { float:right; }

/* sizing */
.full-width,
input[type=text],input[type=password],input[type=email],
input[type=search],input[type=tel],input[type=url],textarea,
input[type=date],input[type=datetime],input[type=datetime-local],
input[type=month],input[type=time],input[type=week],
input[type=number],input[type=range],input[type=color] {
 box-sizing:border-box; width:100%;
}

/* transitions */
a,a *,a:before,a:after { transition:all 200ms ease; }

.title {
 font-size:32px; text-align:center;
 color:var(--text-dark); padding:10px 0;
 position:relative;
}
.title:before,.title:after {
 content:''; position:absolute;
 width:45px; height:1px;
 background:var(--accent); left:48%;
}
.title:before { top:-3px; }
.title:after { bottom:-4px; }

.opensans { font-family:'Open Sans',sans-serif; color:var(--text-mid); }

.base-margin-bottom,h1,h2,h3,h4,h5,h6,
p,ul,ol,table,blockquote,.text-content .row { margin-bottom:9px; }
.base-margin-bottom:last-child,h1:last-child,h2:last-child,
h3:last-child,h4:last-child,h5:last-child,h6:last-child,
p:last-child,ul:last-child,ol:last-child,
table:last-child,blockquote:last-child,
.text-content .row:last-child { margin-bottom:0; }

body,input,button,select,textarea {
 font-family:'Cuprum',sans-serif; font-size:12px;
}
body {
 line-height:1.5;
 background-color: var(--body-bg);
 color: var(--text-dark);
}

a { color:var(--accent); outline:none; text-decoration:underline; }
a:hover { text-decoration:none; color:var(--accent-hover); }

img { border:none; vertical-align:top; max-width:100%; height:auto; }

h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

ul,ol { padding-left:0; }
ul.unstyled,ol.unstyled { list-style:none; padding:0; margin:0; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-justify { text-align:justify; }
.text-uppercase { text-transform:uppercase; }
.text-lowercase { text-transform:lowercase; }

pre,code { font-family:monospace; }

.text-content blockquote {
 border-left:2px solid var(--border);
 background:var(--cream);
 padding:10px;
}
.text-content q:before { content:'"'; }
.text-content q:after { content:'"'; }
.text-content thead th { border-bottom:2px solid var(--border); }
.text-content tbody td { border-bottom:1px solid var(--border); }
.text-content tbody tr:nth-child(even) td { background:var(--cream); }
.text-content th,.text-content td { padding:10px; }

/* button
-----------------------------------------------------------------------------*/
.button { display:inline-block; margin:0; padding:0; border:none; position:relative; }
.button input { top:0; left:0; width:100%; height:100%; opacity:0; position:absolute; }

/* inputs
-----------------------------------------------------------------------------*/
input { vertical-align:middle; }
input[type=text],input[type=password],input[type=email],
input[type=search],input[type=tel],input[type=url],textarea,
input[type=date],input[type=datetime],input[type=datetime-local],
input[type=month],input[type=time],input[type=week],
input[type=number],input[type=range],input[type=color] {
 display:block; margin:0; padding:0;
 border:1px solid var(--border);
 border-radius:0; box-shadow:none;
}
textarea { overflow:auto; }
input[type=button],input[type=reset],input[type=submit],button {
 -webkit-appearance:button; cursor:pointer;
}

/* page structure
-----------------------------------------------------------------------------*/
html { height:100%; }
.no-flexbox body { min-height:100%; height:100%; display:block !important; }
.page-wrapper,.footer { max-width:none; min-width:0; width:100%; margin:0 auto; }
.page-wrapper {
 display:-webkit-flex; display:-ms-flexbox; display:flex;
 -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
 min-height:100vh;
}
.no-flexbox .page-wrapper { display:block !important; width:auto; min-height:100%; height:auto !important; height:100%; }
.page-body { -webkit-flex:1; -ms-flex:1; flex:1; }
.page-body.flex-none { -webkit-flex:none; -ms-flex:none; flex:none; }
.wrapper { position:relative; }

/* responsive text align */
.text-xs-left { text-align:left; }
.text-xs-right { text-align:right; }
.text-xs-center { text-align:center; }
.text-xs-justify { text-align:justify; }
@media (min-width:768px) {
 .text-sm-left{text-align:left} .text-sm-right{text-align:right}
 .text-sm-center{text-align:center} .text-sm-justify{text-align:justify}
}
@media (min-width:992px) {
 .text-md-left{text-align:left} .text-md-right{text-align:right}
 .text-md-center{text-align:center} .text-md-justify{text-align:justify}
}
@media (min-width:1200px) {
 .text-lg-left{text-align:left} .text-lg-right{text-align:right}
 .text-lg-center{text-align:center} .text-lg-justify{text-align:justify}
}

/* visibility helpers */
.visible-xs,.visible-sm,.visible-md,.visible-lg { display:none !important; }
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,
.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,
.visible-md-block,.visible-md-inline,.visible-md-inline-block,
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display:none !important; }
@media (max-width:767px) {
 .visible-xs{display:block !important} table.visible-xs{display:table}
 tr.visible-xs{display:table-row !important} th.visible-xs,td.visible-xs{display:table-cell !important}
 .visible-xs-block{display:block !important}
 .visible-xs-inline{display:inline !important}
 .visible-xs-inline-block{display:inline-block !important}
}
@media (min-width:768px) and (max-width:991px) {
 .visible-sm{display:block !important} table.visible-sm{display:table}
 tr.visible-sm{display:table-row !important} th.visible-sm,td.visible-sm{display:table-cell !important}
 .visible-sm-block{display:block !important}
 .visible-sm-inline{display:inline !important}
 .visible-sm-inline-block{display:inline-block !important}
}
@media (min-width:992px) and (max-width:1199px) {
 .visible-md{display:block !important}
 .visible-md-block{display:block !important}
 .visible-md-inline{display:inline !important}
 .visible-md-inline-block{display:inline-block !important}
}
@media (min-width:1200px) {
 .visible-lg{display:block !important}
 .visible-lg-block{display:block !important}
 .visible-lg-inline{display:inline !important}
 .visible-lg-inline-block{display:inline-block !important}
}
@media (max-width:767px) { .hidden-xs{display:none !important} }
@media (min-width:768px) and (max-width:991px) { .hidden-sm{display:none !important} }
@media (min-width:992px) and (max-width:1199px) { .hidden-md{display:none !important} }
@media (min-width:1200px) { .hidden-lg{display:none !important} }
.visible-print{display:none !important}
@media print {
 .visible-print{display:block !important} table.visible-print{display:table}
 tr.visible-print{display:table-row !important} th.visible-print,td.visible-print{display:table-cell !important}
 .visible-print-block{display:block !important}
 .visible-print-inline{display:inline !important}
 .visible-print-inline-block{display:inline-block !important}
 .hidden-print{display:none !important}
}

/* container / grid */
.container {
 margin-right:auto; margin-left:auto;
 padding-left:10px; padding-right:10px;
 box-sizing:border-box;
}
@media (min-width:768px) { .container{width:740px} }
@media (min-width:992px) { .container{width:960px} }
@media (min-width:1200px) { .container{width:1160px} }
.container-fluid { margin-right:auto; margin-left:auto; padding-left:10px; padding-right:10px; box-sizing:border-box; }
.row { margin-left:-10px; margin-right:-10px; }

/* col-* (скорочено, усі breakpoints збережені) */
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,
.col-fifth-xs-1,.col-fifth-xs-2,.col-fifth-xs-3,.col-fifth-xs-4,.col-fifth-xs-5,
.col-fifth-sm-1,.col-fifth-sm-2,.col-fifth-sm-3,.col-fifth-sm-4,.col-fifth-sm-5,
.col-fifth-md-1,.col-fifth-md-2,.col-fifth-md-3,.col-fifth-md-4,.col-fifth-md-5,
.col-fifth-lg-1,.col-fifth-lg-2,.col-fifth-lg-3,.col-fifth-lg-4,.col-fifth-lg-5 {
 position:relative; min-height:1px;
 padding-left:10px; padding-right:10px;
 box-sizing:border-box;
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,
.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,
.col-fifth-xs-1,.col-fifth-xs-2,.col-fifth-xs-3,.col-fifth-xs-4,.col-fifth-xs-5 { float:left; }
.col-xs-12{width:100%} .col-xs-11{width:91.66666667%} .col-xs-10{width:83.33333333%}
.col-xs-9{width:75%} .col-xs-8{width:66.66666667%} .col-xs-7{width:58.33333333%}
.col-xs-6{width:50%} .col-xs-5{width:41.66666667%} .col-xs-4{width:33.33333333%}
.col-xs-3{width:25%} .col-xs-2{width:16.66666667%} .col-xs-1{width:8.33333333%}
.col-fifth-xs-5{width:100%} .col-fifth-xs-4{width:80%} .col-fifth-xs-3{width:60%}
.col-fifth-xs-2{width:40%} .col-fifth-xs-1{width:20%}
@media (min-width:768px) {
 .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
 .col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
 .col-fifth-sm-1,.col-fifth-sm-2,.col-fifth-sm-3,.col-fifth-sm-4,.col-fifth-sm-5 { float:left; }
 .col-sm-12{width:100%} .col-sm-11{width:91.66666667%} .col-sm-10{width:83.33333333%}
 .col-sm-9{width:75%} .col-sm-8{width:66.66666667%} .col-sm-7{width:58.33333333%}
 .col-sm-6{width:50%} .col-sm-5{width:41.66666667%} .col-sm-4{width:33.33333333%}
 .col-sm-3{width:25%} .col-sm-2{width:16.66666667%} .col-sm-1{width:8.33333333%}
 .col-fifth-sm-5{width:100%} .col-fifth-sm-4{width:80%} .col-fifth-sm-3{width:60%}
 .col-fifth-sm-2{width:40%} .col-fifth-sm-1{width:20%}
}
@media (min-width:992px) {
 .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
 .col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
 .col-fifth-md-1,.col-fifth-md-2,.col-fifth-md-3,.col-fifth-md-4,.col-fifth-md-5 { float:left; }
 .col-md-12{width:100%} .col-md-11{width:91.66666667%} .col-md-10{width:83.33333333%}
 .col-md-9{width:75%} .col-md-8{width:66.66666667%} .col-md-7{width:58.33333333%}
 .col-md-6{width:50%} .col-md-5{width:41.66666667%} .col-md-4{width:33.33333333%}
 .col-md-3{width:25%} .col-md-2{width:16.66666667%} .col-md-1{width:8.33333333%}
 .col-fifth-md-5{width:100%} .col-fifth-md-4{width:80%} .col-fifth-md-3{width:60%}
 .col-fifth-md-2{width:40%} .col-fifth-md-1{width:20%}
}
@media (min-width:1200px) {
 .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,
 .col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
 .col-fifth-lg-1,.col-fifth-lg-2,.col-fifth-lg-3,.col-fifth-lg-4,.col-fifth-lg-5 { float:left; }
 .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%}
 .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%}
 .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%}
 .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%}
 .col-fifth-lg-5{width:100%} .col-fifth-lg-4{width:80%} .col-fifth-lg-3{width:60%}
 .col-fifth-lg-2{width:40%} .col-fifth-lg-1{width:20%}
}

/* Slick slider (залишаємо без змін)
-----------------------------------------------------------------------------*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* =============================================
 HEADER — темно-шоколадний
============================================= */
.header {
 background: var(--header-bg);
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 999;
 box-shadow: 0 2px 12px rgba(0,0,0,0.18);
}
.header .logo {
 margin-top: 18px;
 margin-left: 0;
 float: left;
}
.header .logo a img {
 max-width: 100%;
 position: relative;
 bottom: 5px;
 width: 160px;
}
.tel {
 display: inline-block;
 color: #f0e9de;
 font-size: 25px;
}
.header .top-nav-container .top-nav {
 float: right;
}
.header .top-nav-container .top-nav li {
 float: left;
 list-style: none;
 padding: 23px 0;
}
.header .top-nav-container .top-nav li a {
 text-decoration: none;
 font-size: 20px;
 color: #f0e9de;
 padding: 27px 10px;
 transition: color 0.2s, background 0.2s;
}
.header .top-nav-container .top-nav li > ul {
 background: var(--header-bg);
 z-index: 22;
 margin-top: 23px;
 position: absolute;
 max-height: 0;
 overflow: hidden;
 -webkit-transition: 0.3s linear;
 transition: 0.3s linear;
 border-top: 2px solid var(--accent);
}
.header .top-nav-container .top-nav li > ul a {
 padding: 10px 15px;
 display: block;
 color: #f0e9de;
}
.header .top-nav-container .top-nav li > ul li {
 padding: 0;
 float: none;
 margin: 0;
}
.header .top-nav-container .top-nav li:hover > ul {
 display: block !important;
 max-height: 400px;
}
.header .top-nav-container .top-nav li a:hover,
.header .top-nav-container .top-nav li a.active {
 background: var(--accent);
 color: #fff;
}

/* =============================================
 PAGE BODY
============================================= */
.page-body {
 margin-top: 84px;
 background-color: var(--body-bg);
}

/* =============================================
 MAIN SLIDER
============================================= */
.main-slider-wrapper { position: relative; }
.main-slider-wrapper .main-slider { overflow: hidden; }
.main-slider-wrapper .main-slider .slide {
 max-height: 572px; height: auto;
 float: left; position: relative;
}
.main-slider-wrapper .main-slider .slide .back-image {
 display: block; width: 100%; height: auto;
}
.main-slider-wrapper .main-slider .slide .slide-description {
 background: rgba(247, 242, 234, 0.80);
 position: absolute; left:0; top:0; right:0; bottom:0;
 text-align: center; z-index: 5;
}
.main-slider-wrapper .main-slider .slide .slide-description:before {
 content:''; display:inline-block;
 height:100%; vertical-align:middle;
}
.main-slider-wrapper .main-slider .slide .slide-description .centered {
 display: inline-block; vertical-align: middle;
 max-width: 95%; color: var(--text-dark);
}
.main-slider-wrapper .main-slider .slide .slide-description .centered .title-slide {
 text-transform: uppercase;
 font-size: 36px;
 color: var(--text-dark);
}
.main-slider-wrapper .main-slider .slide .slide-description .centered .text-slide {
 color: var(--text-mid);
 font-weight: 400;
 font-size: 18px;
}
.main-slider-wrapper .main-slider .slide .slide-description .centered .text-slide span {
 display: block;
 color: var(--accent);
 font-size: 20px;
 margin-top: -10px;
 margin-left: -13px;
}
.main-slider-wrapper .main-slider .slide .slide-description .link-slide {
 margin-top: 26px; margin-left: 10px;
}
.main-slider-wrapper .main-slider .slide .slide-description .link-slide a {
 display: inline-block; z-index: 8; overflow: hidden;
 font-size: 24px; font-weight: 400;
 text-decoration: none; padding: 10px 20px;
 color: var(--text-dark);
 border: 1px solid var(--accent);
 background: transparent;
}
.main-slider-wrapper .main-slider .slide .slide-description .link-slide a:hover {
 background: var(--accent);
 color: #fff;
 border-color: var(--accent);
}

/* =============================================
 SERVICES
============================================= */
.services-wrapper { padding: 41px 0 80px; }
.services-wrapper .services-container-wrap { margin: 43px auto 0; }
.services-wrapper .services-container-wrap ul { text-align: center; }
.services-wrapper .services-container-wrap li {
 list-style: none; display: inline-block;
 vertical-align: top; width: 18%;
}
.services-wrapper .services-wrap {
 display: block; vertical-align: middle; text-align: center;
}
.services-wrapper .services-wrap .icon-block {
 padding: 10px;
 border: 1px solid var(--accent);
 border-radius: 50%;
 display: block;
 width: 126px; height: 126px;
 margin: 0 auto;
 box-sizing: border-box;
 line-height: 100px;
 transition: background 0.25s, border-color 0.25s;
}
.services-wrapper .services-wrap:hover .icon-block {
 background: var(--accent);
}
.services-wrapper .services-wrap .icon-block img { vertical-align: middle; }
.services-wrapper .services-wrap .services-title-wrap {
 font-size: 18px; color: var(--text-dark);
 font-weight: 400; margin-top: 14px;
}
.services-wrapper .services-wrap .services-text-wrap {
 font-family: 'Open Sans', sans-serif;
 color: var(--text-light);
 font-size: 13px; line-height: 17px; padding: 0 5px;
}

/* =============================================
 ENROLL (CTA-блок)
============================================= */
.enroll-wrapper {
 padding: 70px 0 43px;
 text-align: center;
 background: var(--cream);
 background-image: url("../images/patern.png");
}
.enroll-wrapper .enroll-text {
 margin: 0 auto; width: 790px; max-width: 90%;
 font-family: 'Open Sans', sans-serif;
 font-size: 17px; color: var(--text-mid);
}
.enroll-wrapper a {
 margin-top: 30px; display: inline-block;
 z-index: 8; overflow: hidden;
 font-size: 24px; font-weight: 400;
 text-decoration: none; padding: 8px 44px;
 color: var(--text-dark);
 border: 1px solid var(--accent);
 transition: background 0.25s, color 0.25s;
}
.enroll-wrapper a:hover {
 background: var(--accent);
 color: #fff;
}

/* =============================================
 GALLERY
============================================= */
.gallery-wrapper { padding: 50px 0 64px; }
.gallery-wrapper .title-gallery { margin-bottom: 40px; }
.gallery-wrapper .title-gallery:after { bottom: -1px; }
.gallery-wrapper .title-gallery:before { top: 0; }
.gallery-wrapper .icon-gallery {
 margin-bottom: 20px; display: block; padding: 10px;
 text-align: center;
 border: 1px solid var(--border);
 box-sizing: border-box; cursor: pointer;
}
.gallery-wrapper .show-more { text-align: center; }
.gallery-wrapper .show-more a {
 display: inline-block; margin-top: 30px;
 font-size: 24px; font-weight: 400;
 text-decoration: none; padding: 6px 28px;
 color: var(--text-dark);
 border: 1px solid var(--accent);
}
.gallery-wrapper .show-more a:hover {
 background: var(--accent); color: #fff;
}

/* =============================================
 REVIEWS
============================================= */
.reviews-wrapper {
 padding: 51px 0 55px;
 background: var(--cream);
}
.reviews-wrapper .title-reviews:before { top: 1px; }
.reviews-wrapper .title-reviews:after { bottom: 3px; }
.reviews-wrapper .author-reviews { text-align: center; margin-top: 35px; }
.reviews-wrapper .author-reviews .icon-reviews-block { position: relative; }
.reviews-wrapper .author-reviews .icon-reviews-block img {
 border: 5px solid #fff;
 border-radius: 50%; max-width: 100%;
}
.reviews-wrapper .author-reviews .name-author {
 margin-top: 28px; font-size: 24px; color: var(--text-dark);
}
.reviews-wrapper .author-reviews .text-author {
 font-family: 'Open Sans', sans-serif;
 color: var(--text-light); font-size: 12px;
 width: 215px; margin: 10px auto;
}

/* =============================================
 CONTACTS
============================================= */
.contact-wrapper { padding: 0; }
.contact-wrapper iframe { display: block; }
.contact-wrapper .contact-wrap { position: relative; margin: 30px 0; }
.contact-wrapper .contact-wrap .title-contact-wrap {
 font-size: 32px; color: var(--text-dark);
}
.contact-wrapper .contact-wrap .text-contact-wrap .contact-info {
 width: 355px; margin-top: 15px; margin-left: 2px;
}
.contact-wrapper .contact-wrap .text-contact-wrap .contact-info .contact-title-info {
 font-size: 24px; color: var(--text-dark);
}
.contact-wrapper .contact-wrap .text-contact-wrap .contact-info .contact-text-info {
 margin-top: 10px; margin-bottom: 18px; display: block;
 font-size: 14px; font-family: 'Open Sans', sans-serif;
 color: var(--text-mid);
}
.contact-wrapper .map-wrap { position: relative; }

/* =============================================
 FOOTER — темно-шоколадний як header
============================================= */
.footer {
 background: var(--header-bg);
 padding: 6px 0;
 margin-top: 60px;
}
.footer .logo { margin-top: 27px; margin-left: 0; }
.footer .logo a img { max-width: 100%; width: 100px; }
.footer span a {
 display: block; text-align: right;
 color: #f0e9de; font-size: 10px;
}
.footer_m_1 {
 text-align: center; font-size: 18px;
 font-weight: bold; margin-bottom: 29px;
 text-decoration: underline;
 color: #f0e9de; margin-top: 20px;
}
.fbot a { color: #f0e9de; }
.ssilki a {
 width: 220px; float: left;
 font-size: 16px; text-decoration: none;
 color: #f0e9de;
}

/* =============================================
 BLOG
============================================= */
.blog-wrapper { background: var(--cream); padding: 50px 0 64px; }
.blog-item { margin-top: 40px; min-height: 200px; }
.blog-title,.eTitle { font-size: 24px; margin-bottom: 10px; line-height: 30px; }
.blog-title a { text-decoration: none; color: var(--text-dark); }
.blog-title a:hover { color: var(--accent); }
.eMessage p { font-size: 14px; line-height: 18px; }
.eBlock { margin: 30px 0; }

/* =============================================
 POPUP
============================================= */
.popup { position: fixed; top:0; left:0; width:100%; height:100%; display:none; }
.popup .overlay {
 position: absolute; top:0; left:0; width:100%; height:100%;
 background: rgba(44,26,14,0.4);
}
.popup .content {
 background: #fff; box-shadow: 0 0 10px rgba(44,26,14,0.25);
 padding: 20px; position: absolute; top: 120px;
 width: 500px; left: 50%; margin-left: -260px;
}

/* =============================================
 uCoz / форми / кнопки
============================================= */
input[type=button], input[type=reset], input[type=submit], button {
 display: inline-block; z-index: 8; overflow: hidden;
 font-size: 24px; font-weight: 400; text-decoration: none;
 padding: 10px 20px;
 color: var(--text-dark);
 border: 1px solid var(--accent);
 background: none; outline: none;
 transition: background 0.25s, color 0.25s;
}
input[type=button]:hover, input[type=reset]:hover,
input[type=submit]:hover, button:hover {
 background: var(--accent);
 color: #fff;
 border-color: var(--accent);
}
input[type=text],input[type=email],input[type=tel],
input[type=number],select,textarea {
 height: 40px;
 border: 1px solid var(--border);
 outline: none; padding: 0 10px;
 box-sizing: border-box;
 margin-bottom: 10px;
 width: 100% !important;
 border-radius: 0;
 background: #fff;
}
input[type=text]:focus,input[type=email]:focus,
input[type=tel]:focus,input[type=number]:focus,textarea:focus {
 border: 1px solid var(--accent);
}
textarea { min-height: 70px; resize: vertical; padding: 5px 10px; }

/* =============================================
 MISC
============================================= */
#section6 + .footer { margin-top: 0; }

.icon-gallery { position: relative; }
.icon-gallery .gallery-mask {
 position: absolute; top:0; left:0;
 width:100%; height:100%;
 background: rgba(247,242,234,0.85);
 opacity:0; transition: all ease 0.3s;
}
.icon-gallery:hover .gallery-mask { opacity: 1; }
.icon-gallery .gallery-mask:before {
 content:''; height:100%; width:0;
 display:inline-block; vertical-align:middle;
}
.icon-gallery .gallery-mask .gallery-mask-inside {
 display:inline-block; vertical-align:middle;
}
.icon-gallery .gallery-mask .gallery-mask-inside span {
 color: var(--text-dark); font-weight: bold;
}

body { overflow-x: hidden; }
#scroller {
 width: 80px; height: 80px;
 position: fixed; right: 30px; bottom: 30px;
 background: url(/images/top.png) no-repeat center center;
 background-size: 100% 100%;
 opacity: 0.2;
}
#scroller:hover { opacity: 0.5; }

section#gallery { width:680px; float:left; padding-bottom:0 !important; height:530px; padding:0; }
section#gallery .content { border:none !important; height:410px; }
section#gallery .content img { width:100%; height:100%; }
section#gallery .thumbnail { width:680px; height:120px; padding:26px 0 0 2px !important; border:none !important; margin-bottom:0 !important; border-radius:0 !important; box-sizing:border-box; }
section#gallery .thumbnail { display:block; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; border:1px solid var(--border); border-radius:4px; transition:border .2s ease-in-out; }
section#gallery .thumb { display:inline-block !important; opacity:0.5; }
section#gallery .thumb.active { opacity:1; }
section#gallery .thumbnail a > img { width:109px !important; }

.t-col { display:inline; float:left; margin-left:20px; margin-right:20px; width:100%; }
.t-col_5 { max-width:460px; }
.t-col_6 { max-width:560px; }

.sdf a {
 display:inline-block; z-index:8; overflow:hidden;
 font-size:24px; font-weight:400; text-decoration:none;
 padding:10px 20px; color:var(--text-dark);
 border:1px solid var(--accent);
}
.sdf a:hover { background: var(--accent); color: #fff; }
.sdf { text-align:center; margin-top:30px; }

.wr1 { margin-top: 30px; }
.wr2 {
 background-color: var(--accent);
 width: 200px; height: 3px; margin: 0 auto;
}
.wr3 { text-align:center; font-size:18px; padding-top:5px; }

.gallery_c .icon-gallery { padding-bottom:15px; }

.hiv_i {
 -webkit-transition: transform 0.3s ease-out 0s;
 transition: transform 0.3s ease-out 0s;
 transform: rotate(-180deg);
}

.juxtapose { height:583px; width:560px; }

.icon { padding-top:3px; text-align:center; display:inline-block; }
.icon .fs {
 width:30px; height:30px;
 background:url(/img/fs.png); display:inline-block; background-size:contain;
}
.inst { width:30px; height:30px; background:url(/img/inst.png); display:inline-block; background-size:contain; }
.i1 { font-size:24px; vertical-align:top; color:#f0e9de; display:inline-block; }
.mmmo { display:inline-block; padding-left:15px; }
.tel_n { display:inline-block; float:right; vertical-align:top; line-height:40px; padding-top:20px; }
.tel_22 { line-height:35px; vertical-align:text-bottom; padding:0 5px; }

.km-catbar { border-bottom:none !important; margin-bottom:15 !important; padding-bottom:15 !important; }
.km-catbar + * { margin-top:0 !important; padding-top:0 !important; }
.page-body { margin-top:0 !important; }

.rating-block { position:relative; z-index:999; pointer-events:all !important; }
.stars-input { position:relative; z-index:1000; pointer-events:all !important; }
.stars-input span { pointer-events:all !important; }

/* =============================================
 RESPONSIVE
============================================= */
@media (max-width:980px) {
 .services-wrapper .services-container-wrap li {
 display:inline-block; vertical-align:top;
 margin-bottom:20px; width:33%;
 }
 .footer span a, .footer .logo { text-align:center; }
}
@media (max-width:630px) { .services-wrapper .services-container-wrap li { width:49%; } }
@media (max-width:480px) { .services-wrapper .services-container-wrap li { width:89%; } }
@media (max-width:768px) {
 .page-body { margin-top:133px; }
 .header .logo { text-align:center; }
 .header .top-nav-container .top-nav { float:none; text-align:center; margin:10px 0; }
 .header .top-nav-container .top-nav li { float:none; padding:8px 0; display:inline-block; }
 .header .top-nav-container .top-nav li a { padding:10px; }
}
@media (max-width:556px) { .page-body { margin-top:180px; } }
@media (max-width:860px) {
 .top_1 { position:absolute !important; top:0; }
 .header .logo a img { bottom:12px !important; }
 .header .logo { margin-top:17px !important; }
 .page-body { margin-top:100px; }
 .drop_m { display:none; }
 .p_l_mob { display:inline-block !important; width:20px; position:absolute; left:170px; margin-top:8px; }
 .new_podmenu { display:block; padding:0 40px; list-style:none; }
 .new_podmenu li::before { content:"\2022"; color:#f0e9de; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; }
 .new_podmenu a { color:#f0e9de; font-size:18px; padding:5px 0; display:inline-block; }
 iframe { max-width:100%; }
 .t-col { margin-left:0; margin-right:0; }
}
@media (max-width:1190px) {
 .top_1 { padding-right:0 !important; padding-left:0 !important; }
}