/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

img,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #12406F;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #12406F;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #12406F;
  opacity: 1;
}

::placeholder {
  color: #12406F;
  opacity: 1;
}

html,
body {
  font-size: 16px;
  color: #333;
  font-family: "Montserrat", sans-serif;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing-text-rendering: optimizeLegibility;
  background: #f5f5f5;
}

img {
  max-width: 100%;
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  color: #12406F;
  line-height: 1.3;
  font-weight: 700;
}

a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #12406F;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #4CC6FF;
}

.header-menu a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #12406F;
  cursor: pointer;
  text-decoration: none;
}

.header-menu a:hover {
  color: #12406F;
}

#popup a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #12406F;
  cursor: pointer;
  text-decoration: none;
}

#popup a:hover {
  color: #12406F;
}

.wrap,
.wrap2,
.wrap-fluid,
.site-content {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.block, .block2 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.block2 {
    flex-basis: 500px !important;
}

.button {
  background: #12406F;
  padding: 1rem 1.2rem;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-align: center;
}

p,
ul li {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
}

.jc-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mb-2 {
  margin-bottom: 2.25rem;
}

.mb {
  margin-bottom: 1.75rem;
}

.a-center {
  text-align: center;
}

.popup {
  position: relative;
  background: #ffffffed;
  padding: 3rem 2rem 1.5rem 2rem;
  width: auto;
  max-width: 350px;
  margin: 20px auto;
}

#popup2, #popup3, #popup4, #popup5, #popup6 {
    background: #ffffff;
    max-width: 350px;
}

.form-box input {
  width: 100%;
  margin-top: 22px;
  padding: .3rem;
  color: #12406F;
  font-size: 1.3rem;
  text-align: center;
  background: #fbfdff9c;
  border: 1px solid #12406F;
}

.form-box input[type="submit"] {
  background: #12406F;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding: .8rem;
}

#popup h3 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: .5rem;
}

#popup p {
  text-align: center;
  font-size: .8rem;
  margin-top: 1.2rem;
}

#popup2 h3, #popup3 h3, #popup4 h3, #popup5 h3, #popup6 h3 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: .5rem;
}

#popup2 h4, #popup3 h4, #popup4 h4, #popup5 h4, #popup6 h4 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1rem;
  line-height: normal;
  margin-bottom: .5rem;
}

#popup2 a, #popup3 a, #popup4 a, #popup5 a, #popup6 a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #12406F;
    cursor: pointer;
    text-decoration: none;
}

#popup2 h5, #popup3 h5, #popup4 h5, #popup5 h5, #popup6 h5 {
    font-size: 0.9rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

#popup2 h6, #popup3 h6, #popup4 h6, #popup5 h6, #popup6 h6 {
margin-bottom: 1.5rem;
    font-size: 0.9rem;
    text-align: center;
}


#gup2 h3, #gup3 h3, #gup4 h3, #gup5 h3, #gup6 h3 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: .5rem;
}

#gup2 h4, #gup3 h4, #gup4 h4, #gup5 h4, #gup6 h4 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1rem;
  line-height: normal;
  margin-bottom: .5rem;
}

#gup2 a, #gup3 a, #gup4 a, #gup5 a, #gup6 a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #12406F;
    cursor: pointer;
    text-decoration: none;
}

#gup2 h5, #gup3 h5, #gup4 h5, #gup5 h5, #gup6 h5 {
    font-size: 0.9rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

#gup2 h6, #gup3 h6, #gup4 h6, #gup5 h6, #gup6 h6 {
margin-bottom: 1.5rem;
    font-size: 0.9rem;
    text-align: center;
}


#popup2 p, #popup3 p, #popup4 p, #popup5 p, #popup6 p {
  text-align: center;
  font-size: .8rem;
  margin-top: 1.2rem;
}


#gup2 p, #gup3 p, #gup4 p, #gup5 p, #gup6 p {
  text-align: center;
  font-size: .8rem;
  margin-top: 1.2rem;
}


