@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


 body{
     font-family: 'Roboto', sans-serif;
      background:  #101227 url(../img/bg.png) no-repeat top;
}
 html,body{
     height: 100%;
}
 button{
     border: 0px;
     background: transparent;
}
 input, select, textarea, input.form-control, select.form-control, textarea.form-control{
     background: #f6f6f6;
     border-radius: 32px;
     padding: 13px 35px;
     border: 0;
     margin: 15px auto;
     line-height: 100%;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     appearance: none !important;
     background: #fff url('../img/aup.svg') no-repeat;
     background-position: 95% center;
     background-size: 20px;
     padding: 0 35px;
}
 textarea, select{
     color: #B4B4B4;
}
 h1{
     color: #1d525c;
     font-size: 40px;
     font-weight: 700;
     text-transform: uppercase;
}

.hide{
    display: none;

}
.navbar-collapse {
  flex-grow: 0;
}
 .bg-main{
    
     background-size: auto 100%;
     padding-top: 30px;
}
 .bg-main .h_1{
     position: relative;
     width: 100%;
     height: 550px;
     background: url(../img/h_1.png) no-repeat center;
     background-size: auto 100%;
}
 .page-1{
     padding-top: 30px;
     padding-bottom: 5px;
}
 .titl-bl{
     font-size: 40px;
     line-height: 110%;
     color: #fff;
     font-weight: bolder;
     text-transform: uppercase;
}
.page-1 p{
     margin-top: 60px;
}
 .page-2{

     padding: 70px 70px 100px;
}
 .page-2 .titl-bl span{
     color: #fff;
     font-weight: bolder;
     text-transform: uppercase;
}
 .page-2 .titl-bl p{
     font-size: 20px;
     color: #fff;
     font-weight: normal;
     text-transform: uppercase;
}
 .ruls{
     margin-top: 70px;
}
.ruls img{
     margin-bottom: 40px
}
.ruls a{
     text-decoration: none;
     color: #fff;
     font-size: 20px;
     line-height: 100%
}
 .page-3{

     padding-top: 30px;
     color: #fff;
}
 .page-3 p b{
     font-size: 20px;
       text-transform: uppercase;
}
 .page-3 b{
   
}
 .page-3 .titl-bl{
     margin-bottom: 20px;
}
 .page-3 img{
     width: 30%;
     margin-bottom: 30px;
}
 .page-3 form{
     margin: 20px 0;
}
 .page-4{
   
     padding: 50px;
}
 .page-4 .titl-bl{
     font-size: 35px;
     margin-bottom: 20px;
}
.rozygrysh{
     text-align: center;
     margin:20px auto; 
     width: 40%;
     height: 300px;
     background: url(../img/bg_a_1.png) no-repeat center;
      background-size: 100% 100%;
}
 .map{
     background: url(../img/map.png) no-repeat center;
     background-size: cover;
     padding: 30px;
     margin:40px auto;
     color: #fff;
}
 .map form {
     position: relative;
}

 .btn-search{
     position: absolute;
     background: #fff;
     border-radius: 30px;
     border: 2px solid #fff;
     font-weight: 700;
     color: #000;
     padding: 10px 40px;
     transition: all 0.5s ease-out;
     top: 15px;
     right: 0px;
}
 .map_form{
     width: 400px;
     padding:60px 40px;
}
 .map_form input{
background: transparent;
border: 1px solid #fff;
color: #fff;
 }
 .page-5{

     padding: 50px;
     text-align: center;
     position: relative;
}
 .page-5 img{
     width: 75%;
     margin:0 auto; 
     display: block;
     text-align: center;
}
 .page-5 a{
   display: inline-block;
     background: #fff;
     border-radius: 50px;
     padding:5px 50px;
     text-transform: uppercase;
     text-decoration: none;
     color: #000;
     transition: all 0.5s ease-out;
     cursor: pointer;
     line-height: 140%;
     border:1px solid #fff;
}
table.tb_present td{
     font-size: 12px;
     padding: 0;
     text-align: left;
}

