html * {max-height: 999999px;}
html {font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
body, html {height: 100%; margin: 0px; padding: 0px; color: white; background-color: rgb(47, 56, 67);}
* {box-sizing: border-box;}
a {text-decoration: none; color: #1ca9bd; transition: all 0.5s ease;}
a:hover {color: white;}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
p {margin-top: 0px; margin-bottom: 20px;}
.center {text-align: center;}
.clear {clear: both;}
body.noscroll {overflow: hidden;}
.wrapper {max-width: 1160px; padding-left: 20px; padding-right: 20px; margin: 0px auto;}
.wrapper2 {max-width: 1640px; padding-left: 20px; padding-right: 20px; margin: 0px auto;}
.wrapper video {max-width: 100% !important; height: auto !important;}

header {background-color: #252C34; width: 100%; height: 86px; position: fixed; top: 0px; left: 0px; z-index: 10;}
/*header {background-color: rgba(73, 87, 103, 1); width: 100%; height: 86px; position: fixed; top: 0px; left: 0px; z-index: 10;}*/
header .logo {width: 220px; display: inline-block; vertical-align: middle; padding-top: 20px; margin-right: 50px;}
header .logo img {max-width: 100%;}
header .contacts {display: inline-block; vertical-align: middle; color: #87919F; padding-top: 15px;}
header .contacts i {margin-right: 10px;}
header .contacts p {margin: 0px;}
header .contacts .tel {font-size: 22px; font-weight: 500; color: white;}
header .contacts .map {font-size: 12px;}
header .menu {display: block; float: right;}
header .menu .item {position: relative; display: inline-block;}
header .menu .item:hover .submenu {display: block;}
header .menu .item a {color: white; display: block; padding: 29px 12px; border-bottom: 4px solid transparent;}
header .menu .item a.active {color: #1ca9bd;}
header .menu .item a:hover {color: #1ca9bd; border-bottom: 4px solid #1ca9bd; background-color: #2f3843;}
header .menu .submenu {border-top: 4px solid #1ca9bd; position: absolute; left: 0px; top: 82px; padding: 0px; margin: 0px; display: none;
    transition: all 0.5s ease;
}
header .menu .submenu li{list-style: none; padding: 0px; margin: 0px;}
header .menu .submenu li a {display: block; text-align: center; background-color: #252C34; border-bottom: 1px solid white; width: 240px; padding: 20px;}
header .menu .submenu li a:hover {border-bottom: 1px solid white;}
header .menu .social {float: none !important;}
header .menu .close {display: none; width: 30px; height: 30px; font-size: 30px; color: white; position: absolute; right: 20px; top: 20px;}
header .menu .contacts {display: none;}
header .menu .social {display: none;}

header .social {float: right; padding-top: 29px;}
header .social a {color: white; font-size: 20px; margin-left: 15px; display: inline-block; vertical-align: middle;}
header .social a:hover {color: #1ca9bd;}
header .social .telegramm svg {width: 22px;}
header .social .telegramm svg path{fill: white;  transition: all 0.5s ease;}
header .social .telegramm:hover svg path{fill: #1ca9bd;}

header .mobmenu {display: none; width: 40px; float: right; height: 30px; position: relative; padding-top: 13px; margin-top: 25px;}
header .mobmenu:after {content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 3px; background-color: white;}
header .mobmenu:before {content: ''; display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background-color: white;}
header .mobmenu i {display: block; width: 100%; height: 3px; background-color: white;}
header .mobmenu:hover i,
header .mobmenu:hover:after,
header .mobmenu:hover:before
{background-color: #1ca9bd;}


footer {background-color: #252C34; width: 100%; padding: 50px 0px;}
footer .contacts {display: inline-block; vertical-align: top; margin-right: 50px; color: #87919F; font-size: 16px;}
footer .contacts i {margin-right: 10px;}
footer .copyright {color: #87919F; display: inline-block; vertical-align: top;}
footer .social {float: right;}
footer .social a {padding: 5px 9px; color: white; font-size: 20px; border: 2px solid white; border-radius: 50%; margin-left: 15px;}
footer .social a:hover {border-color: #1ca9bd;}


.contacts-about  {color: #87919F; font-size: 16px;}
.contacts-about i {margin-right: 10px;}


section {padding-top: 86px; background-color: rgb(47, 56, 67);}
.slider-main {}
.slider-main .item {padding: 100px 100px; text-align: center; color: white; min-height: 600px;}
.slider-main .item * {color: white;}
.slider-main .item h2 {margin-bottom: 23px; font-size: 32px; line-height: 40px; position: relative; z-index: 2;}
.slider-main .item p {font-size: 25px; line-height: 30px; position: relative; z-index: 2;}
.slider-main .txt {padding: 50px; margin: 0px auto; max-width: 1400px; position: relative;}
.slider-main .item:before {content: ''; display: block; position: absolute; left: 0px; top: 0px; background-color: black; opacity: 0.6; z-index: 1; width: 100%; height: 100%;}


.owl-carousel .owl-nav .owl-prev {font-size: 0px !important; display: block; position: absolute; background: url('../i/left.png') !important; width: 60px; height: 60px; left: 80px; top: 50%;}
.owl-carousel .owl-nav .owl-next {font-size: 0px !important; display: block; position: absolute; background: url('../i/left.png') !important; width: 60px; height: 60px; right: 80px; top: 50%;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(80deg);
    transform: rotate(180deg);
}

.form2 {width: 720px; padding: 0px 20px;}
.form3 {max-width: 1200px; padding: 30px; width: 100%; background-color: white; margin: 0px auto;}
.form2 h2 {margin-top: 0px; margin-bottom: 20px;}
.form {margin-bottom: 30px;}
.form .input {position: relative; border-bottom: 1px solid #DCDCDC; display: inline-block; margin-bottom: 30px; width: 100%;}
.form .select {margin-bottom: 30px;}
.form .checkbox {margin-bottom: 30px;}
.form .input span {position: absolute; top: 17px; left: 0px;font-size: 18px; line-height: 25px; color: black;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.form .input2 .input,
.form .input2 .select,
.form .input2 .checkbox{width: calc((100% / 2) - 40px); display: inline-block; position: relative;}
.form .input3 .input,
.form .input3 .select,
.form .input3 .checkbox{width: calc((100% / 3) - 40px); display: inline-block; position: relative;}
.mr40 {margin-right: 40px;}
.mr20 {margin-right: 20px;}
.form .input.active span {top: -10px !important; left: 0px; font-size: 16px; opacity: 0.3; line-height: 20px;}
.form .input input {font-size: 18px; line-height: 28px; padding: 10px 0px; width: 100%; color: #262626; position: relative; background-color: transparent; z-index: 3; border: 0px;}
.form input[type="submit"] {background-color: #1ca9bd; color: white; font-size: 18px; line-height: 25px; padding: 18px 110px; border: 0px; border-radius: 5px;}
.form input[type="submit"]:hover {opacity: 0.8; cursor: pointer;}
.form .error p{color: red !important;}
.form fieldset {margin-bottom: 30px; padding: 30px;}
.form legend {font-size: 22px; font-weight: bold; color: black;}
.form label {color: black;}

#itog {display: block; position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: #E0E0DD; color: black; text-align: center; padding: 20px; z-index: 10;}
#itog .itog {display: inline-block; margin-left: 15px; margin-right: 15px;}

.policy {color: #828282 !important; font-size: 14px; line-height: 25px;}
.policy a {color: black;}
.policy a:hover {text-decoration: underline;}

h2 {font-size: 24px;}
h3 {color: #19e2e3;}
.bb {color: #19e2e3; font-size: 22px; font-weight: bold;}

.bigA {display: inline-block; padding: 15px 40px; color: white !important; font-size: 18px; line-height: 25px; background-color: #1ca9bd; text-align: center; border-radius: 5px;}
.bigA:hover {opacity: 0.9;}

.bigA2 {display: inline-block; padding: 7px 20px; color: #1ca9bd; font-size: 14px; line-height: 25px; border: 1px solid #1ca9bd;}
.bigA2:hover {color: white; border-color: white;}

.slogan {text-align: center; font-size: 32px; background-color: #ccc; padding: 50px 20px; color: black;}
.slogan p {margin-bottom: 0px; line-height: 50px;}
.slogan .small {font-size: 20px;}
.islove {position: relative; text-align: center; font-size: 32px; background-color: #ccc; padding: 15vw 20px; color: black; background: url('../i/love.jpg') no-repeat center center; background-size: cover;}
.islove .small {font-size: 20px; margin-top: 40px;}
.islove:before {display: block; content: ''; background-color: black; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.5; z-index: 1;}
.islove .content {margin: 0px auto; max-width: 600px; position: relative; z-index: 2; padding: 50px;}
.islove .content:before {display: block; content: ''; background-color: white; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.8; z-index: 3;}
.islove .content p{position: relative; z-index: 4;}


.services {}
.services .item {margin-bottom: 100px;}
.services .item .img {display: inline-block; vertical-align: top; width: 40%;}
.services .item.right .img {float: right;}
.services .item .img img{width: 100%; height: auto; border-radius: 5px;}
.services .item .content {padding: 50px; max-width: 1000px; display: inline-block; vertical-align: top; width: 59%; padding-right: 0px; padding-top: 0px;}
.services .item .content .cap {font-size: 24px; margin-bottom: 20px; display: inline-block;}
.services .item.right .content {padding-right: 50px; padding-left: 0px;}

ul li {list-style: none; margin-bottom: 20px;}

.name {margin-top: 50px; margin-bottom: 50px; position: relative; text-align: center;}
.name:after {content: ''; display: block; height: 3px; width: 100%; background: url("../i/bg_off.png"); position: absolute; left: 0px; top: 33px; z-index: 1;}
.name h2 {display: inline-block; background-color: rgb(47, 56, 67); padding-left: 20px; padding-right: 20px; position: relative; z-index: 2;}

.projects .list .item{display: inline-block; vertical-align: top; width: calc((100% - 150px) / 4); outline: 1px solid #ccc; margin-right: 50px; margin-bottom: 50px; min-height: 350px; color: white; border-radius: 5px;}
.projects .list .item:nth-child(4n) {margin-right: 0px;}
.projects .list .item img {max-width: 100%; height: auto; width: 100%; border-radius: 5px 5px 0px 0px;}
.projects .list .item span {padding: 20px; display: inline-block;}
.projects .list .item:hover {color: #1ca9bd; outline-color: #1ca9bd;}

.about {text-align: center; padding-bottom: 50px;}
.about .text {font-size: 16px; line-height: 30px; background-color: #252c34; border-bottom: 3px solid #1ca9bd; display: inline-block; vertical-align: top; padding: 20px; width: 450px; text-align: left; position: relative;}
.about .text::before {position: absolute; display: block; content: ""; top: 44%; right: -17px; width: 35px; height: 35px; background-color: #252c34; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: none; border-bottom: 0; z-index: 1;}
.about .image {display: inline-block; vertical-align: top; margin-left: 50px; width: calc(100% - 500px); max-width: 724px;}
.about .image img {max-width: 100%; height: auto;}

.dott {border-bottom: 2px dotted;}



@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2); opacity: 0;}}
.whatsapp-button {position: fixed; right: 0px; bottom: 190px; transform: translate(-50%, -50%); background: #25D366; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; border-radius: 50%; width: 55px; height: 55px; color: #fff; text-align: center; line-height: 53px; font-size: 35px; z-index: 99; background-image: url(../i/whatsapp.png); background-position: center; background-repeat: no-repeat;}
i.fa {text-decoration: none !important;}
.whatsapp-button::before, .whatsapp-button::after {content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25D366; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; animation-delay: 0s; opacity: 0; backface-visibility: hidden;}
.whatsapp-button::after {animation-delay: .5s;}

.navi {font-size: 12px; color: #87919F; margin-top: 20px; margin-bottom: 5px;}
.pageName {font-size: 28px; margin-bottom: 50px; margin-top: 0px; position: relative; line-height: 38px;}
.pageName span {background-color: #2f3843; position: relative; display: inline-block; z-index: 2; padding-right: 10px;}
.pageName:after {content: ''; display: block; height: 3px; width: 100%; background: url("../i/bg_off.png"); position: absolute; left: 0px; top: 21px; z-index: 1;}

.sendCall {text-align: center; padding-bottom: 50px; padding-top: 50px;}

p.big {font-size: 24px;}
.brands {text-align: center; margin-bottom: 50px;}
.brands img {display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: 10px; max-width: 290px;}

.properties {font-size: 24px; background-color: #324860; padding: 50px 0px; margin: 0px auto; text-align: center; margin-top: 50px; margin-bottom: 50px; border-radius: 5px;}
.properties .list {padding-top: 20px;}
.properties .item {font-size: 22px; display: inline-block; vertical-align: top; margin-left: 20px; margin-right: 20px; margin-bottom: 40px;}
.properties .item img {border-radius: 5px;}

.wrapper.content li {position: relative;}
.wrapper.content li:after {content: '—'; display: block; position: absolute; left: -20px; top: -1px;}

.project {text-align: center;}
.project img {max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 5px;}

.responses {padding-bottom: 50px;}
.responses .item {display: inline-block; vertical-align: top; width: 33%;}
.responses .item img {max-width: 100%; height: auto;}

.sendCallFooter {float: right;}
.sendCallFooter .bigA {padding: 9px 20px; font-size: 15px;}

#not-found h2{font-size: 150px; margin: 0px;}
.not-found {padding-top: 21vh; padding-bottom: 21vh;}

.mrt40 {padding-top: 40px;}

.tablecss {position: relative;}
.tablecss.mra {margin: 0px auto;}
.tablecss th {color: #19e2e3; border-top: 2px solid #636b75; border-bottom: 1px solid #636b75; background-color: #252C34;}
.tablecss td {border-bottom: 1px solid #636b75; padding: 10px;}
.tablecss tr:hover td {background-color: #1a1e24;}
.tablecss thead {position: sticky; top: 86px;}


#fzoz {background-color: white; padding-top: 15px; padding-bottom: 15px; width: 100%;}
#fzoz h2 {color: black;}

#setEndDate {font-size: 26px;}
.is-remove {color: red;}
.is-remove:hover {color: black;}

.bigp {font-size: 24px;}

@media all and (max-width: 1800px) {

}

@media all and (max-width: 1700px) {

}

@media all and (max-width: 1600px) {

}

@media all and (max-width: 1500px) {

}

@media all and (max-width: 1400px) {

}

@media all and (max-width: 1300px) {
    .textabout img {max-width: 50vw; height: auto;}
}

@media all and (max-width: 1200px) {

}

@media all and (max-width: 1100px) {

}

@media all and (max-width: 1000px) {
    header .logo {margin-right: 20px;}
    .slider-main .item {padding: 50px 100px;}
    .about .text {width: 50%;}
    .about .image{width: calc(50% - 25px); margin-left: 25px;}
    #fzoz {width: 80vw;}
}

@media all and (max-width: 930px) {
    .form2 {width: 100%;}
}

@media all and (max-width: 900px) {
    header .menu {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background-color: #252C34; float: none !important; overflow-y: auto; padding: 20px;}
    header .social {display: none;}
    header .menu .item {display: block;}
    header .menu .submenu {position: relative; left: 50px; top: auto; display: block !important; text-align: left; border: none;}
    header .menu .item a {font-weight: bold; padding: 0 12px; border: 0px; margin-bottom: 10px; display: inline-block;}
    header .menu .submenu li a {font-weight: normal; padding: 0px; width: auto; text-align: left; border: 0px; margin-bottom: 10px;}
    header .menu .item a:hover {background-color: transparent; border: 0px;}
    header .menu .submenu li a:hover {background-color: transparent; border: 0px;}
    header .mobmenu, header .menu .close, header .menu .contacts, header .menu .social {display: block;}
    .projects .list .item {width: calc((100% - 50px) / 2)}
    .projects .list .item:nth-child(2n) {margin-right: 0px;}

}

@media all and (max-width: 800px) {
    .slider-main .item {padding: 0px 40px;}
    .owl-carousel .owl-nav .owl-prev {left: 20px;}
    .owl-carousel .owl-nav .owl-next {right: 20px;}
    .services .item .img {float: none; width: 100%; margin-bottom: 20px;}
    .services .item .content {width: 100%; padding-right: 0px !important; padding-left: 0px !important;}
    .services .item {margin-bottom: 20px;}
    .about .image {margin-left: 0px; width: 100%;}
    .about .text {width: 100%; margin-bottom: 10px; border-bottom: 0px;}
    .about .text::before {display: none;}
    footer .contacts {margin-right: 10px;}
    footer .social {line-height: 50px;}
    .brands img {max-width: 220px; height: auto;}
    .textabout img {width: 100%; float: none !important; margin-bottom: 20px; max-width: 100%;}
    .responses .item {width: 49%; margin-bottom: 40px;}
    .navi {font-size: 14px;}
    html {font-size: 16px;}
	.content p{font-size: 16px;}
}

@media all and (max-width: 700px) {
    .slider-main .txt {padding: 0px 50px;}
    footer .contacts {display: block;}
    .sendCallFooter {float: none;}
    footer .social {float: none; line-height: 60px;}
    footer .social a {margin-left: 0px; margin-right: 15px;}
}

@media all and (max-width: 600px) {
    header .contacts {display: none;}
    header .menu .contacts {display: block;}
    .slogan {font-size: 25px;}
    .whatsapp-button {display: none;}
    .brands img {max-width: 180px;}
    #not-found h2 {font-size: 100px;}

}

@media all and (max-width: 500px) {
    .owl-carousel .owl-nav .owl-prev {display: none;}
    .owl-carousel .owl-nav .owl-next {display: none;}
    .slider-main .txt {padding: 0px;}
    .slider-main .item {padding: 1px 20px}
    .slider-main .item h2 {font-size: 28px;}
    .slider-main .item p {font-size: 20px;}
    .projects .list .item {width: 100%; margin-right: 0px;}
    .responses .item {width: 100%;}
    #fzoz {width: 100vw;}
    #fzoz .form input[type="submit"] {padding: 18px; text-align: center; width: 100%;}
}

@media all and (max-width: 400px) {
    .brands img {max-width: 140px;}
}