.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}* {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
body {
font-size:16px;
margin: 0;
line-height:1.22;
font-family: 'Mulish', sans-serif;
font-weight: 400;
}
input,select,button, input::placeholder {
font-family: 'Mulish', sans-serif;
font-weight: 400;
}
a {
text-decoration:none;
cursor:pointer;
transition:all linear .25s;
}
div,a,img,button {
outline:none;
}
ul {
list-style:none;
padding:0;
margin:0;
}
p {
margin:0;
}
.fl {
display:flex;
}
.fw {
flex-wrap:wrap;
}
.sb {
justify-content: space-between;
}
.aligncenter {
align-content: center;
align-items: center;
}
.m {
font-family: 'Montserrat', sans-serif;
}
header {
position: fixed;
transition: padding linear .25s, background linear .25s, box-shadow linear .25s;
padding: 24px 0;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.open-search {
position: relative;
}
.open-search svg {
stroke: #DBDBDB;
display: block;
transition: all linear .25s;
}
.open-search .close {
opacity: 0;
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
transition: all linear .25s;
}
.open-search:hover svg {
stroke: #96C209 !important;
}
.open-search.active svg:first-child {
opacity: 0;
}
.open-search.active svg.close {
opacity: 1;
}
.open-search {
cursor: pointer;
}
header ul {
display: flex;
margin: 0 -8px;
}
header nav > ul > li {
padding: 0 8px;
}
header nav > ul > li > a {
display: flex;
align-content: center;
align-items: center;
height: 86px;
margin: -16px 0;
border-bottom: 2px solid transparent;
color: #DBDBDB;
position: relative;
z-index: 4;
}
header .tel {
color: #fff;
display: block;
}
header .tel:hover {
color: #96C209;
}
.btn {
display: flex;
width: 255px;
height: 55px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #FFFFFF;
border-radius: 8px;
font-size: 18px;
color: #fff;
transition: all linear .15s;
font-family: 'Mulish', sans-serif;
}
.btn:hover {
border: 3px solid #96C209 !important;
}
.btn:active {
border-color: #6C8A0C !important;
background: #6C8A0C !important;
color: #fff !important;
}
header .sub-menu {
top: 94px;
width: 100%;
position: absolute;
left: 0;
background: #fff;
opacity: 0;
visibility: hidden;
transition: all linear .25s;
z-index: 3;
box-shadow: 0 4px 4px rgb(0 0 0 / 30%);
}
header .sub-menu .container > div {
padding: 40px 0;
border-top: 2px solid #EBEBEB;
}
.sub-menu .col1 {
width: 100%;
max-width: 390px;
border-right: 1.5px solid #EBEBEB;
}
.sub-menu .col1.nob, .sub-menu .col1:last-child {
border: 0;
max-width: 100%;
}
.sub-menu .col1.nob + .col2 {
display: none;
}
.sub-menu .col2 {
width: 100%;
max-width: calc(100% - 390px);
padding-left: 23px;
column-count: 2;
margin-bottom: -24px;
}
.sub-menu .col2 a {
font-size: 16px;
line-height: 1.2;
color: #000;
display: block;
margin: 0 0 5px;
}
.sub-menu .col1 a {
margin: 0 0 22px;
display: block;
color: #606060;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
.sub-menu .col1 a:last-child {
margin: 0;
}
.sub-menu .col1 a.active {
color: #96C209;
}
.sub-menu a:hover {
color: #96C209;
}
header li.hasc:hover .sub-menu {
opacity: 1;
visibility: visible;
}
header li:hover > a {
color: #fff;
border-bottom: 2px solid #96C209;
}
.submenu2 {
display: none;
}
.submenu2:first-child {
display: block;
}
header.fixed {
background: #fff;
padding: 11px 0 15px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
header.white {
background: #fff;
}
.white nav > ul > li > a,
.fixed nav > ul > li > a {
color: #606060;
}
.white .tel,
.fixed .tel {
color: #606060;
}
.white .btn,
.fixed .btn {
color: #606060;
border-color: #606060;
}
.white .open-search svg,
.fixed .open-search svg {
stroke: #606060;
}
.fixed .sub-menu {
top: 80px;
}
.white li:hover > a,
.fixed li:hover > a {
color: #000;
} .home-link img {
display: none;
}
.home-link img:first-child {
display: block;
}
.white .home-link img:first-child,
.fixed .home-link img:first-child {
display: none;
}
.white .home-link img:last-child,
.fixed .home-link img:last-child {
display: block;
}
.form-search {
position: fixed;
top: 0;
left: 0;
z-index: 3;
background: #fff;
padding: 12px 0;
transition: top linear .25s;
width: 100%;
top: 87px;
display: none;
}
.fixed .form-search {
top: 66px;
}
.qw {
position: relative;
}
.form-search input {
width: 100%;
padding: 0 16px;
height: 55px;
border: 1px solid #606060;
border-radius: 8px;
color: #606060;
font-size: 18px;
}
.form-search input::placeholder {
color: #606060;
font-size: 18px;
}
.btn2 {
display: flex;
width: 100%;
max-width: 185px;
height: 55px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
color: #fff;
background: #96C209;
border-radius: 8px;
box-sizing: border-box;
transition: all linear .25s;
border: 0;
font-family: 'Mulish', sans-serif;
cursor: pointer;
}
.btn2:hover {
background: #B6DF31;
}
.btn2:active {
background: #6C8A0C;
}
.form-search .btn2 {
margin-left: 16px;
}
* {
outline: none !important;
}
#banner {
position: relative;
color: #fff;
padding: 0 0 1px;
}
#banner .bn .slick-slide {
min-height: 825px;
display: flex;
}
#banner .slick-slide > div {
width: 100%;
display: flex;
align-content: center;
align-items: center;
padding:0 0 150px;
background: rgba(0,0,0,0.43);
}
#banner .p1 {
font-weight: 600;
font-size: 36px;
margin: 0 0 12px;
line-height: 45px;
}
#banner .desc {
margin-left: auto;
max-width: 635px;
}
.relative {
position: relative;
}
#banner .rel1 {
margin-top: -235px;
}
#banner .rel2 {
margin-top: -395px;
margin-bottom: 205px;
max-width: 465px;
padding: 25px 45px 25px;
border-radius: 16px;
background: rgba(137, 137, 137, 0.4);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
}
.progress {
margin-left: auto;
max-width: 635px;
}
.progress > div {
max-width: 180px;
height: 2px;
display: flex;
background: #BDBDBD;
}
.inProgress {
display: block;
height: 3px;
margin-top: -1px;
background: #96C209;
}
.form .t1 {
margin: 0 0 16px;
font-size: 36px;
line-height: 45px;
color: #fff;
font-weight: 600;
}
.modal .t1 {
margin: 0 0 16px;
font-size: 48px;
line-height: 60px;
color: #fff;
font-weight: 600;
}
.form .t2 {
color: #fff;
margin: 0 0 36px;
font-size: 18px;
font-family: 'Montserrat';
}
.modal .t2 {
color: #fff;
font-size: 24px;
font-family: 'Montserrat';
}
form br {
display: none;
}
.form label {
font-size: 12px;
color: #fff;
font-weight: 400;
margin: 0 0 32px;
display: block;
}
.form label input {
height: 24px;
width: 100%;
background: none;
border: 0;
border-bottom: 1px solid #fff;
color: #CECECE;
font-size: 12px;
transition: all linear .25s;
}
.form label input:focus {
border-color: #96C209;
}
.form label span {
display: block;
}
.form label input::placeholder {
color: #CECECE;
font-size: 12px;
}
.ajax-loader, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-not-valid {
border-color: red !important;
}
.form .btn2 {
width: 225px;
}
.modal .form .btn2 {
max-width: 100%;
width: 100%;
}
.form .dop {
margin: 8px 0 0;
font-size: 12px;
color: #C6C6C6;
}
.modal {
display: none;
width: 100%;
max-width: 1225px;
background: rgba(175, 175, 175, 0.4);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
border-radius: 6px;
padding: 145px 70px;
}
.modal .form form > * {
max-width: 230px;
}
.modal .form form > .dop {
max-width: 305px;
}
.fancybox__backdrop {
background: rgba(0,0,0,0.43);
}
.fancybox__content>.carousel__button.is-close {
top: 40px;
right: 40px;
width: 48px;
height: 48px;
background: url(//musor-rin.ru/wp-content/themes/test1/images/close.svg) no-repeat center center;
cursor: pointer;
transition: all linear .25s;
}
.fancybox__content>.carousel__button.is-close:hover {
background: url(//musor-rin.ru/wp-content/themes/test1/images/close2.svg) no-repeat center center;
}
.fancybox__content>.carousel__button.is-close svg {
display: none;
}
.modal .col1 {
max-width: 600px;
}
.modal .col2 {
width: 100%;
max-width: calc(100% - 600px);
padding-left: 100px;
padding-top: 20px;
}
.modal .form label {
font-size: 18px;
margin: 0 0 40px;
}
.modal .form label input {
height: 42px;
font-size: 18px;
padding-top: 10px;
}
.modal .form label input::placeholder {
font-size: 18px;
}
.modal .form .dop {
margin: 16px 0 0;
}
::-webkit-scrollbar-button {
background-image:url();
background-repeat:no-repeat;
width:10px;
height:0px
}
::-webkit-scrollbar-track {
background-color:#ecedee
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#6C8A0C;
}
::-webkit-scrollbar-thumb:hover{
background-color:#6C8A0C;
}
::-webkit-resizer{
background-image:url();
background-repeat:no-repeat;
width:9px;
height:0px
}
::-webkit-scrollbar{
width: 9px;
}
body.compensate-for-scrollbar header {
width: calc(100% - 9px);
}
#geo {
padding: 40px 0 0;
}
.section-title {
margin: 0 0 16px;
font-size: 36px;
line-height: 45px;
font-weight: 400;
}
.line {
width: 100%;
height: 2px;
background: #EBEBEB;
margin: 30px 0 0;
}
#geo .col2 {
padding-left: 128px;
}
#geo .col2 p {
margin: 0 0 32px;
}
#geo .col2 a {
font-size: 18px;
color: #000;
display: block;
}
#geo .col2 a:hover {
text-decoration: underline;
}
#geo .col2 p:last-child {
margin: 0;
}
img {
max-width: 100%;
}
#prices {
padding: 40px 0;
}
#prices .section-title {
font-size: 24px;
line-height: 29px;
margin: 0 0 16px;
}
#prices .line1 {
margin: 0 0 8px;
}
#prices .line2 {
margin: 40px 0 0;
}
.prices .col1 {
width: 100%;
max-width: 340px;
padding-left: 8px;
}
.prices .head .col1 {
font-weight: 500;
font-size: 18px;
}
.prices .body .col1 {
font-size: 18px;
}
.prices .head .col2 {
font-weight: 500;
font-size: 16px;
}
.prices .head img {
display: block;
margin: 4px auto 0;
}
.prices .col2 {
width: 100%;
max-width: calc(25% - (340px / 4));
text-align: center;
font-size: 18px;
}
.prices .d-flex {
padding: 24px 80px 24px 0;
}
.prices .d-flex.head {
padding-bottom: 8px;
}
.prices .d-flex:nth-child(even) {
background: rgba(150, 194, 9, 0.15);
}
#prices .btn2 {
margin: 16px auto 0;
max-width: 275px;
}
#pr .section-title {
margin: 0 0 16px;
}
#pre {
padding: 0 0 40px;
}
.pre {
margin: 0 -60px;
}
.pre > div {
width: 100%;
margin: 0 60px 42px;
max-width: calc(33.33% - 120px);
}
main {
overflow: hidden;
}
.pre .img {
justify-content: center;
height: 80px;
margin: 0 0 16px;
}
.pre img {
display: block;
}
.pre p {
text-align: center;
}
#pre .line {
margin: 0;
}
#form .modal {
padding: 40px 80px;
display: block;
max-width: 100%;
}
#form {
background: url(//musor-rin.ru/wp-content/themes/test1/images/banner2.jpg) no-repeat center center;
background-size: cover;
padding: 40px 0 100px;
}
#form .modal .t1 {
margin: 0 0 24px;
font-size: 36px;
line-height: 45px;
}
#form .modal .t2 {
font-size: 18px;
line-height: 22px;
}
#form .form label {
margin: 0 0 30px;
font-size: 12px;
}
#form .form .dop {
margin: 8px 0 0;
}
#form .modal .col2 {
padding-top: 10px;
}
#form .modal .form label input {
height: 24px;
font-size: 12px;
padding-top: 5px;
}
#form .modal .form label input::placeholder {
font-size: 12px;
}
#cont {
padding: 40px 0;
}
#cont .line1 {
margin: 0 0 90px;
}
.hd .section-title {
margin: 0;
}
.hd {
margin: 0 0 12px;
}
.arrows svg {
display: block;
fill: #96C209;
transition: all linear .25s;
}
.arrows > div {
cursor: pointer;
}
.arrows .next {
margin-left: 55px;
}
.arrows svg:hover {
fill: #3E6A00;
}
.cont .slick-slide {
border: 1px solid #EBEBEB;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px 12px;
position: relative;
padding: 50px 16px 16px;
}
.cont .slick-list {
margin: 0 -10px 0 -12px;
}
.cont .price {
position: absolute;
top: -1px;
right: -1px;
width: 141px;
height: 44px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #96C209;
border-radius: 8px;
background: #fff;
color: #96C209;
font-weight: 500;
}
.cont .img {
height: 152px;
margin: 0 0 13px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.cont .img img {
display: block;
max-height: 100%;
}
.cont .title {
font-size: 24px;
line-height: 30px;
color: #000;
display: block;
margin: 0 0 4px;
}
.cont a.title:hover {
color: #96C209;
}
.cont .btn2 {
max-width: 100%;
height: 39px;
margin-top: 16px;
}
.cont .ch p {
line-height: 28px;
border-bottom: 1px solid #EBEBEB;
}
#cont .line2 {
margin: 36px 0 0;
}
#sh {
padding: 0 0 40px;
}
#sh .line {
margin: 40px 0 0;
}
#sh .section-title {
margin: 0 0 16px;
}
#sh .img {
height: 80px;
align-content: flex-end;
align-items: flex-end;
margin: 0 0 8px;
}
.sh .d-flex p {
margin: 0 12px 0 0;
}
#calc {
padding: 70px 0;
background: url(//musor-rin.ru/wp-content/themes/test1/images/banner3.jpeg) no-repeat center center;
background-size: cover;
}
#calc .calc {
background: rgba(175, 175, 175, 0.4);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
border-radius: 6px;
padding: 30px 60px 25px 80px;
}
#calc .section-title {
margin: 0 0 40px;
color: #fff;
} #calc .col1 {
width: 100%;
max-width: 295px;
padding-right: 65px;
border-right: 1px solid #A3A3A3;
}
#calc .col2 {
width: 100%;
max-width: 480px;
padding-left: 65px;
padding-right: 65px;
border-right: 1px solid #A3A3A3;
}
#calc .col3 {
width: 100%;
padding-left: 18px;
max-width: calc(100% - 295px - 480px);
min-height: 205px;
} #calc .col4 {
width: 100%;
max-width: 160px;
padding-left: 18px;
}
#calc .col1 > div {
width: 100%;
}
#calc .type {
margin-bottom: 53px;
} #calc select {
appearance: none;
background: none;
background: url(//musor-rin.ru/wp-content/themes/test1/images/arrow1.png) no-repeat right center;
color: #fff;
height: 26px;
border: 0;
border-bottom: 1px solid #fff;
font-size: 18px;
font-family: 'Montserrat';
width: 100%;
cursor: pointer;
}
#calc option {
color: #000;
padding: 3px 5px;
} #calc .conte {
margin: 0 -12px;
}
#calc .conte > div {
margin: 0 12px 24px;
width: 100%;
max-width: calc(50% - 24px);
padding: 16px 10px 4px;
background: #fff;
border: 1px solid #929292;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 8px;
cursor: pointer;
transition: all linear .25s;
}
#calc .conte > div:nth-last-child(1),
#calc .conte > div:nth-last-child(2) {
margin-bottom: 0;
}
#calc .conte > div.active {
border: 1px solid #96C209 !important;
box-shadow: 0 0 10px rgba(0,0,0,1);
}
#calc .conte img {
display: block;
margin: 0 auto 4px;
max-width: 80px;
height: auto;
}
#calc .conte p {
text-align: center;
font-weight: 500;
font-family: 'Montserrat';
color: #000;
} #calc .t1 {
color: #fff;
margin: 0 0 25px;
font-size: 18px;
}
#calc .info {
max-width: 255px;
color: #fff;
margin-bottom: 20px;
}
#calc .info p {
margin: 0 0 8px;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
#calc .info p span:first-child {
color: #fff;
opacity: 0.8;
}
#calc .info p span:last-child {
color: #fff;
font-weight: 600;
}
#calc .total {
color: #fff;
margin-top: 44px;
padding-bottom: 4px;
border-bottom: 1px solid #858585;
font-weight: 600;
}
#calc .total span {
color: #fff;
font-size: 18px;
} #calc .bot {
margin-top: 95px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#calc .btn2 {
max-width: 275px;
margin-right: 16px;
}
#calc .btn {
width: 350px;
margin-right: 16px;
} .calc-checkboxes {
display: flex;
gap: 20px;
align-items: center;
margin-left: 20px;
}
.sli1, .sli2 {
display: inline-flex;
align-items: center;
cursor: pointer;
padding: 8px 15px;
border-radius: 4px;
background: #96C209;
color: #fff;
border: none;
font-weight: 500;
transition: all 0.2s ease;
margin: 0;
}
.sli1:hover, .sli2:hover {
background: #B6DF31;
}
.sli1.active, .sli2.active {
background: #6C8A0C;
color: #fff;
} .toggle-switch {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
border: 2px solid #fff;
border-radius: 4px;
background: transparent;
position: relative;
} .sli1.active .toggle-switch::after,
.sli2.active .toggle-switch::after {
content: "✓";
display: block;
position: absolute;
top: -2px;
left: 2px;
color: #fff;
font-size: 14px;
font-weight: bold;
} .quantity-selector {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}
.qty-btn {
width: 36px;
height: 36px;
background: #96C209;
border: none;
border-radius: 6px;
color: #fff;
font-size: 20px;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
}
.qty-btn:hover {
background: #B6DF31;
}
.qty-btn:active {
background: #6C8A0C;
}
#calc-quantity {
width: 60px;
height: 36px;
text-align: center;
font-size: 18px;
font-weight: 500;
border: 1px solid #ccc;
border-radius: 6px;
background: #fff;
color: #000;
} @media (max-width: 992px) {
#calc .col1,
#calc .col2,
#calc .col3,
#calc .col4 {
max-width: 100%;
border-right: none;
padding: 0;
margin-bottom: 30px;
}
#calc .col2 {
padding: 0;
}
#calc .col3 {
padding-left: 0;
}
#calc .col4 {
padding-left: 0;
}
}
@media (max-width: 768px) {
#calc .calc {
padding: 30px 20px;
}
#calc .bot {
flex-direction: column;
align-items: stretch;
gap: 15px;
}
#calc .btn2,
#calc .btn {
width: 100%;
max-width: 100%;
margin-right: 0;
}
.calc-checkboxes {
margin-left: 0;
justify-content: center;
margin-top: 10px;
}
#calc .conte > div {
max-width: calc(100% - 24px);
}
.quantity-selector {
justify-content: center;
}
}
textarea.hidden {
display: none;
}
#type {
padding: 40px 0 0;
}
#type .line1 {
margin: 0 0 40px;
}
#type .line2 {
margin: 36px 0 0;
}
.cont2 .slick-slide a {
display: block;
border: 1px solid #EBEBEB;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px 12px 8px;
position: relative;
padding: 16px 16px;
transition: all linear .25s;
}
.cont2 .slick-slide a:hover {
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}
.cont2 .slick-list {
margin: 0 -10px 0 -12px;
}
.cont2 .img {
margin: 0 0 8px;
}
.cont2 .img img {
display: block;
width: 100%;
height: 162px;
border-radius: 6px;
object-fit: cover;
}
.cont2 a {
color: #000;
font-size: 18px;
}
#seo {
font-size: 18px;
line-height: 23px;
padding: 40px 0;
}
#seo p {
margin: 0 0 16px;
}
#seo ul {
margin: 0 0 16px;
padding-left: 18px;
list-style: disc;
}
#seo .line {
margin: 40px 0 0;
}
#clients {
padding: 0 0 40px;
}
#clients .hd {
margin: 0 0 20px;
}
#clients .img {
height: 120px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
#clients img {
max-height: 120px;
}
.cont3 .slick-list {
margin: 0 -16px;
}
.cont3 .slick-slide {
margin: 0 16px;
}
#clients .line {
margin-top: 30px;
}
.fancybox__thumbs, .fancybox__button--slideshow, .fancybox__button--fullscreen, .fancybox__button--thumbs {
display: none !important;
}
.lic > a {
display: block;
position: relative;
width: 100%;
overflow: hidden;
transition: all linear .25s;
}
.lic > a img {
max-width: 200%;
width: 200%;
display: block;
border-radius: 6px;
transition: all linear .25s;
}
#lic .line {
margin-top: 42px;
}
.lic > a:hover {
width: 200%;
}
.lic > a:hover img {
max-width: 100%;
width: 100%;
}
.lic > a:last-child {
width: 200%;
}
.lic > a:last-child img {
max-width: 100%;
width: 100%;
}
.lic {
height:375px;
}
#faq {
padding: 40px 0;
}
#faq .section-title {
margin: 0 0 16px;
}
#faq .line {
margin-top: 40px;
}
.faq > div {
max-width: calc(50% - 12px);
width: 100%;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
padding: 16px;
margin-bottom: 24px;
}
.faq .t1 {
padding-bottom: 16px;
border-bottom: 2px solid #96C209;
font-size: 18px;
font-weight: 500;
font-family: 'Montserrat';
margin: 0 0 16px;
}
.faq .t2 {
font-size: 18px;
}
.faq > div.hidden {
display: none;
}
#faq .buttons {
margin-top: -8px;
}
#faq .line {
margin-top: 40px;
}
#faq .btn2 {
margin-right: 16px;
max-width: 250px;
}
#faq .btn {
max-width: 240px;
}
.btn.black {
color: #606060;
border-color: #606060;
}
#modal4.modal .col2 {
padding-left: 0;
padding-right: 45px;
}
#modal5.modal .col2 {
padding-left: 0;
padding-right: 45px;
}
#modal4 .btn2, #modal5 .btn2 {
max-width: 255px;
}
.modal textarea {
height: 90px;
border: 0;
margin-top: 9px;
background: rgba(196, 196, 196, 0.2);
border-bottom: 1px solid #fff;
padding: 5px;
width: 100%;
color: #CECECE;font-size: 18px;
}
#modal4.modal .form form > * {
max-width: 100%;
}
#modal4 .form input {
max-width: 230px;
}
#modal4.modal {
padding: 70px 65px 70px 100px;
}
#modal5.modal .form form > * {
max-width: 100%;
}
#modal5 .form input {
max-width: 230px;
}
#modal5.modal {
padding: 70px 65px 70px 100px;
}
#blog {
padding: 0 0 40px;
}
#blog .line {
margin: 40px 0 0;
}
#blog .btn {
max-width: 325px;
margin: 0 auto;
}
.blog {
margin: 0 -12px;
}
.blog > div {
width: 100%;
max-width: calc(33.33% - 24px);
margin: 0 12px 16px;
border: 1px solid #EBEBEB;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
border-radius: 6px;
padding: 16px 16px 54px;
position: relative;
}
.blog .img img {
height: 190px;
width: 100%;
display: block;;
object-fit: cover;
border-radius: 6px;
margin: 0 0 8px;
}
.blog .date {
margin: 0 0 8px;
}
.blog .title {
margin: 0 0 5px;
font-weight: 600;
font-size: 18px;
}
.blog .prev {
font-size: 18px;
}
.blog .more {
position: absolute;
left: 16px;
bottom: 16px;
z-index: 2;
text-decoration: underline;
font-weight: 500;
font-size: 18px;
color: #000;
}
.blog .more:hover {
text-decoration: none;
}
#blog .line {
margin-top: 40px;
}
.map {
border: 0;
display: block;
width: 100%;
height: 433px;
}
footer {
background: #3F3F3F;
padding: 40px 0 60px;
}
footer .top .d-flex p {
color: #fff;
font-size: 18px;
margin-left: 42px;
}
footer .top .d-flex p a {
color: #fff;
}
footer .top {
padding-bottom: 40px;
margin: 0 0 40px;
border-bottom: 2px solid #606060;
}
footer .home-link {
margin: 0 15px 0 0;
}
footer .copy {
text-align: center;
padding-top: 58px;
color: #999999;
border-top: 2px solid #606060;
}
footer .mid .t1 {
margin: 0 0 16px;
font-weight: 500;
color: #fff;
font-size: 18px;
}
footer .mid .t2 p {
margin: 0 0 16px;
color: #fff;
font-size: 18px;
}
footer .mid {
padding: 0 0 24px;
}
footer ul a {
display: inline-block;
color: #fff;
margin: 0 0 15px;
border-bottom: 1px solid transparent;
}
footer nav {
margin-right: 35px;
max-width: 190px;
}
footer nav:last-child {
margin: 0;
}
footer ul a:hover {
border-color: #96C209;
}
footer .top .d-flex p a:hover, .by:hover, .contacts a:hover {
color: #96C209;
}
main {
padding-top: 103px;
}
.home main {
padding: 0;
}
body:not(.home) header {
padding-bottom: 0;
}
body:not(.home) header .l {
padding-bottom: 15px;
transition: all linear .25s;
border-bottom: 1px solid #EBEBEB;
}
body:not(.home) header.fixed .l {
border-color: transparent;
}
.bread {
padding: 24px 0;
}
.bread a {
color: #606060;
}
#desc {
padding: 0 0 40px;
}
#desc p {
margin: 0 0 16px;
font-size: 18px;
}
#desc .line {
margin: 0;
}
.h1 {
padding: 0 0 16px;
border-bottom: 2px solid #EBEBEB;
font-size: 48px;
font-weight: 400;
line-height: 60px;
margin: 0 0 16px;
}
#desc .ch {
margin: 16px -40px;
}
#desc .ch > div {
margin: 0 40px;
}
#desc .p1 {
font-size: 36px;
margin: 0;
}
#desc .p2 {
margin: 0;
}
#pre.type2 {
padding: 40px 0 0;
}
#pre + #clients {
padding: 40px 0;
}
#spec {
padding: 0 0 40px;
}
.spec {
margin: 0 -12px;
}
.spec > div {
margin: 0 12px 24px;
width: 100%;
max-width: calc(33.33% - 24px);
overflow: hidden;
border-radius: 8px;
}
.spec > div > div {
background: rgba(0, 0, 0, 0.56);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
padding: 25px;
border-radius: 8px;
overflow: hidden;
}
.spec > div > div > div {
background: rgba(137, 137, 137, 0.3);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(12px);
position: relative;
border-radius: 8px;
padding: 85px 12px 24px;
}
.spec .price {
position: absolute;
top: 0;
right: 0;
width: 140px;
line-height: 44px;
text-align: center;
background: #FFFFFF;
border: 1px solid #96C209;
border-radius: 8px;
color: #96C209;
}
.spec .title {
margin: 0 0 35px;
color: #fff;
}
.spec .btn2 {
height: 39px;
width: 100%;
max-width: 100%;
}
.spec > div.hidden {
display: none;
}
#spec .btn {
max-width: 235px;
margin: 0 auto;
}
.rev {
background: url(//musor-rin.ru/wp-content/themes/test1/images/rev.jpg) no-repeat center center;
background-size: cover;
padding: 65px 0 40px;
}
.rev > div {
max-width: 990px;
margin: 0 auto;
padding: 0 90px;
}
#rev .btn {
max-width: 250px;
margin: 25px auto 0;
}
.rev .slick-list {
background: rgba(137, 137, 137, 0.4);
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
border-radius: 8px;
backdrop-filter: blur(12px);
overflow: hidden;
}
.rev .slick-slide {
padding: 35px 20px 40px;
}
.rev .img img {
display: block;
border-radius: 100%;
object-fit: cover;
width: 70px;
height: 70px;
margin: 0 auto 8px;
}
.rev .name {
text-align: center;
color: #fff;
margin: 0 0 22px;
font-weight: 600;
font-size: 20px;
}
.rev .text {
max-width: 600px;
margin: 0 auto;
color: #fff;
}
.slick-arrow {
width: 70px;
height: 25px;
position: absolute;
top: calc(50% - 12px);
z-index: 2;
border: 0;
box-shadow: none;
cursor: pointer;
text-indent: -99999px;
}
.slick-prev {
left: 0;
background: url(//musor-rin.ru/wp-content/themes/test1/images/ar1.png) no-repeat center center;
}
.slick-next {
right: 0;
background: url(//musor-rin.ru/wp-content/themes/test1/images/ar2.png) no-repeat center center;
}
.doc {
margin: 0 0 40px;
}
.dc {
margin: 0 -12px;
}
.dc > div {
margin: 0 12px 16px;
width: 100%;
max-width: calc(33.33% - 24px);
border: 1px solid #EBEBEB;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 6px;
padding: 16px;
}
.dc > div.hidden {
display: none;
}
.dc img {
display: block;
width: 100%;
object-fit: cover;
height: 500px;
margin: 0 0 16px;
}
.dc .title {
height: 48px;
color: #000;
}
.dc .btn2 {
max-width: 200px;
}
#doc .more {
margin: 0 auto;
max-width: 230px;
}
#cont.type2 {
padding: 0 0 40px;
}
#spec.type2 {
padding: 40px 0;
}
#spec.type2 .line1 {
margin: 0 0 40px;
}
.cont4 .slick-slide {
border: 1px solid #EBEBEB;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 6px;
margin: 4px 12px;
position: relative;
padding: 16px;
}
.cont4 .slick-list {
margin: 0 -10px 0 -12px;
}
.cont4 .btn2 {
max-width: 100%;
width: 100%;
height: 40px;
}
.cont4 .d-flex {
margin: 0 0 16px;
padding-bottom: 7px;
border-bottom: 1px solid #EBEBEB;
}
.cont4 .title {
font-size: 22px;
}
.cont4 .col2 {
font-size: 12px;
}
.cont4 img {
height: 160px;
display: block;
width: 100%;
margin: 0 0 6px;
}
#auto {
padding: 0 0 40px;
}
#auto .line2 {
margin-top: 36px;
}
#pr .line {
margin: 0 0 16px;
}
#pr .text p {
font-size: 18px;
line-height: 24px;
margin: 0 0 24px;
}
.text a {
color: #6C8A0C;
text-decoration: none;
}
.text a:hover {
text-decoration: underline;
}
#pr .text ul {
font-size: 18px;
line-height: 24px;
padding: 0 0 0 20px;
margin: 0 0 16px;
list-style: disc;
}
#pr .buttons a {
margin-right: 24px;
}
#pr .btn {
width: 100%;
max-width: 235px;
}
#pr .btn2 {
width: 100%;
max-width: 275px;
}
#pr .line2 {
margin: 40px 0;
}
#pri {
}
#pri .container > div {
padding: 0 0 40px;	
}
#pri .section-title {
font-size: 24px;
line-height: 1;
}
#pri .desc {
margin: 0 0 16px;
}
#pri .line1 {
margin: 0 0 8px;
}
#pri .btn2 {
width: 100%;
max-width: 275px;
margin: 16px auto 0;
}
#pri .line2 {
margin: 40px 0 0;
}
.tabl table {
border-collapse: collapse;
border: 0;
width: 100%;
}
.tabl tr:nth-child(even) {
background: rgba(150, 194, 9, 0.15);
}
.tabl tr td {
padding: 24px 0 24px 0;
font-size: 18px;
text-align: center;
}
.tabl tr td:last-child {
padding-right: 80px;
}
.tabl th {
text-align: center;
font-weight: 500;
font-size: 16px;
padding: 8px 0 8px 0;
}
.tabl th:last-child {
padding-right: 80px;
}
.tabl th:first-child {
font-weight: 500;
font-size: 18px;
text-align: left;
padding-left: 8px;
}
.tabl td:first-child {
font-size: 18px;
text-align: left;
padding-left: 8px;
}
.tabl th img {
display: block;
margin: 4px auto 0;
}
#serv {
padding: 0 0 40px;
}
#serv .line {
margin: 40px 0 0;
}
#serv .more {
margin: 0 auto 0;
}
.serv {
margin: 0 -12px;
}
.serv > div {
margin: 0 12px 16px;
width: 100%;
max-width: calc(33.33% - 24px);
padding: 16px;
border: 1px solid #EBEBEB;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 6px;
position: relative;
}
.serv .price {
position: absolute;
top: 0;
right: -8px;
width: 140px;
line-height: 44px;
text-align: center;
background: #FFFFFF;
border: 1px solid #96C209;
border-radius: 8px;
color: #96C209;
font-weight: 500;
}
.serv img {
display: block;
object-fit: cover;
margin: 0 0 16px;
width: 100%;
height: 190px;
border-radius: 6px;
}
#single img {
border-radius: 6px;
}
.serv .title {
display: block;
color: #000;
margin: 0 0 16px;
font-weight: 600;
}
.serv a.title:hover {
color: #96C209;
}
.serv .links a {
display: block;
margin: 0 0 16px;
color: #000;
}
.serv .links a:hover {
color: #96C209;
}
.serv .hidden {
display: none;
}
#pr.type2 p:last-child {
margin: 0;
}
#pr.type2 .line2 {
margin: 16px 0 0;
}
#au {
padding: 0 0 40px;
}
#au > div {
padding: 16px 0 16px;
}
#au > div:nth-child(even) {
background: rgba(150, 194, 9, 0.15);
}
#au .btn2 {
width: 100%;
max-width: 207px;
margin: 16px auto 0;
}
#au .text {
padding: 16px 0 0;
font-size: 18px;
}
#au .line {
margin: 40px 0 0;
}
#au .title {
margin: 0 0 24px;
font-weight: 500;
font-size: 18px;
}
#au .desc {
margin: 0 0 16px;
font-size: 18px;
}
.cont5 {
padding: 0 105px;
}
.cont5 .slick-list {
margin: 0 -12px;
}
.cont5 .slick-slide {
margin: 0 12px;
border-radius: 8px;
overflow: hidden;
}
.cont5 img {
width: 100%;
}
.line3 {
margin: 40px 0;
}
#faq.type2 {
padding-top: 0;
}
.gal > img {
width: 100%;
max-width: calc(50% - 12px);
display: block;
border-radius: 8px;
margin-bottom: 16px;
}
.gal + .line2 {
margin-top: 24px;
}
.contacts > div {
margin-right: 55px;
}
.contacts .t1 {
margin: 0 0 8px;
}
.contacts .t2 {
font-weight: 500;
color: #000;
display: block;
margin: 0 0 8px;
}
.address .t2 {
font-weight: 500;
margin: 8px 0 0;
font-size: 18px;
}
.address {
margin-top: 8px;
}
.contacts .t4 {
margin-top: 16px;
}
#contacts .btn2 {
max-width: 275px;
margin-top: 16px;
}
#req .line,
#contacts .line {
margin: 40px 0;
}
#req .text {
font-size: 18px;
margin: 0 0 16px;
line-height: 29px;
}
#req .btn2 {
max-width: 275px;
}
#vac {
padding: 0 0 40px;
}
.vac > div {
border-bottom: 2px solid #EBEBEB;
}
.vac .head {
cursor: pointer;
height: 77px;
padding-right: 20px;
font-size: 24px;
transition: all linear .25s;
}
.vac .head:hover {
color: #96C209;
}
.vac svg {
display: block;
margin-left: 15px;
transition: all linear .25s;
}
.vac .head.active svg {
transform: rotate(180deg);
}
.vac .body {
padding: 0 0 16px;
display: none;
}
.vac .btn2 {
max-width: 250px;
}
#vac .h1 {
margin: 0;
}
.vac .t1 {
margin: 0 0 8px;
color: #96C209;
font-weight: 600;
font-size: 24px;
}
.vac .t2 span {
display: block;
width: 100%;
max-width: 210px;
font-weight: 500;
}
.vac .t2 {
font-size: 24px;
margin: 0 0 8px;
}
.vac .t3 {
margin: 0 0 24px;
font-size: 24px;
}
#thanks {
padding: 60px;
}
#thanks .t1 {
margin: 0;
text-align: center;
}
#d {
padding: 0 0 40px;
}
#d .line {
margin: 24px 0 0;
}
#d .text p {
font-size: 18px;
line-height: 24px;
margin: 0 0 24px;
}
#d .text ul {
font-size: 18px;
line-height: 24px;
padding: 0 0 0 20px;
margin: 0 0 16px;
list-style: disc;
}
#d h3 {
margin: 0 0 16px;
font-size: 24px;
font-size: 400;
}
.tags a {
padding: 0 12px;
line-height: 38px;
color: #fff;
background: #96C209;
border-radius: 44px;
font-size: 18px;
font-weight: 500;
margin: 0 8px 8px 0;
font-family: 'Montserrat';
}
.tags a:hover {
background: #B6DF31;
}
.tags a:active {
background: #6C8A0C;
}
#blog .line1 {
margin: 8px 0 40px;
}
#blog .t {
margin: 0 0 8px;
font-size: 24px;
font-weight: 500;
}
#blog .line2 {
margin: 40px 0 0;
}
.wp-pagenavi {
margin-top: 8px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
display: block;
width: 100%;
max-width: 32px;
line-height: 32px;
text-align: center;
border-radius: 8px;
background: transparent;
color: #606060;
font-size: 24px;
margin: 0 3px;
}
.wp-pagenavi span,
.wp-pagenavi a:hover {
background: #96C209;
color: #fff;
}
.wp-pagenavi .nextpostslink {
text-indent: -9999px;
background: url(//musor-rin.ru/wp-content/themes/test1/images/ar4.png) no-repeat center center !important;
}
.wp-pagenavi .previouspostslink {
text-indent: -9999px;
background: url(//musor-rin.ru/wp-content/themes/test1/images/ar5.png) no-repeat center center !important;
}
#single {
padding: 0 0 40px;
}
#single .line1 {
margin: 8px 0 16px;
}
#single .text p {
font-size: 18px;
line-height: 24px;
margin: 0 0 16px;
}
#single .text ul {
font-size: 18px;
line-height: 24px;
padding: 0 0 0 20px;
margin: 0 0 16px;
list-style: disc;
}
#single h3 {
margin: 0 0 16px;
font-size: 24px;
font-size: 400;
}
img.alignleft {
float: left;
margin: 0 20px 20px 0;
display: block;
}
img.alignright {
float: right;
margin: 0 0 20px 20px;
display: block;
}
img.aligncenter {
margin: 0 auto 20px;
display: block;
}
#single img {
max-width: 100%;
height: auto;
}
#single hr {
width: 100%;
border: 0;
border-bottom: 2px solid #EBEBEB;
margin: 0 0 16px;
}
#single .buttons .btn2 {
max-width: 330px;
}
#single .buttons .bt a {
display: flex;
width: 100%;
height: 55px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #606060;
border-radius: 8px;
font-size: 18px;
color: #606060;
transition: all linear .15s;
font-family: 'Mulish', sans-serif;
}
#single .buttons .bt a:hover {
border: 3px solid #96C209 !important;
}
#single .buttons .bt a:active {
border-color: #6C8A0C !important;
background: #6C8A0C !important;
color: #fff !important;
}
#single .buttons .bt {
width: 100%;
max-width: 285px;
}
#banner .desc .btn2 {
max-width: 250px;
margin-top: 26px;
display: none;
}
.open-menu {
display: none;
width: 40px;
height: 40px;
justify-content: center;
}
.open-menu svg {
fill: #fff;
transition: all linear .25s;
margin-top: 2px;
}
.fixed .open-menu svg,
.white .open-menu svg {
fill: #606060;
}
.mobile-menu {
display: none;
position: fixed;
top: 0;
left: 0;
overflow: auto;
height: 100vh;
width: 100vw;
z-index: 99;
background: #fff;
padding: 40px;
}
.mobile-menu ul {
display: block;
}
.mobile-menu ul a, .white .mobile-menu nav > ul > li > a, .fixed .mobile-menu nav > ul > li > a {
display: inline-block;
color: #000;
height: auto;
margin: 25px 0;
font-size: 25px;
}
.mobile-menu .close {
position: absolute;
top: 37px;
right: 13px;
z-index: 2;
cursor: pointer;
}
.mobile-menu .current_page_item a {
border-bottom: 2px solid #96C209;
}
.maptextul {
padding: 0;
list-style-image: none;
list-style: none;
}
.maptextul a {
color: rgb(63, 141, 207);
text-decoration: none;
}
.maptextul a:hover {
border-bottom: 1px dashed rgb(63, 141, 207);
}
.maptextul li {
padding: 10px 0;
}
.map-html-element-name-uzao {
bottom: 207px;
left: 145px;
}
.map-html-element-name-uvao {
right: 123px;
bottom: 271px;
}
.map-html-element-name-uao {
bottom: 178px;
right: 210px;
}
.map-html-element-name-tsao {
top: 280px;
left: 224px;
}
.map-html-element-name-szao {
top: 200px;
left: 75px;
}
.map-html-element-name-svao {
right: 236px;
top: 134px;
}
.map-html-element-name-inner {
position: absolute;
text-transform: uppercase;
color: white;
}
#map-html {
background-repeat: no-repeat;
position: relative;
width: 496px;
height: 662px; }
.map-html-elements {
transition: ease all .3s; opacity: .8;
background-repeat: no-repeat;
position: absolute;
}
.map-html-element-name:hover {
color: white;
text-decoration: none;
}
.map-html-elements.active-elmap {
opacity: 1;
transition: ease all .3s;
}
.map-html-element-vao {
display: block;
height: 262px;
width: 238px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/вао.png);
right: -2px;
top: 112px;
}
.map-html-element-zao {
display: block;
width: 203px;
height: 219px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/зао.png);
left: -1px;
bottom: 189px;
}
.map-html-element-cao {
display: block;
width: 127px;
height: 214px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/сао.png);
left: 89px;
top: 71px;
}
.map-html-element-cvao {
display: block;
width: 175px;
height: 253px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/свао.png);
left: 155px;
top: 0px;
}
.map-html-element-czao {
display: block;
width: 155px;
height: 249px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/сзао.png);
left: 7px;
top: 60px;
}
.map-html-element-tcao {
display: block;
width: 163px;
height: 140px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/цао.png);
left: 151px;
top: 220px;
}
.map-html-element-uao {
display: block;
width: 184px;
height: 234px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/юао.png);
left: 195px;
bottom: 110px;
}
.map-html-element-uvao {
display: block;
width: 184px;
height: 234px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/ювао.png);
right: 47px;
bottom: 174px;
}
.map-html-element-uzao {
display: block;
width: 135px;
height: 320px;
background-image: url(//musor-rin.ru/wp-content/themes/test1/images/юзао.png);
left: 101px;
bottom: 0px;
}
.map-html-element-name {
position: absolute;
color: white;
cursor: pointer;
text-transform: uppercase;
}
.map-html-element-name-vao {
right: 137px;
top: 208px;
}
.map-html-element-name-zao {
bottom: 297px;
left: 101px;
}
.map-html-element-name-sao {
top: 156px;
left: 154px;
}
@media (max-width: 1023px) {
#map-html {
transform: scale(.7);
left: -57px;
top: -17px;
}
.biggest-html-wrapper {
align-items: center;
}
.map-html-wrapper {
max-width: 375px;
}
.maptextul li {
padding: 5px 0;
}
.maptextul a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.biggest-html-wrapper {
display: block;
}
#map-html {
top: -42px;
}
.maptextul li {
margin: 0;
list-style-type: none;
}
ul.maptextul>li::before {
display: none;
}
.top-map-tab {
padding: 15px;
}
.text-html-wrapper {
margin-top: -120px;
}
}
@media (max-width: 410px) {
#map-html {
transform: scale(.5);
top: -162px;
left: -100px;
}
.text-html-wrapper {
margin-top: -310px;
}
}
.biggest-html-wrapper {
display: none;
}
.biggest-html-wrapper.biggest-html-wrapper-active {
display: flex;
flex-wrap: wrap;
}
.biggest-html-wrapper .yandex-map-wrapper {
width: 60%;
}
.biggest-html-wrapper .regions-tab {
width: 40%;
}
.regions-tab table {
margin: 10px auto;
}
@media (max-width: 1023px) { .biggest-html-wrapper .yandex-map-wrapper {
width: 100%;
}
.biggest-html-wrapper .regions-tab {
width: 100%;
}
}
header .bg {
position: fixed;
width: 100%;
height: 100vh;
top: 100px;
cursor: pointer;
left: 0;
background: rgba(0,0,0,0.5);
z-index: 1;
display: none;
}
#modal3.modal .t1 {
font-size: 44px;
}
.by {
display: block;
float: left;
color: #fff;
}
.up {
position:fixed;
bottom:15px;
right:15px;
cursor:pointer;
background: url(//musor-rin.ru/wp-content/themes/test1/images/up.png) no-repeat center center;
width: 40px;
height: 40px;
background-size: contain;
z-index:99;
}
#single.type2 {
padding: 50px 0 20px;
}
#single.type2 .line2 {
margin: 0 0 50px;
}
#pr .text img {
border-radius: 6px;
}
.mobile-menu .arrow {
display: none;
}
.mobile-menu .menu-item-has-children > .arrow {
display: block;
}
.mobile-menu li {
display: flex;
flex-wrap: wrap;
}
.mobile-menu .menu-item-has-children > a {
max-width: calc(100% - 30px);
width: 100%;
}
.mobile-menu li > ul {
width: 100%;
display: none;
}
header .mobile-menu .sub-menu {
position: static;
padding-left: 30px;
opacity: 1;
visibility: visible;
box-shadow: none;
margin: 0;
}
header .mobile-menu .sub-menu a {
font-size: 16px !important;
}
.mobile-menu .arrow {
width: 100%;
max-width: 30px;
height: 33px;
margin: 25px 0;
cursor: pointer;
background: url(//musor-rin.ru/wp-content/themes/test1/images/arrr.png) no-repeat center center;
transition: all linear .25s;
}
.mobile-menu .arrow.active {
transform: rotate(180deg);
}
.map2 ul {
list-style: disc;
padding-left: 20px;
}
.map2 li ul {
margin-left: 30px;
}
.map2 a {
display: block;
color: #606060;
margin: 0 0 15px;
font-size: 20px;
}
.map2 li {
margin: 0 0 10px;
}
.map2 a:hover {
color: #96C209;
}
.map2 {
padding-top: 30px;
} .grecaptcha-badge{
visibility: hidden !important;
}
.regions > div {
display: block;
width: 25%;
margin-bottom: 20px;
}
.regions2 > div {
margin-bottom: 40px;
}
.regions a {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 20px;
margin: 0 0 10px;
border-bottom: 1px dotted #fff;
}
.regions a:hover {
border-color: transparent;
}
.regions2 a {
font-size: 18px;
}
.regions2 > div > a {
display: inline-block;
color: #96C209;
margin: 0 0 10px;
border-bottom: 1px dotted #96C209;
}
.regions2 > div > a:hover {
border-color: transparent;
}
#reg1, #reg2 {
padding-bottom: 105px;
}
.tab-body > div {
display: none;
}
.tab-head {
margin: 0 0 30px;
justify-content: center;
}
.tab-head > a {
margin: 0 20px;
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 20px;
border-bottom: 1px dotted #fff;
}
.tab-head > a:hover, .tab-head a.active {
border-color: transparent;
}
.price-card {
background: #fff;
padding: 20px;
margin: 20px 0;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
border-radius: 2px;
}
.price-title {
color: #0000ff;
font-size: 24pt;
margin-top: 0;
}
.payment-note {
color: #008080;
margin-bottom: 15px;
} .table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch; } .content-card {
background: #fff;
padding: 20px;
margin: 20px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 2px;
} .content-card h2 {
color: #0000ff;
font-size: 1.75rem; margin-top: 0;
margin-bottom: 0.5rem;
} .content-card h3 {
font-size: 1.25rem; font-weight: bold;
margin-bottom: 0.75rem;
} .waste-list {
list-style: disc;
margin-left: 1.5rem;
padding-left: 0;
}
.waste-list li {
font-size: 1rem; margin-bottom: 0.5rem;
line-height: 1.4;
}
#au .slick-slider img {
object-fit: cover;
width: 100%;
height: 370px;
}
@media screen and (max-width: 1250px) {
#au .slick-slider img {
height: 36vw;
}
}
@media screen and (max-width: 600px) {
#au .slick-slider img {
height: auto;
}
}