@charset "UTF-8";

/*
Theme Name: Panorama
Theme URI: https://flexweb.pro
Author: Flxweb team
Author URI: https://flexweb.pro
Version: 1.0
Text Domain: flexweb
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: 100% 'Montserrat';
    vertical-align: baseline;
    box-sizing: border-box;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

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

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/************************************FONTS****************************************/


/* @font-face {
  font-family: ''Montserrat'';
  src: url("/fonts/GothamPro.eot?") format("eot"), url("/fonts/GothamPro.otf") format("opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype"), url("/fonts/GothamPro.svg#GothamPro") format("svg"); }
@font-face {
  font-family: ''Montserrat'';
  src: url("/fonts/GothamPro-Bold.eot?") format("eot"), url("/fonts/GothamPro-Bold.otf") format("opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype"), url("/fonts/GothamPro-Bold.svg#GothamPro-Bold") format("svg"); }
@font-face {
  font-family: ''Montserrat'';
  src: url("/fonts/GothamPro-Medium.eot?") format("eot"), url("/fonts/GothamPro-Medium.otf") format("opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype"), url("/fonts/GothamPro-Medium.svg#GothamPro-Medium") format("svg"); } */


/********************************STICKY FOOTER************************************/

html,
body {
    height: 100%;
}

#primary {
    min-height: calc(100% - 60px);
    margin-bottom: -50px;
}

#primary:after {
    content: "";
    display: block;
    height: 50px;
}

.noscroll {
    overflow: hidden;
}


/**********************************VARIABLES**************************************/


/**hamburger options**/

.hvr {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.hvr:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr:hover,
.hvr:focus,
.hvr:active {
    color: white !important;
}

.hvr:hover:before,
.hvr:focus:before,
.hvr:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#page {
    background: #fff;
}

#page .container {
    padding: 0;
}

#page button,
#page .button {
    font: 14px 'Montserrat';
    font-weight: bold;
    height: 50px;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    margin-top: 30px;
    color: #4f4f4f;
    border: 1px solid #1e657e;
    border-radius: 3px;
    text-align: center;
    line-height: 46px;
    text-transform: uppercase;
}

#page .button:hover {
    text-decoration: none;
}

#page button.hvr:before,
#page .button.hvr:before {
    background: #1e657e;
}

#page .socials {
    display: inline-block;
    margin-top: 20px;
    /* display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-decoration: none;  */
}

#page .socials a {
    display: inline-block;
    width: 37px;
    height: 37px;
    margin-right: 5px;
    background-size: cover;
}

#page .socials a:hover {
    text-decoration: none;
}

#page .socials a.facebook {
    background: url("../../img/frontend/icon_facebook.svg") 0 0 no-repeat;
}

#page .mob_menu .socials a.facebook {
    background: url("../../img/frontend/icon_facebook_black.svg") 0 0 no-repeat;
}

#page .socials a.facebook:hover {
    background: url("../../img/frontend/icon_facebook_hover.svg") 0 0 no-repeat;
}

#page .socials a.instagram {
    background: url("../../img/frontend/icon_instagram.svg") 0 0 no-repeat;
}

#page .mob_menu .socials a.instagram {
    background: url("../../img/frontend/icon_instagram_black.svg") 0 0 no-repeat;
}

#page .socials a.instagram:hover {
    background: url("../../img/frontend/icon_instagram_hover.svg") 0 0 no-repeat;
}

#page .socials a.telegram {
    background: url("../../img/frontend/icon_telegram.svg") 0 0 no-repeat;
}

#page .mob_menu .socials a.telegram {
    background: url("../../img/frontend/icon_telegram_black.svg") 0 0 no-repeat;
}

#page .socials a.telegram:hover {
    background: url("../../img/frontend/icon_telegram_hover.svg") 0 0 no-repeat;
}

#page .lang {
    position: relative;
    top: -13px;
    display: inline-block;
    margin-left: 20px;
}

#page .lang li {
    display: inline-block;
}

#page .lang li a {
    text-decoration: none;
    color: #525252;
}

#page .lang li a:hover,
#page .lang li a.active {
    text-decoration: none;
    color: #1e657e;
}


/*****************************CONTENT ELEMENTS PROPERTIES**************************/

.page-content {
    /**
   * 3.0 Elements
   */
    /**
   * 4.0 Alignment
   */
    /**
   * 5.0 Caption
   */
    /**
   * 6.0 Galleries
   */
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    clear: both;
    font-weight: 700;
    margin: 56px 0 28px;
}

.page-content h1 {
    font-size: 35px;
    line-height: 1.2308;
}

.page-content h2 {
    font-size: 29px;
    line-height: 1.2069;
}

.page-content h3 {
    font-size: 24px;
    line-height: 1.1667;
}

.page-content h4 {
    font-size: 20px;
    line-height: 1.4;
}

.page-content h5,
.page-content h6 {
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.2353;
    text-transform: uppercase;
}

.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child {
    margin-top: 0;
}

.page-content p {
    margin: 0 0 28px;
}

.page-content b,
.page-content strong {
    font-weight: 700;
}

.page-content dfn,
.page-content cite,
.page-content em,
.page-content i {
    font-style: italic;
}

.page-content blockquote {
    border-left: 4px solid #707070;
    color: #707070;
    font-size: 20px;
    font-style: italic;
    line-height: 1.8182;
    margin: 0 0 35px -21px;
    padding-left: 17px;
}

.page-content blockquote>blockquote {
    margin-left: 0;
}

.page-content blockquote p {
    margin-bottom: 35px;
}

.page-content blockquote>p:last-child {
    margin-bottom: 0;
}

.page-content blockquote cite,
.page-content blockquote small {
    color: #333;
    font-size: 17px;
    line-height: 1.6471;
}

.page-content blockquote em,
.page-content blockquote i,
.page-content blockquote cite {
    font-style: normal;
}

.page-content blockquote strong,
.page-content blockquote b {
    font-weight: 400;
}

.page-content address {
    font-style: italic;
    margin: 0 0 28px;
}

.page-content pre {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    font-size: 17px;
    line-height: 1.2353;
    margin-bottom: 28px;
    max-width: 100%;
    overflow: auto;
    padding: 14px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.page-content abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    cursor: help;
}

.page-content mark,
.page-content ins {
    background-color: #fff9c0;
    text-decoration: none;
}

.page-content sup,
.page-content sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.page-content sup {
    bottom: 1ex;
}

.page-content sub {
    top: .5ex;
}

.page-content small {
    font-size: 75%;
}

.page-content big {
    font-size: 125%;
}

.page-content hr {
    background-color: #eaeaea;
    border: 0;
    height: 1px;
    margin-bottom: 28px;
}

.page-content ul,
.page-content ol {
    margin: 0 0 28px 25px;
    padding: 0;
    line-height: 1.4;
}

.page-content ul {
    list-style: disc;
}

.page-content ol {
    list-style: decimal;
}

.page-content li>ul,
.page-content li>ol {
    margin: 0 0 0 23px;
}

.page-content blockquote>ul,
.page-content blockquote>ol {
    margin-left: 28px;
}

.page-content dl {
    margin: 0 0 28px;
}

.page-content dt {
    font-weight: bold;
}

.page-content dd {
    margin: 0 0 28px;
}

.page-content table,
.page-content th,
.page-content td,
.page-content .mce-item-table,
.page-content .mce-item-table th,
.page-content .mce-item-table td {
    border: 1px solid #eaeaea;
}

.page-content table a {
    color: #333;
}

.page-content table,
.page-content .mce-item-table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 28px;
    width: 100%;
}

.page-content table th,
.page-content .mce-item-table th,
.page-content table caption {
    border-width: 0 1px 1px 0;
    font-size: 17px;
    font-weight: 700;
    padding: 7px;
    text-align: left;
    vertical-align: baseline;
}

.page-content table td,
.page-content .mce-item-table td {
    border-width: 0 1px 1px 0;
    font-size: 17px;
    padding: 7px;
    vertical-align: baseline;
}

.page-content img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.page-content figure {
    margin: 0;
}

.page-content del {
    opacity: 0.8;
}

.page-content a {
    border-bottom: 1px solid #333;
    color: #333;
    text-decoration: none;
}

.page-content .alignleft {
    float: left;
    margin: 7px 28px 28px 0;
}

.page-content .alignright {
    float: right;
    margin: 7px 0 28px 28px;
}

.page-content .aligncenter {
    clear: both;
    display: block;
    margin: 7px auto;
}

.page-content .wp-caption {
    background: transparent;
    border: none;
    color: #707070;
    margin: 0 0 28px 0;
    max-width: 100%;
    padding: 0;
    text-align: inherit;
}

.page-content .wp-caption.alignleft {
    margin: 7px 28px 21px 0;
}

.page-content .wp-caption.alignright {
    margin: 7px 0 21px 28px;
}

.page-content .wp-caption.aligncenter {
    margin: 7px auto;
}

.page-content .wp-caption .wp-caption-text,
.page-content .wp-caption-dd {
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 0;
}

.page-content .gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.page-content .gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.page-content .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.page-content .gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.page-content .gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.page-content .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.page-content .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.page-content .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.page-content .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.page-content .gallery .gallery-caption {
    color: #707070;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 0;
}

.page-content .gallery-columns-6 .gallery-caption,
.page-content .gallery-columns-7 .gallery-caption,
.page-content .gallery-columns-8 .gallery-caption,
.page-content .gallery-columns-9 .gallery-caption {
    display: none;
}

strong {
    font-weight: bold;
}

.incomplete {
    animation: invalid 1s linear infinite;
    -webkit-animation: invalid 1s linear infinite;
    -moz-animation: invalid 1s linear infinite;
    -o-animation: invalid 1s linear infinite;
}


/*******************************HEADER*****************************/

#header .container .row {
    /* position: absolute;
  z-index: 10; */
    margin: 25px auto 0;
    max-width: 1170px;
    width: 100%;
}

#header hr {
    margin: 25px 0 0;
    border-top: 1px solid #e4e4e4;
}

#header .container .address {
    margin: 30px auto 0;
}

#header .container .logo {
    display: inline-block;
    background: url("../../img/frontend/logo.png") 0 0 no-repeat;
    height: 77px;
    width: 115px;
    background-size: contain;
}

#header .container .menu,
#header .container .call_back {
    margin: 30px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-transform: uppercase;
}

#header .container .menu a,
#header .container .call_back a {
    font: 14px 'Montserrat';
    color: #525252;
    text-decoration: none;
    letter-spacing: 2.1px;
    position: relative;
    overflow: hidden;
    transition: .3s;
    padding-bottom: 3px;
    margin-right: 35px;
}

#header .container .menu a:last-child {
    margin-right: 0;
}

#header .container .menu a:after,
#header .container .call_back a:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 1px;
    background: #1e657e;
}

#header .container .menu a:hover,
#header .container .call_back a:hover {
    color: #1e657e;
}

#header .container .menu a:hover:after,
#header .container .call_back a:hover:after {
    width: 100%;
    left: 0;
}

#header .container .menu {
    display: inline-block;
    padding: 0 15px;
    margin: 25px auto;
}

#header .mob_menu {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}


/*******************************MAIN*****************************/

.fancybox-slide .fancybox-close-small:after {
    color: #fff;
    font-size: 35px;
    right: 0px;
}

.fancybox-slide .info {
    max-width: 900px;
    width: 100%;
    height: 600px;
    background-size: cover;
}

.fancybox-slide .info .info_header {
    color: #ffffff;
    text-transform: uppercase;
    margin: 26px 0 0;
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
}

.fancybox-slide .info .info_text {
    color: #ffffff;
    margin: 50px 0 0;
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
    line-height: 30px;
}

.fancybox-slide .security {
    background: url("/images/features/popup-sec.jpg?v=1") 0 0 no-repeat;
}

.fancybox-slide .restzone {
    background: url("/images/features/popup-zona.jpg?v=1") 0 0 no-repeat;
}

.fancybox-slide .transport {
    background: url("/images/features/popup-mesto.jpg?v=1") 0 0 no-repeat;
}

.fancybox-slide .quality {
    background: url("/images/features/popup-qual.jpg?v=1") 0 0 no-repeat;
}

.fancybox-slide .infra {
    background: url("/images/features/popup-infra.jpg?v=1") 0 0 no-repeat;
}

.fancybox-slide .info_block {
    height: 100%;
    border: 1px solid #fff;
    padding: 90px 55px;
}

#content .container.top {
    background: rgba(0, 0, 0, 0.8);
    background-size: cover;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#content .container.top .animated-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-animation: background-scale 10s linear infinite;
    -o-animation: background-scale 10s linear infinite;
    animation: background-scale 10s linear infinite;
    -webkit-transition: opacity 2s 0s;
    -moz-transition: opacity 2s 0s;
    -ms-transition: opacity 2s 0s;
    -o-transition: opacity 2s 0s;
    transition: opacity 2s 0s;
    opacity: 0;
    visibility: hidden;
}

#content .container.top .animated-background_main {
    background: url("../../img/frontend/bg.jpg") 0 0 no-repeat;
}

#content .container.top .animated-background_plan {
    background: url("../../img/frontend/bg_2.jpg") 0 0 no-repeat;
}


/*#content .container.top .animated-background:nth-child(3) {
      background: url("/images/bg-top-3.jpg?v=1") 0 0 no-repeat; }
    #content .container.top .animated-background:nth-child(4) {
      background: url("/images/bg-top-4.jpg?v=1") 0 0 no-repeat; } */

#content .container.top .animated-background.active-background {
    opacity: 1;
    visibility: visible;
    background-size: cover;
    background-position: top center;
}

#content .container.top .top_block {
    padding: 130px 0 120px;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

#content .container.top .top_block button {
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
}

#content .container.top .top_block button.hvr:before {
    background: rgba(255, 255, 255, 0.3);
}

#content .container.top .top_block button:nth-child(2) {
    width: 195px;
    margin-left: 15px;
}