.header {
  position: sticky;
  width: 100%;
  height: 4rem;
  background: transparent;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  z-index: 3;
  border-bottom: 3px solid #FF5900;
  top: 0;
  z-index: 999;
  background: white;
}

.header-wrap {
  margin: 0 auto;
  max-width: 90rem;
  padding: 0 1.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-logo img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  width: 100%;
}

.header-menu {
  background-color: #12406F;
  -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
  padding: .5rem 0;
  padding: 0 1.5rem;
  opacity: 0;
}

.header-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
}

.header-menu ul a {
  font-size: .8rem;
}

.header-phone {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: none;
}

.header-phone img {
  width: 26px;
  float: left;
  margin-right: 5px;
}

.header-phone p {
  margin-bottom: 8px;
  width: 100%;
  font-weight: bold;
  color: #12406F;
  font-size: 1.2rem;
}

.header .protex {
  background-color: #12406F;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 5px 39px;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 auto;
  position: relative;
  float: left;
  border-radius: 25px;
}

.header .burger {
  height: 34px;
  width: 34px;
  cursor: pointer;
  display: block;
}

.header .burger span {
  height: 3px;
  display: block;
  background-color: #12406F;
  margin-bottom: 4px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.header .burger .top {
  width: 50%;
  margin-top: 10px;
}

.header .burger .middle {
  width: 100%;
}

.header .burger .bottom {
  width: 50%;
  float: right;
}

.active {
  height: 100%;
  background-color: #12406F;
  -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
  transition: all 0.3s ease-in, background 0.5s ease-in;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.active .header-wrap {
  height: 4rem;
}

.active .header-menu {
  display: block;
  top: 0;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100vh;
  opacity: 1;
  -webkit-transition: opacity .9s ease-in-out;
  transition: opacity .9s ease-in-out;
}

.active .header-menu ul {
  margin-top: 3rem;
  width: 100%;
  text-align: center;
}

.active .header-menu-item {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  padding: .5rem;
  font-size: 1.2rem;
}

.active .header-menu-item a,
.active .header-menu-item a:active,
.active .header-menu-item a:hover,
.active .header-menu-item a:focus {
  color: #fff;
}

.active .burger span {
  background-color: #fff;
  -webkit-transform: translateX(0px) rotate(-45deg);
  transform: translateX(0px) rotate(-45deg);
}

.active .burger .top {
  -webkit-transform: translateX(1px) rotate(45deg);
  transform: translateX(1px) rotate(45deg);
}

.active .burger .bottom {
  -webkit-transform: translateX(-2px) rotate(45deg);
  transform: translateX(-2px) rotate(45deg);
}

.hero {
  position: relative;
  background: url("../img/361.jpg") top left;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
      padding-top: 2rem;
    padding-bottom: 2rem;
}

.hero:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #18304570;
  z-index: 0;
  width: 100%;
}

.hero-wrap {
  max-width: 90%;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero-left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.hero-left .logos {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3.5rem;
}

.hero-left .logos .logo-item {
  max-width: 40%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  text-align: center;
  margin-right: 20px;
}

.hero-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.hero-right .form {
  border: 0.3rem solid #12406F;
  background: #ffffffc4;
  padding: 1rem 3rem;
}

.hero-right .form h4 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: .5rem;
}

.hero-right .form h5 {
  text-align: center;
  text-transform: uppercase;
  color: #12406F;
  font-size: .8rem;
}

.hero-right .form p {
  color: #12406F;
  margin: .5rem;
  font-size: .7rem;
  text-align: center;
}

.hero-right .form a,
.hero-right .form a:active,
.hero-right .form a:hover,
.hero-right .form a:focus {
  color: #12406F;
}

.hero-right .form-box input {
  width: 100%;
  margin-top: 22px;
  padding: .3rem;
  color: #12406F;
  font-size: 1.3rem;
  text-align: center;
  background: #fbfdff9c;
  border: 1px solid #12406F;
}

.hero-right .form-box input[type="submit"] {
  background: #12406F;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding: .8rem;
}

.hero h2 {
  color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: normal;
  text-align: center;
  margin-bottom: 1.2rem;
}

.hero h3 {
  margin-top: 1rem;
  color: #fff;
  font-size: 1.6rem;
  max-width: 58%;
  display: none;
}

.plus {
  padding: 1.5rem 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-top: 3px solid #FF5900;
  border-bottom: 3px solid #959595;
}

.plus .wrap {
  max-width: 73rem;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.plus .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
  justify-content: center;
}

.plus .block {
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.plus .block img {
  width: 31%;
  margin-bottom: .5rem;
}

.plus .block p {
  font-weight: bold;
  color: #12406F;
  font-size: .9rem;
}

.about {
  position: relative;
  padding: 2.5rem 0 7.5rem;
}

.about .block {
  margin-bottom: 0.75rem;
}

.about h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin-bottom: 3rem;
  text-align: center;
}

.about .resume {
  color: #12406F;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.about .ova {
  padding: 0;
}

.about .eva {
  padding: 0;
}

.about ul strong {
  color: #12406F;
}

.about ul span {
  background: #FF5900;
  padding: .15rem .5rem;
  color: #fff;
  border-radius: 50%;
}

.promo {
  position: relative;
  padding: 2rem 0 3rem;
  background: #e6e6e6;
  background-image: url(../img/line.png);
  background-repeat: repeat;
  border-bottom: 2px solid #00000030;
}

.promo .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo .form-box .in {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.promo .form-box input {
  width: 100%;
  padding: .5rem;
  color: #12406F;
  font-size: 1.3rem;
  text-align: center;
  background: #ffffff63;
  border: 1px solid #12406F;
}

.promo .form-box input[type="submit"] {
  background: #12406F;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding: .7rem;
  border: 1px solid #12406F;
  cursor: pointer;
}

.promo h2 {
  color: #333;
  font-size: 1rem;
  border-left: 3px solid #12406F;
  padding-left: .7rem;
  text-transform: uppercase;
  line-height: normal;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-top: 1.3rem;
}

.promo-action {
  position: relative;
  padding: .4rem 0 0;
  background: #FFDD2E;
  border-top: 2px solid #F2D021;
}

.promo-action:after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/line.png);
  background-repeat: repeat;
}

