html, body { font-family:'Rubik', sans-serif; font-size:16px; color:#777777; line-height:120%; }
a { color:#7d6741; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { color:#333; line-height:120%; }
h2 { font-size:2em; }  
main h1 { padding-top:10px; }
.btn1 { color:#fff; background-color:#7d6741!important; border:2px solid #7d6741; padding:15px 20px; }
.btn2 { color:#fff; background-color:transparent!important; border:2px solid #fff; padding:15px 20px; }

.video { position:relative; padding-bottom:56.25%; margin-bottom:15px; }
.video > iframe { position:absolute; width:100%; height:100%; }

body.dark { background:#333; }
body.dark, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark a { color:#fff; }

.modal a.close { font-size:40px; top:25px; }

#top1 { background:#2f2e2e; text-align:right; color:#fff; }
#top1 .subnav-item { display:inline-block; margin-left:30px; padding:10px 0px; font-size:.8rem; transition:.15s; opacity: .8; font-weight:400; }
#top1 .subnav-item:hover { opacity:1; }
#top1 .subnav-item .fa { color:#7d6741; font-size:16px; vertical-align:middle; margin-right:5px; line-height:1.7rem; }
#top2 { background:#000000; width:100%; }
#top2 .logo { float:left; padding-top:5px; }
#top2 .menu { float:right; text-align:right; display:none; }
#top2 .menu.complete { display:block; }
#top2 .menu > ul > li { display:inline-block; text-align:center; }
#top2 .menu.__mnuNoCollaps__ > ul > li > a { 
	border:none; color:#fff; opacity:0.8; transition:all .15s; padding:6px 11px; line-height:100px; position:relative;
}
#top2 .menu.__mnuNoCollaps__ > ul > li > a:before {
	content:''; position:absolute; left:50%; bottom:0px; width:0%; height:5px; transition:all .2s; background:#7d6741;
}
#top2 .menu.__mnuNoCollaps__ > ul > li:hover > a { opacity:1; background-image:none; }
#top2 .menu.__mnuNoCollaps__ > ul > li:hover > a:before { left:0px; width:100%; }
#top2 .menu.__mnuNoCollaps__ > ul > li > ul { background:none; box-shadow:none; text-align:left; }
#top2 .menu.__mnuNoCollaps__ > ul > li > ul > li > a { padding:22px 40px 22px 20px; color:#fff; background:#69593e; }
#top2 .menu.__mnuNoCollaps__ > ul > li > ul > li > a:hover { background:#5a4a2f; }
#top2 .menu-pic { margin-top:30px; background:none!important; }
#top2 .menu-pic > span { background:#fff; }
#top2 .menu.__mnuCollaps__ { position:static; }
#top2 .menu.__mnuCollaps__.open > ul { box-shadow:none; }
#top2 .menu.__mnuCollaps__.open > ul { left:0px; top:99px; }
#top2 .menu.__mnuCollaps__ li > a { background:#5a4a2f; color:#fff; text-align:left; }

#top-share a {
    display:inline-block; width:30px; height:30px; line-height:28px; font-size:16px; text-align:center; color:#fff;
    border: 1px solid #fff; border-radius:50%; text-decoration:none;
}
#top-share a > .fa { color:inherit!important; font-size:inherit!important; margin-right:0px!important; }
#top-share a > #wk { width:20px; position:relative; top:5px; }

#sidebar { width:260px; float:left; }
#sidebar + #content { margin-left:290px; }
ul#left-menu { list-style:none; padding:0px; }
ul#left-menu a { color:#2c2c2c; }
ul#left-menu > li > a { display:block; padding:12px 0px; text-decoration:none; transition:all 0.3s; }
ul#left-menu a:hover, ul#left-menu .active > a, ul#left-menu .current > a { color:#000; }
ul#left-menu .submenu { list-style:none; padding-left:15px; display:none; }
ul#left-menu .submenu a { display:block; padding:4px 0px; font-size:85%; text-decoration:none; transition:all 0.3s; }
ul#left-menu li.active .submenu, ul#left-menu li.current .submenu { display:block; }
body.dark ul#left-menu a { color:#fff; }
body.dark ul#left-menu {  border-bottom:1px solid #555; }
body.dark ul#left-menu > li > a { border-top:1px solid #555; }
body.dark ul#left-menu .submenu a { border-top:1px solid #444; }
body.dark ul#left-menu a:hover, body.dark ul#left-menu .active > a, body.dark ul#left-menu .current > a { color:#7d6741; }


#footer { margin-top:80px; color:#aaa; background:#222; padding:80px 0px; font-size:0.9em; }
#footer h4 { 
	color:#aaa; font-size:1.3em; font-weight:400; margin-bottom:15px; padding-bottom:10px; border-bottom: 1px dashed rgba(255,255,255,.1);
}
#footer hr { margin:15px 0px; height:0; border:0; border-bottom: 1px dashed rgba(255,255,255,.1); }
#footer ul.fmenu { list-style:none; padding:0px; }
#footer ul.fmenu > li { margin-bottom:8px; }
#footer ul.fmenu > li > a { color:#aaa; text-decoration:none; transition:0.3s; }
#footer ul.fmenu > li > a:hover { color:#fff; }
#footer ul.fmenu > li > a:before { content:"\f105"; font-family:fontawesome; font-weight:300; padding-right:12px; }

#slider { height:82vh; width:100%; position:relative; overflow:hidden; background:#333333; }
#slider > .slide { height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:20; }
#slider > .slide.active { z-index:25; } 
#slider .slide-img { height:100%; width:100%; background-size:cover; background-position:center center; position:relative; }
#slider .slide-txt { position:absolute; top:0px; bottom:0px; margin:auto; height:310px; width:100%; }
#slider .slide-txt h2 { color:#fff; font-size:52px; margin-top:0px; margin-bottom:10px; }
#slider .slide-txt p { color:#ccc; }
#slider .buttons { margin-top:40px; }
#slider .control { 
	position:absolute; z-index:100; display:block; height:82px; width:82px; padding-top:15px; top:40%; right:0px; color:#fff;
	background:#111; transition:.2s; text-align:center; font:40px monospace; text-decoration:none; opacity:0.7;
}
#slider .control.prev { right:82px; transform: translateY(82px); }
#slider .control:hover { opacity:0.9; background:#7d6741; }

#home-row1 { margin-top:-60px; padding-bottom:60px; background: url('../images/bg-5.png') 0px 0px repeat; position:relative; z-index:30; }
#home-row1 .row > .txt { padding-top:100px; } 
#home-row1 .row > .cl a, .services > .cl a { display:block; position:relative; }
#home-row1 .row > .cl > a:after, .services > .cl > a:after {
    content: '+'; background: rgba(0,0,0,0.5); color: #fff; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    display: block; text-align: center; font-size: 100px; padding-top: 60%; opacity: 0; transition: all 0.3s; box-sizing:border-box;
}
#home-row1 .row > .cl:hover > a:after, .services > .cl:hover > a:after { opacity:1; }
#home-row1 .row > .cl img, .services > .cl img { display:block; width:100%; }
#home-row1 .row > .cl > h4, .services > .cl > h4 {
	box-shadow:-10px 10px 0 0 rgba(0,0,0,.05); color:#fff; background:#303030;
	margin:0px; padding:0px; text-align:center; position:relative; overflow:hidden;
}
#home-row1 .row > .cl > h4:before, .services > .cl > h4:before {
	content:''; position:absolute; top:0px; left:-100%; width:100%; height:100%; background:#7d6741; transition: all 0.3s; }
}
#home-row1 .row > .cl:hover > h4:before, .services > .cl:hover > h4:before { left:0%; }
#home-row1 .row > .cl > h4 a, .services > .cl > h4 a { color:#fff; text-decoration:none; padding:32px 25px; }