#content .container.top .top_block button:last-child {
    width: 50px;
}

#content .container.top .top_block .top_text {
    color: #FFF;
}

#content .container.top .top_block .top_text .t_t_1,
#content .container.top .top_block .top_text .t_t_2,
#content .container.top .top_block .top_text .t_t_3 {
    display: inline-block;
}

#content .container.top .top_block .top_text .t_t_1 {
    background: #1e657e;
    font: 18px 'Montserrat';
    padding: 9px;
}

#content .container.top .top_block .top_text .t_t_2 {
    font: 58px 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px auto 0;
    text-shadow: 0px 0px 5px rgba(30, 101, 126, 1);
}

#content .container.top .top_block .top_text .t_t_2 span {
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
}

#content .container.top .top_block .top_text .t_t_3 {
    font: 27px 'Montserrat';
    line-height: 1.5;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(30, 101, 126, 1);
}

#content .container.top .top_block .top_text h3.t_t_3 {
    width: 60%;
    font: 24px 'Montserrat';
    line-height: 1.5;
    font-weight: normal;
}

#content .container .row .sec_name {
    margin: 0;
    width: 100%;
    font: 30px 'Montserrat';
    color: #1e657e;
    text-transform: uppercase;
}

#content .container .row .sec_name.small {
    font-size: 14px;
    margin-bottom: 3px;
}

#content .container .row .description {
    margin-top: 30px;
    max-width: 330px;
    line-height: 1.6 !important;
    font: 18px 'Montserrat';
    color: #000;
    text-align: left;
}

#content .container .sec_1 {
    margin: -70px auto 0;
    padding: 60px 80px 0;
    position: relative;
    background-color: #fff;
}

#content .container .sec_1 .bg_parallax {
    position: absolute;
    height: auto;
    width: auto;
    top: 130px;
    right: 200px;
}

#content .container .sec_2 .bg_parallax {
    position: absolute;
    height: auto;
    width: auto;
    top: 130px;
    right: 200px;
}

#content .container .sec_1 .mar {
    margin-top: 28px;
}

#content .container .sec_1 .features {
    padding: 0;
}

#content .container .sec_1 .features .features_item {
    height: 360px;
    padding: 11px;
}

#content .container .sec_1 .features .features_item .info {
    height: 100%;
    max-width: 338px;
    width: 100%;
    text-align: center;
    color: #FFF;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

#content .container .sec_1 .features .features_item .info .info_text {
    margin: 17px 0 0;
}

#content .container .sec_1 .features .features_item .info .info_ico {
    max-width: 52px;
}

#content .container .sec_1 .features .features_item .info .info_header {
    font: 18px 'Montserrat';
    margin-top: 30px;
    text-transform: uppercase;
}

#content .container .sec_1 .features .features_item .info .text-mob {
    font: 14px 'Montserrat';
    max-width: 300px;
    line-height: 1.5;
    opacity: 0;
    max-height: 0;
}

#content .container .sec_1 .features .features_item .info:hover {
    border: 1px solid #fff;
}

#content .container .sec_1 .features .features_item .info:hover .text-mob {
    -webkit-transition: all 1s 0s;
    -moz-transition: all 1s 0s;
    -ms-transition: all 1s 0s;
    -o-transition: all 1s 0s;
    transition: all 1s 0s;
    opacity: 1;
    max-height: 100px;
}

#content .container .sec_1 .features .features_item#security {
    background: url("/images/features/security.jpg?v=1") 0 0 no-repeat;
}

#content .container .sec_1 .features .features_item#security1 {
    background: url("/images/features/security.jpg?v=1") 0 0 no-repeat;
    cursor: pointer;
}

#content .container .sec_1 .features .features_item#restzone {
    background: url("/images/features/restzone.jpg?v=1") 0 0 no-repeat;
}

#content .container .sec_1 .features .features_item#restzone1 {
    background: url("/images/features/restzone.jpg?v=1") 0 0 no-repeat;
    cursor: pointer;
}

#content .container .sec_1 .features .features_item#transport {
    background: url("/images/features/transport.jpg?v=1") 0 0 no-repeat;
}

#content .container .sec_1 .features .features_item#transport1 {
    background: url("/images/features/transport.jpg?v=1") 0 0 no-repeat;
    cursor: pointer;
}

#content .container .sec_1 .features .features_item#kindergarden {
    background: url("/images/features/kindergarden.jpg?v=1") 0 0 no-repeat;
    height: 748px;
}

#content .container .sec_1 .features .features_item#infra {
    background: url("/images/features/infra.jpg") 0 0 no-repeat;
}

#content .container .sec_1 .features .features_item#infra1 {
    background: url("/images/features/infra.jpg") 0 0 no-repeat;
    cursor: pointer;
}

#content .container .sec_1 .features .features_item#quality {
    background: url("/images/features/qual.jpg") 0 0 no-repeat;
}

#content .container .sec_1 .features .features_item#quality1 {
    background: url("/images/features/qual.jpg") 0 0 no-repeat;
    cursor: pointer;
}

#content .container .sec_1 .about_block {
    position: relative;
    margin-top: 90px;
    padding-top: 50px;
}

#content .container .sec_1 .about_block .bg_parallax {
    top: 0;
    left: 80%;
}

#content .container .sec_1 .about_block img {
    padding: 0;
}

#content .container .sec_1 .about_block .about_header,
#content .container .sec_1 .about_block .about_text {
    max-width: 600px;
    line-height: 1.6;
    margin-left: 30px;
}

#content .container .sec_1 .about_block .about_header {
    font: 24px 'Montserrat';
    color: #1e657e;
}

#content .container .sec_1 .about_block .about_text {
    margin-top: 65px;
    font-size: 18px;
    text-align: left;
}

#content .container .sec_2 {
    padding: 60px 80px 0;
    position: relative;
}

#content .container .sec_2 h2 {
    font: 30px 'Montserrat';
    color: #1e657e;
    margin-bottom: 110px;
    position: relative;
    z-index: 2;
}

#content .container .sec_2 .object_1,
#content .container .sec_2 .object_2,
#content .container .sec_2 .object_3 {
    padding: 0;
}

#content .container .sec_2 .object_1 .bg_parallax,
#content .container .sec_2 .object_2 .bg_parallax,
#content .container .sec_2 .object_3 .bg_parallax {
    position: absolute;
    height: auto;
    width: auto;
}

#content .container .sec_2 .object_2,
#content .container .sec_2 .object_3 {
    margin-top: 100px;
}

#content .container .sec_2 .abs-wrap {
    background: #F4F1EE;
    position: absolute;
    z-index: 2;
}

#content .container .sec_2 .object_1 .bg_parallax {
    top: -150px;
    left: 750px;
}

#content .container .sec_2 .object_2 .bg_parallax {
    top: 21px;
    left: -115px;
}

#content .container .sec_2 .object_2 .sec_name:first-child {
    margin-top: 50px;
}

#content .container .sec_2 .object_3 .bg_parallax {
    top: 100px;
    left: 780px;
}

#content .container .sec_2 .object_3 button {
    margin-bottom: 30px;
}

#content .container .sec_3,
#content .container .news_block,
#content .container .sec_5 {
    margin: 100px 0 0;
}

#content .container .sec_3 .nav-tabs,
#content .container .news_block .nav-tabs,
#content .container .sec_5 .nav-tabs {
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#content .container .sec_3 .nav-tabs .active a,
#content .container .news_block .nav-tabs .active a,
#content .container .sec_5 .nav-tabs .active a {
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 5px;
    border-bottom: 2px solid #1e657e;
}

#content .container .sec_3 .nav-tabs a,
#content .container .news_block .nav-tabs a,
#content .container .sec_5 .nav-tabs a {
    font-size: 16px;
    color: #1e657e;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
}

#content .container .sec_3 .nav-tabs a .inner,
#content .container .news_block .nav-tabs a .inner,
#content .container .sec_5 .nav-tabs a .inner {
    color: #d8cbc0;
    font-size: 12px;
}

#content .container .news_block .wrap {
    margin: 10px auto;
}

#content .container .news_block .tab-content {
    padding: 0;
    margin: 65px 0 20px;
}

#content .container .news_block .tab-content .bg_parallax {
    position: absolute;
    height: auto;
    width: auto;
    top: 319px;
    left: 500px;
}

#content .container .news_block .tab-content img {
    height: 220px;
    width: 100%;
    margin: 0 auto;
}

#content .container .news_block .tab-content .news_content {
    background: #fff;
    padding: 0 20px 15px;
    color: #1e657e;
    font: 13px 'Montserrat';
    min-height: 226px;
    will-change: transform;
}

#content .container .news_block .tab-content .news_content .news_title {
    display: block;
    padding-top: 40px;
    margin-bottom: 20px;
}

#content .container .news_block .tab-content .news_content .news_title a {
    font: 18px 'Montserrat';
    color: #1e657e;
}

#content .container .news_block .tab-content .news_content p {
    color: #6d6f6f;
    line-height: 1.538;
}

#content .container .news_block .tab-content .news_content .date {
    position: absolute;
    top: -13px;
    font: 14px 'Montserrat';
    color: #1e657e;
    background: #f0f0f0;
    padding: 5px 7px;
}

#content .container .news_block .tab-content .news_content a {
    margin: 35px 0 0;
    text-decoration: none;
    color: #959696;
    font: 14px 'Montserrat';
}

#content .container .news_block .box {
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#content .container .news_block .box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#content .container .news_block .box:hover {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

#content .container .news_block .box:hover::after {
    opacity: 1;
}

#content .container .sec_5 .form_block {
    margin-top: 30px;
}

#content .container .sec_5 .form_block p {
    font: 13px 'Montserrat';
    text-align: right;
    margin-top: 35px;
}

#content .container .sec_5 .form_block .form {
    height: 105px;
    background: #fff;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0;
}

#content .container .sec_5 .form_block .form input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
    margin: 5px auto;
}

#content .container .sec_5 .form_block .form input[type="submit"] {
    text-transform: uppercase;
    font-family: 'Montserrat Medium', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    background: transparent;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#content .container .sec_5 .form_block .form input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#content .container .sec_5 .form_block .form input:hover,
#content .container .sec_5 .form_block .form input:focus {
    border: 2px solid #1e657e;
}

#content .container .sec_5 .form_block .form input::-webkit-input-placeholder {
    color: #aeaeae;
}

#content .container .sec_5 .form_block .form input:-moz-placeholder {
    color: #aeaeae;
}

#content .container .sec_5 .form_block .form input:-ms-input-placeholder {
    color: #aeaeae;
}

#content .container .sec_5 .form_block .form .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
}

#content .map_block {
    position: relative;
}

#content .map_block #map {
    margin-top: 100px;
    width: 100%;
    height: 680px;
    background-color: grey;
}

#content .map_block .map_legend {
    position: absolute;
    z-index: 2;
    background: #063b4d;
    top: 0;
    max-width: 1140px;
    width: 50%;
    left: 25%;
}

#content .map_block .map_legend .markers {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-around;
}

#content .map_block .map_legend .markers>p {
    display: inline-block;
    color: #FFF;
    font: 14px 'Montserrat';
    padding: 33px 0 33px 42px;
    margin: 0;
    text-transform: uppercase;
}

#content .map_block .map_legend .markers>p.edu {
    background: url("/images/markers/institute.png?v=1") 0 25px no-repeat;
}

#content .map_block .map_legend .markers>p.sport {
    background: url("/images/markers/sport-place.png?v=1") 0 25px no-repeat;
}

#content .map_block .map_legend .markers>p.health {
    background: url("/images/markers/hospital.png?v=1") 0 25px no-repeat;
}

#content .map_block .map_legend .markers>p.rest {
    background: url("/images/markers/restaurant.png?v=1") 0 25px no-repeat;
}

#content .map_block .map_legend .markers>p.shop {
    background: url("/images/markers/shopping.png?v=1") 0 25px no-repeat;
}


/***************************NEWS AND ACTIONS*************************/

#news {
    color: #FFF;
    min-height: calc(100vh - 311px);
    margin: 0;
}

#news .top_block {
    background: url("/images/bg-top-1.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

#news .top_block .tab-content p {
    font: 36px 'Montserrat';
    margin: 185px auto 0;
    text-transform: uppercase;
}

#news .top_block .tab-content p small {
    font-size: 50%;
    font-family: 'Montserrat Medium', sans-serif;
}

#news .top_block .tab-content p.description {
    font: 14px 'Montserrat';
    line-height: 1.714;
    text-transform: none;
}

#news .top_block .t_t {
    background: #1e657e;
    font: 18px 'Montserrat';
    margin: 15px 0 70px 130px;
    padding: 9px;
    width: 195px;
}

#news .top_block .nav-tabs {
    margin-bottom: 1px;
    border: none;
}

#news .top_block .nav-tabs li.active a {
    -webkit-transition: all 0.4s 0s;
    -moz-transition: all 0.4s 0s;
    -ms-transition: all 0.4s 0s;
    -o-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    background-color: #f4f1ee;
    color: black;
}

#news .top_block .nav-tabs li a {
    color: #606060;
    border: 0;
    border-radius: 0;
    padding: 25px 22px;
    font: 14px 'Montserrat';
    text-transform: uppercase;
    background: #063b4d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    min-width: 323px;
}

#news .top_block .nav-tabs li a span {
    font: 12px 'Montserrat';
}

#news .top_block .nav-tabs li a:focus,
#news .top_block .nav-tabs li a:hover {
    border: none;
    text-decoration: none;
}

#news .row .actions .entry-content {
    display: inline-block;
    position: relative;
    padding: 0;
    overflow: hidden;
    margin: 10px auto;
}

#news .row .actions .entry-content a {
    display: block;
}

#news .row .actions .entry-content img {
    -webkit-transition: all 1.5s 0s;
    -moz-transition: all 1.5s 0s;
    -ms-transition: all 1.5s 0s;
    -o-transition: all 1.5s 0s;
    transition: all 1.5s 0s;
    width: 100%;
}

