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


 body{
     font-family: 'Roboto', sans-serif;
}
 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;
}
 .bg-main{
     background: url(../img/h_fon.png) no-repeat top;
     background-size: auto 100%;
     padding-top: 30px;
}
 .bg-main .h_1{
     position: relative;
     width: 100%;
     height: 450px;
     background: url(../img/h_1.png) no-repeat center;
     background-size: auto 100%;
}
 .page-1{
     background: url(../img/h_fon_2.png) no-repeat top;
     background-size: auto 100%;
     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{
     background: url(../img/h_fon_3.png) no-repeat top;
     background-size: auto 100%;
     padding: 70px 70px 100px;
}
 .page-2 .titl-bl span{
     color: #1d525c;
     font-weight: bolder;
     text-transform: uppercase;
}
 .page-2 .titl-bl p{
     font-size: 30px;
     color: #1d525c;
     font-weight: normal;
     text-transform: uppercase;
}
 .ruls{
     margin-top: 70px;
}
 .page-3{
     background: url(../img/h_fon_4.png) no-repeat top;
     background-size: cover;
     padding-top: 30px;
     color: #fff;
}
 .page-3 p{
     font-size: 20px;
}
 .page-3 b{
     text-transform: uppercase;
}
 .page-3 .titl-bl{
     margin-bottom: 20px;
}
 .page-3 img{
     width: 30%;
     margin-bottom: 30px;
}
 .page-3 form{
     margin: 20px 0;
}
 .page-4{
     background: url(../img/h_fon_3.png) no-repeat top;
     background-size: auto 100%;
     padding: 50px;
}
 .page-4 .titl-bl{
     font-size: 35px;
}
 .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: #e1000f;
     border-radius: 30px;
     font-weight: 700;
     color: #fff;
     padding: 10px 40px;
     transition: all 0.5s ease-out;
     top: 15px;
     right: 0px;
}
 .map_form{
     width: 400px;
     padding:60px 40px;
}
 .page-5{
     background: url(../img/h_fon_5.png) no-repeat top;
     background-size: auto 100%;
     padding: 50px;
     text-align: center;
     position: relative;
}
 .page-5 img{
     width: 80%;
     text-align: center;
}
 .page-5 a{
     position: absolute;
     top: 76%;
     left: 53%;
     background: #e1000f;
     border-radius: 50px;
     padding:5px 30px;
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     transition: all 0.5s ease-out;
     cursor: pointer;
     line-height: 140%;
     border:1px solid #fff;
}
 .page-6{
     background: url(../img/h_fon_6.png) no-repeat top;
     background-size: auto 100%;
     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;
}
.calendar_ids{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -200px;
     width: 400px;
     background: #e1000f;
     border-radius: 30px;
     font-weight: 700;
     font-size: 40px;
     color: #fff;
     padding: 10px 0px;
     transition: all 0.5s ease-out;
     text-align: center;
     cursor: pointer;
     z-index: 1
}
.calendar_ids:hover{
     background: #9d0d14;
}
.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, .cal_form .modal-content{
     background: rgba(255,255,255,.0);
     border: 0px;
}
 .cal_form >div{
     background: url(../img/gift_form.png) no-repeat top;
     background-size: 100% auto;
     margin:0px auto;
     padding-top: 130px;
}

 .cal_form >div input{
     text-align: center;
     padding-left: 0;
     padding-right: 0;
     margin-bottom: 20px;
}
 .cal_info >div{
     color: #fff;
     background: url(../img/gift_info.png) no-repeat top;
     background-size: 100% auto;
     margin:0px auto;
     padding-top: 190px;
}

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

 .cal_info >div .titl-bl{
     font-size: 23px;
     font-weight: bolder;
     line-height: 35px;
}
 .cal_info >div p{
     font-size: 23px;
}
 .navbar, .map_form, .enter_form, .bl_reg_c, .gift-fon, .modal-content, .bl_pris, .reg_b >div >div{
     background: rgb(29,83,91);
     background: linear-gradient(0deg, rgba(29,83,91,1) 0%, rgba(35,97,97,1) 51%, rgba(40,115,103,1) 100%);
}
 .plr{
     padding-top: 20px;
     padding-left: 60px;
     padding-right: 60px;
}
 .bg_withe{
     background: #fff;
}
 .h_b{
     position: absolute;
     top: 76%;
     left: 53%;
     background: #e1000f;
     border-radius: 30px;
     padding:15px 30px;
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     border:1px solid #fff;
     transition: all 0.5s ease-out;
     cursor: pointer;
}
 .h_b_2{
     position: relative;
     background: #b70404 url(../img/download.png) no-repeat;
     background-position: 20px center;
     color: #fff;
     border:1px solid #fff;
     border-radius: 50px;
     padding:15px 30px 15px 60px;
     transition: all 0.5s ease-out;
     text-transform: uppercase;
     text-decoration: none;
     cursor: pointer;
}
 .h_b_2:after{
     content: "";
     position: absolute;
     top: -34px;
     right: 20px;
     background:url(../img/bird.png) no-repeat;
     background-size: contain;
     height: 40px;
     width: 40px;
}
 .h_b:hover,.h_b_3:hover, .page-5 a:hover{
     background: #9d0d14;
     background-position: 20px center;
}
 .h_b_2:hover{
     background: #9d0d14 url(../img/download.png) no-repeat;
     background-position: 20px center;
}
 .h_b_3{
     margin:10px auto 40px;
     background: #e1000f;
     border-radius: 50px;
     padding:15px 30px;
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     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-top: 20px;
     border: 2px solid #fff;
}
 table{
     width: 100%;
     text-align: center;
     color: #fff;
}
 table td{
     font-weight: 100;
     vertical-align: top;
     padding: 10px 0;
}
 thead th{
     font-weight: 700;
}
.datadosherak tbody, .datadosherak td, .datadosherak tfoot, .datadosherak th, .datadosherak thead, .datadosherak tr{
     background: transparent;
}
 .back-top {
     position: absolute;
     top: -20px;
     right: 150px;
     margin-right: 25px;
     background:#fff url(../img/icon/top.svg) no-repeat center;
     border:2px solid #e1000f;
     background-size: 25px auto;
     cursor: pointer;
     width: 60px;
     height: 60px;
     border-radius: 50px;
     z-index: 10000 
}
 .back-top:hover{
     border:5px solid #e1000f;
     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;
}
 .page-4 .titl-bl: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%;
}
 .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{
     background: url(../img/bg_sky.png) no-repeat top;
     background-size: cover;
     padding:50px 0 
}
 .bl-center{
     display: block;
     margin: 20px auto 
}
 .reg_bl{
     width: 65%;
     margin:0 auto;
     background: #fff;
     padding:70px;
     color: #b8b8b8;
     font-size: 16px;
}
 .reg_form .titl-bl{
     color: #404040;
     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{
     background: url(../img/h_fon_enter.png) no-repeat top;
     background-size: auto 100%;
     padding-top: 30px;
     padding-bottom: 5px;
}
 .enter_form{
     width: 100%;
     max-width: 450px;
     padding:40px 60px;
     margin: 20px auto;
     box-shadow: 0px 0px 40px 0px #fff;
}
.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: #e1000f;
     border-radius: 30px;
     font-weight: 700;
     color: #fff;
     padding: 10px 40px;
     transition: all 0.5s ease-out;
}
 .btn:hover{
     background: #9d0d14;
     color: #FFFFFF;
}
 .btn_reg{
     border: 2px solid #fff;
     background: transparent;
}
 .forget{
     display: inline;
     padding:0;
     border-radius: 0px;
     font-size: 16px;
     text-decoration: underline;
     color: #fff;
}
/*------ Личный кабинет ------*/
 .lk_{
     background: url(../img/h_fon_3.png) no-repeat top;
     background-size: auto 100%;
     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{
     text-align: center;
     font-weight: bolder;
     border: none;
     color: #1d525c;
     background: none;
     border-radius: 50px;
     width: 50px;
     height: 50px;
     margin: 40px;
     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%;
}
/*------ товары участвующие в акции -------*/
 .page-gift{
     background: url(../img/h_fon_gift.png) no-repeat top;
     background-size: auto 100%;
}
 .gift-fon{
}
 .slider-for div{
     color: #fff 
}
 .slider-for .product{
     text-align: center;
     width: 35%;
     padding: 30px;
     box-shadow: 25px 0px 20px -20px rgba(255,255,255,0.45), -25px 0px 20px -20px rgba(255,255,255,0.45);
     margin:0 60px;
     display: inline-block;
     vertical-align: top;
     padding-bottom: 150px;
}
 .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: 43% !important;
     position: absolute;
     width: 55%;
     height: 100px;
     top: -100px;
     padding: 0 10px !important 
}
 .slider-for .product img{
     width: 90%;
}
 .slider-nav img{
     width: 100px;
}
 .pagination{
     justify-content: center;
}
/*------ Модальное окно ------*/
 .modal-content{
     border-radius: 0 !important;
}
 .modal-dialog{
     width: 90%;
     max-width: 1000px;
     min-width: 400px;
     color: #fff;
}
 .modal-dialog .titl-bl{
     font-size: 25px;
     margin-bottom: 20px;
}
 .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{
     background: #fff;
}
 .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: 360px;
     background:url(../img/boxs.png) bottom no-repeat;
     background-size: 100% auto; 
}

 @media (min-width: 1000px) {

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

     .ruls_1 img{
         height: 260px;
         margin:0 20px 20px;
    }
     .h_b_2{
         margin-left: 30%;
    }

     .ruls_1 img:nth-child(3){
         margin-left: 200px;
         margin-top: 20px;
    }
     .page-2 img{
         max-width: 250px;
    }
     footer .navbar-brand img{
         height: 40px 
    }

     .slider-nav .slick-list.draggable{
         margin: 0% !important;
         position: absolute;
         width: 100%;
         height: 100px;
         top: -100px;
         padding: 0 10px !important;
    }
     .slider-for .product, .slider-for .info_pr{
         padding-bottom: 100px;
    }
     .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 .info_pr{
         padding-left: 10px;
         width: 45%;
    }
    .cal_info >div, .cal_form >div {
          width: 700px;
     }
}
 @media only screen and (max-width: 750px) {
     .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;
         margin-left: 10px;
    }
     
     .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: 53%;
         left: 20%;
         background: #e1000f;
    }
     .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: 300px;
    }
     .page-6{
         padding: 40px 0 0;
    }
     .page-6 img {
         width: 100%;
    }
    .cal_info >div, .cal_form >div {
          width: 90%;
          max-width: 500px;
     }
     .page-5{
         padding: 40px 0;
    }
     .h_b{
         position: absolute;
         top: 63%;
         left: 20%;
         background: #e1000f;
         max-width: 60%;
         padding:5px 20px;
         border:2px solid #fff;
         text-align: center;
    }
     .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;
    }
     footer::after{
         display: none;
    }
     .back-top {
         right: 10px;
         top: -20px;
    }

     .reg_bl {
         width: 100%;
         margin: 0 auto;
         background: #fff;
         padding: 10px;
         color: #b8b8b8;
         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;
    }
     .slider-for .info_pr ul{
         display: none;
    }
     .navbar-brand img{
         height: 20px;
         margin-left: 10px;
    }
     .bg-main .h_1{
         height: 300px;
         background: url(../img/h_1_m.png) no-repeat top center;
         background-size: 120% auto;
         margin:0px;
    }
     .bg-main .container{
         padding:0;
    }
   
     .map input{
         width: 80%;
    }
}
 @media only screen and (max-width: 1000px) {
     .cal_info >div, .cal_form >div {
          width: 500px;
          padding-top: 90px;
     }
     .cal_info > div p, .cal_form p, .cal_form input,.cal_form button.btn{
          font-size: 14px;
          line-height: 20px;
     }
      .cal_info >div .titl-bl{
          margin-top: 0px;
          font-size: 14px;
     }
}
 @media only screen and (min-width: 1300px) {
     .h_b_2 {
         font-size: 30px;
    }
     .page-main{
         background: #215f60;
    }
     .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-2 {
         background: url(../img/h_fon_3.png) no-repeat top;
         background-size: cover;
    }

     .page-4 {
         background: url(../img/h_fon_3.png) no-repeat top;
         background-size: cover;
    }

     .page-5 img {
         width: 100%;
    }
     .page-5 a{
         font-size: 30px;
         padding:10px 30px;
    }
    .page-6 {
    	background: url(../img/h_fon_6.png) no-repeat top;
  		background-size: cover;
    }
     .cal_info >div, .cal_form >div{
          width: 1000px;
          padding-top: 240px;
     }
     .cal_info > div p, .cal_form p, .cal_form input,.cal_form button.btn{
          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 (min-width: 1100px) {
     .slider-nav .slick-list.draggable{
     margin-left: 48% !important;
     position: absolute;
     width: 50%;
     height: 100px;
     top: -100px;
     padding: 0 0px !important 
     }
     
 }
 @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;
       padding-top: 15%;
     }
     .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 
}
 footer:after{
     content: "";
     position: absolute;
     top: -150px;
     right: 20px;
     background: url(../img/gifts.png) no-repeat;
     background-size: contain;
     width: 150px;
     height: 150px;
}
/*-------------------------------------------------------*/
/* 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 {
     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;
}
 .label-check__input {
     display: none;
}
 .label-check__new-input {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 30px;
     height: 30px;
     background: #F6F6F6;
     border: 1px solid #E0E0E0;
     border-radius: 30px;
     font-size: 12px;
}

 .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;
    }
}