@import "media.css";
@font-face {
  font-display: auto;
}

body {
  font-display: auto;
  font-family: 'PTS45';
}

h1 {
  font-display: auto;
  font-family: 'Officina Serifc Regular';
  text-align: center !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

button {
  outline: none;
}

button:hover {
  outline: none;
}

button:focus {
  outline: none;
}

button:active {
  outline: none;
}

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, div::selection, br::selection, img::selection, a::selection, span::selection, input::selection, textarea::selection, button::selection {
  color: #fff;
  background: #000;
}

.no-padding {
  padding: 0;
}

/*====================================================*/
/*====================    Menu    ====================*/

  nav button {
    margin-left: -16px;
    color: #fff;
  }

  nav button:hover {
    margin-left: -16px;
    color: #006487;
  }

  .navbar {
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-tr {
    background: #222;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border: 1px solid #fff;
  }

  .navbar-toggler {
    padding: 10px;
    border: 0;
    border-radius: 0;
  }

  nav img {
    height: 30px;
  }

  nav li {
    position: relative;
    padding-top: 9px;
    height: 50px;
    text-align: center;
  }

  .nav-link {
    margin-left: 6px;
    margin-right: 6px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  nav li span {
    position: absolute;
    display: none;
    padding-top: 3px;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 0;
    background-color: rgba(255,255,255,.5);
  }
  nav .link-active span {
    background-color: #fff;
  }
  nav .link-active span, nav li:hover span {
    display: block;
  }

  nav li a {
    color: #fff;
  }
  nav li a:hover {
    color: #fff;
  }
  nav .link-active {
    color: #fff;
  }

  .t {
    padding-top: 0px;
  }

  .tel {
    display: block;
    margin-left: 10px;
    padding: 2px 5px;
    /*color: #006487;*/
    /*border: 1px solid #33839f;*/

    -webkit-transition: all 0.1s 0.02s ease-in-out;
       -moz-transition: all 0.1s 0.02s ease-in-out;
        -ms-transition: all 0.1s 0.02s ease-in-out;
         -o-transition: all 0.1s 0.02s ease-in-out;
            transition: all 0.1s 0.02s ease-in-out;
    /*background: #006487;*/
    font-size: 14px;
  }

  .tel:hover {
    text-decoration: none;
    color: #222;
    background: #fff;
  }

  .dropdown-menu {
    height: 100vh;
    border: 0;
    border-radius: 0;
    margin: 0 0 0 -6px;
    padding: 10px 0 10px 0;
  }

  .dropdown-menu a {
    font-size: 18px;
  }

  .dropdown-item {
    margin: 5px 0 5px 0;
    padding: 10px 100px 10px 20px
  }

  .dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: #222;
  }

/*====================    Menu    ====================*/
/*====================================================*/




/*================================================================*/
/*====================    Home / Section 1    ====================*/

  .section-1 {
    background-image: url(../img/section1/img-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
  }

  .section-1 h3, .section-1 h1 {
    font-family: 'Officina Serifc Regular';
    letter-spacing: 0.1em;
  }

  .section-1 h3 {
    text-transform: lowercase;
  }

  .section-1 h1 {
    padding: 0;
    text-transform: uppercase;
  }

  .section-1 hr {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 50px;
    border-top: 1px solid #fff;
  }

  .section-1 p {
    text-transform: uppercase;
    letter-spacing: 0.3em;
  }

/*====================    Home / Section 1    ====================*/
/*================================================================*/




/*=====================================================================*/
/*====================    Our works / Section 2    ====================*/

  .section-2 {
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
  }

  .section-2 h1 {
    color: #fff;
  }

  .container-responsive {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }

  #open-fs-1 .descr, #open-fs-5 .descr, #open-fs-7 .descr, #open-fs-8 .descr {
    background: rgba(30,30,30,.5);
  }

  #open-fs-2 .descr, #open-fs-3 .descr, #open-fs-4 .descr, #open-fs-6 .descr {
    background: rgba(0,70,100,.5);
  }

  .descr {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: 'PTS45';
    font-size: 21px;
    line-height: 1.2;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #open-fs-1 .descr:hover, #open-fs-5 .descr:hover, #open-fs-7 .descr:hover, #open-fs-8 .descr:hover {
    background: rgba(0,70,100,0);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
  }

  #open-fs-2 .descr:hover, #open-fs-3 .descr:hover, #open-fs-4 .descr:hover, #open-fs-6 .descr:hover {
    background: rgba(0,70,100,0);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
  }

  .descr p {
    padding: 50px 50px;
    background: rgba(0,70,100,0);
  }

  .descr:hover  p {
    background: rgba(0,70,100,1);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.5s ease-in-out;
  }

  .section-2 button {
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none;
  }

  .section-2 button:hover {
    outline: none;
  }

  .section-2 button:focus {
    outline: none;
  }

  .section-2 button:active {
    outline: none;
  }

  .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
    color: #555;
    cursor: pointer;
    z-index: 2147483647;
  }

  .btn-close:hover {
    background-color: rgba(150,150,150,.3);
    color: #aaa;
    outline: none;
  }

  .btn-close:active {
    outline: none;
  }

  .btn-close:focus {
    outline: none;
  }

  .fotorama > div {
    display: none;
  }

  .fotorama__thumb-border {
    background: transparent;
    border-color: rgba(0,0,0,.6);
  }

  .fotorama__fullscreen-icon {
    width: 0;
    height: 0;
    display: none;
  }

