@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&display=swap);

.flipbox-wrapper {
    perspective: 800px;
    perspective-origin: 50% 50%
}

.flipbox-wrapper .flipbox-box {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition-property: transform
}

.flipbox-wrapper .flipbox-box .flipbox-side {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-front {
    transform: translateZ(0)
}

.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-left {
    transform-origin: center left
}

.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-right {
    transform-origin: top right
}

.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-top {
    transform-origin: top center
}

.flipbox-wrapper .flipbox-box .flipbox-side.flipbox-bottom {
    transform-origin: bottom center
}

.photos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 820px;
    height: 549px;
    position: absolute;
    transform: rotate(45deg);
    top: -218px;
    right: -162px
}

.bg {
    width: 100%;
    height: 100vh
}

.image {
    position: absolute;
    width: 345px;
    height: 345px;
    -webkit-clip-path: polygon(50% 0, 97% 50%, 50% 100%, 3% 50%);
    clip-path: polygon(50% 0, 97% 50%, 50% 100%, 3% 50%);
    background-color: #ff3c00;
    transform: rotate(-45deg)
}

.photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: polygon(50% 2%, 95% 50%, 50% 98%, 5% 50%);
    clip-path: polygon(50% 2%, 95% 50%, 50% 98%, 5% 50%)
}

.menu__btn {
    top: 75px;
    left: 25px
}

.menu__btn, .social {
    position: absolute;
    z-index: 1
}

.social {
    left: 30px;
    bottom: 30px
}

.social ul {
    padding: 0
}

.social-nav > li {
    list-style: none;
    margin-bottom: 20px
}

.svg-color {
    cursor: pointer
}

.svg-color:hover {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)
}

object {
    pointer-events: none
}

.content {
    margin-left: 100px;
    margin-top: 90px
}

.content-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20px
}

.content-item object {
    margin-right: 10px
}

.content-item p {
    margin: 0;
    font-weight: 400
}

.content-item .subtitle {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600
}

h1.title {
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-top: 10px
}

.romb-2 {
    left: 251px;
    top: 8px
}

.romb-3 {
    left: 502px;
    top: 16px
}

.romb-4 {
    left: 8px;
    top: 251px
}

.romb-5 {
    left: 258px;
    top: 258px
}

.romb-6 {
    left: 509px;
    top: 266px
}

* ul {
    list-style: none;
    margin: 0;
    padding: 0
}

* a {
    text-decoration: none
}

.logo-company {
    position: relative;
    background: red;
    height: 393px
}

.logo-company .logo-city {
    position: relative;
    height: 393px;
    width: 1200px;
    opacity: .6;
    filter: opacity(.76) grayscale(1) contrast(2.3) brightness(.8)
}

.block-rklm {
    position: absolute;
    width: 900px;
    display: flex;
    flex-direction: column;
    z-index: 3;
    bottom: -25%;
    left: 13%
}

.logo-company-text {
    z-index: 2;
    color: #fff;
    font-size: 43px;
    letter-spacing: 25px;
    text-align: center;
    word-spacing: 60px
}

.main {
    width: 900px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rlpc {
    padding: 22px 0;
    overflow: hidden
}

.rlpc .words {
    display: flex;
    justify-content: space-between
}

.rlpc .words .box, .rlpc .words .square {
    width: 100px;
    height: 120px
}

.rlpc .words .square {
    background: #ff3c00;
    color: #fff;
    font-size: 80px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase
}

.menu ul {
    display: flex;
    justify-content: space-between
}

.menu ul a {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase
}

.info-company {
    padding-top: 120px;
    display: flex
}

.info-company-photo img{
	max-width:inherit;
    padding: 20px 20px 20px 0;
	width: 300px;
	height: 500px;
}

.logo-sun {
    position: absolute;
    max-width: 190px;
    z-index: 4;
    top: 18%;
    left: 40%
}

.menu ul li:nth-child(2) {
    padding-left: 10px
}

.menu ul li:nth-child(3) {
    padding-right: 20px
}

.stamp-content {
    display: flex;
    justify-content: space-between
}

.stamp-menu {
    margin-left: 10%;
    margin-top: 100px
}

.stamp-menu li {
    padding-bottom: 30px
}

.stamp-menu-link {
    display: flex;
    line-height: 10px
}

.stamp-menu-link h3 {
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

.stamp-menu-link p {
    line-height: 20px;
    color: #000;
    width: 300px
}

.stamp-menu-link-logo {
    width: 30px;
    align-self: flex-start;
    margin-right: 20px;
    padding-top: 15px
}

.stamp-photo {
    position: relative;
    width: 100%;
    height: 100%
}

.stamp-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 600px;
    background: rgba(235, 24, 9, .8);
    height: 35%;
    margin-top: 10px
}

.stamp-info p {
    color: #fff;
    text-align: left;
    padding-left: 20%
}

.stamp-info-heading {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase
}

.stamp-info-text {
    font-size: 20px
}

.navigation {
    position: absolute;
    top: 80px;
    left: 30px;
    flex-direction: column;
    align-items: center;
    min-height: 85vh
}

.description-content, .navigation {
    display: flex;
    justify-content: space-between
}

.description-content {
    width: 100%;
    min-height: 100vh;
    padding: 60px 80px;
    align-items: flex-start;
    box-sizing: border-box
}

.description-content-title {
    text-transform: uppercase;
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0
}

.description-list {
    width: 40%;
    position: relative
}

.description-list-link {
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center
}

.li-svg {
    width: 40px;
    margin-right: 10px
}

.image-blinds {
    width: 55%;
    padding-top: 70px;
    -o-object-fit: cover;
    object-fit: cover
}

.image-blinds img {
    width: 100%
}

.description-content-logo {
    width: 100px;
    position: absolute;
    top: -54px;
    left: -132px
}

.description-content-logo img {
    width: 100px
}

.blinds {
    max-width: 100%
}

.baza-link {
    cursor: pointer;
    width: 30px;
    height: 25px;
    background-image: url(../f441e0e31bf20a845de5.png);
    background-size: cover
}

.baza-link:hover {
    background-image: url(../2f0663c90338bea0619a.png)
}

body {
    margin: 0;
    padding: 0;
    background: #b6b6b6;
    font-family: Open Sans
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.bold-text {
    font-weight: 700
}

/*# sourceMappingURL=main.41d12f7b615e488c7be5.css.map*/