.review-layout {
display: none;
background: #000;
opacity: .7;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.review-form {
position: absolute;
top: 100px;
max-width: 500px;
z-index: 200;
display: none;
margin: 0 0 0 -250px;
background: #fff;
padding: 20px;
width: 100%;
left: 50%;
}
@media (max-width: 500px) {
.review-form {
margin: 0 0 0 -50%;
}
}
.review-form h2 {
font-size: 36px;
}
.review-form .desc {
margin: 20px 0;
}
.review-form .row-review {
margin: 0;
}
.review-form input[type=checkbox], .review-form input[type=radio] {
float: left;
max-width: 30px;
margin: 5px 0 0 0;
}
.review-form .review-close {
position: absolute;
right: 15px;
top: 0px;
color: #000;
font-size: 36px;
font-family: 'GothamPro';
}
.review-add, .review-send {
background: #FFD600;
border: 1px solid #FFD600;
color: #000;
padding: 10px; display: inline-block;
width: 100%;
text-align: center;
margin: 0 auto;
}
.review-add {
font-size: 18px;
line-height: 20px;
text-transform: none;
font-weight: 700;
font-family: 'GothamPro';
float: right;
margin: 30px 0 0 0;
width: fit-content;
padding: 10px 40px;
}
.review-send img {
display: none;
}
@media (max-width: 1200px) {
.review-add {
margin: 0;
}
}
.review-form textarea {
width: 100%;
min-height: 100px;
min-height: 100px;
padding: 10px;
font-family: GothamPro;
font-size: 18px;
font-weight: 400;
color: #0a0a0a;
border: 1px solid #000000;
}
.review-form .row-review.error input {
border: 1px solid #ff0000;
}
.review-form label {
font-size: 14px;
font-weight: 400;
width: 100%;
}
.review-form .row-review.error label, .review-form label.error {
color: red;
}
.review-form .message {
display: none;
text-align: center;
padding: 10px;
}
.review-form .message.success {
color: green;
border: 1px solid green;
}
.review-form .message.error {
color: red;
border: 1px solid red;
} #progress-wrp {
position: fixed;
border: 0;
left: 0;
width: 100%;
height: 3px;
background: #bbb;
text-align: left;
z-index: 300;
bottom: 0;
}
#progress-wrp .progress-bar {
height: 100%;
background-color: #FFD600;
width: 0;
}
#progress-wrp .status {
top: -20px;
left: 10px;
position: absolute;
display: inline-block;
color: #EEE;
font-size: 12px;
} .custom-checkbox {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-checkbox+label {
display: inline-flex;
align-items: center;
user-select: none;
}
.custom-checkbox+label::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #adb5bd;
border-radius: 0.25em;
margin-right: 0.5em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-checkbox:checked+label::before {
border-color: #ed7e07;
background-color: #ed7e07;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
} .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
border-color: #ed7e07;
} .custom-checkbox:not(:disabled):active+label::before {
background-color: #b3d7ff;
border-color: #b3d7ff;
} .custom-checkbox:focus+label::before {
box-shadow: 0 0 0 0.2rem #ed7e07;
} .custom-checkbox:focus:not(:checked)+label::before {
border-color: #ed7e07;
} .custom-checkbox:disabled+label::before {
background-color: #ed7e07;
} .clearfix {
clear: both;
} .reviews-inner {
display: block;
}
.reviews-inner .revs-item {
margin: 0 0 20px 0;
}
.reviews-inner .revs-item .text {
margin: 0 150px 0 0;
}
.reviews-inner .rev-photo {
float: right;
margin: 0 0px 20px 20px;
min-width: 120px;
min-height: 120px;
min-width: 120px;
text-align: center;
}
.reviews-inner .rev-photo img {
max-width: 120px;
}
.reviews-inner .rev-title {
padding-left: 0;
} .navigation {
grid-column-end: 4;
grid-column-start: 1;
display: flex;
justify-content: end;
margin-top: 30px;
grid-gap: 10px;
}
.navigation a, .navigation span {
font-family: Gilroy;
font-weight: 500;
color: #131210;
font-size: 18px;
border: 1px solid #BDBDBD;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease;
cursor: pointer;
}
.navigation a:nth-child(1) {
margin-right: 15px;
}
.navigation a:last-child {
margin-left: 15px;
}
.navigation .link_active {
background: #FFD600;
border: 1px solid #FFD600;
}