/* TEMPLATE CSS */
.alert-message {display:none;}
.formflx {
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.formflx > * {
  width:calc(50% - 4px);
}
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*верхнее меню*/
ul#top {
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-around;
}
ul#top li {
	margin:0;
	padding:0;
	display:inline-block;
}
ul#top > li > a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	line-height:40px;
	font-size:18px;
	font-weight:500;
	margin:0;
	padding:0 10px;
	transition:0.2s;
	background:none;
	text-shadow:0 0 2px #000;
}
ul#top > li:hover > a,
ul#top > li.active > a {
	color:#FFCF1A;
}
ul#top li ul {
	display:none;
}
ul#top li:hover > ul {
	display:block;
	position:absolute;
	z-index:9999;
	background:rgba(19,19,19,0.75);
	padding:15px;
	margin:-2px 0 0 0;
}
ul#top li li {
	display:block;
	padding:2px 0;
	box-sizing:border-box;
}
ul#top li li a {
	display:block;
	margin:0;
	padding:3px 0;
	transition:0.2s;
	font-weight:500;
	text-decoration:none;
	line-height:20px;
	text-align:left;
	color:#fff;
	max-width:250px;
}
ul#top li li:hover > a,
ul#top li li.active > a {
	color:#FFCF1A;
}


.soc > * {
	display:inline-block;
	width:28px;
	height:28px;
	margin:7px;
	border-radius:14px;
	transition:0.5s;
}
.soc1 {background:url('/images/soc1h.png') center -28px no-repeat,url('/images/soc1.png') center center no-repeat;}
.soc2 {background:url('/images/soc2h.png') center -28px no-repeat,url('/images/soc2.png') center center no-repeat;}
.soc3 {background:url('/images/soc3h.png') center -28px no-repeat,url('/images/soc3.png') center center no-repeat;}
.soc4 {background:url('/images/soc4h.png') center -28px no-repeat,url('/images/soc4.png') center center no-repeat;}
.soc1:hover {background:url('/images/soc1h.png') center center no-repeat,url('/images/soc1.png') center 28px no-repeat;}
.soc2:hover {background:url('/images/soc2h.png') center center no-repeat,url('/images/soc2.png') center 28px no-repeat;}
.soc3:hover {background:url('/images/soc3h.png') center center no-repeat,url('/images/soc3.png') center 28px no-repeat;}
.soc4:hover {background:url('/images/soc4h.png') center center no-repeat,url('/images/soc4.png') center 28px no-repeat;}

