.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;
}
.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 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;
}@import url("https://fonts.googleapis.com/css?family=Montserrat:regular,semi-bold,semi-bold+italic,bold,bold+italic,extra-bold+italic,black"); html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'ralewayregular';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-regular.svg#ralewayregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaysemibold';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-semibold.svg#ralewaysemibold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaybold';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Raleway/raleway-bold.svg#ralewaybold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswaldbold';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/Oswald/Oswaldbold.svg#oswaldbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansbold';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensansbold.svg#open_sansbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.eot);
src: url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.eot?#iefix) format('embedded-opentype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.woff2) format('woff2'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.woff) format('woff'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.ttf) format('truetype'),
url(//leonidrusnak.ru/wp-content/themes/rusnak/fonts/OpenSans/opensans.svg#open_sansbold) format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'ralewayregular', sans-serif;
color: #333;
position: relative;
}
body.left_bar {
padding-left: 76px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
a {
color: #333;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
h1 {
font-size: 40px;
color: #373c40;
line-height: 44px;
text-align: center;
margin: 20px auto 30px auto;
}
h2 {
color: #373c40;
font-size: 41px;
line-height: 48px;
font-weight: 800;
margin-top: 0px;
margin-bottom: 0px;
}
h3 {
font-size: 26px;
color: #373c40;
line-height: 30px;
text-align: center;
margin: 10px auto 20px auto;
}
h4 {
font-size: 20px;
color: #373c40;
line-height: 26px;
text-align: center;
margin: 10px auto 20px auto;
}
h5 {
font-size: 18px;
color: #373c40;
line-height: 23px;
text-align: center;
margin: 10px auto 20px auto;
}
h6 {
font-size: 14px;
color: #373c40;
line-height: 20px;
text-align: center;
margin: 5px auto 10px auto;
}
strong {
font-weight: 800;
}
em {
font-style: italic;
}
del {
text-decoration: line-through;
}
u{
text-decoration: underline;
}
hr {
background-color: #e5e5e5;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
blockquote, q {
quotes: none;
}
sup {
vertical-align: super;
font-size: 10px;
line-height: 0;
}
.allosn {
max-width: 1400px;
margin: 0 auto;
}
.allosnwide {
max-width: 1170px;
margin: 0 auto;
}
.w25 {
width: 25%;
}
.w33 {
width: 33.33333%;
}
.w50 {
width: 50%;
}
.w66 {
width: 66.66666%;
}
.w75 {
width: 75%;
}
.w100 {
width: 100%;
}
.font0 {
font-size: 0px;
line-height: 0px;
}
.inb {
display: inline-block;
vertical-align: top;
}
.out_img {
padding-bottom: 100%;
height: 0;
overflow: hidden;
position: relative;
}
.in_img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.div_tab {
display: table;
height: 100%;
}
.div_row {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.center {
text-align: center;
}
.w33:nth-child(3n+1) .marg3 {
margin-left: 0px;
margin-right: 20px;
}
.w33:nth-child(3n+2) .marg3 {
margin-left: 10px;
margin-right: 10px;
}
.w33:nth-child(3n+3) .marg3 {
margin-left: 20px;
margin-right: 0px;
}
.w25:nth-child(4n+1) .marg4 {
margin-left: 0px;
margin-right: 15px;
}
.w25:nth-child(4n+2) .marg4 {
margin-left: 5px;
margin-right: 10px;
}
.w25:nth-child(4n+3) .marg4 {
margin-left: 10px;
margin-right: 5px;
}
.w25:nth-child(4n+4) .marg4 {
margin-left: 15px;
margin-right: 0px;
}
.w50:nth-child(2n+1) .marg2 {
margin-left: 0px;
margin-right: 15px;
}
.w50:nth-child(2n+2) .marg2 {
margin-left: 15px;
margin-right: 0;
}
.pagination {
text-align: center;
font-size: 20px;
margin: 20px 0;
} .head1, .head1>.allosn {
height: 125px;
background: #333333;
text-align: right;
}
.head1>.allosn {
position: relative;
}
.logo {
height: 100%;
float: left;
}
.logo img {
max-height: 80%;
margin-top: 7%;
max-width: 100%
}
.menu1 li {
line-height: 60px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
}
li.tel-menu {
border: 2px solid #a5a5a5;
line-height: 60px;
border-radius: 30px;
}
.menu1 li a {
font-family: 'ralewaybold';
color: #fff;
font-size: 24px;
text-decoration: none;
opacity: 1;
padding: 0;
line-height: 60px;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
transition: .15s ease-in-out;
-webkit-transition-property: color, opacity, background, border-color, -webkit-transform;
transition-property: color, opacity, background, border-color, -webkit-transform;
-o-transition-property: color, opacity, background, transform, border-color;
transition-property: color, opacity, background, transform, border-color;
transition-property: color, opacity, background, transform, border-color, -webkit-transform;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
.menu1 li a:hover {
opacity: 0.6;
}
.menu1 li.tel-menu a {
font-family: 'open_sansbold';
padding: 0 20px;
}
li#menu-item-9 {
position: absolute;
top: 0;
left: 50%;
}
li#menu-item-11 {
position: absolute;
top: 0;
left: 66.6%;
} .slideritem {
height: 90%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.slideritem:after {
content: '';
background-image: url(//leonidrusnak.ru/wp-content/themes/rusnak/img/slider_bg.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
} .mouse-scroll {
display: block;
width: 32px;
height: 48px;
border: 2px solid #333;
border-radius: 50px;
position: absolute;
bottom: -40px;
left: 50%;
z-index: 10;
margin-left: -10px;
cursor: pointer;
transform: translate(0, 0);
overflow: hidden;
box-sizing: border-box;
}
.mouse-scroll:after {
content: '';
width: 4px;
height: 8px;
position: absolute;
left: 50%;
top: 7px;
border-radius: 4px;
background-color: #333;
margin-left: -2px;
opacity: 1;
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite running scrollAnimation;
-webkit-animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite  scrollAnimation;
}
@keyframes scrollAnimation {
0%, 20% {
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
10% {
opacity: 1;
transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
}
100% {
opacity: 0.01;
transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
}
}
@-webkit-keyframes scrollAnimation {
0%, 20% {
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
10% {
opacity: 1;
-webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
}
100% {
opacity: 0.01;
-webkit-transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
}
} .button, .sliderbl p.button, input[type="submit"] {
z-index: 9;
white-space: nowrap;
font-size: 24px;
line-height: 60px;
color: #fff;
text-decoration: none;
font-family: 'ralewaysemibold';
text-align: center;
margin: 0px;
padding: 0 20px;
opacity: 1;
text-transform: none;
border: 2px solid #a5a5a5;
border-radius: 30px;
background-color: #333;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.button input[type="checkbox"], .button.hide {
display: none;
}
input[type="submit"] {
cursor: pointer;
}
.button:hover, .sliderbl p.button:hover a, input[type="submit"]:hover {
opacity: 0.6;
}
.button a {
color: #404044;
text-decoration: none;
padding: 16px 22px;
display: inline-block;
vertical-align: top;
}
.home_about .tel_but {
margin-top: 160px;
} .home_about {
margin: 180px 0 195px 0;
}
.home_about .about_img .marg2 {
margin-right: 10%;
}
.about_img img {
height: auto;
width: auto;
max-width: 91.5%;
margin-left: 1%;
}
.border_foto {
background-image: url(//leonidrusnak.ru/wp-content/themes/rusnak/img/photo/foto_bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
position: relative;
}
.about_txt p {
margin: 0 0 30px 0;
line-height: 1.8;
border-top: none;
padding: 0;
font-size: 24px;
font-family: 'ralewayregular';
}
.about_txt p.about_title {
color: #333;
font-size: 52px;
line-height: 1.2;
margin-bottom: 35px;
font-family: 'ralewaybold';
}
.about_txt p.about_podtitle {
margin: 0 0 50px 0;
line-height: 1.2;
border-top: none;
padding: 0;
font-size: 48px;
font-family: 'ralewaysemibold';
}
.about_txt p.about_big {
font-size: 24px;
font-family: 'ralewaysemibold';
color: #fff;
background-color: #282f39;
display: inline-block;
vertical-align: top;
padding: 0 12px;
line-height: 1.7;
}
.about_txt .div_tab {
margin-top: 50px;
}
.about_txt p.about_unterschift_txt {
line-height: 1.4;
font-family: 'ralewaybold';
} .portfolio {
background-color: #f5f5f5;
}
.portfolio.short_portfolio {
padding-bottom: 30px;
margin-top: 20px;
margin-bottom: 25px;
}
.portf_zag {
font-size: 72px;
text-align: center;
font-family: 'ralewaysemibold';
margin: 115px 0 90px 0;
position: relative;
}
.news_txt .short_portfolio span.zag {
font-size: 72px;
}
.folio_block {
margin-bottom: 6px;
}
.folio_block .out_img {
padding-bottom: 75%;
}
.folio_block.w33:nth-child(3n+1) .marg3 {
margin-left: 0;
margin-right: 4px;
}
.folio_block.w33:nth-child(3n+2) .marg3 {
margin-left: 2px;
margin-right: 2px;
}
.folio_block.w33:nth-child(3n+3) .marg3 {
margin-left: 4px;
margin-right: 0;
}
.folio_overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: #000;
z-index: 10
}
.folio_a:hover .folio_overlay {
opacity: 0.4;
}
.folio_a .in_img {
-webkit-transform: scale(1.12);
-ms-transform: scale(1.12);
transform: scale(1.12);
transition: all .35s ease-out;
}
.folio_a:hover .in_img {
-webkit-transform: scale(1) translate3d(0,-20px,0);
transform: scale(1) translate3d(0,-20px,0);
}
.folio_a .folio_popup {
position: absolute;
bottom: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
left: 0;
width: 100%;
text-align: center;
padding: 25px 10px 30px;
transition: all .25s ease-out;
background-color: #1a1a1a;
min-height: 60px;
min-height: 60px;
z-index: 20;
box-sizing: border-box;
}
.folio_a:hover .folio_popup {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.folio_title {
padding: 0 20px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.folio_cat {
line-height: 16px;
font-size: 11px;
letter-spacing: 1px;
color: #aaa;
text-transform: uppercase;
}
.folio_a .folio_icon {
display: none;
}
.folio_a:hover .folio_icon {
height: 48px;
width: 48px;
fill: #fff;
vertical-align: middle;
overflow: visible;
position: absolute;
left: 50%;
margin: 0 0 0 -25px;
top: 22%;
display: inline-block;
line-height: 50px;
color: #fff;
transition: all .25s;
opacity: .7;
z-index: 15;
}
.folio_a:hover .folio_icon:hover {
opacity: 1;
}
.folio_a:hover .folio_icon svg {
fill: #fff;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.fancybox-close {
top: 30px!important;
right: 30px!important;
width: 30px!important;
height: 30px!important;
color: #fff;
background-color: rgba(0,0,0,.3);
border-radius: 2px;
text-align: center;
background-image: none!important;
}
.fancybox-close i {
font-size: 16px;
line-height: 30px;
display: block !important;
}
.fancybox-close .mk-svg-icon {
width: auto;
height: 24px;
fill: #fff;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
padding-top: 1px;
}
.fancybox-nav {
top: 25%!important;
width: 40%!important;
height: 50%!important;
background-image: none!important;
}
.fancybox-prev span {
left: 20px;
background-position: 0 0;
}
.fancybox-next span {
right: 20px;
background-position: 0 0;
}
.fancybox-nav span {
width: 60px;
height: 60px;
margin-top: -25px;
color: #fff;
background-color: rgba(0,0,0,.3);
border-radius: 2px;
text-align: center;
background-image: none!important;
visibility: visible;
}
.fancybox-nav span i {
font-size: 16px;
line-height: 60px;
}
.fancybox-nav span .mk-svg-icon {
width: auto;
height: 16px;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
fill: currentColor;
}
.fancybox-title.fancybox-title-inside-wrap {
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #444;
line-height: 24px;
font-family: ralewayregular, sans-serif;
}
article.hide_block {
display: none;
}
article.show {
display: inline-block;
}
.portf_all {
margin: 120px 0 195px 0;
}
.hide {
display: none;
} input:not([type="submit"]), select {
border-color: transparent;
border-radius: 10px;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
width: 100%;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-family: 'ralewaysemibold';
font-size: 14px;
margin-bottom: 15px;
color: #0F3300;
height: 47px;
}
input:not([type="submit"]):focus, select:focus, textarea:focus,
input:not([type="submit"]):active, select:active, textarea:active {
border-color: #f8be21!important;
outline: 0;
}
input::-webkit-input-placeholder{
color: #0F3300;
}
input:-moz-placeholder{
color: #0F3300;
}
select::-webkit-input-placeholder{
color: #0F3300;
}
select:-moz-placeholder{
color: #0F3300;
}
.form_all_fields input[type="submit"] {
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
input[type="submit"]:focus, input[type="submit"]:active {
border-color: transparent!important;
outline: 0;
}
.wpcf7-response-output {
font-size: 16px;
line-height: 25px;
color: #fff;
font-weight: 600;
position: relative;
padding-left: 40px!important;
box-sizing: border-box;
padding-right: 0!important;
border: 0!important;
}
.form_all_fields + .wpcf7-response-output {
max-width: 365px;
margin: 0 auto;
}
.wpcf7-response-output:before {
content: "\f100";
display: inline-block;
font-family: 'ralewaysemibold';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: inherit;
vertical-align: middle;
padding-right: 10px;
font-size: 30px;
position: absolute;
left: 10px;
}
.wpcf7-response-output.wpcf7-mail-sent-ok:before {
content: "\f375";
}
span.wpcf7-not-valid-tip {
color: #FAC324;
font-size: 12px;
line-height: 14px;
} .vigodi {
margin: 220px 0 110px 0;
}
.vigodi_zag {
font-family: 'ralewaysemibold';
font-size: 72px;
line-height: 1;
margin-bottom: 170px;
}
.vigodi_zag_rel .fon_zag {
width: 170px;
height: 20px;
right: -15px;
bottom: 15px;
}
span.vigodi_zag_rel {
position: relative;
}
span.fon_zag {
z-index: 90;
position: absolute;
background-color: #ffb500;
}
span.zag {
z-index: 99;
position: relative;
}
.vigodi_zag span.fon_zag {
width: 200px;
height: 30px;
top: 29px;
right: -26px;
}
.vigodi_zag span.fon_zag:before {
content: '';
display: block;
position: absolute;
right: -50px;
top: 15px;
width: 25px;
height: 1px;
background-color: #000;
z-index: 88;
}
.vigodi_zag span.fon_zag:after {
content: '';
display: block;
position: absolute;
right: -38px;
top: 3px;
width: 1px;
height: 25px;
background-color: #000;
z-index: 89;
}
.vigodi_all li, .price_block .w66 .marg {
padding-left: 16.6%;
min-height: 200px;
padding-bottom: 50px;
}
.price_block .w66 .marg {
padding-left: 25%;
}
.vigodi_all ol {
counter-reset: list;
}
.vigodi_all ol, .vigodi_all li, .price_block .w66 {
position: relative;
}
.vigodi_all ol:before, .vigodi_all li:after, .price_block:first-child .w66:before, .price_block .w66:after {
content: '';
width: 66%;
height: 1px;
left: 0;
top: 0;
position: absolute;
display: inline-block;
vertical-align: top;
background-color: #292d38;
border-top: 1px solid #303644;
border-bottom: 1px solid #303644;
}
.price_block:first-child .w66:before, .price_block .w66:after {
width: 100%;
}
.vigodi_all li:after, .price_block .w66:after {
bottom: 0;
top: auto;
}
.vigodi_all li:before {
counter-increment: list;
content: counter(list, decimal-leading-zero) ". ";
display: inline-block;
width: 16.6%;
font-size: 100px;
line-height: 1;
display: inline-block;
position: absolute;
left: 0;
top: 20px;
color: #464646;
font-family: 'open_sansbold';
}
.vigodi_all p, .price_all_p {
font-size: 24px;
color: #464646;
line-height: 1.4;
}
.vigodi_all h5, .price_all h6 {
font-family: 'ralewaysemibold';
font-size: 48px;
color: #464646;
line-height: 1.2;
text-align: left;
padding-top: 31px;
margin-top: 0;
} .price {
margin: 110px 0;
}
.price_zag {
font-family: 'ralewaysemibold';
font-size: 72px;
line-height: 1;
margin-bottom: 170px;
text-align: right;
}
.price_zag span.fon_zag {
width: 140px;
height: 30px;
bottom: 8px;
left: -14px;
}
.price_zag span.fon_zag:before {
content: '';
display: block;
position: absolute;
left: -80px;
top: -17px;
width: 25px;
height: 1px;
background-color: #000;
z-index: 88;
}
.price_zag span.fon_zag:after {
content: '';
display: block;
position: absolute;
left: -68px;
top: -29px;
width: 1px;
height: 25px;
background-color: #000;
z-index: 89;
}
.symbol {
width: 25%;
counter-increment: list;
display: inline-block;
font-size: 100px;
line-height: 100px;
display: inline-block;
position: absolute;
left: 0;
top: 39px;
color: #464646;
font-family: 'open_sansbold';
}
.price_block .w33 img {
max-width: 93%;
margin-top: 20px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
opacity: 0.3;
}
.price_block:hover .w33 img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
opacity: 1;
}
.details {
position: relative;
font-size: 20px;
line-height: 34px;
padding-left: 40px;
margin-top: 30px;
color: #afafaf;
}
.details p {
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.plus {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border: solid 2px #afafaf;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.plus:before, .plus:after {
content: ' ';
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
background: #afafaf;
}
.plus:before {
width: 14px;
height: 3px;
margin: -1px 0 0 -7px;
}
.plus:after {
width: 3px;
height: 14px;
margin: -7px 0 0 -1px;
}
.open_details {
font-size: 20px;
line-height: 1.4;
margin: 0 0 0 40px;
overflow: hidden;
height: 0;
-webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, margin .3s linear;
transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, margin .3s linear;
}
.open_details.show {
overflow: visible;
height: auto;
-webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, margin .3s linear;
transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, margin .3s linear;
}
.details.show .plus {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.price_block .w66 {
min-height: 300px;
} .voprosi {
background-color: #464646;
color: #fff;
padding: 120px 0 210px 0;
}
.voprosi_zag {
font-family: 'ralewaysemibold';
font-size: 72px;
line-height: 1;
margin-bottom: 95px;
}
.voprosi_zag span.fon_zag {
width: 140px;
height: 20px;
bottom: 3px;
left: 9px;
}
.voprosi_all h5 {
font-family: 'ralewaysemibold';
font-size: 48px;
color: #fff;
line-height: 1.4;
text-align: left;
padding-top: 31px;
margin-top: 0;
}
.voprosi_all ol {
counter-reset: list;
}
.voprosi_all li {
position: relative;
padding-left: 16.6%;
margin-bottom: 35px;
}
.voprosi_all li:after {
content: '';
width: 100%;
height: 2px;
left: 0;
top: 0;
position: absolute;
display: inline-block;
vertical-align: top;
background-color: #b6b6b6;
}
.voprosi_all li:before {
counter-increment: list;
content: counter(list, decimal-leading-zero) ". ";
display: inline-block;
width: 16.6%;
font-size: 100px;
line-height: 1;
display: inline-block;
position: absolute;
left: 0;
top: 20px;
color: #b6b6b6;
font-family: 'open_sansbold';
}
.voprosi_all p {
font-size: 20px;
line-height: normal;
color: #fff;
line-height: 1.4;
}
.voprosi_all a {
color: #fff;
} .but_section {
margin: 150px 0;
}  .news_zag {
font-family: 'ralewaysemibold';
font-size: 72px;
line-height: 1;
margin-bottom: 76px;
}
.news_zag span.fon_zag {
width: 140px;
height: 40px;
bottom: 4px;
left: 40px;
}
.news_all {
margin-bottom: 30px;
}
.news_block {
margin-bottom: 136px;
}
.news_block .w33 img {
max-width: 93%;
margin-top: 14px;
}
.news_block .w66 .marg {
padding-left: 25%;
}
.news_block h6 {
font-family: 'ralewaysemibold';
font-size: 42px;
color: #333;
line-height: 1.2;
text-align: left;
margin-top: 0;
margin-bottom: 24px;
}
.news_block p, .news_block a.read_more {
font-size: 20px;
color: #333;
line-height: 1.4;
}
.news_block a.read_more {
text-align: right;
display: block;
text-decoration: none;
font-family: 'ralewaysemibold';
margin-top: 28px;
}
.news_block a {
text-decoration: none;
}
.mb70 {
margin-bottom: 50px;
}
.mb70 {
margin-bottom: 50px;
}
.buton_back {
margin-bottom: 195px;
} footer {
background-color: #333;
padding: 25px 0 15px 0;
color: #fff;
}
footer p {
font-size: 20px;
line-height: 1.4;
margin-bottom: 20px;
font-family: 'open_sansregular';
}
footer p.foot_zag {
font-family: 'open_sansbold';
font-size: 24px;
text-decoration: underline;
line-height: 1.4;
margin-bottom: 30px;
}
footer p.footer_link_p {
line-height: 45px;
}
p.footer_link_p span {
margin-right: 20px;
}
p.fon_p span {
background-color: #f5f5f5;
color: #333;
font-family: 'open_sansbold';
padding: 0 3px;
}
.footer_link {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
position: relative;
margin: 0 8px;
}
.footer_link_p span+a {
margin: 0;
}
.footer_link_pdf {
width: 45px;
height: 45px;
background-image: url(//leonidrusnak.ru/wp-content/themes/rusnak/img/pdf.png);
}
.footer_link_doc {
width: 46px;
height: 44px;
background-image: url(//leonidrusnak.ru/wp-content/themes/rusnak/img/doc.png);
} .news {
margin-top: 80px;
margin-bottom: 195px;
}
.news_img {
width: 100%;
height: 500px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.news_fon {
position: absolute;
width: 100%;
height: 100%;
background: rgba(30, 30, 30, 0.55);
}
.news_img .div_tab, .news_img .div_row {
width: 100%;
text-align: center;
}
.news_img a.home_articles_cat,
.news_img span.home_articles_cat {
background: transparent;
border-color: rgba(255, 255, 255, 0.6);
margin-top: 0;
margin-bottom: 30px;
}
.news_img h1 {
font-size: 54px;
color: #ffffff;
line-height: 1.2;
max-width: 900px;
font-weight: bold;
margin: 0 auto;
}
.news_img .times_articles {
padding: 0;
max-width: 600px;
color: #ffffff;
margin: 10px auto;
line-height: 26px;
font-size: 16px;
}
.news_sdbr {
width: 28%;
}
.news_sdbr .marg2 {
background: #f7f7f7;
padding: 60px 55px 60px 15px;
font-size: 16px;
line-height: normal;
margin: 0;
}
.news_txt_sdbr {
font-size: 16px;
line-height: 25px;
width: 72%;
}
.news_txt_sdbr .marg2 {
padding: 0 45px 0 15px;
margin: 0;
}
.news_txt_sdbr .marg2 .pad0 {
padding: 0;
}
.big_widget_head {
font-size: 25px;
margin: 0 0 8px;
line-height: 1.4;
font-weight: 700;
}
.big_widget li, .big_widget a {
font-size: 18px;
font-weight: 500;
line-height: 1.6;
}
.big_widget li {
margin-bottom: 10px;
}
.big_widget a {
font-size: 18px;
text-decoration: none;
color: #5E646A;
}
.big_widget a:hover {
color: #f8be21;
text-decoration: underline;
}
.related_news .home_articles_all {
padding-top: 20px;
}  .news_txt .wp-caption {
max-width: 100%;
}
.news_txt .wp-caption p {
line-height: 26px;
font-size: 18px;
color: #777777;
}
.news_txt img,  .news_txt .wp-caption img {
max-width: 100%;
height: auto;
}
.news_txt p, .news_txt span, .news_txt a, .news_txt em, .news_txt li, .news_txt td {
font-size: 18px;
line-height: 25px;
}
.news_txt th {
font-size: 19px;
line-height: 25px;
font-weight: 600;
}
.news_txt p, .news_txt table {
margin-bottom: 20px;
}
table.noborder, table.noborder td {
border: 0px;
outline: 0px;
vertical-align: top;
}
table.noborder {
margin-bottom: 50px;
}
table.noborder td.w50 {
padding: 0 40px 0 0;
}
.news_txt ul {
margin-bottom: 15px;
}
.news_txt li {
position: relative;
}
.news_txt ul li:before { display: inline-block; font-family: "FontAwesome";
content: "\f00c";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: inherit;
vertical-align: middle;
padding-right: 10px;
font-size: 18px;
}
.news_txt ol {
outline: 0px;
background: none;
padding: 0;
margin: 0 0 15px 0;
counter-reset:li;
list-style:none;
}
.news_txt ol li {
padding-left: 0;
margin-bottom: 0;
}
.news_txt ol li::before {
background: none;
display: inline-block;
margin-right: 8px;
position: relative;
vertical-align: top; content: counter(li)".";
counter-increment: li;
}
.news_txt h1 {
font-size: 40px;
color: #373c40;
line-height: 44px;
text-align: center;
margin: 20px auto 30px auto;
}
.news_txt h2 {
color: #373c40;
font-size: 34px;
line-height: 1.5;
font-weight: 800;
margin-top: 0px;
margin-bottom: 0px;
}
.news_txt h3 {
font-size: 26px;
line-height: 1.5;
color: #373c40;
text-align: center;
margin: 10px auto 20px auto;
}
.news_txt h4, .related_news_zag {
font-size: 20px;
line-height: 1.5;
color: #373c40;
text-align: center;
margin: 36px auto 36px auto;
font-family: 'ralewaybold';
}
.news_txt h5 {
font-size: 18px;
line-height: 1.5;
color: #373c40;
text-align: center;
margin: 10px auto 20px auto;
}
.news_txt h6 {
font-size: 16px;
line-height: 1.5;
color: #373c40;
text-align: center;
margin: 5px auto 10px auto;
}
pre {
background: rgba(0, 0, 0, 0.05);
padding: 15px;
font-family: monospace, monospace;
font-size: 1em;
overflow: auto;
color: #5e646a;
line-height: 25px;
margin: 10px 0;
}
blockquote, q {
margin: 25px 0;
padding: 0 30px;
font-size: 15px;
line-height: 30px;
quotes: "" "";
position: relative;
}
blockquote:after, q:after {
content: '';
background: rgba(0, 0, 0, 0.15);
width: 1px;
height: 100%;
position: absolute;
top: 5px;
left: 0;
height: 100%;
}
blockquote p, q p {
margin-bottom: 10px;
}
blockquote p:last-child {
margin-bottom: 0px;
}
sup {
vertical-align: super;
font-size: 10px;
line-height: 0;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
margin: auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a.link_articles {
font-size: 20px;
line-height: 1.5;
color: #373c40;
text-decoration: none;
font-weight: 700;
padding: 20px 25px 0;
display: block;
}
a.link_articles:hover {
color: #f8be21;
}
.times_articles {
font-size: 12px;
text-transform: uppercase;
color: #999999;
line-height: 1.5;
font-weight: 400;
padding: 20px 25px 0;
} .f_popup_all {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.4);
zoom: 1;
width: 100%;
height: auto;
}
.popup_form {
position: absolute;
top: 50%;
left: 50%;
z-index: 99999;
background: #fff;
width: 300px;
height: auto;
margin-left: -150px;
margin-top: -150px;
box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.35);
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.open_popup {
cursor: pointer;
}
.f_close {
width: 20px;
height: 20px;
position: absolute;
top: 16px;
right: 16px;
font-size: 21px;
color: #e94e1b;
outline: none;
cursor: pointer;
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.f_close:before {
content: '';
position: absolute;
display: inline-block;
vertical-align: top;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #333;
}
.f_close:after {
content: '';
position: absolute;
display: inline-block;
vertical-align: top;
top: 0;
left: 50%;
height: 100%;
width: 1px;
background-color: #333;
}
.f_close:hover:before, .f_close:hover:after {
opacity: 0.7;
}
div.wpcf7 {
margin: 20px;
padding: 0;
}
.form_input.fi3 {
text-align: center;
}
div.wpcf7 .ajax-loader {
display: none;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 14px;
font-weight: normal;
display: block;
margin-bottom: 10px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
border: 0;
font-size: 14px;
line-height: 1.2;
padding: 0;
}
@media screen and (max-width: 1440px) {
.allosn {
max-width: 1200px;
}
.about_txt p.about_title {
margin-top: 37px;
}
}
@media screen and (min-width: 1300px) {
.news_txt p, .news_txt table {
margin-bottom: 25px;
}
.news_txt p, .news_txt span, .news_txt a, .news_txt em, .news_txt li, .news_txt td {
font-size: 22px;
line-height: 30px;
}
a.link_articles {
font-size: 23px;
}
.news_txt h1 {
font-size: 45px;
}
.news_txt h2 {
font-size: 38px;
}
.news_txt h3 {
font-size: 29px;
}
.news_txt h4, .related_news_zag {
font-size: 23px;
}
.news_txt h5 {
font-size: 20px;
}
.news_txt h6 {
font-size: 18px;
}
.times_articles {
font-size: 14px;
}
.mb70 {
margin-bottom: 80px;
}
}
@media screen and (max-width: 1300px) {
.allosn {
max-width: 1100px;
}
.head1, .head1>.allosn {
height: 100px;
}
.logo img {
margin-top: 4%;
}
.menu1 li {
margin-top: 18px;
}
.about_txt p.about_title {
font-size: 42px;
margin-bottom: 30px;
}
.about_txt p.about_podtitle {
margin: 0 0 30px 0;
font-size: 36px;
}
.about_txt p.about_big {
font-size: 17px;
}
.about_txt p {
font-size: 18px;
}
.home_about .tel_but {
margin-top: 80px;
}
.home_about {
margin: 180px 0 120px 0;
}
.portf_all {
margin-bottom: 120px;
}
.portf_zag, .vigodi_zag, .price_zag, .voprosi_zag, .news_zag, .news_txt .short_portfolio span.zag  {
font-size: 60px;
}
.portf_zag {
margin: 85px 0 80px 0;
}
.button, .sliderbl p.button, input[type="submit"] {
font-size: 22px;
}
.vigodi_all h5, .price_all h6, .voprosi_all h5, .news_block h6 {
font-size: 40px;
}
.vigodi_all li:before, .symbol, .voprosi_all li:before {
font-size: 80px;
}
.symbol {
top: 33px;
}
.vigodi {
margin: 110px 0 110px 0;
}
.vigodi_zag, .price_zag, .voprosi_zag {
margin-bottom: 80px;
}
.vigodi_all p, .price_all_p, .voprosi_all p, .news_block p, .news_block a.read_more {
font-size: 20px;
}
.vigodi_all li, .price_block .w66 .marg {
min-height: 160px;
}
.price_block .w33 img {
max-width: 90%;
margin-top: 20px;
}
.details {
font-size: 18px;
line-height: 24px;
padding-left: 32px;
}
.open_details {
margin: 0 0 0 32px;
}
.plus {
width: 20px;
height: 20px;
}
.plus:before {
width: 10px;
height: 2px;
margin: -1px 0 0 -5px;
}
.plus:after {
width: 2px;
height: 10px;
margin: -5px 0 0 -1px;
}
.voprosi {
padding: 80px 0;
}
.but_section {
margin: 80px 0;
}
.news_zag {
margin-bottom: 50px;
}
.news_block .w66 .marg {
padding-left: 5%;
}
.news_block {
margin-bottom: 65px;
}
.news {
margin: 50px 0 120px 0;
}
.buton_back {
margin-bottom: 120px;
}
footer p {
font-size: 17px;
}
.footer_link_pdf {
width: 30px;
height: 30px;
}
.footer_link_doc {
width: 32px;
height: 31px;
background-image: url(//leonidrusnak.ru/wp-content/themes/rusnak/img/doc.png);
}
footer p.footer_link_p {
line-height: 30px;
}
p.footer_link_p span {
margin-right: 10px;
}
.vigodi_zag_rel .fon_zag {
width: 139px;
height: 16px;
right: -8px;
bottom: 13px;
}
.vigodi_zag span.fon_zag {
width: 166px;
height: 26px;
top: 24px;
right: -15px;
}
.vigodi_zag span.fon_zag:before {
right: -37px;
top: 12px;
width: 23px;
}
.vigodi_zag span.fon_zag:after {
right: -26px;
top: 1px;
height: 23px;
}
.price_zag span.fon_zag {
width: 118px;
height: 23px;
bottom: 8px;
left: -8px;
}
.price_zag span.fon_zag:before {
left: -66px;
top: -9px;
width: 23px;
}
.price_zag span.fon_zag:after {
left: -55px;
top: -20px;
height: 23px;
}
.voprosi_zag span.fon_zag {
width: 115px;
height: 17px;
bottom: 4px;
left: 9px;
}
.news_zag span.fon_zag {
width: 112px;
height: 31px;
bottom: 5px;
left: 31px;
}
.price_block .w66 {
min-height: 250px;
}
}
@media screen and (max-width: 1100px) {
.allosn {
max-width: 960px;
}
li#menu-item-9, li#menu-item-11 {
position: absolute;
top: 0;
left: 50%;
position: relative;
top: auto;
left: auto;
}
li#menu-item-9 a, li#menu-item-11 a {
padding: 0 20px;
}
}
@media screen and (max-width: 1023px) {
.allosn {
max-width: 900px;
}
.home_about {
margin: 80px 0;
}
.div_row2 img {
max-width: 150px;
}
.head1, .head1>.allosn {
height: auto;
}
.logo img {
margin: 20px 0;
}
.menu1 {
text-align: center;
width: 100%;
}
.menu1 li.tel-menu {
width: 100%;
margin-bottom: 20px;
line-height: 24px;
border: 0;
margin-top: 15px;
}
.menu1 li {
margin-top: 0px;
line-height: 24px;
}
.menu1 li a {
font-size: 20px;
padding: 0 15px;
line-height: 24px;
}
.menu1 li.tel-menu a {
border: 2px solid #a5a5a5;
line-height: 30px;
border-radius: 12px;
}
.logo {
width: 100%;
float: none;
text-align: center;
}
.about_img, .about_txt {
width: 100%;
}
.home_about .about_img .marg2, .home_about .about_txt .marg2 {
margin: 0 auto;
}
.border_foto {
max-width: 300px;
margin: 0 auto;
}
.about_txt .div_tab {
width: 100%;
}
.home_about .tel_but {
margin-top: 50px;
}
article.folio_block {
width: 50%;
}
.folio_block.w33:nth-child(2n+1) .marg3 {
margin-left: 0;
margin-right: 5px;
}
.folio_block.w33:nth-child(2n+2) .marg3 {
margin-left: 5px;
margin-right: 0;
}
.folio_block {
margin-bottom: 10px;
}
.button, .sliderbl p.button, input[type="submit"] {
font-size: 20px;
line-height: 40px;
}
.portf_zag, .vigodi_zag, .price_zag, .voprosi_zag, .news_zag, .news_txt .short_portfolio span.zag  {
font-size: 48px;
}
.portf_zag {
margin: 50px 0;
}
.portf_all {
margin: 60px 0;
}
.vigodi_all li:before, .symbol, .voprosi_all li:before {
font-size: 70px;
}
.vigodi_all li:before, .voprosi_all li:before {
top: 26px;
}
.symbol {
top: 21px;
}
.vigodi_zag span.fon_zag {
width: 135px;
height: 21px;
top: 19px;
right: -16px;
}
.vigodi_zag span.fon_zag:before {
right: -35px;
top: 11px;
width: 19px;
}
.vigodi_zag span.fon_zag:after {
right: -26px;
top: 2px;
height: 19px;
}
.price_zag span.fon_zag {
width: 98px;
height: 21px;
bottom: 6px;
left: -8px;
}
.price_zag span.fon_zag:before {
left: -66px;
top: -11px;
width: 19px;
}
.price_zag span.fon_zag:after {
left: -57px;
top: -20px;
height: 19px;
}
.voprosi_zag span.fon_zag {
width: 91px;
height: 14px;
bottom: 3px;
left: 9px;
}
.news_zag span.fon_zag {
width: 90px;
height: 26px;
bottom: 4px;
left: 27px;
}
.vigodi_zag_rel .fon_zag {
width: 113px;
height: 12px;
right: -8px;
bottom: 10px;
}
}
@media screen and (max-width: 959px) {
.allosn {
max-width: 90%;
}
.div_row2 {
text-align: center;
}
.div_row3 {
text-align: right;
}
.f1, .f2 {
width: 100%;
}
.price_block .w33 img {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.price_block .w33, .news_block .w33 {
width: 100%;
text-align: center;
}
.price_block .w66, .news_block .w66 {
width: 100%;
}
.price_block .w33 img, .news_block .w33 img {
max-width: 300px;
height: auto;
}
.price_block:first-child .w66:before {
display: none;
}
.price_block .w66:after {
width: 100%;
}
.price_block:before {
content: '';
width: 100%;
height: 1px;
left: 0;
top: 0;
position: absolute;
display: inline-block;
vertical-align: top;
background-color: #292d38;
border-top: 1px solid #303644;
border-bottom: 1px solid #303644;
}
.price_all {
position: relative;
}
}
@media screen and (max-width: 601px) {
.vigodi_all li:before, .symbol, .voprosi_all li:before {
font-size: 48px;
}
.vigodi_all li:before, .voprosi_all li:before {
top: 33px;
}
.symbol {
top: 12px;
}
.div_row2 img {
max-width: 105px;
}
.symbol {
position: relative;
line-height: 1;
}
.price_block .w66 .marg {
padding-left: 0;
}
article.folio_block {
width: 100%;
}
.folio_block.w33:nth-child(2n+1) .marg3 {
margin-left: 0;
margin-right: 0;
}
.folio_block.w33:nth-child(2n+2) .marg3 {
margin-left: 0;
margin-right: 0;
}
.folio_block {
margin-bottom: 20px;
}
}
@media screen and (max-width: 479px) {
.vigodi_all h5, .price_all h6, .voprosi_all h5, .news_block h6, .about_txt p.about_title {
font-size: 30px;
}
.about_txt p.about_podtitle {
font-size: 28px;
}
.symbol, .vigodi_all li:before, .voprosi_all li:before {
display: none;
}
.vigodi_all li, .price_block .w66 .marg, .voprosi_all li {
padding-left: 0;
min-height: auto;
}
.price_block .w33 img, .news_block .w33 img {
max-width: 100%;
height: auto;
}
}