/*Pagination
-------------------------------------------------------------*/
#pagination a{ margin:5px;padding:18px; border: 0px #7a7a7 solid;font-size:1em;color:#555;
             dispaly:block;text-decoration:none;
             background:  url("../../images/4.jpg") 50% 50% no-repeat;} 
#pagination .paginact{ margin:5px;padding:18px; border: 0px #fad805 solid;font-size:1em;
                     dispaly:block;   color:#000;
                     background:  url("../../images/3.jpg") 50% 50% no-repeat;   }
#pagination .up{ margin:5px;padding:19px; border: 0px #fad805 solid;font-size:1em;
                     dispaly:block;   color:#000;
                     background:  url("../../images/buttonup.jpg") 50% 50% no-repeat;   }
#pagination {font-size:1em; position: relative; display:block; text-align:center;}


.home {margin:-5px 0 0 0;}
#wrapperhead img{margin:10px;}
#wrapper{margin:0 10px;}
.footin {width:350px;
       float:left;
       text-align:left;
       text-decoration:none;
       margin:30px 15px;}

#slide {height:1080px; width:100%;padding:0;position:relative;
	margin: 0 auto;color:#fff;  text-align:center;}
#slide2 {height:1080px; width:100%;padding:0;position:relative;
	margin: 0 auto;color:#fff;text-align:center;}

#product{height:1080px;width:100%;position:relative;
	margin: 0 auto;display:block;
         padding:0;background-position:50% 0;
         
                }
#product li a:hover{
 -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
  -moz-animation: neon2 1.5s ease-in-out infinite alternate;
  animation: neon2 1.5s ease-in-out infinite alternate;}


.body_slides{
    list-style:none;
    margin:0;
    padding:0;
    z-index:-2; 
    background:#000;}
.body_slides,
.body_slides:after{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;}
.body_slides:after { 
    content: '';
    background: transparent url(images/pattern.png) repeat top left;}
 
 
.body_slides li{
    width:100%;
    height908px;
    position:absolute;
    top:0;
    left:0;
    background-size:cover;
    background-repeat:none;
    opacity:0;
    -webkit-animation: anim_slides 12s linear infinite 0s;
    -moz-animation: anim_slides 12s linear infinite 0s;
    -o-animation: anim_slides 12s linear infinite 0s;
    -ms-animation: anim_slides 12s linear infinite 0s;
    animation: anim_slides 12s linear infinite 0s;
}
.body_slides li:nth-child(1){
background-image: url(images/662.jpg) 
}
.body_slides li:nth-child(2){
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
background-image: url(images/662.jpg) 
}
@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}

/* carousel
-------------------------------------------------------------------------*/
.carousel  {
   max-width: 1120px; /* ширина всего блока */
   margin:0 auto;
   width:100%; clear:both;
   }

.carousel-wrapper {
   margin: 0 30px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
   
                  }
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   padding: 15px; /* делаем оступы, чтобы элементы не сливались */
   
}
.carousel-block a{text-decoration:none;
}

.carousel-block img{
	display:block;
}

/* carusel buttons
-------------------------------------------------------------------------*/
.carousel-button-left a, .carousel-button-right a{
   width: 30px; 
   height: 36px; 
   position: relative;
   top: 140px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../images/.jpg); 
}
.carousel-button-right a{
   float: right;
   background: url(../images/.jpg); 
}

.carousel-button-left-clients a{
   float: left; 
   background: url(../images/.jpg); 
}
.carousel-button-right-clients a{
   float: right;
   background: url(../images/.jpg); 
}
.carousel-button-left-clients a, .carousel-button-right-clients a{
   width: 30px; 
   height: 36px; 
   position: relative;
   top: 30px; 
   cursor: pointer; 
   text-decoration:none;}

#backcall {margin:10px;border:0;font-size:0.9em;text-align:center;clear:both;}

input {
     
    height: 55px;
    background: none;
    margin-top: 25px;
    border: 1px solid #a91805;
    border-radius: 5px;
    text-align: center;
    color: #555;
    font-size: 1.4em;
}


 .zemSubmit {color: #fff; background: #a91805;padding:10px 10px;cursor:pointer;font-size:1.2em;}

#menublock {height:66px;min-width:1120px;text-align:center;
	margin: 0 auto;display:block;padding:0;font-size:1em; }