.but {
	display:block;
	color:#131313;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	line-height:40px;
	width:180px;
	text-align:center;
	background:linear-gradient(to top, #FFCF1A 50%, #ffffff 50%);
	background-position:center bottom;
	background-size:auto 100px;
	transition:0.5s;
}
.but:hover {
	background-position:center top;
	text-decoration:none;
}

.top {
	background:#131313;
	padding:10px 0;
}
.top > .flx {
	align-items:center;
	padding:0;
}
.top .flin2 {
	color:#fff;
	font-size:14px;
}
.top .flin2 span {
	font-weight:300;
	color:#a4a4a4;
}
.top .flin2 span span {
	font-size:16px;
	font-weight:500;
	color:#fff;
	padding:0 5px 0 10px;
}
.top .flin3 {	
	font-size:14px;
	color:#fff;
}
.top .flin3 span {
	color:#a4a4a4;
} 
.top .flin4 a {
	display:block;
	line-height:28px;
	font-size:24px;
	font-weight:500;
	padding-left:40px;
	background:url('/images/ic1.png') left center no-repeat;
	color:#fff;
	text-decoration:none;
}
.top .flin4 a span {
	color:#FFCF1A;
}

@media (max-width:1250px){
.top .flx {justify-content:space-around;}
.top .flx:before {width:100%;height:1px;margin:4px auto;content:'';order:35;}
.top .flin1 {order:10;}
.top .flin2 {order:20;margin:8px;text-align:center;}
.top .flin3 {order:30;}
.top .flin4 {order:40;}
.top .flin5 {order:50;}
}


.sld {
	background:#131313;
}
.sld > .flx {
	flex-wrap:nowrap;
	justify-content:space-around;
	align-items:center;
	padding:20px 0;
}
.sld > .flx > .flin1 {width:150px;text-align:center;}
.sld > .flx > .flin2 {width:calc(100% - 200px);}
@media (max-width:980px){
ul#top > li > a {font-size:16px;line-height:32px;}
}
@media (max-width:600px){
.top .flin2 span {white-space: nowrap;}
.top .flin5 .but {margin:5px 0;}
.sld > .flx {flex-wrap:wrap;}
.sld > .flx > .flin1 {width: 100%;}
.sld > .flx > .flin1 img {width: 90px;}
.sld > .flx > .flin2 {width: 100%;}
}

.sld19 ul li .uk-overlay-panel {padding: 0;height: 100%;max-width: calc(100% - 80px);margin: 0 auto;}
.sld19 ul li .uk-overlay-panel > .uk-margin {width:100%;height:100%;padding-top:170px;text-shadow: 2px -2px 0 #000;
	display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.sld19 .line1 {font-size:46px;font-family:'Capture it', 'Rubik', 'Arial', sans-serif;text-transform:uppercase;color:#FFCF1A;}
.sld19 .line1 span {color:#ffffff;}
.sld19 .line2 {font-size:30px;text-transform:uppercase;margin:24px 0;}
.sld19 .corner {max-width:645px;border-top:10px solid #FFCF1A80;border-right:20px solid #FFCF1A80;flex-grow: 1;background-color:#00000050;padding:0 15px;}
.sld19 .line3 {font-size:34px;font-family:'Capture it', 'Rubik', 'Arial', sans-serif;text-transform:uppercase;margin:24px 0;}
.sld19 .line4 {font-size:24px;text-transform:uppercase;line-height:1.4;margin:24px 0;}
.sld19 .line4 span {color:#FFCF1A;}
.sld19 .line5 {font-size:24px;text-transform:uppercase;line-height:1.4;font-weight:500;margin:24px 0;color:#FFCF1A;}
.sld19 .uk-overlay-panel .corner a,
#main .bat {
	display:inline-block;
	margin:20px 0;
	font-family:'Capture it', 'Rubik', 'Arial', sans-serif;
	line-height:50px;padding:0 20px;
	border-radius:0 15px 0 15px;
	background:linear-gradient(to top,#bf872d,#e6d815,#f8f4aa,#e6d815,#bf872d);
	background-size:100% 100%;
	background-position:center center;
	color:#333;
	text-decoration:none;
	transition:0.75s;
	box-shadow:inset #bf872d 0 0 20px;
	text-shadow:none;
}
.sld19 .uk-overlay-panel .corner a:hover,
#main .bat:hover {background-size:100% 120%;}
.sld19 .uk-slidenav-position .uk-slidenav-previous {left:0;}
.sld19 .uk-slidenav-position .uk-slidenav-next {right:0;}

#main .sld19 {text-align:center;margin:15px auto;}
#main .sld19 .line1,
#main .sld19 .line3 {text-shadow:2px -2px 0 #00000080;}
.b-000 {background:#000;}
.b-fff {background:#fff}
.b-yel {background:#FFCF1A}
.c-000 {color:#333;}
.sld19 .line5.c-000 {color:#333;}
.c-fff {color:#fff;}
.sld19 .line5.c-fff {color:#fff;}
.c-yel {color:#FFCF1A}
.sld19 .line5.c-yel {color:#FFCF1A}
.left-leaf {background:url('/images/akz-left-leaf.png') left top no-repeat;}
.right-leaf {background:url('/images/akz-right-leaf.png') right top no-repeat;}
.left-corner {background:url('/images/akz-left-corner.png') left top no-repeat;}
.right-corner {background:url('/images/akz-right-corner.png') right bottom no-repeat;}
.right-klya {background:url('/images/akz-right-klya.png') right bottom no-repeat;}
.padd {padding:30px 15px;}
/*
.sld .uk-overlay-panel .flx {
	height: 48vw;
	max-height: 900px;
	min-height: 500px;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:flex-end;
	width:90%;
	max-width:1200px;
}
.sld .uk-overlay-panel .flx > * {
	width:50%;
	text-align:left;
}
.sld .uk-overlay-panel .flx > .flin1 {
	align-self:center;
}
.sld .uk-overlay-panel .flx > .flin1 h3,
.sld .uk-overlay-panel .flx > .flin1 h4 {text-align:left;}
.sld .uk-overlay-panel .flx > .flin1 h3 span {display:block;color:#FFCF1A;}
.sld .uk-overlay-panel .flx > .flin1 h4 {opacity:0.6;}
.sld .uk-overlay-panel .flx > .flin2 a {
	display:block;
	color:#131313;
	text-decoration:none;
	padding:40px 80px 40px 30px;
	background:
		url('/images/arrow-left-black.png') calc(100% - 29px) center no-repeat,
		url('/images/arrow-left-blach.png') 900px center no-repeat;
	background-color:#FFCF1A;
	transition:0.25s;
}
.sld .uk-overlay-panel .flx > .flin2 a:hover {
	background:
			url('/images/arrow-left-black.png') 900px center no-repeat,
		url('/images/arrow-left-blach.png') calc(100% - 29px) center no-repeat;
	background-color:#FFCF1A;
}
.sld .uk-overlay-panel .flx > .flin2 b {
	display:block;
	font-size:24px;
	font-weight:500;
	padding-bottom:10px;
	text-transform:uppercase;
}
.sld .uk-overlay-panel .flx > .flin2 div {
	padding:10px;
	border-right: 2px solid rgba(0,0,0,0.25);
	transition:0.25s;
}
.sld .uk-overlay-panel .flx > .flin2 a:hover div {
	border-right: 2px solid #131313;
}
*/







.moduletable.about {
	background:
		url('/images/bg-tren2.png') calc(50% + 520px) calc(100% + 1512px) no-repeat,
		linear-gradient(to right, #131313 50%, #131313 50%, #131313);
	color:#131313;
  background-color:#000;
}
.about h3 {
	color:#FFCF1A;
	text-align:left;
}
.about .flx {
	align-items:stretch;
}
.about .flin1 {
	width:50%;
}
.about .flin2 {
	width:50%;
	padding:40px 80px 20px 80px;
  background:url('/images/bg-form.jpg') center center no-repeat;
  background-size:cover;
}
.about .flin2 .qf2form, 
.about .flin2 .qf2form a {color:#fff;}

.about h4 {color:#fff;}
.about .flin2 .but {
	border:2px solid #131313;
	background:linear-gradient(to top, #ffffff 50%, #131313 50%);
	background-position:center bottom;
	background-size:auto 100px;
	margin-top:40px;
}
.about .flin2 .but:hover {
	background-position:center top;
	text-decoration:none;
	color:#fff;
}
@media (max-width:1200px){
.about .flin2 .but {margin-top:10px;}
}
@media (max-width:1000px){
.about .flx {justify-content:center;background:#fff;}
.about .flin1 {width:100%;order:2;}
.about .flin2 {width:100%;order:1;}
}
@media (max-width:600px){
.about .flin2 {padding:20px;}
}



.moduletable.trens {
	background:url('/images/bg-tren2.png') calc(50% + 520px) -350px no-repeat;
	background-color:#FFCF1A;
	color:#131313;
	padding:80px 0;
}
.trens h3 {
	color:#131313;
	text-align:left;
}
.trens .flx {
	align-items:center;
}
.trens .flin1 {
	width:50%;
	padding:0 80px;
}
.trens .flin1 .but {
	border:2px solid #131313;
	background:linear-gradient(to top, #131313 50%, #ffffff 50%);
	background-position:center bottom;
	background-size:auto 100px;
	margin-top:40px;
	color:#fff;
}
.trens .flin1 .but:hover {
	background-position:center top;
	text-decoration:none;
	color:#131313;
}
.trens .flin2 {
	width:50%;
}
.trens .flin2 img {
	width:100%;
	max-width:755px;
	height:auto;
}
@media (max-width:1250px){
.trens .flin1 {width:70%;}
.trens .flin2 {width:30%;}
}
@media (max-width:1000px){
.trens .flx {justify-content:center;}
.trens .flin1 {width:100%;padding-bottom:20px;}
.trens .flin2 {width:320px;}
}
@media (max-width:600px){
.trens .flin1 {padding:0 20px 20px 20px;}
}

.wehave .flx {
	align-items:center;
	color:#fff;
}
.wehave .flx > * {
	width:50%;
	text-align:center;
}
.wehave .flx .flx > * {width:50%;}
.wehave .flx .flx22 > * {width:100%;text-align:left;padding:0 0 0 80px;}
.wehave .flx a .flx22 h3 {text-align:left;color:#FFCF1A;}
.wehave .flx a .flx22 h4 {text-align:left;}
.wehave .flx a:hover {text-decoration:none;}
.wehave .flx .flx > .flinblock {height:25vw;transition:0.5s;}
.wehave .flintext {
	font-weight:500;
	text-transform:uppercase;
	font-size:24px;
	padding-top:75px;
	transition:0.5s;
}
@media (max-width:1250px){.wehave .flintext {font-size:18px;}}
@media (max-width:1000px){
.wehave .flintext {font-size:15px;}
.wehave .flx .flx22 > * {padding: 0 0 0 20px;}
}

.wehave .flx11,
.wehave .flx2,
.wehave .flx41 {
	background:#fff;
	color:#131313;
}
.wehave .flx21 {
	background:#FFCF1A;
	color:#131313;
}
.wehave a .flinraz2 {background:url('/images/wic1.png') center top no-repeat, url('/images/wic1h.png') 600px top no-repeat;}
.wehave a .flinzon2 {background:url('/images/wic2.png') center top no-repeat, url('/images/wic2h.png') 600px top no-repeat;}
.wehave a .flinham2 {background:url('/images/wic3.png') center top no-repeat, url('/images/wic3h.png') -600px top no-repeat;}
.wehave a .flindus2 {background:url('/images/wic4.png') center top no-repeat, url('/images/wic4h.png') 600px top no-repeat;}
.wehave a .flintre2 {background:url('/images/wic5.png') center top no-repeat, url('/images/wic5h.png') 600px top no-repeat;}
.wehave a .flinfit2 {background:url('/images/wic6.png') center top no-repeat, url('/images/wic6h.png') -600px top no-repeat;}
.wehave a .flinvoz2 {background:url('/images/wic7.png') center top no-repeat, url('/images/wic7h.png') -600px top no-repeat;}
.wehave a:hover .flinraz2 {background:url('/images/wic1.png') 600px top no-repeat, url('/images/wic1h.png') center top no-repeat;}
.wehave a:hover .flinzon2 {background:url('/images/wic2.png') 600px top no-repeat, url('/images/wic2h.png') center top no-repeat;}
.wehave a:hover .flinham2 {background:url('/images/wic3.png') -600px top no-repeat, url('/images/wic3h.png') center top no-repeat;}
.wehave a:hover .flindus2 {background:url('/images/wic4.png') 600px top no-repeat, url('/images/wic4h.png') center top no-repeat;}
.wehave a:hover .flintre2 {background:url('/images/wic5.png') 600px top no-repeat, url('/images/wic5h.png') center top no-repeat;}
.wehave a:hover .flinfit2 {background:url('/images/wic6.png') -600px top no-repeat, url('/images/wic6h.png') center top no-repeat;}
.wehave a:hover .flinvoz2 {background:url('/images/wic7.png') -600px top no-repeat, url('/images/wic7h.png') center top no-repeat;}
.wehave a .flinraz1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flinraz.png') center center;background-size:100% 100%, cover;}
.wehave a .flinzon1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flinzon.png') center center;background-size:100% 100%, cover;}
.wehave a .flinham1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flinham.png') center center;background-size:100% 100%, cover;}
.wehave a .flindus1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flindus.png') center center;background-size:100% 100%, cover;}
.wehave a .flintre1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flintre.png') center center;background-size:100% 100%, cover;}
.wehave a .flinfit1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flinfit.png') center center;background-size:100% 100%, cover;}
.wehave a .flinvoz1 {background:linear-gradient(to top, rgba(13,13,13,0.5), rgba(13,13,13,0.5)), url('/images/flinvoz.png') center center;background-size:100% 100%, cover;}
.wehave a:hover .flinraz1 {background:url('/images/flinraz.png') center center;background-size:cover;}
.wehave a:hover .flinzon1 {background:url('/images/flinzon.png') center center;background-size:cover;}
.wehave a:hover .flinham1 {background:url('/images/flinham.png') center center;background-size:cover;}
.wehave a:hover .flindus1 {background:url('/images/flindus.png') center center;background-size:cover;}
.wehave a:hover .flintre1 {background:url('/images/flintre.png') center center;background-size:cover;}
.wehave a:hover .flinfit1 {background:url('/images/flinfit.png') center center;background-size:cover;}
.wehave a:hover .flinvoz1 {background:url('/images/flinvoz.png') center center;background-size:cover;}


.moduletable.gal {background:#fff;}
.gal .custom > div {background:#131313;}
.gal h3 {
	color:#FFCF1A;
	padding:80px 0;
}
@media (max-width:1250px){.gal h3 {padding:40px 0;}}
@media (max-width:1000px){.gal {padding-top:20px;}.gal h3 {padding:20px 0;}}

.gal .uk-grid {background:#131313;}
.gal .uk-grid > * > :last-child {
    min-height: 360px !important;
    height: 360px !important;
    overflow: hidden;
}
@media (max-width:1800px){
.gal .uk-grid > * > :last-child {
    min-height: 19vw !important;
    height: 19vw !important;
    overflow: hidden;
}}
.gal .uk-overlay > :first-child {
	width:100%;
	height:auto;
}
.gal .uk-overlay-icon::before {
    content: "\f06e";
    color:#fff;
    text-shadow: 1px 1px 1px #000;
}
.gal .uk-overlay-background {
    background: rgba(0,0,0,.5);
}

.moduletable.ausl {
	background:#fff;
	padding-top:40px;
}
.ausl h3 {
	color:#FFCF1A;
}
.ausl .flx {margin-top:40px;flex-wrap:nowrap;background:#131313;}
.ausl .flx > a {
	text-decoration:none;
	width:25%;
	height:24vw;
	background:#131313;
	color:#fff;
	transition:0.5s;
}
.ausl .flx > a > * {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	height:24vw;
}
.ausl .flx > a > * > * {width:100%;}
.ausl .flx > a > * .the {
	text-align:center;
	width:100%;
	padding-top:70px;
	padding-bottom:20px;
	font-weight:600;
	font-size:24px;
	text-transform:uppercase;
	transition:0.5s;
}
.ausl .flx > * > * .but {
	margin:0 auto;
}
.ausl .flx > a:hover {
	text-decoration:none;
	color:#FFCF1A;
}
.ausl .flx > .flin1:hover {background:url('/images/ai1.png') center center no-repeat;background-size:102% auto;background-color:#131313;}
.ausl .flx > .flin2:hover {background:url('/images/ai2.png') center center no-repeat;background-size:102% auto;background-color:#131313;}
.ausl .flx > .flin3:hover {background:url('/images/ai3.png') center center no-repeat;background-size:102% auto;background-color:#131313;}
.ausl .flx > .flin4:hover {background:url('/images/ai4.png') center center no-repeat;background-size:102% auto;background-color:#131313;}
.ausl .flx > .flin1 > * .the {background:url('/images/aic1.png') center top no-repeat, url('/images/aic1h.png') 600px top no-repeat;}
.ausl .flx > .flin2 > * .the {background:url('/images/aic2.png') center top no-repeat, url('/images/aic2h.png') 600px top no-repeat;}
.ausl .flx > .flin3 > * .the {background:url('/images/aic3.png') center top no-repeat, url('/images/aic3h.png') 600px top no-repeat;}
.ausl .flx > .flin4 > * .the {background:url('/images/aic4.png') center top no-repeat, url('/images/aic4h.png') 600px top no-repeat;}
.ausl .flx > .flin1:hover > * .the {background:url('/images/aic1.png') 600px top no-repeat, url('/images/aic1h.png') center top no-repeat;}
.ausl .flx > .flin2:hover > * .the {background:url('/images/aic2.png') 600px top no-repeat, url('/images/aic2h.png') center top no-repeat;}
.ausl .flx > .flin3:hover > * .the {background:url('/images/aic3.png') 600px top no-repeat, url('/images/aic3h.png') center top no-repeat;}
.ausl .flx > .flin4:hover > * .the {background:url('/images/aic4.png') 600px top no-repeat, url('/images/aic4h.png') center top no-repeat;}
.ausl .flx > a:hover .but {
	background-position:center top;
	text-decoration:none;
}
@media (max-width:1000px){.ausl .flx > a > * .the {font-size:18px;}}
@media (max-width:900px){
.ausl .flx {flex-wrap:wrap;}
.ausl .flx > a {width:50%;height:25vw;}
.ausl .flx > a > * {height:25vw;}
.ausl .flx > a > * .the {font-size:18px;}
}
@media (max-width:750px){
.ausl .flx > a {height:33vw;}
.ausl .flx > a > * {height:33vw;}
}
@media (max-width:600px){
.ausl .flx > a {width:100%;}
.ausl .flx > a,
.ausl .flx > a > * {height: 200px;}
}


.moduletable.apred {
	background:
		linear-gradient(to bottom,rgba(0,0,0,0.75),rgba(0,0,0,0)),
		url('/images/bg-apred.jpg') top center;
	padding:40px 0;
}
.apred .flx {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch;
}
.apred .flx > div {
	width:calc(32% - 40px);
	max-width:450px;
	margin:20px;
	background:#fff;
	transition:0.2s;
}
.apred .flx > div:hover {
	transform: scale(1.02,1.02);
}
.apred .flx > .flin2 {
	background:#FFCF1A;
}
.apred .flx .imhead1 {
	display:block;
	margin:0;
	position:relative;
	z-index:1;
	width:100%;
	height:auto;
}
.apred .flx .imhead2 {
	display:block;
	margin:0 auto;
	margin-top:-37px;
	position:relative;
	z-index:2;
}
.apred .flx .imhead3 {
	position:relative;
	margin-top:-37px;
	z-index:1;
	padding:57px 40px 20px 40px;
	text-align:center;
}
.apred .flx .imhead3 div {
	font-weight:600;
	text-transform:uppercase;
	font-size:26px;
	padding-top:20px;
}
.apred .flx hr {
	display:block;
	width:30%;
	height:2px;
	background:rgba(0,0,0,0.25);
	border:0;
	margin:20px auto;
}
.apred .flx .but {
	display:block;
	margin:0 auto;
}
.apred .flx > * .but {
	color:#131313;
	background:linear-gradient(to top, #FFCF1A 50%, #131313 50%);
	background-position:center bottom;
	background-size:auto 100px;
	transition:0.5s;
}
.apred .flx > * .but:hover {
	background-position:center top;
	text-decoration:none;
	color:#fff;
}
.butup,
.apred .flx > .flin2 .but {
	color:#fff;
	background:linear-gradient(to top, #131313 50%, #ffffff 50%);
	background-position:center bottom;
	background-size:auto 100px;
	transition:0.5s;
}
.butup:hover,
.apred .flx > .flin2 .but:hover {
	background-position:center top;
	text-decoration:none;
	color:#131313;
}
.apred .flx .flx1 {
	padding:20px 40px 40px 40px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
}
.apred .flx .flx1 > * {
	width:50%;
	padding-left:30px;
}
.apred .flx .flx1 > * b {
	font-weight:500;
}
.apred .flx .flx1 .flin1 {
	background:url('/images/apricf1.png') left top no-repeat;
}
.apred .flx .flx1 .flin2 {
	background:url('/images/apricf2.png') left top no-repeat;
}
@media (max-width:1500px){
.apred {font-size:14px;}
}
@media (max-width:1450px){
.apred .flx .imhead3 {padding:57px 20px 20px 20px;}
.apred .flx .flx1 {padding: 20px;}
}
@media (max-width:1300px){
.apred .flx > div {
    width: calc(32% - 20px);
    margin: 10px;
}
}
@media (max-width:1250px){.apred .flx .imhead3 div {font-size: 20px;}}
@media (max-width:1200px){
.apred .flx .flx1 {flex-wrap:wrap;}
.apred .flx .flx1 > * {width:51%;min-width:160px;padding-bottom:5px;}
}
@media (max-width:960px){.apred .flx > div {width: calc(48% - 20px);}}
@media (max-width:800px){
.apred {padding:0;}
.apred .flx > div {width: calc(100% - 20px);max-width:100%;}
.apred .flx .imhead1,
.apred .flx .imhead2 {display:none;}
.apred .flx .imhead3 {padding: 10px;margin-top: 0;}
.apred .flx .imhead3 div {
    text-transform: none;
    padding-top: 10px;
}
.apred .flx hr {display: none;}
.apred .flx .flx1 {padding: 10px;}
.apred .flx .flx1 > * {width:50%;max-width:200px;}
.apred .flx .flin1 {order:2;}
.apred .flx .flin2 {order:1;}
.apred .flx .flin3 {order:3;}
.apred .flx .flin4 {order:4;}
.apred .flx .flin5 {order:5;}
.apred .flx .flin6 {order:6;}
.apred .flx .flin7 {order:7;}
.apred .flx .flin8 {order:8;}
.apred .flx .flin9 {order:9;}
}




.kontent {
	background:url('/images/bg-tren.png') calc(50% - 520px) calc(100% + 1386px) no-repeat;
	background-color:#fff;
	padding:40px 0;
}

#main .usl .flx {justify-content:center;align-items:stretch;}
#main .usl .flx > * {
	width:48%;
	max-width:700px;
	min-width:300px;
	margin:10px;
	text-decoration:none;
	padding:40px 65px 40px 195px;
	color:#fff;
	transition:0.5s;
}
#main .usl .flx > a:hover {text-decoration:none;color:#131313;}
#main .usl .flx > .flin1 {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl1.png') left center no-repeat;background-color:#131313;;}
#main .usl .flx > .flin2 {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl2.png') left center no-repeat;background-color:#131313;}
#main .usl .flx > .flin3 {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl3.png') left center no-repeat;background-color:#131313;}
#main .usl .flx > .flin4 {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl4.png') left center no-repeat;background-color:#131313;}
#main .usl .flx > .flin1:hover {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl1.png') left center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin2:hover {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl2.png') left center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin3:hover {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl3.png') left center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin4:hover {background:url('/images/arrow-left.png') calc(100% - 20px) center no-repeat, url('/images/usl4.png') left center no-repeat;background-color:#FFCF1A;}
@media (max-width:400px){#main .usl .flx > * {margin:10px auto;}}
#main .usl .flx > a > div {border-right:2px solid rgba(255,255,255,0.25);}
#main .usl .flx > a:hover > div {border-right:2px solid rgba(0,0,0,0.25);}
#main .usl .flx > a > div b {
	display:block;
	padding-bottom:20px;
	text-transform:uppercase;
	font-weight:600;
	font-size:24px;
}
#main .usl .flx > a > div > div {
	display:inline-block;
	width:100%;
	padding-left:20px;
	background:url('/images/galk.png') left center no-repeat;
}
#main .usl .flx > .flin1 > div > div {
	width:49%;
}
#main .usl .flx > a:hover > div > div {
	background:url('/images/galkh.png') left center no-repeat;
}
@media (max-width:1400px){
#main .usl {font-size:14px;}
#main .usl .flx > a > div b {font-size:20px;padding-bottom:10px;}
}
@media (max-width:1250px){
#main .usl .flx > * {padding: 20px 45px 20px 145px;}
#main .usl .flx > .flin1 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl1.png') -50px center no-repeat;background-color:#131313;;}
#main .usl .flx > .flin2 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl2.png') -50px center no-repeat;background-color:#131313;}
#main .usl .flx > .flin3 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl3.png') -50px center no-repeat;background-color:#131313;}
#main .usl .flx > .flin4 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl4.png') -50px center no-repeat;background-color:#131313;}
#main .usl .flx > .flin1:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl1.png') -50px center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin2:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl2.png') -50px center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin3:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl3.png') -50px center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin4:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat, url('/images/usl4.png') -50px center no-repeat;background-color:#FFCF1A;}
}
@media (max-width:1100px){
#main .usl .flx > * {
	width:50%;
	margin:10px;
	min-width:500px;
	padding: 20px 45px 20px 140px;
}
}
@media (max-width:600px){
#main .usl .flx > .flin1 > div > div {width: 100%;}
#main .usl .flx > * {
	width:90%;
	margin:10px 0;
	min-width:300px;
}
#main .usl .flx > * {padding: 20px 45px 20px 20px;}
#main .usl .flx > .flin1 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#131313;;}
#main .usl .flx > .flin2 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#131313;}
#main .usl .flx > .flin3 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#131313;}
#main .usl .flx > .flin4 {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#131313;}
#main .usl .flx > .flin1:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin2:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin3:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#FFCF1A;}
#main .usl .flx > .flin4:hover {background:url('/images/arrow-left.png') calc(100% - 10px) center no-repeat;background-color:#FFCF1A;}
}



.moduletable.tren {
	background:url('/images/bg-tren.png') calc(50% - 520px) -200px no-repeat;
	background-color:#FFCF1A;
	padding-top:40px;
}
.tren .flx {
	justify-content:center;
	align-items:flex-end;
}
.tren .flx .flin {
	width:311px;
	text-align:center;
}
.tren .flx .flin > div {display:none;}
.tren .flx .flin:hover > div {
	display:block;
	position:absolute;
	width:375px;
	background:url('/images/arrow.png') center calc(100% - 5px) no-repeat;
	background-size:auto 20px;
	background-color:rgba(255,255,255,0.9);
	padding:10px 10px 30px 10px;
	margin-left:-32px;
	margin-top:-185px;
  box-shadow: 0px 0px 1px #999;
}
.tren .flx .flin > div b {
	font-weight:500;
	text-transform:uppercase;
	font-size:24px;
}
.tren .flx .flin > div div {
	padding:8px 0;
	border-bottom:1px solid #131313;
	font-size: 14px;
	text-align:left;
}
.tren .flx .flin > div div span {
	display:block;
	padding-left:8px;
}
.tren .flx .flin > div div span:before {
	content:'• ';
	position:absolute;
	margin-left:-8px;
}
.tren .flx .flin > img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  transition: 0.5s;
  display:block;
  margin:0 auto;
  margin-top:70px;
  width:100%;
  height:auto;
}
.tren .flx .flin:hover > img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none;
}
@media (max-width:1305px){
.tren .flx .flin {width:25%;max-width:311px;}
.tren .flx .flin1:hover > div {left:-8px;margin-left:0}
.tren .flx .flin2:hover > div,
.tren .flx .flin3:hover > div {margin-left:calc(12.5% - 187px);}
.tren .flx .flin4:hover > div {right:-8px;left:auto;margin-left:0;}
}
@media (max-width:1250px){
.tren .flx .flin:hover > div {
	margin-top:-140px;
	background:url('/images/arrow.png') center calc(100% - 4px) no-repeat;
	background-size:auto 12px;
	background-color:rgba(255,255,255,0.9);
	padding:10px 10px 20px 10px;
}
.tren .flx .flin1:hover > div {background-position:45% calc(100% - 4px);}
.tren .flx .flin4:hover > div {background-position:55% calc(100% - 4px);}
.tren .flx .flin > div div {font-size:14px;line-height:14px;}
}
@media (max-width:1025px){
.tren .flx .flin1:hover > div {background-position:40% calc(100% - 4px);}
.tren .flx .flin4:hover > div {background-position:60% calc(100% - 4px);}
}
@media (max-width:900px){
.tren {padding-bottom:40px;}
.tren .flx {display:block;}
.tren .flx .flin {
	display:flex;
	width:90%;max-width:100%;min-width:310px;
	margin:0 auto;
	padding:0;
	border-bottom:2px solid #131313;
	margin-bottom:10px;
	justify-content:space-between;
	align-items:flex-end;
	background:linear-gradient(to top,rgba(255,255,255,0.75),rgba(255,255,255,0)),linear-gradient(to left,rgba(255,255,255,0.75),rgba(255,255,255,0));
	background-color:rgba(255,255,255,0);
	transition:0.25s;
}
.tren .flx .flin > * {display:inline-block;}
.tren .flx .flin > div {width:75%;display:inline-block;left:auto;right:auto;padding:10px;margin:0;order:2;position:relative;}
.tren .flx .flin:hover {background-color:rgba(255,255,255,0.75);}
.tren .flx .flin:hover > div {width:75%;display:inline-block;left:auto;right:auto;background:none;position:relative;margin:0;padding:10px;}
.tren .flx .flin > div div {border-bottom:0;}
.tren .flx .flin > img {width:20%;height:auto;margin:0;order:1;}
}
@media (max-width:650px){
.tren .flx .flin {
	margin: 16px auto;
	align-items:center;
	width:100%;
	border-bottom:0;
	background:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0.75) 30%,rgba(255,255,255,0.75) 70%,rgba(255,255,255,0));
}
.tren .flx .flin:hover {background:linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0.75) 10%,rgba(255,255,255,0.75) 90%,rgba(255,255,255,0));
}
.tren .flx .flin > div,
.tren .flx .flin:hover > div {width:calc(100% - 120px);}
.tren .flx .flin > img {width:120px; height:auto;border-radius:60px;}
.tren .flx .flin > div b {font-size: 16px;}
.tren .flx .flin > div div {
    font-size: 13px;
    line-height: 14px;
}
}
@media (max-width:400px){.tren .flx .flin {align-items:flex-start;}}

.fut {
	background:#131313;
	padding:40px 0;
}
.fut > .flx {
	padding:0;
	flex-wrap:wrap;
}
.fut .flin1 {
	padding-left:10px;
}
.fut .flin2 {
	color:#fff;
	font-size:14px;
}
.fut .flin2 div {
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:500;
}
.fut .flin3 a,
.fut .flin4 a {
	display:block;
	color:#a4a4a4;
	text-decoration:none;
	font-size:14px;
	padding-bottom:5px;
}
.fut .flin3 a:hover,
.fut .flin4 a:hover {
	color:#fff;
}
.fut .flin5 {
	color:#fff;
	font-size:14px;
}
.fut .flin5 div {
	font-weight:300;
	color:#a4a4a4;
	padding-bottom:5px;
	font-size:14px;
}
.fut .flin5 div.head {
	color:#fff;
}
.fut .flin5 div span {
	font-size:14px;
	font-weight:500;
	color:#fff;
}
.fut .flin6 a {
	display:block;
	line-height:28px;
	font-size:24px;
	font-weight:500;
	padding-left:40px;
	background:url('/images/ic1.png') left center no-repeat;
	color:#fff;
	text-decoration:none;
	margin-bottom:20px;
	white-space:nowrap;
}
.fut .flin6 a span {
	color:#FFCF1A;
}
.fut .flin6 div {	
	font-size:14px;
	color:#fff;
	white-space:nowrap;
}
.fut .flin6 div span {
	color:#a4a4a4;
} 
.fut .flin7 .but {
	margin-bottom:20px;
}
@media (max-width:1250px){
.fut .flin3, 
.fut .flin4 {display:none;}
}
@media (max-width:960px){
.fut .flx {justify-content:space-around;}
.fut .flin1 {order:2;}
.fut .flin2 {order:4;width:50%;text-align:center;}
.fut .flin5 {order:5;width:50%;text-align:center;}
.fut .flin6 {order:1;}
.fut .flin7 {order:3;}
}
@media (max-width:600px){
.fut .flin5 {display:none;}
.fut .flin1 {order:1;width:100%;text-align:center;}
.fut .flin2 {order:4;width:100%;text-align:center;}
.fut .flin6 {order:2;}
.fut .flin7 {order:3;width:100%;}
.fut .flin7 .but {margin: 10px auto;}
.fut .flin7 .soc {text-align:center;}
.fut .flin2 div {margin-bottom: 5px;}
}

.newakz {
	box-shadow: 0px 0px 3px #000;
	border-radius: 3px;
	background: #fff;
	padding: 3px 5px;
	display: block;
	margin: 10px auto;
	max-width: 900px;
}
.newakz b {font-size:120%;display:block;margin-bottom:10px;}
.newakz a {display:block;text-align:right;margin-top:10px;}







/* скрытие всего на мониторах ниже планшета */

@media (max-width:800px){
.sld {min-height:auto!important;}
.sld > .flx {position:relative!important;}
/*.sld > .moduletable {display:none;}*/
.about,
.trens,
.wehave,
.gal {display:none;}
.sld .uk-overlay-panel .flx {flex-wrap:wrap;}
.sld .uk-overlay-panel .flx > * {width:100%;}
.sld .uk-overlay-panel .flx > .flin1 h3 span,
.sld .uk-overlay-panel .flx > .flin1 h3 div {display:inline;}
.sld .uk-overlay-panel .flx > .flin2 h3,
.sld .uk-overlay-panel .flx > .flin2 h4,
.sld .uk-overlay-panel .flx > .flin2 b {text-transform:none;}
.sld .uk-overlay-panel .flx > .flin2 h2 {text-align:left;}
.sld .uk-overlay-panel .flx > .flin2 h3 {font-size:20px;text-align:left;}
.sld .uk-overlay-panel .flx > .flin2 h4 {font-size:16px;text-align:left;}
.sld .uk-overlay-panel .flx > .flin2 b {font-size:18px;text-align:left;}
.sld .uk-overlay-panel .flx > .flin2 a {
	display:block;
	color:#131313;
	text-decoration:none;
	padding:20px 25px 20px 15px;
	background:
		url('/images/arrow-left-black.png') calc(100% - 4px) center no-repeat,
		url('/images/arrow-left-blach.png') 900px center no-repeat;
	background-color:#FFCF1A;
	background-size:16px auto;
	transition:0.25s;
}
.sld .uk-overlay-panel .flx > .flin2 a:hover {
	background:
			url('/images/arrow-left-black.png') 900px center no-repeat,
		url('/images/arrow-left-blach.png') calc(100% - 4px) center no-repeat;
	background-color:#FFCF1A;
	background-size:16px auto;
}
}








/* PANDA */
.panda:hover {
 -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: 0.9s
}

.panda:not(:hover) {
  transition: 0.6s
}



.but-but,
#main .but-but {
	display:inline-block;
  text-decoration:none;
	font-size:16px;
	line-height:50px;
	border-radius:0;
	border:2px solid #000;
	box-sizing:border-box;
	font-weight:700;
	text-transform:none;
	color:#000;
	background-color:#fff;
	padding:0;
	transition:0.25s;
	letter-spacing: 1px;
  width:275px;
  text-align:center;
}
#main .but-but:hover,
.but-but:hover {
	background-color:#d2e0e5;
    text-decoration:none;

}



#main h1 {font-size:42px;}
#main h2 {font-size:36px;}
#main h3 {font-size:24px;}


/*but-pic*/
.but-pic > *, .but-pic-in > * > * { 
display:block; 
margin:1em auto; 
text-align:center; 
transition:0.5s; 
} 
.but-pic:hover img, 
.but-pic-in > *:hover > img {transform: scale(1.1);} 

.but-shad1, .but-shad1-in > * {transition:0.25s;} 
.but-shad1:hover, .but-shad1-in > *:hover {box-shadow: 0 0 15px 0 #383838;} 

.but-shad2, .but-shad2-in > * {box-shadow: rgba(0,0,0,0.2) 0 5px 25px;transition:0.25s;} 
.but-shad2:hover, .but-shad2-in > *:hover {box-shadow: rgba(0,0,0,0.4) 0 0 10px;} 

.width-25, .width-in-25 > * {width:100%;max-width:25px;} 
.width-50, .width-in-50 > * {width:100%;max-width:50px;} 
.width-75, .width-in-75 > * {width:100%;max-width:75px;} 
.width-100, .width-in-100 > * {width:100%;max-width:100px;} 
.width-125, .width-in-125 > * {width:100%;max-width:125px;} 
.width-150, .width-in-150 > * {width:100%;max-width:150px;} 
.width-175, .width-in-175 > * {width:100%;max-width:175px;} 
.width-200, .width-in-200 > * {width:100%;max-width:200px;} 
.width-225, .width-in-225 > * {width:100%;max-width:225px;} 
.width-250, .width-in-250 > * {width:100%;max-width:250px;} 
.width-275, .width-in-275 > * {width:100%;max-width:275px;} 
.width-300, .width-in-300 > * {width:100%;max-width:300px;} 
.width-325, .width-in-325 > * {width:100%;max-width:325px;} 
.width-350, .width-in-350 > * {width:100%;max-width:350px;} 
.width-375, .width-in-375 > * {width:100%;max-width:375px;} 
.width-400, .width-in-400 > * {width:100%;max-width:400px;} 
.width-425, .width-in-425 > * {width:100%;max-width:425px;} 
.width-450, .width-in-450 > * {width:100%;max-width:450px;} 
.width-475, .width-in-475 > * {width:100%;max-width:475px;} 
.width-500, .width-in-500 > * {width:100%;max-width:500px;}