@font-face {font-family:"Roboto-R";src: url("../fonts/RobotoRegular/RobotoRegular.eot");src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"),url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");font-style: normal; font-weight: normal;}
@font-face {font-family:"Roboto-M";src: url("../fonts/RobotoMedium/RobotoMedium.eot");src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix") format("embedded-opentype"),url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");font-style: normal; font-weight: normal;}
@font-face {font-family:"Myriad-R";src: url("../fonts/MyriadRegular/MyriadRegular.eot");src: url("../fonts/MyriadRegular/MyriadRegular.eot?#iefix") format("embedded-opentype"),url("../fonts/MyriadRegular/MyriadRegular.woff") format("woff"),url("../fonts/MyriadRegular/MyriadRegular.ttf") format("truetype");font-style: normal; font-weight: normal;}

/****************** Colors **********************
#1f1f1f , rgba(31,31,31,1)
#222222 , rgba(34,34,34,1)
#fff1a5 , rgba(255,241,165,1)
#886a29 , rgba(136,106,41,1)
#f3f3f3 , rgba(243,243,243,1)
#f5e9c7 , rgba(245,233,199,1)

*DS**************** General *******************/
* {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, wrapper, content{display: block;position:relative;}
a:focus, input:focus, buttom:focus, textarea:focus {outline:0;}
button {cursor: pointer; outline:none;border: none;background: none;}
a {text-decoration: none;}
ul, ol {list-style: none;}
/** Tabs **/
.tabs-content {display: none;} .tabs-content.tabs-active {display: block;}
/** spoiler **/
.spoiler-body {display: none;}
/** placeholder style **/
.placeholder_light ::-webkit-input-placeholder{color:#ffffff; opacity:1} .placeholder_light ::-moz-placeholder{color:#ffffff;opacity:1} .placeholder_light :-moz-placeholder{color:#ffffff;opacity:1} .placeholder_light :-ms-input-placeholder{color:#ffffff;opacity:1}
.placeholder_dark ::-webkit-input-placeholder{color:#1f1f1f; opacity:1} .placeholder_dark ::-moz-placeholder{color:#1f1f1f;opacity:1} .placeholder_dark :-moz-placeholder{color:#1f1f1f;opacity:1} .placeholder_dark :-ms-input-placeholder{color:#1f1f1f;opacity:1}
:focus::-webkit-input-placeholder,:focus::-moz-placeholder,:focus:-moz-placeholder,:focus:-ms-input-placeholder {color:transparent}
/** no user select **/
.no-user-select {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;user-select: none;}
/** underline styles **/
p,li,a,span,h1,h2,h3,h4,h5,h6 {-webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-position: under;}
/** backgrounds cover style **/ 
.my-cover {
	display: block; width: 100%; height: 100%;
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; 
}
/** fix standard scroll **/
.flexscroll::-webkit-scrollbar {width: 0;} .flexscroll {-ms-overflow-style: none;} .flexscroll {overflow: -moz-scrollbars-none;}
/** clear style **/
.clear {clear: both;}

body {
	width:100%; overflow-y:scroll; overflow-x:auto;
	color: #000; font-family: 'Roboto-R'; line-height: 1.2;
}
.wrapper {
	width:100%; min-width:320px; max-width:2750px; 
	margin:0 auto; height: auto; overflow: hidden;
}
.wraper-100 {  
	width:100%; min-width:320px; max-width:2750px; 
	margin:0 auto;
}
.wraper-1240 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1200px;	min-width:1200px; max-width:1200px;
}
.wraper-1300 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1260px;	min-width:1260px; max-width:1260px;
}
.wraper-1360 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1320px;	min-width:1320px; max-width:1320px;
}
.wraper-1440 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1400px;	min-width:1400px; max-width:1400px;
}
.wraper-1640 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1600px;	min-width:1600px; max-width:1600px;
}

/****************** Header ******************/
.header-wrap {
	z-index: 500; display: block; margin: 0 auto;
	position: fixed; top: 0; left: 0; right: 0;
	background: #1f1f1f;
	-webkit-transform: translateZ(0);
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-block {
	padding-top: 5px; padding-bottom: 5px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: space-between;	-ms-flex-pack: space-between; justify-content: space-between;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-wrap.activete {-webkit-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.5); box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.5);}
