body {
	margin:0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 15px;
   color: #474747;
    font-family: 'Exo 2';
    font-weight: 300;
   /*-ms-overflow-style: scrollbar;*/
}


html, body {
  height: 100%;
}


/*common*/
body.modal-open {
    overflow: hidden;
}


@font-face {
   font-display: auto;    
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Bold.woff2') format('woff2'),
        url('fonts/PTSans-Bold.woff') format('woff'),
        url('fonts/PTSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}


@font-face {
   font-display: auto;    
    font-family: 'Exo 2';
    src: url('fonts/Exo2-Light.woff2') format('woff2'),
        url('fonts/Exo2-Light.woff') format('woff'),
        url('fonts/Exo2-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: auto;         
    src: url('fonts/Exo2-Bold.woff2') format('woff2'),
        url('fonts/Exo2-Bold.woff') format('woff'),
        url('fonts/Exo2-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



p {
	margin: 0px 0px 20px 0px;
   padding: 0px;
   font-size: 15px;
   color: #404040;
}


strong {
  font-family: 'Roboto';
  font-weight: 700;
}


a {
	font-size: 15px;
   color: #446e40; /*#4196aa */
   outline: 0 !important; 
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;      
 }


 a:hover,  a:focus {
   color: #446e40; /*#6cbfd2*/
   text-decoration: none;  
 }
 


h1 {
  font-family: 'PT Sans';
  font-weight: bold;
  padding: 	0px 10px 0px 10px;
  font-size: 47px;
  text-align: center;
  color:  #ffffff;
  text-transform: uppercase;
}



h2 {
  font-family: 'PT Sans';
  font-weight: bold;
  padding: 0px 0px 45px 0px;
  margin: 0 0 115px 0;
  font-size: 36px;
  color:  #1e3624;
  text-align: center;  
  text-transform: uppercase;
  background-image: url(images/header_bcg.png);
  background-repeat: no-repeat;
  background-position: bottom;
}


h3 {
  font-family: 'PT Sans';
  font-weight: bold;
  padding: 0px 0px 30px 0px;
  margin: 0;
  font-size: 26px;
  color:  #1e3624;  
}

h4 {
  padding: 0px 0px 30px 0px;
  margin: 0;
  font-size: 20px;
  color: #272727;
  font-weight: 700;
  text-align: center;
}




div.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0;
}




/*----------block-1-------*/

div.block-1 {
	background-color: #385c4f;
	background-image:  url(images/b1_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/*max-height: 1080px;*/
   height: 100%;
   background-attachment: fixed;
}

img.logo {
   width: 100%;
   max-width: 153px;
	margin: 22px 0 0 20px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 	
}


div.tels {
  margin: 40px 0 0 0;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
}

div.wrktime {
	margin: 40px 0 0 0;
	color: white;
	line-height: normal;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 	
}

.tels a {
	color: white;
	display: block;
	font-size: 16px;
	line-height: normal;
}

.tels a:hover { 
   opacity: 0.8;
}


a.mail { 
  color: #91c38d;
}

a.mail:hover {
	color: #b7e3b4;
}

a.menu-btn {
	display: block;
	margin: 45px auto 0 auto;
	width: 47px;
	height: 33px;
	border: 1px solid #8fad98;
	padding: 7px 5px 5px 5px;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 	
}

.toggler-icon {
   background-color: white;
   height: 3px;	
   margin: 0 0 4px 0;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;    
}

a.menu-btn:hover {
   background-color: #1e443d;
   	/*border: 1px solid #1e443d;   */
}


a.menu-btn:hover .toggler-icon {
   margin: 0px 0 4px 0;    
   width:  auto;
   /*transform: rotate(90deg);*/
   transform: scaleX(1.5);
}

.b1-header {
   background-image: url(images/green_dot.png);
   position: absolute;
   padding: 10px;
   left: 50%;
   bottom: 50%;
   margin-left: -400px;
   width: 800px;
   height: 200px;
   margin-bottom: -70px;

}

.b1-header-holder {
	border: 1px solid #315232;
   padding: 30px 0 30px 0;
   text-align: center;
}

.lang-holder {
	position: absolute;
	flex-direction: column;
    color: white;
    left: 0px;
    top: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;         
}

.lang-top {
	top: 7px;
}

.lang-holder a { 
  color: #91c38d;
  display: inline-block;
  margin-right: 0px;
}

.lang-holder a:hover { 
	color: #b7e3b4;
}

@-webkit-keyframes sites-moveconst {
   0% {
        transform: rotate(0deg) translate(0px,0px);
    }

    
   50% {
       transform: rotate(-1deg) translate(0px,10px);
        
    }
    

    100% {
        transform: rotate(0deg) translate(0px,0px);
    }
}


a.b1-arrow {
   animation: sites-moveconst 1s infinite ease-in-out;
   display: block;
   background-image: url(images/arrow.svg);
   background-repeat: no-repeat;
   background-position: center;
   width: 31px;
   height: 17px;
   position: absolute;
   left: 50%;
   bottom: 2%;
   margin-left: -17px;
   
}


a.b1-arrow:hover, a.b1-arrow:focus  {
  text-decoration: none;
}


@media (max-width: 991px) {

h1 {
   font-size: 36px;	
}

.b1-header {
   background-image: url(images/green_dot.png);
   position: absolute;
   padding: 10px;
   left: 50%;
   bottom: 50%;
   width: 630px;
   margin-left: -317px;   
   height: 175px;
   margin-bottom: -60px;

}

div.tels {
  text-align: center;
}


.tels a {
   text-align: center;
}
}


@media (max-width: 767px) {

div.block-1 {
	background-image: url(images/b1_mob.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	/*max-height: 950px;*/
	background-size: cover;
   height: 100%;
   /*background-attachment: fixed;*/
}

div.tels {
  margin: 31px 0 0 0;
}

div.wrktime {
   font-size: 11px;
   margin: 26px 0 0 0;   
}


a.mail { 
  color: #91c38d;
  font-size: 12px;
}

.tels a {
	color: white;
	display: block;
	font-size: 14px;
	line-height: normal;
}




a.menu-btn {
	margin: 33px auto 0 auto;
}
 


.b1-header {
   background-image: url(images/green_dot.png);
   position: absolute;
   padding: 10px;
   left: 50%;
   bottom: 50%;
   width: 90%;
   margin-left: -45%;   
   height: 155px;
   margin-bottom: -60px;

}

h1 {
   font-size: 30px;	
}


.b1-header-holder {
	border: 1px solid #315232;
   padding: 30px 0 30px 0;
   text-align: center;
   height: 100%;
}


.lang-holder {
	position: absolute;
   flex-direction: column;
   color: white;
   left: 8px;
   top: 24px;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;         
}

.lang-top {
	top: 7px;
}
.tp-fixed div.tels {
   margin: 37px 0 0 0;
 }

}





@media (max-width: 575px) {
 img.logo {
   width: 100%;
   max-width: 72px;
	margin: 33px 0 0 0px;
}
 
 .b1-colman-1 {
 	  text-align: center;
 	  padding-right: 0px;
 }
 
 
 
  .b1-colman {
    padding-left: 0px;
    padding-right: 0px;
 }
 
  
 .b1-colman-2 {
 	 display: none;
 }
 
 .tp-fixed div.tels {
   margin: 37px 0 0 0;
 }
 
 div.tels {
  margin: 37px 0 0 0;
}

 
 .tels a {
	font-size: 13px;
}


a.menu-btn {
	margin: 33px auto 0 auto;
}




.b1-header {
   background-image: url(images/green_dot.png);
   position: absolute;
   padding: 10px;
   left: 50%;
   bottom: 50%;
   width: 90%;
   margin-left: -45%;   
   height: 155px;
   margin-bottom: -77px;

}

h1 {
   font-size: 30px;	
}


.b1-header-holder {
	border: 1px solid #315232;
   padding: 34px 0 20px 0;
   text-align: center;
   height: 100%;
}


h1 {
   font-size: 26px;	
}

a.b1-arrow {
 bottom: 5%;
}

}



@media (max-width: 483px) {

.b1-header-holder {
   padding: 20px 0 20px 0;
}
}



/*----------block-2-------*/

div.block-2 {
	background-image: url(images/b2_bcg_2.png), url(images/b2_bcg1.png);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom center, center;
	padding: 100px 0 100px 0;
}


.b2-topline {  
   background-color: #446e40;
   width: 264px;
   height: 4px;
   margin-bottom: 1px;
}

.b2-botline {  
   background-color: #446e40;
   width: 264px;
   height: 4px;
   margin: 1px 0 100px auto;
}



.b2-img {
	width: 100%;
	max-width: 556px;
}

.b2-colman-left {
	padding-left: 0px;
}

.b2-colman-right {
	padding-right: 0px;
}

.b2-texthold {
   background-color: #f2f2f2;	
   padding: 90px 90px 80px 90px;
	height: 447px;

}


.b2-picholder {
	background-image: url(images/b2_pic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 447px;
}

.b2-icon-text {
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	padding: 50px 25px 5px 25px;
	margin: 0 0 110px 0;
	line-height: normal;
}

.b2-i1 {background-image: url(images/b2_i1.svg);}
.b2-i2 {background-image: url(images/b2_i2.svg);}
.b2-i3 {background-image: url(images/b2_i3.svg);}
.b2-i4 {background-image: url(images/b2_i4.svg);}


.b2-realize {
	background-color: #1e3624;
	color: white;
  font-family: 'PT Sans';
  font-weight: bold;
  font-size: 21px;
  text-align: center;
  width: 460px;	
  margin: 0 auto;
  padding: 20px;
  text-transform: uppercase;
}



@media (max-width: 1199px) {

.b2-texthold {
   background-color: #f2f2f2;	
   padding: 80px 80px 80px 80px;
	height: 447px;

}
}


@media (max-width: 991px) {

.b2-texthold {
   background-color: #f2f2f2;	
   padding: 50px 50px 50px 50px;
	height: 447px;
}

.b2-icon-text {
	padding: 50px 5px 5px 5px;
}
}



@media (max-width: 767px) {

.b2-colman-left {
	padding-left: 15px;
}

.b2-colman-right {
	padding-right: 15px;
}


.b2-texthold {
   background-color: #f2f2f2;	
   padding: 30px 30px 20px 30px;
	height: auto;
}


.b2-picholder {
	height: 350px;
}

.b2-botline {  
   margin: 1px 0 50px auto;
}



.b2-realize {
  width: 100%;	
  font-size: 14px;
}



.b2-topline {  
   width: 50%;
}

.b2-botline {  
   width: 50%;
}


div.block-2 {
   background-size: 720px, auto;
	padding: 50px 0 50px 0;   
}


h2 {
  padding: 0px 0px 25px 0px;
  margin: 0 0 60px 0;
  font-size: 30px;
}

h3 {
	font-size: 24px;
}


.b2-icon-text {
	margin: 0 0 50px 0;
	font-size: 13px;
}
}


/*----------block-3-------*/

div.block-3 {
	background-image: url(images/b3_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 160px 0 70px 0;
   background-attachment: fixed;
   background-size: cover;

}

.b3-texthold {
	background-color: #274630;
	padding: 59px 52px 58px 52px;
}


.b3-picholder {
	background-image: url(images/b3_pic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 587px;
}

.b3-texthold h3 {
   color: #cdf0d6;
}

.b3-texthold p {
	color: white;
}

.b3-texthold ul  {
  padding-left: 0px;
  list-style-type: none;

}

.b3-texthold ul li {
	color: white;
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	line-height: normal;
	margin-bottom: 7px;
	font-size: 15px;
}



.b3-colman-left {
	padding-left: 0px;
}

.b3-colman-right {
	padding-right: 0px;
}

@media (max-width: 1199px) {


div.block-3 {
	padding: 120px 0 40px 0;
}

.b3-texthold {
	padding: 30px 52px 29px 52px;
}
}


@media (max-width: 992px) {

div.block-3 {
	padding: 120px 0 40px 0;
}

.b3-picholder {
   background-size: cover;
   height: 623px;
}

.b3-texthold {
	padding: 30px 32px 29px 32px;
}
}

@media (max-width: 767px) {

div.block-3 {
	background-image: url(images/b3_bcg_mob.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 120px 0 40px 0;
}


.b3-colman-left {
	padding-left: 15px;
}

.b3-colman-right {
	padding-right: 15px;
}


.b3-picholder {
   background-size: cover;
   height: 350px;
}


.b3-texthold {
   padding: 30px 30px 20px 30px;
	height: auto;
}

}




/*----------block-4-------*/

div.block-4 {
	padding: 140px 0 50px 0;
	background-image: url(images/b4_bcg.png);
	background-repeat: no-repeat;
	background-position: top center;
	
}


.b4-colman-left {
	padding-left: 0px;
}

.b4-colman-right {
	padding-right: 0px;
}

.b4-texthold {
   background-color: #f2f2f2;	
   padding: 50px 90px 80px 90px;
	height: 447px;

}


.b4-picholder {
	background-image: url(images/b4_pic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 447px;
}



.b4-texthold ul  {
  padding-left: 0px;
  list-style-type: none;

}

.b4-texthold ul li {
	background-image: url(images/check.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	line-height: normal;
	margin-bottom: 7px;
	font-size: 15px;
}


@media (max-width: 1199px) {

.b4-texthold {
   padding: 50px 50px 40px 50px;

}

}



@media (max-width: 992px) {

.b4-texthold {
   padding: 40px 50px 40px 50px;
   height: 557px;
}


.b4-picholder {
	background-image: url(images/b4_pic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 557px;
}

}




@media (max-width: 767px) {

.b4-texthold {
   padding: 30px 30px 20px 30px;
   height: auto;
}


.b4-picholder {
	background-image: url(images/b4_pic.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 350px;
}

}





/*----------block-5-------*/

div.block-5 {
	padding: 100px 0 100px 0;
	background-image: url(images/b5_bcg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
   background-color: #e8f4e5;
   background-attachment: fixed;
   background-size: cover;   
}

.tab-man {
   padding: 0 250px 0 250px;
}

.block-5 h2 {
  margin: 0 0 60px 0;
}

.b5-sub {
  font-size: 20px;
  font-family: 'PT Sans';
  font-weight: bold;	
  color: #1e3624;
  text-align: center;
  margin: -40px 0 40px 0;
}


.nav-tabs .nav-link {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: 1px solid #b8d0b4;	
	margin-left: 3px;
	background-color: #d0e8cd;	
	font-size: 16px;
  font-family: 'PT Sans';
  font-weight: bold;	
  color: #1e3624;
  line-height: normal;
}

.nav-tabs {
	border-bottom: 1px solid #b8d0b4;
	margin-bottom: 90px;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
   border-color: #b8d0b4 #b8d0b4 #e7f4e5;
}


.b5-options {
   background-repeat: no-repeat;
   background-position: left top;
   padding: 0px 0 15px 120px;
   margin: 0 0 40px 0;
   min-height: 94px;
}

.b5-i1 { background-image: url(images/b5_i1.svg);}
.b5-i2 { background-image: url(images/b5_i2.svg);}
.b5-i3 { background-image: url(images/b5_i3.svg);}
.b5-i4 { background-image: url(images/b5_i4.svg);}
.b5-i5 { background-image: url(images/b5_i5.svg);}
.b5-i6 { background-image: url(images/b5_i6.svg);}
.b5-i7 { background-image: url(images/b5_i7.svg);}
.b5-i8 { background-image: url(images/b5_i8.svg);}
.b5-i9 { background-image: url(images/b5_i9.svg);}
.b5-i10 { background-image: url(images/b5_i10.svg);}
.b5-i11 { background-image: url(images/b5_i11.svg);}
.b5-i12 { background-image: url(images/b5_i12.svg);}
.b5-i13 { background-image: url(images/b5_i13.svg);}



@media (max-width: 1199px) {

.tab-man {
   padding: 0 150px 0 150px;
}

}


@media (max-width: 992px) {

.tab-man {
   padding: 0 40px 0 40px;
}



.b5-options {
  background-size: 70px;
  padding: 0px 0 25px 80px;  
  font-size: 14px;
  line-height: normal;
  margin: 0 0 0px 0;
}

}


@media (max-width: 767px) {


div.block-5 {
	padding: 50px 0 40px 0;
}


.nav-tabs {
	border-bottom: 1px solid #b8d0b4;
	margin-bottom: 30px;
}

.tab-man {
   padding: 0 0px 0 0px;
}



.nav-tabs .nav-link {
	font-size: 13px;
}


.b5-options {
  background-size: 70px;
  background-position: left center;
  padding: 25px 0 25px 80px;  
  font-size: 15px;
  line-height: normal;
  margin: 0 0 0px 0;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
   border-color: #b8d0b4 #b8d0b4 #b8d0b4;
   border-bottom: 1px solid #b8d0b4;
}

}


@media (max-width: 575px) {

.nav-tabs .nav-link {
  	margin-left: 0px;
  	
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
   border-color: #b8d0b4 #b8d0b4 #b8d0b4;
   border-bottom: 1px solid #b8d0b4;
}
}



/*----------block-6-------*/

div.block-6 {
	background-image: url(images/b6_bcg2.png), url(images/b6_bcg.jpg) ;
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, center;
	padding: 100px 0 150px 0;
   background-size: auto, cover;
   background-attachment: scroll, fixed;	
}

.block-6 h2 {
   color: white;
}



.b6-sub {
  font-size: 20px;
  font-family: 'PT Sans';
  font-weight: bold;	
   color: white;
  text-align: center;
  margin: -60px 0 60px 0;
}


.block-6 .nav-tabs .nav-link {
  color: #ffffff;
 	background-color: #53795e;	
}


.block-6 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
   border-color: #b8d0b4 #b8d0b4 #e7f4e5;
}


.block-6 .b5-options {
  color: white;
}



.block-6 .nav-tabs .nav-item.show .nav-link, .block-6 .nav-tabs .nav-link.active {
   border-bottom: 1px solid #2f4634;
}


.b6-i1 { background-image: url(images/b6_i1.svg);}
.b6-i2 { background-image: url(images/b6_i2.svg);}
.b6-i3 { background-image: url(images/b6_i3.svg);}
.b6-i4 { background-image: url(images/b6_i4.svg);}
.b6-i5 { background-image: url(images/b6_i5.svg);}
.b6-i6 { background-image: url(images/b6_i6.svg);}
.b6-i7 { background-image: url(images/b6_i7.svg);}
.b6-i8 { background-image: url(images/b6_i8.svg);}
.b6-i9 { background-image: url(images/b6_i9.svg);}
.b6-i10 { background-image: url(images/b6_i10.svg);}
.b6-i11 { background-image: url(images/b6_i11.svg);}
.b6-i12 { background-image: url(images/b6_i12.svg);}



@media (max-width: 767px) {
div.block-6 {
	background-image: url(images/b6_bcg2.png), url(images/b6_bcg.jpg) ;
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, center;
	padding: 50px 0 100px 0;
	background-size: auto, cover;
}



.block-6 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   border-color: #b8d0b4 #b8d0b4 #b8d0b4;
}

.block-6 .nav-tabs .nav-item.show .nav-link, .block-6 .nav-tabs .nav-link.active {
   border-bottom: 1px solid #213826;
   border-color: #b8d0b4 #b8d0b4 #b8d0b4;   
}

}

@media (max-width: 545px) {


.block-6 .nav-tabs .nav-item.show .nav-link, .block-6 .nav-tabs .nav-link.active {
   border-bottom: 1px solid #b8d0b4;
   border-color: #b8d0b4 #b8d0b4 #b8d0b4 #b8d0b4;
}
}


/*----------block-7-------*/

div.block-7 {
	padding: 100px 0 150px 0;
	background-image: url(images/b7_bcg.png);
	background-repeat: no-repeat;
	background-position: bottom 40px center;
	
}


.block-7 h2 {
  margin: 0 0 60px 0;
}

.block-7 .nav-link {
  padding: 16px 1rem;

}


.block-7 .nav-tabs .nav-item.show .nav-link, .block-7 .nav-tabs .nav-link.active {
   border-bottom: 1px solid #ffffff;
}

.b7-colman {
	padding-left: 0px;
	padding-right: 1px;
}


img.b7-img {
	width: 100%;
	margin-bottom: 1px;
}


@media (max-width: 767px) {

.block-7 .nav-tabs .nav-item.show .nav-link, .block-7 .nav-tabs .nav-link.active {
   border-bottom: 1px solid #b8d0b4;
}
}



/*----------block-8-------*/

div.block-8 {
	padding: 100px 0 70px 0;
	background-color: #f0fbed;
}

div.b8-text {
	text-align: left;
	width: 150px;
	margin: 0 auto;
}

div.map-holder {
	height: 600px;
}

.block-8 h2 {
	margin-bottom: 60px;
}



@media (max-width: 767px) {
div.b8-text {
	text-align: center;
	width: 100%;
}


div.map-holder {
	height: 300px;
}

}

/*----------podval-------*/

div.podval {
	padding: 60px 0 50px 0;
	background-color: #1e3624;
}


.logo-bot {
   max-width: 120px;
}


.copyright {
	text-align: center;
	color: white;
	font-size: 16px;
	line-height: normal;
}

.copyright a {
	color: #7e9784;	
}

.copyright a:hover {
	color: #a1bca8;	
}


a.develop {
	font-size: 12px;
	color: #7e9784;
}


div.soc-holder {
	margin: 20px 0 0 0;
	text-align: right;
}

a.soc {
   display: inline-block;
   width: 24px;
   height: 24px;
	background-repeat: no-repeat;
	background-position: center;
   margin: 0px 16px 0 0;
}

a.soc:hover {
  opacity: 0.7;	
}

.sc-1 {background-image: url(images/soc_1.svg);}
.sc-2 {background-image: url(images/soc_2.svg);}
.sc-3 {background-image: url(images/soc_3.svg);}


@media (max-width: 767px) {
div.soc-holder {
	text-align: center;
}

.bot-logo {
	text-align: center;
}


.logo-bot {
  margin-bottom: 10px;
}
}


/*-----------------------------menu-----------------------*/

.blck-cover {
	background-color: black;
	height: 100%;
   width: 102%;
   position: absolute;
   z-index: 999;
   opacity: 0;
    /*transition-delay: 1200ms; */  
    -webkit-transition: opacity 05s ease-in-out;
    -moz-transition: opactiy 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;      
}


.opac {
	opacity: 0;
}


.show {
	 top: 0px !important;
}

.hide {
	display: none;
}

.close-btn {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 40px;
  right: 40px;
}

.side-menu-holder a {
   font-size: 20px;	
   display: block;
   color: white;
   font-family: 'PT Sans';
   font-weight: bold;   
   padding: 10px 0 10px 10px;
   border-bottom: 1px solid #26442e;
   line-height: normal;
}


.side-menu-holder a:hover {
  color: #53795e;

}




.show {
	 top: 0px !important;
}



.top-block {
  width: 100%;
  z-index: 998;   
  position: fixed; 
  padding-bottom: 20px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   background-color: transparent;
    height: 120px;
}

.tp-fixed {
  /*background-image: url(images/green_dot.png);*/ 
  background-color:#1e3624;
  height: 60px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;     
}


.tp-fixed img.logo {
   width: 100px;
   max-width: 153px;
	margin: 5px 0 0 0px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;  	
}

.tp-fixed  div.tels {
  margin: 10px 0 0 0;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;  	  
}


.tp-fixed div.wrktime {
	margin: 3px 0 0 0;
	color: white;
	line-height: normal;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;  		
}

.anim-stop {
   -webkit-transition: all 0.0s ease;
   -moz-transition: all 0.0s ease;
   -o-transition: all 0.0s ease;
   transition: all 0.0s ease;  
}

.tp-fixed a.menu-btn {
	margin: 14px auto 0 auto;
	
	
}


   @media (max-width: 767px) {
  
  .tp-fixed div.wrktime {
	margin: 10px 0 0 0;
		
}


.tp-fixed  div.tels {
  margin: 22px 0 0 0;
}


.side-menu-holder a {
   font-size: 16px;	
   display: block;
   color: white;
   font-family: 'PT Sans';
   font-weight: bold;   
   padding: 10px 0 10px 10px;
   border-bottom: 1px solid #26442e;
   line-height: normal;
}
}



   @media (max-width: 575px) {
   
   .tp-fixed img.logo {
   max-width: 72px;
   margin: 10px 0 0 0;
}



.tp-fixed  div.tels {
  margin: 22px 0 0 0;
}
   }
   
   

/*-----------------------modal----------------*/

body.modal-open {

}

.modal-open .block-1 {
   	background-attachment: scroll;	
}

.modal-open .block-3 {
   	background-attachment: scroll;	
}


.modal-open .block-5 {
	background-attachment: scroll;	
}


.modal-open .block-6 {
	background-attachment: scroll;	
}

.modal-open .top-block {
	padding-right: 17px;
   -webkit-transition: all 0s ease;
   -moz-transition: all 0s ease;
   -o-transition: all 0s ease;
   transition: all 0s ease;   	
}

.modal-open .b1-header {
	margin-left: -409px;
}


.modal-open a.b1-arrow {
   margin-left: -26px;
   animation: none;   
   -webkit-transition: all 0s ease;
   -moz-transition: all 0s ease;
   -o-transition: all 0s ease;
   transition: all 0s ease;     
}


.form-bcg {
   background-color: #ffffff;    
   border-radius: 8px;
   padding: 50px 40px 40px 40px;
   border: none;
 }
 
 
 .modal p {
  font-size: 16px;
  color: #282520;  
}

 .modal h3 {
  color: #282520;   	
 }
 
 .form-p {
  font-size: 16px;
  text-align: center;
  color: #282520;  
}


 .close-cross  {
  color: #282520;
   top: -30px;
   right: -20px;
   position: absolute;
   z-index: 999;
   outline: none !important;
}

input.input-blc-4 {
    width: 100%;
    border-radius: 0px;
    background-color: #f0fbed;
    border: 1px solid #caeac2;
    height: 64px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 30px;
    box-shadow: inset 0 0 5px #caeac2;
}

input.input-blc-4:focus {
    background-color: #f0fbed;	
}


.order-btn-7{
   color: #ffffff;
   font-size: 22px;
   padding: 15px 0 15px 0;
   display: block;
   width: 100%;
   text-align: center;
   border-radius: 0px;
   text-transform: uppercase;
	background-color: #1e3624;
   margin: 0 auto 20px auto;   
   font-family: 'PT Sans';
   font-weight: bold;   
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;         
}


@media (max-width: 991px) {

.modal-open .b1-header {
	margin-left: -325px;
}


}

@media (max-width: 767px) {
.modal-open  .b1-header {
   margin-left: -45%;   
  width:86%;
}
}



@media (max-width: 545px) {


.modal-open .top-block {
	padding-right: 0px;
}


 .close-cross  {
  color: #282520;
   top: -5px;
   right: 10px;
   position: absolute;
   z-index: 999;
   outline: none !important;
}


.form-bcg {
   background-color: #ffffff;    
   border-radius: 8px;
   padding: 10px 0px 0px 0px;
   border: none;
 }
  }


h1.thankyou-1 {
	font-size: 38px;
}

.b1-header-1 {
   height: 180px;
}
   

@media (max-width: 991px) {


h1.thankyou-1 {
	font-size: 30px;
}

.b1-header-1 {
   height: 160px;
}

}


@media (max-width: 767px) {


h1.thankyou-1 {
	font-size: 22px;
}

}


/*-------------block-design---------------*/

.block-design {
	background-image: url(images/link_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center;
   background-size: cover;
   height: 634px;
   padding: 180px 0 40px 0;
}

.bd-text {
	text-align: center;
	font-size: 45px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
  font-family: 'PT Sans';
  font-weight: bold;	
  width: 60%;
  margin: 0 auto 40px auto;
}

.bd-link {
   display: block;
   width: 290px;
   line-height: 70px;
   font-size: 18px;
   color: white;
   border: 2px solid #ffffff;
  font-family: 'PT Sans';
  font-weight: bold;	   
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
}


.bd-link:hover, .bd-link:focus {
  background-color: #1e3624;	
  color: white;
   border: 2px solid #1e3624;  
}


@media (max-width: 1199px) {

.bd-text {
 width: 80%;
}  
}


@media (max-width: 991px) {

.block-design {
	background-image: url(images/link_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center;
   background-size: cover;
   height: 634px;
   padding: 180px 0 40px 0;
}

.bd-text {
 width: 80%;
font-size: 35px; 
}  

}



@media (max-width: 767px) {

.block-design {
	background-image: url(images/link_bcg.jpg);
	background-repeat: no-repeat;
	background-position: center;
   background-size: cover;
   height: auto;
   padding: 80px 0 80px 0;
}

.bd-text {
 width: 100%;
font-size: 24px; 
}  


.bd-link {
   display: block;
   width: 100%;
   max-width: 290px;
   line-height: 60px;
   font-size: 18px;
   color: white;
   border: 2px solid #ffffff;
  font-family: 'PT Sans';
  font-weight: bold;	   
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
}


}