@font-face {
    font-family: 'TT Norms';
    src: url('fonts/TTNorms-Medium.eot');
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
        url('fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/TTNorms-Medium.woff') format('woff'),
        url('fonts/TTNorms-Medium.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
h1, h2, h3, h4{
    font-family: Montserrat;
    font-style: normal;
}
h6{
    
    font-size: 16px;
    margin:0;
}
p, a, ul, div, h5, h6{
        font-family: TT Norms;
    font-style: normal;
    
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    padding:0px;
    margin:0px;
}
ul{
    list-style-type:none;
}
h3{
    font-size: 34px;
    font-weight: 700;
    line-height: 45px;
    color: #343434;
    text-align: center;
    margin-bottom: 40px;
    padding-top:40px;
}
a { 
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
    
   } 
header{
    display: flex;
   justify-content: space-between;
   width:1200px;
   margin:0 auto;
} 
.logo{
    margin-top:2%;
}
.soc{ margin-top:3%; }
.add div  {
            display: flex;
   justify-content: space-between;
}
.add div p span a {
        position: relative;
    z-index: 5;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    padding: 15px 10px;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.add div p span a::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  visibility: hidden;
  background-color: #6bba23;
  -webkit-transition: all .1s ease;
  transition: all 0.3s ease;  
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.add div p span a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
nav{
        margin-top:2%;
}
nav ul {

        display: flex;
   justify-content: space-between;
}
nav ul li a {
        position: relative;
    z-index: 5;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    padding: 15px 10px;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
nav ul li a::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  visibility: hidden;
  background-color: #6bba23;
  -webkit-transition: all .1s ease;
  transition: all 0.3s ease;  
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

nav ul li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mob{
    display:none;
}
.main{
     background-image: url("image/fonMain.jpg");
     background-size: cover;
    width: 100%;
    height: 420px;
    text-align:center;
        display: flex;
  flex-direction: column;
    
}   
.main h1{
    font-size: 34px;
    font-weight: 600;
    line-height: 53px;
    color: white;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-top:5%;
      text-shadow: 0 0 15px black;
       line-height: 1.7;

}
.main h1 span{
    color:#6bba23;
    font-size: 46px;
}
.fancybox{
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 0 25px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
 background: linear-gradient(-45deg, rgba(34,194,195,1) 0%, rgba(220,253,45,1) 100%);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
.fancybox:hover{
     background: #6bba23;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
header .add{
    width:35%;
}
header .add p{
                    display: flex;
   justify-content: flex-start;
}
.add  .fancybox{
     height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 35px;
    float:right;
}
.main .fancybox{
    margin-top:2%;
}
.about{
    width:1200px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
   margin-bottom:100px;
}
.about .leftimg{
    width: 500px;
    background-image: url("image/sert.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5%;
    height: 400px;
    margin-top:5%;
    position: relative;
}
.about .leftimg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 6px;
    top: 6px;
    border: 2px solid #6bba23;
    z-index: -1;
    -webkit-box-shadow: 4px 5px 3px 0px #6bba23;
    box-shadow: 4px 5px 3px 0px #6bba23;
}
.textabout{
            display: flex;
  flex-direction: column;
      width: 45%;
      font-size: 16px;
    line-height: 22px;
    margin-top:8%;
}
.textabout h3{
        font-size: 30px;
    margin-bottom: 25px;
    text-align: left;
    font-weight: 500;
}
.services{
    margin-top:100px;
}
.serv{
    width: 1200px;
    margin:0 auto;
     display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
.serv li{
        width: 306px;;
    display: flex!important;
  flex-direction: column!important;
  margin-bottom:4%;
}
.serv li a{

  margin-bottom:2%;
}

.newimg {
    width: 306px;
    height:180px;
    padding:0px;
    position:relative;
}
.newimg .servimage img{
    width: 306px;
    height:180px;
}
.newimg .servimage .low{
    background-color: rgba(2, 1, 15, 0.7)!important;
    width: 306px;
    height:180px;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
}

.mainserv{
       background-color: rgba(240, 235, 235, 0.8);
                       display: flex;
   justify-content: space-between;
     border-radius:30px;
        margin:0 auto;
   width:800px;
   height:300px;
}
.leftserv {
         width: 40%;
             margin-top:5%;
     margin-left:5%;
}
.rightserv{
        color: #343434;
     width: 50%;
      margin-top:5%;
}
.rightserv h4{
    font-size:20px!important;
}
.leftserv img{
     width:300px;
   height:200px;
   margin-left:2%;

}
.newimg .servimage .low h6{
    margin-top:20%;
    font-size:16px!important;
}
.flow{
    background-color: rgba(2, 1, 15, 0.7);
        width: 100%;
    height: 420px;
}
.stocks{
    background-image: url("image/ring.png");
    background-size: cover;
    width:100%;
    height:750px;

}
label{
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}
.stoc{

       background-color: rgba(2, 1, 15, 0.7);
        width: 100%;
        height:750px;
}
.s{              display: flex;
   justify-content: space-between;
     width: 1200px;
     margin:0 auto;
}
 .s h2{
     max-width: 900px;
    padding-right: 45px;
    font-size: 38px;
    font-weight: 600;
    line-height: 47px;
    color: white;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-shadow: 0 0 15px black;
    margin-top:15%;
    
 }
 .s h2 span{
     color: #6bba23;
 }
form {
         background-color: #dcd5d1;
    padding: 30px;
    margin-top:10%;
 }
 input{
     display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 0 10px;
    font-weight: 500;
    background: #fff;
    -webkit-transition: border-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
    max-width: 100%;
    width: 270px;
    margin-bottom: 10px;
 }
 textarea{
          display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 80px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 0 10px;
    font-weight: 500;
    background: #fff;
    -webkit-transition: border-color 0.3s ease 0s;
    transition: border-color 0.3s ease 0s;
    max-width: 100%;
    width: 270px;
    margin-bottom: 10px;
 }
 .wpcf7-submit{
     color:white!important;
     font-weight: 600;
    font-size: 16px;
    height: auto;
    line-height: 18px;
    padding: 10px;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s!important;
    transition: all 0.3s ease 0s!important;
    overflow: hidden!important;
    position: relative!important;
    border-radius: 5px!important;
 background: linear-gradient(-45deg, rgba(34,194,195,1) 0%, rgba(220,253,45,1) 100%)!important;
	background-size: 400% 400%!important;
	animation: gradient 15s ease infinite!important;
 }
 .wpcf7-validation-errors{
     width: 270px!important;
     border: 2px solid #6bba23!important;
      font-size: 10px;
 }
 form h4{
     font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #343434;
    margin-bottom: 25px;
    text-align:center;
 }
 #fancybox-outer{
     background: none!important; 
     box-shadow: none!important; 
 }
 #fancybox-content{
     background: none!important; 
     box-shadow: none!important; 
     border: none!important;
 }
 .our_work{
           width:1200px;
  margin:0 auto;
 }
 .our_work form {
      background: none!important; 
 }
 .spider_popup_wrap {
    background-color: rgba(0, 0, 0, 0.00)!important;
}
.bwg_popup_image_spun2 img{
     width:80%!important;
     height: 70%!important;
}
.sheme_work{
      width:1200px;
  margin:0 auto;
}
.edge h3{
    color:white;
}
.sheme_work ul{
      display: flex;
   justify-content: space-between;
    text-align:center;

}
.sheme_work ul li img{
    margin-bottom:10px;
}
.edge{
    background-color: #6bba23;
            width:100%;
}
.edge ul{
      display: flex;
   justify-content: space-between;
    height:200px;
    width:1200px;
    margin:0 auto;

}
.edge ul li{
    display: flex;
  flex-direction: column;

   text-align:center;
   width:200px;
   height:200px;
   color:white;
}
.edge ul li img{
  width:50px;
  margin:0 auto;
  height:50px;
  margin-bottom:10px;
}
.reviews{
    margin:0 auto;
     width:1200px;
}
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color:  #6bba23; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color:  #6bba23; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color:  #6bba23;}
.rev{
    max-height: 300px;
    overflow: auto;
    padding-right: 15px;
    padding-top: 10px;
    margin-bottom: 20px;
}
.rev li{
    margin-bottom: 20px;
    padding: 15px 10px;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 5px 4px 7px rgba(107, 186, 35, 0.544);
    box-shadow: 5px 4px 7px rgba(107, 186, 35, 0.544);
    font-size: 14px;
    color: #343434;
    
}
.rev li h4{
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.but{
     width:200px; 
     margin:0 auto;
      padding-bottom: 100px;
   
}
.address{
          display: flex;
   justify-content: space-between;
    width:100%;
}
.ladd{
    width:65%;
}
.contact{
        width:30%;
        text-align: center;
        color: #121212;
            font-size: 16px;
              font-weight: 300;
            
}
.contact h5{
    font-size: 30px;
              font-weight: 700;
              margin-bottom:20px!important;

}
.contact span{
           font-size: 20px;
              font-weight: 700;
                padding-top:20px;
               padding-bottom:20px;
}
footer .add{
    width:1200px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
     margin-top:5%;
}
.addbot .phone{
    height:84px;
           display: flex;
   justify-content: flex-start;
}
.telbot{
        display: flex;
   justify-content: space-between;
}
.addbot{
    width:40%;
}
.addbot p{
        display: flex;
   justify-content: space-between;
}
.mobtelbot{
    display:none!important;
}

@media (max-width: 1250px) {
    header{
   width:980px;
   margin:0 auto;
} 
header .add {
    width: 50%;
}
.about{
    width:980px;
    margin:0 auto;
}
.serv{
        width:980px;
    margin:0 auto;
        display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding-left:0;
}
.serv li{
    margin-left:5px;
    margin-right:5px;
}
.s{ 
     width: 980px;
     margin:0 auto;
}
 .our_work{
           width:980px;
  margin:0 auto;
 }
  .sheme_work{
           width:980px;
  margin:0 auto;
 }
   .sheme_work ul{
        padding-left:0;
 }
 .edge ul{
    width:980px;
    margin:0 auto;
     padding-left:0;
}
.rev{
    padding-left:0;
}
.reviews{
    margin:0 auto;
     width:960px;
}
footer .add{
    width:980px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
     margin-top:5%;
}
.addbot{
    width:60%;
}
}
@media (max-width: 979px) {
    header{
   width:700px;
   margin:0 auto;
} 
nav{
    display:none;
}
header .add {
    width: 70%;
}
.about{
    width:700px;
    margin:0 auto;
      display: flex;
  flex-direction: column;
  
}
.about .leftimg{
    width:500px;
     margin:0 auto;
     margin-top:100px;
    
}
.textabout{
    width:500px;
      margin:0 auto;
}
.textabout h3{
    text-align:center;
}
.textabout p{
    text-align:center;
}
.serv{
        width:680px;
    margin:0 auto;
        display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.serv li{
    margin-left:5px;
    margin-right:5px;
}
.stocks{
    height:1130px;
}
.stoc{
        height:1130px;
}
.s{ 
     width: 700px;
     margin:0 auto;
                  display: flex;
  flex-direction: column;
}
.s h2{
    text-align:center;
    width: 70%;
     margin:0 auto;
     padding-top:80px;
      padding-bottom:40px;
     padding-right:0;
}
.s form{
     margin:0 auto;
     width: 300px;
}
.s .wpcf7-validation-errors{
         margin-left:-30px!important;
     width: 300px!important;
}
.wpcf7-validation-errors{
      
     width: 200px!important;
}
 .our_work{
           width:700px;
  margin:0 auto;
 }
  .sheme_work{
           width:600px;
  margin:0 auto;
 }
 .edge ul{
    width:600px;
    margin:0 auto;
}
.reviews{
    margin:0 auto;
     width:660px;
}
.address{
             display: flex;
  flex-direction: column;
}
.ladd {
    width: 100%;
}
.contact {
    width: 70%;
     margin:0 auto;
}
footer .add{
    width:700px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
     margin-top:5%;
}
footer .add{
    width:700px;
    margin:0 auto;
         display: flex;
  flex-direction: column;
     margin-top:5%;
}
.addbot{
    width:80%;
     margin:0 auto;
 
     
}
.telbot{
    width:100%;
}
.telbot p{
    width:100%!important;
}
.add p{
        width:70%;
     margin:0 auto;
     text-align:center;
}
.mainserv {
    width: 400px;
    height: 500px;
             display: flex;
  flex-direction: column;
}
.leftserv{
         width: 300px;
    height: 200px;
     margin:0 auto;
}
.leftserv img {
    width: 300px;
    height: 200px;
   margin:0 auto;
   padding-top:5%;
}
.rightserv{
        width: 300px;
    height: 200px;
   margin:0 auto;
   padding-top:0;
  margin-bottom: 100px!important;
   padding-bottom:5%;
}
.rightserv .fancybox{
     width: 200px;
       margin:0 auto;
}
}
@media (max-width: 699px) {
    header{
   width:500px;
   margin:0 auto;
            display: flex;
  flex-direction: column;
} 
.logo{
      width:90px;
      margin:0 auto;
}
header .add {
    width: 90%;
    margin:0 auto;
}
.add .fancybox {
        width:30%;
      margin-right:35%;
       margin-left:35%;
      float:both!important;
      
}
.main h1{
    font-size: 28px;
   margin-top:12%;
       line-height: 1.4;

}
.main h1 span{
    color:#6bba23;
    font-size: 38px;
}
.about{
    width:500px;
    margin:0 auto;
}
.serv{
        width:500px;
    margin:0 auto;
        display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding-left:0;
}
.serv li{
    margin-left:5px;
    margin-right:5px;
}
.s{ 
     width: 500px;
     margin:0 auto;
}
.s h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
}
 .our_work{
           width:500px;
  margin:0 auto;
 }
 .textabout p{
     margin-bottom:60px;
 }
  .sheme_work{
           width:500px;
  margin:0 auto;
 }
   .sheme_work ul{
        padding-left:0;
          display: flex;
  flex-wrap: wrap;
  align-content: space-between;
      width:80%;
        margin:0 auto;
 }
   .sheme_work ul li {
       margin-top:20px;
   }
 .edge ul{
    width:400px;
    margin:0 auto;
     padding-left:0;
               display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.edge {
   height:700px;
}
.reviews{
    margin:0 auto;
     width:500px;
}
footer .add{
    width:500px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
     margin-top:5%;
}
.addbot{
    width:90%;
     margin:0 auto;
 
     
}
.about .leftimg {
    width: 300px;
    margin: 0 auto;
    margin-top: 100px;
        height: 220px;
}
}
@media (max-width: 499px) {
    header{
   width:320px;
   margin:0 auto;
            display: flex;
  flex-direction: column;
} 
.logo{
      width:90px;
      margin:0 auto;
}
header .add {
    width: 100%;
    margin:0 auto;
}
.add .fancybox {
        width:30%;
      margin-right:35%;
       margin-left:35%;
      float:both!important;
      
}
.main h1{
    font-size: 18px;
   margin-top:30%;
       line-height: 1.4;

}
.main h1 span{
    color:#6bba23;
    font-size: 25px;
}
.about{
    width:320px;
    margin:0 auto;
}
.serv{
        width:320px;
    margin:0 auto;
        display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding-left:0;
}
.serv li{
    margin-left:5px;
    margin-right:5px;
}
.s{ 
     width: 320px;
     margin:0 auto;
}
.s h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
}
 .our_work{
           width:320px;
  margin:0 auto;
 }
 .textabout {
    width: 300px;
    margin: 0 auto;
}
 .textabout p{
     margin-bottom:60px;
 }
  .sheme_work{
           width:320px;
  margin:0 auto;
 }
   .sheme_work ul{
        padding-left:0;
          display: flex;
  flex-wrap: wrap;
  align-content: space-between;
      width:80%;
        margin:0 auto;
 }
   .sheme_work ul li {
      
       margin:0 auto;
        margin-top:30px;
   }
 .edge ul{
    width:320px;
    margin:0 auto;
     padding-left:0;
               display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.edge ul li{
      margin:0 auto;
      height: 	auto;
       margin-top:30px;
}
.edge {
   height:1000px;
}
.reviews{
    margin:0 auto;
     width:300px;
}
.rev{
    
}
footer .add{
    width:320px;
    margin:0 auto;
    display: flex;
   justify-content: space-between;
     margin-top:5%;
}
.addbot{
    width:90%;
     margin:0 auto;
 
     
}
.about .leftimg {
    width: 280px;
    margin: 0 auto;
    margin-top: 100px;
        height: 200px;
}
.addbot{
    display:none!important;
}
.mobtelbot{
    margin-top:20px;
     display:block!important;
}
.add{
    display:none;
}
.mob{
    display:block;
}
.mob p{
     width: 220px;
    margin: 0 auto;
}
.mob p span a{
     width: 200px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: inherit;
    text-align: center;
    text-decoration: none;

}
.social{
         width: 170px!important;
    margin: 0 auto;
}
.mob .fancybox{
    width: 50%;
    margin-right: 25%;
    margin-left: 25%;
    margin-bottom:20px;
}
}
#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {
    background-color: black!important;
    opacity: 0.90!important;
}
.spider_popup_wrap {
    background-color: rgba(0, 0, 0, 0.00)!important;
}
.rc-anchor-normal {
    height: 74px;
    width: 100px!important;
}
.rc-anchor-normal .rc-anchor-content {
    height: 74px;
    width: 70px!important;
}
#rc-anchor-container{
	width: 200px!important;
}
#g-recaptcha-response-9{
	width: 200px!important;
}
.rc-anchor-normal {
    height: 74px;
    width: 200px!important;
}
#rc-anchor-normal {
    height: 74px;
    width: 200px!important;
}
.wpcf7-mail-sent-ok{
	     width: 270px!important;
     border: 2px solid #6bba23!important;
      font-size: 10px;
}
textarea {
	line-height:12px;
}
.wpcf7-not-valid{
	border: 1px solid red!important;
}
.low p{
	margin:0!important;
}