#news .row .actions .entry-content:hover img {
    transform: scale(1.1);
}

#news .row .actions .entry-content .text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 75%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#news .row .actions .entry-content .text a {
    font: 14px 'Montserrat';
    color: #FFF;
}

#news .row .actions .entry-content .text a:hover {
    text-decoration: none;
}

#news .row .actions .entry-content .text h1 {
    font: 18px 'Montserrat';
    color: #FFF;
    text-transform: uppercase;
    display: block;
    line-height: 1.7;
    cursor: pointer;
}

#news .row .news {
    margin-top: 0;
    margin-bottom: 20px;
}

#news .row .news .entry-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-top: 20px;
    max-height: 159px;
    overflow: hidden;
}

#news .row .news .entry-content .description {
    padding: 12px 25px;
    background: #fff;
    min-width: 240px;
    width: 100%;
    min-height: 135px;
    box-sizing: content-box;
}

#news .row .news .entry-content .description h2 {
    margin: 0 auto 9px;
}

#news .row .news .entry-content .description h2 a {
    font: 18px 'Montserrat';
    color: #1e657e;
}

#news .row .news .entry-content .description p {
    font: 13px 'Montserrat';
    color: #6d6f6f;
    line-height: 1.538;
    margin: 0 0 20px 0;
}

#news .row .news .entry-content .description_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#news .row .news .entry-content .description_footer p,
#news .row .news .entry-content .description_footer a {
    margin: 0;
    font: 14px 'Montserrat';
    color: #aeaeae;
}

#news .row .news .entry-content .description_footer a {
    text-decoration: none;
    -webkit-transition: all 0.3s 0s;
    -moz-transition: all 0.3s 0s;
    -ms-transition: all 0.3s 0s;
    -o-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
}

#news .row .news .entry-content .description_footer a:hover {
    color: #1e657e;
}

#primary {
    color: #FFF;
    min-height: calc(100vh - 311px);
    margin: 0;
    background: #f4f1ee;
}

#primary .top_block {
    background: url("/images/bg-top-gal.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

#primary .top_block .t_t {
    background: #1e657e;
    font: 18px 'Montserrat';
    margin: 15px 0 70px 130px;
    padding: 9px;
    width: 195px;
}

#primary .top_block .tab-content p {
    font: 36px 'Montserrat';
    margin: 185px auto 0;
    text-transform: uppercase;
}

#primary .top_block .tab-content p small {
    font-size: 50%;
    font-family: 'Montserrat Medium', sans-serif;
}

#primary .top_block .tab-content p.description {
    text-align: center;
    font: 24px 'Montserrat';
    line-height: 1.714;
    text-transform: none;
}

#primary .top_block .nav-tabs {
    margin-bottom: 1px;
    border: none;
}

#primary .top_block .nav-tabs li.active a {
    -webkit-transition: all 0.4s 0s;
    -moz-transition: all 0.4s 0s;
    -ms-transition: all 0.4s 0s;
    -o-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    background-color: #f4f1ee;
    color: black;
}

#primary .top_block .nav-tabs li a {
    color: #606060;
    border: 0;
    border-radius: 0;
    padding: 25px 22px;
    font: 14px 'Montserrat';
    text-transform: uppercase;
    background: #063b4d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    min-width: 323px;
}

#primary .top_block .nav-tabs li a span {
    font: 12px 'Montserrat';
}

#primary .top_block .nav-tabs li a:focus,
#primary .top_block .nav-tabs li a:hover {
    border: none;
    text-decoration: none;
}

#primary .post_block {
    background: #FFF;
    padding: 0;
}

#primary .post_block .post p {
    font: 14px 'Montserrat';
}

#primary .post_block .post .crop_img {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative;
}

#primary .post_block .post .crop_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#primary .post_block .post .entry-header {
    font: 30px 'Montserrat';
    color: #1e657e;
}

#primary .post_block .post .entry-header h1 {
    font-size: 28px;
}

#primary .post_block .post .entry-header .date {
    color: #aeaeae;
    line-height: 1.714;
    margin: 25px auto 35px;
}

#primary .post_block .post .entry-content {
    color: #6d6f6f;
}

#primary .post_block .post .entry-content p {
    line-height: 1.714;
}


/*******************************LAYOUTS*****************************/

#layouts {
    min-height: calc(100vh - 311px);
    color: #FFF;
}

#layouts .top_block {
    background: url("../../img/frontend/bg_2.jpg") 0 0 no-repeat;
    background-size: cover;
    padding: 185px 0 0;
}

#layouts .top_block.top_block_news {
    background: url("../../img/frontend/bg_3.jpg") 0 0 no-repeat;
    background-size: cover;
    padding: 185px 0 0;
}

#layouts .top_block .top_text {
    position: relative;
    top: -95px;
    text-align: center;
}

#layouts .top_block .top_text span {
    display: inline-block;
}

#layouts .top_block .top_text .t_t_1 {
    text-transform: uppercase;
    font: 36px 'Montserrat';
}

#layouts .top_block .top_text .t_t_2 {
    /* background: #1e657e;
        font: 18px 'Montserrat';
        margin-top: 55px;
        padding: 9px; */
    font: 58px 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px auto 0;
    text-shadow: 0px 0px 5px rgba(30, 101, 126, 1);
}

#layouts .top_block .top_text .t_t_3 {
    display: inline-block;
    width: 50%;
    margin-top: 20px;
    font: 24px 'Montserrat';
    line-height: 1.5;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgba(30, 101, 126, 1);
}

#layouts .top_block .slogan {
    font-size: 14px;
    margin-left: 200px;
    width: 100%;
    max-width: 460px;
    color: #f3f3f3;
    line-height: 1.714;
}

#layouts .top_block .nav-tabs {
    margin: 70px 0 0 100px;
    border: none;
}

#layouts .top_block .nav-tabs li.active a,
#layouts .top_block .nav-tabs li:hover a {
    -webkit-transition: all 0.4s 0s;
    -moz-transition: all 0.4s 0s;
    -ms-transition: all 0.4s 0s;
    -o-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    background-color: #fff;
    color: #1e657e;
}

#layouts .top_block .nav-tabs li a {
    color: #f2f2f2;
    border: 0;
    border-radius: 0;
    padding: 25px 22px;
    font: 14px 'Montserrat';
    text-transform: uppercase;
    background: #063b4d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    min-width: 323px;
    justify-content: center;
}

#layouts .top_block .nav-tabs li a span {
    font: 12px 'Montserrat';
}

#layouts .top_block .nav-tabs li a:focus,
#layouts .top_block .nav-tabs li a:hover {
    border: none;
    text-decoration: none;
}

#layouts .layouts_block {
    margin: 30px auto 85px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

#layouts .layouts_block .choose {
    font: 30px 'Montserrat';
    color: #1e657e;
    display: block;
    margin: 0 auto;
}

#layouts .layouts_block .layout.news_block {
    padding-bottom: 50px;
    margin: 52px 12px 0;
}

#layouts .layouts_block .layout {
    position: relative;
    margin: 52px 12px;
    opacity: 0;
    height: 0;
    display: none;
}

#layouts .layouts_block .layout img {
    max-width: 364px;
    border: 1px solid #fff;
}

#layouts .layouts_block .layout:hover {
    text-decoration: none;
}

#layouts .layouts_block .layout:hover img {
    border: 1px solid #E5E5E5;
}

#layouts .layouts_block .layout .square {
    top: -35px;
    width: 100%;
    text-align: center;
    font: 12px 'Montserrat';
    font-size: 26px;
    color: #4F4F4F;
    font-weight: bold;
}

#layouts .layouts_block .layout button {
    position: absolute;
    z-index: 2;
    bottom: -60px;
    width: 165px;
    left: calc(50% - 165px / 2);
    text-transform: uppercase;
    -webkit-transition: all 0.5s 0s;
    -moz-transition: all 0.5s 0s;
    -ms-transition: all 0.5s 0s;
    -o-transition: all 0.5s 0s;
    transition: all 0.5s 0s;
}

#layouts .layouts_block .layout button:hover {
    background: #1e657e;
    color: #FFF;
}

#layouts .layouts_block .layout.show {
    display: inline-block;
    opacity: 1;
    height: auto;
}

#layouts .form {
    margin-bottom: 135px;
}

#layouts .form fieldset {
    border: 1px solid #6d6f6f;
    width: 100%;
    height: 110px;
}

#layouts .form legend {
    width: auto;
    border: 0;
    padding: 0 10px;
    margin-left: 85px;
    font-size: 30px;
    color: #1e657e;
    text-transform: uppercase;
    line-height: 1.233;
}

#layouts .form legend:after {
    content: 'Напишите Ваш номер телефона и мы Вам перезвоним в течение 15 минут, в рабочее время.';
    font-size: 13px;
    text-transform: none;
    max-width: 382px;
    width: 100%;
    color: #6d6f6f;
    padding: 0 25px;
    text-align: right;
    line-height: 1.538;
    position: absolute;
    right: 50px;
    background: #F4F1EE;
}

#layouts .form form .inputs {
    position: absolute;
    left: calc(50% - 945px / 2);
    height: 105px;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    background: #FFF;
    max-width: 945px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 42px;
}

#layouts .form form .inputs input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
}

#layouts .form form .inputs input[type="submit"] {
    background: transparent;
    font-family: 'Montserrat Medium', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#layouts .form form .inputs input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#layouts .form form .inputs input:hover,
#layouts .form form .inputs input:focus {
    border: 2px solid #1e657e;
}

#layouts .form form .inputs input::-webkit-input-placeholder {
    color: #aeaeae;
}

#layouts .form form .inputs input:-moz-placeholder {
    color: #aeaeae;
}

#layouts .form form .inputs input:-ms-input-placeholder {
    color: #aeaeae;
}

#layouts .form form .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
    line-height: 1.5;
}

#single_layout {
    min-height: calc(100vh - 311px);
    color: #FFF;
}

#single_layout .top_block {
    background: url("/images/bg-top-layouts.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
    padding: 185px 0 125px 0;
}

#single_layout .top_block .top_text {
    margin-left: 100px;
}

#single_layout .top_block .top_text span {
    display: inline-block;
}

#single_layout .top_block .top_text .t_t_1 {
    text-transform: uppercase;
    font: 36px 'Montserrat';
}

#single_layout .top_block .top_text .t_t_2 {
    font: 18px 'Montserrat';
    margin: 20px auto 35px;
    text-transform: uppercase;
}

#single_layout .top_block .top_text .t_t_3 {
    background: #1e657e;
    font: 16px 'Montserrat';
    padding: 9px 20px;
}

#single_layout .top_block .slogan {
    font-size: 14px;
    margin-left: 100px;
    width: 100%;
    max-width: 460px;
    color: #f3f3f3;
    line-height: 1.714;
}

#single_layout .top_block button {
    margin: 48px 0 0 380px;
    width: 187px;
    color: #FFF;
    background: #1e657e;
}

#single_layout .content .info_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: -60px 200px 70px;
}

#single_layout .content .info_block .item {
    height: 165px;
    width: 165px;
    background: #FFF;
    color: #000;
}

#single_layout .content .info_block .item p {
    margin: 30px 0 55px 20px;
    font-size: 24px;
}

#single_layout .content .info_block .item p:nth-child(2) {
    font-size: 14px;
    margin: 0 20px;
}

#single_layout .content .full_info {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

#single_layout .content .about {
    margin: 0 auto;
}

#single_layout .content .about p {
    font-size: 16px;
    color: #231f20;
    line-height: 1.125;
    border-bottom: 1px solid #d5d2cf;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

#single_layout .content .about p span {
    float: right;
}

#single_layout .content .img_block {
    margin-top: 50px;
}

#single_layout .content .img_block .top {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#single_layout .content .layout_img {
    display: block;
    margin: 120px auto 80px;
    width: 100%;
    max-width: 619px;
}

#single_layout .content .sec_name {
    margin: 0;
    padding: 5px 13px;
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background: #FFF;
    font: 24px 'Montserrat';
    color: #1e657e;
    text-transform: uppercase;
}

#single_layout .content .download {
    margin: 12px 0 0 50px;
}

#single_layout .content .download a {
    margin-left: 15px;
    text-decoration: none;
    font: 14px 'Montserrat';
    color: #1e657e;
    text-transform: uppercase;
}

#single_layout .content .download:before {
    content: url("/images/icons/down.png?v=1");
}

#single_layout .content .get {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border: 1px solid #1e657e;
    align-items: center;
    padding: 15px 0;
}

#single_layout .content .get a,
#single_layout .content .get p {
    font: 11px 'Montserrat';
    color: #1e657e;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}

#single_layout .content .get a#viber,
#single_layout .content .get p#viber {
    background: url("/images/icons/viber.png?v=1") 0 0 no-repeat;
    width: 15px;
    height: 15px;
}

#single_layout .content .get a#telegram,
#single_layout .content .get p#telegram {
    background: url("/images/icons/telegram.png?v=1") 0 0 no-repeat;
    width: 16px;
    height: 14px;
}

#single_layout .content .get a#mail,
#single_layout .content .get p#mail {
    background: url("/images/icons/mail.png?v=1") 0 0 no-repeat;
    width: 15px;
    height: 11px;
}

#single_layout .content .form {
    margin-bottom: 135px;
}

#single_layout .content .form fieldset {
    border: 1px solid #6d6f6f;
    width: 100%;
    height: 110px;
}

#single_layout .content .form legend {
    width: auto;
    border: 0;
    padding: 0 10px;
    margin-left: 85px;
    font-size: 30px;
    color: #1e657e;
    text-transform: uppercase;
    line-height: 1.233;
}

#single_layout .content .form legend:after {
    content: 'Напишите Ваш номер телефона и мы Вам перезвоним в течение 15 минут, в рабочее время.';
    font-size: 13px;
    text-transform: none;
    max-width: 382px;
    width: 100%;
    color: #6d6f6f;
    padding: 0 25px;
    text-align: right;
    line-height: 1.538;
    position: absolute;
    right: 50px;
    background: #F4F1EE;
}