.promo-action .flex {
  position: relative;
  z-index: 3;
}

.promo-action .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
/*
.promo-action .left img {
  margin-bottom: -2.9rem;
}
*/
.promo-action .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo-action h2 {
  color: #333;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: normal;
  text-shadow: 1px 1px 1px #ffffff52;
  margin-bottom: 0;
  margin-top: 1rem;
}

.promo-action h3 {
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: normal;
    text-shadow: 1px 1px 1px #ffffff52;
    margin-bottom: 1rem;
    margin-top: 0.75rem;
    text-align: center;
}

.promo-action h3 span {
  font-size: 2rem;
  color: #12406F;
  font-weight: bold;
}

.promo-action p {
  margin-bottom: 0;
  font-size: .7rem;
  color: black;
  width: 85%;
}

.promo-work {
  position: relative;
  padding: 3.5rem 0;
  background: #FF5900;
  background-image: url(../img/line.png);
  background-repeat: repeat;
}

.promo-work .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-work .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo-work .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo-work .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-work .form-box .in {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.promo-work .form-box input {
  width: 100%;
  margin-top: 0px;
  padding: .5rem;
  color: #12406F;
  font-size: 1.3rem;
  text-align: center;
  background: #ffffffcf;
  border: 1px solid #12406F;
}

.promo-work .form-box input[type="submit"] {
  background: #12406F;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding: .7rem;
  border: 1px solid #12406F;
  cursor: pointer;
}

.promo-work h2 {
  color: #fff;
  font-size: 1rem;
  border-left: 3px solid #12406F;
  padding-left: .7rem;
  text-transform: uppercase;
  line-height: normal;
  font-weight: bold;
  letter-spacing: 0.02rem;
}

.promo-work h2 span {
  color: #12406F;
}

.promo-work7 {
  position: relative;
  padding: 3.5rem 0;
  background: #12406F;
  background-image: url(../img/line.png);
  background-repeat: repeat;
}

.promo-work7 .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-work7 .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo-work7 .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.promo-work7 .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-work7 .form-box .in {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.promo-work7 .form-box input {
  width: 100%;
  margin-top: 0px;
  padding: .5rem;
  color: #12406F;
  font-size: 1.3rem;
  text-align: center;
  background: #ffffffcf;
  border: 1px solid #12406F;
}

.promo-work7 .form-box input[type="submit"] {
    background: #00659c;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    padding: .7rem;
    border: 1px solid #005e90;
    cursor: pointer;
}

.promo-work7 h2 {
  color: #e9f2f7;
  font-size: 1rem;
  border-left: 3px solid #FF5900;
  padding-left: .7rem;
  text-transform: uppercase;
  line-height: normal;
  font-weight: bold;
  letter-spacing: 0.02rem;
}

.promo-work7 h2 span {
  color: #FF5900;
}
.yup {
    display: block;
    font-size: 28px;
    padding: 15px 44px;
    text-align: center;
    background: #12406F;
    font-weight: 600;
    z-index: 999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
}
.hits {
  position: relative;
  padding: 2.5rem 0 5.5rem;
  -webkit-box-shadow: inset 0 -4px 4px #0000001f;
  box-shadow: inset 0 -4px 4px #0000001f;
  background: #FF5900;
}
.hits2 {
  position: relative;
  padding: 2.5rem 0 0 0;
  -webkit-box-shadow: inset 0 -4px 4px #0000001f;
  box-shadow: inset 0 -4px 4px #0000001f;
  background: #FF5900;
  border-bottom: 1px solid #030303;
}

.hits2 .block-inner img {
    background: white;
    padding: 43px 0px;
    border-bottom: 0;
    border-bottom-left-radius: 12%;
    border-top-right-radius: 12%;
    box-shadow: inset 0 0 0px 4px #fdd581;
	cursor: pointer;
}

.hits h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5rem;
  text-align: center;
}

.hits2 h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  margin-bottom: .5rem;
  text-align: center;
}

