/* Ilya leoshko (c) 2019 */

/* fonts 
@font-face { font-family:"Ubuntu-Regular"; src:url("../fonts/Ubuntu-Regular.ttf") format('opentype'); }
@font-face { font-family:"Ubuntu-Light"; src:url("../fonts/Ubuntu-Light.ttf") format('opentype'); }
@font-face { font-family:"Ubuntu-Bold"; src:url("../fonts/Ubuntu-Bold.ttf") format('opentype'); }
*/


/* ILYAs css reset */
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none; }
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
a { text-decoration:none;color:#359028; }

/* ILYAs Styles */
* { transition: all .3s; }
/*
body { margin: 0; padding: 0; font-family:"Ubuntu-Regular"; font-size: 16px; color: #333; background: #333; }
h1, h2, h3 { font-family:"Ubuntu-Regular"; font-weight: 100; }
b, strong { font-family:"Ubuntu-Bold"; }
*/

body { margin: 0; padding: 0; font-family: Arial; font-size: 16px; color: #333; background: #333; }
h1, h2, h3 { font-weight: 100; }

iframe { border:none;}

.kattable {margin-bottom:80px;}

.clearer { clear: both; }
.center { text-align: center; }
.content { margin: 0 auto; max-width: 1270px; width: 92%; min-width: 300px; }
.defb { border-radius: 8px; height: 42px; padding: 0 15px; border: 1px solid #347a2b; background: #347a2b; color: #fff; display: flex; align-items: center; justify-content: center; }
.defb:hover { background: #4ca93f; border-color: #4ca93f; }
.defb span { margin-right: 8px; }
.inp0 { border-radius: 8px; height: 42px; padding: 0 15px; border: 1px solid #9b9b9b; }
textarea.inp0 { resize: none; height: auto; padding: 15px; }
.burger { position: absolute; right: 15px; top: 10px; color: #fff; background: #353535; border-radius: 100%; cursor: pointer; width: 42px; height: 42px; justify-content: center; align-items: center; display: none; border: 1px solid #fff; }
.langs { position: absolute; z-index: 98; top: 10px; right: 10px; }
.langs .lang { color: #fff; background: #353535; border-radius: 100%; cursor: pointer; width: 24px; height: 24px; justify-content: center; align-items: center; border: 1px solid #fff; display: flex; margin-bottom: 10px; font-size: 12px; }
.langs .lang.active { background: #4ca93f; }
.langs .lang:hover { background: #fff; color: #333; }
.langs .lang i { font-style: normal; }
.langs .lang a { color: #fff; }
.langs .lang a:hover { color: #4ca93f; }
.burger .bclose { display: none; }
.wrp { position: fixed; background: rgba(0, 0, 0, 0.8); width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1000; display: none; }
.wrp>.wrpin { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.wrp .window { background: #fff; position:  relative; padding: 30px 45px; }
.wrp .window .close { color: #fff; width: 25px; height: 25px; background: #353535; border-radius: 100%; position: absolute; top: 5px; right: 5px; display: flex; justify-content: center; align-items: center; }
.wrp .window .close:hover { background: #347a2b; }
.wrp .window h3 { text-align: center; margin: 0; padding-bottom: 25px; }
.wrp .window .inp0 { margin-bottom: 20px; }
.wrp .window form { display: flex; flex-direction: column; }

#callme { color: #fff; font-size: 32px; border-radius: 100%; display: flex; width: 80px; height: 80px; justify-content: center; align-items: center; position: fixed; bottom: 30px; right: 30px; background: #4ca93f; animation:colorchange 20s infinite alternate; border: 1px solid #fff; }
#callme:hover { background: #353535;  animation: none; }
.maincont { display: flex; min-height: 100vh; }
.leftside { background: #333; width: 220px; padding: 20px 0; }
.leftside .logo { max-width: 100%; padding: 0 20px; }
.leftside .logo img { width: 100%; }
.rightside { width: calc(100% - 220px); background: #9AABA3; }
.leftside .menu { margin:20px 0; padding: 0; list-style: none;}
.leftside .menu li { padding: 10px 20px; font-size: 14px; }
.leftside .menu a { color: #fff; }
.leftside .menu li:hover { background: #4ca93f; }
.leftside .menu li.active { background: #9AABA3; color: #333; }
.mainslider { width: 100%; height: 100vh; }
.mainslider .fin { height: 100vh; position: relative; background-size: cover !important; }
.mainslider .fin>span { padding: 10px; background-color: rgba(0,0,0,0.75); display: block; position: absolute; color: #fff; text-transform: uppercase; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; bottom: 0; height: 40px;  }
.mainslider .fin a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainslider .owl-nav { display: none; }
.mainslider .owl-dots { display: flex; justify-content: center; padding: 10px 0; position: absolute; width: 100%; top: 0; }
.mainslider .owl-dots .owl-dot { width: 10px; height: 10px; margin: 0 5px; border-radius: 100%; border: 2px solid #353535; }
.mainslider .owl-dots .owl-dot.active { background: #fff; }
.content.page { min-height: 100vh; }

.maincats { padding: 60px 0 100px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.maincats h2 { width: 100%; }
.maincats>.cin { position: relative; background-size: cover; width: 31%; height: 300px; background-position: center !important; margin-bottom: 4%; }
.maincats>.cat_1 { background: url(../images/cat1.jpg) no-repeat; background-size: cover; }
.maincats>.cat_2 { background: url(../images/cat2.jpg) no-repeat; background-size: cover; }
.maincats>.cat_3 { background: url(../images/cat3.jpg) no-repeat; background-size: cover; }
.maincats>.cin>.cinispan { padding: 10px; background-color: rgba(0,0,0,0.75); display: block; position: absolute; color: #fff; text-transform: uppercase; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; bottom: 0; height: 80px;  }

.maincats>.cin>a { position: absolute; width: 100%; height: 100%; opacity: 1; left: 0; text-indent: 0; display: flex; align-items: center; color: #fff; justify-content: center; display: flex; }
.maincats>.cin>a>.cinispan { opacity: 0; width: 0; height: 0; border: 1px solid #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.maincats>.cin>a>.cini { font-size: 22px; margin-top: -20px; border: 1px solid #fff; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.maincats>.cin:hover>.cinispan { opacity: 0; }
.maincats>.cin:hover>a { background: rgba(52,122,43,0.8) url(../images/asbg.png); }
.maincats>.cin:hover>a>.cini { opacity: 0; width: 0; height: 0; }
.maincats>.cin:hover>a>.cinispan { opacity: 1; width: 200px; height: 200px; padding: 0 25px; }
.page a { color: #359028; }
.page p { line-height: 21px; }
.page img { max-width: 100%; }
.page .cats { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.page .cats li:before { width: 100%; display: block; content: ""; }
.page .cats li { width: 49%; height: 350px; position: relative; overflow: hidden; margin-bottom: 2%; background-position: center !important;}
.page .cats2 li { height: 250px; width: 32%;}
.page .cats2 li img { min-width: 100%;min-height: 100%;position: absolute;top: 0;left: 0;max-width: initial; }
.page .cats li a { position: absolute; opacity: 0; font-size: 0; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }
.page .cats li span { position:  absolute; bottom: 0; left: 0; background: #333; padding: 10px 5px; color: #fff; width: 100%; text-align: center; font-size: 14px; }
.page .cats li strong { font-size: 16px; }
/*
.page .cats li strong:after { content: "|"; display: inline-block; margin: 0 5px; font-family:"Ubuntu-Light"; font-weight: 100; font-size: 14px; }
*/
.page .cats li strong:after { content: "|"; display: inline-block; margin: 0 5px; font-weight: 100; font-size: 14px; }

.page .cats li:hover span { background: rgba(52,122,43,0.8) url(../images/asbg.png); height: 100%; display: flex; justify-content: center; align-items: center;  }
.page .cats2 li:hover span { background: rgba(52,122,43,0.8) url(../images/asbg.png); height: 36px; display: block; justify-content: center; align-items: center; }
.page .cats2 img:hover { opacity:0.8;}

.contacts { margin-bottom: 50px; }
.contacts .row { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contacts .row>div { width: 49%; }
.contacts .row .right iframe { width: 100%; height: 100%; min-height: 300px; }
.cform {  }
.cform form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cform form>div { width: 49%; }
.cform form>div .inp0 { width: 100%; }
.cform form>div textarea.inp0 { display: flex; height: 100%; }
.cform form>div:first-child .inp0 { margin-bottom: 15px; }
.newslist { list-style: none; margin: 0 0 50px 0; padding: 0; }
.newslist>li { display: flex; flex-wrap: wrap; margin-bottom: 25px; border-bottom: 1px solid #959595; justify-content: space-between; }
.newslist>li .npic { width: 270px; }
.newslist>li .npic img { width: 100%; }
.newslist>li .nabout { width: calc(100% - 300px); }
.newslist>li .nabout p { line-height: 21px; text-align: justify; }
.newslist>li .nabout h4 { color: #359028; margin-top: 5px; }
.newslist>li .nabout h4 a { color: #359028; }
.newslist>li .nabout .date { margin: 0; font-size: 12px; }
.newslist>li .nabout .readmore { display: flex; justify-content: flex-end; }
.newslist>li .nabout .readmore .defb { min-width: 200px; color: #fff; }
div.tab-frame input{ display: none; }
div.tab-frame label{ display: block; float:left; padding:10px 20px; cursor:pointer; border-top-left-radius: 8px; border-top-right-radius: 8px; }
div.tab-frame label:hover { color: #fff; background: #4ca93f; }
div.tab-frame input:checked + label{ background:#333; color:white; cursor: default; }
div.tab-frame div.tab{ display:none; padding:20px; clear:left; background: #fff; margin-bottom: 50px; overflow: auto; }

div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3){ display:block; }
div.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4){ display:block; }
div.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5){ display:block; }
div.tab-frame input:nth-of-type(6):checked ~ .tab:nth-of-type(6){ display:block; }
div.tab-frame input:nth-of-type(7):checked ~ .tab:nth-of-type(7){ display:block; }
div.tab-frame input:nth-of-type(8):checked ~ .tab:nth-of-type(8){ display:block; }
.tab table {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse;}
.tab table th { font-size:12px;background-color:#4ca93f;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:left; color: #fff; }
.tab table tr { background-color:#cdcdcd; }
.tab table td { font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9; }
.tab table tr:hover { background-color:#ffffff; }
.pages { width: 100%; display: flex; justify-content: center; align-items: center; padding: 25px 0 }
.pages a, .pages span { border-radius: 8px; display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; border: solid 1px; margin: 0 8px; }
.pages a { border-color: #347a2b; background: #347a2b; color: #fff; }
.pages a:hover { border-color: #4ca93f; background: #4ca93f; }
.pages span { color: #fff; border-color: #333; background: #333; }
footer { background: #333; color: #fff; font-size: 14px; padding: 20px 0 0 0; }
footer .copyr { text-align: center; font-size: 12px; color: #9b9b9b; margin: 0; padding: 10px 0; }
footer .content { display: flex; flex-wrap: wrap; justify-content: space-between; }
footer .content .box {  }
footer .content .box img { filter: grayscale(100%); -moz-filter: grayscale(100%); }
footer .content .box:nth-child(1) p { font-size: 14px; }
footer .content .box .logo { width: 100px; }
footer .content .box .logo img { max-width: 100%; }
footer .content .box ul { list-style: none; padding: 0; }
footer .content .box ul li { margin-bottom: 8px; }
footer .content .box ul li a { color: #fff; }
footer .content .box ul li a:hover { text-decoration: underline; }
footer .copyr a { color: #9b9b9b; text-decoration: underline; }
.tab iframe {
	margin-top: 18px;
}
.tab iframe:first-child {
	margin-top: 0px;
}
@keyframes colorchange {
  0% {
    
    background: #4ca93f;
  }
  
  10% {
    
    background: #347a2b;
  }
  
  20% {
    
    background: #4ca93f;
  }
  
  30% {
    
    background: #347a2b;
  }
  
  40% {
    
    background: #4ca93f;
  }
  
  50% {
    
    background: #347a2b;
  }
  
  60% {
    
    background: #4ca93f;
  }
  
  70% {
    
    background: #347a2b;
  }
  80% {
 
    background: #4ca93f;
  }
  
  90% {
 
    background: #347a2b;
  }
  
  100% {
    
    background: #4ca93f;
  }
}


/* breakpoints */
/* width */
@media (max-width:1370px){
	.page .cats2 li { width: 49%; height: 300px; }
}
@media (max-width:1024px){
	footer .content .box:nth-child(1) { max-width: 160px; }
	.burger { display: flex; z-index: 99; }
	.langs { top: 20px; display: flex; right: 70px; }
	.langs .lang { margin-bottom: 0; margin-left: 5px; }
	.leftside { display: none; position: absolute; z-index: 98; min-height: 100vh; }
	.rightside { width: 100%; padding-top: 60px; }
	.mainslider .fin>span { height: auto; }
	.maincats>.cin>span  { height: 50px; font-size: 14px; }
	.contacts { margin-bottom: 0; }
	.contacts .row>div { width: 100%; margin-bottom: 25px }
}
@media (max-width:820px){
	.content { margin: 0 auto; width: 100%; min-width: 300px; padding: 0 15px; }
	#callme { font-size: 22px; width: 42px; height: 42px; bottom: 15px; right: 15px; }
	.leftside { width: 100%; }
	.leftside .logo { text-align: center; }
	.leftside .logo img { max-width: 180px; }
	/* footer .content .box:nth-child(4) { display: none; } */
	.maincats>.cin { width: 100%; height: 300px; margin-bottom: 25px; }
	.page .cats li { width: 100%; }
	.newslist { margin-bottom: 25px; }
	.pages { flex-wrap: wrap; }
	.pages a, .pages span { margin: 5px 5px }
	.mainslider { height: initial; }
	.mainslider .fin { height: 250px; }
}
@media (max-width:720px){
	footer .content .box, footer .content .box:nth-child(1) { width: 100%; max-width: 100%; }
	div.tab-frame label { min-width: 100%; background: #a9a9a9; }
	.page .cats li:hover span { flex-wrap: wrap; }
	.page .cats li:hover b { width: 100%; }
	.page .cats li:hover b:after { display: none; }
	.cform form { flex-flow: column-reverse; }
	.cform form>div { width: 100%; }
	.cform form>div textarea.inp0 { margin-bottom: 15px; }
	div.tab-frame label { border-top-left-radius: 0px; border-top-right-radius: 0px; }
	.newslist>li .npic { width: 100%; text-align: center; }
	.newslist>li .nabout { width: 100%; }
	.newslist>li .npic img { width: auto; max-width: 100%; }
	.newslist>li .nabout .readmore { justify-content: center; }
	.page .cats2 li { height: 250px; width: 100%;}
}