#single_layout .content .form form .inputs {
    position: absolute;
    left: calc(50% - 945px / 2);
    height: 105px;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    background: #FFF;
    max-width: 945px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 42px;
}

#single_layout .content .form form .inputs input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
}

#single_layout .content .form form .inputs input[type="submit"] {
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#single_layout .content .form form .inputs input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#single_layout .content .form form .inputs input:hover,
#single_layout .content .form form .inputs input:focus {
    border: 2px solid #1e657e;
}

#single_layout .content .form form .inputs input::-webkit-input-placeholder {
    color: #aeaeae;
}

#single_layout .content .form form .inputs input:-moz-placeholder {
    color: #aeaeae;
}

#single_layout .content .form form .inputs input:-ms-input-placeholder {
    color: #aeaeae;
}

#single_layout .content .form form .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
    line-height: 1.5;
}


/*******************************GALLERY*****************************/

#gallery {
    color: #FFF;
    min-height: calc(100vh - 311px);
    margin: 0;
}

#gallery .top_block {
    background: url("/images/bg-top-gal.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
}

#gallery .top_block .tab-content p {
    font: 36px 'Montserrat';
    margin: 185px auto 0;
    text-transform: uppercase;
}

#gallery .top_block .tab-content p small {
    font-size: 50%;
    font-family: 'Montserrat', sans-serif;
}

#gallery .top_block .tab-content p.description {
    font: 14px 'Montserrat';
    line-height: 1.714;
    text-transform: none;
}

#gallery .top_block .t_t {
    background: #1e657e;
    font: 18px 'Montserrat';
    margin: 15px 0 70px 130px;
    padding: 9px;
    width: 195px;
}

#gallery .top_block .nav-tabs {
    margin-bottom: 1px;
    border: none;
}

#gallery .top_block .nav-tabs li.active a {
    -webkit-transition: all 0.4s 0s;
    -moz-transition: all 0.4s 0s;
    -ms-transition: all 0.4s 0s;
    -o-transition: all 0.4s 0s;
    transition: all 0.4s 0s;
    background-color: #f4f1ee;
    color: black;
}

#gallery .top_block .nav-tabs li:last-child a {
    justify-content: center;
}

#gallery .top_block .nav-tabs li a {
    color: #606060;
    border: 0;
    border-radius: 0;
    padding: 25px 22px;
    font: 14px 'Montserrat';
    text-transform: uppercase;
    background: #063b4d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    min-width: 292px;
}

#gallery .top_block .nav-tabs li a span {
    font: 12px 'Montserrat';
    margin-left: 10px;
}

#gallery .top_block .nav-tabs li a:focus,
#gallery .top_block .nav-tabs li a:hover {
    border: none;
    text-decoration: none;
}

#gallery .content {
    overflow: hidden;
}

#gallery .row {
    position: relative;
}

#gallery .row .bg_parallax {
    position: absolute;
    top: -50px;
    left: -85px;
}

#gallery .row .tab-content {
    margin-top: 40px;
}

#gallery .form {
    margin: 100px auto 135px;
}

#gallery .form .bg_parallax {
    top: 50px;
    left: 800px;
}

#gallery .form fieldset {
    border: 1px solid #6d6f6f;
    width: 100%;
    height: 110px;
}

#gallery .form legend {
    width: auto;
    border: 0;
    padding: 0 10px;
    margin-left: 85px;
    font-size: 30px;
    color: #1e657e;
    text-transform: uppercase;
    line-height: 1.233;
}

#gallery .form legend:after {
    content: 'Напишите Ваш номер телефона и мы Вам перезвоним в течение 15 минут, в рабочее время.';
    font-size: 13px;
    text-transform: none;
    max-width: 382px;
    width: 100%;
    color: #6d6f6f;
    padding: 0 25px;
    text-align: right;
    line-height: 1.538;
    position: absolute;
    right: 50px;
    background: #F4F1EE;
}

#gallery .form form {
    position: relative;
    z-index: 2;
}

#gallery .form form .inputs {
    position: absolute;
    left: calc(50% - 945px / 2);
    height: 105px;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    background: #FFF;
    max-width: 945px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 42px;
}

#gallery .form form .inputs input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
}

#gallery .form form .inputs input[type="submit"] {
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#gallery .form form .inputs input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#gallery .form form .inputs input:hover,
#gallery .form form .inputs input:focus {
    border: 2px solid #1e657e;
}

#gallery .form form .inputs input::-webkit-input-placeholder {
    color: #aeaeae;
}

#gallery .form form .inputs input:-moz-placeholder {
    color: #aeaeae;
}

#gallery .form form .inputs input:-ms-input-placeholder {
    color: #aeaeae;
}

#gallery .form form .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
    line-height: 1.5;
}


/*******************************PROJECTS*****************************/

#projects {
    color: #FFF;
    min-height: calc(100vh - 319px);
    margin: 0;
}

#projects .bg_parallax {
    position: absolute;
}

#projects .top_block {
    background: url("/images/bg-top-projects.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
    padding: 160px 0;
}

#projects .top_block .top_text {
    margin: 0 0 0 100px;
}

#projects .top_block .top_text>* {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}

#projects .top_block .t_t_2 {
    font-size: 48px;
}

#projects .top_block .descr {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    ;
    color: #f3f3f3;
    line-height: 1.714;
    max-width: 460px;
    width: 100%;
}

#projects .w_box {
    position: relative;
}

#projects .box {
    outline: 1px solid #231f20;
    padding: 65px 0;
    margin: 75px 0 18px auto;
    max-width: 791px;
    width: 100%;
}

#projects .box:before {
    content: 'Ранее выполненные нами проекты';
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    color: #231f20;
    line-height: 1.333;
    max-width: 510px;
    width: 100%;
    top: 50px;
    left: 40px;
    background: #f4f1ee;
    padding: 0 60px 20px 0;
}

#projects .box:after {
    content: 'Построенные нами объекты соответствуют всем нормам и стандартам, жить и работать в них тепло и комфортно.';
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #231f20;
    line-height: 1.714;
    text-align: left;
    max-width: 420px;
    width: 100%;
    background: #f4f1ee url("/images/quote.png") 30px 0 no-repeat;
    padding: 30px 50px 0;
    right: 40px;
}

#projects .project {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 57px;
    position: relative;
}

#projects .project:nth-child(2) .descr:after {
    content: '01';
}

#projects .project:nth-child(3) .descr {
    text-align: left;
}

#projects .project:nth-child(3) .descr:after {
    content: '02';
    left: -50px;
}

#projects .project:nth-child(3) .bg_parallax {
    top: -100px;
    left: 180px;
}

#projects .project:nth-child(4) .descr:after {
    content: '03';
}

#projects .project:nth-child(4) .bg_parallax {
    top: 235px;
    left: -100px;
}

#projects .project .descr {
    text-align: right;
    position: relative;
    z-index: 1;
    max-width: 320px;
    width: 100%;
}

#projects .project .descr:after {
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 240px;
    font-family: 'Montserrat', sans-serif;
    font-size: 100px;
    color: #FFF;
}

#projects .project .descr h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #343132;
    text-transform: uppercase;
}

#projects .project .descr .info,
#projects .project .descr .location {
    font-size: 15px;
    color: #6d6f6f;
    line-height: 1.467;
}

#projects .project .descr .location {
    color: #aaa9aa;
}

#projects .project .img_project {
    max-width: 555px;
    width: 100%;
    position: relative;
    z-index: 1;
}

#projects .article {
    font-size: 15px;
    color: #6d6f6f;
    margin: 122px auto 61px;
}

#projects .article .n {
    font-size: 60px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    line-height: 1.2;
    color: #1e657e;
}

#projects .article div {
    font-size: 15px;
    color: #6d6f6f;
    line-height: 1.6;
}

#projects .article div p {
    font-size: 16px;
    line-height: 1.6;
}

#projects .article h3 {
    margin: 58px 0 25px;
}

#projects .article ul {
    margin-left: 20px;
}

#projects .article ul li {
    list-style: disc;
    line-height: 1.75;
}

#projects .article .quote_bl {
    padding: 100px 20px 0;
    margin: 0 auto 128px;
    max-width: 510px;
    width: 100%;
    position: relative;
    background: url(/images/quote.png) 0 70px no-repeat;
}

#projects .article .quote_bl p {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #231f20;
    line-height: 1.714;
    position: relative;
    z-index: 2;
}

#projects .article .quote_bl .bg_parallax {
    top: 55px;
    left: 150px;
}

#projects .docs {
    display: none;
}

#projects .docs .owl-carousel {
    border: 1px black;
    border-style: solid solid none solid;
    padding: 100px 60px 0;
}

#projects .docs .owl-carousel:before {
    content: 'техдокументация';
    position: absolute;
    top: -20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    color: #231f20;
    background: #f4f1ee;
    padding: 0 30px;
    text-transform: uppercase;
}

#projects .docs .owl-carousel .owl-item {
    background: url("/images/icons/i_pdf.png") center top no-repeat;
}

#projects .docs .owl-carousel .owl-item p {
    text-align: center;
    margin: 110px 0 0;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    ;
    color: #aaa9aa;
}

#projects .docs .owl-carousel .owl-item p span {
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #231f20;
    margin-bottom: 10px;
}

#projects .form {
    margin: 135px auto;
}

#projects .form fieldset {
    border: 1px solid #6d6f6f;
    width: 100%;
    height: 110px;
}

#projects .form legend {
    width: auto;
    border: 0;
    padding: 0 10px;
    margin-left: 85px;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #231f20;
    text-transform: uppercase;
    line-height: 1.233;
}

#projects .form legend:after {
    content: 'Напишите Ваш номер телефона и мы Вам перезвоним в течение 15 минут, в рабочее время.';
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    ;
    text-transform: none;
    max-width: 382px;
    width: 100%;
    color: #6d6f6f;
    padding: 0 25px;
    text-align: right;
    line-height: 1.538;
    position: absolute;
    right: 50px;
    background: #F4F1EE;
}

#projects .form form .inputs {
    position: absolute;
    left: calc(50% - 945px / 2);
    height: 105px;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    background: #FFF;
    max-width: 945px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 0 42px;
}

#projects .form form .inputs input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
}

#projects .form form .inputs input[type="submit"] {
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#projects .form form .inputs input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#projects .form form .inputs input:hover,
#projects .form form .inputs input:focus {
    border: 2px solid #1e657e;
}

#projects .form form .inputs input::-webkit-input-placeholder {
    color: #aeaeae;
}

#projects .form form .inputs input:-moz-placeholder {
    color: #aeaeae;
}

#projects .form form .inputs input:-ms-input-placeholder {
    color: #aeaeae;
}

#projects .form form .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
    line-height: 1.5;
}


/*******************************CONTACTS*****************************/

#contacts {
    color: #FFF;
}

#contacts .top_block {
    background: url("/images/bg-contacts.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
}

#contacts .top_block .row {
    margin: 170px auto 127px;
}

#contacts .top_block .row a {
    color: #FFF;
    text-decoration: none;
}

#contacts .top_block .row p {
    font: 16px 'Montserrat';
}

#contacts .top_block .row p.title {
    font: 36px 'Montserrat';
    text-transform: uppercase;
    margin-bottom: 55px;
}

#contacts .top_block .row p.slogan {
    font: 14px 'Montserrat';
    margin-top: 50px;
    line-height: 1.5;
}

#contacts .map_block {
    position: relative;
}

#contacts .map_block #map {
    width: 100%;
    height: 775px;
    background-color: grey;
}

#contacts .map_block .container .map_legend {
    position: absolute;
    z-index: 2;
    background: #063b4d;
    top: -41px;
    max-width: 1140px;
    width: 100%;
}

#contacts .map_block .container .map_legend .markers {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-around;
}

#contacts .map_block .container .map_legend .markers>p {
    display: inline-block;
    color: #FFF;
    font: 14px 'Montserrat';
    padding: 33px 0 33px 42px;
    margin: 0;
    text-transform: uppercase;
}

#contacts .map_block .container .map_legend .markers>p.edu {
    background: url("/images/markers/institute.png?v=1") 0 25px no-repeat;
}

#contacts .map_block .container .map_legend .markers>p.sport {
    background: url("/images/markers/sport-place.png?v=1") 0 25px no-repeat;
}

#contacts .map_block .container .map_legend .markers>p.health {
    background: url("/images/markers/hospital.png?v=1") 0 25px no-repeat;
}

#contacts .map_block .container .map_legend .markers>p.rest {
    background: url("/images/markers/restaurant.png?v=1") 0 25px no-repeat;
}

#contacts .map_block .container .map_legend .markers>p.shop {
    background: url("/images/markers/shopping.png?v=1") 0 25px no-repeat;
}

#contacts .map_block .container .form_block {
    position: absolute;
    z-index: 2;
    left: calc(50% - 458px);
    max-width: 945px;
    width: 100%;
    bottom: 20px;
}

#contacts .map_block .container .form_block .form_title {
    font: 30px 'Montserrat';
    color: #1e657e;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    padding: 5px 20px;
}

#contacts .map_block .container .form_block .form {
    background: #fff;
    box-shadow: 0 19px 27px 0 rgba(0, 0, 0, 0.06);
    padding: 22px 65px;
}

#contacts .map_block .container .form_block .form p {
    font-size: 13px;
    color: #6d6f6f;
    text-align: left;
    margin: 0 0 25px 23px;
}

#contacts .map_block .container .form_block .form form {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#contacts .map_block .container .form_block .form input {
    width: 261px;
    border: 2px solid #f0f0f0;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
}

#contacts .map_block .container .form_block .form input[type="submit"] {
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    width: 173px;
    border: 2px solid #1e657e;
    padding: 15px 0;
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#contacts .map_block .container .form_block .form input[type="submit"]:hover {
    background: #1e657e;
    color: #FFF;
}

