/*Переменные*/
@white: #fff;
/*@Lato: 'Lato';*/
@bold: 'bold';
@regular: 'regular';
@light: 'light';
@light: 'italic';
@m1: "m1";
@m2: "m3";
@m3: "m5";
@m4: "m7";
@m5: "m9";
@rdc: "rdc";
@rsn: "rsn";
@rsr: "rsr";

/*Adaptive*/
@highdesktop: ~"(min-width: 1200px) and (max-width:1920px)";
@desktop: ~"(min-width: 992px) and (max-width: 1199px)";
@tablet: ~"(min-width: 768px) and (max-width: 991px)";
@phone: ~"(min-width: 320px) and (max-width: 767px)";


.dropdown-menu{
    min-width: 85px;
  	display:block;
}
.admins-out{
    position: absolute;
    top: 0px;
    right: 15px;
}
img { pointer-events: none; }
#sbox-content{
  iframe{
    width: 100%;
    height: 100%;
    padding: 0px;
    input[type="text"]{
      border-radius: 20px;
      padding: 15px;
      width: 100%;
      font-size: 12pt;
    }
    button{
      font-size: 12pt;
      padding: 15px;
      width: 100%;
      background: linear-gradient(to bottom, #fed647, #fbbf06);
      color: black;
      font-family: 'm7';
      border: 0px;
      border-radius: 20px;
    }
  }
}
.modal{
  position: relative;
  display: block;
  z-index: 1;
}
body{
  font-family: 'm5';
  h1,h2,h3,h4,h5{
    font-family: 'gilroy';
  }
  header{
    .head1{
      padding: 25px 0px;
      border-bottom: 2px solid silver;
      font-family: 'm7';
      .logo{

        a{
          font-size: 14pt;
          span{
            padding-left: 10px;
          }
        }
      }
      .phone{
        font-size: 23pt;
      }
      a{
        color:black;
        text-decoration: none;
      }
    }
    .mainmenu{
      font-family: 'm5';
      ul{
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        li{
          padding: 25px 10px;
          a{
            color: black;
            text-decoration: none;
          }
        }
      }
    }
  }
  .slider{
    background: #96cefd;
    .block-left{
      padding:0px;
      .bl1{
        background: #96cefd;
        .item{
          padding: 60px 30px;
          p{
            font-size:14pt;
            
          }
          .btns{
              padding: 10px 35px;
    		  background: linear-gradient(to bottom, #fed647, #fbbf06);
    		  color: black;
    		  text-decoration: none;
    		  border-radius: 15px;
              max-width: 320px;
              text-align: center;
              a{
                color:black;
              }
            }
        }
        
      }
      .bl2{
        background: #e2eefa;
        .item{
          padding:60px 30px;
          font-family:'m7';
          font-size:14pt;
        }
      }
      
    }
    .block-right{
    	background: url("/images/back-block1.jpg");
      	font-family:'m7';
      .bl3{
        .item{
          position:absolute;
          .image{
            float:left;
            img{
              max-width:75px;
            }
          }
          .text{
            padding:15px;
            margin-left: 70px;
          }
        }
        .item1{
          margin: 50px 115px;
        }
        .item2{
          margin: 135px 35px;
          .text{
            padding-top:30px;
          }
        }
        .item3{
          margin: 215px 95px;
        }
        .vanna{
          padding: 110px 0px 30px;
          img{
            margin-left: -60px;
   			max-width: 470px;
          }
        }
      }
    }
    .row{
      margin:0px;
    }
  }
  .main{
    background:#e2eefa;
    .comp{
      img{
        max-width:100%;
      }
    }
    .price{
      background: none;
    }
    .akcii{
      padding: 50px 0px;
      .item{
        padding: 40px 0px;
        img{
          width: 100%;
        }
      }
    }
    .item-pageakcii{
      .pull-left{
        img{
          width: 100%;
        }
      }
    }
    .otziv{
      padding: 40px 0px;
      .items{
        padding-top: 15px;
        padding-bottom: 15px;
        display: flex;
        .item{
          background: white;
          border-radius: 30px;
          padding:10px;

          .title{
            padding: 70px 0px 0px 60px;
            //text-align: center;
            font-size: 14pt;
            text-transform: uppercase;
          }
          .img{
            padding: 15px;
            .images{
              width: 128px;
              min-height: 128px;
              background-position: top !important;
              background-size: cover !important;
              border-radius: 100px;
            }
          }
          .description{
            padding: 10px 30px;
            img{
              width: 100%;
            }
          }


        }
      }

    }
  }
  .uslugi{
    padding: 50px 0px;
    .item{
      font-family: 'm7';
      border-radius: 20px;
      box-shadow: 7px 7px 15px rgba(0,0,0,0.2);
      margin: 20px 0px;
      .title{
        border-radius: 15px 15px 0px 0px;
        background: white;
        padding: 15px 0px 0px ;
        min-height: 75px;
        text-align: center;
        p{
          margin: 0px;
          a{
            color: black;
            font-size: 15pt;
          }
        }

      }
      .images{
        min-height: 300px;
        background-position: center center !important;
        background-size: cover !important;
        text-align: center;
        border-radius: 0px 0px 20px 20px;
        img{
          width:100%;
        }
        .back{
          display: none;
          background: rgba(226,238,250,0.5);
          width: 100%;
          height: 300px;
          border-radius: 0px 0px 20px 20px;
          .btns{
            margin: auto;
            padding-top: 25%;
            a{
              background: linear-gradient(to bottom, #fff, #e3eefa);
              padding: 10px 30px;
              border-radius: 25px;
              color: black;
              text-transform: uppercase;

            }
          }
        }
      }
      .images:hover,.images:focus{
        .back{
          display: block;
        }
      }
    }
  }
  .price{
    background: url("/images/back-price.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 50px 0px;
    .item{
      background: white;
      font-family: 'm7';
      border-radius: 20px;
      box-shadow: 7px 7px 15px rgba(0,0,0,0.2);
      margin: 20px 0px;
      .title{
        padding: 15px 25px;
        p{
          margin: 0px;
          a{
            color: black;
            font-size: 15pt;
          }
        }

      }
      .images{
        min-height: 200px;
        background-position: center center !important;
        background-size: cover !important;
        text-align: center;
        img{
          width:100%;
        }
      }
      .price{
        padding: 10px 25px;
        background: #e2eefa;
        font-size: 14pt;
        min-height: 115px;
        .text{
          padding: 8px;
        }
        .cena{
          text-align: right;
          .old{
            text-decoration: line-through;
            color: #595959;
            //float: right;
            margin-top: -7px;
            .big{
              text-decoration: line-through;

            }
          }
          .big{
            font-size: 20pt;

            //float: right;
            .small{
              font-size: 14pt;
            }

          }
          .rub{
            font-weight: bold;
          }
        }

      }
      .btns{
        padding: 25px;
        .btn1{
          text-align: center;
          padding: 10px;
    	  background: linear-gradient(to bottom, #fed647, #fbbf06);
    	  color: black;
    	  text-decoration: none;
    	  border-radius: 15px;
          a{
            /*padding: 10px 25px;*/
            /*background: linear-gradient(to bottom, #fed647, #fbbf06);*/
            color: black;
            text-decoration: none;
            border-radius: 15px;
          }
        }
      }
    }
    .forms{
      text-align: center;
      padding: 30px 0px;
      form{

        padding: 20px;
        margin: 0px;
        input[type="text"]{
          border-radius: 20px;
          padding: 15px;
          width: 100%;
          font-size: 12pt;
        }
        button{
          font-size: 12pt;
          padding: 15px;
          width: 100%;
          background: linear-gradient(to bottom, #fed647, #fbbf06);
          color: black;
          font-family: 'm7';
          border: 0px;
          border-radius: 20px;
        }
      }
      .numbers{
        text-transform: uppercase;
        font-size: 18pt;
      }
      a{
        color:black;
      }
    }
  }
  .video{
    padding:50px 0px;
    background: url("/images/back-video.jpg");
    background-size: cover;
    text-align: center;
    iframe{
      height:100%;
    }
  }
  .preimushestva{
    background:#e2eefa;
    padding:50px 0px;
    h2{
      margin-bottom: 30px;
    }
    .items{
      padding:20px 0px;
      .item{
        .images{
          text-align:center;
          padding:15px 0px;
          img{
            max-width:100%;
          }
          
        }
      }
    }
  }
  .news{
    padding: 50px 0px;
    .item{
      font-family:'m3';
      padding:20px 0px;
      h3{
        font-family:'m7';
        margin-bottom: 20px;
      }
      .images{
        .item-image{
          float:none;
          img{
            max-width:100%;
            border-radius: 25px;
            width: 100%;
          }
        }
        
      }
      .btn{
        a{
          color:black;
          padding: 10px 30px;
    	  border: 1px solid;
    	  border-radius: 30px;
          
        } 
      }
    }
    .link{
      text-align:center;
      font-family:'m7';
      a{
        color:black;
        text-decoration:underline;
      }
    }
    .forms{
      text-align: center;
      padding: 30px 0px;
      form{

        padding: 20px;
        margin: 0px;
        input[type="text"]{
          border-radius: 20px;
          padding: 15px;
          width: 100%;
          font-size: 12pt;
        }
        button{
          font-size: 12pt;
          padding: 15px;
          width: 100%;
          background: linear-gradient(to bottom, #fed647, #fbbf06);
          color: black;
          font-family: 'm7';
          border: 0px;
          border-radius: 20px;
        }
      }
      .numbers{
        text-transform: uppercase;
        font-size: 18pt;
      }
      a{
        color:black;
      }
    }
  }
  .my-company{
    background:#e2eefa;
    padding:50px 0px;
    p{
      font-size:10pt;
      margin:20px 0px;
    }
    p.title{
      font-family:'m7';
    }
    .diplom{
      .item{
        img{
          width:100%;
        }
      }
    }
  }
  footer{
    background:#96cefd;
    padding:30px 0px; 
    a{
      color:black;
    }
    a:hover,a:focus{
      color:black;
    }
    .logo{
      span{
        font-size:15pt;
        font-family:'m7';
      }
    }
    .foot-menu{
      ul{
        li{
          padding: 0px 10px;
          font-size:12pt;
          a{
            
          }
        }
      }
    }
    .phone{
    	font-size: 23pt;
      span{
        text-align: center;
    	padding: 10px 60px;
    	background: linear-gradient(to bottom, #fed647, #fbbf06);
    	color: black;
    	text-decoration: none;
    	border-radius: 15px;
    	font-size: 14pt;
        a{
          
        }
      }
      .btns{
        padding: 10px 35px;
        background: linear-gradient(to bottom, #fed647, #fbbf06);
        color: black;
        text-decoration: none;
        border-radius: 15px;
        max-width: 320px;
        text-align: center;
        a{
          color:black;
          font-size: 14pt;

        }
      }
    }
  }
}

@media @highdesktop {
  body{
    header{
      .head1{
        .phone{

        }
      }
      .mainmenu{
        ul{
          li{
            width: 16.666%;
            a{

            }
          }
        }
      }
    }
    .slider{
      .block-left{
        .bl1{
          min-height:410px;
        }
        .bl2{
          min-height:220px;
        }
        
      }
    }
    .video{
      iframe{
        min-height:775px;
      }
    }
  }
  .hidden-lg{
    display:none;
  }
}

@media @desktop {
  body{
    header{
      .mainmenu{
        ul{
          li{
            width: 16.666%;
            a{

            }
          }
        }
      }
    }
    .slider{
      .block-left{
        .bl1{
          min-height:410px;
        }
        .bl2{
          min-height:220px;
        }
      }
    }
    .price{
      .item{
        .title{
            min-height: 125px;
        }
      }
    }
    .video{
      iframe{
        min-height:775px;
      }
    }
  }
  .hidden-md{
    display:none;
  }
}

@media @tablet {
  body{
    overflow-x:hidden;
    .price{
      .forms{
        form{
          input[type="text"]{
            box-sizing: border-box;
            min-height:50px;
          }
        }
      }
    }
    .banner{
      /*display:none;*/
    }
    .news{
      .item{
        .row{
          margin:0px;
        }
      }
      .forms{
        form{
          input[type="text"]{
            box-sizing: border-box;
            min-height:50px;
          }
        }
      }
    }
  }
  .hidden-sm{
    display:none;
  }
}

@media @phone {
  body{
    overflow-x:hidden;
    .slider{
      .bl2{
        .item{
           background: #e2eefa;
        }
      }
      .bl3{
        .item2{
          .text{
            padding-top:30px !important;
          }
        }
        .vanna{
          padding-top: 170px !important;
          img{
            margin-left: -20px !important;
    		max-width: 412px !important;
          }
        }
      }
    }
    .price{
      .forms{
        form{
          input[type="text"]{
            box-sizing: border-box;
            min-height:50px;
          }
        }
      }
    }
    .banner{
      /*display:none;*/
    }
    .news{
      .item{
        .row{
          margin:0px;
        }
      }
      .forms{
        form{
          input[type="text"]{
            box-sizing: border-box;
            min-height:50px;
          }
        }
      }
    }
  }
  .hidden-xs{
    display:none;
  }

}