*{
    box-sizing: border-box;
  }

*,*::after, *::before{
   box-sizing: inherit;
   margin: 0;
   padding: 0;
}

html,body{
   height: 100%;
   scroll-behavior: smooth;
}

ul{
   list-style: none;
}

a{
   text-decoration: none;
   color: inherit;
}
/*
.merriweather-regular {
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-style: normal;
 }
 
 .merriweather-bold {
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-style: normal;
 }
 
 .merriweather-black {
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
 } */
 
body{
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-style: normal;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

.container{
   max-width: 1220px;
   margin: 0 auto;
   padding: 0 10px; 
  }

/*HEADER*/


.background_head{
   background-repeat: no-repeat;
   background-size:contain;
   background-position: center;
   width: auto;
   height: 800px;
}

/*Page background*/

.page_background-head{
   background: hsla(197, 63%, 15%, 1);
   background: linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -moz-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -webkit-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0E303E", endColorstr="#1D5351", GradientType=1 );
   padding-bottom: 20px;
}


.swiper-slide{
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
}

/*Page background*/
.header-main{
   background-color: transparent;
   position: absolute;
   z-index: 5;
   left: 0;
   right: 0;
}

.header__inner{
   padding-top: 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.logo_img{
   width: 150px;
}

.logo_img:hover{
  opacity: 70%;
  transition: 0.2s;
}

.menu__list{
   display: flex;
   gap: 35px;}

.menu__list, li{
   cursor: pointer;
}


.menu__list-link{
   color: #fff;
   text-transform: uppercase;
   font-size: 19px;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   letter-spacing: 1px;
}


.menu__list-link a:hover{
   color: #fffb27;
   text-shadow: rgb(101, 182, 248) 1px 0 10px;
   opacity: 90%;
   transition: 0.2s;
}

.menu__btn{
   width: 30px;
   height: 30px;
   display: flex;
   flex-direction: column;
   justify-content: space-between; 
   background: transparent;
   border: none;
   cursor: pointer;
   color: #fff;
   transition: 0.2s;
   display: none;
   margin: 20px;
}


.menu__btn:hover{
   color: #ffffffe5;
}

.menu__btn:before{
   font-family: 'icomoon';
   content: "\e9bd";
   font-size: 35px;
}




.head_form{
   position: absolute;
   z-index: 4;
   display: grid;
   margin-top: 150px;
   
}

.head_form img{
   width: 670px;
   padding: 0px 0px;
   opacity: 80%;
}

.formbtn{
   width: 590px;
   padding:25px;
   font-size: 30px;
   font-family: "Merriweather", serif;
   font-weight: 700;
   text-transform: uppercase;
   color: #ffffff;
   background-color: #ffffff4f;
   border: none;
   border-radius: 35px;
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease 0s;
   cursor: pointer;
   outline: none;
 }
 
 .formbtn:hover {
   background-color: #2384c488;
   box-shadow: 0px 15px 20px rgba(46, 110, 229, 0.4);
   color: #ffffff;
   transform: translateY(-7px);
 }
 
 .formbtn:active {
   transform: translateY(-1px);
 }
.formbtn{
   margin: 30px 10px;
}

.oneslide{
   display: flex;
   justify-content: left;
}

.close_wind{
   position: fixed;
   bottom: 40px;
   right: 40px;
   z-index: 7;
   color: #ffffff;
   background: #2d5f5d;
   padding: 18px 20px;
   border-radius: 20px;
   font-size: 30px;
   transition: 0.4s;
   cursor: pointer;
}


.close_wind:hover{
   background: #cececeb4;
   color: #000000;

}

.close_wind:before{
   font-family: 'icomoon';
   content: "\e96b"; 
}

/*HEADER*/

/*TABS*/

.tabs{
   margin-bottom: 40px;
}

.tabs__btn{
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 80px;
   text-align: center;
   margin-bottom: 50px;
}

.tabs__btn-item{
   height: 60px;
   font-size: 25px;
   font-family: "Arial", serif;
   font-weight: 700;
   border: 0;
   cursor: pointer;
   color: #ffffffc4;
   border-radius:8px;
   background: hsla(197, 63%, 15%, 1);
   background: linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -moz-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -webkit-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
}


.tabs__btn-item--active{
   background: none;
   color: #1c504f;
   border: 2px solid #0b1c3a;

}

.tabs__content-item{
   display: none;
}

.qr-inner{
   display: flex;
   justify-content: center;
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-style: normal;
}

.tabs__content-item img{
   width: 300px;
   margin: 0px 30px 100px 0px 
}

.tabs__content-item h1{
   text-align: center;
   margin: 30px 0px 20px 0px;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   text-transform: uppercase;
}

.tabs__content-item p{
   font-size: 22px;
   line-height: 60px;
}

.tabs__content-item.tabs__content-active{
   display: grid;
}

/*TABS*/
/*SLIDER*/

.swiper-pagination-bullet{
   width: 170px;
   height: 5px;
   border-radius: 0;
}


.swiper-pagination-bullet-active{
   background: #ffffff;
}

.txt_motto{
   position: absolute;
   display: inline-block;
   bottom: 0;
   z-index: 3;
   margin: 44px 0px;
}


/*POP UP*/

.popup_qrcode{
   width: 100%;
   height: 243px;
   background-image:url(../img/POPUP.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.link_popup{
   width: 150px;
   height: 150px;
   background: none;
   position: absolute;
   display: inline-block;
   right: 200px;
   margin-top: 80px;
   cursor:grab
}
.closer_popup{
   position: absolute;
   display: inline-block;
   right: 0;
   z-index: 4;
   font-size: 40px;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   margin: 0px 20px;
   color: #fff;
   cursor: pointer;
}

.closer_popup:hover{
   color: cadetblue;
   text-shadow: rgb(117, 191, 255) 1px 0 20px;
}


/*POP UP*/
/*FOOTER*/
footer{
   background: hsla(197, 63%, 15%, 1);
   background: linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -moz-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   background: -webkit-linear-gradient(45deg, hsla(197, 63%, 15%, 1) 0%, hsla(178, 48%, 22%, 1) 100%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#0E303E", endColorstr="#1D5351", GradientType=1 );
   padding: 40px 0px;
}

.footer__wrap{
   display: flex;
   justify-content: space-between;
}

.logo__footer{
   width: 150px;
}

.social__item{
   width: 40px;
   margin: 0 12px;
}

.social__item:hover{
   opacity: 50%;
}

.footer__menu-list{
   color: #fff;
   text-transform: uppercase;
   font-size: 16px;
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-style: normal;
}

.footer__menu-item{
   padding-bottom:15px;
   line-height: 30px;
}

.footer__menu-item a:hover{
   color: #fffb27;
   text-shadow: rgb(101, 182, 248) 1px 0 10px;
   opacity: 90%;
   transition: 0.2s;
}

.map_footer{
   width: 300px;
   height: 250px;
}

.copyright{
  color: #7a7a7a;
  text-align: center;
  margin:80px 0px 40px 0px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}

.kryla__author{
   margin: 10px 0px;
   font-family: Arial, Helvetica, sans-serif;
}

/*FOOTER*/

.main{
   flex-grow: 1;
}


.pointer {
   position: absolute;
   width: 100px;
   height: 100px;
   pointer-events: none;
   z-index: 100;
   top: 50%;
   left: 50%;
   opacity: 0
 }
 
 .pointer .pointer__circle {
   position: absolute;
   top: 50%;
   transform: scale(1) translateY(-50%);
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 10px;
   height: 10px;
   background: #4FC3F7;
   border-radius: 50%;
   transition: all .5s cubic-bezier(.37, .01, 0, .98)
 }
 
 .pointer.hide .pointer__circle {
   transition: all .3s;
   opacity: .2;
   width: 60px;
   height: 60px
 }




.title_block{
   text-align: center;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-size: 26px;
   text-transform: uppercase;
   margin: 50px 0px;
   color: #0b1c3a;
}


 /*GOAL BLOCK*/

 .goal_inner{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 40px 0;
   color: #5e5f06;
 }

 .goal_inner img{
   width: 300px;
   border-radius: 150px;
   margin-right: 20px;
   box-shadow: 18px 16px 52px -14px rgba(0,0,0,0.33);
 }

 .goal_inner h1{
   margin: 50px 0px;
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-size: 30px;
   padding-left: 50px;
   text-align: left;
 }
 .goal_right h1{
   padding:0px 50px 0px 20px;
   
 }

/*GOAL BLOCK*/

/*MEDIA BLOCK*/
.images_cont img{
   width: 520px;
   border-radius: 30px;
   box-shadow: 18px 16px 52px -14px rgba(0,0,0,0.56);
   
}

.mediabox_inner{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 60px 0;
}


.media_items{
   padding: 0px 60px;
   
}

.media_items h1{
   font-family: "Merriweather", serif;
   font-weight: 700;
   color: rgb(116, 26, 26);
   font-size: 29px;
   text-transform: uppercase;
}

.media_items p{
   font-family: "Merriweather", serif;
   font-weight: 400;
   padding: 18px 0px;
   text-align: justify;
}

.mediablock_btn{
   width: 95%;
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-size: 28px;
   background: #ac1414;
   color: white;
   text-align: center;
   padding: 17px;
   text-transform: uppercase;
   border-radius: 20px;
   cursor: pointer;
   border: 0;
   transition: 0.3s;

}

.mediablock_btn:hover{
   color: #ac1414;
   background: white;
   box-shadow: inset 0px 0px 39px 15px rgba(0,0,0,0.1);
}


.follow_inner{
   display: flex;
   justify-content: space-between;
   align-items:center;
   padding: 0px 40px;
}

.subscribe_youtube img{
   width: 250px;

}


/*MEDIA BLOCK*/


/*RANGE GENERATOR*/
.backprogimg{
   width: 300px;
   height: 300px;
   position: relative;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   background-color: rgba(116, 26, 26);
   margin: 30px 0px;
   border-radius: 20px;
   box-shadow: 1px 5px 9px 0px rgba(190, 190, 190, 1);

}

.backprogimg h2{
   font-family: "arial", serif;
   font-weight: 700;
   text-align: center;
   padding: 10px 0px;
   color: white;
   background: #3a3a3ab7;
   border-radius: 0px 0px 20px 20px;
   -webkit-box-shadow: 5px 10px 29px -14px rgba(255,255,255,1);
   -moz-box-shadow: 5px 10px 29px -14px rgba(255,255,255,1);
   box-shadow: 5px 10px 29px -14px rgba(255,255,255,1);
   position: absolute;
   bottom: 0;
   width: 100%;
}

.backprogimg p{
   color: #ffffff;
   -webkit-text-stroke-color: #0b1c3a;
   -webkit-text-stroke-width: 2px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 900;
   font-size: 34px;
   margin-top: 67px;
   text-shadow: 1px 5px 6px rgba(128, 128, 128, 1);
   padding: 100px 0px 0px 0px;
}


progress{
    display: block;
    border-radius: 6;
    width: auto;
    height: 22px;
    border: 3px solid #7e7e7e00;
    margin: 3px;
}
progress::-webkit-progress-bar {
    background-color: rgba(191, 224, 255, 0.822);
    border-radius: 6px;
}
progress::-webkit-progress-value {
    background-color: rgb(56, 56, 56);
    background-image: linear-gradient(rgb(57, 77, 167), rgb(8, 136, 255));
    border-radius: 6px;
}
progress::-moz-progress-bar {
    background-color: rgb(0, 55, 128);
    background-image: linear-gradient(rgb(0, 60, 128), rgb(20, 124, 156));
    border-radius: 6px;
}


/*****************************NEWS**********************************/
/*****************************NEWS**********************************/
/*****************************NEWS**********************************/
/*****************************NEWS**********************************/

.news_image{
   width: 290px;
   height: 260px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 15px;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
}

.daynews_inner{
   width: 290px;
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-style: normal;
  
}
.daynews_inner{
   display: grid;
   justify-content: center;
}
.daynews_inner h1{
   font-size: 20px;
   text-align:justify;
   overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-clamp: 2;
      box-orient: vertical;
}

.daynews_inner P{
   font-size: 17px;
   text-align:justify;
}
.daynews_inner time{
   text-align: left;
   font-family: "Arial", serif;
   font-weight: 700;
   font-style: normal;
   color: #ac1414;
}

.daynews_inner button{
   width: 100%;
   height: 40px;
   margin: 10px 0px;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   background-color: #ac1414;
   color: #ffff;
   border:none;
   border-radius: 8px;
   cursor: pointer;
   font-size: 21px;
   text-transform: uppercase;
   letter-spacing: 3px;
}

.daynews_inner button:hover{
   background: #ac141428;
   color:#ac1414;
}

.daynews_inner button:before{
   font-family: 'icomoon';
   content: "\ea3c";
   font-size: 28px;
}

.news_mainblock{
   display: grid;
   grid-template-columns: repeat(3,10fr);
   gap:50px;
}

/*****************************NEWS**********************************/
/*****************************NEWS**********************************/
/*****************************NEWS**********************************/

/*****************************NEWS PAGE**********************************/
/*****************************NEWS PAGE**********************************/


.mine_post-inner{
   margin: 20px 0px;
}

.mine_post{
   width: 78%;
   height: 70vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #ffff;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   display: block;
   margin: 0 auto;
   border-radius: 20px;
   position: relative;
}

.post_txt{
   background: #000000b4;
   padding: 5px 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 20px 20px;
}

.post_txt h1{
   margin: 10px 0;
}

.post_txt p{
   margin: 5px 0;
   line-height: 20px;
   text-align: justify;
} 

.post_txt time{
   font-family: "Arial", serif;
   font-weight: 900;
   font-style: normal;
   display: block;
   margin: 10px 0;
   text-align: right;
}

.box_news{
   display: flex;
   margin: 20px 0;
}

.box_news img{
   width: 310px;
   height: 310px;
   border-radius: 20px;
   margin: 0px 10px 0px 0px ;
}
.text_newsbox{
   margin: 0px 10px;
}

.text_newsbox h1{
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   margin-top: 10px;
}

.text_newsbox p{
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-style: normal;
   margin-top: 30px;
   text-align: justify;
}
.text_newsbox time{
   display: block;
   margin: 10px 0;
   text-align: right;
   font-family: "Arial", serif;
   font-weight: 400;
   font-style: normal;

}

.text_newsbox button{
   width: 100px;
   height: 30px;
   float: right;
   background: #ac1414;;
   border: 0 transparent;
   padding: 5px 0;
   color: white;
   border-radius: 10px;
   cursor: pointer;
}


.text_newsbox button:hover{
   color: white;
   background: #ac141485;
}

.text_newsbox button:before{
   font-family: 'icomoon';
   content: "\ea3c";
   font-size: 28px;
}

.all_news-inner{
   margin-bottom: 60px;
}

.moto{
   height: 300px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   display: grid;
   box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
   box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
   box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
} 

.moto h1{
   text-transform: uppercase;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   font-size: 27px;
   text-align: center;
   color: #fff;
   margin-top:auto;
   margin-bottom:auto;
   letter-spacing: 2px;
}

/*****************************NEWS PAGE**********************************/
/*****************************NEWS PAGE**********************************/


/*****************************NEWS MORE**********************************/
/*****************************NEWS MORE**********************************/
/*****************************NEWS MORE**********************************/
.title_post-one h1{
   text-align: center;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   margin-top: 50px;
}


.title_post-one p{
   margin: 20px 0px 30px 0px;
   font-family: "Merriweather", serif;
   font-weight: 700;
   font-style: normal;
   line-height: 25px;
   text-indent: 1.5em;
}

.title_post-one img{
   display: block;
   margin: 0 auto;
   border-radius: 18px;
}

.video_news{
   display: grid;
   margin: 40px 0px 70px 0px;
   justify-content: center;
}

.video_news iframe{
   width: 1000px;
   height: 560px;
   border-radius:20px;
   -webkit-box-shadow: 5px 10px 29px -14px rgb(105, 105, 105);
   -moz-box-shadow: 5px 10px 29px -14px rgb(105, 105, 105);
   box-shadow: 5px 10px 29px -14px rgb(105, 105, 105);
   
}

/*****************************NEWS MORE**********************************/
/*****************************NEWS MORE**********************************/
/*****************************NEWS MORE**********************************/



/***************************************************/
/***************************************************/
/******************About****************************/
/***************************************************/
/***************************************************/



.about_step h1 {
   margin: 30px 0px;      
   font-family: "Merriweather", serif;
   font-weight: 900;
   text-transform: uppercase;
   border-left: 15px solid #1c504f;
   color: #1c504f;
   padding: 0px 20px;
}
 
.imagesabout{
   width: 220px;
   margin: 20px;
   cursor: pointer;
   border-radius: 20px;
   background: #1c504f2f;
   padding: 10px;
   transition: 0.2s;;
}
.imagesabout:hover{
   background: #1c504f4d;
}

.imagesabout img{
   display: block;
   margin: 0 auto;
   width: 100%;
}

.imagesabout p{
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-size: 19px;
   text-align: center;
   line-height: 25px;
}

.about_stepinner{
   display: flex;
   justify-content: space-between;
}

.about_txt{
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-size: 19px;
   text-align: justify;
   padding-bottom: 40px;
   line-height: 25px;
}

.download_about{
   font-family: "Merriweather", serif;
   font-weight: 400;
   font-size: 25px;
   display: block;
   margin: 0 auto;
   padding: 20px;
   border-radius: 5px;
   background: #1c504f;
   color: white;
   text-transform: uppercase;
   border: 0px;
   cursor: pointer;
   transition: 0.2s;
}

.download_about:before{
   font-family: 'icomoon';
   content: "\eadf";
   font-size: 29px;
}
.download_about:hover{
   color: #1c504f;
   background: #1c504f2a;
}

.btn_downloadabout{
   margin: 30px 0px;
}


/***************************************************/
/***************************************************/
/******************Contact****************************/
/***************************************************/
/***************************************************/

.contact_box{
   width: 300px;
   font-family: "Merriweather", serif;
   background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgb(0, 152, 155) 0.1%, rgb(0, 94, 120) 94.2% );
   text-align: center;
   padding: 20px;
   margin: 40px;
   border-radius: 30px;
   color:#fff;
   box-shadow: 1px 1px 86px 11px rgba(255,255,255,0.45) inset;
}

.image_contact{
   width: 200px;
   height: 200px;
   display: block;
   background-repeat: no-repeat;
   background-size: cover;
   margin: 0 auto;
   border-radius: 20px;
   box-shadow: 9px 13px 9px -4px rgba(0,0,0,0.19);
}

.contact_box h1{
   font-weight: 900;
   text-transform: uppercase;
   font-size: 26px;
}

.contact_box p{
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
   text-align: justify;
}

.contact_innerbox{
   display: flex;
   justify-content: space-between;
}

.contact_box button{
   font-family: Arial, Helvetica, sans-serif;
   margin: 20px;
   font-weight: 900;
   font-size: 20px;
   padding: 10px;
   border: 0px;
   color: #1c504f;
   border-radius: 10px;
   cursor: pointer;
   transition: 0.2s;
}

.contact_box button:before{
   font-family: 'icomoon';
   content: "\e942";
   font-size: 18px;
   padding: 2px 4px;
   color: #1c504f;
}

.contact_box button:hover{
   background: #ffffff94;
}


.items_bunk--inner{
   display: block;
   margin: 0 auto;
   text-align: center;
}

.items_bunk{
   margin: 0px 0px 90px 0px;
}

.name_cash{
   font-family: "Merriweather", serif;
   font-weight: 400;
   text-transform: uppercase;
   font-size: 20px;
   padding: 3px 0px;
   display: block;
}

.input_cash{
   height: 20px;
   width: 500px;
   padding: 12px;
   border-radius: 5px;
   border: transparent;
   background: #1c504f28;
   font-family: "arial", serif;
}


.copy_txt{
   font-family: "Merriweather", serif;
   font-weight: 400;
   text-transform: uppercase;
   font-size: 18px;
   padding: 5px 5px;
   border: transparent;
   background: #1c504f60;
   color: white;
   cursor: pointer;
   border-radius: 5px;
   transition: 0.2s;
}

.copy_txt:before{
   font-family: 'icomoon';
   content: "\e92c";
   font-size: 25px;
}

.copy_txt:hover{
   background: #1c504fb9;
}

.contact_back{
   color: #fff;
   height:20vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   display: flex;
   -webkit-box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
   box-shadow: inset 1px -1px 36px 0px rgba(0,0,0,0.75);
}

.contact_back h2{
   text-transform: uppercase;
   font-family: "Merriweather", serif;
   font-weight: 900;
   font-style: normal;
   font-size: 18px;
   text-align: center;
   line-height: 39px;
   color: #fff;
   margin: 28px;
   letter-spacing: 2px;
}

/*************************/
/*************************//*************************/
/*************************/
/*************************//*************************/
/*************************/
/*************************//*************************/
/*************************/
/*************************//*************************/
/*************************/
/*************************/
/*************************//*************************/
/*************************/



.btn-up {
   position: fixed;
   background-color: #673ab7;
   right: 20px;
   bottom: 0;
   border-top-left-radius: 8px;
   cursor: pointer;
   display: flex;
   align-items: center;/
   justify-content: center;
   width: 60px;
   height: 50px;
   z-index: 9;
 }
 
 .btn-up::before {
   width: 40px;
   height: 40px;
   background: transparent no-repeat center center;
   background-size: 100% 100%;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
 }
 
 .btn-up_hide {
   display: none;
 }
 .btn-up {
   position: fixed;
   background-color: #041f16;
   right: 20px;
   bottom: 20px;
   border-radius: 22px;
   cursor: pointer;
   width: 44px;
   height: 44px;
 }
 
 .btn-up::before {
   content: "";
   text-align: center;
   position: absolute;
   width: 20px;
   height: 20px;
   left: 12px;
   top: 12px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
 }
 @media (hover: hover) and (pointer: fine) {
   .btn-up:hover {
     background-color: #0d3836; /* цвет заднего фона при наведении */
   }
 }


/*************************/
/*************************//*************************/
/*************************/


/*************************/
/*************************//*************************/
/*************************/



@media (max-width:1180px){
   .txt_motto{
      display: block;
      font-size: 19px;
   }

   .swiper-slide{
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
   }

   .news_mainblock{
      display: grid;
      grid-template-columns: repeat(2,10fr);
      gap:50px;
   }

   .daynews_inner {
      display: block;
      margin: 0 auto;
   }
   .media_items {
      padding: 0px 27px;
  }
  .mediabox_inner {
   margin: 2vh 0;
}
   .tabs__btn {
      gap: 20px;
   }

}

@media (max-width:1100px){
   .text_newsbox h1{
      font-size: 26px;
      margin-bottom: 0px;
   }
   .text_newsbox p{
      font-size: 15px;
      margin-top: 5px;
   }

   .video_news iframe{
      width: 600px;
      height: 350px;

   }

   .moto h1 {
      padding: 10px;
      font-size: 22px;
   }

}

@media (max-width:860px){
   

   .header__inner{
      padding-top: 20px;
   }


   .swiper-slide{
      height: 80vh;
   }

   .head_form img {
      width: 401px;

   }

   .formbtn{
      width: 350px;
    padding: 17px;
    font-size: 20px;
   }  
   .popup_qrcode {
      width: 100%;
      height: 20vh;
   }

   .title_block{
      font-size: 15px;
   }

   .moto h1 {
      padding: 5px;
      font-size: 18px;
      line-height: 40px;
      letter-spacing: 5px;
   }

   .goal_inner img{
      width: 200px;
   }

   .goal_inner h1{
      font-size: 23px;
   }
   .mediabox_inner{
      display: inline-block;
   }

   .media_items {
      padding: 0px 10px;
  }

  .images_cont img{
   display: block;
   margin: 0 auto;
  }

  .map_footer{
   display: none;
}

.menu__btn{
   display: flex;

}

.menu__btn, 
.logo_img{
   position: relative;
   z-index: 10;
}



.menu__list{
   position: absolute;
   background-color: #0b1c3aea;
   color: #fff;
   flex-direction: column;
   top:0;
   left: 0;
   right: 0;
   bottom: 0;
   align-items: center;
   padding: 200px 0px 0px 0px;
   height: 100vh;
   z-index: 6;
   transform: translateY(-100%);
   transition: transform .3s ease;
   
}

.menu__list.menu__list--active{
   transform: translate(0%);
}

.swiper-pagination-bullet{
   width: 10px;
   height: 10px;
   border-radius: 0;
}

.backprogimg{
   margin: 0 auto;
}
.range_drone{
   margin-bottom: 35px;
}

.tabs__content-item img {
   width: 20%;
   margin: 0px 30px 100px 0px;
}

/**/
.about_stepinner{
   display: grid;
   grid-template-columns: repeat(2,1fr);

}
.about_step h2{
   display: none;
}

.imagesabout{
   width:80% ;
}
.images_cont img {
   width: 100%;
}
.box_news{
   display: block;
}

.box_news img{
   display: flex;
   margin: 0 auto;
   width: 500px;
   height: 500px;
}

/**/

.contact_innerbox{
   display: grid;
   grid-template-columns: repeat(2,1fr);
}

}


@media (max-width:690px ){
   .news_mainblock{
      display: grid;
      grid-template-columns: repeat(2,10fr);
      gap:10px;
   }

   .post_txt h1{
      font-size: 23px;
   }

   .post_txt p{
      font-size: 12px;
   }

   .mine_post{
      width: 100%;

   }

   .box_news img{
      display: flex;
      margin: 0 auto;
      width: 300px;
      height: 300px;
   }
   .tabs__content-item p {
      font-size: 18px;
      line-height: 49px;
  }
  
}
 

@media (max-width:640px ){
   .news_mainblock{
      grid-template-columns: repeat(1,10fr);
   }

   .video_news iframe{
      width: 440px;
      height: 250px;

   }

}


@media (max-width:585px){
   .input_cash {
      height: 20px;
      width: 80%;
   }

   .tabs__btn {
      grid-template-columns: repeat(1, 1fr);
    
  }

  .title_post-one h1{
   font-size: 22px;
  }

  .video_news iframe{
   width: 340px;
   height: 180px;

}

}

@media (max-width:435px){

   .close_wind{
      bottom: 0;
      right: 10px;
   }
 
   .header__inner{
      padding-top: 13px;
   }

   .images_cont img {
      width: 100%;
      margin: 5px;
      
  }

   .swiper-slide{
      height: 80vh;
   }
   .txt_motto{
     bottom: 20%
   }
   .motto {
      font-size: 17px;
      letter-spacing: 2px;
   }

   .modal_wndow{
      top:20%;
      left:16%;
   }
   
   .modal_wndow img{
      width: 250px;
   }

   .popup_qrcode {
      display: none;
   }

   .goal_inner img {
      width: 176px;
  }
    
   .goal_inner h1{
      font-size: 12px;
      padding: 0px;
   }
   .tabs__content-item img {
      width: 100px;
      height: 100px;
  }
   .logo__footer{
      width: 100px;
   }
   .head_form img {
      width: 291px;
  }
   .footer__wrap{
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(1,1fr);

   }

   .formbtn {
      width: 246px;
   }

   .about_stepinner{
      display: grid;
      grid-template-columns: repeat(1,1fr);
   
   }

   .contact_innerbox{
      display: grid;
      gap: 45px;
      grid-template-columns: repeat(1,1fr);
   }
   .contact_box{
      margin: 0 auto;
      flex-direction: column;
      justify-content: space-between;
   
   }
   .input_cash {
      height: 20px;
      width: 70%;
   }
   .menu__list-link{
     font-size: 20px; 
   }

   .mine_post{
      background-position: bottom;
   }
}

@media (max-width:380px){
   .goal_inner img {
      width: 126px;
  }
  .goal_inner h1 {
   font-size: 14px;
  }
  .goal_inner {
   margin: 0 2px;
  }
  .tabs__content-item p {
   font-size: 12px;
   line-height: 21px;
}

.video_news iframe{
   width: 200px;
   height: 100px;

}

.contact_box{
   font-size: 20px;
}

.contact_box button{
   margin: 3 px;
}

.contact_box {
   width: 70%;

}

.contact_box button {
   margin: 13px 0;
}

}