#contacts .map_block .container .form_block .form input:hover,
#contacts .map_block .container .form_block .form input:focus {
    border: 2px solid #1e657e;
}

#contacts .map_block .container .form_block .form input::-webkit-input-placeholder {
    color: #aeaeae;
}

#contacts .map_block .container .form_block .form input:-moz-placeholder {
    color: #aeaeae;
}

#contacts .map_block .container .form_block .form input:-ms-input-placeholder {
    color: #aeaeae;
}

#contacts .map_block .container .form_block .success-request {
    text-align: center;
    font: 22px 'Montserrat';
    color: #1e657e;
    line-height: 1.5;
}


/*****************************FOOTER********************************/

#footer {
    color: #f2f2f2;
    background: #063b4d;
}

#footer .row {
    padding-top: 50px;
}

#footer .row .f_nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#footer .row .f_nav a {
    color: #FFF;
    font: 14px 'Montserrat';
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s 0s;
    -moz-transition: all 0.2s 0s;
    -ms-transition: all 0.2s 0s;
    -o-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
}

#footer .row .f_nav a:hover {
    color: #1e657e;
}

#footer .row .contacts {
    margin: 67px auto 15px;
}

#footer .row .contacts .phones p {
    text-align: center;
    display: inline-block;
}

#footer .row .contacts .phones p:nth-child(4) {
    text-align: center;
    font: 18px 'Montserrat';
    color: #878787;
}

#footer .row .contacts .phones p a {
    font: 17px 'Montserrat';
    text-decoration: none;
    color: #FFF;
    -webkit-transition: all 0.2s 0s;
    -moz-transition: all 0.2s 0s;
    -ms-transition: all 0.2s 0s;
    -o-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
}

#footer .row .contacts .phones p a:hover {
    color: #1e657e;
}

#footer .row .contacts .call_back_footer p {
    font: 18px 'Montserrat';
    color: #FFF;
    display: inline-block;
}

#footer .row .contacts .call_back_footer button {
    margin: 0 0 0 40px;
    width: 218px;
    color: #FFF;
    font: 14px 'Montserrat';
    border: 1px solid #FFF;
    text-transform: none;
}

#footer .row .contacts .call_back_footer button.hvr:before {
    background: rgba(255, 255, 255, 0.3);
}

#footer .row .footer_bottom {
    margin-bottom: 20px;
}

#footer .row .footer_bottom hr {
    border-top: 1px solid #332b2e;
}

#footer .row .footer_bottom .copy,
#footer .row .footer_bottom span {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    ;
    color: #878787;
}

#footer .row .footer_bottom .copy {
    margin: 10px auto;
}

#footer .row .footer_bottom .dev {
    text-align: end;
}

#footer .row .footer_bottom a {
    vertical-align: middle;
    display: inline-block;
}

#footer .row .footer_bottom a svg {
    height: 40px;
}

#footer .row .footer_bottom a svg path {
    -webkit-transition: all 0.6s 0s;
    -moz-transition: all 0.6s 0s;
    -ms-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}

#footer .row .footer_bottom a:hover svg path {
    fill: #fff;
}

#footer #toTop {
    position: fixed;
    top: 80%;
    right: 15px;
    padding: 18px 20px;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: none;
    font-size: 24px;
    -webkit-transition: all 0.7s 0s;
    -moz-transition: all 0.7s 0s;
    -ms-transition: all 0.7s 0s;
    -o-transition: all 0.7s 0s;
    transition: all 0.7s 0s;
}

#footer #toTop:hover {
    background: rgba(0, 0, 0, 0.7);
    color: white;
}


/*****************************POPUP********************************/

.popup_overlay,
.popup_overlay-email {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s 0s;
    -moz-transition: all 0.8s 0s;
    -ms-transition: all 0.8s 0s;
    -o-transition: all 0.8s 0s;
    transition: all 0.8s 0s;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.popup_overlay .popup,
.popup_overlay-email .popup {
    padding: 60px 75px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    /* background: url("/images/parallax-cb.png?v=1") -50px -100px no-repeat #f4f1ee; */
    position: relative;
    top: 10%;
    left: calc(50% - 350px);
    width: 700px;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #525252;
}


/* .popup_overlay .popup:after, .popup_overlay-email .popup:after {
      content: '';
      width: 100%;
      height: 100%;
      border: 8px solid #dddad8;
      position: absolute;
      top: -20px;
      left: 25px;
      z-index: -1; } */

.popup_overlay .popup .close_btn,
.popup_overlay-email .popup .close_btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: #FFF;
    color: #1e657e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup_overlay .popup .caption,
.popup_overlay-email .popup .caption {
    font: 30px 'Montserrat';
    /* color: #1e657e; */
    text-transform: uppercase;
    text-align: center;
}

.popup_overlay .popup .description,
.popup_overlay .popup .success-request,
.popup_overlay-email .popup .description,
.popup_overlay-email .popup .success-request {
    font-size: 24px;
    color: #6d6f6f;
    line-height: 1.538;
    text-align: center;
}

.popup_overlay .popup .description,
.popup_overlay-email .popup .description {
    margin: 20px auto;
    line-height: 31px;
    font-size: 18px;
    text-align: center;
}

.popup_overlay .popup input,
.popup_overlay-email .popup input {
    width: 261px;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
    margin-bottom: 20px;
}

.popup_overlay .popup input[type="submit"],
.popup_overlay-email .popup input[type="submit"] {
    text-transform: uppercase;
    background: transparent;
    font: 14px 'Montserrat';
    font-weight: bold;
    width: 173px;
    border: 1px solid #1e657e;
    border-radius: 3px;
    padding: 15px 0;
    margin-top: 20px;
    -webkit-transition: all 0.5s 0s;
    -moz-transition: all 0.5s 0s;
    -ms-transition: all 0.5s 0s;
    -o-transition: all 0.5s 0s;
    transition: all 0.5s 0s;
}

.popup_overlay .popup input[type="submit"]:hover,
.popup_overlay-email .popup input[type="submit"]:hover {
    background: #1e657e;
}

.popup_overlay .popup input:hover,
.popup_overlay .popup input:focus,
.popup_overlay-email .popup input:hover,
.popup_overlay-email .popup input:focus {
    border: 1px solid #1e657e;
}

.popup_overlay .popup input::-webkit-input-placeholder,
.popup_overlay-email .popup input::-webkit-input-placeholder {
    color: #aeaeae;
}

.popup_overlay .popup input:-moz-placeholder,
.popup_overlay-email .popup input:-moz-placeholder {
    color: #aeaeae;
}

.popup_overlay .popup input:-ms-input-placeholder,
.popup_overlay-email .popup input:-ms-input-placeholder {
    color: #aeaeae;
}

.popup_overlay .popup input::-webkit-input-placeholder,
.popup_overlay-email .popup input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #aeaeae;
}

.popup_overlay .popup input::-moz-placeholder,
.popup_overlay-email .popup input::-moz-placeholder {
    /* Firefox 19+ */
    color: #aeaeae;
}

.popup_overlay .popup input:-ms-input-placeholder,
.popup_overlay-email .popup input:-ms-input-placeholder {
    /* IE 10+ */
    color: #aeaeae;
}

.popup_overlay .popup input:-moz-placeholder,
.popup_overlay-email .popup input:-moz-placeholder {
    /* Firefox 18- */
    color: #aeaeae;
}

.popup_overlay.opened,
.popup_overlay-email.opened {
    visibility: visible;
    opacity: 1;
}

.popup_overlay-email .popup {
    height: auto;
    top: calc(50% - 603px / 2);
}


/******************************404*********************************/

.error404 #primary {
    background: url(/images/bg-top-1.jpg?v=1) 0 0 no-repeat;
    background-size: cover;
}

.error404 .page-header {
    border-bottom: 0;
}

.error404 .error-404 {
    padding: 80px 80px 0 80px;
}

.error404 .error-404 .page-title {
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin: 150px 0 0;
}

.error404 .error-404 .page-content {
    font-size: 20px;
    padding-top: 80px;
    text-align: center;
}

.error404 .error-404 .page-content a {
    color: #ffffff;
}


/****************************PRELOADER*****************************/

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: #F4F1EE;
    z-index: 20;
    display: flex;
}

#preloader .loader_1,
#preloader .loader_2 {
    position: absolute;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
    perspective: 800px;
}

#preloader .loader_2 {
    display: none;
}

#preloader .loader {
    margin: auto;
}

#preloader .loader svg {
    width: 250px;
}

#preloader .loader svg .st0 {
    stroke-dashoffset: 36px;
    stroke-dasharray: 0 106px;
    fill-opacity: 0;
    stroke: #e1c08b;
    stroke-width: 1px;
    -webkit-transition: stroke-dasharray 3.5s, fill-opacity 3s 4s, stroke-width 2s 3.5s;
    -moz-transition: stroke-dasharray 3.5s, fill-opacity 3s 4s, stroke-width 2s 3.5s;
    -ms-transition: stroke-dasharray 3.5s, fill-opacity 3s 4s, stroke-width 2s 3.5s;
    -o-transition: stroke-dasharray 3.5s, fill-opacity 3s 4s, stroke-width 2s 3.5s;
    transition: stroke-dasharray 3.5s, fill-opacity 3s 4s, stroke-width 2s 3.5s;
}

#preloader .loader.active svg .st0 {
    fill-opacity: 1;
    stroke-dasharray: 396px 106px;
    stroke-width: 0;
}


/****************************MEDIA QUERIES**************************/


/* @media only screen and (max-width: 1366px) {
  #content .container.top .top_block {
    padding: 260px 0 34px; } } */