.hits2 h6 {
font-size: 1.2rem;
    line-height: normal;
    color: #FBFBFB;
    margin-bottom: 3rem;
    text-align: center;
    padding: 0 21%;
}

.hits .block {
  margin-bottom: 10px;
}

.hits2 .block {
  margin-bottom: 10px;
  cursor: pointer;
}

.hits .block-inner {
  background: #fff;
  margin-bottom: 10px;
  padding-bottom: 1rem;
}
.hits2 .block-inner {
  margin-bottom: 10px;
  padding-bottom: 1rem;
}
.hits .block-inner h4 {
  text-align: center;
  font-weight: bold;
 
}

.hits2 .block-inner h4 {
text-align: center;
    font-weight: bold;
    margin-top: .5rem;
    font-size: 1.1rem;
    padding: .4rem .9rem 0 .9rem;
    color: #000000;
    margin-top: 2px;
    line-height: normal;
}

.hits .block-inner h5 {

      padding: .5rem 1.5rem 0;
  font-size: .8rem;
  text-align: center;
}

.hits2 .block-inner h5 {
     font-size: 1.2rem;
    text-align: center;
    color: #12406F;
    font-weight: bold;
    border-top: 0;
}

.hits .block-inner h6 {
  padding: 0 1.5rem;
  font-size: .8rem;
  text-align: center;
}

.hits2 .block-inner h6 {
  padding: 0 1.5rem;
  font-size: .8rem;
  text-align: center;
}

.hits .block-inner h6 span {
  color: #FF5900;
  font-size: 1rem;
  font-weight: bold;
}

