.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
html {
height: 100%;
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body {
min-height: 100%;
background-color: #F5F5F5;
min-width: 320px;
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;
font-family: "Century Gothic", sans-serif;
color: #1e1e1e;
}
button,
a{
cursor: pointer;
text-decoration: none;
}
p,
h2,
h1,
h3{
margin: 0;
}
li{
list-style: none;
}
ul{
margin: 0;
padding: 0;
}
img{
width: 100%;
height: 100%;
}
.list-item-review--flex{
gap: 10px;
}
.header_list-item-link .header_list-item-bread {
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 14px !important;
line-height: 16px;
color: #fff;
}
.header_list-item--margin{
margin-right: 5px;
}
.main-section{
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/image.png);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
border-radius: 25px;
position: relative;
padding-bottom: 140px;
height: 500px;
}
.main-section_h1{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 42px;
line-height: 75px;
color: #fff;
text-transform: uppercase;
padding-top: 55px;
padding-left: 38px;
}
.main-section_p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 30px;
line-height: 37px;
color: #fff;
width: 729px;
padding-left: 38px;
margin-top: 30px;
margin-bottom: 120px;
}
.main-section_button{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 37px;
color: #fff;
background-color: #9a8265;
padding: 25px 0 25px;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 60px;
position: absolute;
bottom: 0;
width: 100%;
min-width: 578px;
display: flex;
justify-content: center;
}
.section-img{
margin-top: 89px;
margin-bottom: 90px;
}
.section-img_list{
display: flex;
justify-content: center;
gap: 144px;
}
#swiper-button-next1-review,
#swiper-button-prev1-review{
display: none;
}
.section-img_list-item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.section-img_list-item-h3{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #9a8265;
text-align: center;
display: flex;
margin-top: 20px;
}
.section-description_list{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 87px;
}
.section-description_list-item-h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 75px;
color: #1e1e1e;
margin-bottom: 25px;
}
.section-description_list-item-p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #1e1e1e;
margin-bottom: 25px;
}
.section-description_list-item-button{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 37px;
color: #fff;
background-color: #9a8265;
padding: 25px 45px 25px;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 60px;
display: inline-block;
margin: 0 auto;
}
.section-description_list-item-h3{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 37px;
color: #1e1e1e;
margin-bottom: 20px;
}
.section-description_list-item1{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #1e1e1e;
}
.section-description_list-item1:nth-child(1){
margin-bottom: 20px;
}
.section-description_list-item1:nth-child(2){
margin-bottom: 20px;
}
.section-description_list-item1-span{
font-family: "Century Gothic", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 23px;
color: #1e1e1e;
}
.section-review{
margin-bottom: 80px;
margin-top: 150px;
}
.section-review_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 56px;
color: #1f1f1f;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.swiper-wrapper_container{
position: relative;
}
#swiper-button-prev1{
width: 48px;
height: 48px;
border-radius: 60px;
background-color: rgba(30, 30, 30, 0.4);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
--swiper-navigation-size: 25px;
left: 30px;
}
#swiper-button-next1{
width: 48px;
height: 48px;
border-radius: 60px;
background-color: rgba(30, 30, 30, 0.4);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
--swiper-navigation-size: 25px;
}
#pagination{
top: 510px;
}
#pagination span{
width: 20px;
height: 20px;
background-color: rgba(154, 130, 101, 1);
}
.swiper-slide-h3{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #1e1e1e;
}
.swiper-slide-list1{
display: flex;
gap: 24px;
}
.swiper-slide-p{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 23px;
color: #000;
margin-bottom: 15px;
}
.section-aplication_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 56px;
color: #1f1f1f;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.section-aplication_p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #1e1e1e;
width: 855px;
display: flex;
justify-content: center;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
}
.section-aplication_list{
display: flex;
gap: 27px;
justify-content: space-between;
margin-bottom: 66px;
position: relative;
height: 300px;
}
.section-aplication_list-item:nth-child(1){
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/Frame\ 22.png);
background-repeat: no-repeat;
background-size: cover;
width: 25%;
height: 224px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-aplication_list-item:nth-child(2){
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/Frame\ 23.png);
background-repeat: no-repeat;
background-size: cover;
width: 25%;
height: 224px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-aplication_list-item:nth-child(3){
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/Frame\ 24.png);
background-repeat: no-repeat;
background-size: cover;
width: 25%;
height: 224px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-aplication_list-item:nth-child(4){
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/Frame\ 24.png);
background-repeat: no-repeat;
background-size: cover;
width: 25%;
height: 224px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-aplication_list-item-h3{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 37px;
color: #fff;
text-align: center;
}
.section-aplication_list-item-h3--margin{
margin-bottom: 10px;
}
.section-aplication_list-item-p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #fff;
text-align: center;
}
.section-order_list{
display: grid;
grid-template-columns:  1fr 1fr 1fr;
justify-content: space-between;
gap: 40px;
margin-bottom: 80px;
}
.section-order_list-item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 145px;
background-color: #fff;
border-radius: 15px;
position: relative;
}
.section-order_list-item:nth-child(1) svg{
position: absolute;
top: 110%;
}
.section-order_list-item:nth-child(2) svg{
position: absolute;
left: 102%;
}
.section-order_list-item:nth-child(3) svg{
position: absolute;
top: 110%;
}
.section-order_list-item:nth-child(4) svg{
position: absolute;
left: 102%;
}
.section-order_list-item:nth-child(5) svg{
position: absolute;
bottom: 110%;
}
.section-order_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 56px;
color: #1f1f1f;
text-transform: uppercase;
text-align: center;
margin-bottom: 60px;
}
.section-order_h3{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 37px;
color: #1f1f1f;
}
.section-order_p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #9a8265;
width: 300px;
margin: 0 auto;
text-align: center;
margin-top: 10px;
}
.section-feedback{
padding: 56px 51px 23px;
background-image:
url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages\ 1.png),
url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/кровля\ 1.png);
background-repeat: no-repeat;
background-size: cover, 50%;
text-align: end;
border-radius: 12px;
margin-bottom: 150px;
display: flex;
justify-content: end;
}
.section-feedback_div{
display: flex;
flex-direction: column;
align-items: end;
width: 40%;
}
.section-feedback_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 44px;
line-height: 64px;
color: #1f1f1f;
width: 783px;
margin-bottom: 30px;
}
.section-feedback_p{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 23px;
color: #1f1f1f;
margin-bottom: 30px;
width: 619px;
}
.section-feedback_input{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
#section-feedback_input{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
input[name='text-538']{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
input[name='email-461']{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
input[name='tel-239']{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
.section-feedback_button{
background-color: #9a8265;
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #fff;
padding: 15px 0 15px;
box-sizing: border-box;
border: 0;
border-radius: 60px;
margin-bottom: 16px;
width: 562px;
}
.section-feedback_paragraph{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 17px;
color: #1f1f1f;
}
.footer_list{
display: flex;
justify-content: space-between;
margin: 0 auto;
width: 80%;
margin-top: 100px;
margin-bottom: 150px;
align-items: center;
}
.footer_list-item{
text-align: center;
}
.footer_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 37px;
color: #9a8265;
text-transform: uppercase;
text-align: center;
}
.footer_list-item-h3{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #9a8265;
margin-bottom: 10px;
}
.footer_list-item-link{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #9a8265;
}
.footer_list-item-button{
font-family: "Century Gothic", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 24px;
background-color: #9a8265;
text-transform: uppercase;
color: #fff;
padding: 10px 50px 10px;
box-sizing: border-box;
border-radius: 60px;
border: 0;
}
.modal_h2{
font-family: "Century Gothic", sans-serif;
font-weight: 600;
font-size: 64px;
line-height: 64px;
text-transform: uppercase;
color: #fff;
}
.modal_p{
font-family: "Century Gothic", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
color: #fff;
}
.body{
padding: 20px 8% 100px;
}
.header_list{
display: flex;
padding: 28px 46px 0;
color: #fff;
}
.header{
margin-bottom: 18px;
}
.swiper--margin{
margin-top: 120px;
margin-bottom: 90px;
}
.list-review{
display: flex;
gap: 24px;
border-radius: 8px;
padding: 25px 17px 25px;
gap: 24px;
}
.list-item-review{
background-color: #fff;
border-radius: 8px;
padding: 25px 17px 25px;
box-sizing: border-box;
}
.list-item-review--flex{
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 15px;
}
.swiper-slide{
margin-left: 20px;
}
.swiper-slide-list{
display: flex;
}
.section-aplication_div--width{
width: 100%;
}
.footer_list-item--img{
margin-bottom: 10px;
}
.section-modal{
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages\ 1.png);
width: 100%;
height: 618px;
background-size: cover;
border-radius: 8px;
text-align: center;
padding-top: 170px;
}
.modal_h2{
margin-bottom: 50px;
}
.main-section_button--display{
display: none;
}
#main-section_button--display{
display: none;
}
#main-section_button--display1:hover{
color:#fff;
text-decoration: none !important;
}
#main-section_button--display1:active{
color:#fff;
text-decoration: none !important;
}
#main-section_button--display1:focus{
color:#fff;
text-decoration: none !important;
}
.footer_list-item--img{
width: 50px;
height: 50px;
}
.section-order--display-desctop{
display: none;
}
.section-modal{
position: fixed; top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
background: rgba(154, 130, 101, 1); z-index: 1050;
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in; pointer-events: none; margin: 0;
padding: 20% 0 20%;
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages\ 1.png);
height: 100%;
width: 100%;
}
.close-modal{
display: none;
}
.section-aplication_list-item:hover{
padding: 5px;
position: relative;
}
.section-feedback_div-input{
display: flex;
justify-content: end;
align-items: center;
}
.section-feedback_input--checkbox{
position: absolute;
z-index: -1;
opacity: 0;
}
.section-feedback_input--checkbox+label {
display: inline-flex;
align-items: center;
user-select: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
}
.section-feedback_input--checkbox+label::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #fff;
border-radius: 0.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
border-radius: 60px;
background-color: #fff;
}
.section-feedback_input--checkbox:checked+label::before {
border-color: #a81616;
background-color: #a81616;
}
.section-feedback_input--checkbox:not(:disabled):active+label::before{
border-color: #a81616;
background-color: #a81616;
}
label{
cursor: pointer;
}
.input--color::placeholder{
color: #a81616;
}
.button-disabled{
background-color: #a81616;
}
.open-modal{
display: block;
}
.main-section_button--map{
width: 35%;
position: relative;
margin-top: 168px;
}
.section-order_list-item{
opacity: 0;
transition: 5s;
}
.type{
opacity: 1;
transition: 1s;
}
.type2{
opacity: 1;
transition: 5s;
}
.type3{
opacity: 1;
transition: 9s;
}
.type4{
opacity: 1;
transition: 13s;
}
.type5{
opacity: 1;
transition: 17s;
}
.type6{
opacity: 1;
transition: 21s;
}
.main-stone-carpet{
width: 85%;
margin: 0 auto;
}
#swiper-button-next1{
color: #fff !important;
}
#swiper-button-prev1{
color: #fff !important;
}
.main-section_button--display--mobil{
display: none;
}
#swiper-button-prev1-review{
color: #fff !important;
left: -100px;
top: 200px;
width: 48px;
height: 48px;
border-radius: 60px;
background-color: rgba(30, 30, 30, 0.4);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
--swiper-navigation-size: 25px;
left: -100px;
display: none;
}
#swiper-button-next1-review{
color: #fff !important;
right: -100px;
top: 200px;
width: 48px;
height: 48px;
border-radius: 60px;
background-color: rgba(30, 30, 30, 0.4);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
--swiper-navigation-size: 25px;
right: -100px;
display: none;
}
#pagination span {
background-color: rgba(154, 130, 101, 1) !important;
}
#main-section_button:hover{
color: #fff;
text-decoration: none !important;
}
#main-section_button:active{
color: #fff;
text-decoration: none !important;
}
#main-section_button:focus{
color: #fff;
text-decoration: none !important;
}
.section-aplication{
margin-top: 150px;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
display: none;
}
#swiper-slide--padding{
padding: 20px;
margin: 0;
box-sizing: border-box;
background-color: #fff;
height: 460px;
}
.product-price {
display: grid;
grid-template-columns: 25% 60%;
width: 60%;
gap: 10px;
}
.product-price_span{
grid-row-start: 1;
}
@media(max-width:989px){
#swiper-button-prev1-review{
display: none;
}
#swiper-button-next1-review{
display: none;
}
.body{
padding: 11px 15px 0;;
}
.section-description_list-item-kover {
width: 95%;
}
.section-description_list-item-kover-img
{
width: 95%;
align-content: center;
}
.main-section {
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/img-mobile.png);
background-size: cover;
background-repeat: no-repeat;
height: 260px;
}
.main-section_h1{
font-size: 36px;
line-height: 62px;
font-weight: 500;
padding: 0;
text-align: center;
margin: 0 auto;
padding-top: 100px;
}
.main-section_p{
padding: 0;
width: 336px;
text-align: center;
font-size: 18px;
margin: 0 auto;
margin-top: 60px;
width: 370px;
line-height: 29px;
font-weight: 400;
margin: 0 auto;
margin-top: 54px;
}
.main-section_button{
display: none;
}
.main-section_button--display{
display: block;
text-align: center;
font-family: "Century Gothic", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 23px;
color: #fff;
background-color: #9a8265;
padding: 25px 0 25px;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 60px;
margin-top: 30px;
margin-bottom: 44px;
}
.section-img_list{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}
.section-description_list{
grid-template-columns: 1fr;
gap: 60px;
}
.section-description_list-item-h2{
font-size: 32px;
line-height: 42px;
width: 380px;
}
.section-description_list-item-p{
font-size: 18px;
line-height: 26px;
}
.section-description_list-item-button{
font-size: 18px;
line-height: 23px;
padding: 25px;
}
.section-description_list-item:nth-child(4){
grid-row-start: 3;
}
.section-description_list-item-h3{
font-size: 24px;
line-height: 28px;
}
.section-description_list-item1 {
font-size: 18px;
line-height: 21px;
}
.section-review_h2 {
font-size: 32px;
line-height: 32px;
}
.swiper-slide-p{
font-size: 14px;
line-height: 16px;
}
.section-aplication_h2 {
font-size: 32px;
line-height: 32px;
}
.section-order_h2 {
font-size: 32px;
line-height: 32px;
}
img{
width: 100%;
};
.list-review{
flex-direction: column;
}
.section-aplication_p {
width: 100%;
font-size: 18px;
line-height: 26px;
}
.section-aplication_list{
flex-wrap: wrap;
}
.section-aplication_list-item:hover{
padding: 10px;
}
.section-aplication_list-item:nth-child(1){
width: 100%;
}
.section-aplication_list-item:nth-child(2){
width: 100%;
}
.section-aplication_list-item:nth-child(3){
width: 100%;
}
.section-aplication_list-item:nth-child(4){
width: 100%;
}
.section-order_list{
display: flex;
flex-wrap: wrap;
}
.section-feedback {
padding: 56px 10px 23px;
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages 1.png);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.section-feedback_h2{
font-size: 32px;
line-height: 32px;
width: 320px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
.section-feedback_p{
width: 100%;
text-align: center;
}
.section-feedback_input{
width: 100%;
max-width: 500px;
}
.section-feedback_button{
padding: 15px 80px 15px;
margin: 0 auto;
margin-bottom: 30px;
width: 346px;
}
.section-feedback_paragraph{
text-align: start;
}
.footer_list{
display: flex;
flex-direction: column;
width: 100%;
gap: 30px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 50px;
}
.footer_list-item--img{
width: 50px;
height: 50px;
}
.list-review{
flex-direction: column;
}
#pagination{
top: 210px;
}
#swiper-button-next1{
width: 40px;
height: 40px;
}
#swiper-button-prev1{
width: 40px;
height: 40px;
}
#pagination span {
width: 14px;
height: 14px;
}
.section-order--display-mobile{
display: none;
}
.section-order--display-desctop{
display: block;
}
.section-order_list-item:nth-child(2) svg{
position: absolute;
top: 110%;
left: 50%;
}
.section-order_list-item:nth-child(4) svg{
position: absolute;
top: 110%;
left: 50%;
}
.section-order_list-item:nth-child(5) svg{
position: absolute;
top: 110%;
left: 50%;
}
.section-feedback_div{
width: 100%;
}
#main-section_button{
display: none;
}
.section-order{
margin-top: 750px;
}
.section-feedback_form{
width: 346px;
margin: 0 auto;
}
.div-form{
width: 100%;
}
.main-stone-carpet{
width: 90%;
margin: 0 auto;
}
.main-section{
height: 100%;
padding-bottom: 5px;
}
.section-review {
margin-bottom: 80px;
margin-top: 50px;
}
.section-aplication {
margin-top: 0;
}
.section-description_list-item-button-div{
display: flex;
}
.swiper-backface-hidden .swiper-slide{
margin-left: 0;
}
#swiper-button-prev1{
left: 10px;
top: 45%;
}
#swiper-button-next1{
right: 10px;
top: 45%;
}
.div-form form{
display: flex;
flex-direction: column;
}
.div-form input{
width: 100%;
}
#section-feedback_button{
margin: 0;
}
.section-feedback_p{
width: 340px;
margin: 0 auto;
margin-bottom: 27px;
}
.section-aplication_list-item-p{
width: 280px;
}
.section-description_list-item-button-div a{
width: 100%;
display: flex;
justify-content: center;
}
.main-section_button--display--mobil{
display: block;
width: 100%;
margin: 0 auto;
margin-bottom: 45px;
}
.section-img{
margin-top: 30px;
}
#main-section_button--display{
display: block;
}
}
@media(min-width: 0) and (max-width: 992px) {
.main-stone-carpet{
width: 95%;
margin: 0 auto;
}
label{
display: flex;
justify-content: center;
}
.section-feedback_div-input{
justify-content: center;
}
.section-feedback{
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages 1.png);
}
}
@media(min-width: 768px) and (max-width: 1370px) {
.section-feedback{
padding: 20px;
}
.section-feedback{
background-image: url(https://ametist78.com/wp-content/themes/twentytwentyone/img/png/advantages 1.png);
margin: 0 auto;
margin-bottom: 50px;
width: 100%;
padding: 0;
}
.section-feedback_div{
width: 100%;
}
.section-feedback_h2 {
width: 100%;
text-align: center;
}
.section-feedback_p {
width: 450px;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
}
.div-form form{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 20px;
}
.div-form{
margin: 0 auto;
}
.section-feedback{
padding: 20px;
}
}
@media(min-width: 1200px) and (max-width: 1350px) {
.section-order_h3{
font-size: 25px;
line-height: 27px;
}
.section-order_p {
font-size: 14px;
line-height: 16px;
}
.section-feedback{
padding: 20px;
}
}
@media(min-width: 1180px) and (max-width: 1200px) {
.section-order_h3{
font-size: 18px;
line-height: 20px;
}
.section-order_p {
font-size: 12px;
line-height: 14px;
}
.section-feedback{
padding: 20px;
}
}
@media(min-width: 768px) and (max-width: 1180px) {
.section-order_list{
display: flex;
flex-direction: column;
}
.section-order_list-item svg{
display: none;
}
.section-order_list-item:nth-child(1) svg{
display: block;
}
.section-order_list-item:nth-child(2) .section-order--display-desctop{
display: block;
left: 49%;
top: 110%;
}
.section-order_list-item:nth-child(3) svg{
display: block;
}
.section-order_h3{
text-align: center;
padding-top: 10px;
}
.section-order_list-item:nth-child(4) .section-order--display-desctop{
display: block;
left: 49%;
top: 110%;
}
.section-order_list-item:nth-child(5) .section-order--display-desctop{
display: block;
left: 49%;
top: 110%;
}
.section-feedback{
padding: 20px;
}
}
@media(min-width: 768px) and (max-width: 1250px) {
.section-aplication_list{
display: grid;
grid-template-columns: 1fr 1fr;
}
.section-aplication_list-item:nth-child(1){
width: 100%
}
.section-aplication_list-item:nth-child(2){
width: 100%
}
.section-aplication_list-item:nth-child(3){
width: 100%
}
.section-aplication_list-item:nth-child(4){
width: 100%
}
.section-order{
margin-top: 250px;
}
.section-description_list {
display: flex;
flex-direction: column;
}
.section-img_list{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}
.section-feedback{
padding: 20px;
}
}
@media(min-width: 768px) and (max-width: 900px){
.single_add_to_cart_button{
width: 210px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
}
.input-name{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
.input-email{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
.input-telephone{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
}
#section-feedback_input{
font-family: "Century Gothic", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 23px;
color: #1f1f1f;
width: 561px;
height: 45px;
padding: 11px 30px 11px;
border-radius: 30px;
border: 0;
box-sizing: border-box;
margin-bottom: 20px;
} .summary .entry-summary {
display: grid;
grid-template-columns: 1fr;
}
.woocommerce-product-details__short-description {
grid-row-start: 4;
}
.content{
background: inherit !important;
}
.related .products{
background: inherit !important;
}
.product_title .entry-title{
font-family: 'Century Gothic', sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 43px;
text-align: left;
color: #4f4231 !important;
}