/*====================    Our works / Section 2    ====================*/
/*=====================================================================*/




/*=================================================================*/
/*====================    Video / Section 3    ====================*/

  .section-3 {
    position: relative;
    margin: 0;
    padding: 150px 0 150px 0;
    color: #fff;
    background-image: url(../img/section1/img-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-3::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25,25,25,.80);
  }

  .section-3 hr {
    margin-top: 30px;
    margin-bottom: 120px;
    width: 50px;
    border-top: 1px solid #fff;
  }

  .adaptive-wrap {
    position: relative;
    padding-bottom: 28.125%;
  }

  .adaptive-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/*====================    Video / Section 3    ====================*/
/*=================================================================*/




/*=========================================================================*/
/*====================    Make an order / Section 4    ====================*/

  .section-4 {
    position: relative;
    margin: 0;
    padding: 150px 0 150px 0;
    color: #759fc4;
    background: #29455d;
  }

  .section-4 h1, .section-4 h2 {
    color: #fff;
  }

  .section-4 hr {
    margin-top: 30px;
    margin-bottom: 120px;
    width: 50px;
    border-top: 1px solid #fff;
  }

  .section-4 h2 {
    font-size: 3em;
  }

  .section-4 .steps {
    background: linear-gradient(90deg, #006387, #29455d);;
  }
  .section-4 .steps-revers {
    background: linear-gradient(-90deg, #006387, #29455d);;
  }

  .section-4 img {
    height: 200px;
    padding: 40px 0 40px 0;
  }

  .section-4 h5 span {
    font-family: 'PTS46';
    font-size: .8em;
  }

  .section-4 form {
    margin-top: 120px;
  }

  input, textarea, .section-4 button, .section-8 button {
    border: 0;
    border-radius: 0;
    outline:none;
    background-color: #fff;
  }

  input, .section-4 button, .section-8 button {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding: 8px 12px;
  }

  textarea {
    display: block;
    width: 100%;
    height: 190px;
    margin-bottom: 20px;
    padding: 10px;
  }

  input:required:after {
    border: 2px solid red;
  }

  .section-4 button, .section-8 button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;

    -webkit-transition: all 0.1s 0.02s ease-in-out;
       -moz-transition: all 0.1s 0.02s ease-in-out;
        -ms-transition: all 0.1s 0.02s ease-in-out;
         -o-transition: all 0.1s 0.02s ease-in-out;
            transition: all 0.1s 0.02s ease-in-out;
  }

  .section-4 button:hover, .section-8 button:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer;
  }

  .section-4 button:active, .section-8 button:active {
    background: url(../img/post.gif);
    color: #000;
    border: 0;
    outline:none;
  }

/*====================    Make an order / Section 4    ====================*/
/*=========================================================================*/




/*====================================================================*/
/*====================    About us / Section 5    ====================*/

  .section-5 {
    position: relative;
    margin: 0;
    padding: 150px 0 200px 0;
    color: #fff;
    background-image: url(../img/section1/img-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-5::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25,25,25,.80);
  }

  .section-5 hr {
    margin-top: 30px;
    margin-bottom: 120px;
    width: 50px;
    border-top: 1px solid #fff;
  }

  .section-5 .d-lg-none h5 {
    margin-top: 50px;
    margin-bottom: 150px;
  }
  .section-5 .d-lg-none .last {
    margin-bottom: 0;
  }

  .section-5 .d-lg-block h5 {
    margin-top: 80px;
    margin-bottom: 0;
  }

/*====================    About us / Section 5    ====================*/
/*====================================================================*/




/*===================================================================*/
/*====================    Reviews / Section 6    ====================*/

  .section-6 {
    position: relative;
    margin: 0;
    padding: 60px 0 120px 0;
    background: #fff;
  }

  .section-6 hr {
    margin-top: 30px;
    margin-bottom: 120px;
    width: 50px;
    border-top: 1px solid #000;
  }

  .carousel {
    height: 750px;
  }

  .carousel-control-prev-icon {
    color: #000;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 11 20'%3E%3Cpath d='M10.096,19.898l0.707-0.707L1.611,10l9.189-9.191l-0.706-0.707L0.197,10L10.096,19.898z'/%3E%3C/svg%3E");
  }

  .carousel-control-next-icon {
    color: #000;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 11 20'%3E%3Cpath d='M0.904,0.102L0.197,0.809L9.389,10l-9.19,9.191l0.707,0.707L10.803,10L0.904,0.102z'/%3E%3C/svg%3E");
  }

  .quotes {
    width: 100%;
    font-family: 'Times New Roman', serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 0;
  }

  .quotes:before {
    position: absolute;
    content: ',,';
    top: 90%;
    left: -60px;
    margin-top: -30px;
  }

  .quotes:after {
    position: absolute;
    content: ',,';
    transform: rotate(180deg);
    top: 10%;
    right: -50px;
  }

  .thanks img {
    margin-top: 30px;
    border: 1px solid rgba(0,0,0,0.5);
  }

  .d-md-none .thanks {
    padding-bottom: 120px;
  }

  .product-photo {
    margin-top: 30px;
  }

  .carousel-indicators li {
    display: inline-block;
    margin: 0 5px 0 5px;
    bottom: -60px;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 50%;
    cursor: pointer;
  }

  .carousel-indicators .active {
    background-color: rgba(0,0,0,0.5);
    border: 0px;
  }

  .carousel-control-prev-icon {

    color: #f5f;
  }

  .section-6 h3 {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .section-6 h6 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: 'PTS46';
  }