#menu
{
        width: 1120px;
        margin: 0 auto;
        padding:0;
        text-align:center;
        padding: 10px 0 0 0;
        list-style: none;
    
}

#menu li
{
        float:left;
        padding: 0;
        position: relative;
}

#menu a
{
        float: left;
        height: 25px;
        padding:10px 9px;
        color: #000;
        font-weight: 800;
       	text-shadow: 
		-0   -2px 1px #FFFFFF,
		 0   -2px 1px #FFFFFF,
		-0    2px 1px #FFFFFF,
		 0    2px 1px #FFFFFF,
		-2px -0   1px #FFFFFF,
		 2px -0   1px #FFFFFF,
		-2px  0   1px #FFFFFF,
		 2px  0   1px #FFFFFF,
		-1px -2px 1px #FFFFFF,
		 1px -2px 1px #FFFFFF,
		-1px  2px 1px #FFFFFF,
		 1px  2px 1px #FFFFFF,
		-2px -1px 1px #FFFFFF,
		 2px -1px 1px #FFFFFF,
		-2px  1px 1px #FFFFFF,
		 2px  1px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF;
        
         }
                
#menu a.activelink
{
        float: left;
        height: 25px;
        padding: 20px 12px;
        color: #000;
       font-weight: 800;
        }

#menu li:hover > a
{
        
}

*html #menu li a:hover /* IE6 */
{
        color: #000;
}

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

/* Подменю */

#menu ul
{  list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    
    border:0px solid #e22c8a;
    text-align:left;
    
}

#menu ul li
{   float: none;
    margin: 0;
    padding: 0;
    display: block;
  
}

#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#menu ul a:hover
{     color:firebrick;
      
    
}

#menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after
{   border: 1px solid red;
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#menu:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

*:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
}

.arcticmodal-container_i2 {
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}

.arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url('../img/loading.gif') no-repeat 50% 50%;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