@media only screen and (max-width: 1199px) {
    .bg_parallax {
        display: none;
    }
    /* #header .container {
    margin: 0; } */
    #header .container .menu {
        display: none;
    }
    #header .container .call_back {
        justify-content: space-around;
    }
    #header .container .call_back a {
        font-size: 18px;
    }
    #header .mob_menu {
        position: fixed;
        top: 0;
        z-index: 11;
        background: url("../../img/frontend/2.jpg") 0 0 no-repeat;
        background-size: cover;
        -webkit-transition: all 0.9s 0s;
        -moz-transition: all 0.9s 0s;
        -ms-transition: all 0.9s 0s;
        -o-transition: all 0.9s 0s;
        transition: all 0.9s 0s;
    }
    #header .mob_menu.opened {
        opacity: 1;
        width: 100vw;
        height: 100vh;
    }
    #header .mob_menu img {
        width: 25%;
        margin: 15px auto 0;
        display: block;
    }
    #header .mob_menu .menu {
        margin: 10% auto 0;
        text-align: center;
    }
    #header .mob_menu .menu a {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font: 18px 'Montserrat';
        font-weight: bold;
        color: #000;
        line-height: 1.75;
    }
    #header .mob_menu .socials {
        margin-top: 10%;
        justify-content: space-around;
    }
    #header .hamburger {
        position: absolute;
        top: 50px;
        left: calc(90% - 30px);
        width: 30px;
        height: 4px;
        cursor: pointer;
        z-index: 12;
    }
    #header .hamburger .bar,
    #header .hamburger .bar:after,
    #header .hamburger .bar:before {
        width: 30px;
        height: 4px;
    }
    #header .hamburger .bar {
        position: relative;
        transform: translateY(10px);
        background: black;
        transition: all 0ms 300ms;
    }
    #header .hamburger .bar.animate {
        background: rgba(255, 255, 255, 0);
    }
    #header .hamburger .bar.animate:after {
        top: 0;
        transform: rotate(45deg);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #header .hamburger .bar.animate:before {
        bottom: 0;
        transform: rotate(-45deg);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #header .hamburger .bar:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 10px;
        background: black;
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #header .hamburger .bar:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        background: black;
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #content .container.top .top_block button:not(:last-child) {
        margin-left: 20px;
    }
    /* #content .container .sec_1, #content .container .sec_2, #content .container .sec_3,
  #content .container .news_block, #content .container .sec_5 {
    margin: 25px 0 0; } */
    #content .container .sec_1 h2,
    #content .container .sec_2 h2,
    #content .container .sec_3 h2,
    #content .container .news_block h2,
    #content .container .sec_5 h2 {
        font-size: 34px;
    }
    #content .container .sec_1 .sec_name,
    #content .container .sec_2 .sec_name,
    #content .container .sec_3 .sec_name,
    #content .container .news_block .sec_name,
    #content .container .sec_5 .sec_name {
        font-size: 34px;
    }
    #content .container .sec_1 .description,
    #content .container .sec_2 .description,
    #content .container .sec_3 .description,
    #content .container .news_block .description,
    #content .container .sec_5 .description {
        font-size: 24px;
        max-width: none;
    }
    #content .container .sec_1 .mar {
        margin: 0;
    }
    #content .container .sec_1 .features .features_item {
        background-size: cover !important;
        background-position: center !important;
    }
    #content .container .sec_1 .features .features_item .info {
        max-width: 450px;
    }
    #content .container .sec_1 .features .features_item#kindergarden {
        background: url("/images/features/kindergarden_ipad.jpg?v=1") center center no-repeat;
        height: 360px;
    }
    #content .container .sec_1 .features .features_item#kindergarden .info {
        max-width: 918px;
    }
    #content .container .sec_1 .about_block {
        padding: 0;
    }
    #content .container .sec_1 .about_block .about_header,
    #content .container .sec_1 .about_block .about_text {
        max-width: none;
    }
    #content .container .sec_1 .about_block .about_header {
        margin: 25px auto;
        font-size: 34px;
    }
    #content .container .sec_1 .about_block .about_text {
        margin: 0 auto;
        font-size: 22px;
    }
    #content .container .sec_2 .abs-wrap {
        position: static;
    }
    #content .container .sec_2 h2 {
        margin: 50px auto 20px;
    }
    #content .container .sec_2 .object_1 button {
        margin-bottom: 30px;
    }
    #content .container .sec_2 .object_2,
    #content .container .sec_2 .object_3 {
        margin: 30px 0 0;
    }
    #content .container .sec_3 .sec_name,
    #content .container .news_block .sec_name {
        margin: 25px 0;
    }
    #content .container .sec_3 .nav-tabs li a,
    #content .container .news_block .nav-tabs li a {
        font-size: 24px;
    }
    #content .map_block .container {
        margin: 0;
    }
    #layouts .content .form,
    #single_layout .content .form,
    #gallery .content .form {
        margin-bottom: 175px;
    }
    #layouts .content .form fieldset,
    #single_layout .content .form fieldset,
    #gallery .content .form fieldset {
        border: 0;
        margin: 25px auto 0;
    }
    #layouts .content .form legend,
    #single_layout .content .form legend,
    #gallery .content .form legend {
        font-size: 25px;
        margin: 0 auto 10px;
    }
    #layouts .content .form legend:after,
    #single_layout .content .form legend:after,
    #gallery .content .form legend:after {
        display: none;
    }
    #layouts .content .form form .inputs,
    #single_layout .content .form form .inputs,
    #gallery .content .form form .inputs {
        position: static;
        margin: 0 auto;
        flex-direction: column;
        max-width: 470px;
        height: 200px;
    }
    #layouts .row {
        margin: 0 0 50px;
    }
    #layouts .top_block .top_text,
    #layouts .top_block .slogan {
        margin: 20px 0;
        max-width: none;
    }
    #layouts .top_block .top_text .t_t_2 {
        margin-top: 25px;
    }
    #layouts .top_block .nav-tabs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    #layouts .top_block .nav-tabs li {
        margin-bottom: 0;
    }
    /* #layouts .top_block .nav-tabs li a {
        min-width: auto; } */
    #single_layout .row {
        margin: 0;
    }
    #single_layout .top_block .top_text,
    #single_layout .top_block .slogan {
        margin: 0;
    }
    #single_layout .top_block .slogan {
        font-size: 36px;
        max-width: none;
    }
    #single_layout .top_block button {
        margin: 50px auto 0;
        display: block;
    }
    #single_layout .content .info_block {
        margin: -60px 10px 70px;
    }
    #gallery .row {
        margin: 0;
    }
    #gallery .top_block .tab-content p.description {
        margin: 25px auto;
        font-size: 20px;
    }
    #gallery .top_block .t_t {
        margin: 15px 0 70px 100px;
    }
    #gallery .top_block .nav-tabs {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }
    #gallery .top_block .nav-tabs li {
        margin-bottom: 0;
    }
    #gallery .form {
        margin: 0 auto 175px;
    }
    #news .row {
        margin: 0;
    }
    #news .top_block .nav-tabs {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    #news .top_block .nav-tabs li {
        margin-bottom: 0;
    }
    #news .top_block .nav-tabs li a {
        padding: 25px 11px;
        min-width: 250px;
    }
    #primary .top_block .tab-content p.description {
        margin: 20px 0 0;
        text-align: left;
    }
    #primary .top_block .nav-tabs {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    #primary .top_block .nav-tabs li {
        margin-bottom: 0;
    }
    #primary .top_block .nav-tabs li a {
        padding: 25px 11px;
        min-width: 250px;
    }
    #projects .row {
        margin: 0;
    }
    #projects .top_block {
        padding: 160px 0 20px;
    }
    #projects .top_block .top_text {
        margin: 25px 0;
    }
    #projects .top_block .descr {
        max-width: none;
        font-size: 20px;
    }
    #projects .box:before {
        left: 10px;
    }
    #projects .box:after {
        right: 10px;
    }
    #projects .project {
        flex-direction: column;
    }
    #projects .project .descr,
    #projects .project .img_project {
        max-width: none;
    }
    #projects .project .descr:after {
        left: 0;
        right: 80px;
    }
    #projects .project:nth-child(3) {
        flex-direction: column-reverse;
    }
    #projects .project:nth-child(3) .descr {
        text-align: right;
    }
    #projects .article {
        margin-top: 25px;
    }
    #projects .article .quote_bl {
        background-position: 0 10px;
        padding: 35px 20px 0;
        margin: 0 auto 35px;
    }
    #projects .form {
        margin-bottom: 175px;
    }
    #projects .form fieldset {
        border: 0;
        margin: 25px auto 0;
    }
    #projects .form legend {
        font-size: 25px;
        margin: 0 auto 10px;
    }
    #projects .form legend:after {
        display: none;
    }
    #projects .form form .inputs {
        position: static;
        margin: 0 auto;
        flex-direction: column;
        max-width: 470px;
        height: 200px;
    }
    #contacts .top_block .row p {
        font-size: 20px;
    }
    #contacts .top_block .row p.slogan {
        margin-top: 100px;
        font-size: 20px;
    }
    #contacts .map_block .container {
        margin: 0;
    }
    #contacts .map_block .container .form_block {
        max-width: 510px;
        left: calc(50% - 510px / 2);
        margin: 0;
    }
    #contacts .map_block .container .form_block .form_title {
        font-size: 23px;
    }
    #contacts .map_block .container .form_block .form {
        padding: 10px 0;
    }
    #contacts .map_block .container .form_block .form p {
        text-align: center;
        margin: 0;
    }
    #contacts .map_block .container .form_block .form form {
        flex-direction: column;
        align-items: center;
    }
    #contacts .map_block .container .form_block .form form input,
    #contacts .map_block .container .form_block .form form button {
        margin-top: 10px;
    }
    #footer .row {
        margin: 0;
    }
    #footer .row .f_nav {
        margin: 50px auto 25px;
    }
    #footer .row .f_nav a {
        font-size: 16px;
    }
    #footer .row .contacts {
        margin: 25px auto 0;
    }
    #footer .row .call_back_footer {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #toTop {
        z-index: 9999;
    }
}

@media only screen and (max-width: 768px) {
    #content .container .sec_1 .features .features_item .info {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    #content .container .sec_1 .about_block .about_text {
        text-align: left;
    }
    #content .container .row .description {
        text-align: left;
    }
}

@media only screen and (max-width: 736px) {
    #content .container .sec_1 .features .features_item#quality1 {
        height: 450px;
    }
    .new-main .container .sec_1 .features .features_item .info {
        padding: 20px 0;
        -webkit-transition: all 1s 0s;
        -moz-transition: all 1s 0s;
        -ms-transition: all 1s 0s;
        -o-transition: all 1s 0s;
        transition: all 1s 0s;
        align-items: center;
    }
    .new-main .container .sec_1 .features .features_item .info .info_block {
        position: absolute;
        max-width: 256px;
        top: calc(50% - 70px);
        -webkit-transition: all 1s 0s;
        -moz-transition: all 1s 0s;
        -ms-transition: all 1s 0s;
        -o-transition: all 1s 0s;
        transition: all 1s 0s;
    }
    .new-main .container .sec_1 .features .features_item .info .info_block .info_text {
        -webkit-transition: all 1s 0s;
        -moz-transition: all 1s 0s;
        -ms-transition: all 1s 0s;
        -o-transition: all 1s 0s;
        transition: all 1s 0s;
        opacity: 1;
        height: 0;
    }
    .new-main .container .sec_1 .features .features_item .info .info_block .info_ico {
        -webkit-transition: all 1s 0s;
        -moz-transition: all 1s 0s;
        -ms-transition: all 1s 0s;
        -o-transition: all 1s 0s;
        transition: all 1s 0s;
    }
    .new-main .container .sec_1 .features .features_item .info .info_block .text-mob {
        text-align: left;
    }
    .new-main .container .sec_1 .features .features_item .info:hover .info_text {
        opacity: 0;
    }
    .new-main .container .sec_1 .features .features_item .info:hover .info_block {
        top: -45px;
    }
    .new-main .container .sec_1 .features .features_item .info:hover .info_block .info_ico {
        opacity: 0;
        visibility: hidden;
    }
    #content .container .sec_1 .features .features_item {
        margin: 30px 0px 0px;
    }
}

@media only screen and (max-width: 568px) {
    #news .row {
        margin: 0;
    }
    #news .row .news .entry-content {
        flex-direction: column;
        max-height: none;
        overflow: visible;
    }
    #news .row .news .entry-content img {
        width: 100%;
        height: auto;
    }
    #news .row .news .entry-content .description {
        width: auto;
        min-width: 240px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 1000px) and (orientation: landscape) {
    /* #header .mob_menu .menu {
    margin: 0 0 0 20%; } */
    #content .container.top .top_block button {
        display: block;
        margin: 0 auto;
    }
    #content .container .sec_1 {
        margin: 25px auto;
    }
    #content .container .sec_1 .features .features_item {
        background-size: cover !important;
    }
    #content .container .sec_1 .features .features_item#kindergarden {
        margin: 28px auto 0;
    }
    #content .container .sec_1 .features .features_item .info {
        max-width: 736px;
    }
    #content .container .sec_1 .about_block {
        margin: 0;
        padding: 50px 15px 0;
    }
    #content .container .sec_1 .about_block .about_header,
    #content .container .sec_1 .about_block .about_text {
        margin: 20px auto 0;
    }
    #content .container .sec_1 .about_block .about_header {
        font-size: 21px;
    }
    /* #content .container .sec_2 {
    margin: 75px 0 0 0; } */
    #content .container .sec_2 .object_1,
    #content .container .sec_2 .object_2,
    #content .container .sec_2 .object_3 {
        padding: 0 15px;
    }
    #content .container .sec_2 .object_2,
    #content .container .sec_2 .object_3 {
        margin-top: 50px;
    }
    #content .container .sec_2 .abs-wrap {
        position: static;
    }
    #content .container .sec_2 h2 {
        margin: 0 auto 50px;
        max-width: 428px;
    }
    #content .container .sec_2 button {
        margin-bottom: 15px;
    }
    #content .container .sec_2 img {
        padding: 0;
    }
    #content .container .sec_3 .sec_name,
    #content .container .news_block .sec_name,
    #content .container .sec_5 .sec_name {
        margin-bottom: 25px;
    }
    #content .container .sec_3 {
        margin: 50px 0 0 0;
    }
    #content .container .sec_3 .gallery_tab {
        padding: 0;
    }
    #content .container .sec_3 .gallery_tab .nav-tabs {
        justify-content: space-around;
    }
    #content .container .sec_3 .gallery_tab .nav-tabs a {
        font-size: 16px;
    }
    #content .container .news_block .nav-tabs {
        justify-content: space-around;
    }
    #content .container .news_block .tab-content {
        margin: 0;
    }
    #content .container .news_block .tab-content .wrap {
        max-width: 450px;
        position: relative;
        left: calc(50% - 450px / 2);
    }
    #content .container .news_block .tab-content .box {
        margin: 25px auto 0;
    }
    #content .container .sec_5 .form_block {
        margin-top: 0;
    }
    #content .container .sec_5 .form_block p {
        text-align: left;
    }
    #content .container .sec_5 .form_block .form {
        text-align: center;
        padding: 10px 0;
        height: auto;
        flex-direction: column;
    }
    /* #layouts .top_block .top_text {
    margin: 0 40px 10px; }
  #layouts .top_block .slogan {
    margin: 0 auto;
    max-width: 568px; }
  #layouts .top_block .nav-tabs {
    flex-wrap: wrap;
    margin: 70px auto 1px; }
    #layouts .top_block .nav-tabs li {
      width: 100%; } */
    #single_layout .top_block .top_text {
        margin-left: 40px;
    }
    #single_layout .top_block .slogan {
        display: none;
    }
    #single_layout .top_block button {
        display: block;
        margin: 20px auto 0;
    }
    #single_layout .content .info_block {
        margin: -60px auto 70px;
        flex-wrap: wrap;
        justify-content: center;
    }
    #single_layout .content .info_block .item {
        margin: 10px;
    }
    #single_layout .content .download {
        margin: 12px 0 0;
    }
    #single_layout .content .layout_img {
        max-width: 400px;
    }
    #gallery .top_block .tab-content .description {
        margin: 50px auto 0;
    }
    #gallery .top_block .t_t {
        margin: 15px 40px 70px;
    }
    #gallery .top_block .nav-tabs li {
        width: 100%;
    }
    #layouts .row,
    #single_layout .row,
    #gallery .row {
        margin: 0;
    }
    #layouts .content .form,
    #single_layout .content .form,
    #gallery .content .form {
        margin-bottom: 175px;
    }
    #layouts .content .form legend,
    #single_layout .content .form legend,
    #gallery .content .form legend {
        font-size: 25px;
    }
    #layouts .content .form legend:after,
    #single_layout .content .form legend:after,
    #gallery .content .form legend:after {
        display: none;
    }
    #layouts .content .form form .inputs,
    #single_layout .content .form form .inputs,
    #gallery .content .form form .inputs {
        position: static;
        margin: 0 auto;
        flex-direction: column;
        max-width: 470px;
        height: 175px;
    }
    #news .top_block .tab-content .description {
        margin: 100px auto 0;
    }
    #news .top_block .t_t {
        margin: 15px 0 70px 30px;
    }
    #news .top_block .nav-tabs {
        flex-wrap: wrap;
    }
    #news .top_block .nav-tabs li {
        width: 100%;
    }
    #primary .row {
        margin: 0;
    }
    #primary .nav-tabs {
        flex-wrap: wrap;
    }
    #primary .nav-tabs li {
        width: 100%;
    }
    #primary .top_block .tab-content p.description {
        margin: 0;
        text-align: left;
        font-size: 26px;
    }
    #projects .row {
        margin: 0;
    }
    #projects .top_block {
        padding: 160px 0 30px;
    }
    #projects .top_block .top_text {
        margin: 50px auto auto;
    }
    #projects .top_block .descr {
        margin: auto;
    }
    #projects .box {
        margin: 25px auto 70px;
    }
    #projects .box:before {
        display: none;
    }
    #projects .box:after {
        right: 0;
    }
    #projects .project {
        flex-direction: column;
        align-items: center;
    }
    #projects .project:nth-child(3) {
        flex-direction: column-reverse;
    }
    #projects .project:nth-child(3) .descr:after {
        left: 0;
    }
    #projects .project .descr {
        max-width: 420px;
    }
    #projects .project .descr:after {
        left: 168px;
    }
    #projects .article {
        margin: 50px auto 0;
    }
    #projects .article .n {
        padding: 0;
    }
    #projects .article .quote_bl {
        margin: 0 auto 100px;
    }
    #projects .form {
        margin-bottom: 220px;
    }
    #projects .form fieldset {
        border: none;
    }
    #projects .form fieldset legend {
        text-align: center;
        margin-left: 15px;
        padding: 0 5px;
        font-size: 26px;
    }
    #projects .form fieldset legend:after {
        display: none;
    }
    #projects .form div.inputs {
        flex-direction: column;
        left: calc(50% - 450px / 2);
        height: 255px;
        max-width: 450px;
    }
    #contacts .top_block .row {
        margin: 185px auto 40px;
    }
    #contacts .top_block .row p.slogan {
        margin: 25px auto;
    }
    #contacts .map_block .container .form_block {
        left: 0;
        margin: 0;
    }
    #contacts .map_block .container .form_block .form_title {
        font-size: 23px;
    }
    #contacts .map_block .container .form_block .form {
        padding: 10px 0;
    }
    #contacts .map_block .container .form_block .form p {
        text-align: center;
        margin: 0;
    }
    #contacts .map_block .container .form_block .form form {
        flex-direction: column;
        align-items: center;
    }
    #contacts .map_block .container .form_block .form form input,
    #contacts .map_block .container .form_block .form form button {
        margin-top: 10px;
    }
    /* #footer .row {
    margin: 57px 0 0; } */
    #footer .row .f_nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    #footer .row .f_nav a {
        margin: 7px 6px;
    }
    #footer .row .socials {
        justify-content: center;
    }
    #footer .row .socials a {
        margin: 10px 25px;
    }
    #footer .row .contacts {
        margin: 15px auto 15px;
    }
    #footer .row .call_back_footer {
        text-align: center;
    }
    #footer #toTop {
        z-index: 5;
    }
    .popup_overlay .popup {
        height: auto;
        /* top: calc(50% - 122px); */
        /* padding: 10px 35px;  */
    }
    .popup_overlay .popup .description {
        margin: 8px auto;
    }
    .popup_overlay .popup input {
        margin-bottom: 10px;
    }
    .popup_overlay .popup input[type="submit"] {
        margin: 0;
    }
}

