@charset "UTF-8";

body {
overflow-x: hidden;
margin: 0;
color: #222;
position: relative;
}
:root {
--main-color:#e03c3c;
--two-color:#272e3d;
}
.no-scroll {
overflow: hidden;
}
@font-face {
font-family: "Regular";
src: url(//rk72.ru/wp-content/themes/ruscomp/assets/fonts/OfficinaSansC-Book.otf);
src: url(//rk72.ru/wp-content/themes/ruscomp/assets/fonts/OfficinaSansC-Book.otf) format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "Bold";
src: url(//rk72.ru/wp-content/themes/ruscomp/assets/fonts/OfficinaSansC-Bold.otf);
src: url(//rk72.ru/wp-content/themes/ruscomp/assets/fonts/OfficinaSansC-Bold.otf) format("truetype");
font-style: normal;
font-weight: normal;
}
* {
box-sizing: border-box;
font-family: "Regular";
font-size: 18px;
outline: none;
}
a {
transition: 0.3s;
}
a:hover {
opacity: 0.7;
}
p {
padding-bottom: 15px;
padding-top: 0px;
margin: 0;
}
p a {
color: red;
text-decoration: none;
position: relative;
transition: 0.5s;
}
p a:after {
width: 100%;
content: "";
height: 1px;
position: absolute;
bottom: 1px;
left: 0;
background: red;
}
p a:hover {
color: red;
}
.article-page ul {
padding: 0;
margin: 0;
}
.article-page ul li {
list-style: none;
position: relative;
padding-left: 35px;
padding-bottom: 15px;
}
.article-page ul li:before {
content: "—";
top: 0;
position: absolute;
left: 0;
color: #d7242e;
}
.article-page ul li a {
color: red;
text-decoration: none;
position: relative;
transition: 0.5s;
}
.article-page ul li a:hover {
color: #d7242e;
}
h1 {
display: block;
font-size: 49px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: "Bold";
font-weight: normal;
position: relative;
}
@media (max-width: 750px) {
h1 {
font-size: 40px;
}
}
h2 {
display: block;
font-size: 35px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
font-family: "Bold";
font-weight: normal;
position: relative;
}
h3 {
display: block;
font-size: 25px;
text-align: left;
margin-top: 0;
margin-bottom: 30px;
font-family: "Bold";
font-weight: normal;
position: relative;
}
h4 {
display: block;
font-size: 25px;
margin-top: 0;
text-align: left;
padding-left: 60px;
text-transform: uppercase;
color: red;
font-family: "Bold";
position: relative;
}
h5 {
display: block;
font-size: 20px;
text-align: left;
margin-top: 0;
padding-left: 60px;
text-transform: uppercase;
color: red;
font-family: "Bold";
position: relative;
}
.table-window {
width: 100%;
overflow-x: auto;
}
.table-window::-webkit-scrollbar {
width: 3px;
}
.table-window::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.table-window::-webkit-scrollbar-thumb {
background-color: #c3c3c3;
outline: 1px solid #c3c3c3;
}
table {
width: 100%;
border: 1px solid #ddd;
font-size: 16px;
border-collapse: collapse;
}
table tr {
height: 60px;
border-bottom: 1px solid #ddd;
}
table tr:hover {
background: #eee;
cursor: default;
}
table tr:first-child:hover {
background: transparent;
cursor: default;
}
table td {
padding-left: 35px;
}
table td a {
border: none;
}
table th {
color: red;
border-bottom: 1px solid #ddd;
cursor: default;
padding-left: 35px;
text-align: left;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid #aaa;
background: #f8f8f8;
border-radius: 0px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
content: "✔";
position: absolute;
top: 2px;
left: 4px;
font-size: 14px;
color: #5fc747;
transition: all 0.2s;
}
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
.buttonsvyaz {
text-decoration: none;
margin: auto;
margin-top: 20px;
display: table;
text-align: center;
color: #fff;
padding: 10px 25px;
text-transform: uppercase;
background: red;
border: 2px solid red;
cursor: pointer;
border-radius: 50px;
font-family: "Bold";
font-size: 16px;
transition: 0.5s;
letter-spacing: 2px;
}
.buttonsvyaz:after {
display: none;
}
.buttonsvyaz:hover {
background: #fff;
color: red;
}
#shadow {
position: fixed;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
top: 0;
display: none;
left: 0;
width: 100%;
height: 100%;
}
.shadow1-close {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
cursor: url(//rk72.ru/site/img/cross.png) 20 20, not-allowed;
height: 100%;
}
#window1 {
position: absolute;
z-index: 101;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #fff;
width: 420px;
min-height: 500px;
display: inline-table;
padding: 15px;
}
@media (max-width: 450px) {
#window1 {
width: 100%;
margin: auto;
height: 100%;
position: relative;
}
}
#window1 .submit {
outline: none;
border: none;
transition: 0.5s;
margin: auto;
width: 200px;
background: red;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
color: #fff;
transition: 0.5s;
cursor: pointer;
border: 2px solid red;
}
#window1 .submit:hover {
background: #fff;
color: #333;
}
#window1 input {
width: 100%;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
margin-bottom: 7px;
outline: none;
border: 1px solid red;
float: left;
height: 30px;
}
#window1 textarea {
width: 100%;
padding: 10px;
font-size: 16px;
margin-bottom: 10px;
outline: none;
border: 1px solid red;
float: left;
min-height: 70px;
resize: vertical;
}
#window1 .title {
width: 100%;
text-align: center;
font-size: 25px;
padding-top: 15px;
float: left;
text-transform: uppercase;
}
#window1 .caption {
text-align: center;
float: left;
width: 100%;
font-size: 15px;
margin-bottom: 10px;
}
#window1 #close {
position: absolute;
top: 10px;
height: 25px;
width: 25px;
right: 10px;
}
#window1 #close:after {
width: 30px;
height: 1px;
top: 11px;
left: -4px;
transform: rotate(45deg);
background: #b40000;
content: "";
position: absolute;
}
#window1 #close:before {
width: 30px;
height: 1px;
top: 11px;
left: -4px;
transform: rotate(-45deg);
background: #b40000;
content: "";
position: absolute;
}
#window1 #close:hover {
cursor: pointer;
}
#window1 #close:hover:before {
background: #333;
}
#window1 #close:hover:after {
background: #333;
}
.files-save {
display: inline-block;
text-decoration: none;
padding: 10px;
padding-left: 60px;
border: 2px solid red;
position: relative;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
transition: 0.5s;
}
.files-save:hover {
border: 2px solid red;
}
.files-save span {
display: block;
text-align: left;
}
.files-save:after {
display: none;
}
.files-save img {
height: 30px;
width: 30px;
position: absolute;
top: 15px;
left: 15px;
}
.shadow-sec {
position: fixed;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
top: 0;
display: none;
left: 0;
width: 100%;
height: 100%;
}
.shadow-close {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
cursor: url(//rk72.ru/site/img/cross.png) 20 20, not-allowed;
height: 100%;
}
.window {
position: relative;
z-index: 1;
margin: auto;
background: #fff;
width: 420px;
min-height: 200px;
display: inline-table;
border-radius: 5px;
padding: 15px;
padding-bottom: 30px;
}
.window .submit:disabled {
cursor: url(//rk72.ru/site/img/cross.png) 20 20, not-allowed;
opacity: 0.6;
}
@media (max-width: 450px) {
.window {
width: 100%;
margin: auto;
height: 100%;
position: relative;
}
}
.window .close {
position: absolute;
top: 10px;
height: 25px;
width: 25px;
right: 10px;
}
.window .close:after {
width: 30px;
height: 1px;
top: 11px;
left: -4px;
transform: rotate(45deg);
background: #b40000;
content: "";
position: absolute;
}
.window .close:before {
width: 30px;
height: 1px;
top: 11px;
left: -4px;
transform: rotate(-45deg);
background: #b40000;
content: "";
position: absolute;
}
.window .close:hover {
cursor: pointer;
}
.window .close:hover:before {
background: #333;
}
.window .close:hover:after {
background: #333;
}
.window .title {
width: 100%;
text-align: center;
font-size: 25px;
padding-top: 15px;
float: left;
text-transform: uppercase;
}
.window .caption {
text-align: center;
float: left;
width: 100%;
font-size: 15px;
margin-bottom: 30px;
}
.window span {
float: left;
width: 100%;
margin-bottom: 3px;
}
.window input {
width: 100%;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
margin-bottom: 10px;
border: none;
border-radius: 5px;
outline: none;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
float: left;
height: 40px;
}
.window textarea {
width: 100%;
max-height: 200px;
padding: 10px;
font-size: 16px;
border: none;
margin-bottom: 10px;
outline: none;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
float: left;
min-height: 70px;
resize: vertical;
}
.window .politic {
width: 100%;
float: left;
height: 50px;
}
.window .politic span {
float: right;
font-size: 14px;
width: calc(100% - 25px);
}
.window .politic a {
text-decoration: none;
color: red;
position: relative;
display: inline-block;
transition: 0.5s;
}
.window .politic a:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
transition: 0.5s;
width: 0%;
height: 1px;
background: #333;
}
.window .politic a:hover {
color: red;
}
.window .politic a:hover:after {
width: 100%;
}
.window .error-window {
float: left;
width: 100%;
font-size: 13px;
margin-top: 5px;
}
.window .submit {
outline: none;
border: none;
padding: 15px 30px;
border-radius: 10px;
font-size: 18px;
background: #3c3c3c;
font-family: "Regular";
text-align: center;
display: inline-block;
color: #fff;
-webkit-transition: 0.3s;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
transition: 0.3s;
cursor: pointer;
}
.window .submit:hover {
background: #fff;
color: #333;
}
.window .unmasked-value {
display: none;
}
.btn-call {
cursor: pointer;
transition: 0.3s;
}
.wrapper {
max-width: 1200px;
margin: 0 auto;
height: inherit;
z-index: 2;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.clear-height-50 {
height: 50px;
}
.justify-content {
text-align: justify;
font-size: 0;
}
.justify-content:after {
display: inline-block;
width: 100%;
content: "";
} .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}