div.jGrowl{z-index:9999;color:#fff;font-size:12px;}
div.ie6{position:absolute;}
div.ie6.top-right{right:auto;bottom:auto;left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');}
div.ie6.top-left{left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');}
div.ie6.bottom-right{left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');}
div.ie6.bottom-left{left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');}
div.ie6.center{left:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');width:100%;}
div.jGrowl{position:absolute;}
body > div.jGrowl{position:fixed;}
div.jGrowl.top-left{left:0px;top:0px;}
div.jGrowl.top-right{right:0px;top:0px;}
div.jGrowl.bottom-left{left:0px;bottom:0px;}
div.jGrowl.bottom-right{right:0px;bottom:0px;}
div.jGrowl.center{top:0px;width:50%;left:25%;}
div.center div.jGrowl-notification, div.center div.jGrowl-closer{margin-left:auto;margin-right:auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer{background-color:#000;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom:1;width:235px;padding:10px;margin-top:5px;margin-bottom:5px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.jGrowl div.jGrowl-notification{min-height:40px;}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer{margin:10px;}
div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:bold;font-size:.85em;}
div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:bold;font-size:1em;cursor:pointer;}
div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:bold;text-align:center;}
@media print{div.jGrowl{display:none;}
}
div.jGrowl div.errors{background-color:#d02c36;color:#f8f8f8;}
div.jGrowl div.errors div.jGrowl-header{padding-bottom:5px;color:#000;}
div.jGrowl div.infos{background-color:#1a1a1a;color:#eeeeee;}
div.jGrowl div.infos div.jGrowl-header{padding-bottom:5px;color:yellow;}
div.jGrowl div.okays{background-color:#b3e54e;color:#292929;}
div.jGrowl div.okays div.jGrowl-header{padding-bottom:5px;color:#de2e3a;}




body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figcaption,
figure {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img,
abbr {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: 0;
}
legend {
  color: #000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
 }

@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
}

/*=================
  Base layout
====================*/
html,
body {
  height: 100%;
}
body {
  width: 100%;
  min-width:1120px;
  font-size: 1.1em;
  background-color: #fff;
  color: #000;
  font-family: 'Open Sans', sans-serif;
}
.wrapper {
  max-width: 1120px;
  position: relative;
  margin: 0 auto;
  height: 100%;
  padding: 0 0 20px 0;
  
}
 
.wrapperhead {
  position: relative;
  margin: 0 auto;
  padding: 10px;
  background: url(../../../images/453.jpg) 50% 0 no-repeat;
}

/*=================
  Basic elements
====================*/
a {
  text-decoration: none;
}

.main-btn.orange{
  margin-top: 20px;
  background: url(../images/grid2-bg.jpg) 0 0 repeat;
  box-shadow: 0 4px 0 #be5000;
 }
.main-btn:hover{
  //background-position: 0 50px;
  top: 3px;

  transition:all .15s ease-in;

}
.main-btn{
  top: 0;
  position: relative;
  transition:all .15s ease-out;
 
  width: 366px;
  margin: 0 auto;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  background: url(../images/grid-bg.jpg) 0 0 repeat;
  box-shadow: 0 4px 0 #337505;
  height: 81px;
  line-height: 81px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.main-btn a{color:#fff;}
.phone-btn:hover{
  top: 3px;

  transition:all .15s ease-in;
}
.phone-btn{
  top: 0;
  position: relative;
  transition:all .15s ease-out;
  background: url(../images/grid-bg.jpg) 0 0 repeat;
  
  display: block;
  height: 50px;
  border-radius: 3px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.phone-btn a{color: #fff;}

.main-header{
/*  background: url(../../images/662.jpg) center top no-repeat; */
padding-top: 00px;
min-height: 908px;
}
.article-header{
  background: url(../../images/469.jpg) center top no-repeat;
padding-top: 0px;
min-height: 351px;
}

.foot-block a{color:#fff;text-decoration:underline;} 

.top-block:after{
  content: '';
  display: block;
  clear: both;
}
.info-block{
  position: relative;
  z-index: 10;
  background: url(../images/454.png) 50% 65% no-repeat #F2F2F2;
  clear:both;
  }

.top-l{
  margin-top: 30px;
  float: left;
  
}
.top-c{
  margin-top: 30px;
  float: left;
  
}

.top-r{
  float: right;
  background: url(../images/455.png) 15% 35% no-repeat;
}

.top-l-info{
  margin-top: 40px;
  float: left;
  width:300px;

  
}
.top-r-info{
  float: right;
  width:300px;
  margin-top: 40px;

}

.top-r a{
  display:block;
  margin: 12px 0 0 0;
  font-size: 18px;
  color: #000;
  font-weight:800;
  text-shadow: 
		-0   -2px 1px #FFFFFF,
		 0   -2px 1px #FFFFFF,
		-0    2px 1px #FFFFFF,
		 0    2px 1px #FFFFFF,
		-2px -0   1px #FFFFFF,
		 2px -0   1px #FFFFFF,
		-2px  0   1px #FFFFFF,
		 2px  0   1px #FFFFFF,
		-1px -2px 1px #FFFFFF,
		 1px -2px 1px #FFFFFF,
		-1px  2px 1px #FFFFFF,
		 1px  2px 1px #FFFFFF,
		-2px -1px 1px #FFFFFF,
		 2px -1px 1px #FFFFFF,
		-2px  1px 1px #FFFFFF,
		 2px  1px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF,
		-2px -2px 1px #FFFFFF,
		 2px -2px 1px #FFFFFF,
		-2px  2px 1px #FFFFFF,
		 2px  2px 1px #FFFFFF;
}
h1 span{
  color: #fff;
}
h1{
  font-family: 'Open Sans', sans-serif;
  color: #000;
  text-align: center;
  font-size: 52px;
margin: 60px auto;
}
.subtitle{
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}
.second-block{
  text-align: center;
  padding-top: 60px;
  min-height: 172px;
  margin-top: -30px;
  background: url(../images/green-bg.png) center top no-repeat;
}
.feats-item:nth-of-type(2){
  margin: 0 10%;
}
.feats-item{
  display: inline-block;
  vertical-align: top;
}
.feats-item:nth-of-type(1) .feats-icon{

  background: url(../images/sprite.png) no-repeat 0 0;
  width: 50px;
  height: 50px;
}

.feats-item:nth-of-type(2) .feats-icon{
  background: url(../images/sprite.png) no-repeat -70px 0;
  width: 46px;
  height: 52px;
}

.feats-item:nth-of-type(3) .feats-icon{
  background: url(../images/sprite.png) no-repeat -136px 0;
  width: 44px;
  height: 50px;
}

.feats-icon{
  display: inline-block;

}
.feats-item p{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
}
.blk-title:before{
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  margin: auto;
  right: 0;
  width: 0px;
  height: 0px;
}
.blk-title{
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 35px;
  padding-top:35px;
  position: relative;
}
.blk-title-white{
  font-family: 'Open Sans', sans-serif;
  color:#fff;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 35px;
  padding-top:35px;
  position: relative;
}

.prod-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.prod-wrap{
  margin-bottom: 20px;
  margin-top: 90px;
}
.prod-item:nth-of-type(2n){
  margin-right: 40px;
}
.prod-item:before{
  content: '';
  display: block;
  position: absolute;
    top: 30px;
    left: 45px;
    border: 20px solid #ff6c00;
    width: 90%;
    height: 90%;
}
.prod-item{
  position: relative;
  float: left;
  width: 43.5%;
  margin-right: 80px;
  margin-bottom: 80px;

}
.prod-item img{
  width: 100%;
  position: relative;
  z-index: 10;
  display: block;
}
.prod-body{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 195px;
  text-align: center;
  z-index: 15;
  right: 0;
  background-color: rgba(25, 162, 32, 0.8);
}
.prod-item p{
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
}
.prod-item:nth-of-type(1) p,
.prod-item:nth-of-type(2) p{
  margin: 40px 0 30px;
}
.prod-item:nth-of-type(4) p{
  margin-top: 52px;
}

.prod-item:nth-of-type(3) p{
  margin-top: 70px;
}

.prod-item span{
  display: block;
  margin-top: 30px;
  color: #fff;
}


.universal-block{
  position: relative;
  z-index: 10;
  clear:both;
  }

.teacher-block{
  min-height: 689px;
  position: relative;
  z-index: 10;
  background: url(../images/420.jpg) top center repeat-y;
  }

.foot-block{
  position: relative;
  z-index: 10;
  clear:both;
   min-height: 362px;
 background: url(../images/419.jpg) top center repeat-y;
  }

.white-title{
  font-family: 'Open Sans', sans-serif;
  padding-top: 95px;
  text-align: center;
  text-transform: uppercase;
  font-size: 60px;
  color: #fff;
  margin-bottom: 45px;
}
.text-wrap{
  font-size: 24px;
  text-align: justify;
  color: #fff;
  width: 80%;
  line-height: 1.5;
  margin: 0 auto;
}
.vars-block .wrapper:before{
  content: '';
  display: table;
}
.vars-block:after{
  content: '';
  display: block;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  background-color: #F2F2F2;
  width: 100%;
  height: 35px;
}
.vars-block:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #F2F2F2;
  width: 100%;
  height: 110px;
}

.vars-block{
  position: relative;
  background-color: #F2F2F2;
}
.vars-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.vars-wrap{
  margin-top: 105px;
}
.vars-item img{
  width: 100%;
}
.vars-item:last-child{
  background-color: #01def8;
  height: 235.7px;
}
.vars-item{
  text-align: center;
  float: left;
  width: 32%;
  margin-right: 1%;
  margin-bottom: 15px;
}
.vars-item p{
  padding: 25px 0;

}
.var-link:hover{
  transition:all .15s ease-in;
  background-color: #fff;
  color: #01def8;
}
.var-link{
  transition:all .15s ease-out;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 240px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
}
.var-link a{color:#fff;
}
.var-link a:hover{color:#01def8;
}
.vars-item span{
  color: #fff;
  display: block;
  text-align: center;
  margin: 30px auto 25px;
  width: 90%;
}
.third-block.second{
  margin-top: 50px;
  min-height: 597px;
  background-image: url(../images/green-bg2.png);
}
.blk-title span{
  position: absolute;
  font-size: 260px;
  color: #ff6c00;
    top: -45px;
    left: -160px;
}
.blk-title.second:before{
  right: auto;
  left: -120px;
}
.blk-title.second{
  text-align: left;
  margin-left: 310px;

}
.blk-title.second.third:before{
  left: -95px;
    top: -65px;
}
.blk-title.second.third span{
  font-size: 160px;
  top: -22px;
    left: -105px;
}
.blk-title.second.third{
  margin-left: 480px;
  margin-top: 150px;
}
.use-wrap{
  margin-top: 70px;
  margin-bottom: 100px;
}
.use-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.use-item p{
  text-align: justify;
}
.use-item strong{
  font-size: 24px;
  height: 80px;
  font-family: 'Open Sans', sans-serif;
  display: block;
  text-transform: uppercase;
}
.use-item{
  float: left;
  text-align: center;
  width: 30.3%;
  margin-right: 3%;
}
.use-icon{
  margin-bottom: 35px;
}
.partners-block:before{
  content: '';
  display: block;
  position: absolute;
  top: -33px;
  left:0;
  right: 0;
  margin: auto;
  background: url('../images/bg1.png') no-repeat center top;
  width:100%;
  height: 33px
}

.partners-block:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -33px;
  left:0;
  right: 0;
  margin: auto;
  background: url('../images/bg2.png') no-repeat center top;
  width:100%;
  height: 33px
}

.partners-block{
  background-color: #F2F2F2;
  padding: 1px 0 105px;
  position: relative;
  text-align: left;
  }
.partners-block li{margin: 5px 0 5px 45px;list-style: square};

.partners-icon-item{
  float: left;
  width: 25%;
  height: 120px;
  position: relative;
}
.partners-icon img{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.partners-icon:after {
  content: '';
  display: block;
  clear: both;
}
.partners-icon{
  width: 93%;
  margin: 35px auto 0;
}
.diploma-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.diploma-wrap{

margin-top: 45px;
margin-bottom: 85px;
}
.diploma-item{
  float: left;
  text-align: center;
  width: 33%;
}
.diploma-item img{
 box-shadow: 20px 20px 25px #ccc;
}
.diploma-item a{
 display: inline-block;
 margin-bottom: 30px;
}
.diploma-item p{
  text-transform: uppercase;
  text-align: center;
}
.five-block{
    min-height: 464px;
    position: relative;
    z-index: 2;
  background-image: url(../images/green-bg3.png);
}
.five-block .text-wrap{
  width: 74%;
}
.second-block.orange:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -49px;
  left:0;
  right: 0;
  margin: auto;
  background: url('../images/bg3.png') no-repeat center top;
  width:100%;
  height: 49px
}
.second-block.orange .feats-item:nth-of-type(2){
  margin: 0 9%;
}
.second-block.orange .white-title{
  padding-top: 25px;
}
.second-block.orange{
  background: #ff6c00;
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
}

  .second-block.orange .feats-item:nth-of-type(1) .feats-icon{

  background: url(../images/420.jpg) no-repeat;

}

.second-block.orange .feats-item:nth-of-type(2) .feats-icon{
  background: url(../images/sprite.png) no-repeat -66px -62px;
  width: 50px;
  height: 50px;
}

.second-block.orange .feats-item:nth-of-type(3) .feats-icon{
  background: url(../images/sprite.png) no-repeat -157px -59px;
  width: 35px;
  height: 41px;
}
.brick-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.brick-wrap{
  margin: 75px 0;
}
.brick-wrap img{
  float: left;
  max-width: 50%;
  margin-left: 5%;
}
.brick-wrap p{
  float: right;
  width: 39%;
  margin-top: 85px;
  line-height: 2;
  margin-right: 5%;
}
.third-block.second.third .white-title{
  padding-top: 160px;
  margin-bottom: 15px;
}
.third-block.second.first .white-title{
  padding-top: 85px;
  margin-bottom: 50px;
}
.third-block.second.third .text-wrap{
  text-align: center;
  margin-bottom: 80px;
}
.main-footer .top-l span{
   display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-top: 5px;
  color: #000;
}
.main-footer{
  padding: 35px 0 40px;
}
.main-footer .top-r p{
  color: #000;
}
.main-footer .top-l strong{
  margin-top: 10px;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #000;
}
.how-block{
  background-color: #f2f2f2;
  position: relative;
  padding-top: 1px;
}
.how-block:before{
  content: '';
  display: block;
  position: absolute;
  top: -33px;
  left:0;
  right: 0;
  margin: auto;
  background: url('../images/bg1.png') no-repeat center top;
  width:100%;
  height: 33px
}
.how-block:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -90px;
  left:0;
  right: 0;
  margin: auto;
  background-color: #f2f2f2;
  width:100%;
  height: 90px
}
.how-wrap:after{
  content: '';
  display: block;
  clear: both;
}
.how-wrap{
  margin: 75px 0 50px;
}
.how-icon{
  position: relative;
  margin-bottom: 15px;
}
.how-item:last-child:before{
  display: none;
}
.how-item:before{
  content: '';
  display: block;
  position: absolute;
     top: 110px;
    right: -12px;
  background: url('../images/sprite.png') no-repeat -366px -81px;
  width: 19px;
  height: 38px;
}
.how-item{
  float: left;
  position: relative;
  width: 20%;
  text-align: center;
}
.how-item:nth-of-type(1) .how-icon:before{
  background: url(../images/sprite.png) no-repeat -278px -2px;
  width: 44px;
  height: 50px;
}

.how-item:nth-of-type(2) .how-icon:before{
  background: url(../images/sprite.png) no-repeat -335px -9px;
  width: 50px;
  height: 50px;
}

.how-item:nth-of-type(3) .how-icon:before{
  background: url(../images/sprite.png) no-repeat -285px -75px;
  width: 50px;
  height: 50px;
}

.how-item:nth-of-type(4) .how-icon:before{
  background: url(../images/sprite.png) no-repeat -222px -82px;
  width: 42px;
  height: 36px;
  top: 115px;
}

.how-item:nth-of-type(5) .how-icon:before{
  background: url(../images/sprite.png) no-repeat -407px -9px;
  width: 48px;
  height: 50px;
  top: 105px;
}

.how-icon:before{
  content: '';
  display: block;
  position: absolute;
  top: 107px;
  right: 0;
  margin: auto;
  left: 8px;
}
.how-item:nth-of-type(2) .how-icon:after{
  content: '2';
}

.how-item:nth-of-type(3) .how-icon:after{
  content: '3';
}

.how-item:nth-of-type(4) .how-icon:after{
  content: '4';
}

.how-item:nth-of-type(5) .how-icon:after{
  content: '5';
}

.how-icon:after{
  content: '1';
  display: block;
  position: absolute;
    left: -88px;
    margin: auto;
    right: 0;
    top: 32px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  height: 15px;
  width: 15px;
  text-align: center;
  line-height: 15px;
}

.main-form .main-btn{
  width: 100%;
}
.main-form {
  background-color: #fff;
  width: 410px;
  border-radius: 3px;
  padding: 50px 30px 60px;
}
.main-form-title span{
  color: #009C0A;
}
.main-form-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.main-form-wrap:nth-child(4) {
  margin: 10px 0;
}
.main-form label {
  color: #272626;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.main-form-input-text {
  width: 96%;
  padding: 0 2%;
  height: 55px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  text-align: center;
  font-size: 30px;
  margin-bottom: 18px;
  color: #181818;
}
.main-form-input-text::-webkit-input-placeholder {
  color: #dfdfdf;
}
.main-form-input-text::-moz-placeholder {
  color: #dfdfdf;
}
.main-form-input-text:-moz-placeholder {
  color: #dfdfdf;
}
.main-form-input-text:-ms-input-placeholder {
  color: #dfdfdf;
}
.main-form-input-tel {
  width: 96%;
  padding: 0 2%;
  height: 55px;
  border-radius: 5px;
  border: 1px solid #bebebe;
  text-align: center;
  font-size: 30px;
  margin-bottom: 35px;
  color: #181818;
}
.main-form-input-tel::-webkit-input-placeholder {
  color: #dfdfdf;
}
.main-form-input-tel::-moz-placeholder {
  color: #dfdfdf;
}
.main-form-input-tel:-moz-placeholder {
  color: #dfdfdf;
}
.main-form-input-tel:-ms-input-placeholder {
  color: #dfdfdf;
}
#map{
 height: 800px;
 width: 100%;
}
.main-form-input-tel.error,
.main-form-input-text.error{
  border-color: #f00;
}
label.error{
  display: none;
}
.form-result2,
.form-result1{
  padding: 100px;
}