@font-face {
  font-family: 'GlinaScriptEm'; 
  src: url('../fonts/GlinaScriptEm.otf') format('opentype');
}


@font-face {
  font-family: 'DaysOne'; 
  src: url('../fonts/DaysOne-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'TekturRegular'; 
  src: url('../fonts/Tektur-Regular.ttf') format('truetype');
}


@font-face {
  font-family: 'RobotoLight'; 
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'RobotoRegular'; 
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Wingdings'; 
  src: url('../fonts/Wingdings.ttf') format('truetype');
}

 body
   {
    max-width: 1920px;
    height:100%;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
   }

a{
    text-decoration: none;
 }

ul{
    list-style: none;
  }
  

  
.military-header
   {
    position: absolute;
    z-index:27;
    top: 10px;
    width: 100%;
    font-family: 'TekturRegular';
    font-size: 22px;
   }
   
@media (min-width: 1000px) {
    .military-header{
        max-width:1920px;
        font-size: 18px;
    }
}

@media (min-width: 1000px) {
    .logo_and_menu{
     height:200px;
     position:relative;
     top:20px;
     left:20px;
    }
}
  
.logo
   {
    height:200px;
   }
   
.navigation{
    background-color: #ffffff;
    overflow: hidden;
}

.navigation{
    max-height: 0;
    transition: max-height .5s ease-out;
}

.military-menu a{
    padding: 10px;
    color: #000000;
}
.military-menu a:hover{
    background-color: #686868;
}

.hamb{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
}/* Style label tag */
 
.hamb-line {
    background: #000000;
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
 
} /* Style span tag */
 
.hamb-line::before,
.hamb-line::after{
    background: #000000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 5px;
}
.hamb-line::after{
    top: -5px;
}
 
.side-menu {
    display: none;
} /* Hide checkbox */


/* Toggle menu icon */
.side-menu:checked ~ nav{
    max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}


@media (min-width: 1000px) {
    .navigation{
        max-height: none;
        top: 30px;
        position: relative;
        left:-100px;
        float: right;
        background-color: transparent;
    }
    .military-menu li{
        float: left;
    }
    .military-menu a:hover{
        background-color: #ffff;
        color: #686868;
 
    }
 
    .hamb{
        display: none;
    }
}

.dropdown a{
    margin:0px;
    padding:0;
}

.dropdown li{
    margin:9px;
    padding:0;
}

.military-menu .has-children .dropdown {
   visibility: hidden;
   opacity: 0;
   top: 100%;
    
   position: absolute;
   text-align: left;
   border-top: 2px solid #ff8b00;
   -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
   padding: 0px 0;
   margin-top: 20px;
   margin-left: 0px;
   -webkit-transition: 0.8s 0s;
   -o-transition: 0.8s 0s;
   transition: 0.8s 0s; }
   
.military-menu .has-children .dropdown.arrow-top {
          position: absolute;
          }
          
.military-menu .has-children:hover > .dropdown, .military-menu .has-children:focus > .dropdown, .military-menu .has-children:active > .dropdown {
          visibility: visible;
          position: relative;
          height:210px;
          width:250px;
          top: 200%;
          background-color: #ffffff !important;
          font-size: 15px;
          opacity: 1; }
          
          
* main {
    width:100%;
    height:100%;
    position:relative;
    top:100px;
    float: right;
    font-family:'RobotoRegular';
    font-size: 25px;
}

@media (min-width: 1000px) {
    * main {
    max-width:1920px;
    height:100%;
    font-family:'RobotoLight';
    top:150px;

}
}

@media (min-width: 1000px) {
.gallery
{
    width:1920px !important;
}
}

.owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color:#ffffff !important;
  font-size:20px !important;
}

@media (min-width: 1000px) {
    .owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color:#ffffff !important;
  font-size:50px !important;
                }
                           }
                           


.owl-prev {
  left: 1rem;
}
.owl-next {
  right: 1rem;
}

.big_stroka {
    position: absolute;
  top: 45%;
  left:10%;
  transform: translateY(-50%);
    color:#ffffff !important;
    font-family: 'TekturRegular';
  font-size:25px !important;
}

@media (min-width: 1000px) {
    .big_stroka {
                position: absolute;
                top: 55%;
                left:15%;
                transform: translateY(-50%);
                color:#ffffff !important;
                font-family: 'TekturRegular';
                font-size:100px !important;
                }
                           }



.small_stroka {
  position: absolute;
  top: 70%;
  left:10%;
  transform: translateY(-50%);
    color:#ffffff !important;
    font-family: 'TekturRegular';
  font-size:20px !important;
}


@media (min-width: 1000px) {
    .small_stroka {
     position: absolute;
     top: 75%;
     left:15%;
     transform: translateY(-50%);
     color:#ffffff !important;
     font-family: 'TekturRegular';
     font-size:30px !important;
                }
                           }

.telefon {
    position: absolute;
  top: 85%;
  left:10%;
  transform: translateY(-50%);
    color:#ffffff !important;
    font-family: 'TekturRegular';
  font-size:20px !important;
}