#home-row2 { padding:70px 35px; background-size:cover; background-position:center; background-repeat:no-repeat; color:#777; }
#home-row2 h2, #home-row2 h3 { color:#fff; }

#home-row3 .item { position:relative; overflow:hidden; }
#home-row3 .item img { display:block; transition:all 0.4s; }
#home-row3 .item:hover img { transform:scale(1.1); }
#home-row3 .item h4 { 
	margin:0px; padding:0px; text-align:center; color:#fff; position:absolute;
	left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.5);
}
#home-row3 .item h4 a { color:#fff; text-decoration:none; display:block; padding:32px 25px; }
#home-row3 .owl-nav button { 
	position:absolute; z-index:100000; display:block; height:82px; width:82px; padding-top:15px; top:50%; left:0px; color:#fff;
	background:#111; transition:.2s; text-align:center; font:40px monospace !important; text-decoration:none; opacity:0.7; margin-top:-41px;
}
#home-row3 .owl-nav button.owl-next { left:auto; right:0px; }
#home-row3 .owl-nav button:hover { opacity:0.9; background:#7d6741; }

#home-row4 { padding-top:100px; padding-bottom:80px; }
#home-row4 .container { position:relative; }
#home-row4 .img { width:48%; }
#home-row4 .txt { width:56%; position:absolute; top:100px; right:0px; background:#fff; min-height:100px; padding:30px; }
@media (max-width: 992px) {
	#home-row4 .img { width:100%; text-align:center; margin-bottom:15px; }
	#home-row4 .txt { width:auto; position:static; top:0px; min-height:initial; padding:0px; }
}

