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

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:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/Geometria.eot);
    src: url(../fonts/Geometria.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria.woff2) format('woff2'), url(../fonts/Geometria.woff) format('woff'), url(../fonts/Geometria.ttf) format('truetype'), url(../fonts/Geometria.otf) format('opentype'), url(../fonts/Geometria.svg#Geometria) format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491
}

@font-face {
    font-family: Geometria_Light;
    font-display: swap;
    src: url(../fonts/Geometria-Light.eot);
    src: url(../fonts/Geometria-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria-Light.woff2) format('woff2'), url(../fonts/Geometria-Light.woff) format('woff'), url(../fonts/Geometria-Light.ttf) format('truetype'), url(../fonts/Geometria-Light.otf) format('opentype'), url(../fonts/Geometria-Light.svg#Geometria-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491
}

@font-face {
    font-family: Geometria_ExtraLight;
    font-display: swap;
    src: url(../fonts/Geometria-ExtraLight.eot);
    src: url(../fonts/Geometria-ExtraLight.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria-ExtraLight.woff2) format('woff2'), url(../fonts/Geometria-ExtraLight.woff) format('woff'), url(../fonts/Geometria-ExtraLight.ttf) format('truetype'), url(../fonts/Geometria-ExtraLight.otf) format('opentype'), url(../fonts/Geometria-ExtraLight.svg#Geometria-ExtraLight) format('svg');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-0491
}

@font-face {
    font-display: swap;
	font-family: 'Roboto';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto-Italic';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto-Bold';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto-Bold-Italic';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-bolditalic-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
    font-display: swap;
	font-family: 'Roboto-Light';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-display: swap;
	font-family: 'Roboto-Light-Italic';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-lightitalic-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-lightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto-Medium';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto-Medium-Italic';
	src:
		url('/bitrix/js/ui/fonts/roboto/roboto-mediumitalic-webfont.woff2') format('woff2'),
		url('/bitrix/js/ui/fonts/roboto/roboto-mediumitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

::-moz-selection {
    background: #00aeff
}

::selection {
    background: #00aeff
}

body {
    position: relative;
    background-color: #1c1c1c;
    overflow-x: hidden
}

body.noscroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body:after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 80px;
    content: '';
    background: linear-gradient(to bottom, #1c1c1c 0, rgba(28, 28, 28, 0) 100%)
}

header .container {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 102;
    width: 100%;
    max-width: unset;
    box-sizing: border-box;
    padding: 0 13px
}

header .container.not_port {
    position: fixed;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 13px
}

.header-link__region {
    text-decoration: none;
    /* color: #0a93d4; */
    color: #fff;
    font-size: 14px;
  /*  font-family: MyriadPro-Regular, Geometria, sans-serif; */
    font-weight: 700
}

.header-link__region:hover {
    text-decoration: underline
}

.header-link__region svg {
    margin-right: 13px;
    height: 12px;
    width: 10px;
    margin-left: 1px
}

.header-link__region svg path {
    /* stroke: #0795d7;
    fill: #0795d7 */
    stroke: #fff;
    fill: #fff;
}

.burger_header_menu a.header-link__region {
    font-weight: 400
}

header .container.not_port.animatedBg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -66px;
    background-color: rgba(28, 28, 28, 1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    animation-name: animatedHeaderBg;
    animation-duration: .25s;
    animation-timing-function: cubic-bezier(0, .9, 1, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    z-index: -1
}

@keyframes animatedHeaderBg {
    0% {
        top: -66px
    }
    100% {
        top: 0
    }
}

header h1 {
    width: 100%;
    max-width: 646px;
    position: absolute;
    top: 120px;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

h1 {
    font-family: Geometria_Light, sans-serif;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

div.class_h1 {
    font-family: Geometria_Light, sans-serif;
    font-size: 48px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section h2 {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 36px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section h1.class_h2,
section div.class_h2 {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 36px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section h3 {
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section div.class_h3 {
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section h4 {
    font-family: Geometria, sans-serif;
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section div.class_h4 {
    font-family: Geometria, sans-serif;
    font-size: 21px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

section p {
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #fff
}

svg.burger_svg {
    width: 60px;
    height: 60px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

svg.burger_svg path {
    fill: none;
    -webkit-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    -moz-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    -o-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    -ms-transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    transition: stroke-dashoffset .5s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .5s cubic-bezier(.25, -.25, .75, 1.25);
    stroke-width: 30px;
    stroke: #fff;
    stroke-dashoffset: 0
}

svg.burger_svg path#bottom,
svg.burger_svg path#top {
    stroke-dasharray: 270px 950px
}

svg.burger_svg path#middle {
    stroke-dasharray: 355px 240px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.main-page-title {
    text-align: center;
    color: #fff;
  /*  font-family: MyriadPro-LightSemiExt, Geometria, sans-serif; */
  font-size: 28px;
  font-weight: 500;
    line-height: 26px
}

.grid {
    max-width: 1320px;
    overflow: hidden
}

.grid:last-child {
    margin-bottom: 49px
}

.grid-item {
    position: relative
}

.grid-item img {
    display: block
}

.grid-item--width2 {
    width: 862px
}

.grid-item--height2 {
    height: 632px
}

.twoInOne {
    position: relative;
    margin-bottom: 49px
}

.cross path#bottom,
.cross path#top {
    stroke-dashoffset: -635px;
    stroke-dashoffset: -635px
}

.cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
    stroke: transparent
}

.menu_burger {
    display: none;
    float: right;
    overflow: hidden;
    margin-top: 18px
}

.burger_icon {
    display: block;
    width: 50px;
    margin-top: -15px
}

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto
}

.triangle {
    height: 305px;
    background-image: url(../images/triangle_bg.png);
    background-repeat: no-repeat;
    -webkit-background-size: inherit;
    background-size: inherit;
    background-position: top center
}

.news_triangle {
    height: 450px;
    background-image: url(../images/news_top.png)
}

.dizajn-interera_triangle {
    background-image: url(../images/dizajn-interera_triangle_bg.png)!important
}

.proektirovanie-blagoustrojstva-territorij_triangle {
    background-image: url(../images/proektirovanie-blagoustrojstva-territorij_triangle_bg.png)!important
}

.proektirovanie-zdanij_triangle {
    background-image: url(../images/proektirovanie-zdanij_triangle_bg.png)!important
}

.about_section {
    margin-top: -60px;
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.about_section span {
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff!important
}

.about_triangle {
    height: 400px;
    background-image: url(../images/about_top.png)
}

.projecting_triangle {
    height: 305px;
    background-image: url(../images/about_top.png)
}

.about_inner_triangle {
    background-image: url(../images/about_top.png)
}

.logo {
    float: left;
    padding-top: 10px
}

.main_img {
    position: relative;
    margin-top: -170px;
    z-index: -1
}

.main_img img {
    width: 100%
}

.main_section {
    overflow: hidden;
    position: relative;
    height: 100vh
}

.main_section:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to top, #1c1c1c, rgba(28, 28, 28, 0))
}

.main_top_bg {
    position: absolute;
    top: -400px;
    left: 0;
    background-image: url(../images/main_top_bg.png);
    background-repeat: no-repeat;
    width: 100%;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 0;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center bottom
}

.main_top_bg.move {
    top: 0;
    opacity: 1
}

.main_left_bg {
    position: absolute;
    top: 0;
    left: -400px;
    background-repeat: no-repeat;
    width: 50%;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 0;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right center
}

.no-webp .main_left_bg {
    background-image: url(../images/main_left_bg.png)
}

.webp .main_left_bg {
    background-image: url(../images/main_left_bg.webp)
}

.main_left_bg.move {
    left: 0;
    opacity: 1
}

.main_right_bg {
    position: absolute;
    top: 0;
    right: -400px;
    background-image: url(../images/main_right_bg.png);
    background-repeat: no-repeat;
    width: 50%;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    opacity: 0;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left center
}

.no-webp .main_right_bg {
    background-image: url(../images/main_right_bg.png)
}

.webp .main_right_bg {
    background-image: url(../images/main_right_bg.webp)
}

.main_right_bg.move {
    right: 0;
    opacity: 1
}

.scroll_next {
    position: absolute;
    left: 50%;
    bottom: 100px;
    background-image: url(../images/scroll-icon.svg);
    background-repeat: repeat-y;
    width: 26px;
    height: 36px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    outline: 0;
    z-index: 99
}

.scroll_next:hover {
    background-position: 0 18px
}

.menu_item {
    position: absolute;
    z-index: 100;
    opacity: 1
}

.menu_item p {
    font-size: 48px;
    color: #fff;
    font-family: Geometria_Light, sans-serif;
    text-decoration: none
}

.menu_city p {
    position: absolute;
    top: 80%;
    left: 35%;
    z-index: 1999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1)
}

.menu_city {
    left: -400px;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1)
}

.menu_city:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    z-index: 999
}

.menu_city:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/Gorod.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1);
    opacity: .3
}

.menu_city:hover:after {
    opacity: 1
}

.menu_city.move {
    left: 0
}

.menu_city.move:hover p {
    color: transparent
}

.arhitektura_over {
    position: absolute;
    width: 100%;
    height: 50%;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1);
    z-index: 1001
}

.menu_arhitektura p {
    position: absolute;
    top: 35%;
    left: 50%;
    z-index: 1999;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1)
}

.menu_arhitektura {
    top: -400px;
    width: 100%;
    height: 50%;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1);
    background-position: center top
}

.menu_arhitektura:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background-image: url(../images/Arch2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1);
    background-position: center bottom
}

.menu_arhitektura:hover:after {
    opacity: 1
}

.menu_arhitektura.hovered {
    opacity: 1;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.menu_arhitektura.hovered:after {
    opacity: 1
}

.menu_arhitektura.move {
    top: 0
}

.menu_arhitektura.move:hover p {
    color: transparent
}

.gm-style-mtc {
    display: none!important
}

.gm-style-cc {
    display: none!important
}

.gm-svpc {
    display: none!important
}

.gm-bundled-control-on-bottom {
    right: inherit!important;
    left: 0!important;
    bottom: 120px!important
}

.menu_arhitektura:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.menu_design {
    right: -400px;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1);
    -webkit-clip-path: polygon(100% 0, 0 23%, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 23%, 0 100%, 100% 100%)
}

.menu_design:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left center;
    background-image: url(../images/Design.png);
    background-repeat: no-repeat;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    opacity: .3
}

.menu_design:hover:after {
    opacity: 1;
    -webkit-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -moz-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -ms-transition: all .6s cubic-bezier(0, .6, .3, 1);
    -o-transition: all .6s cubic-bezier(0, .6, .3, 1);
    transition: all .6s cubic-bezier(0, .6, .3, 1)
}

.menu_design p {
    position: absolute;
    top: 80%;
    right: 35%;
    z-index: 1999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.menu_design.move {
    right: 0
}

.menu_design:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    z-index: 999
}

.menu_design.move:hover p {
    color: transparent
}

.menu_popup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #1c1c1c;
    z-index: 99
}

.clear {
    display: block;
    clear: both
}

.new_proj_list_wrap {
    overflow: hidden;
    white-space: nowrap;
    height: 720px
}

.new_proj_list {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 20px;
    margin-bottom: 27px
}

.new_proj_list .new_proj_item {
    display: inline-block;
    width: 408px;
    margin-right: 46px;
    position: relative;
    outline: 0;
    cursor: grab;
    cursor: -webkit-grab
}

