/*Обнуление*/
* {
   padding: 0;
   margin: 0;
   border: 0;
}
*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
:focus,
:active {
   outline: none;
}
a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1.3;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   font-family: "Open Sans", sans-serif;
   background-color: #f2f2f2;
}
input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}
button {
   cursor: pointer;
}
button::-moz-focus-inner {
   padding: 0;
   border: 0;
}
a,
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
ul li {
   list-style: none;
}
img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin-top: 0;
   margin-bottom: 0;
}
p {
   margin-top: 0;
   margin-bottom: 0;
}
/*fancybox-добавляет padding вместо скрола при открытии*/
body.compensate-for-scrollbar .header__castom_menu {
   padding-right: 17px;
}
body.compensate-for-scrollbar {
   padding-right: 17px;
}
/*--------------------*/

header .container,
.header__castom_menu .container,
.onescreen__bg .container {
   /*max-width: 1340px;*/
   max-width: 1170px;
   margin: 0px auto;
   padding: 0px 25px;
}

.container {
   max-width: 1140px;
   margin: 0px auto;
   padding: 0px 15px;
}

.header__castom_menu {
   height: auto;
   width: 100%;
   z-index: 2;
   position: absolute;
   border-bottom: 1px solid #000066;
   background-color: #0000cc;
}

/*
.header__castom_menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 70px;
    display: none;
    background-color: #0000CC;
}
*/

.header__body_menu {
   position: relative;
   display: flex;
   height: auto;
   justify-content: flex-start;
   font-family: "Open Sans", sans-serif;
   transition: all 0.8s ease-in-out;
}

.header__burger {
   display: none;
}

.header__menu ul {
   margin: 0;
}
.header__list {
   display: flex;
}
.header__list li {
   list-style: none;
   margin-right: 40px;
   padding: 20px 0;
}
.header__list li a {
   color: #fff;
   transition: color 0.08s ease-in-out;
}
.header__list li a:hover {
   color: #fff;
   text-decoration: underline;
}
.header__link {
   color: #000;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 1px;
}
.header__burger_container p {
   color: #000;
   z-index: 3;
   padding-right: 15px;
   padding-bottom: 1px;
   display: none;
   font-size: 25px;
   font-weight: 600;
   /*text-transform: uppercase;*/
}

.menufixed {
   position: fixed;
   top: 0;
}

.onescreen__bg .onescreen__text h1 span {
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
}

/*Большие девайсы (большие десктопы, < 1200px)*/
@media (max-width: 1199.98px) {
}

/*Средние девайсы («таблетки», < 992px) */
@media (max-width: 991.98px) {
}

/*Малые девайсы («ландшафтные», < 768px)*/
@media (max-width: 899.98px) {
   .header__castom_menu .container {
      padding: 0;
   }

   .header__burger_container {
      padding: 20px 25px;
   }

   .header__body_menu {
      justify-content: flex-end;
   }

   .header__menu {
      position: absolute;
      max-height: 0;
      text-align: end;
      overflow: hidden;
      transform: translateY(74px);
      transition: all 0.3s ease-in-out;
   }
   .header__menu.active {
      max-height: 310px;
   }

   .header__menu .header__list {
      display: block;
   }

   .header__menu .header__list li {
      margin: 0;
      padding: 0;
   }

   .header__menu li a {
      padding: 15px 25px;
      display: block;
      border-bottom: 1px solid #000066;
      border-left: 1px solid #000066;
      background-color: #0000a3;
   }

   .header__list li a:hover {
      color: #fff;
      text-decoration: none;
      /*background-color: #0000CC;*/
   }

   .header__burger {
      display: block;
      position: relative;
      width: 30px;
      height: 20px;
      z-index: 3;
   }

   .header__burger_container {
      display: flex;
      margin: 0;
      height: 100%;
      align-items: center;
   }

   .header__burger_container p {
      display: block;
      color: #fff;
   }

   .header__contact {
      display: none;
   }

   .header__burger span {
      position: absolute;
      background-color: #fff;
      left: 0;
      width: 100%;
      height: 2px;
      top: 9px;
      transition: all 0.2s ease-in-out;
   }

   .header__burger::before,
   .header__burger::after {
      content: "";
      background-color: #fff;
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      transition: all 0.2s ease-in-out;
   }

   .header__burger::before {
      top: 0;
   }

   .header__burger::after {
      bottom: 0;
   }

   .header__burger.active span {
      transform: scale(0);
   }

   .header__burger.active:before {
      transform: rotate(45deg);
      top: 9px;
   }

   .header__burger.active:after {
      transform: rotate(-45deg);
      bottom: 9px;
   }

   /*.onescreen__bg .container {
        text-align: center;
    }*/

   .onescreen__bg .onescreen__text {
      text-align: center;
      margin: auto;
   }
}

/*Малые девайсы («ландшафтные», < 768px)*/
@media (max-width: 768px) {
   .onescreen__bg .onescreen__text h1 {
      font-size: 36px;
   }
}

/*Экстрамалые девайсы («телефоны», < 576px)*/
@media (max-width: 575.98px) {
   .header__contact .header__icontext {
      display: none;
   }

   .onescreen__bg .onescreen__text span {
      font-size: 16px;
   }

   .onescreen__bg .onescreen__text h1 span {
      display: none;
   }
}
