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

html,
body {
   height: 100%;
   min-width: 320px;
}

body {
   line-height: 1;
   font-family: Rubik;
   color: #333333;
}

a {
   text-decoration: none;
}

ul li {
   list-style: none;
}

.wrapper {
   overflow: hidden;
   min-height: 100%;
   display: flex;
   flex-direction: column;
}
._ibg {
   position: relative;
}

._ibg img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

/*---------------------------------------------------------------------------*/
/*Головна сторінка*/
[class*="__container"] {
   max-width: 1630px;
   margin: 0 auto;
   padding: 0px 15px;
}
.header {
   background-color: aliceblue;
}
.menu__icon {
   display: none;
}
.header__container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   height: 92px;
}
.header__logo {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
}
.header__logo img {
   height: 35px;
}

.header__logo_text {
   color: #00008b;
   text-transform: uppercase;
   font-size: 35px;
   font-weight: 700;
}
.header__logo_img {
   padding: 15px;
}
@media (max-width:1568px) {
.header {
      padding-bottom: 35px;
   }
}
.menu__list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
}
.menu__list>li {
   position: relative;
}
/*====================================================================================*/

body._touch .menu__list>li {
   display: flex;
   align-items: center;
}

body._touch .menu__link {
   flex: 1 1 auto;
}

body._touch .menu__list>li._active {
   opacity: 1;
   visibility: visible;
   transform: translate(0px, 0px);
   pointer-events: all;
}
body._lock {
   overflow: hidden;
}

/*========================================================================================*/
.menu__item {
   margin: 0px 0px 0px 35px;
}