.new_proj_list .new_proj_item:last-child {
    margin-right: 0
}

.new_pojects {
    margin-bottom: 130px
}

.new_pojects h1 {
    margin-bottom: 20px
}

.hover_proj_text {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .85);
    padding: 20px 10px 104px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hover_proj_text a {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    text-decoration: none;
    white-space: normal
}

.read_proj_arr {
    position: absolute;
    right: 16px;
    bottom: 41px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.read_proj_arr:hover {
    right: 13px
}

.look_more_proj {
    width: 179px;
    height: 42px;
    font-family: Geometria, sans-serif;
    border: solid 1px #979797;
    background-color: transparent;
    font-size: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    outline: 0;
    float: right;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.look_more_proj:hover {
    border: 1px solid #0094d9
}

.main_news .container {
    margin-bottom: 62px
}

.main_news h1 {
    position: relative;
    margin-bottom: 40px
}

.main_news div.class_h1 {
    position: relative;
    margin-bottom: 40px
}

.main_news h1:after {
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    width: 204px;
    height: 99px;
    background-image: url(../images/triangle-news.svg);
    background-repeat: no-repeat
}

.main_news div.class_h1:after {
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    width: 204px;
    height: 99px;
    background-image: url(../images/triangle-news.svg);
    background-repeat: no-repeat
}

.news_list {
    overflow: hidden;
    margin-bottom: 40px
}

.news_list .news_item {
    float: left;
    width: 31%;
    height: 355px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
    padding: 24px 23px 41px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: solid 1px #454545;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.news_list a:nth-child(3n) .news_item {
    margin-right: 0
}

.news_list .news_item:hover {
    border: solid 1px #9a9a9a
}

.news_list .news_item h3 {
    margin-bottom: 15px
}

.news_list .news_item div.class_h3 {
    margin-bottom: 15px
}

.news_list .news_item a {
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.news_list .news_item div.class_h3,
.news_list .news_item h3,
.news_list .news_item p {
    text-decoration: none;
    color: #5a5a5a;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.news_list .news_item:hover div.class_h3,
.news_list .news_item:hover h3,
.news_list .news_item:hover p {
    color: #fff
}

.news_item img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.news_list .news_item span.date {
    font-size: 16px;
    color: #fff;
    font-family: Geometria, sans-serif
}

.news_item_text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 23px 41px 19px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.map {
    padding: 0;
    margin-bottom: 36px
}

.map:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/rectangle-4.svg);
    background-repeat: repeat-y;
    background-position: right center;
    -webkit-background-size: contain;
    background-size: contain
}

@media (max-width: 580px) {
    .map:after {
        display: none;
    }
}

#map {
    min-height: 990px
}

#map>div {
    background-color: transparent!important
}