.hits2 .block-inner h6 span {
  color: #FF5900;
  font-size: 1rem;
  font-weight: bold;
}
.hits2 h3 {
    color: #0082cd;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 2rem;
}

.kat {
    text-align: center;
}

.kat table {
    width: 100%;
border-spacing: 0;
empty-cells: hide;
}
.kat td {
text-align: center;
border-bottom: 1px solid #F4EEE8;
transition: all 0.5s linear;
}
.kat td:first-child {
text-align: left;
color: #000;
font-weight: bold;
}

.kat ul li {
    padding: 9px 13px;
        min-height: 55px;
            display: flex;
    align-items: center;
        justify-content: center;
}

.kat ul li:nth-child(even) {
   background: #e8e8e8;
}
.kat ul li:nth-child(odd) {
   background: #dcdcdc;
}

.kat th {
padding: 10px 20px;
color: #000;
border-bottom: 1px solid #F4EEE8;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
}

.kat th  {
background: #e8e8e8;
}

.kat .round-top {
border-top-left-radius: 5px;
}
.kat .round-bottom {
border-bottom-left-radius: 5px;
}
.kat tr:hover td{
background: #dcdcdc;
}

.kat ul li {
    margin-bottom: 0;
    font-size: .9rem;
}

.kat .eva {
    display: flex;
    flex-direction: column;
}

.kat .eva p {
    text-align: left;
    margin-bottom: 0;
    font-size: .9rem;
}

.kat h2{
    font-size: 1.5rem;
    line-height: 1.2;
    color: #12406F;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: left;
}

.kat h3 {
    font-size: 1.2rem;
    line-height: 1.2;
    color: black;
    font-weight: normal;
    margin-bottom: .2rem;
    text-align: left;
    margin-top: 0;
}

.kat h3 span{
    font-weight: bold;
}

.kat table span {
    background: #12406F;
    padding: 5px 12px;
    color: white;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold;
}

.kat th:first-child {
background: transparent;
}


.hits .resume {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin: 3rem 0 0.75rem;
}

.price {
  position: relative;
  padding: 2.5rem 0;
  background: url(../img/bg-vehicles.jpg) left top;
  background-size: cover;
}

.price h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin-bottom: 3rem;
  text-align: center;
}

.price #tabs {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.price #tabs li {
  margin: 0;
  padding: 0;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.price #tabs li a {
  background: #006aac;
  color: #fff;
  float: left;
  padding: 1rem 2rem;
  text-decoration: none;
  width: 100%;
  text-align: center;
  border-radius: 0 1rem 0 0;
}

.price #tabs li:focus {
  outline: 0;
}

.price #tabs li:first-child a {
  border-radius: 1rem 0 0 0;
}

.price #tabs #current a {
  background: #12406F;
}

.price #tabs #content {
  background: #fff;
  border-radius: 0 2px 2px 2px;
}

.price .price-table {
  width: 100%;
}

.price .price-table th {
  -webkit-box-shadow: inset 0 2px 0px #00000066;
  box-shadow: inset 0 2px 0px #00000066;
  padding: .5rem;
}

.price .price-table tr,
.price .price-table td {
  padding: .5rem;
}

.price .price-table tr {
  -webkit-box-shadow: inset 0 0px 1px #0000003b;
  box-shadow: inset 0 0px 1px #0000003b;
}

.price .price-table tr:nth-child(2n) {
  background: #f0f0f0;
}

.price .price-table tr:nth-child(2n+1) {
  background: #fff;
}

.price .price-table tr:nth-child(1) {
  background: #FF5900;
  color: #fff;
}

.cert {
  position: relative;
  padding: 2.5rem 0 0;
  -webkit-box-shadow: inset 0 -4px 4px #0000001f;
  box-shadow: inset 0 -4px 4px #0000001f;
}

.cert .flex {
  flex-direction: row;
}

.cert .block, .footer-top .block {
    flex: 0 0 50%;
    max-width: 50%;
}



.cert h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin-bottom: 3rem;
  text-align: center;
}