table.tb_present{
     width: 70%;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
.present_block{
       background: url(../img/bg_present.png) no-repeat top;
     background-size: auto 100%;
     width: 400px;
     height: 500px;
     margin: 0 auto;
     padding:70px 50px 
}
.present_tr b{
     font-size: 30px;
}
 .page-6{

     padding: 90px 0 0;
     text-align: center;
     position: relative;
}
 .page-6 img{
     width: 70%;
     text-align: center;
}
.calendar_{
     position: relative;
}
 .calendar_imgs{
     cursor: pointer;
}
 .calendar_imgs.inactive{
  opacity: 0.5;
}
.btn_r{

     margin-top: 25%;
     display: inline-block;
     background: #fff;
     border-radius: 30px;
     font-weight: 700;
     font-size: 20px;
     color: #000;
     padding: 10px 40px;
     transition: all 0.5s ease-out;
     text-align: center;
     cursor: pointer;
     z-index: 1
}
.btn_r:hover{
    background: linear-gradient(0deg, #FFE88F 12%, #CB8819 100%);

}
.calendar_ids:hover:before {
      width: calc(100% + 16px);
    height: calc(100% + 16px);
    top: -8px;
    left:-8px;
}
.calendar_ids:before {
    content: '';
    background: linear-gradient(45deg, #e1000f,  #ffffff, #1d525c, #ffffff, #1d525c, #e1000f);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.calendar_ids:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e1000f;
    left: 0;
    top: 0;
    border-radius: 10px;
}


@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
.cal_info .modal-content {
  width: 500px;
  height: 500px;
  background:transparent;
  margin:0 auto;  
}
.cal_info .modal-content .wheel_bg{

  position: relative;
  border-radius: 50%;


  width: 100%;
  height: 100%;
  background: url(../img/wheel_info.png) no-repeat;
  background-size: 100%;

  z-index: 1
 
}
.cal_info .modal-content:before{
   position: absolute;
  content: "";
  width: 130%;
  height: 130%;
  background: url(../img/fon_wheel.png) no-repeat center;
  background-size: 100%;
  left: -15%;
  top: -15%;
  transform: rotate(180deg);
  z-index: 0;
}
.cal_form .modal-content{
     background: rgba(255,255,255,.0);
     border: 0px;
}
 .cal_form >div{
    width: 250px;
     background: #fff;
     border-radius: 10px;
     margin-top: 10%;
     color: #000    
}
.cal_form .modal-body{
padding-top: 30px;
}
.cal_form_btn.btn{
    background: #1A2540;
    color: #fff;
}
 .cal_form >div input{
     text-align: center;
     padding-left: 0;
     padding-right: 0;
     margin-bottom: 20px;
}
 .cal_form >div p b{
    font-size: 20px;
    padding-top: 30px;
 }


.cal_info .modal-header, .cal_form .modal-header {
    position: absolute;
    right: 0px;
    z-index: 10000;
  }
  .cal_info .modal-body{
  	padding-left: 17%;
  	padding-right: 17%;
  	padding-bottom: 50%;
    padding-top: 15%;
    color: #fff; 

  }
.gift_id{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;
     margin-bottom: 20px;
     display: inline-block;
}
 .cal_info >div .titl-bl{
     font-size: 23px;
     font-weight: bolder;
     line-height: 35px;
}
}
 .cal_info >div p{
     font-size: 23px;
}
 .navbar, .map_form,  .bl_reg_c,  .modal-content, .bl_pris, .reg_b >div >div{
  background: linear-gradient(0deg, #101524 0%, #1A2540 100%);

}

 .plr{
     padding-top: 20px;
     padding-left: 60px;
     padding-right: 60px;
}
 .bg_withe{
     background: #fff;
}
 .h_b{
     position: absolute;
     top: 74%;
     right: 5%;
     text-align: right;

    
}
 .h_b span{
     color: rgba(255,255,255,.7);
     font-size: 12px;
     line-height: 200%;

 }
 .h_b a{
     display: inline-block;
      background: #fff;
     border-radius: 30px;
     padding:15px 30px;
     text-transform: uppercase;
     text-decoration: none;
     color: #000;
     border:1px solid #fff;
     transition: all 0.5s ease-out;
     cursor: pointer;
 }
 .h_b_2{
     position: relative;
     background: #fff url(../img/download.png) no-repeat;
     background-position: 20px center;
     background-size: 20px;
     color: #000;
     border:1px solid #fff;
     border-radius: 50px;
     padding:15px 20px 15px 50px;
     transition: all 0.5s ease-out;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
     font-size: 12px;
}
.h_b_2_2{
       position: relative;
     background: #fff  no-repeat;

     background-size: 20px;
     color: #000;
     border:1px solid #fff;
     border-radius: 50px;
     padding:15px 30px 15px;
     transition: all 0.5s ease-out;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
     font-size: 12px;
}
 .h_b a:hover,.h_b_3:hover, .page-5 a:hover{
     background: linear-gradient(0deg, #FFE88F 12%, #CB8819 100%);

}

 .h_b_3{
     margin:10px auto 40px;
     background: #fff;
     border-radius: 50px;
     padding:15px 30px;
     text-transform: uppercase;
     text-decoration: none;
     color: #000;
     transition: all 0.5s ease-out;
     cursor: pointer;
}
 .table-scroll{
     display: block;
     overflow: hidden;
     overflow-x: scroll;
     text-align: center;
     margin:10px 70px 30px;
     padding: 70px 20px;
    background:  url(../img/bg_winners.png) no-repeat;
    background-size: 100% 100%;
}
 table{
     width: 100%;
     text-align: center;
     color: #fff;
}
 table td{
     font-weight: 100;
     vertical-align: top;
     padding: 10px 0;
}
 thead th{
     font-weight: 700;
}
 .back-top {
     position: absolute;
     top: -20px;
     right: 150px;
     margin-right: 25px;
     background:#fff url(../img/icon/top.svg) no-repeat center;
     border:2px solid #141b2e;
     background-size: 25px auto;
     cursor: pointer;
     width: 60px;
     height: 60px;
     border-radius: 50px;
     z-index: 10000 
}
 .back-top:hover{
     border:5px solid #141b2e;
     transition: all 0.5s ease-out;
}
 .navbar-nav .nav-item a{
     background-repeat: no-repeat;
     background-position: center left;
}
 .navbar-nav2 {
     padding:0;
     margin: 0;
}
 .navbar-nav2 li{
     list-style: none;
     display: inline-block;
     width: 140px;
}
 .nav-link{
     color: #fff;
     font-size: 14px;
     transition: all 0.5s ease-out;
     line-height: 100%;
}
 .nav-link:hover{
     color:#e1000f;
}
 .enter_btn{
     font-size: 14px;
     font-weight: 700;
     padding: 5px 40px 5px 0px;
     background-repeat: no-repeat;
     background-position: center right;
     background-image: url(../img/arrow.png);
     background-size: auto 20px;
     transition: all 0.5s ease-out;
     cursor: pointer;
}
 .enter_btn:hover span{
     background: #e1000f;
     color: #fff;
}
 .enter_btn span{
     background: #fff;
     padding:10px;
     border-radius: 10px;
     transition: all 0.5s ease-out;
}
.enter_up{
    font-size: 14px;
     font-weight: 700;
     padding: 5px 40px 5px 0px;
     background-repeat: no-repeat;
     background-position: center right;
     background-image: url(../img/arrow.png);
     background-size: auto 20px;
     transition: all 0.5s ease-out;
     cursor: pointer;
}
 .enter_up span{

     padding:10px;
     border-radius: 10px;
     transition: all 0.5s ease-out;
     border: 1px solid #fff;
     color:#fff;
}
 .birds{
     position: relative;
     display: inline-block;
}
}
 .birds:before{
     content: '';
     position: absolute;
     display: block;
     width: 40px;
     height: 40px;
     background: url(../img/bird.png) no-repeat;
     background-size: auto 20px;
     margin-top: -18px;
     margin-left: 10%;
}
 .page-6 .birds:before{
     margin-left: 60%;
}
 .bl_pris .titl-bl{
     font-size: 25px;
     line-height: 120%;
}
 .bl_pris .titl-bl span{
     text-transform: none;
}
 .bl_pris >div{
     align-items: center;
}
 .reg_b >div >div{
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding:10px 20px;
     width: 100%;
     border-radius: 30px;
     color: #fff;
     text-transform: uppercase;
     font-weight: normal;
     font-size: 16px;
     cursor: pointer;
}
 .reg_b >div >div >div{
     display: inline-block;
     vertical-align: middle;
}
 .reg_b >div >div img{
     display: inline-block;
     width: 30px;
     height: 30px;
     margin-right:10px;
}
 .reg_form{

     padding:50px 0 
}
 .bl-center{
     display: block;
     margin: 20px auto 
}
 .reg_bl{
     width: 75%;
     margin:0 auto;
     padding:70px;
     color: #fff;
     font-size: 16px;
}
.reg_bl form{
    padding:70px;
    background: url(../img/bg_form.png) no-repeat;
    background-size: 100%  100%;

}
 .reg_form .titl-bl{
     color: #fff;
     margin-bottom: 30px;
}
}
 .reg_form input, .reg_form select{
     margin: 5px auto 15px;
     padding:10px 15px;
}
 .reg_form select{
     background: #f6f6f6 url("../img/icon/out.svg") no-repeat;
     background-size: 20px;
     background-position: 90% center;
}
 .reg_form .col{
     padding-left: 5px;
     padding-right: 5px;
}
 .reg_form .btn{
     margin: 20px 0;
}
/*------ Личный кабинет ВХОД------*/
 .page-enter{

     padding-top: 30px;
     padding-bottom: 5px;
}
 .enter_form{
     width: 100%;
     max-width: 450px;
     padding:40px 60px;
     margin: 20px auto;
     background: url(../img/bg_enter.png) no-repeat;
     background-size: 100% 100%;
}
.page-enter .titl-bl{
     font-size: 30px;
}
 .enter_form .titl-bl{
     margin:20px 0 30px;
}
 .enter_form p{
     color: #fff;
}
 .ent:after{
     display: none;
}
 .btn{
     background: #fff;
     border-radius: 30px;
     font-weight: 700;
     color: #000;
     padding: 10px 40px;
     transition: all 0.5s ease-out;
}
 .btn:hover{
     background: #97D3F5;
     color: #FFFFFF;
}
 .btn_reg{
     border: 2px solid #fff;
     background: transparent;
     color: #fff;
}
 .forget{
     display: inline;
     padding:0;
     border-radius: 0px;
     font-size: 16px;
     text-decoration: underline;
     color: #fff;
}
/*------ Личный кабинет ------*/
 .lk_{

     padding-top: 50px;
}
 .lk{
     background: #fff;
     padding-top: 70px;
}
 .lk .row{
     margin:10px 0 0;
}
 .lk b{
     color: #e1000f;
}
 .lk {
     color: #1d525c;
     font-size: 18px;
     font-weight: bold;
}
 .lk table{
     color: #404040;
}
 .lk table th{
     color: #1d525c 
}
 .lk .texts{
     color: #696464;
     line-height: 100%;
     padding-top: 10px;
     font-weight: normal;
     padding:15px 0;
}
 .lk tbody td{
     padding:15px 0;
}
 .page-link{
     position: relative;
     text-align: center;
     font-weight: bolder;
     border: none;
     color: #1d525c;
     background: none;
     border-radius: 50px;
     width: 5px;
     height: 17px;
     margin: 4px;
     font-size: 12px;
     line-height: 0px;
     padding:2px; 
     display: table-cell;
     vertical-align: middle;
}

 .active > .page-link, .page-link.active{
     color: #1d525c;
     border:1px solid #1d525c;
     background: #fff;
     border-radius: 50px;
     transition: all 0.5s ease-out;
     cursor: pointer;
}
 .page-item:first-child .page-link,.page-item:last-child .page-link{
     border-radius: 50px;
}
 .page-3 .page-link{
     color: #fff;
     background: transparent;
}
 .page-3 .active .page-link{
     border: 1px solid #fff;
}
 .page-item{
     margin:5px;
}
 .page-3 .page-link:hover{
     background: #e1000f;
}
 .bl_reg_c{
     padding:50px 0;
     text-align: center;
}
 .bl_reg_c .titl-bl{
     font-size: 20px;
     margin-bottom: 50px;
}
 .model_qr .bg_withe, .model_photo .bg_withe{
     width: 80%;
     border-radius: 30px;
     padding:40px;
     margin:20px auto;
     color: rgba(4,48,56,1);
     box-shadow: 0 0 20px rgba(255,255,255,.5);
     text-transform: uppercase;
}
 .modal.model_qr .btn, .modal.model_photo .btn{
     width: 80%;
     text-transform: uppercase;
}
 .model_qr .bg_withe p, .model_photo .bg_withe p{
     color: #297568;
     font-size: 20px;
}
 .model_qr .modal-dialog, .model_photo .modal-dialog{
     width: 40%;
}
 .model_all .modal-dialog{
     width: 30%;
}
/*------ товары участвующие в акции -------*/

 .gift-fon{
    padding-top: 40px;
    padding-bottom: 50px;
}
 .slider-for div{
     color: #fff 
}
 .slider-for .product{
     text-align: center;
     width: 35%;
     padding: 50px 30px 150px;
     background: url(../img/bg_gif.png) no-repeat;
     background-size: 100% 100%;
     margin:0 60px 60px;
     display: inline-block;
     vertical-align: top;

}
 .slider-for .product p{
     font-size: 20px;
}
 .slider-for .product p b{
     font-size: 30px;
}
 .slider-for .info_pr{
     display: inline-block;
     vertical-align: top;
     width: 40%;
     padding-top: 40px;
     padding-left: 40px;
     padding-bottom: 100px;
}
 .slider-for .info_pr .titl-bl{
     font-size: 25px;
     margin-bottom: 20px;
}
 .slider-nav .slick-list.draggable{
margin-left: 40px;
     position: absolute;
     width: 40%;
     height: 100px;
     top: -150px;
     padding: 0 10px !important 
}
.slick-slide.slick-current.slick-active.slick-center{

background: radial-gradient(circle, rgba(255,255,255,0.6964985823430935) 0%, rgba(255,255,255,0.2) 6%, rgba(255,255,255,0) 70%); 
}
 .slider-for .product img{
     width: 90%;
}

 .slider-nav img{
     width: 100px;
}
 .pagination{
     justify-content: center;
}
/*------ Модальное окно ------*/

 .modal-dialog{
     width: 60%;
     max-width: 1000px;
     min-width: 400px;
     color: #fff;
}
 .modal-dialog .titl-bl{
     font-size: 25px;
     margin-bottom: 20px;
     color: #000
}
 .modal-body{
     padding:0px 40px 30px;
}
 .modal-body img{
     width: 90%;
     margin:20px auto;
     vertical-align: top 
}
 .modal-body .label{
     color: #fff;
}
 .modal-body input, .modal-body button.btn{
     margin-top: 5px;
     margin-left:0;
     width: 80%;
}
 .modal-body button.btn{
     padding: 10px 30px;
}
 .model_forget .modal-dialog{
     width: 30%;
}
 .model_forget .modal-content, .modal-content{
     background: #fff;
     border-radius: 20px;
     color: #000

}
.modal-content .btn{
    background: #1A2540;
    color: #fff;
     width: 100%;
 }

 .modal-body .pad-right button.btn{
    width: 90%;
     margin: 20px auto 30px;

 }
 .modal-header{
     border:0;
     z-index: 10;
     line-height: 0px;
}
 .model_forget .titl-bl, .model_forget p{
     color: #404040;
}
.model_all .modal-body{
     padding-bottom: 250px;
     position: relative;
}
.model_all .modal-content:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     padding-bottom: 160px;
}
.pad-right input{
    text-align: center;
    width: 90%;
    border: 1px solid #BBBBBB;
    background:#fff; 
    margin: 20px auto 30px;
}

 @media (min-width: 1000px) {

     .bg-main{
         height: 100%;
         min-height: 500px;
    }
     .navbar-brand img{
         height: 50px;
    }
     .nav-link{
         font-size: 12px;
    }
     .ruls_1{
         
         text-align: center;
    }
    .page-1{
          text-align: center;
     }

     .ruls_1 img{
          position: relative;
         height: 350px;
        
    }
      .ruls_1 img:nth-child(1){
         
         margin-top: 0px;
    }
     .ruls_1 img:nth-child(2){
         margin-left: 200px;
         top: 80px;
    }
     .ruls_1 img:nth-child(3){
        
    }
     .h_b_2{
         right: -350px;
         top: -45px;
    }
     .h_b_2_2{
        right: 380px;
         top: -45px;
     }
    
     .page-2 img{
         max-width: 200px;
    }
     footer .navbar-brand img{
         height: 40px 
    }

    
     .slider-for .info_pr .titl-bl {
         font-size: 18px;
         margin-bottom: 10px;
    }
     .slider-for .product{
         width: 45%;
         margin: 0 20px;
         padding: 30px 10px;
    }
     .slider-for .product, .slider-for .info_pr{
         padding-bottom: 150px;
    }
     .slider-for .info_pr{
         padding-left: 10px;
         width: 45%;
    }
    .cal_info >div{
          width: 700px;
     }
}
 @media only screen and (max-width: 750px) {
        table.tb_present{
        width: 90%;
    }
 .modal-dialog{
    width: 96%;
 }
.modal-body{
    padding: 0px 10px 30px;
}
.modal-dialog {

  min-width: 80%;
}
.modal.model_photo .btn, .modal.model_qr .btn, .pad-right input{
    width: 100%;
}
.pad-right input{
    font-size: 12px
}

     .navbar-nav2 {
         text-align: center;
    }
     .navbar-nav2 li {
         display: block;
         width: 100%;
         margin: 20px 0;
    }
     .model_qr .modal-dialog, .model_photo .modal-dialog , .model_forget .modal-dialog{
         width: 95%;
    }
    .model_all .modal-dialog{
         width: 65%;
          margin: 20px auto;
    }
     .modal-dialog .titl-bl {
         font-size: 20px;
    }

     .model_forget .modal-dialog .modal-body {
         padding: 0px 15px 30px;
    }
     .bl_reg_c img{
         margin-bottom: 40px;
    }
     .slider-for .info_pr ul{
         font-size: 12px;
    }
     .navbar-brand img{
         height: 30px !important;
         margin-left: 10px;
    }
     .map_form {
     width: 400px;
     padding: 60px 20px;
}
     .bg-main .h_1{
         position: relative;
         width: 100%;
         height: 350px;
         background: url(../img/h_1_m.png) no-repeat top center;
         background-size: 100% auto;
    }
     .h_b{
         position: absolute;
         top: 57%;
         right: 10px;
    }
     .titl-bl{
         font-size: 25px;
    }
     .page-2 .titl-bl span{
         font-size: 25px;
    }
     .page-2 .titl-bl p{
         font-size: 14px;
    }
     .page-2{
         padding: 40px 10px 40px;
    }
     .page-2 img{
         width: 100%;
         max-width: 200px;
         margin-top: 50px;
         margin-bottom: 10px;
    }
    .page-3  .container{
        padding:0 
    }
     .page-3  .container .row{
         padding:0 
      }
    .rozygrysh{
        width: 80%;
        height: 150px;
    }
    .table-scrol{
        padding: 50px 20px;
    }
    .present_block{
         width: auto;
    }

    .btn_r {
     margin-top: 17%;
    }
     .page-6{
         padding: 40px 0 0;
    }

     .page-6 img {
         width: 100%;
    }
    .cal_info >div{
          width: 90%;
          max-width: 500px;
     }
     .page-5{
         padding: 40px 0;
    }

    .bg-main {
      background-size: auto 100%;
      padding-top: 0px;
    }
     .bg-main {
         background-size: auto 120%;
    }
    
     .ruls_1{
         text-align: center;
    }
    .page-1 img{
         width: 80%;
         margin: 10px auto;
         max-width: 400px;
    }
     .page-1{
         text-align: center;
    }
     .h_b_2{
         top: 50px;
    }
     .page-5 a{
         position: relative;
         display: inline-block;
         top: 0px;
         left: 0;
         right: 0px background: #e1000f;
         border-radius: 30px;
    }
     .page-5 img {
         width: 95%;
    }
     .table-scroll{
         margin: 10px 0px 30px;
    }
     table{
         font-size: 12px;
    }
     .page-4{
         padding: 10px;
    }
     .map{
         margin: 10px auto;
    }
     .map_form{
         width: 100%;
    }

     .page-4 .titl-bl {
         font-size: 20px;
    }
    
     .back-top {
         right: 10px;
         top: -20px;
    }

     .reg_bl {
         width: 100%;
         margin: 0 auto;
         padding: 10px;
         color: #fff;
         font-size: 14px;
    }
     .slider-for .product {
         width: 80%;
         margin: 0 auto;
         padding:10px;
         display: block;
    }
     .slick-next{
         left: 80% !important;
         right: 0px !important;
    }
     .slider-for .info_pr {
         width: 80%;
         text-align: center;
         display: block;
         margin:0px auto;
         padding-left: 0px;
    }
     .slider-for .info_pr ul{
         display: none;
    }


     .bg-main .container{
         padding:0;
    }
   
     .map input{
         width: 80%;
    }
    .h_b_2_2{
        position: static;
        display: block;
        margin:20px auto; 
        width: 80%
    }
    .h_b_2{
        position: static;
         display: block;
          margin:20px auto;
          width: 80%
    }
}
 @media only screen and (max-width: 1000px) {
     .cal_info .modal-content{
        margin-top: 50px;
        width: 300px;

        height:300px;
     }
     .cal_form p, .cal_form input,.cal_form button.btn{
          font-size: 14px;
          line-height: 20px;
     }
     .cal_info > div p{
        font-size: 12px;
          line-height: 14px;
           margin-top: 0px;
           margin-bottom: 1px;
     }
      .cal_info >div .titl-bl{
          margin-top: 0px;
          font-size: 12px;
     }
      .cal_info .h2{
        font-size: 16px;
      }
}
 @media only screen and (min-width: 1300px) {
     .h_b_2 {
         font-size: 30px;
         right: -550px;
        top: -55px;
    }
     .h_b_2_2 {
         font-size: 30px;
         right: 550px;
        top: -55px;
    }
    
     .bg-main {
         min-height: 750px;
    }
     .nav-link {
         font-size: 16px;
    }
     .bg-main .h_1 {
         height: 650px;
    }
     .h_b{
         font-size: 25px;
         border-radius: 50px;
    }
     .titl-bl{
         margin-top: 70px;
         font-size: 60px;
    }
     .cal_info >div .titl-bl{
          margin-top: 0px;
          font-size: 30px;
     }
     .ruls_1 img {
         height: 350px;
    }


     .page-5 img {
         width: 100%;
    }
     .page-5 a{
         font-size: 30px;
         padding:10px 30px;
    }

     .cal_info >div{
          width: 1000px;
          padding-top: 240px;
     }
   .cal_form p{
          font-size: 40px;
          line-height: 50px;
     }
    .page-6 img {
  		width: 90%;
	}	

     .map{
         height: 700px;
    }
    
     table{
         font-size: 25px;
    }
     table td{
         padding: 20px 0;
    }
     
}
 @media only screen and (max-width: 500px) {
     .calendar_ids{
          width: 80%;
         margin-left: -40%;
     }
      .cal_info > div, .cal_form > div{
       width: 100%;
       max-width: 450px;
       min-width: 300px;

     }
     .cal_form > div p{
          line-height: 110%;
     }
     .modal-dialog .titl-bl{
          margin-bottom: 0;
     }
}
 .pt-60{
     padding-top: 40px 
}
 .pt-80{
     padding-top: 80px 
}
 .pb-80{
     padding-bottom: 80px 
}
 .ptb-40{
     padding: 40px 0 
}
 .mtb-40{
     margin: 40px auto;
}
 .mt-30{
     margin-top: 30px 
}
 .mt-40{
     margin-top: 40px 
}

 .pull-left{
     float: left;
}

/*-------------------------------------------------------*/
/* Navigation 
/*-------------------------------------------------------*/
 .nav-link, .navbar-nav2 button{
     text-align: center;
     text-transform: uppercase;
     padding-bottom: 0 
}
 .navbar-expand-md .navbar-nav .nav-link{
     margin-right: 15px;
}
 .navbar-toggler{
     color: #fff;
     border:none;
}
 .navbar-toggler-icon{
     color: #fff;
}


/*-------------------------------------------------------*/
/* footer 
/*-------------------------------------------------------*/
 footer{
     position: relative;
     background: #fff;
     padding: 70px 0 0;
}
 footer p, footer a{
     color: #000;
     font-size: 14px;
     font-weight: 300;
     line-height: 120%;
}
 footer a{
     text-decoration: underline;
     color: #e1000f;
}
 footer a:hover{
     color: #000 
}

/*-------------------------------------------------------*/
/* enter & reg 
/*-------------------------------------------------------*/
 form.enter .form-group, form.enter .form-row{
     margin: 10px auto 
}
 form.enter .form-group input{
     background: #f6f6f6;
     border: none;
     border-radius: 32px;
     color: #3e060b;
     height: 45px;
     padding-left: 40px;
     width: 100%;
     margin: 15px auto 
}
 form.enter .form-row{
     margin: 40px auto 
}
 .forgetpass p{
     color: #b8b8b8;
}
 .forgetpass .btn{
     margin-top: 0px;
}
 .forgetpass form{
     margin-top: 50px;
}
 .reg input{
     padding: 13px 25px;
}
 .lk select.form-control {
     padding: 0px 25px 10px;
     color: #B4B4B4;
}
 .lk select.form-control, .form-tabs select{
     background: #F6F6F6 url('../img/icon/out.svg') no-repeat;
     background-position: 95% center;
     background-size: 20px;
}
 .reg .btn{
     padding: 12px 30px;
}
 .label-check__input:checked + .label-check__new-input {
     background: #009455 url(../img/chekbox.png) no-repeat center;
     border: 1px solid #009455;
}
 .label-check {
    font-size: 12px;
     width: 100%;
     cursor: pointer;
     padding-left: 35px;
     position: relative;
     z-index: 100;
}
 .col .label-check.option{
     color: transparent;
     width: auto;
}
 .reg .custom-checkbox .label-check{
     color: #737373;
     font-size: 12px;
}
 .form-row{
     align-items: center;
}
 .custom-control {
     position: relative;
     display: block;
     min-height: 1.5rem;
     padding-left: 0;
     margin:30px 10px; 
}
 .label-check__input {
     display: none;
}
 .label-check__new-input {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 20px;
     height: 20px;
     background: #F6F6F6;
     border: 1px solid #E0E0E0;
     border-radius: 30px;
     font-size: 10px;
}

 .col-f{
     display: flex;
     justify-content: space-between;
}
 .col-f .col{
     flex: 0 1 auto;
}
 .forgetpass .modal-body{
     width: 100%;
     max-width: 490px;
     margin: 60px auto;
     padding: 0 40px;
}
 .forgetpass label{
     margin-top: 40px 
}
 .captcha_g >div:nth-child(2){
     padding-left: 0;
}
 .captcha_g >div:nth-child(2) input{
     margin-top: 5px 
}
 .reg .info-text{
     font-size: 14px;
     line-height: 100%;
}
 .reg .info-text a{
     color: #E40005;
     text-decoration: underline;
}
/*-------------------------------------------------------*/
/* LK 
/*-------------------------------------------------------*/
 
 .file-input-img label{
     text-align: center;
     font-weight: bold;
     color: #000000;
     margin-top: 200px 
}
 .fixmodel .modal-body{
     width: 100%;
     max-width: 1000px;
     margin: 60px auto 
}
 .fixmodel label{
     margin-top: 25px;
}
 .img-bill{
     width: 100%;
     padding: 20px 0 20px 5px;
     border:1px solid #ccc;
}

/*-------------------------------------------------------*/
/* screen 
/*-------------------------------------------------------*/
 @media (max-width: 670px) {
     .row{
         margin-right: 5px;
         margin-left: 5px;
    }

}
  @media (max-width: 750px) {

    .slider-nav .slick-list.draggable{
     margin-left: 0 !important;
     width: 100%;
     top: -60px;
    }
    .slider-nav img {
     width: 90%;
     }
}