.contacts_content {
    position: absolute;
    top: 126px;
    right: 80px;
    max-width: 332px;
    height: calc(100% - 346px);
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.contacts_content h1 {
    margin-bottom: 54px
}

.contact_list ul li:first-child {
    margin-bottom: 56px
}

.contact_list ul li {
    margin-bottom: 28px
}

.contact_list ul li span {
    font-family: Geometria, sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
    color: #fff;
    padding-left: 18px
}

.contact_list ul li span a {
    font-family: Geometria, sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.contact_list ul li span a:hover {
    color: #00aeff
}

.contact_list p {
    font-family: Geometria, sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #646464;
    padding-left: 37px
}

.contact_us_btn {
    width: 100%;
    height: 42px;
    border: solid 1px #979797;
    font-family: Geometria, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    margin-bottom: 29px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.contact_us_btn:hover {
    border: solid 1px #0094d9
}

.news_section {
    margin-top: -150px
}

.news_section .container {
    padding-top: 55px
}

.news_item_container {
    margin-bottom: 90px;
    max-width: 977px;
    width: 100%;
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.news_item_container span.date {
    font-family: Geometria, sans-serif;
    font-size: 16px;
    color: #fff;
    margin-bottom: 54px;
    display: block
}

.news_item_container h2 {
    margin-bottom: 20px;
    line-height: 1
}

.news_item_container h1.class_h2,
.news_item_container div.class_h2 {
    margin-bottom: 20px;
    line-height: 1
}

.news_item_container p {
    margin-bottom: 12px
}

.main_logo {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.selected_proj_img_container {
    position: relative;
    display: inline-block
}

.loup_container {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #00aeff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    background-image: url(../images/loup-icon-white.svg);
    background-position: center;
    background-repeat: no-repeat
}

.loup_container:hover {
    background-color: #fff;
    background-image: url(../images/loup-icon-blue.svg)
}

img {
    max-width: 100%
}

.right_header_menu {
    margin-top: 20px;
    float: right
}

.right_header_menu ul.top-multilevel>li>span.next-lvl {
    display: none
}

.right_header_menu .prev-lvl {
    display: none
}

.right_header_menu ul {
    float: left
}

.right_header_menu ul li {
    float: left
}

.right_header_menu ul li a {
    text-decoration: none;
    outline: 0;
    font-family: Geometria, sans-serif;
    font-size: 23px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-left: 28px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .32s linear;
    -moz-transition: all .32s linear;
    -ms-transition: all .32s linear;
    -o-transition: all .32s linear;
    transition: all .32s linear;
    padding-bottom: 4px
}

.brending h2 {
    margin-bottom: 20px;
    max-width: 635px;
    width: 100%
}

.brending p {
    margin-bottom: 20px
}

.analiz {
    margin-bottom: 48px
}

.analiz h3 {
    margin-bottom: 27px
}

.analiz div.class_h3 {
    margin-bottom: 27px
}

.arhiv {
    margin-bottom: 92px
}

.arhiv h3 {
    margin-bottom: 6px
}

.arhiv div.class_h3 {
    margin-bottom: 6px
}

.arhiv h4 {
    margin-top: 15px;
    margin-bottom: 20px
}

.arhiv div.class_h4 {
    margin-top: 15px;
    margin-bottom: 20px
}

.arhiv ul li ul {
    padding-top: 10px;
    padding-left: 46px;
    margin-bottom: 20px
}

.arhiv ol>li {
    counter-increment: step-counter;
    padding-left: 10px;
    position: relative
}

.arhiv ol>li:before {
    position: absolute;
    left: -4px;
    top: 0;
    content: counter(step-counter) ')';
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.gen_plan h2 {
    margin-bottom: 50px
}

.proecting_item_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.main_img_mask {
    position: absolute;
    left: 0;
    width: 100%;
    top: -1px
}

.left_content {
    float: left;
    max-width: 643px;
    width: 100%
}

.left_content p.descr {
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 35px
}

.left_content p {
    margin-bottom: 15px
}

.left_content ol>li:before {
    content: attr(data-letter) ')';
    font-family: Geometria_Light, sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0
}

.left_content ol {
    padding-left: 70px
}

.left_content ol li {
    position: relative;
    padding-left: 20px
}

.right_content {
    float: right;
    max-width: 521px;
    width: 100%
}

.right_content h3 {
    margin-bottom: 53px
}

.right_content p {
    margin-bottom: 15px
}

.new_projects {
    clear: both;
    padding-top: 100px;
    width: 100%
}

.new_projects h2 {
    text-align: center;
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 42px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .7px;
    color: #fff;
    margin-bottom: 35px
}

.new_projects div.class_h2 {
    text-align: center;
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 42px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .7px;
    color: #fff;
    margin-bottom: 35px
}

.new_projects_container {
    overflow: hidden;
}

.new-projects {
    margin-bottom: 135px;
}

.new_projects_container .porject_item {
    float: left;
    width: 22%;
    max-width: 293px;
    margin-right: 49px;
    margin-bottom: 20px
}

.new_projects_container .porject_item:last-child {
    margin-right: 0
}

.new_projects_container .porject_item .poject_item_img {
    width: 100%;
    margin-bottom: 9px
}

.new_projects_container .porject_item a {
    font-family: Geometria_Light, sans-serif;
    font-size: 21px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none;
    white-space: normal;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.new_projects_container .porject_item:hover a {
    color: #00aeff
}

footer .container {
    padding-top: 45px;
    padding-bottom: 36px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #424242
}

.footer_left_menu {
    float: left;
    margin-right: 100px
}

.footer_left_menu ul li {
    margin-bottom: 20px;
}

.footer_left_menu ul li a {
    font-family: Geometria, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.footer_left_menu ul li a:hover {
    color: #00aeff
}

.footer_main_menu {
    overflow: hidden;
    float: left
}

.footer_main_menu_item {
    float: left
}

.footer_main_menu_item:first-child {
    margin-right: 30px
}

.footer_main_menu_item:last-child {
    margin-left: 30px
}

.footer_main_menu_item>a {
    font-family: Geometria, sans-serif;
    text-decoration: none;
    margin-bottom: 19px;
    display: block;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.footer_main_menu_item>a:hover {
    color: #00aeff
}

.footer_main_menu_item ul li a {
    font-family: Geometria, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #c2c2c2;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.footer_main_menu_item ul li a:hover {
    color: #00aeff
}

.contacts_soc ul {
    overflow: hidden;
    padding-top: 10px
}

.contacts_soc ul li {
    float: left;
    margin-right: 21px
}

.contacts_soc ul li:last-child {
    margin-right: 0
}

.contacts_soc ul li span {
    display: block;
    width: 63px;
    height: 63px;
    border: 1px solid #fff;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    padding: 0!important;
    cursor: pointer
}

.contacts_soc ul li span:hover {
    border: 1px solid #0094d9
}

.contacts_soc ul li span img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer_right_soc {
    float: right;
    padding-top: 1px
}

.footer_right_soc ul {
    overflow: hidden
}

.footer_right_soc ul li {
    float: left;
    margin-right: 24px
}

.footer_right_soc ul li:last-child {
    margin-right: 0
}

.footer_right_soc ul li span {
    display: block;
    width: 65px;
    height: 65px;
    border: 1px solid #fff;
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.footer_right_soc ul li span:hover {
    border: 1px solid #0094d9
}

.footer_right_soc ul li span svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.footer_right_soc ul li span:hover svg path {
    fill: #00aeff!important
}

.contacts_soc ul li span svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contacts_soc ul li span:hover svg path {
    fill: #00aeff!important
}

.footer_right_soc ul li span img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.studio {
    position: absolute;
    bottom: 36px;
    right: 0
}

.studio a {
    font-family: Geometria_Light, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none
}

.studio span {
    width: 100%;
    display: inline-flex;
    max-width: 121px;
    float: left;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.studio:hover span {
    color: #0094d9
}

.studio img {
    margin-top: 10px
}

.section_not_found {
    position: relative;
    background-image: url(../images/Back.svg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 760px
}

.section_not_found .main_logo_not_found {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.section_not_found .main_logo_not_found p {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 21px;
    font-weight: 200;
    text-align: center;
    color: #fff;
    margin-bottom: 55px
}

.section_not_found .main_logo_not_found img {
    margin-bottom: 80px;
    margin-top: 180px
}

.section_not_found button {
    font-family: Geometria, sans-serif;
    width: 237px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    height: 42px;
    background-color: transparent;
    border: solid 1px #979797;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.section_not_found button:hover {
    border: 1px solid #0094d9
}

.contact_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 39, 39, .9);
    z-index: 999;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

.ok_text_container p {
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.contact_popup.ok {
    background-image: url(../images/top.svg);
    background-repeat: no-repeat;
    background-position: center top
}

.contact_popup .container {
    position: relative
}

.cancel {
    position: absolute;
    right: 0;
    top: 13px;
    cursor: pointer
}

.contact_form {
    max-width: 407px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-top: 140px
}

.contact_form input {
    width: 100%;
    height: 36.8px;
    background-color: #1c1c1c;
    border: solid 1px #bfbfbf;
    margin-bottom: 4px;
    color: #fff;
    padding: 2px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Geometria_Light, sans-serif;
    font-size: 16px;
    outline: 0
}

.contact_form input.wrong {
    border: solid 1px red
}

.contact_form textarea {
    width: 100%;
    resize: none;
    height: 171.9px;
    background-color: #1c1c1c;
    border: solid 1px #bfbfbf;
    color: #fff;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Geometria_Light, sans-serif;
    font-size: 16px
}

.contact_form button {
    width: 100%;
    font-family: Geometria_Light, sans-serif;
    height: 42px;
    border: none;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
    text-align: center;
    color: #242424;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
    margin-bottom: 40px
}

.contact_form p {
    font-family: Geometria_Light, sans-serif;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.33;
    color: #fff
}

.contact_form span {
    font-family: Geometria_Light, sans-serif;
    display: none;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: red;
    margin-bottom: 7px
}

.ok_text_container {
    display: none;
    position: absolute;
    height: 100%;
    top: 0;
    padding-top: 283px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other_news h1 {
    text-align: center;
    margin-bottom: 33px
}

.other_news div.class_h1 {
    text-align: center;
    margin-bottom: 33px
}

.about_top {
    overflow: hidden;
    padding-top: 22px
}

.about_top .about_top_left {
    width: 48.5%;
    float: left;
    margin-right: 1.5%
}

.about_top p {
    margin-bottom: 20px
}

.about_top .about_top_right {
    width: 48.5%;
    float: right;
    margin-left: 1.5%
}

.our_plus {
    padding-top: 25px;
    margin-bottom: 110px
}

.our_plus_list {
    overflow: hidden
}

.our_plus_item {
    width: 27%;
    margin-right: 9%;
    float: left;
    position: relative
}

.our_plus_item:after {
    content: '';
    position: absolute;
    right: -190px;
    top: 58px;
    width: 276px;
    height: 1px;
    background-color: #646464
}

.our_plus_item:last-child {
    margin-right: 0
}

.our_plus_item:last-child:after {
    display: none
}

.our_plus_item img,
.our_plus_item svg {
    display: block;
    margin: 0 auto 71px
}

.our_plus h2 {
    text-align: center;
    margin-bottom: 69px
}

.our_tasks h2.hedd {
    text-align: center;
    margin-bottom: 141px
}



.proecting h1 {
    margin-bottom: 31px
}

.proecting_item {
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden
}

.proecting_item:hover {
    box-shadow: 0 10px 60px 0 rgba(0, 148, 217, .6)
}

.proecting_item img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    opacity: .3;
    z-index: -1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.proecting_item:hover img {
    opacity: .6
}

.proecting_item:hover .proecting_item_img {
    opacity: .5
}

.project_city {
    width: 100%;
    height: 527px;
    margin-bottom: 49px
}

.project_city img {
    height: 100%
}

.proj_text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 57px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.proj_text {
    padding-left: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.proj_text h6 {
    font-family: Geometria, sans-serif;
    font-size: 24px;
    color: #fff;
    margin-bottom: 61px
}

.proj_ul li a {
    font-family: Geometria, sans-serif;
    font-size: 18px;
    line-height: 1.72;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.proj_ul li a:hover {
    color: #1080d0
}

.project_arch {
    max-width: 749px;
    width: 100%;
    height: 729px;
    margin-right: 49px;
    float: left
}

.project_design {
    max-width: 521px;
    float: left;
    width: 100%;
    height: 729px
}

.project_design img {
    max-width: 100%
}

.proecting_list {
    margin-bottom: 115px
}

.consulting h1 {
    margin-bottom: 40px
}

.consulting_item {
    position: relative;
    width: 31%;
    overflow: hidden;
    float: left;
    margin-right: 3%;
    height: 574px;
    padding: 37px 55px 5px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.consulting_item:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 148, 217, .6)
}

.consulting_item:hover .proecting_item_img {
    opacity: .5
}

.proj_ul li a:visited {
    color: rgba(5, 255, 122, 1)
}

.consulting_item img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: -1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.consulting_item:hover img {
    opacity: .6
}

.consulting_item h6 {
    font-family: Geometria, sans-serif;
    font-size: 24px;
    color: #fff;
    position: absolute;
    width: 100%;
    padding-right: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.consulting_list {
    margin-bottom: 73px
}

.consulting_list .consulting_item:last-of-type {
    margin-right: 0
}

.consulting_text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 72px;
    padding-left: 14px;
    padding-right: 20px;
    cursor: grabbing;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pr {
    margin-bottom: 84px
}

.pr h1 {
    margin-bottom: 43px
}

.pr_item {
    position: relative;
    width: 31%;
    overflow: hidden;
    float: left;
    margin-right: 3%;
    height: 574px;
    padding: 37px 55px 5px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.pr_item:last-of-type {
    margin-right: 0
}

.pr_item:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 148, 217, .6)
}

.pr_item h6 {
    font-family: Geometria, sans-serif;
    font-size: 24px;
    color: #fff;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 85px
}

.pr_item img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: -1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.pr_item:hover img {
    opacity: .6
}

.pr_text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 72px;
    padding-left: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.partners_list{
    margin: 0 -15px;
}

.partners_list .partners__img{
    padding: 0 15px;
}

.awards, .partners {
    margin-bottom: 96px
}

.awards h1, .partners h1 {
    margin-bottom: 43px
}

.awards_list, .partners_list {
    overflow: hidden
}

.awards_list a {
    outline: 0;
    cursor: pointer
}

.awards_list a img{
    height: 255px;
    display: block;
    margin: 0 auto
}

.awards_list a:not(:last-child) img {
    margin-right: 16px
}

.selected_cat_header {
    position: relative;
    width: 100%;
    height: 320px
}

.selected_cat_header_img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 230px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.selected_tabs_container {
    z-index: 10;
    max-width: 1320px;
    width: 100%;
    margin-bottom: 34px
}

ul.tabs {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    float: left;
    max-width: 100%
}

.floating_pannel_wrapper.shifted {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: linear-gradient(to bottom, #1c1c1c 0, rgba(28, 28, 28, 0) 100%)
}

.floating_pannel {
    margin: 0 auto;
    max-width: 1320px;
    z-index: 1000
}

.floating_pannel_wrapper .menu_burger {
    display: none;
    float: right
}

.floating_pannel .menu_burger {
    margin-top: 0
}

.floating_pannel_wrapper.shifted ul.tabs {
    max-width: 90%
}

.floating_pannel_wrapper.shifted .burger_icon {
    margin-top: -10px
}

ul.tabs li {
    background: 0 0;
    color: #fff;
    display: inline-block;
    margin: 10px 45px 0 0;
    cursor: pointer;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent;
    font-size: 21px;
    font-family: Geometria, sans-serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

ul.tabs li:hover {
    border-bottom: 1px solid #fff
}

ul.tabs li.current {
    color: #fff;
    padding-bottom: 6px;
    border-bottom: 1px solid #fff
}

.tab-content {
    display: none;
    opacity: 0
}

.tab-content.current {
    display: inherit;
    opacity: 1;
    overflow: hidden;
    padding-top: 5px
}

.grid-item {
    position: relative;
    overflow: hidden;
    max-height: 632px;
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    margin-bottom: 49px;
    margin-right: 49px;
    float: left
}

.grid .item {
    width: 407px;
    margin-right: 49px;
    float: left
}

.grid .item .grid-item:nth-child(2n+1) {
    width: 407px;
    height: 291px;
    display: block!important
}

.grid .item .grid-item:nth-child(2n+2) {
    width: 407px;
    height: 291px;
    display: block!important
}

.grid-item1 {
    display: none
}

.grid-item2 {
    width: 407px;
    height: 632px
}

.grid-item3 {
    width: 407px;
    height: 632px;
    margin-right: 0
}

.grid-item4 {
    width: 407px;
    height: 632px
}

.grid-item5 {
    width: 863px;
    height: 291px;
    margin-right: 0
}

.grid-item6 {
    width: 863px;
    height: 291px;
    margin-right: 0
}

.grid-item7 {
    width: 862px;
    height: 632px
}

.grid-item8 {
    width: 407px;
    height: 632px;
    margin-right: 0
}

.grid-item .grid_hover_text {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 48px 38px 16px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #242424;
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.17;
    color: #fff;
    text-decoration: none
}

.grid-item .grid_hover_text:after {
    content: '';
    position: absolute;
    left: 0;
    top: -250px;
    height: 250px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(36, 36, 36, 0) 0, #242424 100%);
    background: -webkit-linear-gradient(top, rgba(36, 36, 36, 0) 0, #242424 100%);
    background: linear-gradient(to bottom, rgba(36, 36, 36, 0) 0, #242424 100%)
}

.grid-item:hover .grid_hover_text {
    opacity: 1;
    bottom: 0
}

.seo_text h1 {
    margin-bottom: 30px;
    font-size: 42px
}

.seo_text .right_content {
    max-width: 635px
}

.seo_text {
    overflow: hidden;
    margin-bottom: 40px
}

.full_section {
    padding-bottom: 50px;
    background-image: url(../images/interier_full_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover
}

.full_section .container {
    padding-top: 80px
}

.full_section .class_h1,
.full_section h1 {
    text-align: center;
    margin-bottom: 30px;
	color: #201e1e;
}

.look_proj_btn {
    cursor: pointer
}

.look_proj_btn p {
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center
}

.look_proj_btn img {
    display: block;
    margin: 0 auto
}

.floating_pannel {
    z-index: 999
}

.breadcrump {
    margin-bottom: 36px;
    padding-left: 10px;
    padding-right: 10px
}

.breadcrump a {
    text-decoration: none;
    color: #646464;
    font-family: Geometria, sans-serif;
    font-size: 17px
}

.breadcrump img {
    margin: -10px 10px 0
}

.breadcrump_active {
    color: #fff!important
}

.selected_proj_main>img {
    float: left;
    margin-right: 49px
}

.selected_proj_main_text {
    width: 100%
}

.selected_proj_main_text>img {
    float: left;
    margin-right: 25px;
    margin-bottom: 15px
}

.template-vertical .selected_proj_main_text>img {
    width: 746px;
    float: left
}

.selected_proj_main_text h2 {
    font-size: 42px;
    margin-bottom: 85px;
    font-weight: 200;
    letter-spacing: .7px;
    color: #fff;
    margin-top: -10px
}

.selected_proj_main_text div.class_h2 {
    font-size: 42px;
    margin-bottom: 85px;
    font-weight: 200;
    letter-spacing: .7px;
    color: #fff;
    margin-top: -10px
}

.proj_inner_text {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    font-family: Geometria, sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding-top: 5px
}

.proj_inner_text p {
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.proj_inner_text p a {
    color: #fff;
    background-color: #00aeff;
    text-decoration: none
}

.fancybox-nav span {
    visibility: visible!important
}

.selected_proj_main_section {
    overflow: hidden;
    margin-bottom: 109px
}

.proj_info img,
.proj_info svg {
    margin-right: 15px
}

.proj_info span {
    font-family: Geometria, sans-serif;
    color: #fff;
    font-size: 16px
}

.proj_info div {
    margin-bottom: 33px;
    display: flex;
    align-items: center;
}

.proj_info {
    margin-bottom: 100px
}

.selected_proj_main_text h5 {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: .4px;
    color: #fff;
    margin-bottom: 18px
}

.selected_proj_main_text div.class_h5 {
    font-family: Geometria_ExtraLight, sans-serif;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: .4px;
    color: #fff;
    margin-bottom: 18px
}

.private_space_section {
    position: relative
}

.private_space_section:after {
    content: '';
    position: absolute;
    left: 0;
    top: -109px;
    background-image: url(../images/lines.svg);
    background-repeat: no-repeat;
    background-position: left center;
    width: 100%;
    height: 483px;
    z-index: -1
}

.private_space h2 {
    margin-bottom: 86px
}

.private_space div.class_h2 {
    margin-bottom: 86px
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.plan_slider .slick-slide {
    outline: 0;
    margin-right: 79px
}

.plan_slider .plan_item:hover img {
    opacity: 1
}

.plan_slider .plan_item:hover h6 {
    opacity: 1
}

.plan_slider .plan_item:hover p {
    opacity: 1
}

.plan_slider:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 550px;
    background-image: url(../images/plan_shadow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right center
}

.plan_item img {
    margin: 0 auto 53px;
    opacity: .3;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.plan_item h6 {
    font-family: Geometria, sans-serif;
    font-size: 24px;
    letter-spacing: .4px;
    color: #fff;
    max-width: 410px;
    margin: 0 auto 22px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.plan_item div.class_h6 {
    font-family: Geometria, sans-serif;
    font-size: 24px;
    letter-spacing: .4px;
    color: #fff;
    max-width: 410px;
    margin: 0 auto 22px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.plan_item p {
    max-width: 410px;
    opacity: 0;
    margin: 0 auto 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.plan_slider .slick-prev {
    display: none!important
}

.plan_slider .slick-next {
    color: transparent;
    position: absolute;
    right: 55px;
    z-index: 999;
    top: 37%;
    width: 65px;
    height: 125px;
    background-image: url(../images/slider_arrow_right.svg);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    border: none;
    padding: 0
}

.interier_slider {
    margin-bottom: 34px
}

.interier_slider .slick-prev {
    color: transparent;
    position: absolute;
    left: 55px;
    z-index: 999;
    top: 50%;
    width: 65px;
    height: 125px;
    background-image: url(../images/slider_arrow_right.svg);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    border: none;
    padding: 0
}

.interier_slider .slick-next {
    color: transparent;
    position: absolute;
    right: 55px;
    z-index: 999;
    top: 50%;
    width: 65px;
    height: 125px;
    background-image: url(../images/slider_arrow_right.svg);
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    border: none;
    padding: 0
}

.interier_slider .interier_slide {
    margin-right: 54px
}

.chertej-small-list .plan_slider:after {
    display: none
}

.chertej h2 {
    margin-bottom: 46px
}

.chertej div.class_h2 {
    margin-bottom: 46px
}

.interier h2 {
    margin-bottom: 85px
}

.interier div.class_h2 {
    margin-bottom: 85px
}

.about_top_container {
    overflow: hidden;
    margin-bottom: 20px;
}

.about_top_left {
    float: left;
    width: 49%;
    margin-right: 1%
}

.about_top_right {
    float: right;
    width: 49%;
    margin-left: 1%
}

.price_container {
    padding: 75px 0;
    text-align: center
}

.price_table-wrap {
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-color: #fff #292929;
    scrollbar-width: thin
}

.price_table-wrap::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.price_table-wrap::-webkit-scrollbar-track {
    background-color: #292929;
    border-radius: 100px
}

.price_table-wrap::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #fff
}

.price_container h2 {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 60px
}

.price_container p {
    text-align: left
}

.price_table {
    text-align: center;
    background: #303030;
    margin: 0 auto;
    color: #fff;
    width: 1320px
}

.price_table,
.price_table tr,
.price_table tr td,
.price_table tr th {
    border: 2px solid #242424;
    text-align: center;
    font-size: 1.03em;
}

.price_table .th_content {
    text-align: center;
    font-size: 1.03em;
}

.big-th {
    width: 262px;
    height: 263px
}

.small-th {
    width: 262px;
    height: 228px
}

.xsmall-th {
    width: 196.5px;
    height: 228px
}

.big-th,
.small-th,
.xsmall-th {
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.big-th .th_content {
    position: relative;
    top: 45px
}

.small-th .th_content,
.xsmall-th .th_content {
    position: relative;
    top: 20px
}

.price_table_row:nth-child(odd) {
    background: #e6e6e6
}

.price_table_row:nth-child(even) {
    background: #fff
}

.price_table_row td:nth-child(2) {
    background-color: rgba(8, 151, 218, .1);
    font-weight: 700
}

.price_table_row {
    color: #333
}

.price_table_row td {
    padding: 15px 0
}

.description-list {
    display: inline-block;
    max-width: 437px;
    margin: 15px auto;
    color: #fff;
    vertical-align: top;
    text-align: left
}

.description-list h3 {
    min-height: 55px;
    padding-left: 70px;
    text-transform: uppercase;
    font-size: 20px
}

.description-list ol li {
    min-height: 50px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: auto 1fr
}

.list-circle {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    background-image: url(../images/list-circle.png);
    background-repeat: no-repeat;
    text-align: center;
    padding-right: 20px;
    padding-top: 13px;
    font-size: 24px
}

.list-content {
    display: inline-block;
    padding-top: 18px;
    max-width: 367px
}

.price-btn {
    max-width: 332px;
    margin-top: 45px
}

.project-content {
    text-align: center;
    margin: 0 auto;
    color: #333;
    width: 100%
}

.project-content_table-wrap {
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-color: #fff #292929;
    scrollbar-width: thin
}

.project-content_table-wrap::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.project-content_table-wrap::-webkit-scrollbar-track {
    background-color: #292929;
    border-radius: 100px
}

.project-content_table-wrap::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #fff
}

.project-content,
.project-content tr,
.project-content tr td,
.project-content tr th {
    border: 2px solid #1b1b1b;
    text-align: center;
    font-size: 1.03em
}

.project-content tr td {
    padding: 15px 0
}

.project-content tr:nth-child(odd) {
    background: #e6e6e6
}

.project-content tr:nth-child(even) {
    background: #fff
}

.project-content_title:first-child {
    width: 104px
}

.project-content_title {
    background-image: linear-gradient(#0e8cc8, #00aeff);
    padding: 23px 60px;
    color: #fff
}

.project-content_category {
    background: #303030;
    padding: 19px 0;
    color: #fff
}

.project-content tr td:first-child,
.project-content_category {
    text-align: left!important;
    padding-left: 25px
}

.interier_slider:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 200px;
    background-image: url(../images/interier_shadow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right center
}

.slick-disabled {
    display: none!important
}

.interier_slider:before {
    content: '';
    position: absolute;
    left: 0;
    z-index: 100;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
    height: 100%;
    width: 200px;
    background-image: url(../images/interier_shadow.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left center
}

.interier-small-list .interier_slider:before {
    background-image: none
}

.interier-small-list .slick-track {
    margin: 0 auto
}

.textarea_p {
    display: block
}

.footer_main_menu_item>a img {
    display: none;
    width: 10px
}

.award_item {
    float: left;
    margin-right: 16px
}

.selected_proj_main_img_tablet {
    display: none
}

.selected_proj_main_img_desktop {
    display: block
}

.footer-hidden {
    display: none
}

#design_section {
    display: none;
    margin-top: 110px
}

#city_section {
    display: none;
    margin-top: 110px
}

#goTo_Arhitectuta_section {
    display: none
}

#goTo_City_section {
    display: none;
    background-image: url(../images/city_full_bg.png)
}

.selected_item_header {
    height: 85px
}

.projecting_item_main_text_container {
    color: #fff
}

.has_sub {
    position: relative
}

.has_sub:after {
    content: '';
    position: absolute;
    right: -42px;
    top: 6px;
    background-image: url(../images/arrow_down.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 12px
}

.sub_menu {
    display: none;
    position: absolute;
    left: -15px;
    top: 100%;
    background-color: #1c1c1c;
    z-index: 999;
    padding: 5px 15px;
    width: 100%
}

.sub_menu .tab-link {
    display: block;
    width: 100%
}

.sub_menu .tab-link:not(:last-child) {
    border-bottom: 1px solid #fff!important
}

.sub_menu .tab-link:last-child {
    border-bottom: none!important
}

.sub_menu .tab-link:last-child:hover {
    border-bottom: none!important
}

.burger_header_menu {
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    padding: 35px;
    background: rgba(0, 0, 0, .75)
}

.burger_header_menu li {
    width: 48%;
    display: inline-block;
    margin-bottom: 25px;
    font-weight: 700;
  /*  font-family: MyriadPro-Regular, Geometria, sans-serif */
}

.burger_header_menu a {
    color: #fff;
    text-decoration: none;
    font-size: 18px
}

.index_h2 {
    font-weight: 700;
    margin-bottom: 10px
}

.index_ul {
    margin-top: 5px
}

.index_ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px
}

.index_ul li:before {
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    left: 5px;
    background: #f0ffdb;
    top: 6px
}

.breadcrumb_block {
    position: absolute;
    top: 80px;
    left: 50%
}

@media (max-width: 768px) {
    .breadcrumb_block {
        margin-left: 0 !important;
        left: 16px;
        width: calc(100% - 32px);
    }

    header h1 {
        top: 150px !important;
    }
}

@media (max-width: 580px) {
    .breadcrumb_block {
        left: 10px;
        width: calc(100% - 20px);
    }
}

.breadcrumb_block .breadcrumb-item {
    display: inline-block;
    font-size: 14px;
    text-transform: lowercase
}

.breadcrumb_block .breadcrumb-item a {
    color: #00aeff;
    text-decoration: none
}

.breadcrumb_block .breadcrumb-item a:hover {
    text-decoration: underline
}

.breadcrumb_block .breadcrumb-item>span {
    color: #fff
}

.breadcrumb_block .breadcrumb-item .triangle_bread {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 10px 1px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    transform: rotate(-45deg)
}

header .logo {
    margin-right: 25px
}

.item_header {
    width: 172px;
    display: inline-block;
    margin-top: 12px;
    vertical-align: top
}

.item_header.central_header_block {
    margin: 12px 20px 0 10px
}

.item_header .header_phone {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_phone_white.png) no-repeat left center;
    box-sizing: border-box;
    padding-bottom: 2px;
    margin-bottom: 5px
}

.item_header .header_phone a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
  /*  font-family: MyriadPro-Regular, Geometria, sans-serif; */
    font-weight: 700
}

.item_header .header_mail a:hover,
.item_header .header_phone a:hover {
    text-decoration: underline
}

.item_header .header_mail {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_mail_white.png) no-repeat left center;
    box-sizing: border-box;
    padding-bottom: 2px
}

.item_header .header_mail a {
    /* color: #0a93d4; */
    color: #fff;
    text-decoration: none;
    font-size: 14px;
 /*   font-family: MyriadPro-Regular, Geometria, sans-serif; */
    font-weight: 700
}

.item_header.central_header_block .contact_us_btn {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-transform: lowercase;
    height: 38px;
    border: solid 2px #979797
}

.item_header.central_header_block .contact_us_btn:hover {
    border: solid 2px #0094d9
}

.item_header .header_time {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_time_white.png) no-repeat left center;
    box-sizing: border-box;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    margin-top: 2px
}

.header_block_info {
    display: inline-block
}

.item_header .header_address {
    display: none
}

.footer_line_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 40px;
    row-gap: 10px;
}

.footer_line_info .footer_line_item {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    vertical-align: top
}

.footer_line_info .footer_line_item .footer_time {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_time.png) no-repeat left top 4px;
    box-sizing: border-box;
    color: #fff;
   /* font-family: MyriadPro-Regular, Geometria, sans-serif; */
    text-transform: lowercase;
    line-height: 16px;
    margin-top: 12px;
}

.footer_line_info .footer_line_item .footer_time span {
    display: block
}

.footer_line_info .footer_line_item .footer_mail {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_mail.png) no-repeat left center;
    box-sizing: border-box;
}

.footer_line_info .footer_line_item .footer_mail a {
    color: #0a93d4;
    text-decoration: none;
  /*  font-family: MyriadPro-Regular, Geometria, sans-serif */
}

.footer_line_info .footer_line_item .footer_mail a:hover,
.footer_line_info .footer_line_item .footer_phone a:hover {
    text-decoration: underline
}

.footer_line_info .footer_line_item .footer_phone {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_phone.png) no-repeat left center;
    box-sizing: border-box;
}

.footer_line_info .footer_line_item .footer_phone a {
    color: #fff;
    text-decoration: none;
/*    font-family: MyriadPro-Regular, Geometria, sans-serif */
}

.footer_line_info .footer_line_item .footer_address {
    padding-left: 25px;
    background: url(/bitrix/templates/main/images/header_address.png) no-repeat left center;
    box-sizing: border-box;
    color: #fff;
    padding-top: 3px;
 /*   font-family: MyriadPro-Regular, Geometria, sans-serif */
}

@media screen and (max-width:1640px) {
    .selected_proj_main>img {
        width: 60%
    }
    .scroll_next {
        bottom: 20px
    }
    .selected_proj_main_text>img {
        float: none
    }
}

@media screen and (max-width:1350px) {
    section {
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    header .container {
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    footer {
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .proecting_list {
        margin-bottom: 48px
    }
    .proecting_item {
        margin-bottom: 21px!important;
        height: 400px!important
    }
    .project_design {
        max-width: 100%
    }
    .project_arch {
        max-width: 100%;
        margin-right: 0
    }
    .seo_text .left_content {
        max-width: 100%
    }
    .seo_text .right_content {
        max-width: 100%
    }
    .grid-item {
        margin-bottom: 19px;
        margin-right: 19px
    }
    .grid .item {
        margin-right: 19px;
        width: 359px
    }
    .grid .item .grid-item:nth-child(2n+1) {
        width: 359px;
        height: 256px
    }
    .grid .item .grid-item:nth-child(2n+2) {
        width: 359px;
        height: 256px;
        margin-right: 0;
        margin-bottom: 18px
    }
    .grid-item:nth-child(9n+2) {
        width: 358px;
        height: 530px
    }
    .grid-item:nth-child(9n+3) {
        width: 358px;
        height: 530px;
        margin-right: 19px
    }
    .grid-item:nth-child(9n+4) {
        width: 358px;
        height: 530px
    }
    .grid-item:nth-child(9n+5) {
        width: 735px;
        height: 256px;
        margin-right: 0
    }
    .grid-item:nth-child(9n+6) {
        width: 735px;
        height: 256px;
        margin-right: 0
    }
    .grid-item:nth-child(9n+7) {
        width: 735px;
        height: 530px
    }
    .grid-item:nth-child(9n+8) {
        width: 358px;
        height: 530px
    }
    .floating_pannel_wrapper.shifted {
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (max-width:1330px) {
    .item_header.last_header_block {
        display: none
    }
    .footer_line_info {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .studio {
        display: none
    }
}

@media screen and (max-width:1320px) {
    .footer_left_menu {
        float: none;
        width: 100%
    }
    .footer_left_menu ul li {
        width: 33%;
        float: left
    }
    .footer_main_menu {
        width: 100%;
        float: none;
        margin-bottom: 12px
    }
    .footer_main_menu_item {
        width: 33%;
        margin: 0!important
    }
    .footer_right_soc {
        float: left
    }
    .private_space .left_content {
        max-width: 100%
    }
    .private_space .right_content {
        max-width: 100%
    }
    .new_projects_container .porject_item {
        margin-right: 17px
    }
}

@media screen and (max-width:1180px) {
    .main_img {
        margin-top: -135px
    }
    .grid .item {
        width: calc(50% - 19px)
    }
    .grid .item .grid-item:nth-child(2n+1) {
        width: 100%
    }
    .grid .item .grid-item:nth-child(2n+2) {
        width: 100%
    }
    .grid-item:nth-child(9n+2) {
        width: 50%;
        margin-right: 0
    }
    .grid-item:nth-child(9n+3) {
        width: calc(50% - 19px)
    }
    .grid-item:nth-child(9n+4) {
        width: 50%;
        margin-right: 0
    }
    .grid-item:nth-child(9n+5) {
        width: 100%;
        margin-right: 0
    }
    .grid-item:nth-child(9n+6) {
        width: 100%;
        margin-right: 0
    }
    .grid-item:nth-child(9n+7) {
        width: 100%;
        margin-right: 0
    }
    .grid-item:nth-child(9n+8) {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width:1165px) {
    .item_header.first_header_block {
        display: none
    }
    .item_header.central_header_block {
        margin: 12px 0 0
    }
}

@media screen and (max-width:1024px) {
    .main_img {
        margin-top: -115px
    }
    .grid-item:nth-child(9n+2) {
        margin-right: 0
    }
    .grid-item:nth-child(9n+4) {
        margin-right: 0
    }
    .grid-item:nth-child(9n+7) {
        margin-right: 0
    }
    ul.tabs li {
        font-size: 16px;
        margin: 10px 25px 10px 0
    }
    .grid_item {
        max-height: 530px
    }
    .selected_proj_main_section {
        padding: 0
    }
    .selected_proj_main_text h5 {
        padding-left: 10px;
        padding-right: 10px
    }
    .selected_proj_main_text div.class_h5 {
        padding-left: 10px;
        padding-right: 10px
    }
    .selected_proj_main_text p {
        padding-left: 10px;
        padding-right: 10px
    }
    .selected_proj_main_text h2 {
        width: 50%;
        float: left;
        font-size: 32px;
        margin-bottom: 30px;
        padding-left: 10px
    }
    .selected_proj_main_text div.class_h2 {
        width: 50%;
        float: left;
        font-size: 32px;
        margin-bottom: 30px;
        padding-left: 10px
    }
    .proj_info {
        width: 45%;
        float: right;
        margin-bottom: 0
    }
    .selected_proj_main_img_desktop {
        display: none
    }
    .selected_proj_main_img_tablet {
        display: block;
        margin-bottom: 15px
    }
    .new_projects_container .porject_item {
        width: 30%
    }
    .porject_item:last-child {
        display: none
    }
    .interier_slider:after {
        display: none
    }
    .plan_slider:after {
        display: none
    }
    .consulting_item img {
        height: auto
    }
    .award_item {
        margin-right: 13px
    }
    .awards_list a img {
        height: 221px
    }
    .pr_item img {
        height: auto
    }
    .pr_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 21px;
        height: 400px
    }
    .consulting_list {
        margin-bottom: 37px
    }
    .consulting_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 21px;
        height: 400px
    }
    .selected_proj_main_text h5 {
        clear: both
    }
    .selected_proj_main_text div.class_h5 {
        clear: both
    }
    .our_tasks h2.hedd {
        margin-bottom: 57px
    }
    .proecting h1 {
        font-size: 24px;
        margin-bottom: 21px
    }
    .consulting h1 {
        font-size: 24px;
        margin-bottom: 21px
    }
    .pr h1 {
        font-size: 24px;
        margin-bottom: 21px
    }
    .awards h1, .partners h1 {
        font-size: 24px;
        margin-bottom: 21px
    }
    .about_top .about_top_right {
        width: 100%
    }
    .about_top .about_top_left {
        width: 100%;
        margin-right: 0
    }
    .our_plus_item:after {
        width: 123px;
        right: -90px
    }
    .our_plus_item {
        width: 26%
    }
    .our_plus_item p {
        text-align: center
    }
    .hover_proj_text {
        padding: 20px 8px 9px 13px
    }
    .look_more_proj {
        display: block;
        float: none;
        margin: 0 auto
    }
    .new_pojects a {
        text-decoration: none
    }
    .main_news a {
        text-decoration: none
    }
    .hover_proj_text a {
        font-size: 24px
    }
    .new_proj_list .new_proj_item {
        width: 296px;
        margin-right: 18px
    }
    .new_proj_list_wrap {
        height: 525px
    }
    .right_header_menu ul li a {
        font-size: 21px
    }
    .news_list .news_item {
        width: 46%
    }
    .news_list a:nth-child(3n) .news_item {
        margin-right: 3.5%
    }
    .news_list a:nth-child(2n) .news_item {
        margin-right: 0
    }
    .selected_proj_main>img {
        width: 100%
    }
    .selected_proj_main_text {
        max-width: 100%
    }
}

@media screen and (max-width:972px) {
    .item_header.central_header_block {
        display: none
    }
    header .logo {
        margin-right: 0
    }
}

@media screen and (max-width:900px) {
    .main_img {
        margin-top: -100px
    }
    .footer_line_info .footer_line_item {
        margin-right: 0;
        width: 32%
    }
}

@media screen and (max-width:768px) {
    .header-link__region svg {
        height: 13px;
        width: 13px;
        margin-left: 0
    }
    .main_img {
        margin-top: -80px
    }
    .right_header_menu ul li a {
        font-size: 18px
    }
    .news_item_container h2 {
        font-size: 32px
    }
    .news_item_container div.class_h2 {
        font-size: 32px
    }
    .other_news h1 {
        font-size: 32px
    }
    .other_news div.class_h1 {
        font-size: 32px
    }
    .news_item_container {
        margin-bottom: 45px
    }
    .private_space_section {
        display: none
    }
    .menu_item p {
        font-size: 24px
    }
    .menu_arhitektura p {
        top: 50%
    }
    .right_header_menu .top-multilevel>li.first-parent:hover {
        background-color: transparent
    }
    .right_header_menu ul.top-multilevel .first-parent:hover .first-submenu {
        opacity: 1;
        visibility: visible
    }
    .right_header_menu ul.top-multilevel>li>a:hover>span,
    ul.top-multilevel>li.selected>a>span,
    ul.top-multilevel>li.selected>span>span,
    ul.top-multilevel>li>span:hover>span {
        border: none
    }
    .right_header_menu ul.top-multilevel .first-parent .second-submenu>li.parent>a,
    .right_header_menu ul.top-multilevel .first-parent .second-submenu>li.parent>span,
    .right_header_menu ul.top-multilevel>li.first-parent>a,
    ul.top-multilevel>li.first-parent>span {
        background-image: none
    }
    .right_header_menu ul.top-multilevel .first-parent .first-submenu>li.cat1>a,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu>li.cat1>span {
        font-family: Geometria, sans-serif;
        text-transform: none;
        font-size: 20px;
        font-weight: 400;
        line-height: normal
    }
    .right_header_menu .cat1,
    .right_header_menu .first-parent,
    .right_header_menu .parent {
        display: grid!important;
        grid-template-columns: 1fr auto;
        align-items: center;
        justify-content: space-between
    }
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent .submenu>li:hover,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent .submenu>li>a:hover>span,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent .submenu>li>a>span,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu>li:hover,
    .right_header_menu ul.top-multilevel .first-parent .second-submenu>li:hover {
        border: none;
        background: 0 0
    }
    .right_header_menu ul.top-multilevel .first-submenu>li>span.next-lvl,
    .right_header_menu ul.top-multilevel .second-submenu>li>span.next-lvl,
    .right_header_menu ul.top-multilevel>li>span.next-lvl {
        display: block;
        width: 8px;
        height: 8px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: none!important;
        border-left: none!important;
        transform: rotate(45deg);
        padding: 0!important;
        margin-right: auto;
        margin-left: 16px!important;
        position: relative;
        cursor: pointer
    }
    .right_header_menu ul.top-multilevel .first-submenu>li>span.next-lvl:before,
    .right_header_menu ul.top-multilevel .second-submenu>li>span.next-lvl:before,
    .right_header_menu ul.top-multilevel>li>span.next-lvl:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 400%;
        height: 400%;
        transform: translate(-45%, -55%) rotate(45deg)
    }
    .right_header_menu .prev-lvl {
        font-size: 1.25rem;
        line-height: 3.125rem;
        width: 3.125rem;
        height: 3.125rem;
        cursor: pointer;
        color: #010b13;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        background-color: transparent;
        border: none;
        z-index: 10;
        display: none
    }
    .right_header_menu .prev-lvl.active {
        display: block
    }
    .right_header_menu .prev-lvl:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        border-style: solid;
        border-width: 0 2px 2px 0;
        border-color: #fff;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        top: 17px;
        left: 20px
    }
    .right_header_menu {
        display: none;
        position: absolute;
        top: 59px;
        left: 0;
        right: 0;
        padding: 35px;
        background: rgba(0, 0, 0, .75);
        float: none;
        height: calc(100vh - 149px);
        overflow-y: auto
    }
    .right_header_menu .top-multilevel {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 20px;
        margin-bottom: 20px
    }
    .right_header_menu .top-multilevel li a,
    .right_header_menu .top-multilevel li a span {
        border: none
    }
    .right_header_menu .top-multilevel li a,
    .right_header_menu .top-multilevel li>span {
        padding: 0!important
    }
    .right_header_menu .top-multilevel .first-parent,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent {
        position: static;
        width: fit-content
    }
    .right_header_menu .top-multilevel .first-parent .first-submenu,
    .right_header_menu .top-multilevel .first-parent .second-submenu,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent .submenu {
        width: calc(100% - 70px);
        left: 0;
        top: 0;
        height: calc(100vh - 149px);
        z-index: 1;
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 35px;
        transition: none;
        position: absolute;
        background: #000;
        overflow-y: auto
    }
    .right_header_menu .top-multilevel .first-parent .first-submenu>li,
    .right_header_menu .top-multilevel .first-parent .second-submenu>li,
    .right_header_menu .top-multilevel .first-parent .submenu>li {
        padding: 0!important;
        border-left: none;
        font-weight: 700;
      /*  font-family: MyriadPro-Regular, Geometria, sans-serif; */
        width: fit-content
    }
    .right_header_menu .top-multilevel .first-parent .first-submenu>li:not(:last-child),
    .right_header_menu .top-multilevel .first-parent .second-submenu>li:not(:last-child),
    .right_header_menu .top-multilevel .first-parent .submenu>li:not(:last-child) {
        margin-bottom: 20px
    }
    .right_header_menu ul.top-multilevel .first-parent .first-submenu>li a,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu>li span,
    .right_header_menu ul.top-multilevel .first-parent .second-submenu>li a,
    .right_header_menu ul.top-multilevel .first-parent .second-submenu>li span,
    .right_header_menu ul.top-multilevel .first-parent .submenu>li span {
        text-decoration: none;
        outline: 0;
        font-family: Geometria, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;
        transition: all .32s linear;
        font-size: 20px;
        text-transform: none
    }
    .right_header_menu li {
        font-weight: 700;
     /*   font-family: MyriadPro-Regular, Geometria, sans-serif; */
        height: auto!important
    }
    .right_header_menu a {
        color: #fff;
        text-decoration: none;
        font-size: 18px
    }
    .menu_burger {
        display: block;
        margin-top: 0!important;
        padding-right: 15px;
        padding-top: 12px
    }
    .menu_burger.active {
        background: rgba(0, 0, 0, .75)
    }
    .right_header_menu li.mobilehidden {
        display: none
    }
    .right_header_menu .item_header .header_address,
    .right_header_menu .item_header.central_header_block,
    .right_header_menu .item_header.first_header_block,
    .right_header_menu .item_header.last_header_block {
        display: block
    }
    .right_header_menu a.header-link__region {
        font-weight: 400
    }
    .item_header .header_phone a {
        font-size: 30px;
        font-weight: 400
    }
    .item_header {
        width: 100%
    }
    .item_header .header_address,
    .item_header .header_mail,
    .item_header .header_phone,
    .item_header .header_time {
        margin-bottom: 10px
    }
    .item_header .header_time {
        line-height: 22px;
        font-size: 18px
    }
    .item_header .header_mail a {
        font-size: 18px
    }
    .item_header .header_address {
        padding-left: 25px;
        background: url(/bitrix/templates/main/images/header_address.png) no-repeat left center;
        box-sizing: border-box;
        color: #fff;
        font-size: 18px;
   /*     font-family: MyriadPro-Regular, Geometria, sans-serif */
    }
    .item_header.central_header_block .contact_us_btn {
        font-size: 21px;
        line-height: 21px;
        height: 48px
    }
}

@media screen and (max-width: 992px) {
    .floating_pannel_wrapper {
        position: static !important;
        margin-top: 0 !important;
    }

    .tab-content {
        width: 100%;
    }
}

@media screen and (max-width:740px) {
    /* .floating_pannel_wrapper {
        display: none
    } */
    .grid_item {
        max-height: 430px;
        margin-bottom: 10px
    }
    .selected_cat_header {
        height: 220px
    }
    header h1 {
        font-size: 28px
    }
    header .container.not_port {
        padding: 0
    }
    header .logo {
        margin-left: 15px
    }
}

@media screen and (max-width:690px) {
    header .container {
        padding: 0 10px
    }
    .interier_slider:before {
        display: none
    }
    .selected_cat_header {
        height: 170px
    }
    #design_section {
        margin-top: 30px
    }
    #city_section {
        margin-top: 30px
    }
    .full_section .class_h1,
    .full_section h1 {
        margin-bottom: 5px
    }
    .look_proj_btn p {
        font-size: 14px
    }
    .menu_burger {
        margin-top: 15px
    }
    .our_plus_item:after {
        display: none
    }
    .our_plus h2 {
        margin-bottom: 45px;
        text-align: left
    }
    .our_plus_item img,
    .out_plus_item svg {
        margin: 0 auto 18px
    }
    .our_plus_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 36px
    }
    .our_plus {
        margin-bottom: 48px
    }
    .our_tasks h2.hedd {
        text-align: left
    }
    .main_img {
        margin-top: -65px
    }
}

@media screen and (max-width:580px) {
    .about_top_container {
        padding-top: 20px
    }
    .about_top_left {
        width: 100%;
        float: none;
        margin-right: 0
    }
    .about_top_right {
        width: 100%;
        float: none;
        margin-left: 0
    }
    .interier-small-list .slick-prev {
        display: none!important
    }
    .interier-small-list .slick-next {
        display: none!important
    }
    header h1 {
        top: 120px;
        line-height: 1
    }
    .new_projects_container {
        overflow-x: scroll;
        padding-bottom: 50px
    }
    .new_projects_container_wrapp {
        height: 376px;
        overflow: hidden;
        margin-bottom: 53px
    }
    .read_proj_arr {
        display: none
    }
    .grid-item .grid_hover_text {
        opacity: 1;
        bottom: 0
    }
    .main_img {
        margin-top: -115px
    }
    .grid .item {
        width: 100%;
        height: 100%
    }
    .grid-item {
        width: 100%!important
    }
    .grid-item--height2 img {
        height: 615px!important;
        max-height: 615px
    }
    .full_section .container {
        padding-top: 110px
    }
    .news_section {
        margin-top: 0
    }
    .twoInOne {
        margin-bottom: 11px
    }
    .grid {
        margin-bottom: 11px
    }
    .proecting_list {
        margin-bottom: 21px
    }
    .selected_cat_header_img {
        height: 250px
    }
    .news_section .container {
        padding-top: 0
    }
    .proecting_item img {
        height: 100%
    }
    .scroll_next {
        bottom: 50px
    }
    .selected_cat_header_img img {
        height: 100%
    }
    .proj_info div {
        margin-bottom: 20px
    }
    .proj_info span {
        font-size: 14px
    }
    .selected_proj_main_text h2 {
        width: 100%;
        font-size: 21px
    }
    .selected_proj_main_text div.class_h2 {
        width: 100%;
        font-size: 21px
    }
    .selected_proj_header h1 {
        display: none
    }
    .selected_proj_header {
        height: 150px
    }
    .breadcrump {
        display: none
    }
    .selected_proj_main_section {
        margin-bottom: 30px;
        padding-top: 30px
    }
    .new_projects {
        padding-top: 33px
    }
    .interier h2 {
        text-align: center;
        margin-bottom: 14px
    }
    .interier div.class_h2 {
        text-align: center;
        margin-bottom: 14px
    }
    .plan_item img {
        margin: 0 auto 33px
    }
    .plan_slider .slick-slide {
        margin-right: 8px
    }
    .plan_slider .slick-next {
        display: none!important
    }
    .interier_slider .slick-next {
        display: none!important
    }
    .interier_slider .interier_slide {
        margin-right: 8px
    }
    .new_projects h2 {
        font-size: 36px;
        text-align: left
    }
    .new_projects div.class_h2 {
        font-size: 36px;
        text-align: left
    }
    .new_projects_container {
        white-space: nowrap;
        margin-bottom: 73px
    }
    .new_projects_container .porject_item {
        float: none;
        display: inline-block;
        vertical-align: text-top;
        width: 233px;
        margin-bottom: 0
    }
    .new_projects_inner {
        height: 335px;
        padding-bottom: 20px;
        overflow-x: scroll;
        overflow-y: hidden
    }
    .award_item {
        margin-right: 10px
    }
    .awards_list a img {
        height: 180px
    }
    .news_item_container h2 {
        font-size: 28px
    }
    .news_item_container div.class_h2 {
        font-size: 28px
    }
    .news_item_container p {
        font-size: 14px
    }
    .news_item_container span.date {
        text-align: right
    }
    .news_list a:nth-child(3n) .news_item {
        margin-right: 0
    }
    .news_list a:nth-child(2n) .news_item {
        margin-right: 0
    }
    .footer_main_menu_item>a img {
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
    .footer_main_menu_item>a img.rotate {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    .ok_text_container {
        left: 0;
        padding-top: 150px;
        width: 100%;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .textarea_p {
        display: none
    }
    .contact_form button {
        margin-top: 65px
    }
    #map {
        display: none
    }
    .contacts_content {
        position: relative;
        top: 95px;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        right: inherit
    }
    .footer_contacts {
        padding-top: 80px
    }
    .hover_proj_text a {
        font-size: 20px
    }
    .new_proj_list .new_proj_item {
        width: 173px;
        margin-right: 6px
    }
    .footer_main_menu_item ul {
        display: none;
        margin-bottom: 15px
    }
    .footer_left_menu ul li {
        width: 100%;
        margin-bottom: 18px
    }
    .footer_main_menu_item {
        width: 100%;
        margin-bottom: 18px
    }
    .footer_main_menu {
        width: 200px;
        margin: 0 auto;
        float: none
    }
    .footer_left_menu {
        width: 200px;
        margin: 0 auto;
        overflow: hidden
    }
    .footer_left_menu ul li a,
    .footer_main_menu_item>a {
        font-weight: 700
    }
    .footer_left_menu ul li a {
        font-size: 18px
    }
    .footer_right_soc {
        float: none;
        width: 100%;
        margin-bottom: 60px
    }
    .footer_right_soc ul li {
        width: 33%;
        margin-right: 0
    }
    .footer_right_soc ul li span {
        margin: 0 auto
    }
    .contacts_soc ul li {
        width: 25%;
        margin-right: 0
    }
    .contacts_soc ul li span {
        margin: 0 auto
    }
    footer .container {
        padding-top: 15px
    }
    footer {
        padding: 0 10px
    }
    .news_list .news_item {
        width: 100%
    }
    .new_proj_list_wrap {
        height: 315px
    }
    section {
        padding: 0 10px
    }
    .news_list .news_item h3 {
        font-size: 21px;
        line-height: 1
    }
    .news_list .news_item div.class_h3 {
        font-size: 21px;
        line-height: 1
    }
    .news_list .news_item p {
        line-height: 16px
    }
    .main_news h1 {
        font-size: 28px;
        text-align: center
    }
    .main_news div.class_h1 {
        font-size: 28px;
        text-align: center
    }
    .main_news h1:after {
        display: none
    }
    .main_news div.class_h1:after {
        display: none
    }
    .new_pojects {
        margin-bottom: 30px
    }
    .news_list {
        margin-bottom: 10px
    }
    .main_news .container {
        margin-bottom: 25px
    }
    h1 {
        font-size: 28px
    }
    .contacts_content h1 {
        text-align: center;
        margin-bottom: 24px
    }
    .new_pojects h1 {
        text-align: center
    }
    .contact_list ul li:first-child {
        margin-bottom: 24px
    }
    .contact_list ul li:first-child {
        margin-bottom: 12px
    }
    .triangle {
        height: 250px;
        -webkit-background-size: cover;
        background-size: cover
    }
    .about_top p {
        font-size: 14px
    }
    .our_tasks h2.hedd {
        margin-bottom: 18px
    }
    .our_plus_item:last-child {
        margin-bottom: 0
    }
    .footer_line_info {
        margin-top: 0
    }
    .footer_line_info .footer_line_item {
        font-size: 18px;
        width: 250px;
        display: block;
        margin: 0 auto 20px
    }
    .footer_line_info .footer_line_item .footer_phone {
        font-size: 30px
    }
    .footer_line_info .footer_line_item .footer_time span {
        display: block
    }
}

@media screen and (max-width:559px) {
    .footer_line_info .footer_line_item .footer_time {
        margin-top: 0;
        background-position: left top 0;
    }
}

@media screen and (max-width:480px) {
    .look_more_proj {
        width: 100%
    }
    .main_img {
        margin-top: -100px
    }
}

@media screen and (max-width:360px) {
    .news_list .news_item {
        min-width: 100%
    }
    .main_img {
        margin-top: -90px
    }
    .right_header_menu,
    .right_header_menu .top-multilevel .first-parent .first-submenu,
    .right_header_menu .top-multilevel .first-parent .second-submenu,
    .right_header_menu ul.top-multilevel .first-parent .first-submenu .parent .submenu {
        padding: 20px;
        height: calc(100vh - 119px);
        width: calc(100% - 40px)
    }
}

@media screen and (max-width:321px) {
    body {
        min-width: 320px
    }
}

.map-columns {
    margin-bottom: 5rem
}

.map-level-0 a {
    color: #fff;
    line-height: 24px;
    text-decoration: none
}

ul.map-level-0 a {
    color: #fff;
    line-height: 24px;
    text-decoration: none
}

ul.map-level-1 a {
    color: #fff;
    padding-left: 36px;
    line-height: 24px;
    text-decoration: none
}

ul.map-level-0 li:first-letter {
    text-transform: capitalize
}

.footer_map a {
    color: #7c7c7a;
    text-decoration: none
}

font.text {
    color: #9e9e9e
}

font.text a {
    color: #c9c9c9
}

.fix-button {
    left: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    background: #123c69;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    color: #fff;
    text-align: center;
    line-height: 53px;
    font-size: 30px;
    position: fixed;
    z-index: 9999;
    transform: translate(50%, -50%)
}

.fix-button:after,
.fix-button:before {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25d366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate-button 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.fix-button:after {
    animation-delay: .5s
}

@keyframes animate-button {
    0% {
        transform: scale(.5);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@media (max-width:1023px) {
    .open-button {
        display: block;
        width: 8px;
        height: 8px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: none!important;
        border-left: none!important;
        transform: rotate(45deg);
        padding: 0!important;
        margin-right: auto;
        margin-left: 16px!important;
        position: relative;
        cursor: pointer
    }
    .open-button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 400%;
        height: 400%;
        transform: translate(-40%, -60%) rotate(45deg)
    }
}

/* theme-selector */

.footer_right_soc {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}

.theme-selector {
    display: flex !important;
    height: 24px;
    justify-content: flex-end;
}

@media (max-width: 580px) {
    .theme-selector {
        justify-content: center;
    }
}

.theme-selector__item {
    background-color: #1b1b1b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.theme-selector__button {
    width: 34px;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0;
}

.theme-selector__button:hover {
    opacity: 1;
}

.theme-selector__item.is-active {
    background-color: #343434;
}

.theme-selector__item.is-active .theme-selector__button {
    opacity: 1;
}

.theme-selector__button svg {
    fill: #fff;
    transition: fill 0.3s ease;
}

body.light-theme {
    background-color: #fff;
    background-image: none;
    transition: background-color 0.3s ease;
}

body.light-theme:after {
    background: linear-gradient(to bottom, #423e3e 0, rgba(28, 28, 28, 0) 100%);
}

body.light-theme .theme-selector__button svg {
    fill: #222;
}

body.light-theme .theme-selector__item {
    background-color: #fff;
}

body.light-theme .theme-selector__item.is-active {
    background-color: #f4f4f4;
}

body.light-theme .triangle {
    height: 410px;
    background-size: auto 410px;
}

body.light-theme #accordion .accordion-content a {
    color: #484848;
}

body.light-theme section p,
body.light-theme .promo-block,
body.light-theme .txt p,
body.light-theme .txt ul li,
body.light-theme section ul,
body.light-theme .pixplus,
body.light-theme .about_section {
    font-size: 18px;
    line-height: 28px;
}

/* body.light-theme .about_section {
    margin-top: -265px;
} */

@media (max-width: 1349px) {
    body.light-theme .about_section {
        margin-top: -60px;
    }

    .about_section .main_img_mask {
        display: none;
    }

    .about_top_container,
    .partners_top_container {
        margin-top: 0;
    }
}

body.light-theme .seo-section-wr .stages-wr .stages .item .name {
    font-size: 16px;
    line-height: 26px;
}

body.light-theme .promo-block {
    background-color: #f6f6f6;
}

body.light-theme section p,
body.light-theme .seo-section-wr .stages-wr .stages .item .name,
body.light-theme .contact_us_btn,
body.light-theme .seo-section-wr .secondblock h2,
body.light-theme .seo-section-wr .secondblock .descr,
body.light-theme .manager-desc,
body.light-theme .seo-section-wr .examples-wr .examples h2,
body.light-theme .seo-section-wr .thirdblock h2,
body.light-theme .seo-section-wr .examples-wr .examples .more,
body.light-theme .awards-wr .title,
body.light-theme .partners .title,
body.light-theme .footer_left_menu ul li a,
body.light-theme .footer_main_menu_item>a,
body.light-theme .footer_line_info .footer_line_item .footer_phone a,
body.light-theme .footer_line_info .footer_line_item .footer_address,
body.light-theme .footer_line_info .footer_line_item .footer_time,
body.light-theme .footer_line_info .footer_line_item,
body.light-theme .main-page-title,
body.light-theme .txt p,
body.light-theme .txt,
body.light-theme .prices-wr .title,
body.light-theme .prices-table,
body.light-theme .advantages-wr .advantages .descr,
body.light-theme .examples-wr .title,
body.light-theme .look_more_proj,
body.light-theme .services-wr .title,
body.light-theme .our_plus h2,
body.light-theme section h2,
body.light-theme h1,
body.light-theme .reviews__title,
body.light-theme .reviews__item,
body.light-theme section h3,
body.light-theme .seo-section-wr .stages-wr h2,
body.light-theme .seo-section-wr .thirdblock .descr,
body.light-theme .accordion-container,
body.light-theme .accordion-container .article-title:hover i:before,
body.light-theme .seo-section-wr .firstblock .fl,
body.light-theme .news-list a,
body.light-theme .news-detail,
body.light-theme .description-list,
body.light-theme .selected_proj_main_text .class_h2,
body.light-theme .proj_info span,
body.light-theme .selected_proj_main_text div.class_h5,
body.light-theme .selected_proj_main_section .about_link,
body.light-theme section div.class_h2,
body.light-theme .proj_inner_text,
body.light-theme .about_section,
body.light-theme .main_news div.class_h1,
body.light-theme .pixplus li,
body.light-theme .pixplus,
body.light-theme ul.map-level-1 a,
body.light-theme ul.map-level-0 a {
    color: #201e1e;
}

@media (max-width: 580px) {
    body.light-theme .map,
    body.light-theme .map .contacts_content {
        background-color: #1c1c1c;
    }
}

body.light-theme .breadcrump_active {
    color: #201e1e !important;
}

body.light-theme .price_container ul {
    color: #201e1e !important;
}

body.light-theme .price_container {
    padding-top: 0;
}

body.light-theme .about_section span {
    color: #201e1e !important;
}

body.light-theme .our_plus_item svg path {
    fill: #201e1e;
}

body.light-theme .main_section {
    margin-bottom: 30px;
}

body.light-theme .breadcrumb_block .breadcrumb-item a {
    color: #bfc4c6;
}

body.light-theme .map {
    position: relative;
}

body.light-theme .services-wr .services .item .bg,
body.light-theme .proecting_item_img,
body.light-theme .fourthblock .uslugi-item .bg {
    opacity: 1;
}

body.light-theme .seo-section-wr .examples-wr .examples .examples-slider .slick-slide {
    opacity: 1;
}

body.light-theme .seo-section-wr .examples-wr .examples .examples-slider .slick-slide.slick-current .slide::after,
body.light-theme .prysm-news .news_item:before {
    display: none;
}

body.light-theme .breadcrump {
    margin-top: 36px;
}

.breadcrump img {
    display: none;
}

.breadcrump a {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}

body.light-theme .breadcrump a:not(:last-child)::after {
    background: #201e1e;
}

.breadcrump a:not(:last-child)::after {
    content: "";
    position: static;
    width: 40px;
    height: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transform: none;
    margin: 0 10px;
}

body.light-theme .services .item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: #282828;
    opacity: 0.4;
    z-index: -1;
    transition: opacity 0.3s ease;
}

body.light-theme .services .item:hover::after {
    opacity: 0.7;
}

body.light-theme .services-wr .services .item:hover {
    box-shadow: 0px 0px 16px 0px #8d8585;
}

body.light-theme .proj_info path {
    fill: #201e1e;
}

body.light-theme .seo-section-wr .examples-wr .examples .examples-slider .slide,
body.light-theme .uslugi-item {
    position: relative;
}

body.light-theme .seo-section-wr .examples-wr .examples .examples-slider .slide::after,
body.light-theme .fourthblock .uslugi-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: #282828;
    opacity: 0.4;
    z-index: 0;
}

body.light-theme .proj_text,
body.light-theme .consulting_text,
body.light-theme .consulting_item h6,
body.light-theme .pr_item h6,
body.light-theme .pr_text,
body.light-theme .fourthblock .uslugi-item .name,
body.light-theme .news_item span.date,
body.light-theme .news_item_text {
    z-index: 1;
}

body.light-theme .proecting_item::after,
body.light-theme .consulting_item::after,
body.light-theme .pr_item::after,
body.light-theme .news_item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: #282828;
    opacity: 0.4;
    z-index: 0;
    transition: opacity 0.3s ease;
}

body.light-theme .news_item.bg::after {
    opacity: 0.4;
}

/* body.light-theme .news_item::after {
    opacity: 1;
} */

body.light-theme .news_item  {
    border: none;
}

body.light-theme .proecting_item:hover .proecting_item_img,
body.light-theme .consulting_item:hover .proecting_item_img,
body.light-theme .pr_item:hover .proecting_item_img  {
    opacity: 1;
}

body.light-theme .txt ul li {
    background: none;
    list-style: circle;
    padding-left: 0;
    margin-left: 30px;
}

body.light-theme .footer_main_menu_item>a:hover,
body.light-theme .footer_left_menu ul li a:hover,
body.light-theme .new_projects_container .porject_item:hover a {
    color: #00aeff;
}

body.light-theme .manager-desc {
    box-shadow: 0px 0px 16px 0px #edebeb;
}

body.light-theme .item_header .contact_us_btn,
body.light-theme .header__contact_us_btn.contact_us_btn.price-btn,
body.light-theme header h1,
body.light-theme .contacts_content h1,
body.light-theme .contacts_content .contact_us_btn,
body.light-theme .contacts_content p,
body.light-theme .prysm-news.news_list .news_item:hover span.date,
body.light-theme .prysm-news.news_list .news_item:hover div.class_h3,
body.light-theme .about_section .new_projects h2 {
    color: #fff;
}

body.light-theme .news_item:hover {
    border: none;
    /* box-shadow: 0px 0px 16px 0px #8d8585; */
}

body.light-theme .news_item:hover::after {
    opacity: 0.8;
}

body.light-theme .news_section {
    margin-top: 0;
}

body.light-theme .footer_right_soc ul li span {
    border: 1px solid #201e1e;
    transition: border 0.3s ease;
}

body.light-theme .footer_right_soc ul li span:hover {
    border: 1px solid #0094d9;
}

body.light-theme .projects-wr {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(50vw - 50%);
    background-color: #1c1c1c;
    padding-top: 70px;
    margin-bottom: 70px;
}

body.light-theme .examples {
    position: static !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
}

body.light-theme .examples-wr {
    height: auto;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(50vw - 50%);
    background-color: #1c1c1c;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

body.light-theme .about_section .main_img_mask polygon {
    fill: #fff;
}

body.light-theme .about_section .new_projects {
    height: auto;
    width: calc(100vw - 30px);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(50vw - 50%);
    background-color: #1c1c1c;
    padding: 70px 15px;
    margin-bottom: 70px;
    margin-top: 70px;
}

body.light-theme .about_section .new_projects_container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
}

body.light-theme .interier_slider {
    margin-bottom: 100px;
}

body.light-theme .new-projects {
    background-color: #1c1c1c;
}

body.light-theme .new_projects {
    padding-top: 70px;
    padding-bottom: 70px;
}

body.light-theme .new_projects .class_h2 {
    color: #fff;
}

body.light-theme .seo-section-wr .examples-wr .examples .more {
    color: #fff !important;
    border: 3px solid #fff !important;
}

body.light-theme .seo-section-wr .examples-wr .examples .more:hover {
    background-color: #fff !important;
    color: #201e1e !important;
}

body.light-theme .examples h2 {
    color: #fff !important;
}

body.light-theme .footer_right_soc ul li span svg path {
    fill: #201e1e;
    transition: fill 0.3s ease;
}

body.light-theme header .container.not_port.animatedBg:after {
    opacity: 0.85;
}

body.light-theme .seo-section-wr .stages-wr .stages .item .arrow {
    background-image: url(../images/arrow-black.svg);
    width: 20px;
    height: 20px;
    left: -12px;
    top: 66px;
}

.breadcrumb_block .breadcrumb-item .triangle_bread {
    width: 40px;
    height: 1px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border: none;
    transform: none;
}

.light-theme .contact_us_btn {
    height: 52px;
}

.about_section {
    margin-bottom: 50px;
}

.order-wr .contact_us_btn {
    border: 3px solid #979797;
    transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.seo-section-wr .examples-wr .examples .more {
    border: 3px solid #979797 !important;
    transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
    background-image: none;
}

.order-wr .contact_us_btn:hover {
    color: white;
    background-color: #979797;
}

.order-wr {
    margin-bottom: 50px;
}

.seo-section-wr .examples-wr .examples .more:hover {
    color: white;
    background-color: #979797 !important;
    opacity: 1 !important;
}

body.light-theme .order-wr .contact_us_btn,
body.light-theme .prices-table td,
body.light-theme .pixplus th,   
body.light-theme .pixplus td,
body.light-theme .content-entry {
    border-color: #1e1e1e;
}

body.light-theme .seo-section-wr .examples-wr .examples .more {
    width: 338px;
    height: 18px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 992px) {
    body.light-theme .seo-section-wr .examples-wr .examples .more {
        width: calc(100% - 30px);
    }
}

body.light-theme .order-wr .contact_us_btn:hover {
    background-color: #1e1e1e;
    color: #fff;
}

body.light-theme .main_news div.class_h1:after {
    background-image: none;
}

body.light-theme .main-page-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 54px;
}

body.light-theme .advantages-wr .title,
body.light-theme .prices-wr .title,
body.light-theme .txt .title,
body.light-theme .examples-wr .title,
body.light-theme .partners .title,
body.light-theme .awards-wr .title {
    font-family: Geometria_Light, sans-serif;
}

body.light-theme .advantages-wr .title {
    color: #000;
}

body.light-theme .footer_main_menu_item ul li a {
    line-height: 1.5;
}

body.light-theme .news_section {
    margin-bottom: 30px;
}

ul.top-multilevel .first-parent .second-submenu>li {
    padding-left: 5px;
}

@media screen and (max-width: 1750px) {
    .right_header_menu ul li a, ul.top-multilevel>li>a,
    ul.top-multilevel>li>span {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1750px) {
    .right_header_menu>ul>li>a, ul.top-multilevel>li>a, ul.top-multilevel>li>span {
        font-size: 21px !important;
    }
}

@media screen and (max-width: 1620px) {
    .right_header_menu ul li a, ul.top-multilevel>li>a,
    ul.top-multilevel>li>span {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1620px) {
    .right_header_menu>ul>li>a, ul.top-multilevel>li>a, ul.top-multilevel>li>span {
        font-size: 18px !important;
    }
}

body.light-theme .list-circle {
    background-image: url(../images/list-circle-light.png);
}

.txttohtmllink {
    word-break: break-word;
}

body.light-theme .pixplus a,
body.light-theme .price_container a,
body.light-theme .seo-section-wr a,
body.light-theme .selected_proj_main_section a,
body.light-theme .private_space_section a,
body.light-theme .news-detail a,
body.light-theme .back-list-link,
body.light-theme .txttohtmllink {
    color: #484848;
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon0-start .img {
    background-image: url(/img/icon0-start-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon1 .img {
    background-image: url(/img/icon1-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon2 .img {
    background-image: url(/img/icon2-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon3 .img {
    background-image: url(/img/icon3-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon4-end .img {
    background-image: url(/img/icon4-end-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon5 .img {
    background-image: url(/img/icon5-light.png);
}

body.light-theme .seo-section-wr .stages-wr .stages .item.icon6 .img {
    background-image: url(/img/icon6-light.png);
}

.news_item_container ol li {
list-style-type: decimal !important;
}

.d-none{
    display: none;
    width: 0;
    height: 0;    
}


.contact-info {
    background-color: #6c6c6c;
    color: #fff;
    padding: 30px 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.contact-info__content {
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.contact-info__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.light-theme .contact-info__box h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
}

.light-theme .contact-info__box p {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    max-width: 655px;
}

.contact-info__box button {
    background-color: #fff;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding: 0.8rem 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: none;
}

.light-theme .contact-info .order-wr {
    margin-bottom: 0;
}

.light-theme .seo_text a{
    color: #484848;
}

.dark-theme .seo_text a{
    color: #f5deb3;
}


@media (max-width: 768px) {
    .contact-info__content {
        max-width: 600px;
    }

    .contact-info__box {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .light-theme .contact-info__box h3 {
        font-size: 25px;
        margin-bottom: 13px;
    }

    .light-theme .contact-info__box p {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .contact-info__box {
       flex-direction: column; 
       text-align: center;
    }
}


.header__contacts {
    display: none;
}

@media (max-width: 768px) {
    header .container.not_port {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .header__contacts {
        display: flex;
        align-items: center;
        column-gap: 30px;
    }

    .header__contacts a {
        width: 30px;
        height: 30px;
    }

    .header__contacts a svg {
        width: 100%;
        height: 100%;
    }

    .header__contact_us_btn {
        display: none;
    }
}

table.pixplus td,
table.pixplus th {
    padding: .5rem;
}

.dark-theme table.pixplus td,
.dark-theme table.pixplus td {
    border-color: #fff;
}

table.pixplus b {
    font-weight: bolder;
}

.pixplus__table-wrap {
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-color: #ffffff #292929;
    scrollbar-width: thin;
}

.pixplus__table-wrap::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.pixplus__table-wrap::-webkit-scrollbar-track {
    background-color: #292929;
    border-radius: 100px;
}

.pixplus__table-wrap::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #ffffff;
}

.light-theme .pixplus__table-wrap {
    scrollbar-color: #292929 #ffffff;
}

.light-theme .pixplus__table-wrap::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.light-theme .pixplus__table-wrap::-webkit-scrollbar-thumb {
    background-color: #292929;
}

th.big-th, .xsmall-th {
    position: relative;
}

.small-th{
    position: relative;
}
.big-th .th_content,
.small-th .th_content, .xsmall-th .th_content{
    position: absolute;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .seo-section-wr .secondblock h2,
    .seo-section-wr .thirdblock h2 {
        font-size: 24px;
        line-height: normal;
    }
}


.features-detail h2.class_h3,
.proj_inner_text h2.class_h3 {
    font-family: Geometria_Light, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 15px;
    margin-bottom: 15px;
}