.header-padding {
	height: 132px; width: 100%; 
	display: block; content: ''; background: #1e1e1e;
}
/****** logo ******/
.header-logo {
	display: block; content: '';
	width: 323px; height: 122px;
	background: url(../img/socials/logo-header.png)no-repeat center center;
	background-size: 100%;
}
/****** nav ******/
.header-nav {}
.header-nav ul {
	display: block; position: relative; zoom: 1; list-style-type: none;
	margin: 0; padding: 0; font-size: 0;
}
.header-nav > ul > li {
	position: relative; display: inline-block; white-space: nowrap;
	margin: 0 13px; 
}
.header-nav > ul > li:before {
	opacity: 0; display: block; content: ''; margin: 0 auto;
	position: absolute; bottom: 0; left: 0; right: 0; 
	width: 50%; height: 1px; background: rgba(245,233,199,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-nav > ul > li:hover:before {width: 100%; opacity: 1;}
.header-nav > ul > li > a {
	display: block; padding: 5px 5px;
	color: #f3f3f3; text-transform: uppercase;
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.2;
}
/*** nav-button ***/
.nav-button {display: none;}
/***/
.cmn-toggle-switch {
	padding: 0; margin: 0 0; overflow: hidden;
	position: absolute; right: 0; left: 0; top: 0;
	width: 100px; height: 94px;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	box-shadow: none; border: none;  
}
.cmn-toggle-switch:focus {outline: none;}
.cmn-toggle-switch span {
	position: absolute; display: block;
	top: 41px; left: 18px; right: 18px;
	height: 3px;
	background: #fff;
}
.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
	display: block; content: ""; position: absolute; left: 0;
	height: 3px; width: 100%;
	background-color: #fff;
	-webkit-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; -webkit-transition-delay: 0.5s, 0; transition-delay: 0.5s, 0;
}
.cmn-toggle-switch span::before {top: -18px; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
.cmn-toggle-switch span::after {bottom: -18px; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;}
/* when click */
.cmn-toggle-switch.active span {background: none;}
.cmn-toggle-switch.active span::before {top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.cmn-toggle-switch.active span::after {bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.cmn-toggle-switch.active span::before, .cmn-toggle-switch.active span::after {-webkit-transition-delay: 0, 0.5s; transition-delay: 0, 0.5s;}
/****** header-right ******/
.header-right {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
/*** socials ***/
.header-socials li {margin: 6px 0; display: block;}
.header-socials li a {
	display: block; content: '';
	width: 30px; height: 30px;
	background-position: center center; background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-soc-fb a {background-image: url(../img/icons/soc-fb.png);}
.header-soc-in a {background-image: url(../img/icons/soc-in.png);}
.header-socials li a:hover {opacity: .7;}
/*** languages ***/
#languages {margin-left: 25px;}
#languages li {margin: 5px 0; display: block;}
#languages li a {
	padding: 3px 5px 2px 5px; display: block;
	color: #fff; text-transform: uppercase; text-align: center;
	font: normal 18px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 1px solid rgba(245,233,199,0);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
#languages li.active a {color: #fff1a5; border: 1px solid rgba(245,233,199,1);}
#languages li:hover a {color: #fff1a5;}
/**/
#languages .qtranxs-available-languages-message {display: none !important;}
/*** tel ***/
.header-tel {margin-left: 20px;}
.header-tel a {
	display: block;
	color: #f3f3f3; text-transform: uppercase;
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.2;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-tel a:hover {color: #fff1a5;}

/****************** Footer ******************/
.footer-wrap  {
	display: block; overflow: hidden;
	background:  url(../img/footer-decor1.png)no-repeat left 5px bottom 10px, #1f1f1f url(../img/footer-decor1.png)no-repeat right 5px bottom 10px;;
	background-size: 70px, 70px;
}
.footer-block {
	padding-top: 40px; padding-bottom: 15px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	-webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;
}
.header-socials li a:hover {opacity: .7;}
/****** nav ******/
.footer-nav {margin: 0 50px;}
.footer-nav ul li {position: relative; white-space: nowrap;}
.footer-nav ul li a {
	display: block; padding: 2px 5px;
	color: #f3f3f3; text-transform: uppercase;
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.2;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.footer-nav ul li a:hover {color: #fff1a5;}
/****** logo ******/
.footer-logo {
	margin-top: -7px; display: block; content: '';
	width: 425px; height: 154px;
	background: url(../img/socials/logo-header.png)no-repeat center center;
	background-size: 100%;
}
/****** footer-right ******/
.footer-right {margin-top: 8px; text-align: center;}
/*** socials ***/
.footer-socials ul {text-align: center;}
.footer-socials li {margin: 0 10px; display: inline-block;}
.footer-socials li a {
	display: block; content: '';
	width: 38px; height: 38px;
	background-position: center center; background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.footer-soc-fb a {background-image: url(../img/icons/soc-fb.png);}
.footer-soc-in a {background-image: url(../img/icons/soc-in.png);}
.footer-socials li a:hover {opacity: .7;}
/*** tel and mail ***/
.footer-tel {margin-top: 18px;}
.footer-mail {margin-top: 8px;}
.footer-tel a, .footer-mail a {
	padding: 2px 5px; display: inline-block;
	color: #f3f3f3;  
	font: normal 26px 'Roboto-R',sans-serif; line-height: 1.2;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.footer-tel a:hover, .footer-mail a:hover {color: #fff1a5;}
/*** made ***/
.footer-made {margin-top: 30px;}
.footer-made a {
	padding: 2px 5px; display: inline-block;
	color: rgba(255,255,255,.5);  
	font: normal 15px 'Roboto-R',sans-serif; line-height: 1.2;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.footer-made a:hover {color: #fff1a5;}

/****************** Home ******************/
.main-slider {background: #000; display: block; overflow: hidden;}
.main-slider:after {
	z-index: 1; display: block; content: '';
	position: absolute; left: 0; top: 0;
	width: 40%; height: 100%;
	background: url(../img/main-slider-opacity.png)repeat-y top left;
	background-size: 100%;
}
.main-slider .slick-slide {
	height: calc(100vh - 132px);
	min-height: 550px; max-height: 1100px;
}
/** arrows **/
.main-slider .slick-prev, .main-slider .slick-next {width: 45px; height: 67px;}
.main-slider .slick-prev {left: calc(50% + 670px); top: calc(100% - 57px);}
.main-slider .slick-next {right: calc(50% - 785px); top: calc(100% - 57px);}
.main-slider .slick-prev:before, .main-slider .slick-next:before {
	width: 45px; height: 67px; display:block; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.main-slider .slick-prev:before {
	background: url(../img/icons/arrow1-left.png)no-repeat center center;
	background-size: 100%;
}
.main-slider .slick-next:before {
	background: url(../img/icons/arrow1-right.png)no-repeat center center;
	background-size: 100%;
}
/***** slider-text *****/
.main-slider-text-block {
	z-index: 1; margin: 0 auto; height: 100%;
	position: absolute; top: 0; left: 0; right: 0;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.main-slider-text {width: 35%;}
/******/
.main-slider-text h2 {
	color: #f5e9c7; text-transform: uppercase;
	font: normal 48px 'Roboto-R',sans-serif; line-height: 1.2;
}
.main-slider-text h2:after {
	margin: 12px 0 10px -60px; display: block; content: '';
	width: 38%; height: 3px; background: #fff1a5;
}
.main-slider-text p {
	color: #f5e9c7; text-transform: uppercase;
	font: normal 48px 'Roboto-R',sans-serif; line-height: 1.2;
}
/** link **/
.main-slider-text-link {margin-top: 70px;}
.main-slider-text-link a {
	padding: 15px 30px; display: inline-block; position: relative;
	color: #f5e9c7; text-transform: uppercase;
	font: normal 32px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 3px solid #fff1a5; 
}
/* hover */
.link-hover:after {
	z-index: -1; opacity: 0;
	display: block; content: ''; margin: 0 auto;
	position: absolute; top: 0; left: 0; right: 0;
	width: 30%; height: 100%; background: rgba(0,0,0,.7);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;	
}
.link-hover:hover:after {opacity: 1; width: 100%;}
/******** trilogy ********/
.trilogy-wrap {display: block; overflow: hidden;}
/** title **/
.trilogy-title {margin-top: 25px;}
.trilogy-title:after {
	display: block; content: '';
	width: 1730px; height: 105px;
	position: absolute;
	left: -565px; top: -26px;
	border: 10px solid #cdbf76;
	border-top: 0; border-left: 0;
	border-image: url(../img/border-bg1.jpg) 30 round round;
}
.trilogy-title h2 {
	color: #886a29; text-transform: uppercase;
	font: normal 52px 'Myriad-R',sans-serif; line-height: 1.2;
}
/*********/
.trilogy-block {
	margin-top: 60px; margin-bottom: 110px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	-webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;
}
.trilogy-block:after, .trilogy-block:before {z-index: -1; display: block; content: ''; position: absolute;}
.trilogy-block:before {
	width: 370px; height: 520px;
	right: -150px; top: -145px;
	background: url(../img/trilogy-decor1.png)no-repeat center center; background-size: 100%;
}
.trilogy-block:after {
	width: 490px; height: 496px;
	left: -150px; bottom: -110px;
	background: url(../img/trilogy-decor2.png)no-repeat center center; background-size: 100%;
}
/***** info *****/
.trilogy-info-block {width: calc(50% - 40px);}
/*** text ***/
.trilogy-info-text h1, .trilogy-info-text h2, .trilogy-info-text h3, .trilogy-info-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #1f1f1f; 
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.5;
}
.trilogy-info-text-line {
	margin-left: -30px; display: block; content: '';
	width: 130px; height: 2px; background:rgba(0,0,0,.3);
	font-size: 0 !important;
}
.trilogy-info-text ul, .trilogy-info-text ol {margin: 40px 0 40px 80px;}
.trilogy-info-text li {
	position: relative;
	margin-top: 25px; margin-bottom: 25px;
	color: #886a29; 
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.4;
}
.trilogy-info-text li:before {
	display: block; content: ''; position: absolute; 
	left: -45px; top: -2px;
	width: 34px; height: 34px;
	background: url(../img/trilogy-nomer.png)no-repeat center center;
	background-size: 100%;
}
.trilogy-info-text blockquote {padding-left: 20px; border-left: 2px solid rgba(136,106,41,.7);}
.trilogy-info-text b, .trilogy-info-text strong {font-family: 'Roboto-M';}
.trilogy-info-text a {
	color: rgba(136,106,41,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.trilogy-info-text a:hover {color: rgba(136,106,41,.7);}
.trilogy-info-text img, .trilogy-info-text iframe {display: none!important;}
/** link **/
.trilogy-info-link {margin-top: 50px; text-align: center;}
.trilogy-info-link a {
	padding: 10px 25px; display: inline-block; position: relative;
	color: #1f1f1f; text-transform: uppercase;
	font: normal 26px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 3px solid rgba(136,106,41,.7); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.trilogy-info-link a:hover {color: #fff;}
/***** sliders *****/
.trilogy-sliders-block {
	margin-top: 10px; width: calc(50% - 4px);
	border: 2px solid rgba(136,106,41,.7);
}
/*** big ***/
.trilogy-slider-big {
	width: calc(100% - 40px); margin: 20px 20px 0 20px;
}
.trilogy-slider-big:after {
	margin: 0 auto; display: block; content: '';
	position: absolute; bottom: -10px; left: 0; right: 0;
	width: 100%; height: 2px; background:rgba(0,0,0,.3);
}
.trilogy-slider-big .my-cover {padding-top: 80%;}
/*** small ***/
.trilogy-slider-small {width: 85%; margin: 20px auto;}
.trilogy-slider-small .slick-slide {margin: 0 10px;}
.trilogy-slider-small .my-cover {padding-top: 80%;}
/* arrows */
.trilogy-slider-small .slick-prev, .trilogy-slider-small .slick-next {width: 17px; height: 34px;}
.trilogy-slider-small .slick-prev {left: -28px; top: 50%;}
.trilogy-slider-small .slick-next {right: -28px; top: 50%;}
.trilogy-slider-small .slick-prev:before, .trilogy-slider-small .slick-next:before {
	width: 17px; height: 34px; display:block; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.trilogy-slider-small .slick-prev:before {
	background: url(../img/icons/arrow2-left.png)no-repeat center center;
	background-size: 100%;
}
.trilogy-slider-small .slick-next:before {
	background: url(../img/icons/arrow2-right.png)no-repeat center center;
	background-size: 100%;
}
/******** about ********/
.about-wrap {
	display: block; overflow: hidden;
	background: url(../img/about-bg.jpg)no-repeat center center;
	background-size: cover;
}
.about-block {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	-webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;
}
/***** slider *****/
.about-slider, .about-slider.slick-dotted.slick-slider {
	z-index: 1; display: block;
	width: 28%; margin: 30px 0 55px 14%;
	background: #1f1f1f;
}
.about-slider:after {
	z-index: -1; display: block; content: '';
	position: absolute; top: -7px; left: -7px;
	width: calc(100% + 10px); height: calc(100% + 10px);
	border: 2px solid rgba(255,241,165,.7);
}
.about-slider .my-cover {padding-top: 100%;}
/* dots */
.about-slider .slick-dots {bottom:-35px;}
.about-slider .slick-dots  li {width:10px; height:10px; margin:0 10px;}
.about-slider .slick-dots li button {width:10px; height:10px; padding:0px;}
.about-slider .slick-dots li button:before {
	border-radius: 50%;
	width:10px; height:10px;
	content:''; background: #c6ab55; opacity:.6;
}
.about-slider .slick-dots li.slick-active button:before {background: #fff;}
.about-slider .slick-dots li.slick-active button:after {
	z-index: -1; display: block; content: '';
	width: calc(100% + 8px); height: calc(100% + 8px);
	position: absolute; top: -4px; left: -4px;
	background: rgba(255,241,165,.3); border-radius: 50%;
}
/***** about-text *****/
.about-text-block {width: calc(58% - 130px);}
/** title **/
.about-title {margin-top: 10px; margin-left: 250px;}
.about-title:after {
	display: block; content: '';
	width: 1155px; height: 78px;
	position: absolute;
	right: -780px; top: -10px;
	border: 8px solid #fff1a5;
	border-top: 0; border-right: 0;
}
.about-title h2 {
	color: #fff1a5; text-transform: uppercase;
	font: normal 52px 'Myriad-R',sans-serif; line-height: 1.2;
}
/*** text ***/
.about-text {margin-top: 70px;}
/****/
.about-text h1, .about-text h2, .about-text h3, .about-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #fff; 
	font: normal 16px 'Roboto-R',sans-serif; line-height: 1.5;
}
.about-text ul, .about-text ol {margin: 10px 0 10px 15px;}
.about-text li {
	margin-top: 10px; margin-bottom: 10px;
	color: #fff;
	font: normal 16px 'Roboto-R',sans-serif; line-height: 1.5;
}
.about-text blockquote {padding-left: 20px; border-left: 2px solid #fff1a5;}
.about-text b, .about-text strong {font-family: 'Roboto-M';}
.about-text a {
	color: rgba(255,241,165,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.about-text a:hover {color: rgba(255,241,165,.7);}
.about-text img, .about-text iframe {display: none!important;}
/** link **/
.about-text-link {margin-top: 75px; text-align: center;}
.about-text-link a {
	padding: 10px 10px; display: inline-block; position: relative;
	color: #f3f3f3; text-align: center; text-transform: uppercase;
	font: normal 26px 'OS-B',sans-serif; line-height: 1.2;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.about-text-link a:hover {color: #fff1a5;}
.about-text-link a:after, .about-text-link a:before {
	display: block; content: '';
	position: absolute; 
	height: 1px; background: #f3f3f3;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.about-text-link a:after {
	left: -70px; bottom: -20px;
	width: 125px;
}
.about-text-link a:hover:after {background: #fff1a5; width: 100%; left: 0;}
.about-text-link a:before {
	right: -110px; top: -20px;
	width: 165px;
}
.about-text-link a:hover:before {background: #fff1a5; width: 100%; right: 0;}
/******** books ********/
.books-wrap {display: block; overflow: hidden;}
.books-block {margin-bottom: 85px;}
/** title **/
.books-title {margin-top: 15px;}
.books-title:after {
	display: block; content: '';
	width: 980px; height: 140px;
	position: absolute;
	left: -560px; top: -16px;
	border: 12px solid #cdbf76;
	border-top: 0; border-left: 0;
	border-image: url(../img/border-bg1.jpg) 30 round round;
}
.books-title h2 {
	margin-left: 100px; display: block;  
	color: #886a29; text-transform: uppercase;
	font: normal 76px 'Myriad-R',sans-serif; line-height: 1.2;
}
/********/
.book-item {
	margin-top: 75px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	-webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;
}
.book-item:nth-child(1) {margin-top: 50px;}
/***** info *****/
.book-item-text-block {margin-top: 50px; width: calc(55% - 40px);}
.book-item:nth-child(2) .book-item-text-block {order: 2;}
.book-item3 .book-item-text-block {margin-top: 35px;}
/** title **/
.book-item-title {text-align: center;}
.book-item-title h2 {
	padding: 12px 22px 11px 22px; display: inline-block; position: relative;
	color: #1f1f1f; text-transform: uppercase;
	font: bold 30px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 2px solid rgba(0,0,0,.5); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
/*** text ***/
.book-item-text {margin-top: 30px; display: block; overflow: hidden;}
.book-item3 .book-item-text {margin-top: 15px;}
/****/
.book-item-text h1, .book-item-text h2, .book-item-text h3, .book-item-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #1f1f1f;  
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.5;
}
.book-item-text ul, .book-item-text ol {margin: 10px 0 10px 20px;}
.book-item-text li {
	margin-top: 10px; margin-bottom: 10px;
	color: #1f1f1f;
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.5;
}
.book-item-text blockquote {padding-left: 20px; border-left: 2px solid rgba(136,106,41,.7);}
.book-item-text b, .book-item-text strong {font-family: 'Roboto-M';}
.book-item-text a {
	color: rgba(136,106,41,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.book-item-text a:hover {color: rgba(136,106,41,.7);}
.book-item-text img, .book-item-text iframe {display: none!important;}
/** link **/
.book-item-btn {margin-top: 35px; text-align: center;}
.book-item3 .book-item-btn {margin-top: 18px;}
.book-item-btn a {
	padding: 10px 25px; display: inline-block; position: relative;
	color: #886a29; text-transform: uppercase;
	font: normal 26px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 2px solid rgba(0,0,0,.3); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.book-item-btn a:hover {color: #fff;}
/***** sliders *****/
.book-sliders-block {
	margin-top: 10px; width: calc(45% - 4px);
	border: 2px solid rgba(0,0,0,.5);
}
.book-item:nth-child(2) .book-sliders-block {order: 1;}
/*** big ***/
.book-slider-big {
	width: calc(100% - 30px); margin: 15px 15px 0 15px;
}
.book-slider-big .my-cover {padding-top: 90%;}
/* arrows */
.book-slider-big .slick-prev, .book-slider-big .slick-next {width: 43px; height: 84px;}
.book-slider-big .slick-prev {left: 15px; top: 50%;}
.book-slider-big .slick-next {right: 15px; top: 50%;}
.book-slider-big .slick-prev:before, .book-slider-big .slick-next:before {
	width: 43px; height: 84px; display:block; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.book-slider-big .slick-prev:before {
	background: url(../img/icons/arrow3-left.png)no-repeat center center;
	background-size: 100%;
}
.book-slider-big .slick-next:before {
	background: url(../img/icons/arrow3-right.png)no-repeat center center;
	background-size: 100%;
}
/*** small ***/
.book-slider-small {width: 85%; margin: 15px auto 15px auto;}
.book-slider-small .slick-slide {margin: 0 7px;}
.book-slider-small .my-cover {padding-top: 90%;}
/******** otzivi ********/
.otzivi-wrap {
	display: block; overflow: hidden;
	background: #1f1f1f;
}
.otzivi-block {z-index: 1; display: block;}
.otzivi-block:after, .otzivi-block:before {z-index: -1; display: block; content: ''; position: absolute;}
.otzivi-block:before {
	width: 495px; height: 360px;
	right: -155px; bottom: 0;
	background: url(../img/books-decor2.png)no-repeat center center; background-size: 100%;
}
.otzivi-block:after {
	width: 490px; height: 496px;
	left: -153px; top: -20px;
	background: url(../img/books-decor1.png)no-repeat center center; background-size: 100%;
}
.otzivi-block {padding-bottom: 160px;}
/** title **/
.otzivi-title {margin-top: 25px; margin-right: 100px; text-align: right;}
.otzivi-title:after {
	display: block; content: '';
	width: 1190px; height: 150px;
	position: absolute;
	right: -820px; top: -26px;
	border: 12px solid #cdbf76;
	border-top: 0; border-right: 0;
	border-image: url(../img/border-bg1.jpg) 30 round round;
}
.otzivi-title h2 {
	display: block; text-transform: uppercase;
	font: normal 76px 'Myriad-R',sans-serif; line-height: 1.2;
}
/**/
.run_polosa {
	background: url(../img/border-bg1.jpg) repeat;
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 90s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}
@-webkit-keyframes aitf {0% {background-position: 0% 50%;} 100% {background-position: 100% 50%;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.run_polosa {background: none; color: #cdbf76;}}
/***** slider *****/
.otzivi-slider .slick-prev, .otzivi-slider .slick-next {width: 44px; height: 44px;}
.otzivi-slider .slick-prev {left: 210px; top: calc(100% + 47px);}
.otzivi-slider .slick-next {right: calc(100% - 310px); top: calc(100% + 47px);}
.otzivi-slider .slick-prev:before, .otzivi-slider .slick-next:before {
	width: 44px; height: 44px; display:block; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.otzivi-slider .slick-prev:before {
	background: url(../img/icons/arrow4-left.png)no-repeat center center;
	background-size: 100%;
}
.otzivi-slider .slick-next:before {
	background: url(../img/icons/arrow4-right.png)no-repeat center center;
	background-size: 100%;
}
/*******/
.otziv-name-block {
	display: inline-block; padding: 15px 40px 13px 40px;
	border: 1px solid rgba(136,106,41,.7);
}
.otziv-name-block p {
	color: #fff1a5; text-transform: uppercase;
	font: normal 36px 'Myriad-R',sans-serif; line-height: 1.2;
}
/*** text ***/
.otziv-text {
	margin-top: 25px; padding: 0 20px;
	display: block; overflow: hidden;
	background: #fff; border: 2px solid rgba(136,106,41,.7);
}
/****/
.otziv-text h1, .otziv-text h2, .otziv-text h3, .otziv-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #222222; 
	font: normal 20px 'Roboto-R',sans-serif; line-height: 1.3;
}
.otziv-text ul, .otziv-text ol {margin: 10px 0 10px 15px;}
.otziv-text li {
	margin-top: 10px; margin-bottom: 10px;
	color: #222222;
	font: normal 20px 'Roboto-R',sans-serif; line-height: 1.3;
}
.otziv-text blockquote {padding-left: 20px; border-left: 2px solid rgba(136,106,41,1);}
.otziv-text b, .otziv-text strong {font-family: 'Roboto-M';}
.otziv-text a {
	color: rgba(136,106,41,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.otziv-text a:hover {color: rgba(136,106,41,.7);}
.otziv-text img, .otziv-text iframe {display: none!important;}
/******** upakovka ********/
.upakovka-wrap {
	display: block; overflow: hidden;
	background: url(../img/upakovka-bg.jpg)no-repeat center center;
	background-size: cover;
}
.upakovka-block {margin-bottom: 50px;}
/** title **/
.upakovka-title {margin-top: 18px; margin-right: 100px; z-index: 1; text-align: center;}
.upakovka-title:after {
	display: block; content: '';
	width: 1680px; height: 120px;
	position: absolute;
	right: -820px; top: -20px;
	border: 12px solid rgba(0,0,0,.5);
	border-top: 0; border-right: 0;;
}
.upakovka-title:before {
	z-index: -1; display: block; content: '';
	width: 1680px; height: 3px;
	position: absolute;
	left: -820px; top: 45px;
	background: #886a29;
}
.upakovka-title h2 {
	display: block; text-transform: uppercase;
	font: normal 76px 'Roboto-M',sans-serif; line-height: 1.2;
}
/***** sliders *****/
.upakovka-sliders-block {
	margin: 60px auto 0 auto; width: 90%;
	border: 2px solid rgba(136,106,41,.7);
}
/**** big ****/
.upakovka-slider-big {
	width: calc(100% - 100px); margin: 20px 50px 0 50px;
}
.upakovka-slider-big:after {
	margin: 0 auto; display: block; content: '';
	position: absolute; bottom: -12px; left: 0; right: 0;
	width: 100%; height: 2px; background:rgba(0,0,0,.3);
}
.upakovka-slider-big .my-cover {padding-top: 50%;}
/**** small ****/
.upakovka-slider-small {width: 86%; margin: 30px auto 25px auto;}
.upakovka-slider-small .slick-slide {margin: 0 10px;}
.upakovka-slider-small .my-cover {padding-top: 60%;}
/* arrows */
.upakovka-slider-small .slick-prev, .upakovka-slider-small .slick-next {width: 23px; height: 44px;}
.upakovka-slider-small .slick-prev {left: -35px; top: 50%;}
.upakovka-slider-small .slick-next {right: -35px; top: 50%;}
.upakovka-slider-small .slick-prev:before, .upakovka-slider-small .slick-next:before {
	width: 23px; height: 44px; display:block; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.upakovka-slider-small .slick-prev:before {
	background: url(../img/icons/arrow2-left.png)no-repeat center center;
	background-size: 100%;
}
.upakovka-slider-small .slick-next:before {
	background: url(../img/icons/arrow2-right.png)no-repeat center center;
	background-size: 100%;
}
/**** text ****/
.upakovka-text {padding-top: 15px;}
/****/
.upakovka-text h1, .upakovka-text h2, .upakovka-text h3, .upakovka-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #545454; 
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.3;
}
.upakovka-text ul, .upakovka-text ol {margin: 10px 0 10px 15px;}
.upakovka-text li {
	margin-top: 10px; margin-bottom: 10px;
	color: #545454;
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.3;
}
.upakovka-text blockquote {padding-left: 20px; border-left: 2px solid rgba(136,106,41,1);}
.upakovka-text b, .upakovka-text strong {font-family: 'Roboto-M';}
.upakovka-text a {
	color: rgba(136,106,41,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.upakovka-text a:hover {color: rgba(136,106,41,.7);}
.upakovka-text img, .upakovka-text iframe {display: none!important;}
/*** buy ***/
.upakovka-buy-block {
	width: 80%; margin: 40px auto 0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	-webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;
}
.upakovka-buy-item {width: calc(33.3% - 20px);}
/****/
.upakovka-buy-item p {
	color: #966732; text-transform: uppercase; text-align: center;
	font: normal 24px 'Roboto-M',sans-serif; line-height: 1.4;
}
.upakovka-buy-item p:after {
	margin: 10px auto; display: block; content: '';
	width: 40%; height: 2px; background:rgba(0,0,0,.3);
}
.upakovka-buy-price {
	display: block;
	color: #966732; text-transform: uppercase; text-align: center;
	font: normal 24px 'Roboto-M',sans-serif; line-height: 1.4;
}
/** btn **/
.upakovka-buy-btn {margin-top: 12px; z-index: 1; text-align: center;}
.upakovka-buy-btn a {
	padding: 8px 30px 7px 30px; display: inline-block; position: relative;
	color: #1f1f1f; text-transform: uppercase;
	font: normal 22px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 2px solid rgba(0,0,0,.5); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.upakovka-buy-btn a:hover {color: #fff;}

/****************** Other ******************/
.tops {
	width: 60px; height: 60px;
	position: fixed; 
	bottom: -62px; right: 10px;
	z-index: 400; opacity: 0;
	background: url(../img/icons/tops.png) no-repeat center center;
	background-size: 100%;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
	-webkit-transform: translateZ(0);
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.tops.tops-active {opacity: 1; bottom: 10px;}
.tops:hover {opacity: .85;}
/******** anhors ********/
.anhor {
	z-index: -10; opacity: 0; display: block; content: '';
	position: absolute; left: 0;
}
#trilogy, #about, #books, #upakovka, #otzivi, #contacts {top: -125px;}

/****************** Popups ******************/
.window-info {
	z-index: -10; opacity: 0; overflow: hidden;
	position:fixed; left:0; right:0; top: -170px; bottom: 0;
	width: 1240px; height: 530px; margin: auto auto;
	padding: 15px 15px 20px 20px;
	background: #fff; border: 2px solid rgba(136,106,41,1);
	-webkit-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75);
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;
}
.window-book {
	z-index: -10; opacity: 0; overflow: hidden;
	position:fixed; left:0; right:0; top: -170px; bottom: 0;
	width: 1240px; height: 560px; margin: auto auto;
	padding: 15px 15px 20px 20px;
	background: #fff; border: 2px solid rgba(136,106,41,1);
	-webkit-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75);
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;
}
.window-info.active-pop, .window-book.active-pop {z-index: 1000; opacity: 1; top: 0;}
.pop-close {
	z-index: 20; display: block; content: ''; cursor: pointer;
	width: 20px; height: 20px;
	position: absolute; top: 5px; right:6px;
	background: url(../img/icons/close.png)no-repeat center center; background-size: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.window-info .pop-close:hover, .window-book .pop-close:hover {opacity: .7;}
/***** text *****/
.window-info-text {
	display: block; overflow: hidden;
	height: 530px;
}
.window-book-text {
	display: block; overflow: hidden;
	height: 468px;
}
.scroll-wrapper.window-info-text:before, .scroll-wrapper.window-info-text:after, .scroll-wrapper.window-book-text:before, .scroll-wrapper.window-book-text:after {
	z-index: 15; position: absolute; 
	display: block; content: '';
	width: 100%; height: 15px;
	background: rgba(255,255,255,.55)
}
.scroll-wrapper.window-info-text:before, .scroll-wrapper.window-book-text:before {top: 0; background: #fff;} .scroll-wrapper.window-info-text:after, .scroll-wrapper.window-book-text:after {bottom: 0;}
/******/
.window-info-text h1, .window-info-text h2, .window-info-text h3, .window-info-text p, .window-book-text h1, .window-book-text h2, .window-book-text h3, .window-book-text p {
	margin-top: 20px; margin-bottom: 20px;
	color: #222222; 
	font: normal 20px 'Roboto-M',sans-serif; line-height: 1.4;
}
.window-info-text p, .window-book-text p {font-family: 'Roboto-R';}
.window-info-text ul, .window-info-text ol, .window-book-text ul, .window-book-text ol {
	margin: 10px 0 10px 15px;
}
.window-info-text li, .window-book-text li {
	margin-top: 10px; margin-bottom: 10px;
	color: #222222;
	font: normal 20px 'Roboto-R',sans-serif; line-height: 1.4;
}
.window-info-text blockquote, .window-book-text blockquote {
	padding-left: 20px; border-left: 2px solid rgba(136,106,41,1);
}
.window-info-text b, .window-info-text strong, .window-book-text b, .window-book-text strong  {font-family: 'Roboto-M';}
.window-info-text a, .window-book-text a {
	color: rgba(136,106,41,1);
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.window-info-text a:hover, .window-book-text a:hover {color: rgba(136,106,41,.7);}
.window-info-text img, .window-info-text iframe, .window-book-text img, .window-book-text iframe {display: none!important;}
/***** book-more *****/
.window-book-more-block {
	margin-top: 15px; display: block; content: '';
	border-top: 1px solid rgba(0,0,0,1);
}
.window-book-more {
	margin: 20px auto; width: 90%;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
/** price **/
.window-book-price {margin-right: 100px;}
.window-book-price p {
	color: #886a29;  
	font: normal 36px 'Myriad-R',sans-serif; line-height: 1.2;
}
.window-book-price p span {margin-left: 5px;}
/** link **/
.window-book-buy {text-align: center;}
.window-book-buy a {
	padding: 10px 25px 9px 25px; display: inline-block; position: relative;
	color: #1f1f1f; text-transform: uppercase;
	font: normal 26px 'Roboto-M',sans-serif; line-height: 1.2;
	border: 3px solid rgba(136,106,41,.7); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.window-book-buy a:hover {color: #fff;}

/****************** Popup Send ******************/
.bg-popup {
	z-index: -10; opacity: 0; overflow:auto; cursor: pointer;
	position:fixed; left:0; right:0; top:0; bottom:0; 
	background:rgba(0,0,0, .9); 
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;
}
.window-send {
	z-index: -10; opacity: 0; overflow: hidden;
	position:fixed; left:0; right:0; top: -170px; bottom: 0;
	width: 400px; height: 412px; margin: auto auto;
	padding: 20px 40px 20px 40px;
	background: #fff; border: 2px solid rgba(136,106,41,1);
	-webkit-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75);
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;
}
.bg-popup.active-pop, .window-send.active-pop {z-index: 1000; opacity: 1;}
.window-send.active-pop {top: 0;}
/****** form ******/
.popup-feedback-form {display: block; overflow: hidden; margin: 0 auto;}
/******/
.popup-feedback-form input.feedback-form-border {
	width: calc(100% - 30px); display: block;
	margin: 5px auto 0 auto; padding: 9px 15px;
	color: #1f1f1f; 
	font: normal 22px 'Roboto-R',sans-serif; line-height: 1.5;
}
.popup-feedback-form input.feedback-form-border:first-child {margin-top: 0;}
.popup-feedback-form textarea {
	width: calc(100% - 32px); display: block; resize: none;
	height: 60px; 
	margin: 15px auto 0 auto; padding: 12px 15px;
	color: #1f1f1f; 
	font: normal 18px 'Roboto-R',sans-serif; line-height: 1.5;
	background: rgba(0,0,0,.2); border: none;
}
.popup-feedback-form .feedback-form-border {
	border: none; border-bottom: 1px solid rgba(136,106,41,.7);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
/** submitFF **/
.feedback-form-btn {margin-top: 15px; text-align: center;}
.feedback-form-btn .submitFF { 
	padding: 15px 0 13px 0; width: 100%; display: block; position: relative; cursor: pointer;
	color: #1f1f1f; text-transform: uppercase;
	font: normal 22px 'Roboto-M',sans-serif; line-height: 1.2;
	background: none; border: 2px solid rgba(136,106,41,.7); 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.feedback-form-btn .submitFF:hover {color: #fff; background: rgba(0,0,0,.7);}

/****************** Popup Suc ******************/
#window-suc {
	z-index: -10; opacity: 0; overflow: hidden;
	position:fixed; left:0; right:0; top: -170px; bottom: 0;
	width: 400px; height: 40px; margin: auto auto;
	padding: 50px 40px 50px 40px;
	background: #fff; border: 2px solid rgba(136,106,41,1);
	-webkit-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75); box-shadow: 2px 2px 17px 2px rgba(0,0,0,0.75);
	-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;
}
#window-suc.active-pop {z-index: 1000; opacity: 1; top: 0;}
/*********/
#window-suc p {
	color: #1f1f1f; text-align: center;
	font: normal 26px 'Roboto-M',sans-serif; line-height: 1.5;
}

/*********************************************
************ Slider (slick.css) **************
*********************************************/
.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;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);  -moz-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  -o-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; outline: 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}
/* arrows */
.slick-prev, .slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width: 80px; height:100%; padding:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color:transparent; outline:none; background:transparent}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity:.98}
.slick-prev:before, .slick-next:before {font-size:20px; line-height:1; opacity:.99; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-prev {left: 0px;z-index: 100;}
.slick-prev:before {content:''}
.slick-next {right: 0px;z-index: 100;}
.slick-next:before {content:''}
/* dots*/
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin:0 2px; padding:0; cursor:pointer}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1}
.slick-dots li button:before {
	font-size:50px; color:black; line-height:20px; text-align:center; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; opacity:.7; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.slick-dots li.slick-active button:before {opacity:.9; color:black}

/*********************************************
********* SCROLLBAR (базовые стили) **********
*********************************************/
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {
	border: none !important; box-sizing: content-box !important; height: auto;  left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important;
	padding: 0; position: relative !important; top: 0; width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {
	border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important;
	overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
/************ Стили скрола ************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-inner > .scroll-element div {display: block; height: 100%; width: 100%;left: 0; top: 0;  }
.scrollbar-inner > .scroll-element.scroll-x {
	bottom: 0; left: 0;
	height: 2px; width: 100%;  
}
.scrollbar-inner.gl-scrollbar-inner > .scroll-element.scroll-x {
	bottom: 0; left: 0;
	height: 2px; width: 100%;  
}
.scrollbar-inner > .scroll-element.scroll-y {
	width: 2px; height: 100%;
	right: 0; top: 0;
}
.scrollbar-inner.gl-scrollbar-inner > .scroll-element.scroll-y {
	width: 2px; height: 100%;
	right: 0; top: 0;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); opacity: 0.8;
}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: rgba(198,171,85,.74); }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(198,171,85,.9); }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: rgba(198,171,85,.9); }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(198,171,85,.9); }
/* обновить смещение полосы прокрутки, если видны оба скроола */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/*** мой фикс ***/
.scrollbar_padding {padding-right: 20px;}

/*********************************************
***************** Fancybox *******************
*********************************************/
#fancybox-loading div, #fancybox-overlay, #fancybox-wrap {position: absolute;top: 0;left: 0;}
#fancybox-frame, #fancybox-img {width: 100%;border: none;height: 100%}
#fancybox-loading {position: fixed; top: 50%; left: 50%;width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
#fancybox-loading div {width: 40px; height: 480px;}
#fancybox-overlay {width: 100%; z-index: 1100;  display: none;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {padding: 20px;z-index: 1101;outline: 0;display: none;}
#fancybox-outer {position: relative;width: 100%; height: 100%;background: #000000;}
#fancybox-content {width: 0;height: 0;padding: 0;outline: 0;position: relative;overflow: hidden;z-index: 1102;border: 0 solid #000000;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;background: 0 0;z-index: 1101;}
#fancybox-close {position: absolute;top: -15px; right: -15px;width: 30px; height: 30px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error {color: #444;font: 400 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img {padding: 0;margin: 0;outline: 0;line-height: 0;vertical-align: top;}
#fancybox-frame {display: block;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0;height: 100%;width: 35%;cursor: pointer;outline: 0;z-index: 1102;display: none;}
#fancybox-left {left: 0;}
#fancybox-right {right: 0;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;}
.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px; z-index: 1001;}
#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}
.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside {padding-top: 10px;color: #fff;}
.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over {padding: 10px;display: block;}
.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap {border: none;border-collapse: collapse; width: auto;}
#fancybox-title-float-wrap td {border: none;white-space: nowrap;}
#fancybox-title-float-left {padding: 0 0 0 15px;}
#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: 700;padding: 0 0 3px;}
#fancybox-title-float-right {padding: 0 0 0 15px;}
#fancybox-content, #fancybox-outer, #fancybox-wrap {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
/****/
#fancybox-left-ico, #fancybox-right-ico {
	position: absolute; top: calc(50% - 20px);
	width: 40px; height: 40px;
	cursor: pointer; z-index: 1102; display: block;
}
#fancybox-left-ico {
	left: 20px;
	background: url(../img/slider2-arrow-left.png)no-repeat center center;
	background-size: 100%;
}
#fancybox-right-ico  {
	right: 20px;
	background: url(../img/slider2-arrow-right.png)no-repeat center center;
	background-size: 100%;
}