#home-row5 { background: url('../images/bg-5.png') 0px 0px repeat; }
#home-row5 .h { padding:10px 0px; margin-bottom:30px; background:rgba(0,0,0,0.1); }
#home-row5 .h h1 { margin:0px; padding:10px 0px; }

.tabs.olive .toggles > div { border:none; border-radius:0px; background:#efefef; color:#666666; margin-right:0px; padding:20px 30px; }
.tabs.olive .toggles > div:hover { background:#f5f5f5; }
.tabs.olive .toggles > div.active { color:#fff; background:#87673e !important; }
.tabs.olive .sections { border:none; background:#7c5d31; color:#fff; padding:30px; }


/* CONTACTS */
.contacts .item { position:relative; padding-bottom:30px; }
.contacts .item:after { content:''; clear:both; display:block; }
.contacts .item h3 { margin:0px 0px 0px 50px; }
.contacts .item p { margin-bottom:0px; margin-left:50px; }
.contacts .item .fa { font-size: 40px; width: 50px; height: 50px; display: inline-block; float: left; color: #7d6741; }


/* SLIDES ANIMATE */
@keyframes fadeOut {
	from { opacity:1; }
	to { opacity:0; }
}
@keyframes fadeIn {
	from { opacity:0; }
	to { opacity:1; }
}
@keyframes toLeft {
	from { transform: translateX(150px); }
	to { transform: translateX(0px); }
}
@keyframes toRight {
	from { transform: translateX(-150px); }
	to { transform: translateX(0px); }
}
@keyframes toRight2 {
	from { opacity: 0; transform: translateX(-150px); }
	50% { opacity: 0; transform: translateX(-150px); }
	to { opacity: 1; transform: translateX(0px); }	
}
@keyframes toRight3 {
	from { opacity: 0; transform: translateX(-150px); }
	66% { opacity: 0; transform: translateX(-150px); }
	to { opacity: 1; transform: translateX(0px); }	
}
#slider > .slide.out { animation: fadeOut 0.4s; }
#slider > .slide.in .slide-img { animation: fadeIn 0.4s, toLeft 0.4s; }
#slider > .slide.in .slide-txt .lb { animation: toRight2 0.8s; }
#slider > .slide.in .slide-txt .buttons { animation: toRight3 1.2s; }


/* GALLERY */
.gallery:after { content:''; clear:both; display:block; }
.gallery > .item { width:23%; margin:1%; padding-bottom:23%; float:left; position:relative; }
.gallery > .item > a { width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; }
.gallery > .item > a > img { width:100%; height:100%; object-fit:cover; transition:all 0.3s; }
.gallery > .item > a:after { 
  content:'+'; background:rgba(0,0,0,0.7); color:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; text-align:center; font-size:100px; padding-top:45%; opacity:0; transition: all 0.3s;
}
.gallery > .item:hover > a:after { opacity:1; }
.gallery > .item:hover img { transform: scale(1.1); }


/* CATALOG */
.catalog .item { margin-bottom:60px; }
.catalog .item a { display:block; color:#2c2c2c; }
.catalog .item .img a { position:relative; }
.catalog .item .img a:before { 
   content: ''; display:block; position:absolute; width:100%; height:100%; background:#333; opacity:0; transition: .3s all ease-in-out;
}
.catalog .item:hover .img a:before { opacity:0.4; }
.catalog .item .img a:after {
   content:'+'; font-size:100px; display:block; position:absolute; opacity: 0; font-weight: 200;
    top: calc(50% - 20px);  left: calc(50% - 25px);  color: #fff;  transition: .3s all ease-in-out;
}
.catalog .item:hover .img a:after { opacity:0.8; }
.catalog .item img { width:100%; display:block; }
.catalog .item h3 { margin:0px; text-align:center; background:#eee; }
.catalog .item h3 a { display:block; padding:20px 5px; text-decoration:none; }
.catalog.nc_list .item .img { background:rgba(255,255,255,0.2); }
.catalog.nc_list { margin-top:60px; }
body.dark .catalog .item h3 { background:#474747; }
body.dark .catalog .item a, body.dark .catalog .item a:hover { color:#fff; }

.product .product_img { width:50%; float:left; }
.product .product_img + .product_text { padding-left:20px; padding-top:20px; width:50%; float:right; }
.product .product_text li { color:#a0a0a0; }
.product .btn-zakaz { margin-top:20px }

.promo-item { display:flex; align-items:center; margin-bottom:50px; }
.promo-item .img { width:60%; }
.promo-item .img-sm { display:none; }
.promo-item .txt { position:relative; width:40%; }
.promo-item .txt .plashka { position:relative; width:120%; padding:25px; background:#fff; box-shadow:0 2px 15px 0 rgba(0,0,0,.1); }
.promo-item .txt h2 { font-size:1.5em; }
.promo-item.right .txt .plashka { left:-20%; }

.otzyvy { display:flex; flex-wrap:wrap; margin:0px -15px; }
.otzyvy > .otzyv { width:50%; padding:15px; position:relative; overflow:hidden; }
.otzyvy > .otzyv > .wrap {  padding:40px 30px; background-color:#f9f8f3; height:100%; }
.otzyvy > .otzyv .head > span:first-child { font-size:130%; display:block; }
.otzyvy > .otzyv::after {
    content: "“"; font-size: 400px;  position: absolute;  color: rgba(0, 0, 0, 0.02); right: 24px; top: 160px; font-weight: 600;
}

@media (max-width: 1200px) {
	#top2 .logo img { width:390px; }
	#top2 .container { position:relative; }
}
@media (max-width: 992px) {
	#top2 .menu > ul > li { display:block; }
	.product .product_img, .product .product_text { width:auto; float:none; padding:0px; }
}
@media (max-width: 768px) {
	.hide-sm, #top1 { display:none; }
	#top2 .menu-pic { position:absolute!important; top:-20px; right:0px; }
	#sidebar { width:auto; display:none; }
	#sidebar + #content { margin-left:0px; }
	.promo-item { display:block; }
	.promo-item .img { display:none; }
	.promo-item .img-sm { display:block; }
	.promo-item .txt { width:auto; }
	.promo-item .txt .plashka { position:static; width:auto; left:auto; }
}

#last-element + .nc-demo-modal-wrapper { display:none; }