@media only screen and (max-width: 420px) {
    #header .container .call_back a {
        font-size: 12px;
    }
    /* #header .mob_menu {
    position: fixed;
    z-index: 11;
    background: url("/images/bg-top-1.jpg?v=1") 0 0 no-repeat;
    background-size: cover;
    -webkit-transition: all 0.9s 0s;
    -moz-transition: all 0.9s 0s;
    -ms-transition: all 0.9s 0s;
    -o-transition: all 0.9s 0s;
    transition: all 0.9s 0s; } */
    #header .mob_menu.opened {
        opacity: 1;
        width: 100vw;
        height: 100vh;
    }
    #header .mob_menu img {
        width: 50%;
        margin: 15px auto 0;
        display: block;
    }
    /* #header .mob_menu .menu {
      margin: 25% 0 0 20%; }
      #header .mob_menu .menu a {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font: 18px 'Montserrat';
        color: #FFF;
        line-height: 1.75; } */
    #header .mob_menu .socials {
        margin-top: 10%;
        justify-content: space-around;
    }
    #header .hamburger {
        position: absolute;
        top: 50px;
        left: calc(90% - 30px);
        width: 30px;
        height: 4px;
        cursor: pointer;
        z-index: 12;
    }
    #header .hamburger .bar,
    #header .hamburger .bar:after,
    #header .hamburger .bar:before {
        width: 30px;
        height: 4px;
    }
    /* #header .hamburger .bar {
      position: relative;
      transform: translateY(10px);
      background: white;
      transition: all 0ms 300ms; }
      #header .hamburger .bar.animate {
        background: rgba(255, 255, 255, 0); }
        #header .hamburger .bar.animate:after {
          top: 0;
          transform: rotate(45deg);
          transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
        #header .hamburger .bar.animate:before {
          bottom: 0;
          transform: rotate(-45deg);
          transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
      #header .hamburger .bar:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 10px;
        background: white;
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
      #header .hamburger .bar:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        background: white;
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } */
    /* #content .container.top .top_block {
    padding: 0;
    margin: 220px auto 0; } */
    #content .container.top .top_block .top_text {
        margin-bottom: 15px;
    }
    #content .container.top .top_block .top_text .t_t_2 {
        font: 40px 'Montserrat';
        margin: 30px auto;
        font-weight: bold;
    }
    #content .container.top .top_block .top_text .t_t_3 {
        font: 21px 'Montserrat';
        font-weight: bold;
    }
    #content .container.top .top_block button {
        margin: 0 auto 20px;
        display: block;
    }
    #content .container .row .sec_name {
        font: 20px 'Montserrat';
    }
    #content .container .sec_1 {
        margin: 25px auto;
    }
    #content .container .sec_1 .features .features_item.first_item {
        height: auto;
    }
    #content .container .sec_1 .features .features_item .description {
        font-size: 18px;
    }
    #content .container .sec_1 .features .features_item .info {
        max-width: none;
    }
    #content .container .sec_1 .features .features_item#kindergarden {
        margin: 28px auto 0;
    }
    #content .container .sec_1 .features .features_item:nth-child(4) .info:hover .info_text {
        max-height: 160px;
    }
    #content .container .sec_1 .about_block {
        margin: 0;
        padding: 50px 15px 0;
    }
    #content .container .sec_1 .about_block .about_header,
    #content .container .sec_1 .about_block .about_text {
        margin: 20px auto 0;
    }
    #content .container .sec_1 .about_block .about_text {
        font-size: 18px;
    }
    #content .container .sec_1 .about_block .about_header {
        font-size: 21px;
    }
    #content .container .sec_2 {
        margin: 75px 0 0 0;
    }
    #content .container .sec_2 .object_1,
    #content .container .sec_2 .object_2,
    #content .container .sec_2 .object_3 {
        padding: 0 15px;
    }
    #content .container .sec_2 .object_2,
    #content .container .sec_2 .object_3 {
        margin-top: 50px;
    }
    #content .container .sec_2 .abs-wrap {
        position: static;
    }
    #content .container .sec_2 h2 {
        margin: 0 auto 50px;
        max-width: 315px;
    }
    #content .container .sec_2 button {
        margin-bottom: 15px;
    }
    /* #content .container .sec_2 img {
      padding: 0;
      max-width: 414px; } */
    #content .container .sec_2 .description {
        font-size: 18px;
    }
    #content .container .sec_3 .sec_name,
    #content .container .news_block .sec_name,
    #content .container .sec_5 .sec_name {
        margin-bottom: 25px;
    }
    #content .container .sec_3 {
        margin: 50px 0 0 0;
    }
    #content .container .sec_3 .gallery_tab {
        padding: 0;
    }
    #content .container .sec_3 .gallery_tab .nav-tabs a {
        font-size: 12px;
    }
    #content .container .news .tab-content {
        margin: 0;
    }
    #content .container .news .tab-content .box {
        margin: 30px auto 0;
    }
    #content .container .sec_5 .form_block {
        margin-top: 0;
    }
    #content .container .sec_5 .form_block p {
        text-align: left;
    }
    #content .container .sec_5 .form_block .form {
        text-align: center;
        padding: 10px 0;
        height: auto;
        flex-direction: column;
    }
    #content .map_block #map {
        margin-top: 125px;
    }
    #content .map_block .container .row .markers {
        display: none;
    }
    #contacts .top_block .row {
        margin: 185px auto 0;
    }
    #contacts .map_block .container .map_legend {
        top: 0;
    }
    #contacts .map_block .container .form_block {
        left: 0;
        margin: 0;
    }
    #contacts .map_block .container .form_block .form_title {
        font-size: 23px;
    }
    #contacts .map_block .container .form_block .form {
        padding: 10px 0;
    }
    #contacts .map_block .container .form_block .form p {
        text-align: center;
        margin: 0;
    }
    #contacts .map_block .container .form_block .form form {
        flex-direction: column;
        align-items: center;
    }
    #contacts .map_block .container .form_block .form form input,
    #contacts .map_block .container .form_block .form form button {
        margin-top: 10px;
    }
    #news .top_block .tab-content .description,
    #primary .top_block .tab-content .description,
    #gallery .top_block .tab-content .description,
    #layouts .top_block .tab-content .description {
        margin-top: 50px;
    }
    #news .top_block .nav-tabs,
    #primary .top_block .nav-tabs,
    #gallery .top_block .nav-tabs,
    #layouts .top_block .nav-tabs {
        margin: 50px auto 1px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    #news .top_block .nav-tabs li a,
    #primary .top_block .nav-tabs li a,
    #gallery .top_block .nav-tabs li a,
    #layouts .top_block .nav-tabs li a {
        min-width: 0;
    }
    #news .row,
    #primary .row,
    #gallery .row,
    #layouts .row {
        margin: 0;
    }
    #news .row .news .entry-content,
    #primary .row .news .entry-content,
    #gallery .row .news .entry-content,
    #layouts .row .news .entry-content {
        flex-direction: column;
        max-height: none;
        overflow: visible;
    }
    #news .row .news .entry-content img,
    #primary .row .news .entry-content img,
    #gallery .row .news .entry-content img,
    #layouts .row .news .entry-content img {
        width: 100%;
    }
    #news .row .news .entry-content .description,
    #primary .row .news .entry-content .description,
    #gallery .row .news .entry-content .description,
    #layouts .row .news .entry-content .description {
        width: auto;
        min-width: 240px;
    }
    #layouts .row,
    #single_layout .row,
    #gallery .row {
        margin: 0;
    }
    #layouts .top_block .top_text,
    #single_layout .top_block .top_text,
    #gallery .top_block .top_text {
        margin-left: 10px;
    }
    #layouts .top_block .slogan,
    #single_layout .top_block .slogan,
    #gallery .top_block .slogan {
        margin: 20px 0 0 10px;
    }
    #layouts .top_block button,
    #single_layout .top_block button,
    #gallery .top_block button {
        margin: 48px auto 0;
        display: block;
    }
    #layouts .content .form,
    #single_layout .content .form,
    #gallery .content .form {
        margin-bottom: 220px;
    }
    #layouts .content .form fieldset,
    #single_layout .content .form fieldset,
    #gallery .content .form fieldset {
        border: none;
    }
    #layouts .content .form fieldset legend,
    #single_layout .content .form fieldset legend,
    #gallery .content .form fieldset legend {
        margin-left: 15px;
        padding: 0 5px;
        font-size: 16px;
    }
    #layouts .content .form fieldset legend:after,
    #single_layout .content .form fieldset legend:after,
    #gallery .content .form fieldset legend:after {
        display: none;
    }
    #layouts .content .form div.inputs,
    #single_layout .content .form div.inputs,
    #gallery .content .form div.inputs {
        flex-direction: column;
        left: 0;
        height: 255px;
    }
    #primary .post_block .post .crop_img img {
        width: 100%;
        height: auto;
        position: static;
        transform: none;
    }
    #layouts .layouts_block {
        margin: 20px auto;
    }
    /* #layouts .layouts_block .layout {
      margin: 12px auto; } */
    #layouts .layouts_block .layout img {
        width: 320px;
        height: 320px;
    }
    #single_layout .content .info_block {
        flex-wrap: wrap;
        margin: 0 auto 20px;
    }
    #single_layout .content .info_block .item {
        margin: 10px auto;
    }
    #single_layout .content .full_info {
        flex-direction: column;
        margin: 10px auto;
    }
    #single_layout .content .img_block .top {
        flex-direction: column;
    }
    #single_layout .content .img_block .top .download {
        margin: 25px auto;
    }
    #single_layout .content .img_block .top .get {
        margin-bottom: 25px;
    }
    #gallery .top_block .t_t,
    #news .top_block .t_t,
    #primary .top_block .t_t {
        margin: 0 0 0 30px;
    }
    #gallery .tab-content,
    #news .tab-content,
    #primary .tab-content {
        margin: 40px auto;
    }
    #projects .row {
        margin: 0;
    }
    #projects .top_block .top_text {
        margin: 50px auto;
    }
    #projects .box {
        margin: 25px auto 70px;
    }
    #projects .box:before {
        display: none;
    }
    #projects .box:after {
        right: 0;
    }
    #projects .project {
        flex-direction: column;
    }
    #projects .project:nth-child(3) {
        flex-direction: column-reverse;
    }
    #projects .project:nth-child(3) .descr:after {
        left: 0;
    }
    #projects .project .descr {
        max-width: 420px;
    }
    #projects .project .descr:after {
        left: 168px;
    }
    #projects .article {
        margin: 50px auto 0;
    }
    #projects .article .n {
        padding: 0;
    }
    #projects .article .quote_bl {
        margin: 0 auto 100px;
    }
    #projects .docs .owl-carousel:before {
        font-size: 26px;
        padding: 0;
        left: 0;
    }
    #projects .form {
        margin-bottom: 220px;
    }
    #projects .form fieldset {
        border: none;
    }
    #projects .form fieldset legend {
        margin-left: 15px;
        padding: 0 5px;
        font-size: 16px;
    }
    #projects .form fieldset legend:after {
        display: none;
    }
    #projects .form div.inputs {
        flex-direction: column;
        left: 0;
        height: 255px;
    }
    #footer .row {
        margin: 25px 0 0;
    }
    #footer .row .f_nav {
        flex-direction: column;
        align-items: center;
        margin-bottom: 25px;
    }
    #footer .row .f_nav a {
        margin: 10px auto;
    }
    #footer .row .socials {
        justify-content: space-around;
    }
    #footer .row .contacts {
        margin: 25px auto 0;
        text-align: center;
    }
    #footer .row .contacts p,
    #footer .row .contacts button {
        margin: 10px 0 !important;
    }
    #footer .row .footer_bottom {
        margin-bottom: 20px;
    }
    #footer .row .footer_bottom .copy {
        margin: 10px auto;
    }
    #footer .row .footer_bottom .dev {
        text-align: end;
    }
    #footer #toTop {
        display: none !important;
    }
    .popup_overlay .popup {
        padding: 20px 0;
        top: calc(50% - 200px);
        left: calc(50% - 150px);
        width: 300px;
        height: 450px;
    }
    /* .popup_overlay .popup .close_btn {
      top: 0;
      right: 0; } */
}