.cert .block, .cert .block2 {
  margin-bottom: 0;
}

.cert .resume {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin: 3rem 0 0.75rem;
}

.portfolio {
  position: relative;
  border-top: 2px solid #12406F;
  padding: 2.5rem 0;
  background: #e1e5e7 url(../img/deco.png) 88% 0 no-repeat;
  -webkit-box-shadow: inset 0 -4px 4px #0000001f;
  box-shadow: inset 0 -4px 4px #0000001f;
  background-size: contain;
  background-repeat: repeat-x;
}

.portfolio h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #12406F;
  font-weight: bold;
  margin-bottom: 3rem;
  text-align: center;
}

.portfolio .block {
  margin-bottom: 2.25rem;
}

.portfolio .work-name h4 {
  font-weight: bold;
  text-align: center;
  color: #12406F;
  margin-bottom: 0.375rem;
}

.portfolio .work-info {
  text-align: center;
}

.portfolio .work-info p {
  color: #333;
  font-size: .9rem;
}

.portfolio .work-info .options {
  color: #000;
  text-transform: uppercase;
  font-size: .8rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  font-weight: bold;
  text-align: center;
}

.portfolio .work-info .details {
  color: #000;
  font-size: .9rem;
  margin-bottom: 0;
}

.portfolio .work-price {
  padding: .4rem;
  text-align: center;
}

.portfolio .work-price .options {
  color: #000;
  text-transform: uppercase;
  font-size: .8rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  font-weight: bold;
}

.portfolio .work-price .details {
  color: #000;
  font-size: .9rem;
  margin-bottom: 0;
}

.contact {
  position: relative;
}

.footer-top {
  background: #005a92;
  color: #fff;
  text-align: center;
  padding: .5rem;
}

.footer-top .flex {
justify-content: center;
flex-direction: row;
}

.footer-top h2 {
    font-size: 1.2rem;
    margin-bottom: .8rem;
    margin-top: .6rem;
    text-transform: uppercase;
}

.footer-top h6 {
    font-size: .7rem;
    margin-top: .4rem;
    text-transform: uppercase;
}

.footer-top img {
    border: 2px #bebebe solid;
    width: 90%;
}

.footer-top p {
  font-size: 1rem;
  margin-bottom: 0;
}

.footer-bottom {
  background: #12406F;
  color: #fff;
  text-align: center;
  padding: .5rem;
}

.footer-bottom p {
  font-size: 1rem;
  margin-bottom: 0;
}

.map-info {
    width: 310px;
    height: 429px;
    margin: 0 auto;
    background: #ffffffe0;
    color: #12406F;
    padding: 3rem 2rem;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 16%;
    left: calc(50% - 155px);
    border: 5px dashed #FF5900;
    text-transform: uppercase;
}

.map-info .title {
  margin-bottom: 1.5rem;
  font-weight: bold;
  font-size: 1.5rem;
}

.map-info .call {
  margin-bottom: .2rem;
  font-size: .8rem;
}

.map-info .tel {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}

@media (min-width: 64rem) {
  .wrap,
  .wrap2,
  .wrap-fluid,
  .site-content {
    max-width: 90rem;
  }

  .flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .header {
    height: 5rem;
  }

  .header-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }

  .header-logo img {
    width: 76%;
  }

  .header-menu {
    opacity: 1;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header .burger {
    display: none;
  }
  
  .hero {
  height: 68vh;
  }

  .hero-wrap {
    max-width: 90rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 0;
  }

  .hero-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .hero-left .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .hero-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }

  .hero h2 {
    font-size: 3rem;
    color: #fff;
  letter-spacing: -1px;
  font-weight: bold;
  border-left: 0.5rem solid #FF5900;
  padding-left: 1rem;
  line-height: normal;
  text-align: left;
  }

  .hero h3 {
    display: block;
  }

  .plus .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .plus .block {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

  .about .wrap {
    max-width: 70rem;
  }

  .about .ova {
    padding: 0 4rem;
  }

  .about .eva {
    padding: 0 3rem 0 1rem;
  }

  .promo .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
	}

  .promo .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }

  .promo .form-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  .block2 {
    flex-basis: 0;
}

  .promo-action .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .promo-action .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .promo-work .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .promo-work .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  
    .promo-work7 .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  .promo-work7 .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  
  .promo-action h3 {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: normal;
  text-shadow: 1px 1px 1px #ffffff52;
  margin-bottom: 1rem;
  margin-top: 0.75rem;
  text-align: left;
  
}

  .promo-work .form-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
    .promo-work7 .form-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .hits .wrap {
    max-width: 68rem;
  }
  
    .hits2 .wrap {
    max-width: 90rem;
  }

  
  .cert .block {
    flex: 0 0 25%;
    max-width: 20%;
}

