@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
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,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th/*, td */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0 !important;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'PT Astra Sans', sans-serif; font-size: 16px; line-height: 1; color: #9c9c9c; width:100%; overflow-x: hidden; font-weight: 400; background: #0c0c0e; overflow-y: scroll;}
img {border:0;}
a, a:link, a:visited, a:active {font-family: 'PT Astra Sans', sans-serif; font-size: 16px; color: #d5b07b; text-decoration:none; font-weight: 400; cursor: pointer;}
a:hover {text-decoration: none; color: #fff;}
.left {float:left;}
.right {float:right;}

/*bottom fix*/
html {height: 100%;}
body {position: relative;
  min-height: 100%;
  margin: 0;}

button, input, textarea, a, a:before, a:after, h1:before, h1:after, h2:before, h2:after, h3:before, h3:after {-webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* ----- preload ----- */

#preload {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #0c0c0e; background-image: url('../images/bigbg.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 99999; -webkit-transition: 1.0s ease; -moz-transition: 1.0s ease; -o-transition: 1.0s ease; transition: 1.0s ease; opacity: 1;}
.preload-middle {text-align: center; position: absolute; left: 15px; right: 15px; top: 50%; z-index: 2; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.preload-middle .preloader {position: relative; width: 526px; margin: 0 auto;}
.preload-middle .preloader > img {width: 526px; height: auto; opacity: 0.0; filter: alpha(opacity=50); /* For IE8 and earlier */ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.preload-middle .preloader-in {position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 0%; -webkit-transition: 1.5s ease; -moz-transition: 1.5s ease; -o-transition: 1.5s ease; transition: 1.5s ease; overflow: hidden;}
.preload-middle .preloader-in.loading {width: 100%;}
.preload-middle .preloader-in img {width: 526px; height: auto;}
.preload-middle span {display: block; font-family: 'PT Astra Serif', sans-serif;  color: #fff; font-size: 20px;  text-transform: uppercase; line-height: 1.2; letter-spacing: 0.1em; text-align: left; position: absolute; left: 50%; top: 110px; margin-left: 140px; margin-top: 30px;
transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
-webkit-transform: perspective(900px) rotate3d(1, 0, 0, -90deg);
transform-origin: center top; 
transition: all 1.0s ease 0s;
-webkit-transform-origin: center top; 
-webkit-transition: all 1.0s ease 0s;

}
.preload-middle span.loading {
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}


@keyframes blink {
from {color: #fff;}
50% {color: #d5b07b;}
to {color: #fff;}
}
#preload i {font-size: 44px; color: #fff; width: 44px; height: 44px; margin-left: -22px; position: absolute;  left: 50%; bottom: 15px; z-index: 4; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; cursor: pointer; animation: blink 1.5s infinite ease-in-out;}
#preload i:hover {color: #d5b07b !important;}
#preload.hide {opacity: 0.1; top: -100%; bottom: 100%;}


html.preloadhtml, body.preloadbody {overflow: hidden; position: relative; height: 100%; overflow-y: scroll;}
html.preloadhtml.move {overflow: auto; height: 100%; position: unset;}
body.preloadbody.move {overflow: unset; height: auto;}

body.preloadbody .topp {margin-top: 100vh; -webkit-transition: 1.0s ease; -moz-transition: 1.0s ease; -o-transition: 1.0s ease; transition: 1.0s ease;}
body.preloadbody.move .topp {margin-top: 0vh;}

/* ----- general ----- */
.topp {width: 100%; height: 100px; margin-bottom: 30px; background-color: #0c0c0e;}
.toppin {width: 1170px; height: 100px; margin: 0 auto; position: relative; z-index: 99;}

.topp .logo {display: inline-block; margin: 15px 0 0 15px; z-index: 2; position: relative;}
.topp .logo img {width: 325px; height: auto;}

.topp .topmenu {/*display: inline-block; margin: 44px 0 0 60px;*/ display: block; position: absolute; right: 52px; top: 44px; margin: 0;}
.topp .topmenu > ul > {font-size: 0;}
.topp .topmenu > ul > li {display: inline-block; position: relative;}
.topp .topmenu > ul > li:first-child {}
.topp .topmenu > ul > li:last-child {}
.topp .topmenu > ul > li > a, .topp .topmenu > ul > li > span.nav-header  {text-transform: uppercase; font-size: 14px; line-height: 14px; color: #666666; margin: 0 9px; display: block; box-sizing: border-box; position: relative; text-decoration: none; padding: 0 0 9px 0; letter-spacing: 0.1em;}
.topp .topmenu > ul > li:hover > a, .topp .topmenu > ul > li.active > a, .topp .topmenu > ul > li:hover > span.nav-header, .topp .topmenu > ul > li.active > span.nav-header  {color: #d5b07b;}
.topp .topmenu > ul > li > a:after, .topp .topmenu > ul > li > span.nav-header:after {content: ''; position: absolute; left: 10px; right: 100%; top: 100%; height: 2px; background: #0c0c0e;}
.topp .topmenu > ul > li:hover > a:after, .topp .topmenu > ul > li.active > a:after, .topp .topmenu > ul > li:hover > span.nav-header:after, .topp .topmenu > ul > li.active > span.nav-header:after  {background: #d5b07b; left: 10px; right: 10px;}
.topp .topmenu > ul > li img {display: none;}
.topp .topmenu > ul > li .image-title-text {display: none;}
.slicknav_nav ul li span.image-title-text {display: none;}
.topp .topmenu > ul li .hidetop{display: none;}

.topp .topmenu > ul > li ul {display: none; position: absolute; top: 100%; left: 50%; padding: 10px; margin-left: -100px; width: 200px; background: rgba(20, 20, 22, 1.0); box-sizing: border-box; z-index: 10;}
.topp .topmenu > ul > li:hover ul {display: block;}
.topp .topmenu > ul > li > ul::before {content: ''; position: absolute; left: 50%; margin-left: -8px; top: -16px; border: 8px solid transparent; border-bottom: 8px solid rgba(20, 20, 22, 1.0);}
.topp .topmenu > ul > li > ul li {padding: 0 0 3px 0; margin: 0 0 3px 0; border-bottom: 1px solid #333; display: block; text-align: left;}
.topp .topmenu > ul > li > ul li:last-child {border-bottom: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.topp .topmenu > ul > li > ul li a {display: block; color: #666; letter-spacing: 0.1em; font-size: 12px; text-transform: uppercase; line-height: 22px;}
.topp .topmenu > ul > li > ul li a:hover, .topp .topmenu > ul > li > ul li.active a {color: #d5b07b; text-decoration: none;}

.topp .social {position: absolute; right: 15px; top: 36px; font-size: 0;}
.topp .social {display: none !important;}
.topp .social a {font-size: 28px; line-height: 1; color: #666; text-decoration: none; display: inline-block; margin: 0 0 0 10px; cursor: pointer;}
.topp .social a:hover {color: #d5b07b;}

.search-toggle {}
.search-box {display: none; position: absolute; top: 120%; right: 0%; padding: 10px 0 10px 10px; width: 290px;     background: rgb(12, 12, 14); box-sizing: border-box;  z-index: 11;}
.search-box.open {display: block;}
.search-box input.search-query {width: 100%; padding: 10px 40px 10px 10px; -webkit-border-radius: 0px !important; border-radius: 0px !important;}
.search-box input::-webkit-search-cancel-button {-webkit-appearance: none;}
.search-box button {-webkit-border-radius: 10px; border-radius: 10px; font-family: "heichenko" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 6px 9px; margin: 0; border: 0; background: none; background: rgb(12, 12, 14); text-shadow: none; color: #d5b07b; position: absolute; z-index: 2; right: 5px; top: 15px; box-shadow: none; font-size: 19px; cursor: pointer;}
.search-box button:hover {color: #fff;}

#searchForm {}
#searchForm .btn-toolbar {position: relative; margin-bottom: 20px;}
#search-searchword {width: 100%; font-size: 20px;}
#searchForm .btn-toolbar button {padding: 6px 9px; margin: 0; border: 0; background: none; background: rgb(12, 12, 14); text-shadow: none; color: #d5b07b; position: absolute; z-index: 2; right: 5px; top: 7px; box-shadow: none; font-size: 19px; cursor: pointer;}
#searchForm .btn-toolbar button:hover {color: #fff;}
.search-resultspsearch .result-title {padding: 10px 0 0 0; font-family: 'PT Astra Serif', sans-serif; letter-spacing: 0.1em; font-weight: 400; font-size: 18px;}
.search-resultspsearch .result-title a {font-family: 'PT Astra Serif', sans-serif; letter-spacing: 0.1em; font-weight: 400; font-size: 18px;}
.search-resultspsearch .result-created {display: none;}
.search-resultspsearch .result-category {display: none;}
.search-resultspsearch .result-text a {color: #9c9c9c;}
span.highlight {background-color: #252525 !important;} 

div.searchpsearch {max-width: 768px; margin-left: auto; margin-right: auto;} 
 

.component {width: 100%;}
.componentin {width: 1170px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}

.moduletable_lang {display: inline-block; margin: 30px 0 0 20px;}
.moduletable_lang .mod-languages_lang {display: inline-block;}
.moduletable_lang li {display: inline-block; margin: 0 15px 0 0;}
.moduletable_lang li a {text-transform: uppercase; font-size: 16px; line-height: 16px; color: #fff; font-weight: 300; padding: 3px 0; display: block; box-sizing: border-box;}
.moduletable_lang li.lang-active a, .moduletable_lang li a:hover {border-bottom: 2px solid #fe7f00; text-decoration: none;}
.moduletable_lang {position: absolute; right: 15px; top: 41px; margin: 0; z-index: 3;}
.topp .topmenu {right: 120px;}

/* description */
.description {text-align: justify; margin-bottom: 15px; font-size:16px; line-height: 1.5;}
.description:after {content: ''; clear: both; display: block;}
.description p {margin-bottom: 15px;}
.description ul, .description ol {margin-bottom: 15px;}
.description ul li {list-style: circle inside; padding-left: 15px; text-align: left;}
.description ol li {list-style: decimal inside; padding-left: 15px; text-align: left;}
.description strong, .description b {font-weight: bold;}
.description em {font-style: italic;}
.description img {height: auto !important; max-width:100%}
.description img.right, .description  img.alignright {float: right; margin: 0 0 15px 15px;}
.description img.left, .description img.alignleft {float: left; margin: 0 15px 15px 0;}
.description img.center, .description img.aligncenter  {display: block; margin: 0 auto 15px auto;}
.description img.roundcorners {-webkit-border-radius: 8px; border-radius: 8px;}
.description hr {border: 0px; border-top: 1px solid #eee; clear: both;}
.description table {border: 1px solid #eee; border-collapse: collapse;}
.description td, .description th {border: 1px solid #eee; padding: 5px; vertical-align: top;}
.description table.va-middle {vertical-align: middle;} 
.description table.va-middle td, .description table.va-middle th {vertical-align: middle;} 


.bottomon {width: 100%; clear: both;}
.bottom {position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0; width:100%; background: #141416;}
.bottomin {display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; margin: 0 auto; width: 1170px; font-size: 0px; line-height: 1.9; box-sizing: border-box; padding: 30px 15px; color: #666666;}
.bottomin a {font-size: 14px; color: #666666; text-transform: uppercase;}
.bottomin a:hover {text-decoration: none; color: #d5b07b;}
.bottomin > div {font-size: 14px; width: 25%; text-align: left; letter-spacing: 0.05em; text-transform: uppercase; }
.bottomin .b1 {}
.bottomin .b2 {}
.bottomin .b3 {}
.bottomin .b4 {}
.bottomin .copy {line-height: 1.2; margin-bottom: 10px;}
.bottomin ul li ul {display: none;}
/*.bottomin .powered {font-size: 12px;}
.bottomin .powered a {font-size: 12px;}*/
.bottomin .social {font-size: 0; margin-top: 10px;}
.bottomin .social a {font-size: 28px; line-height: 1; display: inline-block; margin: 0 10px 0 0;}
.bottomin .social a:hover { color: #d5b07b;}
.bottomin a.button1 {color: #fff; padding: 12px 20px; line-height: 1; border-radius: 40px; border: 1px solid #fff; display: block; width: 230px; box-sizing: border-box; text-align: center;}
.bottomin a.button1:hover {color: #d5b07b;border: 1px solid #d5b07b;}
.bottomin a.button2 {font-weight: bold; color: #16161c; padding: 12px 20px; line-height: 1; border-radius: 40px; border: 1px solid #d5b07b; display: block; background: #d5b07b; margin-bottom: 20px;  width: 230px; box-sizing: border-box; text-align: center;}
.bottomin a.button2:hover {background: #fff; border: 1px solid #fff;}

.mtitle {position: relative; overflow: hidden;}
.mtitleimg {background-image: url('../images/bg2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; bottom: 0; left: 0; height: 100%; width: 100%; transition: 0.0s ease;}
.mtitlein {width: 1170px; margin: 0 auto 0 auto; padding: 110px 15px 0 15px; overflow: hidden; position: relative; z-index: 2; text-align: center; box-sizing: border-box;}
.mtitlein h1 {display: inline-block; line-height: 1; font-size: 36px; font-weight: 300; color: #fff; text-transform: uppercase; margin: 0 auto 35px auto; padding: 10px; position: relative;text-shadow: 1px 1px 0 rgba(71,71,71,1) , 2px 2px 0 rgba(71,71,71,1) , 3px 3px 0 rgba(71,71,71,1) , 0 0 5px rgba(0,0,0,0.0980392) , 1px 1px 3px rgba(0,0,0,0.298039) , 3px 3px 5px rgba(0,0,0,0.34) , 5px 5px 10px rgba(0,0,0,0.56) , 10px 10px 10px rgba(0,0,0,0.2) , 10px 20px 20px rgba(0,0,0,0.14902) ;}
.mtitlein h1:before {content:''; position: absolute; left: 0; bottom: 0; height: 20px; width: 3px; background: #d5b07b;}
.mtitlein h1:after {content:''; position: absolute; left: 0; bottom: 0; height: 3px; width: 20px; background: #d5b07b;}
.mtitlein h1:hover:before {height: 40px;}
.mtitlein h1:hover:after {width: 40px;}

.mtitleimg {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);}
.mtitleimg.mobiled {-webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); -o-transform: scale(1.02,1.02); transform: scale(1.02,1.02);}

/* -------------------- PAGES -------------------- */
.moduletable_content {width: 1170px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}

.moduletable_portfolio {margin: 50px 0 50px 0; position: relative;}
.moduletable_portfolio:before {content: ''; position: absolute; z-index: 1; height: 1px; width: 100%; top: 20px; background: #666666; left: 0;}
.moduletable_portfolio h3 {font-family: 'PT Astra Serif', sans-serif; font-size: 42px; color: #d5b07b; letter-spacing: 0.2em; line-height: 1; margin-bottom: 25px; font-weight: 400; text-transform: uppercase; display: inline-block; background: #0c0c0e; z-index: 2; position: relative;}
.moduletable_portfolio .port-box {margin: 0 -15px; font-size: 0;}
.moduletable_portfolio a.port-cont {width: 33.33%; position: relative; padding: 0 15px; box-sizing: border-box; display: inline-block; text-decoration: none; background-color: #0c0c0e;}
.moduletable_portfolio a.port-cont .port-image {height: 340px; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.3; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.moduletable_portfolio a.port-cont .port-block {background: #16161c; padding: 10px; box-sizing: border-box; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.moduletable_portfolio a.port-cont .port-block h4 {font-family: 'PT Astra Serif', sans-serif; font-size: 24px; line-height: 1; color: #666666; letter-spacing: 0.1em; font-weight: 400; text-align: center; text-transform: uppercase; position: relative; margin: 10px 0; padding: 0 0 11px 0; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.moduletable_portfolio a.port-cont .port-block h4:after {content: ''; position: absolute; height: 1px; width: 50px; bottom: 0px; background: #666666; left: 50%; margin-left: -25px; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.moduletable_portfolio a.port-cont .port-block p {font-size: 16px; color: #666666; line-height: 1.4; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}

.moduletable_portfolio a.port-cont:hover .port-image {opacity: 1;}
.moduletable_portfolio a.port-cont:hover .port-block {background: #d5b07b;}
.moduletable_portfolio a.port-cont:hover .port-block h4 {color: #0c0c0e;}
.moduletable_portfolio a.port-cont:hover .port-block h4:after {background: #0c0c0e;}
.moduletable_portfolio a.port-cont:hover .port-block p {color: #0c0c0e;}

.moduletable_portfolio a.port-cont .port-image {}
.moduletable_portfolio a.port-cont .port-block {background-color: #16161c;}

.moduletable_portfolio.hidebefore {margin: 30px 0 50px 0; position: relative;}
.moduletable_portfolio.hidebefore:before {display: none;}
/*.moduletable_portfolio a.port-cont:nth-child(even) .port-image {top: auto; bottom: 0;}
.moduletable_portfolio a.port-cont:nth-child(even) .port-block {bottom: auto; top: 0;}*/



.moduletable_menuicons {margin: 50px 0 50px 0; position: relative;}
.moduletable_menuicons:before {content: ''; position: absolute; z-index: 1; height: 1px; width: 100%; top: 20px; background: #666666; left: 0;}
.moduletable_menuicons h3 {font-family: 'PT Astra Serif', sans-serif; font-size: 42px; color: #d5b07b; letter-spacing: 0.2em; line-height: 1; margin-bottom: 25px; font-weight: 400; text-transform: uppercase; display: inline-block; background: #0c0c0e; z-index: 2; position: relative;}
.moduletable_menuicons > ul {margin: 0 -15px; font-size: 0;}
.moduletable_menuicons > ul li {display: inline-block; font-size: 0; width: 33.3%; padding: 0 15px; box-sizing: border-box; margin: 0 0 25px 0;}
.moduletable_menuicons > ul li a {text-align: center; display: block;}
.moduletable_menuicons > ul li a img {width: 100%; height: auto; background: #d5b07b; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; margin-bottom: 20px;}
.moduletable_menuicons > ul li a span.image-title {font-family: 'PT Astra Serif', sans-serif; font-size: 24px; line-height: 1; color: #fff; letter-spacing: 0.1em; font-weight: 400; text-align: center; text-transform: uppercase; position: relative; margin: 10px 0; padding: 0 0 11px 0; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.moduletable_menuicons > ul li a span.image-title-text {display: block; text-align: justify; font-size: 16px; line-height: 1.2; margin: 10px 0 0 0; color: #9c9c9c; transition: 0.25s ease;}



/* phome */
.phome .mtitle {display: none;}
.phome .item-pagephome {display: none;}

/* pport */
.pport .mtitle {display: none;}
.pport .item-pagepport {display: none;}

/* bigbg */
.bigbg {background-color: #0c0c0e; background-image: url('../images/bigbg.png'); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}

/* pcont */
.pcont {background-color: #0c0c0e; background-image: url('../images/bigbg.png'); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}

/* k2 */
.moduletable_blog {margin: 40px 0 40px 0; position: relative;} 
.moduletable_blog:before {content: ''; position: absolute; z-index: 1; height: 1px; width: 100%; top: 20px; background: #666666; left: 0;}
.moduletable_blog h3 {font-family: 'PT Astra Serif', sans-serif; font-size: 42px; color: #d5b07b; letter-spacing: 0.2em; line-height: 1; margin-bottom: 0px; font-weight: 400; text-transform: uppercase; display: inline-block; background: #0c0c0e; z-index: 2; position: relative;}

.moduletable_blog a.moduleCustomLink {position: absolute; top: 7px; right: 0; color: #666666; background: #0c0c0e; line-height: 1; padding: 3px 15px 3px 10px; display: block; z-index: 2; text-decoration: none;}
.moduletable_blog .moduleCustomLink:after {content: ''; display: block; position: absolute; top: 8px; right: 0px; width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.moduletable_blog a.moduleCustomLink:hover {color: #d5b07b;}
.moduletable_blog a.moduleCustomLink:hover:after {border-color: #d5b07b;}

.moduletable_blog .modulePretext {font-size: 16px; line-height: 1.4; color: #666;}

div.k2ItemsBlock {margin-top: 25px;}
div.k2ItemsBlock ul {margin: 0; padding: 0; list-style: none;}
div.k2ItemsBlock ul li {display: block; padding: 0;margin: 0 0 30px 0; position: relative;}
div.k2ItemsBlock a.moduleItemNewbox {display: block; text-decoration: none; position: relative; width: 100%; height: 300px; overflow: hidden;}
div.k2ItemsBlock .moduleItemMiddle {text-align: center; position: absolute; left: 0; top: 50%; width: 100%; z-index: 3; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
div.k2ItemsBlock .itemImageBg {position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; /*-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);*/}
div.k2ItemsBlock ul li span.moduleItemDateCreated {color: #fff; font-size: 12px; display: block; text-align: center; margin-bottom: 5px;}
div.k2ItemsBlock .moduleItemMiddle h4 {line-height: 1; font-family: 'PT Astra Serif', sans-serif; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #fff; letter-spacing: 0.2em; display: inline-block; padding: 8px; background: rgba(12,12,14,0.0); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
div.k2ItemsBlock ul li div.moduleItemTags {position: absolute; bottom: 7px; right: 7px; z-index: 2; font-size: 0;}
div.k2ItemsBlock ul li div.moduleItemTags a {padding: 4px 10px; line-height: 1; font-size: 12px; color: #666; background: #0c0c0e; display: inline-block; border-radius: 50px; margin: 0 0 0 7px; text-decoration: none;}

div.k2ItemsBlock ul li:hover .itemImageBg {opacity: 1; /*-webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); -o-transform: scale(1.02,1.02); transform: scale(1.02,1.02);*/}
div.k2ItemsBlock ul a.moduleItemNewbox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0c0c0e; z-index: 2; opacity: 0.7; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
div.k2ItemsBlock ul li:hover a.moduleItemNewbox::after {opacity: 0.0;}
div.k2ItemsBlock ul li:hover .moduleItemMiddle h4 {background: rgba(12,12,14,0.8);}
div.k2ItemsBlock ul li:hover div.moduleItemTags a {color: #0c0c0e; background: #fff;}

/* fourbox */
div.k2ItemsBlock ul.fourbox {margin: 0 -15px; font-size: 0;}
div.k2ItemsBlock ul.fourbox > li {display: inline-block; font-size: 0; width: 25%; padding: 0 15px; box-sizing: border-box;}
div.k2ItemsBlock ul.fourbox > li  h4 {font-size: 20px; opacity: 0;}
div.k2ItemsBlock ul.fourbox > li:hover  h4 {opacity: 1;}

div.k2ItemsBlock ul.fourbox a.moduleItemNewbox::after {opacity: 0.0;}

/*div.k2ItemsBlock ul.fourbox .itemImageBg {opacity: 1.0;}

div.k2ItemsBlock ul.fourbox.passive .itemImageBg {opacity: 0.6;}
div.k2ItemsBlock ul.fourbox li.active .itemImageBg {opacity: 1;}*/
div.k2ItemsBlock ul.fourbox.passive a.moduleItemNewbox::after {opacity: 0.4;}
div.k2ItemsBlock ul.fourbox li.active a.moduleItemNewbox::after {opacity: 0;}



.odd {padding: 0;}
.even {padding: 0;}

#k2Container {padding: 0 0 0 0;}

.moduletable_tags {font-size: 0;}
.moduletable_tags span {font-size: 14px; line-height: 16px; color: #666; display: inline-block; padding: 6px 12px 6px 0; margin: 0 7px 0 0;}
.moduletable_tags a {font-size: 16px; line-height: 16px; color: #666; display: inline-block; padding: 6px 12px; margin: 0 7px 0 0; border-radius: 50px; background: #0c0c0e;}
.moduletable_tags a:hover {color: #0c0c0e; background: #666;}
.moduletable_tags a.active {color: #0c0c0e; background: #d5b07b;}

div.k2Pagination {padding: 0; margin: 50px 0 50px 0; text-align: center; font-size: 0;}
div.k2Pagination ul li {margin: 0 3px;}
div.k2Pagination ul li span {font-size: 14px; color: #0c0c0e; line-height: 1; padding: 7px; min-width: 14px; display: block; text-align:center; background: #d5b07b; border-radius: 50px; border-radius: 50px; margin: 0; border: 0;}
div.k2Pagination ul li a {font-size: 14px; color: #fff; line-height: 1; padding: 7px; min-width: 14px; display: block; text-align:center; background: #0c0c0e; border-radius: 50px; margin: 0; border: 0;}
div.k2Pagination ul li a:hover {color: #d5b07b; background: #0c0c0e;}
div.k2Pagination ul li.pagination-start, div.k2Pagination ul li.pagination-end {display: none;}
div.k2Pagination ul li.pagination-prev span, div.k2Pagination ul li.pagination-next span, div.k2Pagination ul li.pagination-prev a, div.k2Pagination ul li.pagination-next a {background: #0c0c0e; color: #666; font-size:0; position: relative;}
div.k2Pagination ul li.pagination-prev span:after, div.k2Pagination ul li.pagination-prev a:after {content: ''; display: block; position: absolute; top: 9px; right: 5px; width: 8px; height: 8px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
div.k2Pagination ul li.pagination-next span:after, div.k2Pagination ul li.pagination-next a:after {content: ''; display: block; position: absolute; top: 9px; left: 5px; width: 8px; height: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
div.k2Pagination ul li.pagination-prev span:after, div.k2Pagination ul li.pagination-next span:after {border-right: 2px solid #666; border-bottom: 2px solid #666;}
div.k2Pagination ul li.pagination-prev a:after, div.k2Pagination ul li.pagination-next a:after {border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
div.k2Pagination ul li.pagination-prev a:hover:after, div.k2Pagination ul li.pagination-next a:hover:after {border-right: 2px solid #d5b07b; border-bottom: 2px solid #d5b07b;}

div.pagination {padding: 0; margin: 50px 0 50px 0; text-align: center; font-size: 0;}
div.pagination ul li {margin: 0 3px; display: inline-block;}
div.pagination ul li span {font-size: 14px; color: #0c0c0e; line-height: 1; padding: 7px; min-width: 14px; display: block; text-align:center; background: #d5b07b; border-radius: 50px; border-radius: 50px; margin: 0; border: 0;}
div.pagination ul li a {font-size: 14px; color: #fff; line-height: 1; padding: 7px; min-width: 14px; display: block; text-align:center; background: #0c0c0e; border-radius: 50px; margin: 0; border: 0;}
div.pagination ul li a:hover {color: #d5b07b; background: #0c0c0e;}
div.pagination ul li.pagination-start, div.pagination ul li.pagination-end {display: none;}
div.pagination ul li.pagination-prev span, div.pagination ul li.pagination-next span, div.pagination ul li.pagination-prev a, div.pagination ul li.pagination-next a {background: #0c0c0e; color: #666; font-size:0; position: relative;}
div.pagination ul li.pagination-prev span:after, div.pagination ul li.pagination-prev a:after {content: ''; display: block; position: absolute; top: 9px; right: 5px; width: 8px; height: 8px;  -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
div.pagination ul li.pagination-next span:after, div.pagination ul li.pagination-next a:after {content: ''; display: block; position: absolute; top: 9px; left: 5px; width: 8px; height: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
div.pagination ul li.pagination-prev span:after, div.pagination ul li.pagination-next span:after {border-right: 2px solid #666; border-bottom: 2px solid #666;}
div.pagination ul li.pagination-prev a:after, div.pagination ul li.pagination-next a:after {border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
div.pagination ul li.pagination-prev a:hover:after, div.pagination ul li.pagination-next a:hover:after {border-right: 2px solid #d5b07b; border-bottom: 2px solid #d5b07b;}

div.tooltip {display: none !important;} 

div.itemListCategory {background: none; border: none; border-radius: 0; margin: 40px 0 0 0; padding: 0; position: relative;}
div.itemListCategory:before { content: ''; position: absolute; z-index: 1; height: 1px; width: 100%; top: 20px; background: #666666; left: 0;}
div.itemListCategory h1, div.itemListCategory h2 { font-family: 'PT Astra Serif', sans-serif; font-size: 42px; color: #d5b07b; letter-spacing: 0.2em; line-height: 1; margin-bottom: 0px; font-weight: 400; text-transform: uppercase; display: inline-block; background: #0c0c0e; z-index: 2; position: relative;}

div.itemHeader {margin: 40px 0 0 0; position: relative;}
div.itemHeader:before {content: ''; position: absolute; z-index: 1; height: 1px; width: 100%; top: 20px; background: #666666; left: 0;}
div.itemHeader h1.itemTitle, div.itemHeader h2.itemTitle {font-family: 'PT Astra Serif', sans-serif; font-size: 42px; color: #fff; letter-spacing: 0.2em; line-height: 1; margin-bottom: 0px; font-weight: 400; text-transform: uppercase; display: inline-block; background: #0c0c0e; z-index: 2; position: relative; padding: 0 60px 0 0; margin: 0;}
div.itemHeader span.itemDateCreated {color: #666; font-size: 12px; display: block;}
div.itemHeader div.itemCategory a {color: #666; font-size: 12px;}
div.itemHeader div.itemCategory a:hover {color: #d5b07b;}
a.itemCustomLink {position: absolute; top: 7px; right: 0; color: #666666; background: #0c0c0e; line-height: 1; padding: 3px 20px 3px 10px; display: block; z-index: 2; text-decoration: none;}
a.itemCustomLink:after {content: ''; display: block; position: absolute; top: 8px; right: 0px; width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
a.itemCustomLink:hover {color: #d5b07b;}
a.itemCustomLink:hover:after {border-color: #d5b07b;}

div.itemFullText, div.itemIntroText, .w768 .description {max-width: 768px; margin-left: auto; margin-right: auto;}

div.itemToolbar {padding: 0; margin: 0; background: none; border-radius: 0;}
div.itemVideoBlocks {text-align: center;}
div.itemVideoBlocks iframe {max-width: 100%;}

div.itemAttachment {max-width: 768px; margin: 0 auto;}
/*div.itemAttachment video {max-width: 600px; width: 100%; display: block; margin: 0 auto;}*/

div.itemPlugin a {color: #d5b07b; padding: 12px 20px; line-height: 1; border-radius: 40px; border: 1px solid #d5b07b; display: block; width: 230px; box-sizing: border-box; text-align: center; font-size: 14px; text-transform: uppercase; margin: 20px auto;}
div.itemPlugin a:hover {color: #d5b07b; border: 1px solid #d5b07b;}

div.itemSocial {text-align: center; margin: 20px 0;}
div.itemSocial svg {fill: rgb(20, 20, 22);}
div.itemSocial a.at-icon-wrapper {background-color: rgb(102, 102, 102) !important;}
div.itemSocial a.at-icon-wrapper:hover {background-color: rgb(213, 176, 123) !important;}


input, textarea, select {font-family: 'PT Astra Sans', sans-serif;font-weight: 400;font-size: 16px;line-height: 1;color: #666666;-webkit-border-radius: 0px;border-radius: 0px;background: rgba(12,12,14,0.0);-webkit-box-shadow: none;box-shadow: none;border: 1px solid #fff;padding: 10px; box-sizing: border-box;}
input[type=text] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus, textarea:focus, select:focus  {border-color: #d5b07b; background: rgba(12,12,14,1.0);color: #fff;}
::-webkit-input-placeholder {font-size:16px; color:#666666; opacity:1;}
::-moz-placeholder {font-size:16px; color:#666666; opacity:1;}
:-moz-placeholder {font-size:16px; color:#666666; opacity:1;}
:-ms-input-placeholder {font-size:16px; color:#666666; opacity:1;}


/* rsform */
.rsform_zakaz {position: relative; margin: 50px 0 50px 0;}
.rsform_zakaz h2 {display: none;}
.rsform_zakaz .rsform-block {display: block; margin-bottom: 15px; width: 33%;}
.rsform_zakaz .formControlLabel {display: none;}
.rsform_zakaz  div.formBody {display: block; float: none;}
.rsform_zakaz  input {width: 100%;}
.rsform_zakaz  textarea {width: 100%;}
.rsform_zakaz  select {width: 100%;}
.rsform_zakaz  select option:checked, .rsform_zakaz  select option:hover, .rsform_zakaz  select option:active, .rsform_zakaz  select option:focus {  background-color: #fff;  color: #000; 
	-webkit-text-fill-color: #fff;
}
.rsform_zakaz .rsform-submit-button {font-weight: bold; color: #16161c; padding: 12px 20px; line-height: 1;border-radius: 40px;border: 1px solid #d5b07b;display: block;background: #d5b07b; margin: 0 auto 20px auto; width: 230px; box-sizing: border-box;text-align: center;font-size: 14px;text-transform: uppercase;cursor: pointer;}
.rsform_zakaz .rsform-submit-button:hover {background: #fff;border: 1px solid #fff;}

.rsform_zakaz .rsform-block-message, .rsform_zakaz .rsform-block-c-message {position: absolute; left: 35%; top: 0; right: 0; width: auto;}
.rsform_zakaz .rsform-block-message textarea, .rsform_zakaz .rsform-block-c-message textarea {height: 217px;}

.rsform_zakaz  p.formRed {display: none;}

.rsform-block-c-code, .rsform-block-c-submit {width: 100% !important; text-align: center;}

.rsform-block-code, .rsform-block-submit {width: 100% !important; text-align: center;}

/*.rsform_zakaz .rsform-block-code .formBody > div > div {margin:0 auto;}*/


.zakazblock {width: 100% !important; max-width: 620px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important;}
.zakazblock .rsform_zakaz {margin: 0 !important;}
.zakazblock .rsform_zakaz .rsform-block {width: 100% !important; position: static !important;}
.zakazblock .rsform_zakaz .rsform-block-message,
.zakazblock .rsform_zakaz .rsform-block-c-message {position: static !important; left: auto !important; top: auto !important; right: auto !important; width: 100% !important;}
.zakazblock .rsform_zakaz .rsform-block-message textarea,
.zakazblock .rsform_zakaz .rsform-block-c-message textarea {height: 130px !important;}
.zakazblock .rsform_zakaz .rsform-submit-button {margin: 0 auto !important;}

/* капча в zakazblock — по центру */
.zakazblock .rsform-block-c-code .formControlLabel,
.zakazblock .rsform-block-code .formControlLabel {display: none !important;}
.zakazblock .rsform-block-c-code .formControls,
.zakazblock .rsform-block-code .formControls,
.zakazblock .rsform-block-c-code .formBody,
.zakazblock .rsform-block-code .formBody {display: block !important; text-align: center !important;}
.zakazblock .rsform-block-c-code .formBody > div,
.zakazblock .rsform-block-code .formBody > div {display: inline-block !important; text-align: left !important;}

.rsfp_thankyou_popup_outer {background-color: rgba(30,30,30,0.8) !important;}
.rsfp_thankyou_popup_inner {background: #0c0c0e !important; text-align: center;}
.rsfp_thankyou_popup_inner .rsform-submit-button {font-weight: bold; color: #16161c; padding: 12px 20px; line-height: 1;border-radius: 40px;border: 1px solid #d5b07b;display: block;background: #d5b07b;width: 230px;box-sizing: border-box;text-align: center;font-size: 14px;text-transform: uppercase;cursor: pointer; margin: 20px auto;}
.rsfp_thankyou_popup_inner .rsform-submit-button:hover {background: #fff;border: 1px solid #fff;}




/* The Modal (background) */
.consultmodal {
	display: none; justify-content: center; align-items: center; position: fixed; z-index: 100001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(30,30,30,0.8);
}
.consultmodal-content { background-color: #0c0c0e; padding: 30px; box-sizing: border-box; position: relative; width: 100%; max-width: 758px; margin: auto;
}
/* The Close Button */
.consultclose {
	position: absolute;
	right: 10px; 
	top: 10px; color: #aaa; font-size: 28px; font-weight: bold;
}
.consultclose:hover, .consultclose:focus { color: #fff; text-decoration: none; cursor: pointer;
}
.overhidden {overflow: hidden;}


.consultmodal .rsform_zakaz { position: relative; margin: 0 0 0 0;
}



div.itemListCategory .description {margin-bottom: 0;}



.royalSlider { width: 100%; height: 550px; margin: 50px 0 0 0;}
.royalSlider2 { width: 100%; height: 600px; z-index: 2; margin-bottom: 20px; position: relative;}
.rsSlide:before  {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.rsHref {position: absolute; z-index: 7; left: 0; top: 0; width: 100%; height: 100%;}
#colorbox {background-color: #16161c;}
#cboxTitle {border-bottom: none;}


i.scrolltop {font-size: 44px; color: #666; width: 44px; height: 44px; position: fixed;  right: 15px; bottom: 15px; z-index: 999; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; display: none;}
i.scrolltop:hover {color: #d5b07b; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; }

.margin-bottom-30 {margin-bottom: 30px !important;}


.slicknav_menu {display:none;}

/* #Screen < 1300 ================================================== */
@media (max-width: 1300px) {
.rsDefaultInv.rsHor .rsArrowLeft {left: 5px; display: none !important;}
.rsDefaultInv.rsHor .rsArrowRight {right: 5px; display: none !important;}


}

/* #Screen < 1200 ================================================== */
@media (max-width: 1200px) {
.toppin, .componentin, .bottomin, .mtitlein, .moduletable_content {width: 960px;}

.topp .topmenu {}
.topp .social {}

div.k2ItemsBlock ul.fourbox > li h4 {opacity: 1;}
div.k2ItemsBlock ul li .moduleItemMiddle h4 {background: rgba(12,12,14,0.8);}
div.itemHeader h1.itemTitle, div.itemHeader h2.itemTitle {padding: 0 0 0 0;}
a.itemCustomLink, div.itemHeader:before {display: none;}

.royalSlider2, .royalSlider {height: 500px;}
.itemImageGallery .rsDefaultInv.rsHor .rsArrowLeft {left: 5px;}
.itemImageGallery .rsDefaultInv.rsHor .rsArrowRight {right: 5px;}


}

/* #Screen < 960 ================================================== */
@media (max-width: 960px) {
.toppin, .componentin, .bottomin, .mtitlein, .moduletable_content {width: 720px;}

/*.topp .logo img {width: 300px;}
.topp .topmenu {top: 60px;}
.topp .social {top: 15px;}
*/
.slicknav_menu {	display:block;}
.topp .topmenu > ul  {display:none;}

.topp {height: 75px; margin-bottom: 15px;}
.toppin {height: 75px;}
.topp .logo img {width: 200px;}
.topp .topmenu {z-index: 1; left: 0; right: 0; top: 25px;}
.topp .social {top: 24px; z-index: 2;}



.bottomin > div {width: 33.3%;}
.bottomin .b2 {}


.royalSlider2, .royalSlider {height: 400px; margin: 0 0 0 0;}

.moduletable_portfolio a.port-cont {width: 50%; margin-bottom: 30px;}
.moduletable_portfolio a.port-cont .port-image {height: 200px;}

div.k2ItemsBlock ul.fourbox > li {width: 33.33%;}
div.k2ItemsBlock ul.fourbox a.moduleItemNewbox {height: 250px;}
div.k2ItemsBlock ul.onebox a.moduleItemNewbox {height: 200px;}


.moduletable_portfolio:before, .moduletable_blog:before, div.itemListCategory:before, .moduletable_menuicons:before {top: 18px;}
.moduletable_portfolio h3, .moduletable_menuicons h3, .moduletable_blog h3, div.itemHeader h2.itemTitle, div.itemListCategory h2, div.itemListCategory h1, div.itemHeader h1.itemTitle, div.itemHeader h2.itemTitle {font-size: 36px;}

.preload-middle span {position: unset; text-align: center;  margin: 30px 0 0 0;}

.moduletable_menuicons > ul li {width: 100%;}

.consultmodal-content {padding: 50px 15px;}


}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {
.toppin, .componentin, .bottomin, .mtitlein, .moduletable_content {width: 100%;}



.bottomin > div {width: 100%; text-align: center; margin-bottom: 15px;}
.bottomin .social a {margin: 0 5px;}
.bottomin a.button2 {margin: 0 auto 15px auto;}
.bottomin a.button1 {margin: 0 auto;}
.bottomin .b4 {margin-bottom: 0px;}

.bottomin .b1 {order: 4;}
.bottomin .b2 {order: 2;}
.bottomin .b3 {order: 1;}
.bottomin .b4 {order: 3;}

.royalSlider2, .royalSlider  {height: 300px; margin: 0 0 0 0;}

.moduletable_portfolio, .moduletable_blog {margin: 25px 0 25px 0;}
div.itemListCategory, div.itemHeader {margin: 25px 0 0 0;}

.moduletable_blog a.moduleCustomLink {top: 0px;}

div.k2ItemsBlock ul.fourbox {margin: 0 -7px;}
div.k2ItemsBlock ul.fourbox > li {padding: 0 7px;}
div.k2ItemsBlock ul li {margin: 0 0 15px 0;}

div.k2ItemsBlock ul.fourbox a.moduleItemNewbox {height: 250px;}
div.k2ItemsBlock ul.onebox a.moduleItemNewbox {height: 200px;}

.rsform_zakaz .rsform-block {width: 100%;}
.rsform_zakaz .rsform-block-message, .rsform_zakaz .rsform-block-c-message {position: unset; width: 100%;}
.rsform_zakaz .rsform-block-message textarea, .rsform_zakaz .rsform-block-c-message textarea {height: 150px !important;}

.rsform_zakaz .rsform-submit-button {margin: 0 auto;}
.rsform_zakaz .rsform-block-code .formBody > div > div {margin:0 auto;}

.moduletable_portfolio:before, .moduletable_blog:before, div.itemListCategory:before, .moduletable_menuicons:before {top: 12px;}

.preload-middle .preloader, .preload-middle .preloader > img, .preload-middle .preloader-in img {width: 360px;}

div.k2ItemsBlock .moduleItemMiddle h4, .moduletable_portfolio h3, .moduletable_menuicons h3, .moduletable_blog h3, div.itemHeader h2.itemTitle, div.itemListCategory h2, div.itemListCategory h1, div.itemHeader h1.itemTitle, div.itemHeader h2.itemTitle {font-size: 24px;}
.preload-middle span {font-size: 20px;}

.moduletable_menuicons > ul li a span.image-title {font-size: 18px;}

.hidden-xs {display: none;}




}
/* #Screen < 540 ================================================== */
@media (max-width: 540px) {
.topp .social {}
.slicknav_btn {text-align: right; padding: 0 65px 0 0;}

.description img {float: none !important; margin: 0 auto 15px auto !important; display: block;}





}


/* #Screen < 510 ================================================== */
@media (max-width: 510px) {
.moduletable_portfolio a.port-cont {width: 100%; margin-bottom: 15px;}
.moduletable_portfolio a.port-cont .port-image {height: 150px;}

div.k2ItemsBlock ul.fourbox > li {width: 50%;}
div.k2ItemsBlock ul.fourbox a.moduleItemNewbox {height: 200px;}
div.k2ItemsBlock ul.onebox a.moduleItemNewbox {height: 150px;}
div.k2ItemsBlock {margin-top: 15px;}
.moduletable_menuicons > ul li {width: 100%; margin: 15px 0;}



}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {

.moduletable_blog a.moduleCustomLink {padding: 0px 15px 0px 5px;}
.moduletable_blog .moduleCustomLink:after {top: 5px;}
	
.moduletable_portfolio:before, .moduletable_blog:before, div.itemListCategory:before, .moduletable_menuicons:before  {top: 9px;}
.preload-middle span, div.k2ItemsBlock .moduleItemMiddle h4, .moduletable_portfolio h3, .moduletable_menuicons h3, .moduletable_blog h3, .moduletable_portfolio a.port-cont .port-block h4, div.itemHeader h2.itemTitle, div.itemListCategory h2, div.itemListCategory h1, div.itemHeader h1.itemTitle, div.itemHeader h2.itemTitle {font-size: 18px;}








}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {
.ba-form input[type="text"], .ba-form input[type="email"], .ba-form textarea {width:100%;}

.slicknav_menu .slicknav_menutxt {display: none;}

.preload-middle .preloader, .preload-middle .preloader > img, .preload-middle .preloader-in img {width: 290px;}



}
/* #Screen < 365 ================================================== */
@media (max-width: 365px) {

div.k2ItemsBlock ul.fourbox a.moduleItemNewbox {height: 150px;}
div.k2ItemsBlock ul.onebox a.moduleItemNewbox {height: 150px;}


}
html body .bottom .bottomin .powered,
html body .bottom .bottomin .b1 .powered {display: none !important;}
  

html body .topp .social {display: none !important;}

/* fix: sticky-футер через flex — не перекриває контент і тягнеться донизу екрана */
body {display: flex; flex-direction: column; min-height: 100vh;}
.bottom {position: relative; bottom: auto; margin-top: auto;}

/* стаття: вузький тільки текст; заголовок і фото — на всю ширину */
.item-page .description > p,
.item-page .description > ul,
.item-page .description > ol,
.item-page .description > h2,
.item-page .description > h3,
.item-page .description > h4 {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

/* прибрати назву категорії під заголовком на сторінці матеріалу */
.itemView .itemHeader .itemCategory {display: none;}

/* перемикач мов: вертикально, активна — золота, неактивна — колір меню */
.moduletable_lang li {display: block; margin: 0 0 8px 0;}
.moduletable_lang li a {color: #666666; border-bottom: none; font-size: 14px;}
.moduletable_lang li.lang-active a {color: #d5b07b; border-bottom: none;}
.moduletable_lang li a:hover {color: #d5b07b; border-bottom: none;}

.moduletable_lang {position: absolute; right: 15px; top: 64%; transform: translateY(-50%); margin: 0;}

.royalSlider {margin-top: 0 !important;}




@media (min-width: 961px) {
  .topp {padding-top: 15px !important;}
  .topp, .toppin {height: 85px !important;}
}


.bottomin .b1 {margin-top: 0px;}
.bottomin .b2 {margin-top: -4px;}
.bottomin .b3 {margin-top: -4px;}
.bottomin .b4 {margin-top: 5px;}

ul.fourbox .moduleItemNewbox .moduleItemMiddle { display: none; }

/* прибрати фонову підкладку на мобільному */
@media (max-width: 768px) {
  .bigbg, .pcont {background-image: none;}
}


/* прибрати фонову підкладку на мобільному (синхронно з бургер-меню) */
@media (max-width: 960px) {
  .bigbg, .pcont {background-image: none;}
}


/* бургер притиснутий вправо до мов, від 960 і нижче (як на ≤540) */
@media (max-width: 960px) {
  .slicknav_btn {text-align: right; padding: 0 65px 0 0;}
}

/* бургер на одну лінію з мовами (≤960) */
@media (max-width: 960px) {
  .topp .topmenu {
    top: 59%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}

@media (max-width: 1200px) and (min-width: 961px) {
  .topp .topmenu {right: 80px;}
}

/* підкладка під заголовком блогу: за замовчуванням немає */
div.k2ItemsBlock ul.onebox li .moduleItemMiddle h4 {
  background: transparent !important;
}

/* з'являється тільки на наведення і тільки там, де є справжній курсор */
@media (hover: hover) and (pointer: fine) {
  div.k2ItemsBlock ul.onebox li:hover .moduleItemMiddle h4 {
    background: rgba(12,12,14,0.8) !important;
  }
}

/* заголовок блогу: 961–1200 — трохи менше */
@media (max-width: 1200px) and (min-width: 961px) {
  div.k2ItemsBlock ul.onebox .moduleItemMiddle h4 { font-size: 30px; }
}

/* заголовок блогу: 721–960 — значно менше, в один рядок */
@media (max-width: 960px) and (min-width: 721px) {
  div.k2ItemsBlock ul.onebox .moduleItemMiddle h4 { font-size: 18px; }
}

/* заголовок блогу: ≤720 — менше */
@media (max-width: 720px) {
  div.k2ItemsBlock ul.onebox .moduleItemMiddle h4 { font-size: 18px; }
}

/* секційні заголовки ПОРТФОЛІО / БЛОГ: не зменшувати на ≤460 */
@media (max-width: 460px) {
  .moduletable_portfolio h3,
  .moduletable_menuicons h3,
  .moduletable_blog h3 { font-size: 24px; }
}

/* головна: 3 колонки портфоліо-тизера в діапазоні 721–960 */
@media (max-width: 960px) and (min-width: 721px) {
  .moduletable_menuicons > ul li { width: 33.3%; }
}

/* портфоліо-грід (записи категорії): фіксована пропорція 4:3 + однаковий відступ 15px на всіх ширинах */
div.k2ItemsBlock ul.fourbox { margin: 0 -7.5px !important; }
div.k2ItemsBlock ul.fourbox > li { padding: 0 7.5px !important; margin: 0 0 15px 0 !important; }
div.k2ItemsBlock ul.fourbox a.moduleItemNewbox {
  height: auto !important;
  aspect-ratio: 3 / 3.5;
}

/* лого: не зменшувати на 960–721 (меню вже бургер, місця досить) */
@media (max-width: 960px) and (min-width: 721px) {
  .topp .logo img { width: 290px; }
}

/* лого: не зменшувати на 960–721 (меню вже бургер, місця досить) */
@media (max-width: 720px) and (min-width: 450px) {
  .topp .logo img { width: 240px; }
}

/* розділи: наводиш на один — решта затемнюються (тільки десктоп з мишею) */
@media (hover: hover) and (pointer: fine) {
  .moduletable_menuicons > ul > li { transition: opacity .25s ease; }
  .moduletable_menuicons > ul:hover > li { opacity: 0.4; }
  .moduletable_menuicons > ul > li:hover { opacity: 1; }
}

div.k2ItemsBlock ul.onebox li .moduleItemMiddle h4 {
  transition: background .1s ease !important;
}

/* плашка блогу: компенсувати трейлінг letter-spacing справа */
div.k2ItemsBlock ul.onebox li .moduleItemMiddle h4 {
  padding-left: calc(8px + 0.2em);
}

/* прибрати кнопку «вгору» з усіх екранів */
i.scrolltop {display: none !important;}


/* блог на головній: пропорція замість фіксованої висоти */
div.k2ItemsBlock ul.onebox a.moduleItemNewbox {
  height: auto !important;
  aspect-ratio: 4 / 1;
}

/* на планшеті/телефоні смуга вища */
@media (max-width: 960px) {
  div.k2ItemsBlock ul.onebox a.moduleItemNewbox {
    aspect-ratio: 3 / 1;
  }
}

/* прелоадер: на телефоні трохи зменшити фон проти cover */
@media (max-width: 768px) {
  #preload { background-size: auto 100%; }
}


/* крапки слайдерів: неактивні сірі, активна велика золота, ростуть рівномірно */
.rsDefaultInv .rsBullet {
  width: 8px !important;
  height: 8px !important;
  vertical-align: middle !important;
}
.rsDefaultInv .rsBullet span {
  width: 100% !important;
  height: 100% !important;
  background: #666 !important;        /* неактивна — сіра */
  border-radius: 50% !important;
  transition: 0.25s ease;
}
.rsDefaultInv .rsBullet.rsNavSelected {
  width: 16px !important;
  height: 16px !important;
}
.rsDefaultInv .rsBullet.rsNavSelected span {
  background: #d5b07b !important;     /* активна — золота */
}


/* галерея статей: крапки під фото */
.itemImageGallery .royalSlider2 {
  position: relative !important;
  margin-top: 30px !important;
  margin-bottom: 80px !important;
}
.royalSlider2 .rsNav.rsBullets {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 100% !important;
  bottom: auto !important;
  margin-top: 12px;
  text-align: center;
}


/* менший відступ над заголовком категорії (КУХНІ/МЕБЛІ/ГАРДЕРОБНІ) */
div.itemListCategory { margin-top: 20px !important; }


/* менший відступ над заголовком статті (Кухня #20) */
div.itemHeader { margin-top: 20px !important; }


/* мобільне меню: вирівняти «МЕНЮ» та іконку бургера по центру */
@media (max-width: 960px) {
  .slicknav_menu .slicknav_menutxt {
    margin: 0 10px 0 0 !important;   /* справа 12px — проміжок до бургера */
    vertical-align: middle !important;
  }
  .slicknav_menu .slicknav_icon {
    margin: 0 !important;
    vertical-align: middle !important;
  }
}

/* стаття: преміальна подача — текст на фоні, вузька колонка, без підкладки */
#k2Container .itemFullText.description {
  background: transparent !important;
  padding: 0 !important;
  max-width: 540px;                      /* вужче: ~58 символів, читабельніше */
  margin: 45px auto 0 auto !important;
  text-align: left !important;
}
#k2Container .itemFullText.description p {
  color: #b0b0b0 !important;        /* приглушений сірий, не білий */
  font-size: 16px !important;
  line-height: 1.55 !important;     /* оптимум для довгого тексту на темному */
  text-align: left !important;
  margin-bottom: 22px !important;   /* повітря між абзацами = ритм без карток */
}
#k2Container .itemFullText.description p:last-child { margin-bottom: 0 !important; }
#k2Container .itemFullText.description a { color: #d5b07b !important; }
#k2Container .itemFullText.description strong,
#k2Container .itemFullText.description b { color: #ffffff !important; }


div.itemPlugin a {
  color: #666 !important;
  background: transparent !important;
  border: 1px solid #666 !important;
  font-weight: normal !important;
}
div.itemPlugin a:hover,
div.itemPlugin a:active,
div.itemPlugin a:focus {
  color: #d5b07b !important;
  background: transparent !important;
  border: 1px solid #d5b07b !important;
}

/* вступний текст над формою замовлення — по центру */
.zakazblock .description {
  text-align: center !important;
}


/* текст над формою консультації — по центру */
.consultmodal-content .description {
  text-align: center !important;
}

/* ===== Модалка консультації ===== */

/* підкладка: темна + розмиття фону (преміальний прийом) */
.consultmodal {
  background-color: rgba(8, 8, 10, 0.85) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* текст над формою — по центру + відступ */
.consultmodal-content .description {
  text-align: center !important;
  margin-bottom: 30px !important;
}

/* форма — вужча колонка по центру */
.consultmodal .moduletable_zakaz {
  max-width: 480px;
  margin: 0 auto;
}

/* поля в один стовпець */
.consultmodal .rsform_zakaz .rsform-block {
  width: 100% !important;
  margin-bottom: 18px !important;
}

/* повідомлення: прибрати absolute, поставити в потік */
.consultmodal .rsform_zakaz .rsform-block-message,
.consultmodal .rsform_zakaz .rsform-block-c-message {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
}

/* textarea — нормальна висота */
.consultmodal .rsform_zakaz .rsform-block-message textarea,
.consultmodal .rsform_zakaz .rsform-block-c-message textarea {
  height: 130px !important;
}

/* кнопка — по центру */
.consultmodal .rsform_zakaz .rsform-submit-button {
  margin: 0 auto !important;
}

/* кнопка закриття — коло у стилі стрілок слайдера, хрестик намальований CSS */
.consultclose {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  border: 1px solid #666;
  border-radius: 50%;
  box-sizing: border-box;
  font-size: 0 !important;          /* ховаємо текстовий × з HTML */
  cursor: pointer;
  transition: 0.25s ease;
}
/* дві лінії хрестика */
.consultclose::before,
.consultclose::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 1px;
  background: #666;
  transition: 0.25s ease;
}
.consultclose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.consultclose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* наведення / натискання — золотий */
.consultclose:hover,
.consultclose:focus,
.consultclose:active {
  border-color: #d5b07b;
}
.consultclose:hover::before,
.consultclose:hover::after,
.consultclose:focus::before,
.consultclose:focus::after,
.consultclose:active::before,
.consultclose:active::after {
  background: #d5b07b;
}


/* відступ між текстом і формою */
.consultmodal-content .description {
  text-align: center !important;
  margin-bottom: 30px !important;
}


/* Joomla-матеріали: преміальна подача тексту (як у K2-статтях) */
.item-page .description,
.w768 .description {
  max-width: 540px !important;
  margin: 45px auto 60px auto !important;
  text-align: left !important;
}
.item-page .description p,
.w768 .description p {
  color: #b0b0b0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  margin-bottom: 22px !important;
}
.item-page .description p:last-child,
.w768 .description p:last-child {
  margin-bottom: 0 !important;
}
.item-page .description a,
.w768 .description a {
  color: #d5b07b !important;
}
.item-page .description strong,
.item-page .description b,
.w768 .description strong,
.w768 .description b {
  color: #ffffff !important;
}


/* ===== Фікс: кнопка закрити завжди вище тексту ===== */
.consultmodal-content {
  position: relative;
  padding-top: 80px; /* підложка під кнопку */
}
.consultclose {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}
/* відступ щоб текст не підлазив під кнопку */
.consultmodal-content .description {
  padding-right: 10px;
}

/* ===== Фікс: помилки не зсувають поля ===== */
.consultmodal-content .formValidation {
  display: block;
  min-height: 12px; /* резервує місце завжди */
}


/* === Share buttons === */
.share-block {
  text-align: center;
  margin: 50px auto;
  max-width: 620px;
}
.share-block .share-label {
  color: #666;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}
.share-block .share-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.share-block a,
.share-block button {
  width: 48px;
  height: 48px;
  border: none !important;
  background: transparent !important;
  color: #666 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.25s ease;
  padding: 0;
  border-radius: 0;
  font-size: 18px;
  text-decoration: none;
  box-shadow: none !important;
}
.share-block a:hover,
.share-block button:hover {
  color: #d5b07b !important;
  background: transparent !important;
  border: none !important;
}
.share-copied {
  color: #d5b07b !important;
}


.item-page .description .share-block a,
.item-page .description .share-block button {
  color: #666 !important;
}
.item-page .description .share-block a:hover,
.item-page .description .share-block button:hover {
  color: #d5b07b !important;
}

.item-page .description div.itemPlugin a {
  color: #666 !important;
  border-color: #666 !important;
}
.item-page .description div.itemPlugin a:hover {
  color: #d5b07b !important;
  border-color: #d5b07b !important;
}

a.zakaztoggle.active {
  color: #d5b07b !important;
  border-color: #d5b07b !important;
}


/* форма замовлення в один стовпець */
.zakazblock .rsform_zakaz .rsform-block {
  width: 100% !important;
  position: static !important;
}
.zakazblock .rsform_zakaz .rsform-block-message,
.zakazblock .rsform_zakaz .rsform-block-c-message {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
}
.zakazblock .rsform_zakaz .rsform-block-message textarea,
.zakazblock .rsform_zakaz .rsform-block-c-message textarea {
  height: 130px !important;
}
.zakazblock .rsform_zakaz .rsform-submit-button {
  margin: 0 auto !important;
}

/* ===== reCAPTCHA: віджет по центру + помилка одразу під ним ===== */

/* поля форми: помилка окремим рядком під полем */
.rsform-block .formValidation { display: block !important; }
.rsform-block .formError {
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* блок капчі на повну ширину */
.rsform-block.rsform-block-code,
.rsform-block.rsform-block-c-code {
  width: 100% !important;
  text-align: center !important;
}
.rsform-block.rsform-block-code .formControls,
.rsform-block.rsform-block-c-code .formControls {
  display: block !important;
  width: 100% !important;
  float: none !important;
  text-align: center !important;
}

/* .formBody — flex-СТОВПЧИК по центру: капча зверху, помилка під нею */
.rsform-block.rsform-block-code .formBody,
.rsform-block.rsform-block-c-code .formBody {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

/* сам віджет капчі */
.rsform-block.rsform-block-code .formBody > div[id^="g-recaptcha"],
.rsform-block.rsform-block-c-code .formBody > div[id^="g-recaptcha"] {
  margin: 0 auto !important;
  float: none !important;
}

/* помилка капчі: у потоці, одразу під віджетом, по центру */
.rsform-block.rsform-block-code .formBody > .formValidation,
.rsform-block.rsform-block-c-code .formBody > .formValidation {
  position: static !important;
  width: 100% !important;
  margin-top: 6px !important;
  text-align: center !important;
}
.rsform-block.rsform-block-code .formError,
.rsform-block.rsform-block-c-code .formError {
  display: block !important;
  text-align: center !important;
}