/****************************ANIMATIONS*****************************/

@-webkit-keyframes invalid {
    0% {
        border-bottom: 1px solid #FFF;
    }
    50% {
        border-bottom: 1px solid #f00;
    }
    100% {
        border-bottom: 1px solid #FFF;
    }
}

@-o-keyframes invalid {
    0% {
        border-bottom: 1px solid #FFF;
    }
    50% {
        border-bottom: 1px solid #f00;
    }
    100% {
        border-bottom: 1px solid #FFF;
    }
}

@-moz-keyframes invalid {
    0% {
        border-bottom: 1px solid #FFF;
    }
    50% {
        border-bottom: 1px solid #f00;
    }
    100% {
        border-bottom: 1px solid #FFF;
    }
}

@keyframes invalid {
    0% {
        border-bottom: 1px solid #FFF;
    }
    50% {
        border-bottom: 1px solid #f00;
    }
    100% {
        border-bottom: 1px solid #FFF;
    }
}

@keyframes background-scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes background-scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes background-scale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


/********************************END********************************/


/********************************FLEX Style********************************/

.flex {
    color: #a3b3bf;
    font-weight: bold;
}

.flex:hover {
    color: #a3b3bf;
    text-decoration: none;
}

#page .mob_menu .lang {
    position: relative;
    top: 0;
    display: inline-block;
    margin: 10% auto 0;
}

#page .mob_menu .lang li a,
#page .mob_menu .lang li {
    font-size: 24px;
}

#page .mob_menu .socials a {
    margin-right: 30px;
}

#page .mob_menu .socials a:last-child {
    margin-right: 0;
}

img {
    max-width: 100%;
}

.block_header {
    max-width: 300px;
    margin-bottom: 30px;
    color: #4F4F4F;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: bold;
}

.block_header_center {
    margin: 0 auto 30px;
    text-align: center;
}

.sec_2 .block_header {
    margin-top: 30px;
}

.sec_2 hr {
    margin-top: 50px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #e4e4e4;
}

.sec_doc {
    margin: 90px 80px 0 !important;
    padding: 60px 0 40px 100px;
    position: relative;
    background-image: url("../../img/frontend/section_doc.jpg");
    background-position: center;
    background-size: cover;
}

.sec_doc .block_header {
    color: #fff;
}

.map_legend .block_header {
    color: #fff;
    max-width: 100%;
    margin: 30px auto 20px;
}

#page .sec_doc .button {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 2px solid #fff;
}

#page .sec_doc .button.hvr:before {
    background: #fff;
}

.sec_doc .hvr:hover,
.hvr:focus,
.hvr:active {
    color: #525252 !important;
}

.sale_address {
    margin-bottom: 30px;
    line-height: 26px;
    font-size: 14px;
    color: #F2F2F2;
    text-align: center;
}

.block_desc {
    line-height: 31px;
    font-size: 18px;
    color: #525252;
}

.terms {
    margin: 20px 0 0;
}

.terms_block {
    padding: 0;
}

.terms li {
    list-style: disc;
    line-height: 31px;
    font-size: 18px;
    color: #525252;
    margin-left: 20px;
}

.footer_nav a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2.1px;
    color: #F2F2F2;
    margin-bottom: 10px;
}

.footer_nav a:hover {
    color: #1e657e;
    text-decoration: none;
}

.footer_address {
    float: right;
    width: auto;
}

.footer_address li,
.footer_address li a {
    color: #F2F2F2;
    margin-bottom: 20px;
}

.footer_address li a:hover {
    text-decoration: none;
    color: #1e657e;
}

.question {
    margin-top: 10px;
    letter-spacing: 2.1px;
    text-align: center;
}

#page #footer button {
    margin-top: 15px;
    color: #F2F2F2;
    border: 1px solid #F2F2F2;
}

#page .hvr:hover,
#page .hvr:focus,
#page .hvr:active {
    color: #063b4d !important;
}

#page #footer button.hvr:before {
    background: #F2F2F2;
}

#content.page_doc .container .sec_1 .bg_parallax {
    top: 40px;
    right: 80px;
}

#doc_gallery {
    margin: 50px 0;
    text-align: center;
}

#doc_gallery .doc_img {
    max-width: 30%;
    margin: 10px 5px;
}

.news_item_gallery {
    margin: 20px 0 0;
}

.plan_info {
    margin-top: 15px;
    font-weight: 600;
    line-height: 26px;
    font-size: 17px;
    text-align: center;
    color: #525252;
}

.plan_number {
    position: absolute;
    width: 75px;
    height: 40px;
    left: 0;
    top: 60px;
    color: #fff;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    background: #1e657e;
}

#layouts .top_block .nav-tabs.nav_news {
    margin: 70px 0 0 0;
}

#layouts .row.plan_item_block {
    margin: 30px auto 85px;
}

.plan_name {
    font-size: 26px;
    text-align: center;
    color: #4f4f4f;
    margin-bottom: 40px;
}

.plan_img {
    position: relative;
    padding: 1px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.plan_img img {
    text-align: center;
}

.plan_img .plan_info {
    position: absolute;
    width: 100%;
    bottom: 15px;
}

.plan_full_info {
    padding: 20px 0 0 100px;
    font-size: 18px;
    color: #4f4f4f;
}

.plan_full_info_item {
    padding: 20px;
    border-top: 1px solid #e4e4e4;
}

.plan_full_info_item:first-child {
    border-top: none;
}

.plan_full_info_item:last-child {
    border-top: 2px solid rgba(166, 124, 82, 0.5);
    font-weight: bold;
}

.plan_full_info_item:last-child .plan_full_info_item_name,
.plan_full_info_item:last-child .plan_full_info_item_value {
    font-weight: bold;
}

.plan_full_info_item_name {
    float: left;
}

.plan_full_info_item_value {
    float: right;
}

.plan_in_section {
    width: 25%;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.plan_compas {
    width: 15%;
    position: absolute;
    top: 5px;
    right: 5px;
}

#floor_plan {
    text-align: center;
    margin: 50px 20px;
}

@media only screen and (max-width: 1199px) {
    #layouts .top_block .nav-tabs {
        display: block;
        margin: 0;
        padding: 0;
    }
}

.nav-tabs.nav_news>li {
    float: none;
    display: inline-block;
    margin-bottom: 0;
    margin-right: -4px;
}

.news_block {
    margin: 50px 0 0;
    padding: 0 0 45px 0;
    border-bottom: 1px solid #E4E4E4;
}

.news_block:nth-child(2n) .text {
    float: right;
}

.news_block:nth-child(2n+1) .img_block {
    text-align: right;
}

.img_news_wrap {
    width: 95%;
    height: 270px;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    -webkit-box-shadow: 15px 15px 0px 0px rgba(185, 153, 122, 0.1);
    -moz-box-shadow: 15px 15px 0px 0px rgba(185, 153, 122, 0.1);
    box-shadow: 15px 15px 0px 0px rgba(185, 153, 122, 0.1);
}

.top_block_contact {
    background: url(../../img/frontend/bg_4.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 440px;
}

.block_contact_item {
    margin-bottom: 30px;
    line-height: 31px;
}

.block_contact_item a {
    color: #525252;
}

.block_contact_item a:hover {
    color: #525252;
    text-decoration: none;
}

.contact_form input,
.contact_form textarea {
    width: 100%;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    padding: 15px 0 15px 20px;
    outline: none;
    color: #1e657e;
    margin-bottom: 20px;
}

.contact_form textarea {
    height: 200px;
}

.contact_form input:focus,
.contact_form input:hover,
.contact_form textarea:focus,
.contact_form textarea:hover {
    border: 1px solid #1e657e;
}

.contact_form .button {
    padding: 0;
}

#page .contact_form button {
    margin-top: 0;
}

.layout_plan {
    display: none;
}

.planning_list a {
    text-transform: uppercase;
    font-size: 24px;
    color: #1e657e;
}

.planning_list a:hover,
.planning_list a.active {
    font-weight: bold;
    text-decoration: none;
    color: #1e657e;
}

#reserved {
    background-color: #1e657e;
    padding: 20px 100px 50px;
}

#reserved input {
    outline: 0;
    border: 2px solid #063b4d;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0;
    margin: 5px 0;
    text-align: center;
    font-size: 12px;
}

#reserved label {
    font-weight: normal;
}

#reserved .subtitle {
    font-weight: bold;
}

.reserved_title {
    text-align: center;
    margin-bottom: 30px;
}

.radio_flat {
    display: inline-block;
    margin-right: 10px;
}

.square label {
    width: 30px;
}

.budget label,
.send label {
    width: 80px;
}

.budget input,
.send input {
    width: 180px;
}

.flat_type label {
    padding-left: 10px;
}

#page #reserved button {
    margin-top: 15px;
    color: #F2F2F2;
    border: 1px solid #F2F2F2;
}

#page #reserved button.hvr:before {
    background: #F2F2F2;
}

#layouts .top_block .nav-tabs.nav-tabs_link li a {
    padding: 25px 2px;
    min-width: auto;
}

.nav-tabs.nav-tabs_link>li {
    width: 33%;
    margin-bottom: 0;
}

.visualisation {
    margin: 40px 0 0;
}


/* slick slider */

.slick-prev:before,
.slick-next:before {
    font-size: 160px;
    line-height: inherit;
    opacity: .75;
    color: #1e657e;
}

.slick-prev {
    left: 25px;
}

.slick-prev:before {
    content: '‹';
}

.slick-next {
    right: 65px;
}

.slick-next:before {
    content: '›';
}


/* slick slider */

@media only screen and (max-width: 1199px) {
    #content .container.top .top_block {
        padding: 90px 0 150px;
    }
    #content .container .sec_1,
    #content .container .sec_2 {
        padding: 40px 30px 0;
    }
    .sec_doc {
        margin: 60px 30px 0 !important;
        padding: 60px 0 40px 100px;
    }
    #layouts .top_block .top_text .t_t_3 {
        width: 90%;
    }
    .plan_img .plan_info {
        padding-left: 15%;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1199px) {
    #layouts .top_block .nav-tabs {
        position: relative;
        top: 50px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
    #layouts .top_block .nav-tabs {
        position: relative;
        /* top: 50px; */
    }
}

@media only screen and (max-width: 991px) {
    #reserved {
        text-align: center;
    }
    #floor_plan svg {
        max-width: 100% !important;
        height: auto !important;
    }
    .sec_doc {
        padding: 60px 30px;
    }
    .sec_2 .img_first {
        display: block;
        margin: 40px auto 0;
    }
    .sec_2 .img_second {
        display: block;
        margin: 0 auto 40px;
    }
    .sec_doc .block_header {
        max-width: 100%;
        text-align: center;
    }
    #content .map_block .map_legend {
        width: 70%;
        left: 15%;
    }
    .footer_nav {
        text-align: center;
    }
    .footer_address {
        margin-top: 40px;
        float: none;
        text-align: center;
    }
    .question {
        width: 100%;
    }
    .news_block:nth-child(2n) .text {
        float: none;
    }
    #page .news button,
    #page .news .button {
        float: none;
        margin-bottom: 30px;
    }
    .plan_full_info {
        padding: 20px 0;
    }
    #layouts .top_block .nav-tabs li {
        margin-bottom: 0;
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }
    .news_btn {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #content .map_block .map_legend {
        width: 90%;
        left: 5%;
    }
    #content .container .sec_1,
    #content .container .sec_2 {
        padding: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }
    #content .map_block .map_legend {
        padding-bottom: 10px;
    }
    .sale_address {
        margin-bottom: 10px;
    }
    .popup_overlay .popup,
    .popup_overlay-email .popup {
        width: 90%;
        height: auto;
        top: 30px;
        left: 5%;
        padding: 60px 45px;
    }
    .popup_overlay .popup input[type="submit"],
    .popup_overlay-email .popup input[type="submit"] {
        display: block;
        margin: 20px auto 0;
    }
    #layouts .top_block .top_text .t_t_2 {
        font: 34px 'Montserrat';
    }
    #layouts .top_block .top_text .t_t_3 {
        font: 21px 'Montserrat';
        font-weight: normal;
    }
    #layouts .top_block .nav-tabs {
        position: relative;
        top: 50px;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        float: none;
    }
    #layouts .top_block .nav-tabs li a {
        min-width: auto;
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    #reserved {
        padding: 20px 20px 50px;
    }
    #doc_gallery .doc_img {
        max-width: initial;
    }
}

@media only screen and (max-width: 767px) {
    .popup_overlay .popup,
    .popup_overlay-email .popup {
        padding: 40px 25px;
    }
    /* .popup_overlay .popup input, .popup_overlay-email .popup input {
    width: auto;
  } */
}

@media only screen and (max-width: 420px) {
    #layouts .top_block .nav-tabs {
        position: relative;
        top: 0;
    }
    .plan_img {
        padding-bottom: 40px;
    }
    .plan_img .plan_info {
        bottom: 5px;
    }
    .plan_info {
        line-height: 24px;
        font-size: 16px;
    }
    .plan_number {
        top: 0;
    }
}


/********************************END FLEX Style********************************/