@font-face {font-family:"Literata-R";src: url("../fonts/Literata-Regular/Literata-Regular.eot");src: url("../fonts/Literata-Regular/Literata-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Literata-Regular/Literata-Regular.woff2") format("woff"),url("../fonts/Literata-Regular/Literata-Regular.ttf") format("truetype");font-style: normal; font-weight: normal;}
@font-face {font-family:"Literata-M";src: url("../fonts/Literata-Medium/Literata-Medium.eot");src: url("../fonts/Literata-Medium/Literata-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Literata-Medium/Literata-Medium.woff2") format("woff"),url("../fonts/Literata-Medium/Literata-Medium.ttf") format("truetype");font-style: normal; font-weight: normal;}
@font-face {font-family:"Literata-B";src: url("../fonts/Literata-Bold/Literata-Bold.eot");src: url("../fonts/Literata-Bold/Literata-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Literata-Bold/Literata-Bold.woff2") format("woff"),url("../fonts/Literata-Bold/Literata-Bold.ttf") format("truetype");font-style: normal; font-weight: normal;}

/****************** Colors **********************
#ffffff , rgba(255,255,255,1) - белый
#000000 , rgba(0,0,0,1) - черный
#676767 , rgba(103,103,103,1) - серый
#96d900 , rgba(150,217,0,1) - салатовый
#005800 , rgba(0,88,0,1) - темно-зеленый
#9c0000 , rgba(156,0,0,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:#676767; opacity:1} .placeholder_light ::-moz-placeholder{color:#676767;opacity:1} .placeholder_light :-moz-placeholder{color:#676767;opacity:1} .placeholder_light :-ms-input-placeholder{color:#676767;opacity:1}
.placeholder_dark ::-webkit-input-placeholder{color:#000000; opacity:1} .placeholder_dark ::-moz-placeholder{color:#000000;opacity:1} .placeholder_dark :-moz-placeholder{color:#000000;opacity:1} .placeholder_dark :-ms-input-placeholder{color:#000000;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: 'Literata-R'; line-height: 1.3;
}
.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-1440 {
	padding-left: 20px; padding-right: 20px; margin:0 auto;
	width:1400px;	min-width:1400px; max-width:1400px;
}
.content {overflow: hidden; min-height: calc(100vh - 822px);}

/****************** Header ******************/
.header-wrap {
	padding: 10px 0; z-index: 500;
	position: fixed; top: 0;
	-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	{
	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;
}
/*** logo ***/
.header-logo {
	display: block; content: '';
	width: 290px; height: 279px;
	background: url(../img/socials/logo.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;
}
.header-logo-change {width: 154px; height: 148px;}
.header-wrap.activete .header-logo, .header-wrap.activete-none .header-logo {
	width: 101px; height: 97px; opacity: 0;
}
/*** languages ***/
.languages {
	margin: 33px auto 0 auto; opacity: 0; z-index: -1;
	position: absolute; left: 0; right: 0;
	width: 122px; 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.header-wrap.activete-none .languages {opacity: 1; z-index: 1;}
.languages li {float: left; margin: 0 3px;}
.languages li a span {
	padding: 0 2px; 
	color: #fff; text-align: center; text-transform: uppercase;
	font: normal 20px 'Literata-R',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;
}
.languages li a span:hover {color: #96d900;}
.languages li a span {background: none;}
/*** nav-button ***/
.burger-button {
	margin-top: 15px; display: block; cursor: pointer;
	width: 70px; height: 70px; 
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.burger-button .burger-icon {
	border: 1px solid #000; display: inline-block;
	position: absolute;
	left: 50%; right: auto;
	top: 50%; bottom: auto;
	width: 50px; height: 4px;
	background-color: rgba(255,255,255,1);
	-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);
	-webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s;
}
.burger-button .burger-icon::before, .burger-button .burger-icon:after {
	border: 1px solid #000; content: '';
	position: absolute;	right: -1px;
	width: 100%; height: 100%;
	background-color: rgba(255,255,255,1);
	-webkit-transition: -webkit-transform .5s, top .5s, background-color 0s; -moz-transition: -moz-transform .5s, top .5s, background-color 0s; transition: transform .5s, top .5s, background-color 0s;
}
.burger-button .burger-icon::before {top: -15px;} .burger-button .burger-icon::after {top: 15px;}
/* after click */
.burger-button .burger-icon.is-active {background-color: rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0);}
.burger-button .burger-icon.is-active::before {top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.burger-button .burger-icon.is-active::after {top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}

/****************** Menu ******************/
.header-nav { 
	float: none; z-index: 450;
	width: 100%; height: 100vh; margin: 0 auto; 
	position: fixed; left: 0; right: 0; top: 0;
	display: none; background: rgba(0,0,0,.6);
	overflow-x: hidden; overflow-y: auto;
}
.header-nav > ul {
	position: absolute; top: 48%; left: 0; right: 0;
	width: 400px; height: 282px; margin: -140px auto 0 auto;
}
.header-nav ul ul {
	position: relative; top: 0; left: 0; right: 0;
	margin: 0 auto; 
}
.header-nav > ul > li {display: block; margin: 17px auto; text-align: center;}
.header-nav > ul > li > a {
	display: block; position: relative;
	color: #fff; text-transform: uppercase;
	font: normal 30px 'Literata-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-nav > ul > li > a:before, .header-nav > ul > li > a:after {
	display: block; content: ''; opacity: 0;
	position: absolute; top: 0; 
	width: 15px; height: 100%;
	-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}
.header-nav > ul > li > a:before {
	left: -15px;
	background: url(../img/icons/triangle-left.png)no-repeat center center;
	background-size: 100%;
}
.header-nav > ul > li > a:after {
	right: -15px;
	background: url(../img/icons/triangle-right.png)no-repeat center center;
	background-size: 100%;
}
.header-nav > ul > li > a:hover {color: #96d900;}
.header-nav > ul > li.nav-active > a {color: rgba(150,217,0,.7);}
.header-nav > ul > li > a:hover:before {opacity: 1; left: 0;}
.header-nav > ul > li.nav-active > a:before {opacity: .5; left: 0;}
.header-nav > ul > li > a:hover:after {opacity: 1; right: 0;}
.header-nav > ul > li.nav-active > a:after {opacity: .5; right: 0;}
/*** submenu ***/
.nav-submenu > ul > li {margin-top: 5px; display: block; position: relative;}
.nav-submenu > ul > li > a  {
	display: block;
	color: #fff; text-align: center;
	font: normal 24px 'Literata-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;
}
.nav-submenu > ul li a:hover {color: #96d900;}
.nav-submenu > ul > li:first-child > a {margin-top: 17px;}
.nav-submenu > ul > li:last-child > a {margin-bottom: 10px}

/****************** Footer ******************/
.footer-wrap {
	padding: 75px 0 55px 0;
	display: block; overflow: hidden;
	background: url(../img/footer-bg.jpg)no-repeat center center;
	background-size: cover;
}
.footer-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;
}
/******/
.footer-tel, .footer-mail, .footer-adress {margin-top: 15px;}
.footer-tel a, .footer-mail a, .footer-adress {
	color: #fff; display: block;
	font: normal 30px 'Literata-M',sans-serif; line-height: 1.2;
}
.footer-tel a {
	padding: 2px 0 2px 35px;
	background: url(../img/icons/white-tel.png)no-repeat center left;
	background-size: 20px;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.footer-mail a {
	padding: 2px 0 2px 50px;
	background: url(../img/icons/white-mail.png)no-repeat center left;
	background-size: 35px;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.footer-adress {
	padding: 2px 0 2px 50px;
	background: url(../img/icons/white-pin.png)no-repeat center left 5px;
	background-size: 25px;
}
.footer-tel a:hover, .footer-mail a:hover {opacity: .7;}
/**** made-by ****/
.made-by {margin-top: 35px; text-align: center;}
.made-by a {
	color: #fff;
	font: normal 24px 'Literata-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;
}
.made-by a:hover {opacity: .7;}

/****************** Home ******************/
#videobg {
	position:relative;	overflow:hidden;
	max-width:100%;
	min-height: 600px; max-height: 1200px;
}
#videobg {
	height:100%; height:100vh;
	width:100%;
	background: #000;
}
#videobg > video {
	position: absolute; top: 0; left: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; 
}
@supports (object-fit: cover) {
	#videobg > video {
		top: 0; left: 0;
		width: 100%; height: 100%;
		object-fit: cover;
	}
}
/* отключение видео на мобильных */
@media screen and (max-width: 800px) {
	#videobg > video {display: none;}
}
/** mute button **/
.video-mute {
	display: block; content: ''; cursor: pointer; z-index: 10; 
	position: absolute; bottom: 30px; right: 30px;
	width: 40px; height: 40px;
	background: url(../img/icons/sound-off.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;
}
.video-mute.active {background-image: url(../img/icons/sound-on.png)}
/** scrolldown **/
.scrolldown {
	width: 53px; margin: 0 auto; z-index: 10; cursor: pointer;
	position: absolute; left: 0; right: 0; bottom: 35px; 
	display: flex; display: -ms-flexbox; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.scrolldown-mouse {
	display: block; margin-bottom: 6px;
	width: 29px; height: 43px;
	background: transparent url("../img/icons/scrolldown-mouse.png") center center no-repeat;
	background-size: contain;
}
.scrolldown-arrows {
	display: block; position: relative;
	width: 30px; height: 19px;
	background: transparent url("../img/icons/scrolldown-arrows.png") center center no-repeat;
	background-size: contain;
	-webkit-animation: move-arrows 1.7s infinite; animation: move-arrows 1.7s infinite;
}
/* animation */
@-webkit-keyframes move-arrows {0% {top: 0; opacity: 1;} 90%, 100% {top: 16px; opacity: 0;}}
@keyframes move-arrows {0% {top: 0; opacity: 1;} 90%, 100% {top: 16px; opacity: 0;}}

/******** gl-about ********/
.gl-about-wrap {display: block; overflow: hidden; z-index: 1;}
.gl-about-bg {
	display: block; content: ''; z-index: -1;
	position: absolute; top: 0;
	width: 100%; height: 750px;
	background: url(../img/gl-about-bg.jpg)no-repeat center right;
	background-size: cover;
}
/**** text ****/
.gl-about-text-block {
	margin: 130px 0 5px 0; display: block; 
	padding: 100px 80px 70px 100px; width: calc(61% - 180px);
	background: #fff;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); 
}
/** title **/
.gl-about-text-title {
	position: relative; 
	color: #005800; 
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
.gl-about-text-title:after {
	display: block; content: '';
	position: absolute;
	left: -65px; top: -50px;
	width: 222px; height: 190px;
	background: url(../img/gl-about-title.png)no-repeat center center;
	background-size: 100%;
}
/****/
.gl-about-text {
	margin-top: 40px;	display: block;  overflow: hidden;
	height: 360px;
}
.gl-about-text h2, .gl-about-text h3, .gl-about-text p {
	color: #676767; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.5;	
}
.gl-about-text li {
	color: #676767; 
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.5;	
}
.gl-about-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-about-text a:hover {color: rgba(0,88,0,.75);}
.gl-about-text img {display: none;}
/** link **/
.gl-about-text-link {
	margin-top: 90px; display: inline-block;
	padding: 25px 50px;
	color: #000; text-transform: uppercase;
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.2;	
	border: 2px solid #96d900;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-about-text-link:hover {background: #96d900;}
/**** about-kolaz ****/
.gl-about-text-block:after {
	display: block; content: '';
	position: absolute;
	right: -633px; bottom: 30px;
	width: 683px; height: 520px;
	background: url(../img/gl-about-kolaz.png)no-repeat center center;
	background-size: 100%;
}
/******** gl-why ********/
.gl-why-wrap {padding-bottom: 220px;}
.gl-why-block {
	display: block; 
	margin: 85px auto 0 auto;
}
.gl-why-bg {
	display: block; content: '';
	width: 70%; height: calc(100% + 280px);
	position: absolute; top: -280px; right: 0;
	background: url(../img/gl-why-bg.jpg)no-repeat top left;
	background-size: cover;
}
/**** why-img ****/
.gl-why-img {
	margin-top: 25px;
	width: 42%; float: left;
}
.gl-why-img .my-cover {padding-top: 95%;}
/**** text ****/
.gl-why-text-block {
	margin-right: 100px;
	width: 45.5%; float: right;
}
/** title **/
.gl-why-text-title {
	position: relative; 
	color: #005800; text-align: right; 
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
.gl-why-text-title:after {
	display: block; content: '';
	position: absolute;
	right: -55px; top: -53px;
	width: 464px; height: 136px;
	background: url(../img/gl-why-title.png)no-repeat center center;
	background-size: 100%;
}
/****/
.gl-why-text {margin-top: 20px;}
.gl-why-text p {
	margin-top: 10px;
	color: #676767; word-spacing: 3px;
	font: normal 30px 'Literata-B',sans-serif; line-height: 1.5;	
}
.gl-why-text span {
	margin-top: 7px; display: block;
	color: #676767; text-align: justify;
	font: normal 24px 'Literata-R',sans-serif; line-height: 1.5;	
}
/******** gl-recepti ********/
.gl-recepti-slider1, .gl-recepti-slider2 {
	display: block; 
}
/********/
.gl-recepti-slider1 .my-cover, .gl-recepti-slider2 .my-cover {padding-top: 80%;}
/** arrows **/
.gl-recepti-slider1 .slick-prev, .gl-recepti-slider1 .slick-next {
	width: 110px; height: 220px;
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;
}
.gl-recepti-slider1 .slick-prev {left: 0; top: 100%;}
.gl-recepti-slider1 .slick-next {right: 0; top: 100%;}
.gl-recepti-slider1 .slick-prev:before, .gl-recepti-slider1 .slick-next:before {width: 110px; height: 220px; display:block; cursor: pointer;}
.gl-recepti-slider1 .slick-prev:before {
	background: url(../img/slider/arrows/green-arrow-left.png)no-repeat center center;
	background-size: 100%;
}
.gl-recepti-slider1 .slick-prev:hover {left: -10px;}
.gl-recepti-slider1 .slick-next:before {
	background: url(../img/slider/arrows/green-arrow-right.png)no-repeat center center;
	background-size: 100%;
}
.gl-recepti-slider1 .slick-next:hover {right: -10px;}
/**** in slider ****/
.gl-recepti-slider-title-block {
	z-index: 5; display: block;
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end;
	-webkit-box-pack: center;	-ms-flex-pack: center; justify-content: center;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-recepti-slider1 .slick-slide:hover .gl-recepti-slider-title-block {background: rgba(156,0,0,.5);}
.gl-recepti-slider2 .slick-slide:hover .gl-recepti-slider-title-block {background: rgba(0,88,0,.5);}
.gl-recepti-slider1 .slick-slide:nth-child(2n):hover .gl-recepti-slider-title-block {background: rgba(0,88,0,.5);}
.gl-recepti-slider2 .slick-slide:nth-child(2n):hover .gl-recepti-slider-title-block {background: rgba(156,0,0,.5);}
/*****/
.gl-recepti-slider-title {
	width: calc(100% - 80px); padding: 50px 40px; 
	background: linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,.8));
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-recepti-slider-title p {
	color: #fff; text-align: center;
	font: normal 34px 'Literata-R',sans-serif; line-height: 1.2;	
}
.gl-recepti-slider1 .slick-slide:hover .gl-recepti-slider-title, .gl-recepti-slider2 .slick-slide:hover .gl-recepti-slider-title {padding-bottom: 100px;}
/* link */
.gl-recepti-slider-link {
	z-index: 10; display: block; content: '';
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
}
/******** gl-otzivi ********/
.gl-otzivi-wrap {
	display: block; overflow: hidden;
	background: url(../img/gl-otzivi-bg.jpg)no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
.gl-otzivi-flex {
	margin: 105px auto 45px 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;
}
/***** title-block *****/
.gl-otzivi-title-block {width: 25%;}
/******/
.gl-otzivi-title-block h2 {
	color: #9c0000;
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
.gl-otzivi-title-block p {
	color: #676767; 
	font: normal 30px 'Literata-B',sans-serif; line-height: 1.5;
}
.gl-otzivi-title-block p:after {
	display: block; content: '';
	margin-left: -10px; margin-top: 5px;
	width: 213px; height: 182px;
	background: url(../img/gl-otzivi-title.png)no-repeat center center;
	background-size: 100%;
}
/* link */
.gl-otzivi-title-block a {
	margin-top: 35px; display: inline-block;
	padding: 25px 45px;
	color: #000; text-transform: uppercase;
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.2;	
	border: 2px solid #96d900;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-otzivi-title-block a:hover {background: #96d900;}
/***** otzivi-block *****/
.gl-otzivi-block {margin-top: 60px; width: 68%;}
.otzivi-wrap-change .gl-otzivi-block {margin-top: 80px; width: 100%;}
.gl-otzivi-item {
	padding: 55px 65px 35px 40px; width: calc(100% - 105px);
	margin-bottom: 65px;
	background: #fff;
	-webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.3); 
}
.otzivi-wrap-change .gl-otzivi-item {
	padding: 55px 50px 35px 40px; width: calc(100% - 90px);
	margin-bottom: 75px;
}
.gl-otzivi-item:before {
	display: block; content: '';
	position: absolute; left: -30px; top: -49px;
	width: 118px; height: 87px;
	background: url(../img/gl-otzivi-kovichki.png)no-repeat center center;
	background-size: 100%;
}
/******/
.gl-otzivi-item-title {
	color: #000; 
	font: normal 28px 'Literata-B',sans-serif; line-height: 1.3;	
}
.gl-otzivi-item-text {
	margin-top: 10px; display: block; overflow: hidden;
	max-height: 100px; 
}
.otzivi-wrap-change .gl-otzivi-item-text {max-height: 100%;}
/****/
.gl-otzivi-item-text h2, .gl-otzivi-item-text h3, .gl-otzivi-item-text p {
	color: #676767; text-align: justify;
	font: normal 24px 'Literata-R',sans-serif; line-height: 1.4;	
}
.otzivi-wrap-change .gl-otzivi-item-text h2, .otzivi-wrap-change .gl-otzivi-item-text h3, .otzivi-wrap-change .gl-otzivi-item-text p {
	font-size: 22px;
}
.gl-otzivi-item-text li {
	color: #676767; 
	font: normal 24px 'Literata-R',sans-serif; line-height: 1.4;	
}
.otzivi-wrap-change .gl-otzivi-item-text li {font-size: 22px;}
.gl-otzivi-item-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-otzivi-item-text a:hover {color: rgba(0,88,0,.75);}
.gl-otzivi-item-text img {display: none;}
/* link */
.gl-otzivi-item-link {margin-top: 5px; text-align: right;}
.gl-otzivi-item-link a {
	display: inline-block;
	color: #000; text-transform: uppercase;
	font: normal 24px 'Literata-R',sans-serif; line-height: 1.3;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.gl-otzivi-item-link a:hover {color: #9c0000;}
/******** gl-contacts ********/
.gl-contacts-wrap {
	display: block; z-index: 1;
	background: url(../img/gl-contacts-bg.jpg)no-repeat center center;
	background-size: cover;
}
.contacts-wrap-change {background-image: url(../img/contacts-bg.jpg);}
.gl-contacts-block {
	padding-top: 95px;
	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;
}
/***** info *****/
.gl-contacts-info {width: 36%; text-align: center; }
/** title **/
.gl-contacts-info-title {
	color: #fff;
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
/*****/
.gl-contacts-info-tel {
	margin-top: 60px; padding-top: 98px;
	background: url(../img/icons/white-tel.png)no-repeat top center;
	background-size: 40px;
}
.contacts-wrap-change .gl-contacts-info-tel {background-image: url(../img/icons/green-tel.png);}
.gl-contacts-info-mail {
	margin-top: 60px; padding-top: 80px;
	background: url(../img/icons/white-mail.png)no-repeat top center;
	background-size: 58px;
}
.contacts-wrap-change .gl-contacts-info-mail {background-image: url(../img/icons/green-mail.png);}
.gl-contacts-info-adress {
	margin-top: 60px; padding-top: 98px;
	background: url(../img/icons/white-pin.png)no-repeat top center;
	background-size: 47px;
}
.contacts-wrap-change .gl-contacts-info-adress {background-image: url(../img/icons/green-pin.png);}
.gl-contacts-info-tel p {margin-top: 8px;}
.gl-contacts-info-tel a, .gl-contacts-info-mail a {
	color: #fff;
	font: normal 30px 'Literata-M',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;
}
.contacts-wrap-change .gl-contacts-info-tel a, .contacts-wrap-change .gl-contacts-info-mail a {color: #676767;}
.gl-contacts-info-adress p {
	color: #fff;
	font: normal 30px 'Literata-M',sans-serif; line-height: 1.5;
}
.contacts-wrap-change .gl-contacts-info-adress p {color: #676767;}
.gl-contacts-info-tel a:hover, .gl-contacts-info-mail a:hover {color: rgba(150,217,0,1);}
.contacts-wrap-change .gl-contacts-info-tel a:hover, .contacts-wrap-change .gl-contacts-info-mail a:hover {color: #418240;}
/***** callback-form *****/
.gl-callback-form-wrap {
	width: 48%; margin-top: 70px; margin-bottom: -80px;
	background: #fff;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); 
}
.contacts-wrap-change .gl-callback-form-wrap {margin-top: 0px; background: #789a79;}
.gl-callback-form {
	margin: 70px auto 50px auto;
	width: 76%; 
	text-align: center;
}
/** title **/
.gl-callback-form-title	{
	color: #005800; 
	font: normal 36px 'Literata-B',sans-serif; line-height: 1.2;
}
.contacts-wrap-change .gl-callback-form-title {color: #fff;}
/******/
#gl-callback-form input.feedback-form-border {
	width: calc(100% - 32px); display: block;
	margin: 50px auto 0 auto; padding: 20px 16px;
	color: #000;  
	font: normal 18px 'Literata-R',sans-serif; line-height: 1.2;
	border: 1px solid rgba(103,103,103,1); background: none;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.contacts-wrap-change #gl-callback-form input.feedback-form-border {background: #fff;}
#gl-callback-form textarea.feedback-form-border {
	width: calc(100% - 32px); height: 220px; display: block;
	margin: 50px auto 0 auto; padding: 20px 16px;
	color: #000;  
	font: normal 18px 'Literata-R',sans-serif; line-height: 1.3;
	border: 1px solid rgba(103,103,103,1); background: none;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.contacts-wrap-change #gl-callback-form textarea.feedback-form-border  {background: #fff;}
/* button */
#gl-callback-form .submitFF {
	margin-top: 55px; display: inline-block;
	padding: 25px 45px;
	color: #000; text-transform: uppercase; 
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.2;
	border: 2px solid #96d900; background: none; cursor: pointer;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.contacts-wrap-change #gl-callback-form .submitFF {background: #fff;}
#gl-callback-form .submitFF:hover {background: #96d900;}
/******** gl-gmap ********/
.gl-gmap-wrap iframe {
	display: block; width: 100%;
	height: 700px; background: rgba(0,0,0,.1);
}

/****************** All Pages ******************/
.page-header-wrap {
	display: block; overflow: hidden; content: '';
	height: 450px;
	background: url(../img/page-header.jpg)no-repeat center center;
	background-size: cover;
}
/******* Bread crumbs *******/
.breadcrumbs {
	margin: 40px auto 0 auto; display: block; 
	z-index: 1;
}
.breadcrumbs ul {list-style: none; font-size: 0;}
.breadcrumbs li {
	max-width: 600px; height: 29px;
	display: inline-block; overflow: hidden; user-select: none;
	color: rgba(0,0,0,1);
	font: normal 24px 'Literata-R',sans-serif; line-height: 1.2;
}
.breadcrumbs li a {
	display: inline-block;
	color: rgba(0,0,0,.75); cursor: pointer;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.breadcrumbs li:after {
	margin: 5px 10px 0 10px; content: '/'; display: inline-block; vertical-align: top;
	font-size: 18px; line-height: 1.2; color: rgba(0,0,0,.75);
}
.breadcrumbs li:last-child:after {display: none;}
.breadcrumbs li a:after {
	display: block; content: '';
	width: 0; height: 1px; background: rgba(0,0,0,.75);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.breadcrumbs li a:hover:after {width: 100%;}
/******* wp-pagenavi *******/
.navigathion {
	position: relative; text-align: center;
	margin: 0 auto 60px auto;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	border: none;  
	margin: 0 2px; padding: 6px 10px;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1;
	color: #bfb7b2; text-align: center;	text-decoration: none;
	background: rgba(0,88,0,.9);
}
.wp-pagenavi a {-webkit-transition: all 0.5s ease-in-out 5s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.wp-pagenavi span {pointer-events: none;}
/**/
.wp-pagenavi a:hover, .wp-pagenavi span.current {
}
.wp-pagenavi a:hover {background: rgba(0,88,0,1);}
.wp-pagenavi span.current {
	color: #fff; font-weight: normal;
	background: rgba(0,88,0,1);
}
/* отключаем надпись страниц из */
.wp-pagenavi span.pages{display: none;}

/****************** O nas ******************/
.o-nas-flex1 {
	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;
}
.o-nas-flex2 {  
	margin-top: 45px; margin-bottom: 10px;  
	display: -webkit-box; display: -ms-flexbox; display: flex;   -webkit-box-align: flex-start;
	-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;
}
/**** img ****/
.o-nas-flex1-img {width: 45%; margin-left: -80px;}
.o-nas-flex1-img .my-cover {padding-top: 78%;}
.o-nas-flex2-img {width: 50%; margin-right: -80px;}
.o-nas-flex2-img .my-cover {padding-top: 66%;}
/**** text-block ****/
.o-nas-flex1-text-block {
	margin-top: -30px; margin-right: -20px;
	width: 57%;
}
.o-nas-flex2-text-block {width: 54%;}
/** title **/
.o-nas-flex1-text-title {
	position: relative; 
	color: #005800; 
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
.o-nas-flex1-text-title:after {
	display: block; content: '';
	position: absolute;
	left: -65px; top: -55px;
	width: 220px; height: 182px;
	background: url(../img/o-nas-title-bg1.png)no-repeat center center;
	background-size: 100%;
}
/****/
.o-nas-flex1-text {
	margin-top: 60px;	display: block; overflow: hidden;
	height: 310px; 
}
.o-nas-flex2-text {
	display: block;  overflow: hidden;
	height: 395px; 
}
.o-nas-flex1-text h2, .o-nas-flex1-text h3, .o-nas-flex1-text p, .o-nas-flex2-text h2, .o-nas-flex2-text h3, .o-nas-flex2-text p {
	color: #676767; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.4;	
}
.o-nas-flex1-text li, .o-nas-flex2-text li {
	color: #676767; 
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.4;	
}
.o-nas-flex1-text a, .o-nas-flex2-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.o-nas-flex1-text a:hover, .o-nas-flex2-text a:hover {color: rgba(0,88,0,.75);}
.o-nas-flex1-text img, .o-nas-flex2-text img {display: none;}
/******* preim *******/
.preim-block {margin-top: 155px;}
/** title **/
.preim-block-title {
	position: relative; 
	color: #9c0000; text-align: center;
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
.preim-block-title:after {
	display: block; content: '';
	position: absolute; margin: 0 auto;
	left: -40px; right: 0; top: -55px;
	width: 544px; height: 177px;
	background: url(../img/o-nas-title-bg2.png)no-repeat center center;
	background-size: 100%;
}
/********/
.preim-flex {
	margin-top: 60px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	flex-flow: row wrap; -ms-flex-flow: row wrap;  
	-webkit-box-pack: space-between;	-ms-flex-pack: space-between; justify-content: space-between;	
}
/*** item ***/
.preim-flex-item {
	width: 30%;
	padding-top: 290px;
	margin-bottom: 90px;
	background: url(../img/o-nas-item1.png)no-repeat top center;
	background-size: 243px;
}
.preim-flex-item:nth-child(2) {background-image: url(../img/o-nas-item2.png);}
.preim-flex-item:nth-child(3) {background-image: url(../img/o-nas-item3.png);}
.preim-flex-item:nth-child(4) {background-image: url(../img/o-nas-item4.png);}
.preim-flex-item:nth-child(5) {background-image: url(../img/o-nas-item5.png);}
.preim-flex-item:nth-child(6) {background-image: url(../img/o-nas-item6.png);}
.preim-flex-item h3 {
	color: #000; text-align: center;
	font: normal 28px 'Literata-B',sans-serif; line-height: 1.2;
}
.preim-flex-item p {
	margin-top: 10px;
	color: #2b2b2b; text-align: center;
	font: normal 21px 'Literata-R',sans-serif; line-height: 1.5;
}
/******* company-data *******/
.company-data-wrap {
	margin-top: 30px; 
	display: block; overflow: hidden;
	background: url(../img/o-nas-cifri-bg.jpg)no-repeat top center;
	background-size: cover;
}
/** title **/
.company-data-block-title {
	color: #005800; text-align: center; 
	font: normal 60px 'Literata-B',sans-serif; line-height: 1.2;
}
/***** flex *****/
.company-data-flex {
	margin-top: 30px; margin-bottom: 80px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	flex-flow: row wrap; -ms-flex-flow: row wrap;  
	-webkit-box-pack: space-between;	-ms-flex-pack: space-between; justify-content: space-between;	
}
/*** item ***/
.company-data-flex-item {width: 25%;}
.company-data-flex-item span {
	display: block; 
	color: #9c0000; text-align: center;
	font: normal 160px 'Literata-B',sans-serif; line-height: 1.2;
}
.company-data-flex-item {
	margin-top: 10px;
	color: #000; text-align: center;
	font: normal 29px 'Literata-R',sans-serif; line-height: 1.2;
}

/****************** Partneram ******************/
.partneram-text {
	display: block; overflow: hidden;
	margin-top: 65px; margin-bottom: 60px;
}
/*** img ***/
.partneram-text-img {
	width: 44%; display: block; float: left;
	margin: 0 45px 20px 0;
}
.partneram-text-img .my-cover {padding-top: 80%;}
/******/
.partneram-text h1, .partneram-text h2, .partneram-text h3 {
	margin-top: 15px;
	color: #676767; text-align: justify;
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.6;	
}
.partneram-text p {
	margin-top: 15px;
	color: #676767; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.6;	
}
.partneram-text ol, .partneram-text ul {margin-top: 7px;}
.partneram-text li {
	margin-top: 8px;
	color: #676767; 
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.6;
}
.partneram-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.partneram-text a:hover {color: rgba(0,88,0,.75);}
.partneram-text img {display: none;}

/****************** Single (recept) ******************/
.recept-text-block {
	display: block; overflow: hidden;
	margin-top: 60px; margin-bottom: 60px;
}
/** title **/
.recept-text-title {
	color: #2b2b2b; text-align: center;
	font: normal 34px 'Literata-M',sans-serif; line-height: 1.6;	
}
/******/
.recept-text h1, .recept-text h2, .recept-text h3 {
	margin-top: 15px;
	color: #2b2b2b; text-align: justify;
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.6;	
}
.recept-text p {
	margin-top: 15px;
	color: #2b2b2b; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.6;	
}
.recept-text ol, .recept-text ul {margin-top: 7px;}
.recept-text li {
	margin-top: 8px;
	color: #2b2b2b;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.6;
}
.recept-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.recept-text a:hover {color: rgba(0,88,0,.75);}
/** классы WP для обтекания картинок **/
.recept-text img.aligncenter{max-width: 100%; height: auto; margin: 15px auto 15px auto; display: block;}
.recept-text img.alignleft {max-width: 48%; height: auto; float: left; margin: 15px 20px 15px 0; display: block;}
.recept-text img.alignright {max-width: 48%; height: auto; float: right; margin: 15px 0 15px 20px; display: block;}
/* адаптивность картинок */
.recept-text .img-responsive {
	max-width: 100%; height: auto; display: block; 
	margin: 15px auto 15px auto;
}

/****************** Category (producti) ******************/
.producti-flex {
	margin-top: 55px; margin-bottom: 60px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	flex-flow: row wrap; -ms-flex-flow: row wrap;
}
/***** producti-item *****/
.producti-item {
	margin: 10px 0.9% 22px 0.9%;
	width: calc(31.5% - 40px); padding: 30px 20px; overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.2); box-shadow: 0px 1px 6px 4px rgba(0,0,0,0.2);
}
.producti-item:nth-child(3n+1) {margin: 10px 1.8% 22px 0;}
.producti-item:nth-child(3n+3) {margin: 10px 0 22px 1.8%;}
/** img **/
.producti-item-img {display: block; margin: 0 auto; width: 80%;}
.producti-item-img .my-cover {padding-top: 120%; background-size: 100%;}
/** title **/
.producti-item-title {margin-top: 15px; z-index: 10;}
.producti-item-title p {
	color: #005800; text-align: center;
	font: normal 36px 'Literata-M',sans-serif; line-height: 1;	
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.producti-flex-change .producti-item-title p {font-size: 28px; line-height: 1.1;}
.producti-item:hover .producti-item-title p {color: #fff;}
/** link **/
.producti-item-link {
	position: absolute; top: 25%; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.4); opacity: 0;
	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;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.producti-item:hover .producti-item-link {opacity: 1; top: 0;}
.producti-item-link a {
	display: inline-block;
	padding: 25px 45px;
	color: #000; text-transform: uppercase; 
	font: normal 26px 'Literata-B',sans-serif; line-height: 1.2;
	border: 2px solid #96d900; background: #fff; 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.producti-item-link a:hover {background: #96d900;}

/****************** Single (producti) ******************/
.product-block {
	display: block; overflow: hidden;
	margin: 40px auto 60px auto;
}
/** title **/
.product-block-title {
	color: #005800; letter-spacing: 2px;
	font: normal 48px 'Literata-B',sans-serif; line-height: 1.1;	
}
/**********/
.product-flex {
	margin-top: 55px;
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start;
	-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;
}
/**** img ****/
.product-flex-img {width: 34%;}
.product-flex-img .my-cover {padding-top: 120%; background-size: 100%;}
/****** info ******/
.product-flex-info {width: calc(66% - 50px);}
.product-info-block {display: block; overflow: hidden;}
/*** title ***/
.product-info-title {
	padding: 20px 115px 20px 20px;
	display: block; overflow: hidden; cursor: pointer;
	border-top: 2px solid #96d900;
	background: url(../img/tovar-podlowka.jpg)repeat-y top right 95px;
	background-size: 100%;
}
.product-info-title:before {
	display: block; content: '';
	position: absolute; right: 30px; top: 0;
	width: 35px; height: 100%;
	background: url(../img/tovar-info-arrow.png)no-repeat center center;
	background-size: 100%;
	transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;
}
.product-info-title:hover:before {opacity: .75;}
.product-info-title.spoiler-links-active:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
/******/
.product-info-title h2 {
	color: #2b2b2b;  
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.4;
}
/**** text ****/
.product-info-text-wrap {
	overflow: hidden;
	background: url(../img/tovar-podlowka.jpg)repeat-y top right 95px;
	background-size: 100%;
}
.product-info-text {margin: 0 0 25px 20px; width: calc(100% - 135px);}
/****/
.product-info-text h1, .product-info-text h2, .product-info-text h3 {
	margin-top: 10px;
	color: #2b2b2b; text-align: justify;
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.5;	
}
.product-info-text p {
	margin-top: 10px;
	color: #2b2b2b; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.5;
}
.product-info-text ol, .product-info-text ul {margin-top: 5px;}
.product-info-text li {
	margin-top: 5px;
	color: #2b2b2b; text-align: justify;
	font: normal 20px 'Literata-R',sans-serif; line-height: 1.5;	
}
.product-info-text a {
	color: rgba(0,88,0,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.product-info-text a:hover {color: rgba(0,88,0,.75);}
.product-info-text img {display: none;}
/** otziv-link **/
.product-otziv-link {border-top: 2px solid #96d900;}
.product-otziv-link a {
	margin-top: 50px; display: inline-block;
	padding: 20px 35px;
	color: #000; text-transform: uppercase; 
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.2;
	border: 2px solid #96d900; background: #fff; 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.product-otziv-link a:hover {background: #96d900;}
/******* other-buttons *******/
.product-other-prev, .product-other-next {
	display: block; content: '';
	width: 110px; height: 220px;
	position: absolute; top: 50%; margin-top: -110px;
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;
}
.product-other-prev {
	left: 0;
	background: url(../img/slider/arrows/green-arrow-left.png)no-repeat center center;
	background-size: 100%;
}
.product-other-prev:hover {left: -10px;}
.product-other-next {
	right: 0;
	background: url(../img/slider/arrows/green-arrow-right.png)no-repeat center center;
	background-size: 100%;
}
.product-other-next:hover {right: -10px;}

/****************** Popup ******************/
#bg-popup {
	z-index: -10; opacity: 0; overflow:auto;
	position:fixed; left:0; right:0; top:0; bottom:0; 
	background:rgba(0,0,0,.5); 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
#window {
	z-index: -10; opacity: 0;
	position:fixed; left:0; right:0; top:0; bottom:-100px;
	padding: 30px 45px; margin: auto auto; 
	width: 400px; height: 572px;   
	background: rgba(255,255,255,1);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
#bg-popup.active-pop ,#window.active-pop {z-index: 1000; opacity: 1;}
#window.active-pop {bottom: 0;}
/** title **/
.feedback-form-title {
	color: #005800; text-align: center;
	font: normal 36px 'Literata-B',sans-serif; line-height: 1.2;		
}
/******/
#window form input.feedback-form-border {
	width: calc(100% - 26px); display: block;
	margin: 30px auto 0 auto; padding: 13px 13px;
	color: #2c2c2c; 
	font: normal 18px 'Literata-R',sans-serif; line-height: 1.5;
	border: 1px solid #676767; background: none;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
#window form textarea.feedback-form-border {
	width: calc(100% - 26px); height: 170px; display: block;
	margin: 30px auto 0 auto; padding: 13px 13px;
	color: #2c2c2c;  
	font: normal 18px 'Literata-R',sans-serif; line-height: 1.5;
	border: 1px solid #676767; background: none;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
/** submit button **/
.submitFF-wrap {margin-top: 40px; text-align: center;}
#window form .submitFF {
	display: inline-block; cursor: pointer;
	padding: 25px 40px;
	color: #000; text-transform: uppercase; 
	font: normal 22px 'Literata-B',sans-serif; line-height: 1.2;
	border: 2px solid #96d900; background: #fff; 
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
#window form .submitFF:hover {background: #96d900;}

/****************** Other ******************/
.tops {
	width: 54px; height: 38px;
	position: fixed; 
	bottom: -50px; right: 45px;
	z-index: 100; opacity: 0;
	background: url(../img/tops.png) no-repeat bottom 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: .7; bottom: 25px;}
.tops:hover {opacity: 1; background-position: top center}

/*********************************************
************ 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; cursor:hand}
.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: 3px; width: 100%;  
}
.scrollbar-inner.gl-scrollbar-inner > .scroll-element.scroll-x {
	bottom: 0; left: 0;
	height: 3px; width: 100%;  
}
.scrollbar-inner > .scroll-element.scroll-y {
	width: 3px; height: 100%;
	right: 0; top: 0;
}
.scrollbar-inner.gl-scrollbar-inner > .scroll-element.scroll-y {
	width: 3px; 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(0,0,0,.2); }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: rgba(0,0,0,.5); }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: rgba(0,0,0,.35); }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: rgba(0,0,0,.35); }
/* обновить смещение полосы прокрутки, если видны оба скроола */
.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;}

/*********************************************
***************** Animated *******************
*********************************************/
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-duration:.75s;animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:.75s;animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-duration:.75s;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}