* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input {
background: #e5e5e5;
padding-left: 50px;
outline: none;
border: 1px solid #e5e5e5;  
border-radius: 6px;
position: relative;
}
body {
background-color: #fff;
font-family: "Roboto", sans-serif;  
position: relative;
}
i {
color: #9e935d;
}
h1 {
font-size: 70px;
font-weight: 400;
line-height: 76px;
margin: 0 0 35px;
}
@media (max-width: 767px) {
h1 {
font-size:50px;
line-height: 57px;
margin-bottom: 20px
}
}
@media (max-width: 479px) {
h1 {
font-size:38px;
line-height: 44px
}
}
h2 {
color: #181818;
font-size: 40px;
font-weight: 400;
line-height: 46px;
margin: 0 0 35px;
padding: 0;
}
@media (max-width: 1365px) {
h2 {
text-align:center
}
}
@media (max-width: 767px) {
h2 {
font-size:28px;
line-height: 32px
}
}
@media (max-width: 479px) {
h2 {
font-size:28px;
line-height: 32px
}
}
li, ul {
list-style: none;
}
._page {
margin-top: 50px;
margin-bottom: 50px;
}
._page p {
margin-bottom: 30px;
font-size: 18px;
line-height: 24px;
}
.btn {
background: linear-gradient(85.77deg,#6b6440,#9e935d);
color: #e5e5e5;
display: inline-block;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 20px 50px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
cursor: pointer;
outline: none;
border: none;
text-decoration: none;
}
.d-flex {
display: flex;
}
.container-flex {
align-items: flex-start;
-webkit-flex-direction: row;        
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.container {
margin: 0 auto;
width: 1280px;
}
.page-content p {
font-weight: 300;
}
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
cursor: pointer;
background-color: #9e935d;
color: white;
border: none; padding: 10px;
font-size: 16px;
}
#scrollToTopBtn i {
color: #fff;
}
.wp-block-image .alignright {
float: none;
text-align: right;
display: block;
}
.wp-block-image .aligncenter {
float: none;
text-align: center;
display: block;
}
.wp-block-image .alignleft {
float: none;
text-align: left;
display: block;
}
@media (max-width:1365px) {
.container {
width: 990px;
}
}
@media (max-width:1023px) {
.container {
width: 720px;
}
}
@media (max-width:767px) {
.container {
width: 450px;
}
}
@media (max-width:479px) {
.container {
padding: 0 20px;
width: 100%
}
}
@media (max-width:374px) {
.container {
padding: 0 10px;
}
} .slick-list,.slick-slider {
display: block;
position: relative
}
.slick-list {
margin: 0;
overflow: hidden;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0
}
.slick-track:after,.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto
}
.slick-arrow.slick-hidden {
display: none
}
.slick-arrow {
background: none;
border: 0;
bottom: -100px;
cursor: pointer;
left: 100px;
padding: 0;
position: absolute;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.projects .slick-arrow i {
color: #fff;
}
.slick-arrow:hover {
opacity: .9
}
.slick-arrow.slick-next {
bottom: -112px;
left: 155px
}
@media (max-width: 767px) {
.slick-arrow {
left:auto;
right: 80px
}
.slick-arrow.slick-next {
left: auto;
right: 10px
}
}
.main-screen {
position: relative;
min-height: 600px;
background-position: center center;
background-size: cover;
}
.main-screen:before {
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.main-screen:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(310.42deg, rgba(0, 0, 0, .25) 24.39%, transparent 61.02%), linear-gradient(353.59deg, rgba(0, 0, 0, .84) 4.51%, rgba(0, 0, 0, .5) 26.69%);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
z-index: 2;
}
.topnav .navbar-nav {
display: flex;
gap: 22px;
flex: 1;
margin-left: 35px;
}
.topnav .navbar-nav li a {
font-size: 18px;
color: #e5e5e5;
text-decoration: none;
transition: 3ms ease-in;
}
.topnav .navbar-nav li a:hover {
opacity: 0.7;
}
.topnav {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;    
padding-top: 50px;
z-index: 5;
}
._topnav {
justify-content: space-between;
align-items: center;
}
.topnav svg {
margin-right: 25px;
}
.topnav .brand-logo img {
width: 140px;
height: 60px;
}
.topnav .topnav-items {
gap: 30px;
font-size: 18px;
line-height: 21px;
color: #e5e5e5;
align-items: center;
width: 100%;
}
.topnav .topnav-items a {
color: #e5e5e5;
text-decoration: none;
transition: 0.1s ease-in all;
}
.topnav .topnav-items a:hover {
color: #fff;
}
.topnav .topnav-items .mail {
font-weight: 500;
}
.topnav .topnav-items .mail:hover,
.topnav .topnav-items .phone:hover {
opacity: 0.6;
}
.topnav .topnav-items .phone {
font-size: 26px;
line-height: 32px;
}
.topnav .topnav-items i {
color: #9e935d;
margin-right: 10px;
font-size: 20px;
} 
.topnav .burger,.topnav .container .topnav-items .langs .active, .topnav .topnav-close {
display: none
}
.m-content {
display: block;
padding-bottom: 160px;
padding-top: 250px;
position: relative;
z-index: 4;
color: #e5e5e5;
}
.m-content .m-content-title ul li i{
margin-right: 10px;
color: #D9A77E;
font-size: 20px;
}
.topnav .container .topnav-items .location {
display: flex;
}
@media (max-width: 1365px) {
.topnav .container .topnav-items {
flex-wrap: wrap;
}
.topnav .topnav-items a.btn {
padding: 10px 14px;
}
.topnav .container .topnav-items .mail {
margin-top: 10px;
}
.topnav .container .topnav-items .langs {
position: absolute;
right: 0;
top: 0
}
}
@media (max-width: 1024px) {
.topnav {
padding-top:30px
}
.topnav .topnav-items {
background: #9e935d;
color: #000;
display: none;
font-size: 15px;
left: 0;
line-height: 17px;
padding: 116px 35px 35px;
position: absolute;
top: 0;
width: 100%;
z-index: 100
}
.topnav .navbar-nav {
margin-left: 0;
display: flex;
flex-direction: column;
padding-bottom: 40px;
}
.topnav .navbar-nav li a {
color: #000;
text-decoration: underline;
}
.topnav .topnav-items .btn {
display: none;
}
.topnav .container .topnav-items svg path {
fill: #000
}
.topnav .container .topnav-items .location {
display: flex;
}
.topnav .container .topnav-items .phone {
color: #000;
display: block;
font-size: 20px;
}
.topnav .container .topnav-items .mail {
margin: 15px 0 10px;
display: block;
color: #000;
}
.topnav .container .topnav-items .langs {   
left: 35px;
top: 30px
}
.topnav .topnav-items .topnav-close {
display: block;
position: absolute;
right: 30px;
top: 30px;
z-index: 101;
}
.topnav .topnav-items .topnav-close  i {
font-size: 34px;
}
.topnav .burger {
cursor: pointer;
display: block
}
.topnav .burger i {
font-size: 50px;
color: #9e935d;
} 
.topnav .container .topnav-items.open {
display: block;
}
.topnav .container .topnav-items i {
color: #000;
}
}
.m-content {
color: #e5e5e5;
}
.m-content p {
font-size: 20px;
line-height: 34px;
}
.m-content p.subtitle {
font-size: 28px;
line-height: 34px;
margin-bottom: 30px;
font-weight: 300;
}
.m-content ul {
margin-bottom: 40px;
}
.m-content ul li {
align-items: center;
display: flex;
font-size: 18px;
font-weight: 400;
line-height: 32px;
margin-bottom: 10px;
}
.m-content ul li > svg {
margin-right: 7px;
}
.services {
background-color:#f3f3f3;
margin-bottom: 50px;
padding: 60px 0;
}
.services h2 {
font-weight: 400;
margin-bottom: 15px;
}
.services p {
font-weight: 300;
margin-bottom: 0;
font-size: 20px;
}
.services .container {
align-items: flex-start;
flex-direction: row;
justify-content: space-between
}
.services .container .content {
margin: 0 auto;
}
@media (max-width: 1365px) {
.services p {
width: 100%;
text-align: center;
}
}
@media (max-width: 1023px) {
.services {
margin-bottom:60px
}
.services .container {
flex-wrap: wrap;
justify-content: center
}
.services .container .content {
width: 100%;
text-align: center;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.services .container {
align-items: center;
flex-direction: column;
text-align: center
}
}
.projects {
padding-bottom: 96px;
padding-top: 60px;
width: 100%;
}
.projects h2 {
margin-bottom: 50px;
}
.pr-list {
flex-wrap: wrap;
gap: 25px;
}
.projects .project-item {
border: 1px solid transparent;
height: auto;
margin-bottom: 40px;
padding: 35px 20px;   
position: relative;
transition: all .2s ease;
width: 600px; }
.projects .project-name {
font-size: 24px;
line-height: 28px;
margin-bottom: 14px;
}
.projects .project-sq {
margin-bottom: 13px;
}
.projects .project-item:hover {
border-color: #9e935d;
}
.projects  .slick-arrow {
width: 27px rgb(5, 5, 4)rgb(5, 5, 4);
}
.projects .project-img {
margin-bottom: 25px;
position: relative;
}
.projects .project-img .slick-arrow.slick-prev {
bottom: 20px;
left: 0;
z-index: 10;
margin-left: auto;
right: 46px;
width: 35px;
padding: 7px 11px;
background-color:#9e935d;
color: #fff;
margin-right: 5px;
}
.projects .project-img .slick-arrow.slick-next {
background-color:#9e935d;
bottom: 20px;
left: auto;
right: 10px;
width: 35px;
color: #fff;
padding: 7px 11px;
}
.projects .project-img .slick-arrow:hover svg path {
fill: #9e935d
}
ul.slick-dots {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
line-height: 1;
position: absolute;
width: 100%
}
ul.slick-dots li {
margin: 0 7px
}
ul.slick-dots li button {
background: #c4c4c4;
border: 0;
border-radius: 50%;
height: 6px;
line-height: 1;
overflow: hidden;
padding: 0;
text-indent: -1000px;
width: 6px
}
ul.slick-dots li.slick-active button {
background: #9e935d
}
.project-img a > img {
height: auto;
height: 341px;
max-width: 100%; width: 100%;
object-fit: cover;
display: block;
margin: 0 auto;
}
.projects .project-img ul.slick-dots {  
align-items: center;
bottom: 0;
display: flex;
-webkit-justify-content: center;
justify-content: center;
left: 0;
line-height: 1;
position: absolute;
width: 100%;
}
@media (max-width: 1365px) {
.projects {
padding-bottom:50px
}
.projects .title-series {
text-align: center
}
.projects .project-list {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.projects .project-list:after {
display: none
}
.projects .project-item {
margin: 0 20px 40px
}
.projects .project-popup {
width: 840px
}
.projects .project-popup-3,.projects .project-popup-5 {
left: -.5px
}
.projects .project-popup-2,.projects .project-popup-4,.projects .project-popup-6 {
left: -441px
}
.projects .pp-row .pp-col {
width: 100%
}
}
@media (max-width: 1023px) {
.projects .project-popup {
width:-webkit-calc(100% + 1px);
width: calc(100% + 1px)
}
.projects .project-popup-2,.projects .project-popup-3,.projects .project-popup-4,.projects .project-popup-5,.projects .project-popup-6 {
left: 0
}
.pr-list {
justify-content: center;
}
}
@media (max-width: 767px) {
.projects {
display:block;
padding-bottom: 20px
}
.projects h2 {
margin-bottom: 40px
}
.projects .project-list {
display: block
}
.projects .project-popup {
position: relative;
top: 0
}
.projects .project-item {
margin: 0 0 30px;
width: 100%
}
.projects .project-item.active {
border-bottom: 1px solid #d9a77e
}
.projects .project-item.active .project-popup {
border: 0;
padding: 30px 0;
position: relative;
top: 0
}
.projects .novelty {
right: 0;
top: 25px
}
.projects .project-item.not-active {
opacity: 1
}
.projects .project-popup {
top: -webkit-calc(100% - 2px);
top: calc(100% - 2px)
}
.projects .project-popup .pp-close {
right: 0
}
.projects .pp-name {
font-size: 24px;
line-height: 1.2
}
.projects .pp-row .pp-col {
padding-right: 0
}
.projects .pp-char>div {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width: 479px) {
.projects .project-item {
height:auto
}
.projects .project-links {
padding: 20px 0;
position: relative
}
.projects .btn-link {
padding: 15px 25px
}
}
.advantages {
padding-bottom: 60px;
margin-top: 50px;
}
.advantages .container {
display: block
}
.advantages .container>p {
font-size: 22px;
font-weight: 300;
line-height: 25px;
padding-bottom: 69px;
text-align: center;
}
.advantages h2 {
margin-bottom: 20px;
text-align: center;
}
.advantages .advantages-list {
-webkit-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between
}
.advantages .advantages-list .a-item {
border: 1px solid transparent;
height: 360px;
padding: 65px 30px 0;
position: relative;
-webkit-transition: all .4s;
transition: all .4s;
width: 320px
}  .advantages .advantages-list .a-item:hover p {
position: relative;
z-index: 11
}
.advantages .advantages-list .a-item:hover:after {
opacity: 0;
-webkit-transition: all .4s;
transition: all .4s
}
.advantages .advantages-list .a-item p:nth-child(2) {
font-size: 22px;
font-weight: 500;
line-height: 25px;
margin-bottom: 25px;
min-height: 50px;
text-align: center;
}
.advantages .advantages-list .a-item p:last-child {
font-size: 15px;
font-weight: 300;
line-height: 24px
}
.advantages .advantages-list .a-item .a-pic {
height: 49px;
margin-bottom: 25px;
text-align: center;
}
.advantages .advantages-list .a-item i {
font-size: 44px;
color: #9e935d;
}
@media (max-width: 1365px) {
.advantages .container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.advantages .container>p {
max-width: 595px;
text-align: center
}
.advantages h2 {
max-width: 600px
}
.advantages .advantages-list {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
}
@media (max-width: 767px) {
.advantages .container>p {
font-size:18px;
line-height: 21px;
max-width: unset
}
.advantages .advantages-list {
align-items: center;
flex-direction: column
}
.advantages .advantages-list .a-item:after {
display: none
}
}
.manufacture-top {
padding: 80px 0 106px;
position: relative;
width: 100%
}
.manufacture-top .container {
display: block;
position: relative;
z-index: 10
}
.manufacture-top .mt-row {
display: flex;
justify-content: space-between;
width: 100%
}
.manufacture-top .mt-text {
width: 100%;
}
.manufacture-top .mt-pic {
height: 380px;
width: 550px
}
.manufacture-top .mt-pic img {
display: block;
width: 100%;
height: 100%;
}
@media (max-width: 1365px) {
.manufacture-top .mt-row {
align-items: center;
-webkit-flex-direction: column;
flex-direction: column
}
.manufacture-top .mt-text {
-webkit-box-ordinal-group: 3;
margin-top: 50px;
-webkit-order: 2;
order: 2;
text-align: center
}
}
@media (max-width: 1023px) {
.manufacture-top {
padding:90px 0
}
.manufacture-top .benefit-slider .slick-arrow {
display: none !important;
}
}
@media (max-width: 767px) {
.manufacture-top .mt-pic {
height: 310px;
width: 100%
}
.manufacture-top .mt-text {
width: 100%
}
} .manufacture-top .benefit-slider h1,
.manufacture-top .benefit-slider h2, 
.manufacture-top .benefit-slider h3,
.manufacture-top .benefit-slider strong {
font-weight: 400;
}
.manufacture-top .benefit-slider p {
margin-bottom: 10px;
}
.manufacture-top .benefit-slider p:first-child  {
color: #181818;
font-size: 22px;
font-weight: 500;
line-height: 25px;
}
.manufacture-top .benefit-slider .slick-arrow.slick-prev {
left: -55px;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
margin-left: auto;
width: 35px;
padding: 7px 11px;
color: #9e935d;
margin-right: 5px;
font-size: 35px;
}
.manufacture-top .benefit-slider .slick-arrow.slick-next {
top: 50%;
transform: translate(-50%, -50%);
left: auto;
right: -55px;
width: 35px;
color: #9e935d;
padding: 7px 11px;
font-size: 35px;
}
.manufacture-top .slick-dots {
margin-bottom: -44px;
}
.contact-page .cfr {
display: flex;
gap: 32px;
}
.contact-page .cfr .cfr-item {
padding: 30px;
background-color: #f3f3f3;
width: 376px;
margin-bottom: 20px;
}
.contact-page .cfr .cfr-item i {
margin-right: 10px;
font-size: 22px;
}
.contact-page .cfr .cfr-item span {
font-size: 20px;
}
.contacts {
background-color: #f3f3f3;
}
.contacts .contacts-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 22px;
}
.contacts .contact-label {
color: #181818;
font-size: 25px;
font-weight: 600;
line-height: 29px;
}
.contacts-wrapper .contact-item a {
font-size: 20px;
line-height: 21px;
transition: 0.3ms ease-in all;
}
.contacts-wrapper .contact-item a.phone {
font-size: 25px;
margin-top: 15px;
}
.contacts-wrapper .contact-item a.phone:hover {
text-decoration: none;
}
.contacts-wrapper .contact-item a:hover {
opacity: 0.7;
}
.contacts-wrapper .contact-item a.instagram {
font-size: 32px;
color: #9e935d;
}
.contacts-wrapper .footer-links {
gap: 10px;
font-size: 11px;
padding-top: 20px;
}
.footer {
color: #303030;
font-family: Open Sans,sans-serif;
font-size: 14px;
line-height: 19px;
padding: 40px 0;
width: 100%
}
.footer a {
color: #303030;
text-decoration: none
}
.footer a:hover {
text-decoration: underline
}
.footer .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-box-pack: justify;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between
}
.footer .copyright a {
display: inline-block;
margin-left: 15px
}
.footer .gim {
-webkit-box-align: center;
-webkit-box-pack: end;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.footer .gim svg {
height: 20px;
margin-right: 11px;
min-width: 20px;
width: 20px
}
@media (max-width: 1023px) {
.footer .container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.contact-page .cfr {
flex-direction: column;
align-items: center;
}
.contact-page .cfr .cfr-item {
width: 100%;
}
.footer .copyright a {
display: block;
margin: 20px 0
}
}
.back-to {
display: inline-block;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
-webkit-transition: all .3s;
transition: all .3s;
color: #181818;
text-decoration: none;
}
.back-to:hover {
text-decoration: underline;
-webkit-transition: all .3s;
transition: all .3s
}
.back-to svg {
margin-right: 10px;
vertical-align: middle
}
.single-post {
height: 600px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
margin-bottom: 10px;
}
.single-post:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(331deg, rgba(0, 0, 0, .25) 24.39%, transparent 61.02%), linear-gradient(353.59deg, rgba(0, 0, 0, .84) 4.51%, rgb(0 0 0 / 18%) 26.69%);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
z-index: 2;
}
.single-post .back-to {
color: #e5e5e5;
}
.project-configurations {
background-color: #f3f3f3;
padding: 65px 0 80px
}
.project-configurations .pr-details-wrapper {
gap: 32px;
}
.project-configurations .pr-details {
width: 100%;
}
.project-configurations .tabs,.project-configurations h2 {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.project-configurations .tabs {
margin-bottom: 28px
}
.project-configurations .tabs .single-tab {
background-color: #e3e3e3;
display: inline-block;
font-size: 15px;
margin-right: 10px;
padding: 10px 15px;
position: relative;
text-align: center;
-webkit-transition: all .1s;
transition: all .1s
}
.project-configurations .tabs .single-tab[data-href=".single-configuration-1"] {
display: none!important
}
.project-configurations .tabs .single-tab:last-child {
margin-right: 0
}
.project-configurations .tabs .single-tab:before {
content: attr(title);
display: block;
font-weight: 700;
height: 0;
overflow: hidden;
visibility: hidden
}
.project-configurations .tabs .single-tab:hover {
background-color: #9e935d;
-webkit-transition: all .3s;
transition: all .3s
}
.project-configurations .tabs .single-tab.active {
background-color: #9e935d;
font-weight: 600;
-webkit-transition: all .1s;
transition: all .1s
}
.project-configurations .tabs .single-tab .tab-item-cover {
bottom: 0;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100
}
.project-configurations .tabs svg {
display: none
}
.project-configurations .tabs .mob-cover {
display: none;
height: 46px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100
}
.project-configurations .list-configurations .title-config {
font-size: 18px;
font-weight: 500;
line-height: 21px;
margin-bottom: 20px
}
.project-configurations .list-configurations .single-configuration {
height: 0;
visibility: hidden
}
.project-configurations .list-configurations .single-configuration.active {
height: auto;
visibility: visible
}
.project-configurations .list-configurations .single-configuration .price-config {
font-size: 27px;
font-weight: 600;
margin-bottom: 20px;
background-color: #33363d;
color: #fff;
padding: 5px;
width: max-content;
}
.project-configurations .list-configurations .single-configuration .pp-row {
-webkit-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between
}
.project-configurations .list-configurations .single-configuration .pp-row .pp-col {
margin-bottom: 30px;
width: 100%;
}
.project-configurations .list-configurations .single-configuration .pp-row .pp-col .btn-link {
margin-top: 20px
}
.project-configurations .list-configurations .single-configuration .pp-row .pp-col p {
color: #181818;
font-size: 16px;
line-height: 18px;
margin-bottom: 20px;
font-weight: 300;
}
.project-configurations .list-configurations .single-configuration .pp-col ul li {
display: flex;
font-size: 15px;
font-weight: 300;
line-height: 1.4;
margin-bottom: 10px
}
.project-configurations .list-configurations .single-configuration .pp-col ul li:before {
background: #9e935d;
border-radius: 50%;
content: "";
display: block;
height: 6px;
margin-right: 10px;
margin-top: 8px;
min-width: 6px;
width: 6px
}
.project-configurations .list-configurations .single-configuration .pp-char {
margin-bottom: 23px;
}
.project-configurations .list-configurations .single-configuration .pp-char>div {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 15px;
font-weight: 300;
line-height: 24px
}
.project-configurations .list-configurations .single-configuration .pp-char strong {
font-weight: 400;
padding-right: 10px
}
.project-configurations .list-configurations .single-configuration .pp-char>div svg {
height: auto;
margin-right: 15px;
min-width: 15px;
width: 15px
}
@media (max-width: 1365px) {
.project-configurations .top-row {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
.project-configurations h2 {
text-align: left;
width: 100%
}
.project-configurations .tabs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%
}
}
@media (max-width: 1023px) {
.project-configurations .list-configurations .single-configuration .pp-row .pp-col {
padding-right:0;
width: 100%;
margin-bottom: 0;
}
.project-configurations .pr-details-wrapper {
flex-wrap: wrap;
}
.project-configurations .list-configurations .single-configuration .pp-char {
padding: 10px 14px
}
}
@media (max-width: 767px) {
.project-configurations .top-row {
position: relative
}
.project-configurations h2 {
margin-bottom: 30px
}
.project-configurations .tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: start;
-webkit-box-pack: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 46px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
left: 0;
margin-bottom: 0;
position: absolute;
top: 64px
}
.project-configurations .tabs.active {
height: auto;
padding: 46px 0 0!important
}
.project-configurations .tabs.active .single-tab {
display: block
}
.project-configurations .tabs.active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .2s;
transition: all .2s
}
.project-configurations .tabs .single-tab {
display: none;
line-height: 20px;
padding: 13px 20px;
text-align: left;
width: 100%
}
.project-configurations .tabs .single-tab.active {
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20
}
.project-configurations .tabs .single-tab .tab-item-cover {
display: block
}
.project-configurations .tabs svg {
display: block;
position: absolute;
right: 20px;
top: 16px;
-webkit-transition: all .2s;
transition: all .2s;
z-index: 21
}
.project-configurations .tabs .mob-cover {
display: block
}
.project-configurations .list-configurations .single-configuration .price-config {
font-size: 24px
}
.project-configurations .list-configurations .single-configuration .pp-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap
}
.project-configurations .list-configurations .single-configuration .pp-row .pp-col {
width: 100%
}
}
.gallery-block {
padding: 74px 0 80px;
}
.gallery_ {
align-items: flex-start;
display: flex;
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.contact-form h2 {
margin-bottom: 24px;
}
.contact-form p {
font-size: 36px;
font-weight: 300;
line-height: 40px;
margin-bottom: 60px
}
.contact-form .container {
display: block
}
.contact-form .help-wrapper {
background: #fafafa;
padding: 80px 90px;
text-align: center;
}
.contact-form .inputs {
display: flex;
flex-direction: column;
align-items: center;
gap:20px
}
.contact-form .inputs input {
width: 441px;
height: 58px;;
background-color: #fff;
}
.contact-form .input-text-area {
background: #fff;
outline: none;
border: 1px solid #e5e5e5;
border-radius: 6px;
width: 441px;
padding: 10px;
}
.contact-form .inputs .input-wrapp.country-code input {
width: 341px;
height: 58px;
}
.contact-form .inputs .input-wrapp {
position: relative;
align-items: center;
display: flex;
}
.wpcf7-spinner {
display: none !important;
}
.contact-form .inputs p {
margin-bottom: 0;
}
.contact-form .inputs .input-wrapp .code p {
background-color: rgba(0, 0, 0, .05);
padding: 10px 15px;
height: 58px;
display: flex;
align-items: center;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
font-weight: 400;
margin: 0;
}
.contact-form .inputs .input-wrapp .code .flag {
width: 25px;
height: 25px;
background: #000;
margin-right: 5px;
background-image: url(//continy.es/wp-content/themes/continy/assets/images/spain.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.contact-form .inputs .input-wrapp .code img {
width: 20px;
height: 16px;
margin-right: 8px;
}
.contact-form .inputs .input-wrapp p > i {
position: absolute;
top: 22px;
left: 22px;    
color: #9e935d;
z-index: 5;
font-size: 16px;
}
.contact-form .inputs .input-wrapp .code p {
font-size: 16px;
}
.contact-form .input-wrapp .wpcf7-not-valid-tip {
font-size: 14px;
color: #e25d5d;
text-align: left;
padding-left: 5px;
}
.wpcf7 form .wpcf7-response-output {
border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #1a8524;
}
@media (max-width: 1365px) {
.contact-form .help-wrapper {
margin:0 auto;
padding: 80px 75px;
width: 659px
}
.contact-form p {
margin-bottom: 20px;
text-align: center
}
.contact-form .inputs {
align-items: center;
flex-direction: column
}
.contact-form .inputs .input-wrapp {
width: 100%;
}
.contact-form .inputs .btn,.contact-form .inputs .iti,.contact-form .inputs .input-wrapp input {
margin-top: 20px;
max-width: unset;
width: 100%;
}
.contact-form .input-text-area {
width: 100%;
}
.contact-form .inputs p,    
.contact-form .inputs .input-wrapp.country-code input {
width: 100%;
}
.contact-form .inputs .input-wrapp p > i {
top: 41px;
}
}
@media (max-width: 767px) {
.contact-form .help-wrapper {
padding:70px 25px;
width: 100%
}
.contact-form p {
font-size: 18px;
line-height: 21px
}
}
@media (max-width: 479px) {
.contact-form .inputs .btn,.contact-form .inputs .iti,.contact-form .inputs .input-wrapp input {
max-width:unset;
width: 100%
}
.contact-form .inputs .btn {
padding-left: 10px;
padding-right: 10px
}
}
.hero {
max-width: 100%;
height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
margin-top: 70px;
}
.hero:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(131deg, rgba(0, 0, 0, .25) 24.39%, transparent 61.02%), linear-gradient(353.59deg, rgba(0, 0, 0, .84) 4.51%, rgb(0 0 0 / 18%) 26.69%);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
z-index: 2;
}
@media (max-width: 1365px) {
.hero {
height: 600px;
}
}
@media (max-width: 767px) {
.hero {
height: 400px;        
}
}
@media (max-width: 479px) {
.hero {
height: 300px;
}
}