.menu__link {
   color: #333333;
   font-size: 20px;
   font-weight: 500;
   text-decoration: none;
   background-image: linear-gradient(currentColor, currentColor);
   background-position: 0% 100%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   transition: background-size 0.55s;
}
.menu__link:hover {
   color: #00008b;
   background-size: 100% 2px;
}
.linkactive {
   color: #00008b;
   font-weight: 700;
}
.linkactive:hover {
   background-size: 0% 2px;
}
@media (max-width:995px) {
   .header {
         padding-bottom: 0px;
      }
   .menu__icon {
      z-index: 5;
      display: block;
      position: relative;
      width: 30px;
      height: 18px;
      cursor: pointer;
   }

   .menu__icon span,
   .menu__icon::before,
   .menu__icon::after {
      left: 0;
      position: absolute;
      height: 10%;
      width: 100%;
      transition: all 0.3s ease 0s;
      background-color: #00008b;
   }

   .menu__icon::before,
   .menu__icon::after {
      content: "";
   }

   .menu__icon::before {
      top: 0;
   }

   .menu__icon::after {
      bottom: 0;
   }

   .menu__icon span {
      top: 50%;
      transform: scale(1) translate(0px, -50%);
   }

   .menu__icon._active span {
      transform: scale(0) translate(0px, -50%);
   }

   .menu__icon._active::before {
      top: 50%;
      transform: rotate(-45deg) translate(0px, -50%);
   }

   .menu__icon._active::after {
      bottom: 50%;
      transform: rotate(45deg) translate(0px, 50%);
   }

   .menu__body {
      position: fixed;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background-color: rgba(184, 189, 183, 0.9);
      padding: 100px 30px 30px 30px;
      transition: left 0.3s ease 0s;
      overflow: auto;
   }
   .menu__body._active {
      left: 0;
   }    

   .menu__body::before {
      content: "";
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      height: 70px;
      z-index: 2;
   }
   .menu__list {
      display: flex;
      flex-direction: column;
      align-items: center;
}
   .menu__list>li {
      flex-wrap: wrap;
      margin: 0px 0px 50px 0px;
   }

   .menu__list>li:last-child {
      margin-bottom: 0;
   }

   .menu__link {
      font-size: 24px;
      color: #00008b;
      
   }
}
.main__title {
   padding-top: 200px;
   height: 566px;
   background: url('../img/main.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
@media (max-width:1484px) {
   .main__title {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
   }
}
.main__title_block {
   margin: auto;
   background-color: rgba(3, 49, 77, 0.7);
   max-width: 700px;
   color: #ffffff;
   border-radius: 15%;
   padding: 50px;
}

.main__title_text {
   text-transform: uppercase;
   text-align: center;
   line-height: 1.5;
   font-size: 32px;
}

.bold {
   font-weight: 700;
}
.main__background {
   background-color: aliceblue;
   
}
.main__container {
   background: url('../img/logo_darkblue_opacity.svg') center no-repeat;
   padding-top: 30px;
}
.main__container p{
   max-width: 1200px;
   margin: 0px auto;
   line-height: 1.8;
   font-size: 32px;
   padding-bottom: 30px;
   
}
.main__parallax {
   height: 300px;
   background-image: url('../img/Main2.jpg');
   background-repeat: repeat;
   background-position: 0 0;
   background-attachment: fixed;
}

.footer {
   background-color: #333333;
   color: white;
   font-size: 20px;
   padding-top: 35px;
   padding-bottom: 35px;
}
.footer__container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      flex-grow: 0;
      justify-content: flex-end;
}
.contact-footer {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   margin: 0px 40px 20px 0px;
   flex-grow: 0;  
}
.footer__name_logo img{
   width: 20px;
   margin: 0px 25px 0px 0px;
}
.footer__address_logo img{
   width: 20px;
   margin: 0px 25px 0px 0px;
}
.footer__phone_logo img {
   width: 20px;
   margin: 0px 25px 0px 0px;
}
.footer__mail_logo img {
   width: 20px;
   margin: 0px 25px 0px 0px;
}
.footer__copy {
   justify-content: center;
   
}
.footer__copy_logo img {
   width: 20px;
   margin: 0px 25px 0px 0px;
}
@media (max-width:680px) {
   .header__logo_text {
      font-size: 30px;
   }
   .main__title_block {
      max-width: 400px;
      padding: 30px;
   }
   .footer {
         font-size: 16px;
         padding-top: 35px;
         padding-bottom: 35px;
      }
   .main__container p {
      font-size: 25px;
      }
}
@media (max-width:600px) {
   .header__logo_text {
      font-size: 24px;
   }

   .main__title_block {
      max-width: 400px;
      padding: 25px;
   }
   .main__title_text {
      font-size: 24px;
}
   .footer {
      font-size: 16px;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   .main__container p {
      font-size: 21px;
   }
}

@media (max-width:530px) {
   .header__logo_text {
      font-size: 20px;
   }

   .main__title_block {
      max-width: 350px;
      padding: 22px;
   }

   .main__title_text {
      font-size: 22px;
   }

   .footer {
      font-size: 14px;
      padding-top: 25px;
      padding-bottom: 25px;
   }

   .main__container p {
      font-size: 18px;
   }
}
@media (max-width:450px) {
   .header__logo_text {
      font-size: 15px;
   }
}
@media (max-width:370px) {
   .header__logo_text {
      display: none;
   }
}
/*==ПОСЛУГИ========================================================================*/
.poslugy__container {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: nowrap;
   padding-top: 30px;
   padding-bottom: 30px;
   align-items: center;
   
}
.poslugy {
   background-color: aliceblue;
}

.poslugy__text p{
   font-size: 20px;
   line-height: 1.8;
   padding: 0px 30px 10px 0px;
}
.poslugy__text {
   flex-shrink: 1;
}

.center {
   text-align: center;
}

.poslugy__img img{
   box-shadow:20px 20px 10px #333333;
   max-width: 40vw;
}
.poslugy__img{
   flex-shrink: 1;
}
.main__title_poslugy {
   padding-top: 200px;
   height: 566px;
   background: url('../img/Poslugy.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
@media (max-width: 1675px) {
.main__title_poslugy {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: auto 100%;
}
}
.main__title_block-poslugy {
      margin: auto;
      background-color: rgba(3, 49, 77, 0.7);
      max-width: 500px;
      color: #ffffff;
      border-radius: 15%;
      padding: 50px;
}

@media (max-width:1400px) {
   .poslugy__container {
      flex-direction: column;
   }
      .poslugy__text p {
         padding-right: 0px;
      }
      .poslugy__img img {
         max-width: 100%;
         flex-grow: 1;
      }
}
/*==ЗАКОНОДАВСТВО========================================================================*/
.main__title_zakonodavstvo {
      padding-top: 200px;
      height: 566px;
      background: url('../img/Zakonodavstvo.jpg');
      background-position: 0% center;
      background-repeat: no-repeat;
      background-size: 100% auto;
     /* filter: grayscale(0.7);*/
}
@media (max-width: 1110px) {
   .main__title_zakonodavstvo {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
   }
}
.main__title_block-zakonodavstvo {
   margin: auto;
      background-color: rgba(3, 49, 77, 0.7);
      max-width: 500px;
      color: #ffffff;
      border-radius: 15%;
      padding: 50px;
}
.zakonodavstvo__container {
   background: url('../img/logo_darkblue_opacity.svg') center 20% no-repeat;
}
.zakonodavstvo {
   background-color: aliceblue;
}
.zakonodavstvo__text {
   padding: 20px 0px;
   font-size: 20px;
   line-height: 1.8;
}
.zakonodavstvo__text p {
   padding: 10px 0px;
}
.zakonodavstvo__text li{
   background: url('../img/icons/check.svg') left top no-repeat;
   padding: 0px 35px;
}
.zakonodavstvo__text ul {
   margin-bottom: 10px;
}

.zakonodavstvo__links {
   background: url('../img/landmark-flag_opacity.svg') center center no-repeat;
   padding: 20px 0px;
   font-size: 18px;
   line-height: 1.2;
   color: inherit;
}
.zakonodavstvo__links a {
   color: inherit;
   font-size: 22px;
   line-height: 1.8;
}
.zakonodavstvo__links a:hover {
   font-weight: 600;
   color: #db3737;
   font-size: 22px;
   line-height: 1.8;
   text-shadow: #2b0b0b 2px 2px 1px;
}
.zakonodavstvo__links li::before {
   content: "";
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #db3737;
   display: inline-block;
   margin-right: 20px;
}
.zakonodavstvo__links li {
   padding-left: 30px;
}
/*==ВИРІШЕННЯ СПОРІВ========================================================================*/
.main__title_vyrishennya_sporiv {
   padding-top: 200px;
   height: 566px;
   background: url('../img/Vyrishennya_sporiv.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
@media (max-width: 2720px) {
   .main__title_vyrishennya_sporiv {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
   }
}

.main__title_block-vyrishennya_sporiv {
   margin: auto;
   background-color: rgba(3, 49, 77, 0.7);
   max-width: 500px;
   color: #ffffff;
   border-radius: 15%;
   padding: 50px;
}

.vyrishennya_sporiv__text, 
.vyrishennya_sporiv__text2 {
   font-size: 18px;
   line-height: 1.4;
}
.vyrishennya_sporiv__text p,
.vyrishennya_sporiv__text2 p {
   padding-bottom: 10px;
}
.vyrishennya_sporiv__text {
   padding: 30px 0px;
}
.vyrishennya_sporiv__text li {
   padding-left: 50px;
}
.vyrishennya_sporiv__text ul {
   margin-top: 10px;
   margin-bottom: 10px;
}
.vyrishennya_sporiv {
   background-color: aliceblue;
}
.vyrishennya_sporiv__text2 {
   flex: 1 1 60%;
   padding-right: 30px;
}

.vyrishennya_sporiv_2 {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: nowrap;
   padding-bottom: 30px;
   align-items: flex-start;
}

.vyrishennya_sporiv__img {
   position: relative;;
   flex: 1 1 40%;
}
.vyrishennya_sporiv__img img{
   box-shadow: 20px 20px 10px #333333;
   min-width: 100%;
}
.vyrishennya_sporiv__text li {
   background: url('../img/icons/check.svg') left top no-repeat;
   padding: 0px 35px;
}
@media (max-width:1490px) {
   .vyrishennya_sporiv_2 {
      flex-direction: column;
      align-items: center;
   }

   .vyrishennya_sporiv__text2 p {
      padding-right: 0px;
   }
}
/*==ЕЛЕКТРОБЕЗПЕКА========================================================================*/
.main__title_elektrobezpeka {
   padding-top: 200px;
   height: 566px;
   background: url('../img/Elektrobezpeka.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 100% auto;
}
@media (max-width: 1240px) {
   .main__title_elektrobezpeka {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
   }
}
.main__title_block-elektrobezpeka {
   margin: auto;
   background-color: rgba(3, 49, 77, 0.7);
   max-width: 500px;
   color: #ffffff;
   border-radius: 15%;
   padding: 50px;
}

.elektrobezpeka {
   background-color: aliceblue;
   font-size: 18px;
   line-height: 1.4;
}
.elektrobezpeka__text li {
   background: url('../img/icons/check.svg') left top no-repeat;
   padding: 5px 0px 5px 35px;
}
.elektrobezpeka__container {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: nowrap;
   padding: 50px 0px;
   align-items: flex-start;
}

.elektrobezpeka__text {
   flex: 0 0 60%;
   padding: 5px 20px; 
}

.electrobezpeka__img {
   flex: 1 1 40%;
}
.electrobezpeka__img img{
   max-width: 600px;
   box-shadow: 20px 20px 10px #333333;
   min-width: 100%;
}
@media (max-width:1510px) {
   .elektrobezpeka__container {
      flex-direction: column;
      align-items: center;
   }
   .electrobezpeka__img {
      padding-top: 40px;
   }
}
.redbackground {
   background-color: #b9ddff;
}
.red li {
   background: url('../img/icons/check_white.svg') left top no-repeat;
   padding: 5px 0px 5px 35px;

}
/*==КОНТАКТИ========================================================================*/
.main__title_cont {
   padding-top: 200px;
   height: 566px;
   background: url('../img/Contacts.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: 100% auto;
}

@media (max-width:2500px) {
   .main__title_cont {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: auto 100%;
   }
}