/*====================    Reviews / Section 6    ====================*/
/*===================================================================*/




/*====================================================================*/
/*====================    Contacts / Section 7    ====================*/

  .section-7 {
    position: relative;
    margin: 0;
    padding: 0;
    color: #759fc4;
    background: #29455d;
  }

  #map {
    width: 100%;
    height: 600px;
  }

  .section-7 .align-self-center {
    padding: 100px 30px 100px 30px;
  }

  .operator {
    padding: 0 0 5px 5px;
  }

/*====================    Contacts / Section 7    ====================*/
/*====================================================================*/




/*====================================================================*/
/*====================    Question / Section 8    ====================*/

  .section-8 {
    padding: 150px 0 150px 0;
    background: #4f6e8a;
  }

  .section-8 h1 {
    color: #fff;
  }

  .section-8 hr {
    margin-top: 30px;
    margin-bottom: 120px;
    width: 50px;
    border-top: 1px solid #fff;
  }

/*====================    Question / Section 8    ====================*/
/*====================================================================*/




/*======================================================*/
/*====================    Footer    ====================*/

  footer {
    margin: 0;
    padding: 30px 0 30px 0;
    background: #222;
    color: #fff;
  }

/*====================    Footer    ====================*/
/*======================================================*/




/*======================================================*/
/*====================     Fonts    ====================*/

  @font-face {
      font-family: 'PTS45';
      src: url('fonts/PTS45.eot');
      src: url('fonts/PTS45.eot') format('embedded-opentype'),
           url('fonts/PTS45.woff2') format('woff2'),
           url('fonts/PTS45.woff') format('woff'),
           url('fonts/PTS45.ttf') format('truetype'),
           url('fonts/PTS45.svg#PTS45') format('svg');
  }

  @font-face {
      font-family: 'PTS46';
      src: url('fonts/PTS46.eot');
      src: url('fonts/PTS46.eot') format('embedded-opentype'),
           url('fonts/PTS46.woff2') format('woff2'),
           url('fonts/PTS46.woff') format('woff'),
           url('fonts/PTS46.ttf') format('truetype'),
           url('fonts/PTS46.svg#PTS46') format('svg');
  }


  @font-face {
      font-family: 'PTS55F';
      src: url('fonts/PTS55F.eot');
      src: url('fonts/PTS55F.eot') format('embedded-opentype'),
           url('fonts/PTS55F.woff2') format('woff2'),
           url('fonts/PTS55F.woff') format('woff'),
           url('fonts/PTS55F.ttf') format('truetype'),
           url('fonts/PTS55F.svg#PTS55F') format('svg');
  }

  @font-face {
      font-family: 'PTS56F';
      src: url('fonts/PTS56F.eot');
      src: url('fonts/PTS56F.eot') format('embedded-opentype'),
           url('fonts/PTS56F.woff2') format('woff2'),
           url('fonts/PTS56F.woff') format('woff'),
           url('fonts/PTS56F.ttf') format('truetype'),
           url('fonts/PTS56F.svg#PTS56F') format('svg');
  }

  @font-face {
      font-family: 'PTS75F';
      src: url('fonts/PTS75F.eot');
      src: url('fonts/PTS75F.eot') format('embedded-opentype'),
           url('fonts/PTS75F.woff2') format('woff2'),
           url('fonts/PTS75F.woff') format('woff'),
           url('fonts/PTS75F.ttf') format('truetype'),
           url('fonts/PTS75F.svg#PTS75F') format('svg');
  }

  @font-face {
      font-family: 'PTS76F';
      src: url('fonts/PTS76F.eot');
      src: url('fonts/PTS76F.eot') format('embedded-opentype'),
           url('fonts/PTS76F.woff2') format('woff2'),
           url('fonts/PTS76F.woff') format('woff'),
           url('fonts/PTS76F.ttf') format('truetype'),
           url('fonts/PTS76F.svg#PTS76F') format('svg');
  }

  @font-face {
      font-family: 'Officina Serifc Regular';
      src: url('fonts/officinaserifc-book.eot');
      src: url('fonts/officinaserifc-book.eot?#iefix') format('embedded-opentype'),
           url('fonts/officinaserifc-book.woff2') format('woff2'),
           url('fonts/officinaserifc-book.woff') format('woff'),
           url('/fonts/officinaserifc-book.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }

/*====================     Fonts    ====================*/
/*======================================================*/