.map-info {
  width: 366px;
  height: 429px;
  margin: 0 auto;
  background: #ffffffe0;
  color: #12406F;
  padding: 3rem 2rem;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 16%;
  left: 16%;
  border: 5px dashed #FF5900;
  text-transform: uppercase;
}

.footer-top .block {
    flex: 0 0 20%;
    max-width: 20%;
}

  .cert .wrap {
    max-width: 68rem;
  }

  .cert .wrap2 {
    max-width: 90rem;
  }

  .portfolio .wrap {
    max-width: 80rem;
  }
  .yup {
    display: none;
}
}

[v-cloak] .v-cloak--block {
  display: block!important;
}

[v-cloak] .v-cloak--inline {
  display: inline!important;
}

[v-cloak] .v-cloak--inlineBlock {
  display: inline-block!important;
}

[v-cloak] .v-cloak--hidden {
  display: none!important;
}

[v-cloak] .v-cloak--invisible {
  visibility: hidden!important;
}

.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
  display: none!important;
}


.forma {
    padding: 78px 44px;
    text-align: center;
}
    
.forma h3 {
    font-size: 1.3rem;
    line-height: 1.2;
    color: #12406F;
    font-weight: normal;
    margin-bottom: .2rem;
    text-align: left;
    font-weight: bold;
    text-align: center;
}    
.forma h4 {
color: #333;
    font-size: 1.1rem;
    font-weight: normal;}
    
.forma p {
        margin-top: 0.75rem;
    font-size: .9rem;
        
    }

.forma a {
     color: #12406F;
    text-decoration: underline;
        
    }
    
    .hava {
        margin-top: 10px;
    }
    
    .link a {
        text-align:left;
        color: #333;
    }
    
    .link {
            height: 40px;
    text-align: left;
        margin-top: 15px;
    }
    
    .kat .eva {
min-height: 474px;
}

.v-center {
    display: flex;
    align-items: center;
    min-height:400px;
}
.preloader {
    display: flex;
    align-items: center;
    min-height: 150px;
    justify-content: center;
}

.preloader img {
    height: 150px;
    width: 200px;
}

#app .search-box {
    min-height: 115px;
}

#app .ever {
    display: flex;
    align-items: center;
}

#app .grut {
    background: white;
    padding: 20px;
}

#app .goa {
    text-align: center;
    margin-top:0;
    margin-bottom:2rem;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active до версии 2.1.8 */ {
  opacity: 0;
}

.active {
    box-shadow: inset 0 0 61px #5e4000bf!important;
    border: 2px solid #12406F!important;
}

.kontakt-item {
width: 34px;
    height: 34px;
    margin-left: .7rem;
    padding: .65rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kontakt-item img {
    height: 19px;
        animation-name: none;
}

.img-phone-footer {
    margin-bottom: 6px;
}

.kontakt-item:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    z-index: 10;
	}
.bost {margin-bottom: 1rem;}
.kontakt {display: flex; align-items: center; justify-content: center;flex-wrap: wrap;}


.whats {background: #64b161;}
.viber {background: #7d3daf;}
.tele {background: #61a8de;}