@font-face {
    font-family: 'aleksandracregular';
    src: url('../css/aleksandrac_regular.eot');
    src: url('../css/aleksandrac_regular.eot?#iefix') format('embedded-opentype'),
         url('../css/aleksandrac_regular.woff') format('woff'),
         url('../css/aleksandrac_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
html
{
	width:100%;
	margin: 0;
   padding: 0;
   height: 100%
}
body
{
   width: 100%;
   height: 100%;
	font-family: arial, sans-serif;
   margin: 0;
   padding: 0;
   margin: 0 auto;
   line-height: 22px;
   background-color: #fff;
   color: #555;
   font-size: 15px;
   	font-weight: 300;
	font-style: normal;
}


h1
{
    font-weight: 800;
    font-size: 25px;
    text-align: right;
    color: #158100;
    text-shadow: 1px 1px 1px #FFFFFF;
    margin: 5px 0px 0px 15px;
    padding: 0 0 0 0;
	font-family: 'Aleksandracregular', sans-serif;
}
h1 span
{
	font-weight: 700;
   font-size: 23px;
   text-shadow: 1px 1px 1px #0A0A0A;
   color: #FFD40A;
  font-style: normal;
  font-family: 'Aleksandracregular', sans-serif;
}
h2
{
   font-size: 26px;
   color: #3B5496;
   font-weight: 600;
     margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: 'Aleksandracregular', sans-serif;
}
h2 span
{
   font-size: 26px;
   color: #FB9B37;
   font-weight: 600;
     margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: 'Aleksandracregular', sans-serif;
}
h2 a
{
   font-size: 32px;
   color: #316863;
   font-weight: normal;
     margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}

h2 a:hover
{
   font-size: 32px;
   color: #a4d853;
   font-weight: normal;
     margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}

h3
{
   font-size: 17px;
   color: #000;
   font-weight: 600;
   margin: 0 0 0 0px;
   padding: 0 0 0 0;
   display: inline;
   font-family: 'Aleksandracregular', sans-serif;
}
h4
{
   font-size: 19px;
   color: #000;
   font-weight: 800;
      margin: 0 0 0 10px;
   padding: 0 0 0 0;
   font-family: 'Aleksandracregular', sans-serif;
}
h5
{
   font-size: 14px;
   color: #214343;
   font-weight: 700;
      margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-family: 'Aleksandracregular', sans-serif;
}
h6
{
   font-size: 14px;
   color: #fff;
   font-weight: normal;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
   font-family: 'Aleksandracregular', sans-serif;
}

a
{
    color: #777;
    border-bottom: 1px #D6D6D6 dotted;
   text-decoration: none;
}
a:hover
{
    color: #000;
    border-bottom: 1px #000 dotted;
   text-decoration: none;
}
.t-center
{
text-align: center;
}

.t-left
{
text-align: left;
}

.bg2
{
position: relative;
width: 100%;
float:left;
    padding: 20px 0 70px 0;
	margin: 0 0 -50px 0;
background-image: url(../i/men.png);
    background-position: right 0px;
    background-repeat: no-repeat;
}

.bg2 h2
{
    font-size: 25px;
	color: #222;
	line-height: 30px;
    text-shadow: 1px 1px 0px #fff;
    font-weight: 800;
    margin: 30px 0 15px 0;
    padding: 10px 0px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bg2 h2:before
{
/*

	left:0%;
	margin-left: 0px;
	content: "";
    height: 3px;
    width: 80px;
    position: absolute;
    bottom: 0;
    background-color: #FFE31E;*/
}
.bg2 p
{
    width: 600px;
    font-family: arial, sans-serif;
    font-size: 15px;
}

.ribbon
{
	position: absolute;
	top:-68px;
	right: -40px;
	z-index: 999;
}
.ribbon img
{
width: 260px!important;
}
.bg3
{
	position: relative;
	width: 100%;
	float:left;
	background-color: #B8ECA9;
	background-image: url(../i/bg_31.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
	padding: 10px 0px 20px 0px;
	margin: 0px 0 0px 0;
}

.bg3 img
{
position: relative;
float:left;
width: 280px;
padding: 30px 30px 0 0px;

}

.bg3 h2
{
    font-size: 26px;
    color: #005604;
    text-shadow: 1px 1px 1px #fff;
    font-weight: 800;
    margin: 15px 0 15px 58px;
    padding: 10px 20px;

}

.bg3 h4
{
	font-size: 19px;
    color: #017B26;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.bg3 p
{
   font-size: 16px;
   color: #333;
   font-weight: 300;
	text-align: left;
	line-height: 26px;
	max-width: 850px;
}



.bg4
{
position: relative;
width: 100%;
float:left;
background-color: #f9f9f9;
	background-image: url(../i/b4.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.bg4 h2
{
font-size: 26px;
color: #9AD000;
    text-shadow: 1px 1px 0px #fff;
    font-weight: 800;
    margin: 25px 0 15px 0;
    padding: 10px 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.bg4 h2:before
{


	left:50%;
	margin-left: -40px;
	content: "";
    height: 3px;
    width: 80px;
    position: absolute;
    bottom: 0px;
    background-color: #FFE31E;
}

.bg4 h4
{
   font-size: 14px;
   color: #009400;
   font-weight: 700;
   margin: 15px 0 15px 0;
   text-shadow: 1px 1px 1px #FFF;
}


.bg4 p
{
   font-size: 16px;
   color: #333;
   font-weight: 300;

}

.bg5
{
	position: relative;
	width: 100%;
	float:left;
	background-color: #fff;
	background-image: url(../i/bg33.png);
	padding: 0px 0px;
	margin: 0px 0 0px 0;
}


.bg6
{
	position: relative;
	width: 100%;
	float:left;
	background-color: #fff;
	background-image: url(../i/bg_32.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
	padding: 40px 0px 10px 0;
	margin: 0px 0 0px 0;
}

.bg6 h2
{
    font-size: 26px;
    color: #2D6B40;
    text-shadow: 1px 1px 1px #fff;
    font-weight: 800;
    margin: 15px 0 15px 10px;
    padding: 10px 20px;

}
.bg6 p
{
	font-size: 16px;
    color: #333;
    font-weight: 700;
    text-align: left;
    line-height: 26px;
	margin: 15px 0 15px 30px;

}

.clear
{
clear:both;
}

.box
{
position: relative;
width: 1100px;
height: inherit;
margin: 0 auto;
}

.bg_top
{
position: relative;

width: 100%;
height: 80px;
padding: 10px 0 0 0;
background-color: #f0f0f0;
border-bottom: 0px #333 solid;
}

.contact{
position: relative;
float: right;
margin: 14px 2px 0px 0px;
color: #fff;
font-weight: 300;
line-height: 18px;
}

.adr {
float: left;
margin: 0px 0 0 0;
padding: 3px 0 3px 40px;
font-size: 14px;
font-weight: 400;
color: #4B810A;
}
.adr span {
color: #54A743;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}
.phone {
float: left;
    margin: 0px 40px 0 0;
padding: 3px 0 3px 44px;
font-size: 12px;
font-weight: 400;
color: #D0B01F;
line-height: 22px;
	background-image: url(../i/icon_tel.png);
background-position: 0px 6px;
    background-repeat: no-repeat;
}
.phone span {
color: #FC9D0D;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}
.phone b {
color: #000;
font-size: 16px;
font-weight: 400;
}
.mail {
margin: 0px 40px 0 0;
float: left;
padding: 3px 0 3px 44px;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 22px;
	background-image: url(../i/icon_mail.png);
background-position: 0px 6px;
    background-repeat: no-repeat;
}
.mail span {
color: #FC9D0D;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}

.adres {
margin: 0px 40px 0 0;
float: left;
padding: 3px 0 3px 44px;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 22px;
	background-image: url(../i/icon_loc.png);
background-position: 0px 6px;
    background-repeat: no-repeat;
}
.adres span {
color: #FC9D0D;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}
.vopros
{
position: relative;
float: left;
border: 2px solid #FBCD00;
    color: #333;
    text-shadow: 1px 1px 1px #FFF3DE;
font-size: 12px;
display: inline-block;
width: 115px;
border-radius:16px;
padding: 8px 0 6px 0;
margin: 10px 4px 6px 4px;
background-clip: padding-box;
cursor: pointer;
text-decoration: none;
text-align: center;
font-weight: 300;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
background: -moz-linear-gradient(#FFF83C, #FFD106);
background: -ms-linear-gradient(#FFF83C, #FFD106);
background: -o-linear-gradient(#FFF83C, #FFD106);
background: -webkit-linear-gradient(#FFF83C, #FFD106);

		  -webkit-transition: all 1s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.vopros:hover
{
    color: #333;
    text-shadow: 1px 1px 1px #FFF3DE;
background: #FFD53C;
background: -moz-linear-gradient(#FFD53C, #FF9306);
background: -ms-linear-gradient(#FFD53C, #FF9306);
background: -o-linear-gradient(#FFD53C, #FFD53C);
background: -webkit-linear-gradient(#FFD53C, #FFD53C);
}

.vopros a
{
color: #fff;
}
.vopros a:visited
{
color: #fff;
}

.header
{
   position: relative;
   padding: 0px;
   height: 300px;
   background-color: #fff;
   background-image: url(../i/slider.jpg);
   	background-position: 0px 2px !important;
	background-repeat: no-repeat;
	margin: 38px auto;
	margin-bottom: 0px;
	padding-bottom: 2px;
	    border-bottom: 1px #00B215 solid;

}
.header_box
{
	position: relative;
	height: 300px;
	width: 1100px;
	padding: 0px 0 0 0;
	margin: 0 auto;
}

.header_line
{
position: relative;
top: 0px;

width: 100%;
    z-index: 1;
}

.topmenu_bg
{
	position: relative;
	top: 1px;
	padding: 0;
	height: 42px;
	background: #fff;

    background-repeat: repeat;
	border-bottom: 0px #B6CA79 solid;
	    box-shadow: 0px 0px 0px #333;
	-webkit-transform: skew(-0deg);
    -moz-transform: skew(-0deg);
    -o-transform: skew(-0deg);
    -ms-transform: skew(-0deg);
    transform: skew(-0deg);
	z-index: 10;
	width: 100%;
}

.topmenu_bg2
{
	position: relative;
	top: -58px;
	left: -2px;
	padding: 0;
	height: 42px;
	background: #fff;
	-webkit-transform: skew(-0deg);
    -moz-transform: skew(-0deg);
    -o-transform: skew(-0deg);
    -ms-transform: skew(-0deg);
	z-index: 1;
	width: 1206px;
}

.slider
{
position: relative;
    float: left;

}


.slogan
{
    position: relative;
    float: right;
    margin: 95px 0px 0 30px;
}

.slogan p
{

    padding: 3px 14px;
    color: #fff;
    width: 355px;
    font-size: 18px;
	border: 1px #fff solid;
}

.logo
{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	border: none;
}
.logo a
{
   border: none;
}
.icons_inner
{
	position: relative;
	float: left;
	width: 770px;
	margin: 80px 0px 30px 0px;
	padding: 10px 4px;
}

.icons
{
	position: relative;
	float: left;
	width: 1100px;
	margin: 80px 0px 30px 0px;
	padding: 10px 4px;
}
.blok_top_in
{
	position: relative;
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
	padding: 0px 4px;
	text-align: center;
}


.blok_top_in img
{
    position: relative!important;
    width: 160px!important;
    margin: -80px auto!important;
	float: none!important;
    border-radius: 50%;
    padding: 3px!important;
    border: 2px #00A833 solid!important;
    background-color: #FFFFFF!important;

	  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	-webkit-filter: contrast(140%);
}

.blok_top_in img:hover
{
    border: 2px #00A833 solid;
    background-color: #FFFFFF;
    -webkit-filter: contrast(100%);
}

.blok_top
{
	position: relative;
	float: left;
	width: 265px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px;
	text-align: center;
}

.blok_top img
{
    position: relative!important;
    width: 160px!important;
    margin: -80px auto!important;
	float: none!important;
    border-radius: 50%;
    padding: 3px;
    border: 2px #00A833 solid;
    background-color: #FFFFFF;

	  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	-webkit-filter: contrast(140%);
}

.blok_top img:hover
{
    border: 2px #00A833 solid;
    background-color: #FFFFFF;
    -webkit-filter: contrast(100%);
}

.blok_text_in
{
padding: 90px 14px 15px 14px;
    color: #2F2F33;
	height: 40px;
    border: 2px #00A833 solid;
    background-color: #fff;
    background: linear-gradient(180deg, #FFF, #ECF5ED);
}

.blok_text
{
padding: 90px 14px 15px 14px;
    color: #2F2F33;
	height: 130px;
    border: 2px #00A833 solid;
    background-color: #fff;
    background: linear-gradient(180deg, #FFF, #ECF5ED);
}

.blok_text p
{
    font-size: 15px;
    color: #333;
    font-weight: 400;
	padding: 0px 0px;
    box-shadow: none;
    background-color: transparent;
    line-height: 20px;
}

.more
{
    position: relative;
    top: -9px;
    background: -moz-linear-gradient(#FFF83C, #FFD106);
    background: -ms-linear-gradient(#FFF83C, #FFD106);
    background: -o-linear-gradient(#FFF83C, #FFD106);
    background: -webkit-linear-gradient(#FFF83C, #FFD106);
    padding: 6px 18px 6px 18px;
	color: #1F2119;
    text-shadow: 1px 1px 1px #FFF;
    display: inline;
    border-left: 2px #FBCD00 solid;
    border-bottom: 2px #FBCD00 solid;
    border-right: 2px #FBCD00 solid;
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.more:hover
{
    position: relative;
    top: -9px;
background: #FFD53C;
background: -moz-linear-gradient(#FFD53C, #FF9306);
background: -ms-linear-gradient(#FFD53C, #FF9306);
background: -o-linear-gradient(#FFD53C, #FFD53C);
background: -webkit-linear-gradient(#FFD53C, #FFD53C);
    padding: 6px 18px;
    color: #1F2119;
    display: inline;
    border-left: 2px #FBCD00 solid;
    border-bottom: 2px #FBCD00 solid;
    border-right: 2px #FBCD00 solid;
}

.more3
{
    position: relative;
    margin: 4px 0px 0px 0px;
    background: transparent;
    padding: 3px 12px 3px 12px;
    color: #6F6FAF;
    display: inline;
    border: 1px #6F6FAF solid;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 12px;
    font-weight: 400;
	    border-radius: 2px;
}

.more3:hover
{
    position: relative;
    margin: 4px 0px 0px 0px;
    background: #6F6FAF;
    padding: 3px 12px 3px 12px;
    color: #fff;
    display: inline;
    border: 1px #F6FAF solid;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s eas;
    font-size: 12px;
}

.blok_top2
{
	position: relative;
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px;
	text-align: center;
}
/*.blok_top2 img
{
    position: relative;
    width: 134px;
    margin: -70px auto;
    border-radius: 50%;
    padding: 2px;
    border: 3px #00A92C  solid;
    background-color: #FFFFFF;

	  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	-webkit-filter: contrast(140%);
}*/

.blok_top2 img
{
    position: relative;
    width: 134px;
    margin: -70px auto;
    border-radius: 50%;

	  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.blok_top2 img:hover
{
   /*border: 3px #57A243 solid;
    background-color: #FFFFFF;*/

}

.blok_text2
{
	padding: 70px 14px 15px 14px;
    color: #2F2F33;
	height: 68px;
	border: 2px #00A833 solid;
    background: linear-gradient(225deg, #FFF, #F2FBF5);
}

.more2
{
    position: relative;
    top: -9px;
    padding: 6px 18px;
    color: #333;
    display: inline;
    border: 1px #333 solid;
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
		      background: -moz-linear-gradient(#FFF83C, #FFD106);
    background: -ms-linear-gradient(#FFF83C, #FFD106);
    background: -o-linear-gradient(#FFF83C, #FFD106);
    background: -webkit-linear-gradient(#FFF83C, #FFD106);
}

.more2:hover
{
 background-color: #333;
 color: #fff;
}


.spisok
{
	list-style: none;
	padding: 2px 0px 2px 0px;
	width:  1000px;
	float: left;
}


.icon_comp
{
    position: relative;
    width: 465px;
	height: 130px;
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 10px 4px;
}

.icon_comp span
{
    position: absolute;
    top: 12px;
    left: 14px;
    width: 30px;
    height: 50px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #639C2E;
    font-size: 35px;
}

.icon_bg
{
    position: relative;
    float: left;
    padding: 0 0px 0px 0;
    margin: 0 10px 50px 0;
    width: 60px;
    height: 60px;
    background-color: #00930D;
    border-radius: 50%;
    border: 2px #FFF solid;
	background: -moz-linear-gradient(#ACDC3E, #00930D);
    background: -ms-linear-gradient(#ACDC3E, #00930D);
    background: -o-linear-gradient(#ACDC3E, #00930D);
    background: -webkit-linear-gradient(#ACDC3E, #00930D);

}

.left17
{
	position: absolute;
    left: 12px!important;
	top: 11px!important;

}
 .left14
{
	position: absolute;
    left: 16px!important;
	top: 14px!important;
}
.icon_comp img
{
	position: relative;
    float: left;
    width: 220px;
}

.txt
{
padding: 0px 4px 5px 4px;
color: #2F2F33;
text-align: left;
}

.txt p
{
line-height: 22px;
}

#fade_1 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
animation-duration: 1.5s;
}
#fade_2 {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
animation-duration: 1.5s;
}

#fade_3 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
animation-duration: 1.5s;
}
#fade_4 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
animation-duration: 1.5s;
}


.client
{
float: left;
 width: 1200px;
 margin: 10px 0px;
}

.client img
{
float: left;
padding: 0px;
  box-shadow: 1px 3px 9px #B6B6B6;
 margin: 10px 25px 15px 0px;
}

.client_all a
{
color: #0097DE;
border-bottom: 1px #0097DE dotted;
  font-size: 16px;
  font-weight: 500;
  float: right;
  margin-right: 100px;
}

.client_all a:hover
{
color: #000;
border-bottom: 1px #000 dotted;
}

.shadow {
	position: relative;
  width: 100%;
  height: 32px;
  background-image: url(../i/shadow.png);
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-color: #fff;
}



.top_name
{
	position: absolute;
top: 155px;
left: 405px;

}

.top_name p
{
color: #000;
font-size: 16px;
text-shadow: 0px 0px 1px #fff;
padding: 0px;
margin: 6px 0px;
font-weight: 700;
}



#topmenu
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 43px;
	font-size: 16px;
	float: left;
	z-index: 1;
	font-family: 'Aleksandracregular', sans-serif;
	list-style:none;
z-index: 999;
}



#topmenu > li
{
position:relative;
 color: #fff;
 float: left;
padding: 13px 10px 15px 10px;


}
#topmenu > li:hover
{

color:#000;

}

#topmenu > li:hover ul
{
display:block;
}

#topmenu > li:hover a
{
color:#000;
transition: 0.2s Ease;

}

#topmenu > li > a
{
    text-decoration: none;
    color: #777;

    display: block;
    cursor: pointer;

}
#topmenu > li > ul
{
display:none;
z-index:1;
padding: 0px 0px 0px 0px;
position:absolute;
list-style:none;
top: 44px;
left:0;
width:280px;
line-height: 32px;
font-size: 15px;
background-color: #f9f9f9;
border: 1px #E0E0E0 solid;
box-shadow: 1px 1px 8px #E0E0E0;
}
#topmenu > li > ul > li
{
padding: 0px 0px 0px 25px!important;
display: block;
cursor: pointer;
border-bottom: 1px rgba(0, 0, 0, 0.04) solid;
    background-position: 5px 10px;
    background-repeat: no-repeat;

}
#topmenu > li > ul > li:hover
{

display: block;
  cursor: pointer;
  background-color: #fff;

}
#topmenu > li > ul > li a
{
	color:#454545!important;
	text-shadow: none!important;
	display: block;
  cursor: pointer;
}
#topmenu > li > ul > li a:hover
{
	color:#000!important;
	text-shadow: 0px 0px 0px #222;
	display: block;
  cursor: pointer;
}
#topmenu > li > ul li a
{
text-decoration:none;
color:#454545;
text-shadow: 0px 0px 0px #222;
    border-bottom: none!important;

}
.box_top
{	position: relative;
	float: right;
	width: 400px;
	margin: 65px 40px 0px 0px;
	  background-color: #FFFFFF;
  background: -moz-radial-gradient(circle,#FF0000 0%,#FFFFFF 100%);
  background: -webkit-radial-gradient(circle,#FF0000 0%,#FFFFFF 100%);
  background: -o-radial-gradient(circle,#FF0000 0%,#FFFFFF 100%);
  background: -ms-radial-gradient(circle,#FF0000 0%,#FFFFFF 100%);
  background: radial-gradient(circle,#FF0000 0%,#FFFFFF 100%);
	}



.name_menu
{
    position: relative;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: 400;
    padding: 12px 0px;
    color: #fff;
	text-shadow: 1px 1px 1px #5F5F5F;
    text-align: center;
    background-color: #378A13;
	background-image: url(../i/header-bg3.png);
    background-repeat: repeat-x;
}

.left_box
{
	position: relative;
	float: left;
	width:284px;
	margin: 15px 0 5px 0;
   	min-height: 150px;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 0px 5px #E2E2E2;
}

.bg_left
{
	position: relative;
	margin: -55px 0px 0px 21px;
	border-radius: 4px;
	background-color: #f5f5f5;
	margin-bottom: 15px;
   	min-height: 390px;
	width:290px;
	box-shadow: 0px 0px 8px #c0c0c0;
	padding: 15px 0px 0px 0px;
	border: 1px solid #305399;
}

.menu
{
   position: relative;

}
#menu
{
	font-style: normal;
    font-weight: 600;
    z-index: 1;
    padding: 0px 0px 0px 0px;
    list-style: none;
    font-size: 16px;
	margin-bottom: 36px;
}
#menu > li
{
margin: 0px 0px 0px 0px;
padding: 8px 4px 8px 24px;
position:relative;
display: block;
cursor: pointer;
border-bottom: 1px rgba(0, 0, 0, 0.04) solid;
    background-image: url(../i/arrow_right2.png);
    background-position: 4px 9px !important;
    background-repeat: no-repeat
}
#menu > li:link
{
display: block;

}
#menu > li:hover
{
background-color: #5ABD2F;
transition: 0.2s Ease;
	background-image: url(../i/arrow_right.png);
}


#menu > li:hover ul
{
display:block;

}

#menu > li > a
{
display: block;
text-decoration:none;
color:#1F8800;
text-shadow: 1px 1px 1px #fff;
padding: 0px 0px 0px 0px;

}
#menu > li:hover a
{
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
color:#fff;
transition: 0.2s Ease;
}
#menu > li > ul
{
display:none;
z-index:1;
padding: 0px 0px 15px 20px;
position:absolute;
list-style:none;
left:0;
width:280px;
   color: #333;
   line-height: 40px;

	font-size: 15px;
}
#menu > li > ul > li
{
	padding:0 0 0px 0px;

}
#menu > li > ul > li a:hover
{
	color:#333399;
}
#menu > li > ul li a
{
text-decoration:none;
}




#menu2
{
	font-style: normal;
    font-weight: 400;
    z-index: 1;
    padding: 0px 0px 0px 0px;
    list-style: none;
    font-size: 14px;
	margin-bottom: 0px;
}
#menu2 > li
{
margin: 0px 0px 0px 15px;
padding: 4px 4px 4px 4px;
position:relative;
display: block;
cursor: pointer;
border-bottom: 1px rgba(0, 0, 0, 0.04) solid;
}
#menu2 > li:link
{
display: block;

}
#menu2 > li:hover
{

	transition: 0s Ease;
}


#menu2 > li:hover ul
{
display:block;

}

#menu2 > li > a
{
display: block;
text-decoration:none;
color:#fff;
padding: 0px 0px 0px 10px;

}
#menu2 > li:hover a
{

color:#FFD309;
transition: 0.2s Ease;
}
#menu2 > li > ul
{
display:none;
z-index:1;
padding: 0px 0px 15px 20px;
position:absolute;
list-style:none;
left:0;
width:280px;
   color: #333;
   line-height: 40px;

	font-size: 15px;
}
#menu2 > li > ul > li
{
	padding:0 0 0px 0px;

}
#menu2 > li > ul > li a:hover
{
	color:#333399;
}
#menu2 > li > ul li a
{
text-decoration:none;
}
.data
{
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	color:#D7FF98;
}

.news_box
{
	position: relative;
	margin: 43px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

.news
{
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	font-size: 14px;
	font-weight: 400;
	color:#fff;
}

.content
{

   position: relative;
   float: left;
	line-height: 22px;
	font-size: 15px;
	width: 100%;
	font-weight: 400;
	padding: 10px 15px 25px 0px;

}

.content p
{
	line-height: 22px !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	margin: 5px 0 14px 0px;
	color: #555;
}
.content span
{
	line-height: 22px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}
.content h1
{
  font-size: 26px!important;
  color: #333!important;
  font-weight: 600!important;
  margin: 0 0 0 0!important;
  padding: 0 0 0 0!important;
  text-decoration: none!important;

}

.content h2
{
	position: relative;
	font-size: 24px!important;
    color: #222!important;
    font-weight: 800!important;
    margin: 15px 0 15px 0px!important;
    padding: 0 0 0 0!important;
    text-decoration: none!important;

}

.content h4
{
font-size: 18px!important;
color: #FF7E00;
margin: 0px 0 0px 0;
padding: 0 0 0 0px;
}
 .content img
{

}


.content ul
{

padding: 2px 0px 2px 0px;
margin: 4px 0 0px 0;
}
.content li
{
	background-image: url(../i/arrow_right.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	list-style: none;
	padding: 2px 0px 2px 25px;
	color:#333;
}

 .info
{
 	position: relative;
    float: left;
 width: 770px;
 padding: 0 0 10px 0;

}

 .info_box
{
 	position: relative;
    float: left;
 width: 580px;
}
 .info h4
{
 font-size: 17px!important;
color: #fff;
margin: 4px 0 0px 0;
background-color: #6F6FAF;
border-radius: 4px;
padding: 6px 0px 6px 16px;
font-weight: 400;
background: -moz-linear-gradient(#A0A0DC, #6F6FAF);
background: -ms-linear-gradient(#A0A0DC, #6F6FAF);
background: -o-linear-gradient(#A0A0DC, #6F6FAF);
background: -webkit-linear-gradient(#A0A0DC, #6F6FAF);
}
 .info h4 span
{
 font-size: 18px!important;
color: #222;
margin: 0 4px 0px 0;
padding: 0px 0px 0px 0px;

}

 .info p
{
    line-height: 22px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #202092;
    margin: 5px 0 14px 0px;
	text-align: justify;
}

 .info img
{
	position: relative;
    float: left;
    padding: 2px;
	width: 160px;
    border: 2px #6F6FAF solid;
	margin: 4px 20px 0px 0px;
}
  .info img:hover
{
	position: relative;
	float: left;
    padding: 2px;
    border: 2px #000 solid;
}


.r_bar
{
	position: relative;
	width:  300px;
	float: right;
	min-height: 150px;
}

.r_bar p
{
	font-size: 14px;
	font-weight: 400;
	color:#555;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px #8AD944 solid;
}
.title_pr
{
	margin: 4px 0px 0px 0px;
	padding: 10px 0px 12px 90px;
	position:relative;
	font-size: 20px;
	font-weight: 400;
	color:#37A4A7;
}



.litr
{
    font-size: 23px;
    font-weight: 700;
    color: #FFE31F;
    text-shadow: 1px 1px 1px #262727;
    margin: 20px 0 40px 27px;
    float: left;
}
.litr span
{
    padding: 6px 26px;
    border-radius: 20px;
    background-color: #00A732;
	text-shadow: 1px 1px 1px #333;
    font-weight: 700;
    color: #FFFFFF;
	background-image: url(../i/icon_pr4.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



.wrapper {
	height: 100%;
    display: flex;
    flex-direction: column;
}
.main_content {
  flex: 1 0 auto;
  box-sizing: border-box;
  min-height: 100%;
  padding-bottom: 180px;
}

/* -------------------------------------FOOTER--------------------------------------------- */
.footer
{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	height: 180px;
	margin-top: -180px;
}

.footer_box
{
	position: relative;
	width: 1100px;
	height: 180px;
	margin: 0 auto;
	padding: 0px 0 5px 0;
	color: #333;
}

.footer .name
{
   color: #f0f0f0;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 0 30px;
 text-transform: uppercase;
}

.logo_footer
{
	position: relative;
	float: left;
	width: 500px;
	margin: 5px 30px 0px 10px;
	border-bottom: none;
}
.logo_footer a
{
	border-bottom: none;
}
.logo_footer p
{
  color: #333;
  font-weight: 300;
  line-height: 22px;
	padding: 0px 0px 0px 0px;
}

.footer_contact
{
  width: 520px;
  position: relative;
  float: left;
  margin: 20px 0px 0px 0px;
  color: #333;
  font-weight: 300;
  line-height: 22px;

}

.footer_contact p
{
padding: 0px 0px 0px 30px;

}

.footer_info
{
  width: 300px;
  position: relative;
  float: left;
  margin: 0px 10px 0px 0px;
  color: #000;
  font-weight: 300;
  line-height: 26px;

}

.Copyright
{
	position: relative;
	float: left;
	padding: 0px 0px 5px 10px;
	font-size: 11px;
	font-weight: 300;
	color: #868688;
}

.Copyright a
{
color: #868688;
border-bottom: none;
}
.Copyright2
{
	position: relative;
	float: right;
	padding: 0px 0px 5px 10px;
	font-size: 11px;
	font-weight: 300;
	color: #f0f0f0;
	border-bottom: none;
}

.Copyright2 a
{
color: #f0f0f0;
border-bottom: none;
}
.footer_adr {
float: left;
margin-right: 20px;
padding: 3px 0 3px 40px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.footer_adr span {
color: #C4CDDF;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}
.footer_phone {
float: left;
margin-right: 20px;
padding: 3px 0 3px 40px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.footer_phone span {
color: #C4CDDF;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}
.footer_mail {
margin-right: 20px;
float: left;
padding: 3px 0 3px 40px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.footer_mail span {
color: #C4CDDF;
border-bottom: 0px #ccc solid;
font-size: 14px;
font-weight: 400;
}