@media (min-width: 1000px) {
    .telefon {
    position: absolute;
  top: 90%;
  left:15%;
  transform: translateY(-50%);
    color:#ffffff !important;
    font-family: 'TekturRegular';
  font-size:30px !important;
                }
                           }

.telefon a {
    text-decoration: none;
    color:#ffffff !important;
}


h1 {margin-top:0px;
    margin-bottom:4px;
    font-family: 'TekturRegular';
    font-size:30px;
    
}




h2 {margin-top:5px;
    margin-bottom:15px;
    font-family: 'TekturRegular';
    font-size:30px;
    
}

.firtstblock 
 {margin-top: 70px;
 width:100%;
 }
 
.bigblock 
 {margin-top: 70px;
 margin-bottom: 70px;
 width:100%;
 }

.block 
 {margin-top: 70px;
 width:100%;
 
 margin-bottom:30px;

 }
 
 
 @media (min-width: 1000px) {
    .block  {
    height:600px;
                }
                  }
                  

.fotogallery 
 {margin-top: 70px;
 width:100%;
 
 margin-bottom:30px;

 }
 
 
 @media (min-width: 1000px) {
    .fotogallery   {
    height:250px;
                }
                  }
                  

.rolik
     {position:relative;
     margin-top:10px;
      margin-left:-5px;
      margin-bottom:0px;
      float:left;
      width:420px;
      z-index:99;
     }
     
.roliklevo
     {position:relative;
     margin-top:10px;
      margin-left:-5px;
      margin-bottom:0px;
      float:left;
      width:420px;
      z-index:99;
     }
     
.rolik video {width:420px;}
.roliklevo video {width:420px;}

 @media (min-width: 1000px) {
     .rolik {width:700px;}
     .rolik video {width:700px;}
     .roliklevo {width:700px; margin-top:35px !important}
     .roliklevo video {width:700px;}
 }

.rolikpravo
     {position:relative;
      margin-top:10px;
      margin-left:20px;
      right:-35px;
      margin-bottom:0px;
      float:right;
      width:420px;
      z-index:99;
     }

.rolikpravo video {width:420px}
     
 @media (min-width: 1000px) {
     .rolikpravo {width:700px;}
     .rolikpravo video {width:700px;}
 }

.text
     {padding-right:25px;
      padding-left:25px;
     }
     
.text p 
  {
    margin-top:35px;
    margin-bottom: 0px !important;
  }
     
.text ul 
  {
    margin-top: 5px !important;
    margin-left:0px !important;
  }
  
.text ul li {

    margin-top: 0px !important;
  }

.text ul li:before {
    font-family:'Wingdings';
    font-size: 35px;
    margin-right:10px;
    content: "\F0FE"; 
    color: #f77e3d;
   }
 
     
.fotosleva
{
    margin-left:0;
    margin-top:0;
    width:400px;
    height:600px;
    float:left;
}




.fotosprava
{
    margin-left:5px;
    margin-right:5px;
    margin-top:0;
    width:400px;
    height:600px;
    float:right;
}

.counters
{
    width:330px;
    height:900px;
    background-color:#2d2b27;
    padding:40px;
    color: #ffffff !important;
    margin-bottom:20px;
}

@media (min-width: 1000px) {
    .counters  {
    width:1820px;
    height:280px;
    background-color:#2d2b27;
    padding:50px;
    color: #ffffff !important;
                }
                  }

.militarycounter
{  margin-top:40px;
    width:300px;
    float:left;
    text-align: center; 
}



.militarycounter p {
   margin:0 !important;
}

.numbers
{   font-family:'GlinaScriptEm';
    font-size:70px;
}

.numbers::after { content: ""; display: block; border-bottom: 5px solid #ffffff; margin-top:30px; margin-left:90px; width:110px; margin-bottom:30px;}

.opisanie
{
    font-family:'TekturRegular';
    font-size:20px;
}

.thumbnail {
    margin-top:10px;
    margin-right:20px;
    margin-left:10px;
    float: left;
}

.formaname
         {
      margin-top:20px;
      margin-right:25px;
      width:35%;
      height:50px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.tema
         {
      margin-top:25px;
      width:85%;
      height:50px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.pismo
         {
      margin-top:25px;
      width:85%;
      height:190px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.knopka {
    width:200px;
    height:60px;
    background-color:#ffa200;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family:'RobotoRegular';
    font-size: 20px;
}


 @media (min-width: 1000px) {
     .formaname
         {
      margin-top:20px;
      margin-right:25px;
      width:35%;
      height:50px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.tema
         {
      margin-top:25px;
      width:73%;
      height:50px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.pismo
         {
      margin-top:25px;
      width:73%;
      height:190px;
      padding:10px;
      border-radius: 8px;
      border-color:#ffa200;
         }
         
.knopka {
    width:200px;
    height:60px;
    background-color:#ffa200;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family:'RobotoRegular';
    font-size: 20px;
}
 }

.podval
       {
    width:100%;
    background-color:#ff9c00;
    padding:10px;
    font-family:'RobotoRegular';
    font-size: 15px;
       }