html, body, div, span, 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%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.2;
overflow-x: hidden;
width: 100%;
}
ol {
padding-left: 16px;
list-style: decimal;
}
ul {
padding-left: 16px;
list-style: disc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
.alignleft {
float: left;
margin-right: 10px;
}
.alignright {
float: right;
margin-left: 10px;
}
.aligncenter {
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
padding: 5px 0;
font-size: 12px;
}
body {
font-family: "PT Sans", sans-serif;
font-size: 0.92rem;
color: #414141;
}
a {
color: #0f5f90;
outline: none;
text-decoration: none;
}
* {
outline: none;
box-sizing: border-box !important;
}
a:hover {
text-decoration: underline;
}
ul.ul-reset, .ul-reset ul {
padding: 0;
margin: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
video, iframe {
max-width: 100%;
}
.push-left {
float: left;
}
.push-right {
float: right;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
h1, h2, h3, h4, h5, h6, .title {
font-weight: bold;
font-size: 2.125rem;
margin-bottom: 30px;
}
h1 {
font-size: 1.625rem;
}
h2 {
font-size: 1.4375rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 1rem;
}
h1 span {
display: block;
}
.link-all {
color: #ea2628;
font-size: 0.8125rem;
}
.error404 .wrapper {
background: url("img/bg-404.jpg") no-repeat bottom;
height: auto;
}
.content {
width: auto;
}
.header .logo {
width: 270px;
max-width: 100%;
}
.company_info {
text-align: center;
background-color: #003877;
color: #ffffff;
padding: 0.5rem 1rem;
}
@media screen and (max-width: 1220px) {
.content {
width: 68%;
position: relative;
}
}
@media screen and (max-width: 1000px) {
.content {
float: none;
width: auto;
margin-bottom: 20px;
}
}
.breadcrumbs {
margin-bottom: 20px;
}
.header {
position: relative;
margin-bottom: 30px;
margin-top: 40px;
width: 100%;
max-width: 1210px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.header-inner {
box-sizing: border-box;
padding: 0 !important;
}
.header-address {
width: 175px;
position: absolute;
right: 239px;
top: 32px;
font-size: 15px;
color: rgb(27, 27, 27);
line-height: 1.267;
display: none;
}
.header-address span {
display: block;
}
.header-address-title {
margin-bottom: 10px;
font-weight: bold;
}
.header-address button {
display: block;
position: relative;
margin: 14px 0 0 25px;
padding: 0 0 1px;
cursor: pointer;
background: none;
font-size: 14px;
text-align: left;
font-family: "PT Sans";
color: rgb(15, 95, 144);
font-weight: 700;
border: none;
border-bottom: dashed 1px rgb(172, 172, 172);
}
.header-address button:before {
content: "";
display: block;
width: 15px;
height: 14px;
position: absolute;
left: -25px;
top: 3px;
background: url(images/icons.png) -135px -30px no-repeat;
}
.header-address button:hover {
border-bottom: none;
}
.header-feedback button {
display: block;
width: 100%;
height: 43px;
position: relative;
padding-left: 58px;
margin-bottom: 10px;
border: none;
outline: none;
border-radius: 5px;
background: rgb(211, 1, 0);
cursor: pointer;
font-size: 14px;
color: rgb(251, 251, 251);
font-weight: bold;
text-align: left;
}
.header-feedback button:hover {
opacity: 0.8;
}
.header-feedback button:before {
content: "";
display: block;
width: 29px;
height: 31px;
position: absolute;
left: 14px;
top: 7px;
}
.header-feedback button:nth-child(1) {
box-shadow: 0 0 5px 5px rgba(255, 144, 145, 0.4);
}
.header-feedback button:nth-child(2) {
background: rgb(15, 95, 144);
box-shadow: 0 0 5px 5px rgba(129, 207, 255, 0.4);
}
.header-feedback button:nth-child(1):before {
background: url("images/icons.png") 0 -30px no-repeat;
}
.header-feedback button:nth-child(2):before {
background: url("images/icons.png") -30px -30px no-repeat;
}
.header-phone-inner {
position: relative;
min-height: 30px;
padding: 0 0 0 42px;
}
.header-phone-inner:before {
content: "";
display: block;
width: 31px;
height: 28px;
position: absolute;
left: 0;
top: 50%;
margin-top: -13px;
background: url("images/icons.png") -60px -30px no-repeat;
}
.header-phone-inner a {
display: block;
margin-bottom: 6px;
font-size: 24px;
color: rgb(15, 95, 144);
line-height: 0.9;
text-decoration: none;
}
.header-phone-button {
margin: 14px 0 0 42px;
}
.header-phone button {
display: block;
width: 100%;
position: relative;
padding: 6px 0 8px;
border: 1px solid rgb(16, 137, 0);
border-radius: 5px;
outline: none;
background: none;
cursor: pointer;
font-size: 15px;
color: rgb(16, 137, 0);
text-align: center;
text-decoration: none;
font-weight: 500;
}
.header-phone button:before {
content: "";
display: inline-block;
vertical-align: top;
width: 10px;
height: 13px;
margin: 3px 15px 0 0;
background: url("images/icons.png") 0 0 no-repeat;
}
.header-phone button:hover {
opacity: 0.8;
}
.sub_phone {
display: block;
line-height: 1;
font-size: 14px;
text-align: center;
}
.header-text {
display: inline-block;
max-width: 220px;
margin: 16px 0 0 30px;
font-size: 15px;
color: rgb(90, 90, 90);
font-style: italic;
}
.header-text span {
display: block;
}
@media (max-width: 999px) {
body {
background: none;
}
}
.header-phone-inner a:hover {
text-decoration: underline;
}
.menu-main {
position: relative;
border-radius: 3px;
background: rgb(235, 247, 255);
margin-top: 40px;
}
.menu-main ul {
width: 100%;
list-style: none;
font-weight: bold;
text-align: center;
}
.menu-main ul li {
margin-right: 60px;
position: relative;
display: inline-block;
}
.menu-main ul li:last-child {
margin-right: 0;
}
.menu-main ul li a {
display: block;
position: relative;
padding: 17px 0;
text-transform: uppercase;
color: rgb(53, 53, 53);
font-size: 1rem;
font-weight: bold;
text-decoration: none;
font-family: "Roboto Condensed", sans-serif;
}
.menu-main .menu-item-has-children a {
padding-right: 20px;
}
.menu-main .menu-item-has-children a:after {
content: "";
display: block;
width: 11px;
height: 8px;
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
background: url(images/icons.png) -135px 0px no-repeat;
}
.menu-main ul li a:hover {
color: #00578c;
}
/* submenu */
.menu-main ul ul {
list-style: none;
position: absolute;
-webkit-transition: 0.25s linear opacity;
z-index: 10;
background: #fff;
border-radius: 5px;
border-radius: 0 0 5px 5px;
width: 200px;
padding: 15px 20px;
margin-top: 10px;
z-index: 10000;
line-height: normal;
text-align: left;
background: rgb(0, 87, 140);
opacity: 0;
visibility: hidden;
}
.menu-main ul ul:before {
content: "";
display: block;
height: 11px;
width: 100%;
position: absolute;
left: 0;
top: -11px;
}
.menu-main ul ul:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 6px solid rgb(0, 87, 140);
position: absolute;
left: 130px;
top: -6px;
}
.menu-main ul ul li {
display: block;
float: none;
padding: 6px 0;
margin: 0;
}
.menu-main ul ul li:last-child {
border: none;
}
.menu-main ul ul a {
display: block;
padding: 0;
color: #444444;
font-size: 15px;
text-decoration: none;
font-weight: normal;
text-transform: none;
color: rgb(255, 255, 255);
}
.menu-main ul ul a:hover {
color: rgb(235, 247, 255);
}
.menu-main .menu-item-has-children ul a:after {
display: none;
}
/* hover for submenu */
.menu-main ul li:hover ul {
left: -50px;
z-index: 10000;
display: block;
opacity: 1;
visibility: visible;
}
.menu-main ul li:hover ul a {
text-decoration: none;
-webkit-transition: -webkit-transform 0.075s linear;
}
.menu-main ul ul .menu-item-has-children > a {
background: url("img/menu_open_3.png") right center no-repeat;
}
.menu-main ul li:hover ul ul {
left: -9999px;
opacity: 0;
-webkit-transition: 0.25s linear opacity;
width: 240px;
margin-left: 264px;
margin-top: -30px;
}
.menu-main ul ul ul:before {
height: 100%;
width: 33px;
left: -33px;
top: 0px;
background: url("img/corner-menu-4.png") right 8px no-repeat;
}
.menu-main ul li:hover ul li:hover ul {
left: 0px;
opacity: 1;
}
#menu-open {
display: none;
}
@media screen and (max-width: 1200px) {
.menu-main ul li {
margin: 0 12px;
}
}
@media screen and (max-width: 999px) {
#menu-open {
display: inline-block;
width: 40px;
border: none;
outline: none;
background: none;
cursor: pointer;
}
#menu-open:before {
content: "";
display: block;
height: 5px;
margin-bottom: 5px;
border-top: 5px solid #00578c;
border-bottom: 5px solid #00578c;
}
#menu-open:after {
content: "";
display: block;
border-top: 5px solid #00578c;
}
#menu-open span {
display: none;
}
.menu-main {
display: block;
width: 100%;
position: static;
background: #00578c;
border-radius: 0;
}
.menu-main ul {
display: block;
width: 320px;
max-width: 100%;
margin: 0 auto 20px;
padding: 10px 0;
}
.menu-main ul ul {
visibility: visible;
}
.menu-main ul li, .menu-main ul ul li {
position: static;
width: 100%;
text-align: left;
margin: 5px 0;
border: none;
}
.menu-main ul ul, .menu-main ul ul ul, .menu-main ul li:hover ul, .menu-main ul li:hover ul ul, .menu-main ul li:hover ul li:hover ul {
position: static;
left: 0;
opacity: 1;
margin: 0;
padding: 0 0 0 20px;
border: none;
border-radius: 0;
width: 100%;
background: #00578c;
text-align: left;
}
.menu-main ul ul:before {
display: none;
}
.menu-main ul li a {
display: inline-block;
width: auto;
padding: 7px 0;
text-align: left;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
font-family: "Roboto Condensed", sans-serif;
color: #fff;
}
.menu-main ul li a:hover {
color: #fff;
}
.menu-main .menu-item-has-children a:after {
display: none;
}
.menu-main ul ul ul:before {
display: none;
}
.menu-main .menu-item-has-children > a,
.menu-main ul ul .menu-item-has-children > a {
padding-right: 0;
background: none;
}
.menu-main ul {
display: none;
}
}
.info {
border: 1px solid #d6d6d6;
border-radius: 5px;
margin-bottom: 44px;
}
.info-text {
border-radius: 5px 5px 0 0;
background: url("img/icon-info.png") no-repeat 29px center #00578c;
padding: 37px 30px 37px 110px;
color: #fff;
font-weight: 500;
}
.about {
background: #f7f7f7;
border-radius: 5px 5px 0 0;
padding: 30px 35px;
}
.about figure {
float: left;
width: 408px;
}
.about p {
color: #5c5b5b;
margin: 0 0 24px 443px;
font-size: 0.875rem;
line-height: 21px;
}
.hot-line {
padding: 40px 0 40px 35px;
}
.hot-line-number {
float: left;
border-right: 1px solid #d6d6d6;
padding-right: 30px;
color: #ea2628;
font-size: 1.25rem;
margin-right: 39px;
}
.hot-line-number > a {
text-decoration: none;
}
.hot-line-number a {
color: #00578c;
font-size: 3.125rem;
}
.hot-line-number a span {
font-weight: bold;
}
.hot-line p {
color: #5c5b5b;
font-size: 1.125rem;
padding-top: 20px;
}
@media screen and (max-width: 1000px) {
.about figure {
float: none;
width: auto;
max-width: 408px;
margin: 0 auto 20px auto;
}
.about p {
margin: 0 0 24px 0;
}
.hot-line {
padding: 40px 0;
}
.hot-line-number {
float: none;
border-right: 0;
padding-right: 0;
text-align: center;
margin-right: 0;
font-size: 16px;
}
.hot-line-number a {
font-size: 30px;
}
.hot-line p {
text-align: center;
}
}
/*-------------------- fotos --------------------*/
.fotos {
border-radius: 5px;
border: 1px solid #d6d6d6;
padding: 32px 64px;
box-shadow: inset 0 0 35px rgba(0, 87, 140, 0.15);
margin-bottom: 50px;
}
.fotos-title {
text-align: center;
font-size: 1.6875rem;
font-weight: 500;
margin-bottom: 32px;
}
.slider-foto {
text-align: center;
}
.fotos img {
display: inline;
max-width: 172px;
}
.fotos img:hover {
opacity: 0.51;
}
/* Arrows */
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
width: 20px;
height: 28px;
margin-top: -14px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
}
.slick-prev {
background: url("img/arr-prev.png") no-repeat left;
left: -43px;
}
.slick-next {
background: url("img/arr-next.png") no-repeat left;
right: -43px;
}
/*-------------------- specialists --------------------*/
@media screen and (max-width: 1220px) {
.slide-item-content {
position: absolute;
}
.icons li {
padding: 0;
}
}
/*-------------------- article --------------------*/
blockquote {
padding: 15px 20px;
background: #f3faff;
margin-bottom: 25px;
}
.article {
margin-bottom: 50px;
}
@media screen and (max-width: 400px) {
.article {
max-width: 100%;
overflow: hidden;
}
}
.article:after {
display: block;
content: "";
clear: both;
}
.article:last-child {
margin: 0;
}
.article p {
margin-bottom: 26px;
font-size: 16px;
line-height: 20px;
}
.article p img {
border: 7px solid #ecebeb;
-moz-border-radius: 7px / 8px;
-webkit-border-radius: 7px / 8px;
border-radius: 7px / 8px;
background-color: #ddd;
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
margin-right: 30px;
margin-bottom: 20px;
}
.article p:last-child {
margin: 0;
}
.article a {
text-decoration: underline;
}
.article a:hover {
text-decoration: none;
}
.article ul, .article ol {
padding: 0;
margin: 0 0 22px 0;
list-style: none;
}
.article ul ul, .article ol ol {
margin: 22px 0;
}
.article ul li {
padding-left: 21px;
margin-bottom: 8px;
background: url("img/arr-2.png") no-repeat left 4px;
}
.article ul li:last-child {
margin: 0;
}
.article ol {
counter-reset: list;
}
.article ol li {
padding-left: 21px;
position: relative;
margin-bottom: 8px;
}
.article ol li:last-child {
margin: 0;
}
.article ol > li:before {
counter-increment: list;
content: counter(list) ".";
position: absolute;
top: 0;
left: 0;
font-weight: bold;
color: #eb2e2f;
}
.article iframe {
display: block;
float: left;
margin: 0 10px 5px 0;
}
table {
width: 100% !important;
margin-bottom: 30px;
border: 1px solid #dbe6e6;
}
@media screen and (max-width: 550px) {
.article table {
display: block;
overflow-x: scroll;
}
}
#лечениеалкоголизма {
display: table;
}
.sale-cont {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
overflow-x: hidden;
column-gap: 1rem;
row-gap: 1rem;
}
@media screen and (max-width: 900px) {
.sale-cont {
grid-template-columns: repeat(2, 1fr);
row-gap: .5rem;
}
.sale-bottom {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 610px) {
.form-group {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 576px) {
.sale-cont {
grid-template-columns: repeat(1, 1fr);
}
.sale-cont figure {
width: 450px;
}
.sub_phone {display: none;}
}
@media screen and (max-width: 386px) {
.commands {
display: flex;
flex-direction: column;
}
.modal_form form {
padding-bottom: 0;
}
}
@media screen and (max-width: 355px) {
.modal_form legend {
top: 100px !important;
}
}
@media screen and (max-width: 460px) {
.sale-cont figure {
width: 100%;
}
}
table tr:nth-child(odd) {
background: #f4f4f4;
}
table tr:first-child {
background: #0f5f90;
color: #fff;
}
table td, table th {
vertical-align: middle;
padding: 5px 20px;
height: 32px;
color: #5d5c5c;
font-size: 1rem;
border-right: 1px solid #e1e1e1;
text-align:left;
}
table tr:first-child td, table tr:first-child th {
border-color: #dbe6e6;
text-transform: uppercase;
color: #fff;
height: 55px;
font-weight: normal;
}
@media screen and (max-width: 999px) {
table td,
table th {
font-size: 0.9rem;
}
table td {
padding: 5px;
}
}
@media screen and (max-width: 390px) {
table td {
font-size: 12px;
}
}
.video frame, .video video {
width: auto;
}
.footer {
/* margin-top: 70px;*/
padding: 47px 5px 30px;
position: relative;
background: rgb(246, 246, 246);
}
.footer-inner {
width: 1200px;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.footer-inner:after {
content: "";
display: block;
clear: both;
}
.footer-menu-cont {
margin-left: 270px;
padding-top: 10px;
text-align: right;
}
.footer-menu {
display: inline-block;
vertical-align: top;
width: 24%;
margin: 0;
padding: 0 0 40px 25px;
text-align: left;
}
.footer-menu-title {
display: block;
margin-bottom: 35px;
font-size: 23px;
color: rgb(0, 70, 112);
line-height: 1.087;
}
.footer-menu ul {
list-style-type: none;
display: block;
padding: 0;
}
.footer-menu li {
display: block;
margin-bottom: 10px;
}
.footer-menu a {
font-size: 15px;
color: rgb(47, 47, 47);
}
.footer-menu a:hover {
color: #00578c;
text-decoration: none;
}
.footer-info {
float: left;
width: 265px;
}
.footer .logo {
margin-bottom: 25px;
}
.footer-phone {
position: relative;
min-height: 30px;
margin-bottom: 24px;
padding-left: 43px;
}
.footer-phone:before {
content: "";
display: block;
width: 31px;
height: 28px;
position: absolute;
left: 0;
top: 50%;
margin-top: -13px;
background: url("images/icons.png") -60px -30px no-repeat;
}
.footer-phone a {
font-size: 25px;
color: rgb(0, 87, 140);
text-decoration: none;
}
.footer-phone a:hover {
text-decoration: underline;
}
.footer-contacts {
margin-bottom: 19px;
}
.footer-address,
.footer-email {
min-height: 20px;
position: relative;
padding: 0 0 0 45px;
margin-bottom: 7px;
font-size: 15px;
color: rgb(27, 27, 27);
}
.footer-email a {
color: rgb(27, 27, 27);
}
.footer-address:before, .footer-email:before {
content: "";
display: block;
width: 22px;
height: 18px;
position: absolute;
left: 4px;
top: -1px;
background: url("images/icons.png") -65px 0 no-repeat;
}
.footer-email:before {
top: 4px;
background: url("images/icons.png") -90px 0px no-repeat;
}
.footer .socials {
margin-bottom: 17px;
}
.footer .socials span {
display: none;
}
.footer .socials a {
display: inline-block;
width: 34px;
height: 33px;
margin-right: 0px;
background-size: auto 33px;
}
.footer .socials a:hover {
opacity: 0.8;
}
.footer .socials a:last-child {
margin-right: 0;
}
.footer .inst {
background: url("images/social.png") 0 0 no-repeat;
}
.footer .vk {
background: url("images/social.png") -35px 0 no-repeat;
}
.footer .youtube {
background: url("images/social.png") -69px 0 no-repeat;
}
.footer .copyright {
margin-right: -10px;
font-size: 14px;
color: rgb(119, 133, 143);
}
.footer .copyright span {
display: block;
}
.footer .animated-up {
position: absolute;
right: 137px;
text-align: center;
}
.footer .animated-up a {
display: inline-block;
width: 82px;
height: 82px;
padding-top: 18px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 5px 5px rgba(213, 213, 213, 0.4);
font-size: 16px;
color: rgb(0, 70, 112);
text-decoration: none;
margin-bottom: 2rem;
}
.footer .animated-up span {
display: block;
}
.footer .animated-up a:hover span {
opacity: 0.8;
}
#zapis-na-priem {min-height: 240px;}
.wpcf7-form-control.time {
pointer-events: none;
opacity: 0;
position: absolute;
}
#zapis-na-priem .service_page_form_title {text-align: left;}
@media (max-width: 1699px) {
.footer .animated-up {
right: 50px;
}
}
@media (max-width: 1399px) {
.footer .animated-up {
position: static;
}
}
@media (max-width: 999px) {
.footer-info {
float: none;
margin: 0 auto 40px;
}
.footer-menu-cont {
margin: 0;
text-align: center;
}
.footer-menu {
padding: 0 25px 40px;
}
}
@media (max-width: 699px) {
.footer-menu {
display: block;
width: 265px;
margin: 0 auto 30px;
padding: 0;
}
.footer-menu-title {
margin-bottom: 15px;
}
}
.privacy_policy {
display: inline-block;
margin-top: 10px;
font-size: 0.875rem;
}
.personal_information {
display: inline-block;
margin-top: 10px;
}
.social {
display: block;
}
.social a {
display: inline-block;
position: relative;
padding: 2px 0 0 30px;
margin-bottom: 5px;
}
.social a:before,
.social a:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 0;
}
.social a:after {
background: rgba(255, 255, 255, 0.5);
}
.social a:hover:after {
display: none;
}
.social a.fb:before {
background: url("img/socials-hov_min.png") no-repeat 0 1px;
}
.social a.od:before {
background: url("img/socials-hov_min.png") no-repeat -25px 1px;
}
.social a.vk:before {
background: url("img/socials-hov_min.png") no-repeat -50px 1px;
}
.social a.yt:before {
background: url("img/socials-hov_min.png") no-repeat -75px 1px;
}
.footer .tel2 {
top: 90px;
}
.footer_info {
width: 240px;
height: 43px;
position: absolute;
left: 670px;
bottom: 37px;
padding-top: 5px;
background-color: #fbfbfb;
border: 3px solid #e5e5e5;
float: left;
font-size: 14px;
font-family: "PT Sans";
color: rgb(0, 86, 143);
font-weight: bold;
text-transform: uppercase;
line-height: 1.071;
text-align: center;
}
.footer_info span {
font-size: 10px;
}
@media screen and (max-width: 1220px) {
.footer_info {
left: 450px;
bottom: 10px;
}
}
@media screen and (max-width: 1000px) {
.footer_info {
margin: 0 auto 15px;
position: static;
display: table;
float: none;
}
.footer .tel2 {
top: auto;
bottom: 5px;
margin-bottom: 0;
}
.personal_information {
display: block;
text-align: center;
margin-bottom: 30px;
}
}
/*-------------------- gallery --------------------*/
.gallery a {
float: left;
}
.gallery a:nth-child(5n) {
margin-right: 0;
}
.gallery img {
display: block;
width: 154px;
height: 110px;
}
@media screen and (max-width: 1000px) {
.gallery a {
float: left;
margin: 0 0 24px 0;
width: 50%;
text-align: center;
}
.gallery img {
display: inline;
}
}
.gallery_new {
width: 850px;
max-width: 100%;
margin: 0 auto 50px;
}
.gallery_new:after {
content: "";
display: block;
clear: both;
}
.gallery_new a {
float: left;
text-decoration: none;
}
.gallery_new_h2 {
text-align: center;
font-size: 20px;
font-family: "PT Sans";
color: #00568f;
font-weight: bold;
line-height: 0.75;
float: left;
width: 100%;
}
.all_photo_href {
width: 100%;
height: 33px;
text-align: center;
background-color: #e8e8e8;
font-size: 14px;
font-family: "PT Sans";
color: rgb(94, 94, 94);
line-height: 2.5;
border-radius: 5px;
margin: 0 0 25px 0;
float: left;
}
.gallery_new section {
width: 100%;
gap: 1rem;
column-count: 3;
}
.gallery_new section a:nth-child(1) {margin-top:0;}
.gallery_new section a {
margin: 1rem 0;
float: none;
display: block;
}
.gallery_new section img {
width: 100%;
height: unset;
}
.gallery_href {
margin: 0 0 24px 19px;
}
.gallery_href:first-child, .gallery_href:nth-child(4n) {
margin-left: 0;
}
.gallery_new img {
display: block;
width: 270px;
height: 172px;
object-fit: cover;
}
.gallery_new_big img {
display: block;
width: 560px;
height: 368px;
}
.gallery_href_two img {
display: block;
width: 415px;
height: 264px;
}
@media screen and (max-width: 1000px) {
.gallery_new section {
column-count: 1;
}
.gallery_new a {
margin: 0 0 24px 0;
width: 100%;
text-align: center;
}
.gallery_new img {
max-width: 70%;
min-width: 70%;
height: auto;
display: inline;
}
}
/*-------------------- pages --------------------*/
.pages {
display: table;
margin: 0 auto 24px auto;
}
.pages a, .pages span {
display: inline-block;
width: 22px;
line-height: 22px;
border-radius: 50%;
text-align: center;
color: #414141;
font-size: 0.875rem;
}
.pages span {
color: #fff;
background: #eb2e2f;
font-weight: bold;
}
/*-------------------- spec-list --------------------*/
.spec-list {
border-bottom: 1px solid #d2d2d2;
margin-bottom: 38px;
padding-bottom: 10px;
}
.spec-list ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 4rem;
row-gap: 3rem;
list-style: none;
}
.spec-list ul li {
list-style: circle;
padding-left: 0 !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background: none;
width: 100%;
}
.spec-list ul li a, .spec-list ul li figure {
display: block;
width: 100%;
}
.ul-reset .clr p {
text-align: center;
}
.ul-reset .clr p b {
text-align: center;
margin-top: 1rem;
}
.clr:after {
content: '';
display: table;
clear: both;
}
.docs {
width: 100%;
display: grid;
grid-template-columns: repeat(7, 1fr);
justify-content: center;
justify-items: center;
align-items: start;
row-gap: 1rem;
}
.docs a img {
object-fit: contain;
}
.spec-list ul li figure img {
width: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.spec-list ul li p {
margin-bottom: 10px;
font-size: 1.125rem;
}
.spec-list ul li p:last-child {
margin: 0;
}
.spec-list ul li p b {
display: inline-block;
font-weight: bold;
color: #00578c;
font-size: 1.5rem;
line-height: 1.2;
}
.spec-list a:hover img {
opacity: 0.8;
}
@media screen and (max-width: 1000px) {
.spec-list ul {
grid-template-columns: repeat(3, 1fr);
column-gap: 0.5rem;
row-gap: 2rem;
}
.spec-list ul li p b {font-size: 1.25rem;}
.spec-list ul li p {font-size: 1rem;}
}
@media screen and (max-width: 768px) {
.spec-list ul {
column-gap: 1rem;
}
}
@media screen and (max-width: 600px) {
.spec-list ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 420px) {
.spec-list ul {
grid-template-columns: repeat(1, 1fr);
}
.spec-list ul li p {
padding: 0 2rem;
}
}
.fancybox-close {
position: absolute !important;
top: -18px !important;
right: -22px !important;
width: 45px !important;
height: 36px !important;
background-size: cover;
}
.fancybox-prev span {
background-size: cover !important;
background-position: 0 -29px !important;
width: 36px !important;
height: 30px !important;
}
.fancybox-next span {
background-size: cover;
background-position: 0 -58px !important;
width: 36px !important;
height: 30px !important;
right: 3px !important;
}
/*-------------------- docs --------------------*/
.docs a:nth-child(5n) {
margin-right: 0;
}
.docs a img {
display: block;
width: 138px;
height: 216px;
}
@media screen and (max-width: 1000px) {
.docs {
grid-template-columns: repeat(6, 1fr );
}
}
@media screen and (max-width: 800px) {
.docs {
grid-template-columns: repeat(5, 1fr );
}
}
@media screen and (max-width: 700px) {
.docs {
grid-template-columns: repeat(4, 1fr );
}
}
@media screen and (max-width: 550px) {
.docs {
grid-template-columns: repeat(3, 1fr );
}
.docs a img {
height: 150px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.article {
margin-bottom: 0;
}
.article>p {
margin: 0;
padding: 0;
}
.docs {
row-gap: 0;
}
}
@media screen and (max-width: 450px) {
.docs {
grid-template-columns: repeat(2, 1fr );
}
}
/*-------------------- response-wrapper --------------------*/
.response-wrapper {
background: #f7f7f7;
padding: 30px 38px;
}
.response-wrapper-slider {
padding: 0 38px;
text-align: center;
}
.response-wrapper-slider img {
display: inline;
border: 1px solid #00578c;
margin-bottom: 30px;
width: 112px;
height: auto;
}
.response-wrapper .slick-prev {
background: url("img/arr-prev-2.png") no-repeat left;
}
.response-wrapper .slick-next {
background: url("img/arr-next-2.png") no-repeat left;
}
/*-------------------- response-video --------------------*/
.response-video-item {
margin-bottom: 40px;
}
.response-video-item figure {
float: left;
width: 500px;
margin-right: 24px;
}
.response-video-item figure iframe {
width: 500px;
height: 305px;
}
.response-video-item p {
margin-bottom: 24px;
font-size: 0.875rem;
color: #5c5b5b;
}
@media screen and (max-width: 1000px) {
.response-video-item figure {
float: none;
width: auto;
margin: 0 0 20px 0;
}
.response-video-item figure iframe {
width: 100%;
}
}
/*-------------------- map --------------------*/
.map {
min-height: 372px;
outline: 1px solid #ccc;
margin-bottom: 45px;
background: url("img/loading.gif") center no-repeat;
}
.map img {
display: block;
}
/*-------------------- contact --------------------*/
.contact {
margin-bottom: 40px;
}
.contact:after {
content: "";
display: block;
clear: both;
}
.contact-title {
position: absolute;
left: -9999px;
opacity: 0;
}
.contact .item {
float: left;
width: 25%;
padding: 10px;
font-size: 0.875rem;
color: #414141;
text-align: center;
}
.contact .item a {
color: #414141;
}
.contact .item:before {
content: "";
display: inline-block;
vertical-align: top;
width: 37px;
height: 30px;
margin: -6px 5px 0 0;
background-image: url("img/icon-address.png");
background-position: center;
background-repeat: no-repeat;
}
.contact .item:nth-child(2) {
padding-left: 0;
text-align: left;
}
.contact .item:nth-child(3):before {
background-image: url("img/icon-mail.png");
}
.contact .item:nth-child(4):before {
background-image: url("img/icon-tel.png");
}
.contact .item:nth-child(5):before {
background-image: url("img/icon-workhours.png");
}
.contact .item:nth-child(5) {
padding-right: 0;
text-align: right;
}
@media (max-width: 999px) {
.contact .item, .contact .item:nth-child(2), .contact .item:nth-child(5) {
float: none;
width: auto;
padding: 10px 0;
margin-bottom: 15px;
text-align: left;
}
}
/*-------------------- form --------------------*/
.form {
background: #f7f7f7;
padding: 22px 32px;
margin-bottom: 50px;
}
.form-title {
color: #414141;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 25px;
}
.form .clr, .form p {
margin-bottom: 24px;
}
.form .clr p, .form p:last-child {
margin: 0;
}
.form input[type="text"], .form input[type="email"], .form textarea {
font-family: "PT Sans", sans-serif;
font-size: 0.875rem;
background: #fff;
border: 1px solid #cdcdcd;
width: 100%;
height: 45px;
padding: 0 16px;
color: #4e4e4e;
border-radius: 5px;
}
.form textarea {
padding: 10px 16px;
height: 160px;
resize: none;
}
.form .clr p {
float: left;
width: 382px;
}
@media screen and (max-width: 1220px) {
.form .clr p {
width: 285px;
}
}
.form .clr p:last-child {
float: right;
}
.form input[type="submit"] {
font-family: "PT Sans", sans-serif;
background: #eb2e2f;
color: #fff;
text-transform: uppercase;
padding: 0 40px;
height: 48px;
border: none;
border-radius: 5px;
font-size: 1.125rem;
font-weight: bold;
cursor: pointer;
}
.wpcf7-recaptcha {
margin: 0 0 25px;
}
.modal_form .wpcf7-recaptcha {
margin: 25px 0 0;
}
@media screen and (max-width: 1000px) {
.form .clr p {
float: none;
width: auto;
margin-bottom: 24px;
}
.form .clr p:last-child {
float: none;
margin: 0;
}
.form input[type="submit"] {
width: 100%;
padding: 0;
}
}
/* faq */
.faq-item {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #d6d6d6;
}
.faq-item:last-child {
border: none;
}
.faq-question {
background: url("img/arr-faq.png") no-repeat left 6px;
padding-left: 26px;
color: #0f5f90;
font-weight: bold;
font-size: 1.125rem;
cursor: pointer;
}
.faq-question.down {
background: url("img/arr-faq-down.png") no-repeat left 6px;
}
.faq-answer {
background: #f7f7f7;
padding: 18px 30px;
margin-top: 30px;
display: none;
}
.faq-answer p {
margin-bottom: 22px;
color: #414141;
font-size: 0.875rem;
}
.faq-answer ul {
margin-bottom: 20px;
font-size: 0.875rem;
}
.faq-answer p:last-child {
margin: 0;
}
/* video-page */
.video-main {
background: #f7f7f7;
padding: 32px;
margin-bottom: 50px;
text-align: center;
font-weight: bold;
color: #5c5b5b;
font-size: 1.125rem;
}
.video-main iframe {
width: 782px;
height: 464px;
margin: 0 auto;
}
.article .video-main iframe {
float: none;
margin-top: 26px;
}
.article .video-list {
text-align: center;
}
.article .video-list ul {
list-style-type: none;
display: block;
}
.article .video-list ul li {
display: inline-block;
width: 250px;
max-width: 100%;
vertical-align: top;
margin: 0 20px 40px;
padding: 0;
text-align: center;
background: none;
}
.article .video-list ul li {
color: #414141;
font-size: 1.125rem;
font-weight: 500;
}
.article .video-list ul li iframe {
width: 250px;
height: 150px;
margin-bottom: 26px;
}
@media screen and (max-width: 1000px) {
.article .video-list li {
margin: 0 10px 40px;
}
.article .video-main iframe {
width: 100%;
}
}
/*-------------------- window --------------------*/
.shadow {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.window {
position: fixed;
top: 100px;
left: 50%;
width: 850px;
margin-left: -425px;
z-index: 101;
display: none;
}
.btn-close {
background: url("img/btn-close.png") no-repeat;
width: 37px;
height: 37px;
position: absolute;
top: -10px;
right: -10px;
text-indent: -9999px;
}
@media screen and (max-width: 1000px) {
.window {
position: fixed;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
width: auto;
margin-left: 0;
overflow: auto;
}
}
/*-------------------- 404 page --------------------*/
.error404 {
height: 100%;
}
.error404 .content {
width: 100%;
float: none;
}
.error404 .title {
color: #00568c;
font-family: "Roboto Condensed";
font-size: 272px;
font-weight: 800;
line-height: 272px;
margin-top: 110px;
display: block;
margin-bottom: 0;
}
.error404 .title_desc {
color: #00568c;
font-family: "Roboto Condensed";
font-size: 28px;
font-weight: 700;
line-height: 23px;
display: block;
text-transform: uppercase;
margin-bottom: 20px;
}
.error404 .desc {
color: #797979; /* text color */
font-size: 15px;
max-width: 50%;
display: block;
}
.error404 .desc a {
color: #df0a04;
text-decoration: underline;
}
.error404 .footer {
display: none;
}
@media screen and (max-width: 1000px) {
.error404 .title {
font-size: 100px;
line-height: inherit;
}
.error404 .title_desc {
font-size: 6vw;
line-height: inherit;
}
.error404 .desc {
font-size: 5vw;
max-width: 100%;
}
}
/*-------------------- Калькулятор сбоку --------------------*/
.right_widget {
position: fixed;
border: 1px solid #ececec;
top: 30%;
right: 0;
overflow: hidden;
border-radius: 13px 0 0 13px;
z-index: 99;
}
.right_widget a {
padding: 17px 15px 17px 55px;
display: block;
position: relative;
background-color: #fff;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid #ececec;
font-size: 13px;
color: #005f93;
text-transform: uppercase;
}
.right_widget a:hover {
background-color: #f1f1f1;
}
.right_widget a:last-child {
border: none;
}
.right_widget .a_calculator {
background: #fff url("img/right_widget/right_widget_icon.png") no-repeat;
background-position: -1px -1px;
}
.right_widget .a_call {
background: #fff url("img/right_widget/right_widget_icon.png") no-repeat;
background-position: -1px -53px;
}
.right_widget .a_discount {
background: #fff url("img/right_widget/right_widget_icon.png") no-repeat;
background-position: -1px -109px;
}
@media screen and (max-width: 1500px) {
.right_widget {
top: 77px;
}
.right_widget .a_calculator, .right_widget .a_call, .right_widget .a_discount {
background: #fff;
}
.right_widget a {
position: relative;
color: #525d4e;
writing-mode: tb-rl;
padding: 27px 7px 5px 7px;
}
.right_widget .a_calculator:before, .right_widget .a_call:before, .right_widget .a_discount:before {
content: "";
position: absolute;
width: 20px;
height: 55px;
top: -15px;
right: 0;
z-index: 101;
background: url("img/right_widget.png") 0 15px no-repeat;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.right_widget .a_call:before {
background-position: 0 -40px;
}
.right_widget .a_discount:before {
background-position: 0 -95px;
}
.right_widget {
display: none;
}
}
@media screen and (max-width: 1000px) {
.right_widget {
display: none;
}
}
/* Форма
-----------------------------------------------------------------------------*/
.modal_form .modal_title {
display: block;
font-size: 28px;
color: #00578c;
margin-bottom: 35px;
font-weight: bold;
}
.modal_form p {
font-size: 20px !important;
font-weight: 600 !important;
color: #5a5b5b !important;
line-height: 1;
}
.modal_form i {
font-size: 16px;
display: block;
margin-top: 10px;
font-weight: normal;
font-style: normal;
}
.modal_form input[type="text"], .calculator input[type="text"] {
width: 100%;
max-width: 260px;
height: 38px;
border: 1px solid #d0d0d0;
color: #737474 !important;
font-size: 15px;
border-radius: 5px !important;
padding: 0 17px !important;
margin: 35px 20px 0 0;
}
.your-tel input {
margin: 0 !important;
}
.modal_form input[type="submit"], .modal_form input[type="button"], .modal_form .btn, .calculator .btn {
font-family: "Roboto Condensed", sans-serif;
height: 38px;
position: inherit !important;
background: #005f93;
color: #fff !important;
font-size: 16px !important;
font-weight: 100 !important;
border: none !important;
cursor: pointer !important;
padding: 0 25px 0 25px !important;
margin: 25px 0 0 !important;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.modal_form input[type="submit"]:hover, .modal_form input[type="button"]:hover, .modal_form .btn:hover, .calculator .btn:hover {
background: #eb2e2f;
}
.modal_form input[type="submit"].btn_phone {
background: #005f93 url(img/right_widget/phone-icon.png) 27px center no-repeat;
padding: 0 25px 0 60px !important;
}
.modal_form input[type="submit"].btn_phone:hover {
background: #eb2e2f url(img/right_widget/phone-icon.png) 27px center no-repeat;
}
.modal_form #CalculatorForm .modal_title {
margin-bottom: 70px;
}
.modal_form legend {
height: 31px;
position: absolute;
top: 85px;
left: 0;
padding: 7px 40px 0 50px;
background: #eb2e2f;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.modal_form legend:before {
content: "";
position: absolute;
top: -10%;
right: -10px;
width: 20px;
height: 120%;
background: #fff;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
.modal_form .form-group {
margin: 25px 0 30px 0;
line-height: 1.4;
}
@media screen and (max-width: 440px) {
.remodal-wrapper .modal_form {
padding: 40px 3px;
overflow: hidden;
}
.form {
overflow: hidden;
}
}
/* Стилизация чекбоксов */
.steps legend {
height: 31px;
position: absolute;
padding: 7px 40px 0 50px;
background: #eb2e2f;
color: #fff;
font-size: 15px;
font-weight: bold;
top: -20px;
left: -50px;
}
.steps legend::before {
content: "";
position: absolute;
top: -10%;
right: -10px;
width: 20px;
height: 120%;
background: #fff;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}
form .steps {
display: none;
position: relative;
padding-bottom: 0px;
padding-top: 35px;
}
form .steps.active {display:block;}
.calc_send_line {
display: flex;
column-gap: 20px;
margin-top: 30px;
}
.modal_form .calc_send_line input[type="text"], .modal_form .calc_send_line input[type="submit"]{
margin: 0 !important;
}
.modal_form .calc_send_line .form_button {
padding-top: 0;
}
.calc_dop_field {
position: absolute;
pointer-events: none;
opacity: 0;
}
.calc_send_line .wpcf7-spinner {
display: none !important;
}
.steps .form-group input[type="checkbox"] {
position: absolute;
left: unset;
top: 5px;
display: inline-block;
/* z-index: 1; */
width: 16px;
height: 16px;
margin: 0;
opacity: 0;
z-index: 3;
cursor: pointer;
}
.step_chose {
display: none;
position: absolute;
bottom: -40px;
left: -51px;
}
.step_chose p {
color: #d30100 !important;
border: 1px solid #d30100;
font-size: 13px !important;
padding: 5px 15px;
font-weight: normal !important;
border-radius: 0 0 0 10px;
}
.step_chose.active {display:block;}
.steps_btns span {
background: #005f93;
color: #fff;
font-size: 16px;
font-weight: 100;
border: none;
cursor: pointer;
padding: 10px 25px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
transition: all 250ms ease 0ms;
display: block;
font-family: "Roboto Condensed", sans-serif;
}
.steps_btns p{
display: flex;
column-gap: 20px;
justify-content: space-between;
}
.steps_btns{
margin-top: 25px;
}
.steps_btns span:hover {
background: #eb2e2f;
}
.steps .wpcf7-list-item {
margin: 0 0 5px 0;
display: block;
position: relative;
}
.wpcf7-list-item-label {
display: inline-block;
position: relative;
padding-left: 20px;
/*cursor: pointer;*/
font-weight: normal;
font-size: 16px;
}
.steps .wpcf7-list-item-label:before, .wpcf7-list-item-label:after{
content:"";
display:block;
position:absolute;
}
.steps .wpcf7-list-item-label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
}
.wpcf7-list-item-label::after {
content: "\2713" !important;
color: #005f93;
font-size: 20px;
text-align: center;
line-height: 11px;
font-weight: bold;
display: block;
width: 16px;
height: 16px;
left: 0;
z-index: 2;
top: 0;
opacity:0;
}
span.active .wpcf7-list-item-label::after {opacity:1;}
.form-group {
font-family: "Roboto Condensed", sans-serif;
}
.form-group label {
display: block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 16px;
color: #5a5b5b;
}
.form-group input[type="checkbox"],
.form-group input[type="radio"] {
position: absolute;
left: -1000px;
top: -1000px;
}
.form-group label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
}
.form-group input[type="checkbox"]:checked + label:before, .form-group input[type="radio"]:checked + label:before {
content: "\2713";
color: #005f93;
font-size: 20px;
text-align: center;
line-height: 11px;
font-weight: bold;
}
.form-group .form-group-none {
display: none;
}
/* Пошаговая проверка
-----------------------------------------------------------------------------*/
#SignupForm {
position: relative;
}
.steps {
display: none;
}
.wrap {
max-width: 980px;
margin: 10px auto 0;
}
#steps {
margin: 80px 0 0 0;
}
.commands {
overflow: hidden;
margin-top: 30px;
}
.prev {
float: left;
}
.next, .submit {
float: right;
}
em.error {
position: absolute;
bottom: 0;
left: 0;
background: #fff;
border: 1px solid red;
color: #b33;
}
.services_calculator {
text-align: center;
margin: 0 0 40px;
}
.services_calculator a {
display: inline-block;
border: 1px solid #ececec;
padding: 17px 15px 17px 55px;
overflow: hidden;
background: #fff url(img/right_widget/right_widget_icon.png) no-repeat;
border-radius: 7px;
font-weight: 600;
text-decoration: none;
font-size: 13px;
color: #005f93;
text-transform: uppercase;
}
.services_calculator a:hover {
background-color: #f1f1f1;
}
/* Вкладки
-----------------------------------------------------------------------------*/
.content_body {
margin: 30px 0;
}
.article ul.content_caption {
padding: 0;
display: block;
margin: 40px 0 20px 0;
list-style-type: none;
}
.article ul.content_caption:after {
display: block;
content: "";
clear: both;
}
.article .content_caption li {
display: inline-block;
margin: 0;
padding: 10px 20px;
font-size: 18px;
color: #484848;
line-height: 1;
position: relative;
cursor: pointer;
list-style-type: none;
background: none;
float: left;
border: 1px solid #ececec;
}
.content_body ul.content_caption li:before {
width: 7px;
height: 10px;
background: url("../img/menu_children_right.png");
top: 15px;
left: 5px;
display: none;
}
.content_caption li:hover {
color: #fff;
background: #f1f1f1;
}
.content_caption li:hover a {
color: #fff;
}
.article .content_caption li {
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid #ececec;
font-size: 14px;
color: #005f93;
text-transform: uppercase;
}
.article .content_caption .active {
color: #005f93;
background: #f1f1f1;
}
.content_body .content_caption li:hover:before,
.content_body .content_caption li.active:before {
width: 10px;
height: 8px;
top: 17px;
}
.content_inner {
display: none;
}
.content_inner.active {
display: block;
}
/* форма отзывы
-----------------------------------------------------------------------------*/
.wpcf7-not-valid-tip {
display: none !important;
}
.review_form {
background: none;
padding: 22px 0;
}
.review_form .wpcf7-form-control-wrap {
display: block;
/* margin-bottom: 25px;*/
}
.review_form br {
display: none;
}
.review_form .your_name {
width: 50%;
float: left;
padding-right: 10px;
}
.review_form .your_email {
width: 50%;
float: left;
padding-left: 10px;
}
.review_form .your_message {
clear: both;
}
@media screen and (max-width: 700px) {
.review_form .your_name,
.review_form .your_email {
width: 100%;
padding: 0;
}
}
/* Слайдер отзывов
-----------------------------------------------------------------------------*/
.slider-reviews-block {
max-height: 580px;
overflow: hidden;
margin: 40px 0;
padding: 33px 0 40px;
position: relative;
background: #f7f7f7;
border-radius: 5px;
}
.slider-reviews-block:before {
content: "";
display: block;
width: 106px;
height: 83px;
position: absolute;
right: 15px;
top: 24px;
background: url("img/quotes.png");
}
.slider-reviews-title {
margin-bottom: 24px;
font-size: 22px;
text-align: center;
color: #414141;
font-weight: bold;
text-transform: uppercase;
}
.slider-reviews-block .slick-prev, .slider-reviews-block .slick-next {
width: 17px;
height: 31px;
background-image: url("img/arrows.png");
left: -32px;
}
.slider-reviews-block .slick-next {
left: auto;
right: -32px;
background-position: -20px 0;
}
.slider-reviews {
margin: 0 35px;
}
.slider-reviews .slick-slide {
padding: 30px 0;
border-radius: 5px;
background: #fff;
text-align: center;
}
.slider-reviews .slick-slide a {
display: inline-block;
}
.slider-reviews img {
max-width: 100%;
max-height: 100%;
}
.slider-reviews-nav {
margin: 30px 65px 0;
text-align: center;
}
.slider-reviews-nav .slick-slide img {
display: inline-block;
width: 100px;
height: 100px;
cursor: pointer;
opacity: 0.65;
border-radius: 50%;
}
.slider-reviews-nav .slick-slide img:hover, .slider-reviews-nav .slick-center img {
opacity: 1;
}
@media screen and (max-width: 850px) {
.slider-reviews-block {
padding: 30px 0;
}
.slider-reviews-title {
font-size: 18px;
}
.slider-reviews {
margin: 0 25px;
}
.slider-reviews-block:before {
display: none;
}
.slider-reviews .slick-slide {
padding: 30px 0;
height: auto;
}
.slider-reviews-nav {
margin: 30px 35px 0;
}
}
/* Хлебные крошки
-----------------------------------------------------------------------------*/
.crumbs {
margin-bottom: 15px;
font-size: 15px;
color: #4e4848;
}
.crumbs a {
/*color: #eb2e2f;*/
color: #0f5f90;
text-decoration: none;
}
.crumbs a:hover {
color: #eb2e2f; /*text-decoration:underline*/
}
.crumbs .crumbs_arrows {
margin: 0 4px;
font-size: 16px;
color: #4e4848;
font-weight: bold;
}
.article .hlebnye-kroshki, .hlebnye-kroshki {
margin: 0 auto 15px;
font-size: 15px;
color: #4e4848;
max-width: 1210px;
padding: 0 5px;
}
.article .hlebnye-kroshki ul, .hlebnye-kroshki ul {
list-style-type: none;
padding-left: 0;
}
.article .hlebnye-kroshki li, .hlebnye-kroshki li {
display: inline;
vertical-align: top;
padding: 0;
margin: 0;
background: none;
}
.article .hlebnye-kroshki li:after, .hlebnye-kroshki li:after {
content: ">";
display: inline-block;
vertical-align: top;
padding: 0 4px;
font-size: 16px;
color: #4e4848;
font-weight: bold;
}
.article .hlebnye-kroshki li:last-child:after, .hlebnye-kroshki li:last-child:after {
display: none;
}
.article .hlebnye-kroshki li a, .hlebnye-kroshki li a {
color: #0f5f90;
text-decoration: none;
}
.article .hlebnye-kroshki li a:hover, .hlebnye-kroshki li a:hover {
color: #eb2e2f;
}
.article .hlebnye-kroshki li:last-child a, .hlebnye-kroshki li:last-child a {
color: #4e4848;
}
/* Сообщения у новой формы
-----------------------------------------------------------------------------*/
.your-address {
display: none;
}
.mail-sent-ok {
border: 2px solid #398f14;
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
.not-valid {
display: block;
text-align: center;
color: red;
}
.validation-errors {
margin: 20px 0;
padding: 5px;
border: 2px solid #f7e700;
}
/* Обработка персональных данных
-----------------------------------------------------------------------------*/
.modal_form br,
.modal_form .wpcf7-form-control-wrap:nth-child(3) {
display: none;
}
.modal_form input[type="submit"] {
background: #005f93 url(img/right_widget/phone-icon.png) 27px center no-repeat;
padding: 0 25px 0 60px !important;
font-family: "Roboto Condensed", sans-serif;
height: 38px;
position: inherit;
color: #fff;
font-size: 16px;
font-weight: 100;
border: none;
cursor: pointer;
margin: 25px 0 0 !important;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.modal_form input[type="submit"]:hover {
background: #eb2e2f url(img/right_widget/phone-icon.png) 27px center no-repeat;
}
.modal_form .form_loading {
display: none;
width: 40px;
height: 40px;
margin: 25px 0 0;
background: url("img/loading.gif") center no-repeat;
}
.form_relative form {
display: block;
position: relative;
padding-bottom: 40px;
}
.modal_form .your-tel {
display: inline-block;
margin-top: 35px;
}
.modal_form .form_button {
vertical-align: top;
display: inline-block;
padding-top: 10px;
}
.modal_form .personal_information {
display: block;
width: 100%;
position: absolute;
bottom: 0;
margin-bottom: 0;
padding-left: 25px;
}
@media screen and (max-width: 600px) {
.modal_form form {
padding-bottom: 45px;
}
.modal_form .your-tel {
margin-right: 0;
}
.modal_form .your-tel input[type="text"] {
margin: 35px 0 0;
}
.modal_form .your-tel, .modal_form .form_button {
display: block;
text-align: center;
}
}
.form .your-name, .form .your-tel, .form .your-mail, .form .your-evaluation {
display: inline-block;
width: 49%;
margin-bottom: 25px;
}
.form .your-name {
float: left;
}
.form .your-mail {
float: right;
}
.form .your-name-33, .form .your-tel, .form .your-evaluation {
width: 31.7%;
margin-right: 2%;
vertical-align: top;
}
.form .your-evaluation {
margin-right: 0;
}
.form .your-evaluation select {
width: 100%;
border: 1px solid #cdcdcd;
height: 45px;
padding: 0 16px;
border-radius: 5px;
font-size: 0.875rem;
color: #4e4e4e;
}
.form .your-tel-right {
width: 49%;
float: right;
margin-right: 0;
}
.form .form_button {
display: block;
margin-top: 20px;
}
.form input[type="button"] {
font-family: "PT Sans", sans-serif;
background: #eb2e2f;
color: #fff;
text-transform: uppercase;
padding: 0 40px;
height: 48px;
border: none;
border-radius: 5px;
font-size: 1.125rem;
font-weight: bold;
cursor: pointer;
}
@media screen and (max-width: 400px) {
.form input[type="button"] {
padding: 0 10px;
}
}
.form .form_loading {
display: none;
width: 40px;
height: 40px;
margin: 10px;
background: url("img/loading.gif") center no-repeat;
}
@media screen and (max-width: 600px) {
.form .your-name,
.form .your-tel,
.form .your-mail,
.form .your-evaluation {
display: block;
width: 100%;
float: none;
margin-right: 0;
}
}
.form .personal_information {
margin-top: 20px;
padding-left: 25px;
position: relative;
}
.modal_form .personal_information input[type="checkbox"],
.form .personal_information input[type="checkbox"] {
position: absolute;
left: 0;
}
.modal_form .personal_information label:before,
.form .personal_information label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
top: 7px;
margin-top: -8px;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
cursor: pointer;
}
.modal_form .personal_information input[type="checkbox"]:checked + label:before,
.form .personal_information input[type="checkbox"]:checked + label:before {
content: "\2713";
color: #005f93;
font-size: 20px;
text-align: center;
line-height: 11px;
font-weight: bold;
}
.form-group label {
display: block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 16px;
color: #5a5b5b;
}
#CalculatorForm .form_button {
display: inline-block;
float: right;
}
#CalculatorForm .personal_information {
clear: both;
position: relative;
margin-top: 70px;
}
#CalculatorForm #step4commands {
display: none;
margin-top: 0;
}
@media screen and (max-width: 600px) {
#CalculatorForm .personal_information {
text-align: left;
}
#CalculatorForm .form_button {
float: none;
}
}
.calculator {
padding: 0 0 20px;
margin-bottom: 40px;
border-radius: 5px;
}
.calculator b {
display: block;
font-size: 20px;
font-family: "PT Sans";
color: rgb(0, 87, 140);
font-weight: bold;
line-height: 2.5;
}
.calculator label {
display: block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 16px;
color: #5a5b5b;
}
.calculator input[type="checkbox"],
.calculator input[type="radio"] {
position: absolute;
left: -1000px;
}
.calculator label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
}
.calculator input[type="checkbox"]:checked + label:before,
.calculator input[type="radio"]:checked + label:before {
content: "\2713";
color: #005f93;
font-size: 20px;
text-align: center;
line-height: 11px;
font-weight: bold;
}
.calculator_items p {
display: inline-block;
vertical-align: top;
width: 47%;
}
.calculator input[type="text"] {
margin-top: 0;
}
.calculator .not-valid {
text-align: left;
}
.calculator .personal_information {
margin-top: -10px;
}
.calculator .personal_information label {
font-size: 14px;
}
.calculator .personal_information label:before {
width: 12px;
height: 12px;
}
.calculator
.personal_information
input[type="checkbox"]:checked
+ label:before {
font-size: 16px;
}
@media screen and (max-width: 750px) {
.calculator_items p {
display: block;
width: 100%;
}
}
.anchor {
height: 1px;
width: 100%;
margin: -20px 0 20px;
}
.videoReviews {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.one_video_review {
max-width: 400px;
margin: 0 10px 20px;
width: 100%;
}
.article .videoReviews iframe {
display: inline-block;
max-width: 100%;
float: none;
margin: 0 00px 20px;
width: 400px;
height: 205px;
}
.obratnaya-svyaz {
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 20;
background: #fff;
}
.obratnaya-svyaz:before {
content: "";
display: block;
width: 100%;
height: 7px;
position: absolute;
left: 0;
top: -7px;
background: url("img/obratnaya-svyaz-fon.png");
}
.obratnaya-svyaz {
text-align: center;
}
.obratnaya-svyaz div {
display: inline-block;
width: 49%;
padding: 4px 3px 3px;
}
.obratnaya-svyaz div:first-child {
padding-right: 2px;
}
.obratnaya-svyaz div:last-child {
padding-left: 2px;
}
.obratnaya-svyaz a {
display: block;
padding: 12px 0;
background: #2572a2;
font-size: 17px;
color: #fff;
text-align: center;
text-decoration: none;
}
.obratnaya-svyaz a:before {
content: "";
display: inline-block;
vertical-align: top;
width: 20px;
height: 21px;
margin-right: 14px;
background-image: url("img/obratnaya-svyaz.png");
background-position: center;
background-repeat: no-repeat;
}
.obratnaya-svyaz div:first-child a {
background: #0f5f90;
font-weight: bold;
}
.obratnaya-svyaz div:first-child a:before {
background-image: url("img/telefon.png");
}
@media screen and (max-width: 600px) {
.obratnaya-svyaz a {
font-size: 14px;
}
}
@media screen and (max-width: 380px) {
.obratnaya-svyaz {
display: none;
}
.obratnaya-svyaz a {
font-size: 12px;
}
.obratnaya-svyaz a:before {
margin: -2px 5px 0 0;
}
}
.page-image {
margin-bottom: 25px;
}
.page-image figcaption,
.item_logo {
position: absolute;
left: -9999px;
opacity: 0;
}
.page-image img {
width: 100%;
}
.review-container {
margin-bottom: 50px;
}
.review-info {
position: absolute;
text-indent: -9999px;
}
.review-info img {
width: 50%;
}
.review-item {
margin-right: 15px;
margin-left: 15px;
margin-bottom: 0;
}
.article .review-body,
.page-reviews .review-body {
position: relative;
margin-bottom: 15px;
border: 1px solid #e8e8e8;
border-radius: 5px;
padding: 16px;
line-height: 1.2;
color: #5c5b5b;
}
.review-body:after {
content: "";
background: url(img/corner.png) no-repeat;
width: 35px;
height: 16px;
position: absolute;
bottom: -15px;
left: 45px;
}
.review-name {
color: #5c5b5b;
font-size: 16px;
}
.review-name span {
color: #00578c;
font-weight: bold;
}
.review-rating-cont {
float: right;
font-size: 0.8125rem;
color: #5c5b5b;
}
.review-rating {
position: relative;
display: inline-block;
vertical-align: top;
margin: -3px 0 0 3px;
width: 100px;
height: 20px;
background: url("/wp-content/themes/insait/img/review/yellow.png");
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.review-rating:after {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
height: 20px;
background-image: url("/wp-content/themes/insait/img/review/gray.png");
background-position: right top;
}
.review-rating-49:after {
width: 5px;
}
.review-rating-48:after {
width: 6px;
}
.review-rating-47:after {
width: 7px;
}
.review-rating-46:after {
width: 8px;
}
.review-rating-45:after {
width: 10px;
}
.review-rating-44:after {
width: 12px;
}
.review-rating-43:after {
width: 14px;
}
.review-rating-42:after {
width: 15px;
}
.review-rating-41:after {
width: 16px;
}
.review-rating-40:after {
width: 20px;
}
.review-rating-39:after {
width: 25px;
}
.page-reviews-title {
margin-bottom: 30px;
font-size: 1.4375rem;
font-weight: bold;
}
.about-video {
display: block;
position: relative;
padding: 0;
cursor: pointer;
background: none;
border: none;
}
.about-video:after {
content: "";
display: block;
width: 70px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin: -25px 0 0 -35px;
background-image: url("img/youtube-icon.png");
background-position: 0 0;
opacity: 0.8;
}
.about-video:hover:after {
background-position: 0 50px;
opacity: 1;
}
body .modal_video {
width: 580px;
max-width: 98%;
padding: 40px 10px 10px;
}
body .free_rehab {
width: 960px;
max-width: 98%;
background: none;
padding: 0 160px 0 0;
border-radius: 0;
}
.free_rehab .remodal-close {
top: -35px;
z-index: 1;
background: url("img/free_rehab_close.png") center no-repeat;
}
.free_rehab .remodal-close:before {
display: none;
}
.free_rehab_body {
padding: 38px 150px 38px 48px;
background: #fff;
}
.free_rehab_psychologist {
position: absolute;
right: 0;
bottom: -2px;
width: 310px;
height: 564px;
background: url("img/sokolov.png");
}
.free_rehab_title {
margin-bottom: 38px;
font-size: 39px;
color: #303030;
font-weight: bold;
line-height: 1;
}
.free_rehab_title span {
display: block;
margin-bottom: 3px;
font-size: 21px;
color: #eb2e2f;
font-weight: normal;
}
.free_rehab_desc {
margin-bottom: 40px;
font-size: 17px;
color: #999999;
line-height: 1.412;
}
.free_rehab label {
display: block;
font-size: 14px;
color: #999999;
line-height: 1.143;
}
.free_rehab_form_item {
display: block;
width: 180px;
float: left;
margin: 0 30px 45px 0;
font-size: 15px;
text-align: center;
color: #00578c;
}
.free_rehab_form .free_rehab_form_item:nth-child(3) {
margin-right: 0;
}
.free_rehab_form input[type="text"] {
display: block;
width: 100%;
margin-top: 8px;
padding: 5px;
border: none;
border-bottom: 2px solid #dcdcdc;
font-size: 16px;
}
.free_rehab_form_bottom {
clear: both;
}
.free_rehab .form_button {
float: left;
}
.free_rehab input[type="button"] {
display: block;
width: 261px;
height: 56px;
padding: 10px 0;
margin-right: 25px;
background: url("img/free_rehab_btn.png") no-repeat;
border: none;
outline: none;
cursor: pointer;
font-size: 15px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
text-align: center;
}
.free_rehab input[type="button"]:hover {
color: #ccc;
}
.free_rehab .personal_information {
display: inline-block;
position: relative;
width: 210px;
padding: 11px 0 12px 35px;
margin: 0;
}
.free_rehab .personal_information input[type="checkbox"] {
position: absolute;
left: 0;
top: 20px;
}
.free_rehab .personal_information label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
top: 18px;
background-color: #fff;
border: 1px solid #d0d0d0;
border-radius: 3px;
cursor: pointer;
}
.free_rehab
.personal_information
input[type="checkbox"]:checked
+ label:before {
content: "\2713";
color: #005f93;
font-size: 20px;
text-align: center;
line-height: 11px;
font-weight: bold;
}
@media screen and (max-width: 999px) {
.free_rehab .remodal-close {
top: 0;
z-index: 1;
background: url("img/free_rehab_close.png") center no-repeat;
}
}
@media screen and (max-width: 650px) {
body .free_rehab {
padding-right: 50px;
}
.free_rehab_body {
padding: 20px;
}
.free_rehab_psychologist {
display: none;
}
}
@media screen and (max-width: 480px) {
.free_rehab_title {
font-size: 28px;
}
.free_rehab_title span {
margin-bottom: 5px;
}
.free_rehab .form_button {
float: none;
}
.free_rehab input[type="button"] {
width: 100%;
height: auto;
border-radius: 20px;
margin: 0;
padding: 9px 0 10px;
background: #00598d;
font-size: 12px;
}
.free_rehab .personal_information {
display: block;
width: auto;
}
}
/* СТРАНИЦА БЕЗ САЙДБАРА
----------------------------------------------------------------- */
.service_page_title {
margin-bottom: 30px;
font-size: 1.4375rem;
font-weight: bold;
}
.service_page_anchor {
position: absolute;
left: 0;
top: -150px;
}
.service_page_another {
width: 100%;
margin-bottom: 2rem;
}
.another_wrap {
width: 100%;
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, 1fr);
}
.another_wrap a {
display: inline-block;
width: 100%;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
color: #fff;
background-color: #0070b9 ;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 16px;
text-align: center;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.another_wrap a:hover {
background-color: rgb(0, 71, 150);
}
@media screen and (max-width: 800px) {
.another_wrap {
width: 100%;
display: grid;
gap: .5rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 576px) {
.another_wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 360px) {
.another_wrap {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 999px) {
.service_page_anchor {
top: -70px;
}
}
.service_page .slick-prev, .service_page .slick-next {
width: 30px;
height: 30px;
background: none;
}
.service_page .slick-prev:before, .service_page .slick-next:before {
content: "";
display: inline-block;
width: 10px;
height: 20px;
background: url("img/service_page/arrows.png") 0 0 no-repeat;
}
.service_page .slick-next:before {
background: url("img/service_page/arrows.png") 0 -20px no-repeat;
}
.service_page .slick-prev:hover, .service_page .slick-next:hover {
opacity: 0.8;
}
.service_page_cont {
width: auto;
float: none;
}
/*преьюшка*/
.service_page_preview {
min-height: 296px;
position: relative;
overflow: hidden;
border-radius: 5px;
margin: 0 0 35px;
padding: 0;
line-height: 1;
}
.service_page_preview_cont_outer {
position: relative;
z-index: 1;
}
.service_page_preview_cont {
width: 714px;
max-width: 100%;
min-height: 296px;
padding: 27px 40px;
background: url("img/service_page/preview-fon.png") 100% 100% no-repeat;
background-size: cover;
}
@media screen and (max-width: 530px) {
.service_page_preview_cont {
padding-left: 1rem;
padding-bottom: 8rem;
}
}
.service_page_preview_guarantee {
position: absolute;
right: 0;
bottom: 0;
width: 132px;
height: 132px;
background: url("img/service_page/preview-guarantee.png") no-repeat;
}
.service_page_preview_img {
width: 1000px;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.service_page_preview_img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
}
.service_page_preview_img figcaption {
position: absolute;
left: 0;
top: 0;
text-indent: -999em;
white-space: nowrap;
}
.service_page_preview_title {
margin-bottom: 16px;
font-size: 30px;
color: #fff;
font-weight: bold;
line-height: 0.967;
text-transform: uppercase;
}
.service_page_preview_desc {
display: inline-block;
margin-bottom: 21px;
padding: 4px 10px;
background: #fb1113;
border: none;
font-size: 16px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.service_page_preview_desc span {margin-bottom:0;}
button.service_page_preview_desc {
cursor: pointer;
font-family: "PT Sans", sans-serif;
}
button.service_page_preview_desc:hover {
opacity: 0.8;
}
.service_page_preview_advantages {
margin: 0 0 27px 13px;
font-size: 14px;
color: #ccfaff;
}
.article .service_page_preview_advantages ul li {
margin-bottom: 7px;
padding-left: 27px;
background: url("img/service_page/li-icon.png") 0 4px no-repeat;
}
.article .service_page_preview_advantages p {
margin-bottom: 7px;
padding-left: 27px;
background: url("img/service_page/li-icon.png") 0 4px no-repeat;
}
.service_page_preview_link {
position: relative;
z-index: 1;
}
.service_page_preview_link a {
display: inline-block;
margin: 0 0 0 7px;
padding: 9px 14px 9px 49px;
border: 1px solid #00d900;
border-radius: 5px;
background: url("img/service_page/link-icon.png") 14px 9px no-repeat;
font-size: 16px;
color: rgb(254, 254, 254);
font-weight: bold;
text-decoration: none;
}
.service_page_preview_link a:hover {
color: #ccfaff;
}
.service_page_price {
position: relative;
margin-bottom: 55px;
}
/*.service_page_price table {
border: none;
}
.service_page_price tr:nth-child(even) {
background: #eef7fe;
}
.service_page_price tr:nth-child(odd) {
background: none;
}
.service_page_price tr:first-child td {
padding: 25px 40px;
background: #0061ca;
font-size: 24px;
color: #fff;
font-weight: bold;
text-transform: none;
text-align: left;
}
.service_page_price td {
padding: 20px 40px;
border-right: none;
font-size: 14px;
color: rgb(60, 60, 60);
line-height: 1;
}
.service_page_price td:first-child span {
display: block;
margin-bottom: 7px;
font-size: 18px;
color: rgb(0, 71, 150);
font-weight: bold;
}
.service_page_price td:last-child {
width: 155px;
font-size: 20px;
color: rgb(0, 71, 150);
font-weight: bold;
}*/
.service_page_price td:last-child {
width: 175px;
}
@media screen and (max-width: 999px) {
.service_page_price {
overflow-x: auto;
}
.service_page_price tr:first-child td,
.service_page_price td,
.service_page_price th {
padding: 0px 10px;
}
.service_page_price td:last-child {
width: auto;
min-width: 100px;
}
}
.service_page_accommodations {
position: relative;
margin-bottom: 55px;
}
.service_page_accommodations ul {
list-style-type: none;
display: block;
padding: 0;
text-align: center;
}
.service_page_accommodations ul:after {
content: "";
display: block;
clear: both;
}
.service_page_accommodations ul li {
display: block;
width: 20%;
float: left;
padding: 0 10px;
font-size: 13px;
color: rgb(35, 35, 35);
line-height: 1.231;
}
.service_page_accommodations ul li:nth-child(2):before {
background-image: url("img/service_page/accommodations_2.png");
}
.service_page_accommodations ul li:nth-child(3):before {
background-image: url("img/service_page/accommodations_3.png");
}
.service_page_accommodations ul li:nth-child(4):before {
background-image: url("img/service_page/accommodations_4.png");
}
.service_page_accommodations ul li:nth-child(5):before {
background-image: url("img/service_page/accommodations_5.png");
}
.service_page_accommodations ul span {
display: block;
padding: 0 5px;
margin-bottom: 15px;
font-size: 16px;
color: rgb(48, 48, 48);
font-weight: bold;
line-height: 1;
}
@media screen and (max-width: 899px) {
.service_page_accommodations {
margin-bottom: 30px;
}
.service_page_accommodations ul li {
display: inline-block;
vertical-align: top;
width: auto;
max-width: 200px;
float: none;
margin: 0 10px 40px;
}
.service_page_accommodations ul li:before {
margin-bottom: 20px;
}
}
.service_page_nav {
border: 1px solid rgb(13, 92, 152);
border-radius: 5px;
padding: 25px 25px;
margin-bottom: 40px;
}
.service_page_nav ul {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
}
.service_page_nav ul:after {
content: "";
display: block;
clear: both;
}
.service_page_nav ul li {
display: block;
width: 33.3%;
padding: 0 10px 0 0;
float: left;
margin-bottom: 12px;
background: none;
}
.service_page_nav ul li a {
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px dashed rgb(0, 71, 150);
font-size: 18px;
color: rgb(0, 71, 150);
font-weight: bold;
text-decoration: none;
}
.service_page_nav ul li a:hover {
text-decoration: none;
border-color: #fff;
}
@media screen and (max-width: 999px) {
.service_page_nav ul li {
width: auto;
float: none;
padding: 0;
margin-bottom: 20px;
}
.service_page_nav ul li:last-child {
margin-bottom: 10px;
}
}
@media screen and (max-width: 499px) {
.service_page_nav ul li a {
border: none;
text-decoration: underline;
}
}
.service_page_faq {
position: relative;
margin-bottom: 60px;
padding-right: 40px;
}
.service_page_faq .faq-item {
margin-bottom: 5px;
border: none;
}
.service_page_faq .faq-question {
display: inline-block;
position: relative;
padding: 2px 0 5px;
border-bottom: 1px dashed #707070;
background: none;
font-size: 18px;
color: rgb(0, 71, 150);
font-weight: bold;
}
.service_page_faq .faq-question:after {
content: "";
display: block;
width: 20px;
height: 10px;
position: absolute;
right: -32px;
top: 9px;
background: url("img/service_page/faq.png") 0 0 no-repeat;
}
.service_page_faq .faq-question.down {
color: rgb(28, 28, 28);
border-color: rgb(255, 255, 255);
}
.service_page_faq .faq-question.down:after {
background: url("img/service_page/faq.png") 0 -10px no-repeat;
}
.service_page_faq .faq-answer {
margin-top: 20px;
padding: 20px;
position: relative;
border-radius: 15px;
background-color: rgb(244, 244, 244);
font-size: 15px;
color: rgb(93, 93, 93);
font-style: italic;
line-height: 1.067;
}
.service_page_faq .faq-answer:after {
content: "";
position: absolute;
left: 35px;
top: -23px;
border: 8px solid transparent;
border-bottom: 15px solid rgb(244, 244, 244);
}
.service_page_specialists {
position: relative;
margin-bottom: 60px;
}
.slider-service-page-specialists {
margin: 0 40px;
}
.service_page_specialists figure {
position: relative;
min-height: 317px;
padding: 180px 7px 30px;
text-align: center;
}
.slider-service-page-specialists .img {
width: 150px;
height: 150px;
position: absolute;
position: absolute;
left: 50%;
top: 0;
margin-left: -75px;
border-radius: 50%;
overflow: hidden;
}
.slider-service-page-specialists .img img {
width: 150px;
height: 150px;
}
.slider-service-page-specialists figcaption {
display: block;
margin-bottom: 15px;
font-size: 18px;
color: rgb(48, 48, 48);
font-weight: bold;
line-height: 1.111;
}
.slider-service-page-specialists .text {
font-size: 13px;
color: rgb(35, 35, 35);
line-height: 1.231;
}
.slider-service-page-specialists .standing {
display: block;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
margin-top: 20px;
font-size: 16px;
color: rgb(35, 35, 35);
line-height: 1;
}
.slider-service-page-specialists .standing span {
font-weight: bold;
}
.service_page_specialists .slick-prev {
left: -40px;
top: 75px;
}
.service_page_specialists .slick-next {
right: -40px;
top: 75px;
}
.service_page_reviews {
position: relative;
padding: 25px 0 0;
border: 7px solid #0f5f90;
margin-bottom: 35px;
}
.service_page_reviews .service_page_title {
display: inline-block;
padding-left: 18px;
}
.service_page_reviews .slick-slide {
font-size: 13px;
text-align: center;
color: rgb(48, 48, 48);
}
.service_page_reviews figure {
display: inline-block;
max-width: 260px;
min-height: 260px;
padding: 15px 25px;
margin: 0 1px 30px;
background: rgb(245, 245, 245);
text-align: left;
}
.service_page_reviews figcaption {
padding: 6px 0 11px 45px;
margin: 0 0 11px;
background: url("img/service_page/man.png") left top no-repeat;
font-weight: bold;
}
.service_page_reviews_rating {
margin-bottom: 20px;
}
.service_page_reviews p {
display: block;
clear: both;
font-size: 14px;
line-height: 1.143;
}
.service_page_reviews .spoiler-button {
display: block;
margin-top: 20px;
font-size: 14px;
color: rgb(0, 71, 150);
cursor: pointer;
}
.service_page_reviews .spoiler-button:hover {
text-decoration: underline;
}
.service_page_reviews .spoiler-text {
display: none;
}
.service_page_reviews .slick-prev {
left: 300px;
top: -43px;
}
.service_page_reviews .slick-next {
right: auto;
left: 335px;
top: -43px;
}
@media screen and (max-width: 999px) {
.service_page_reviews .service_page_title {
padding-right: 50px;
}
.service_page_reviews .slick-prev {
left: 300px;
top: -43px;
left: auto;
right: 40px;
}
.service_page_reviews .slick-next {
right: auto;
left: 335px;
top: -43px;
left: auto;
right: 0;
}
}
.slider-service-page-accommodations {
margin-bottom: 40px;
text-align: center;
}
.slider-service-page-accommodations a {
display: block;
width: 240px;
max-width: 100%;
margin: 0 auto;
}
.slider-service-page-accommodations a img {
width: 240px;
max-width: 100%;
}
.service_page .slider-service-page-accommodations .slick-prev {
left: auto;
right: 40px;
top: -40px;
}
.service_page .slider-service-page-accommodations .slick-next {
right: 0;
top: -40px;
}
@media screen and (max-width: 599px) {
.slider-service-page-accommodations {
margin: 0 40px 40px;
}
.service_page .slider-service-page-accommodations .slick-prev {
left: -40px;
right: auto;
top: 45%;
}
.service_page .slider-service-page-accommodations .slick-next {
right: -40px;
top: 45%;
}
}
.service_page_list {
position: relative;
margin-bottom: 60px;
}
.service_page_list ul {
list-style-type: none;
display: block;
padding: 0;
}
.service_page_list ul:after {
content: "";
display: block;
clear: both;
}
.service_page_list li {
display: block;
width: 25%;
float: left;
padding-right: 5px;
font-size: 15px;
color: rgb(28, 28, 28);
line-height: 1.2;
}
.service_page_list li div {
max-width: 285px;
position: relative;
overflow: hidden;
}
.service_page_list li div:before {
content: "";
display: block;
width: 50px;
height: 50px;
position: absolute;
right: -25px;
top: -25px;
border-radius: 50%;
background: rgb(255, 255, 255) url("img/service_page/list_check.png") 6px 26px
no-repeat;
}
.service_page_list li img {
display: block;
width: 100%;
margin-bottom: 24px;
}
.service_page_list li span {
display: block;
margin-bottom: 25px;
font-size: 17px;
color: rgb(37, 37, 37);
font-weight: bold;
line-height: 1;
}
@media screen and (max-width: 999px) {
.service_page_list ul {
text-align: center;
}
.service_page_list li {
display: inline-block;
vertical-align: top;
width: 285px;
padding: 0;
margin: 0 10px 30px;
float: none;
text-align: left;
}
}
@media screen and (max-width: 499px) {
.service_page_list li {
margin: 0 0 40px;
}
}
.service_page_stages {
position: relative;
margin-bottom: 40px;
}
.service_page_stages ol {
counter-reset: li;
list-style: none;
padding: 0;
}
.service_page_stages li {
display: inline-block;
vertical-align: top;
height: 236px;
position: relative;
margin: 0 160px 30px 0;
padding: 45px 0 20px;
background: #eef7fe;
}
.service_page_stages li:last-child {
margin-right: 0;
}
.service_page_stages .item_num {
display: block;
width: 50px;
height: 50px;
position: absolute;
left: -100px;
top: 50%;
margin-top: -25px;
background: rgb(39, 144, 223);
border-radius: 50%;
font-size: 64px;
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 0.8;
text-align: center;
}
.service_page_stages .item_num:before {
content: counter(li);
counter-increment: li;
}
.service_page_stages .item_title {
display: block;
margin-bottom: 20px;
font-size: 36px;
color: rgb(37, 37, 37);
font-weight: bold;
}
.service_page_stages .item_text {
display: block;
max-width: 150px;
font-size: 16px;
color: rgb(37, 37, 37);
line-height: 1.313;
}
.service_page_stages .item_before, .service_page_stages .item_after {
display: block;
height: 236px;
position: absolute;
top: 0;
background: #eef7fe;
}
.service_page_stages .item_before {
width: 70px;
left: -70px;
}
.service_page_stages .item_after {
width: 10px;
right: -10px;
}
.service_page_stages .item_before:before {
content: "";
display: block;
width: 70px;
height: 236px;
position: absolute;
left: -70px;
top: 0;
background: url("img/service_page/stages-before.png");
}
.service_page_stages .item_after:after {
content: "";
display: block;
width: 65px;
height: 236px;
position: absolute;
right: -65px;
top: 0;
background: url("img/service_page/stages-after.png");
}
.service_page_stages li:first-child {
padding-left: 75px;
}
.service_page_stages li:first-child .item_before {
width: 10px;
left: -10px;
}
.service_page_stages li:first-child .item_num {
left: 0;
}
.service_page_stages li:last-child .item_after {
width: 10px;
right: -10px;
}
@media screen and (max-width: 1360px) {
.service_page_stages li {
margin-right: 120px;
}
.service_page_stages li:first-child {
margin-left: 80px;
}
.service_page_stages .item_num {
left: -70px;
}
.service_page_stages .item_before {
width: 40px;
left: -40px;
}
.service_page_stages .item_after, .service_page_stages li:last-child .item_after {
width: 0;
right: 0;
}
.service_page_stages .item_title {
font-size: 34px;
}
.service_page_stages .item_text {
max-width: 145px;
}
}
@media screen and (max-width: 1220px) {
.service_page_stages li:nth-child(2) {
margin-right: 190px;
}
.service_page_stages li:nth-child(3) {
margin-left: 110px;
}
}
@media screen and (max-width: 999px) {
.service_page_stages {
width: 307px;
max-width: 100%;
margin: 0 auto 50px;
}
.service_page_stages .item_num, .service_page_stages li:first-child .item_num {
left: -70px;
}
.service_page_stages .item_title {
font-size: 28px;
}
.service_page_stages .item_text {
max-width: 100%;
width: 145px;
}
.service_page_stages li, .service_page_stages li:first-child, .service_page_stages li:nth-child(2), .service_page_stages li:nth-child(3) {
margin: 0 0 30px 95px;
padding: 40px 0 20px;
}
.service_page_stages .item_before, .service_page_stages li:first-child .item_before {
width: 25px;
left: -25px;
}
.service_page_stages .item_after {
width: 0;
right: 0;
}
}
.service_page_form {
width: 100%;
min-height: 240px;
padding: 50px 20px 20px;
position: absolute;
left: 0;
background: #0070b9;
color: #fff;
}
.service_page_form_cont {
margin-bottom: 250px;
}
.service_page_form_inner {
width: 1200px;
max-width: 100%;
margin: 0 auto;
}
.service_page_form_title {
margin-bottom: 20px;
font-size: 24px;
color: #fff;
font-weight: bold;
text-align: center;
}
.service_page_input_cont:after {
content: "";
display: block;
clear: both;
}
.service_page_form .personal_information {
position: relative;
padding: 0 30px;
margin-bottom: 39px;
font-size: 14px;
color: #c6d9ea;
line-height: 1.143;
}
.service_page_form .personal_information a {
display: inline-block;
color: #fff;
text-decoration: none;
}
.service_page_form .personal_information a:after {
content: "";
display: block;
margin-top: -1px;
height: 1px;
background: #fff;
}
.service_page_form .personal_information a:hover:after {
background: none;
}
.service_page_form .personal_information input[type="checkbox"] {
position: absolute;
left: 0;
top: 7px;
}
.service_page_form .personal_information label:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 7px;
background: #f4f4f4;
border: none;
border-radius: 3px;
cursor: pointer;
}
.service_page_form
.personal_information
input[type="checkbox"]:checked
+ label:before {
content: "";
background: #f4f4f4 url("img/service_page/check.png") center no-repeat;
}
.service_page_form .wpcf7-form-control-wrap {
display: block;
float: left;
width: 39%;
margin-right: 1%;
}
.service_page_form .wpcf7-form-control-wrap:nth-child(3) {
display: none;
}
.service_page_form form br {
display: none;
}
.service_page_form div.wpcf7 .ajax-loader {
clear: both;
}
.service_page_form .your-name, .service_page_form .your-tel, .service_page_form .form_button {
display: block;
float: left;
}
.service_page_form .your-name {
width: 39%;
margin-right: 1%;
}
.service_page_form .your-tel {
width: 39%;
margin-right: 1%;
}
.service_page_form .form_button {
width: 20%;
}
.service_page_form input[type="text"], .service_page_form input[type="tel"] {
display: block;
width: 100%;
padding: 12px 15px;
background: #fff;
border-radius: 5px;
border: none;
font-size: 15px;
}
.service_page_form input::-webkit-input-placeholder {
color: rgb(93, 93, 93);
font-style: italic;
}
.service_page_form input::-moz-placeholder {
color: rgb(93, 93, 93);
font-style: italic;
}
.service_page_form input:-moz-placeholder {
color: rgb(93, 93, 93);
font-style: italic;
}
.service_page_form input:-ms-input-placeholder {
color: rgb(93, 93, 93);
font-style: italic;
}
.service_page_form input[type="submit"], .service_page_form input[type="button"] {
display: block;
width: 100%;
padding: 12px;
background: #00a600;
border-radius: 5px;
border: none;
cursor: pointer;
font-size: 15px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.service_page_form input[type="submit"] {
width: 20%;
}
.service_page_form input[type="submit"]:hover, .service_page_form input[type="button"]:hover {
background: #12d003;
}
.service_page_form .not-valid {
color: #f7e700;
}
@media screen and (max-width: 1125px) {
.service_page_form .wpcf7-form-control-wrap {
width: 36%;
}
.service_page_form input[type="submit"], .service_page_form .form_button {
width: 25%;
}
}
@media screen and (min-width: 999px) {
.service_page_form {
background: #0070b9 url("img/service_page/form-fon.png") 0 100% no-repeat;
background-size: cover;
}
}
@media screen and (max-width: 999px) {
.service_page_form {
position: relative;
}
.service_page_form_cont {
margin: 0;
}
.service_page_form .your-name, .service_page_form .your-tel, .service_page_form .form_button, .service_page_form .wpcf7-form-control-wrap, .service_page_form input[type="submit"] {
float: none;
width: 260px;
max-width: 100%;
margin: 0 auto 15px;
}
.service_page_form .personal_information {
text-align: left;
}
.service_page_form .personal_information a {
text-decoration: underline;
}
.service_page_form .personal_information a:after {
display: none;
}
}
.service_page_content_cont {
position: relative;
margin-bottom: 35px;
font-size: 16px;
color: rgb(37, 37, 37);
line-height: 1.313;
}
.read-more-cont {
margin-top: -30px;
padding-top: 50px;
background: url("img/service_page/content-fon.png") top repeat-x;
position: relative;
}
.read-more {
display: inline-block;
cursor: pointer;
border: none;
outline: none;
background: none;
font-size: 16px;
font-family: "PT Sans", sans-serif;
color: rgb(15, 101, 162);
font-weight: bold;
text-decoration: underline;
}
.read-more:hover {
text-decoration: none;
}
.spoiler-text {
display: none;
}
.block-info {
width: 1210px;
max-width: 100%;
min-height: 474px;
margin: 0 auto 44px;
padding: 0 5px;
}
.block-info:after, .block-info ul:after {
content: "";
display: block;
clear: both;
}
.block-info-text {
float: left;
padding: 26px 0 0;
}
.block-info-title {
max-width: 425px;
margin-bottom: 43px;
font-size: 44px;
color: rgb(27, 27, 27);
line-height: 1.068;
font-weight: bold;
}
.block-info-desc {
max-width: 425px;
margin-bottom: 43px;
font-size: 24px;
color: rgb(53, 53, 53);
line-height: 1.25;
}
.block-info ul {
list-style: none;
display: block;
max-width: 667px;
padding: 0;
margin-bottom: 45px;
}
.block-info li {
float: left;
display: block;
width: 50%;
position: relative;
padding: 0 0 12px 29px;
font-size: 17px;
color: rgb(53, 53, 53);
}
.block-info li:before {
content: "";
display: block;
width: 13px;
height: 9px;
position: absolute;
left: 10px;
top: 7px;
background: url("images/icons.png") -30px 0 no-repeat;
}
.block-info-links a,
.block-info-links button {
display: inline-block;
vertical-align: top;
font-size: 18px;
color: rgb(15, 95, 144);
}
.block-info-links button {
padding: 15px 27px 16px;
margin-right: 32px;
border: 1px solid rgb(15, 95, 144);
border-radius: 60px;
background: none;
cursor: pointer;
font-family: "PT Sans", sans-serif;
}
.block-info-links button:hover {
background: rgb(15, 95, 144);
color: #fff;
}
.block-info-links a {
margin-top: 18px;
text-decoration: underline;
}
.block-info-links a:hover {
text-decoration: none;
}
.block-info-form {
float: right;
width: 338px;
position: relative;
margin: 32px 3px 0 0;
}
.block-info-form:before, .block-info-form:after {
content: "";
display: block;
width: 100%;
height: 30px;
position: absolute;
left: 0;
top: 0;
background: url("images/info-form.png") 0 0 no-repeat;
}
.block-info-form:after {
top: auto;
bottom: 0;
background: url("images/info-form.png") 0 -30px no-repeat;
}
.block-info-form-inner {
padding: 30px 25px 30px;
border-radius: 30px;
background: #fff;
box-shadow: 0 1px 2px rgba(149, 128, 118, 0.1),
-15px 0 10px -15px rgba(0, 0, 0, 0.7), 15px 0 10px -15px rgba(0, 0, 0, 0.7),
0 0 40px rgba(149, 128, 118, 0.1) inset;
}
.block-info-form-title {
position: relative;
margin: -9px 0 17px;
font-size: 23px;
color: rgb(27, 27, 27);
line-height: 1.26;
text-align: center;
}
.block-info-form-title span {
display: inline-block;
vertical-align: top;
padding: 0 5px;
background: rgb(232, 255, 238);
font-weight: bold;
color: #037300;
}
.block-info-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 16px;
}
.block-info-form br, .block-info-form .wpcf7-form-control-wrap:nth-child(3) {
display: none;
}
.block-info-form input[type="text"], .block-info-form input[type="tel"] {
width: 100%;
padding: 11px 2px;
outline: none;
border: none;
background: none;
border-bottom: 1px solid rgb(229, 229, 229);
font-size: 17px;
}
.block-info-form input:focus {
border-color: #108900;
}
.block-info-form input::-webkit-input-placeholder {
font-size: 17px;
color: #525353;
}
.block-info-form input::-moz-placeholder {
font-size: 17px;
color: #525353;
}
.block-info-form input:-moz-placeholder {
font-size: 17px;
color: #525353;
}
.block-info-form input:-ms-input-placeholder {
font-size: 17px;
color: #525353;
}
.block-info-form input[type="submit"] {
display: block;
width: 100%;
margin: 22px 0 0;
padding: 18px 0;
background: rgb(16, 137, 0);
outline: none;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 21px;
color: rgb(251, 251, 251);
line-height: 1;
}
.block-info-form input[type="submit"]:hover {
opacity: 0.8;
}
.block-info-form-privacy-policy {
position: relative;
padding: 0 0 0 30px;
font-size: 13px;
color: rgb(146, 146, 146);
line-height: 1.308;
}
.block-info-form-privacy-policy:before {
content: "";
display: block;
width: 14px;
height: 19px;
position: absolute;
left: 4px;
top: 7px;
background: url("images/icons.png") -45px 0 no-repeat;
}
@media (min-width: 600px) {
.block-info {
background: url("images/fon-info.png") center top no-repeat;
}
}
@media (max-width: 1050px) {
.block-info-text {
max-width: 600px;
}
}
@media (max-width: 999px) {
.block-info-text {
float: none;
max-width: 100%;
}
.block-info-form {
float: none;
max-width: 100%;
margin: 40px auto;
}
}
@media (max-width: 599px) {
.block-info {
background: url("images/fon-info-min.png") center top no-repeat;
}
.block-info-title {
font-size: 34px;
}
.block-info-links {
text-align: center;
}
.block-info-links a,
.block-info-links button {
margin: 0 0 20px;
}
.block-info-links a {
display: block;
}
.block-info-form:before,
.block-info-form:after {
background-size: 100%;
}
}
.block-services {
width: 1210px;
max-width: 100%;
margin: 50px auto 10px;
padding: 0 5px;
}
.block-services:after {
content: "";
display: block;
clear: both;
}
.block-services .item {
display: block;
float: left;
width: 24%;
min-height: 250px;
position: relative;
margin: 0 0 70px 1.3%;
padding: 124px 30px 0;
border-radius: 15px;
box-shadow: 0 0 7px 0 rgba(213, 213, 213, 1);
text-align: center;
}
.block-services .item:nth-child(1), .block-services .item:nth-child(4n + 1) {
margin-left: 0;
}
.block-services a {
text-decoration: none;
display: block;
}
.block-services a:hover {
text-decoration: none;
opacity: 0.8;
}
.block-services .block-services-title {
display: block;
min-height: 50px;
margin-bottom: 15px;
font-size: 18px;
color: rgb(27, 27, 27);
line-height: 1.278;
}
.block-services .img {
display: block;
width: 122px;
height: 122px;
position: absolute;
left: 50%;
top: -20px;
margin-left: -61px;
padding-top: 5px;
}
.block-services .img:after {
content: "";
display: block;
width: 122px;
height: 122px;
position: absolute;
left: 0;
top: 0;
background: url("images/service.png");
}
.block-services .img img {
position: static;
width: 112px;
height: 112px;
}
.block-services .img span {
display: block;
position: relative;
width: 112px;
height: 112px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
background: #fff;
}
.block-services-price {
display: block;
font-size: 20px;
color: rgb(15, 95, 144);
font-weight: bold;
}
@media (max-width: 999px) {
.block-services .item,
.block-services .item:nth-child(4n + 1) {
width: 32%;
margin-left: 1.9%;
padding: 124px 15px 0;
}
.block-services .item:nth-child(3n + 1) {
margin-left: 0;
}
.block-services img {
left: 15px;
}
}
@media (max-width: 799px) {
.block-services .item,
.block-services .item:nth-child(4n + 1),
.block-services .item:nth-child(3n + 1) {
width: 49%;
margin-left: 2%;
}
.block-services .item:nth-child(odd) {
margin-left: 0;
}
}
@media (max-width: 499px) {
.block-services .item,
.block-services .item:nth-child(4n + 1),
.block-services .item:nth-child(3n + 1),
.block-services .item:nth-child(odd) {
float: none;
width: 100%;
margin-left: 0;
}
}
.advantages {
min-height: 689px;
padding: 54px 5px;
margin-bottom: 95px;
background-color: #2c537d;
color: #fff;
text-align: center;
}
.advantages-title {
margin-bottom: 18px;
font-size: 41px;
font-weight: bold;
}
.services-title{
margin-bottom: 18px;
font-size: 41px;
font-weight: bold;
margin-bottom: 50px;
text-align: center;
}
.advantages-desc {
display: inline-block;
width: 560px;
max-width: 100%;
margin-bottom: 52px;
font-size: 17px;
color: rgb(196, 232, 255);
line-height: 1.296;
}
.advantages-list {
display: block;
position: relative;
padding: 0;
list-style-type: none;
}
.advantages-list span {
display: block;
}
.advantages-list li {
display: block;
position: absolute;
padding-top: 20px;
font-size: 20px;
line-height: 1.1;
}
.advantages-list li:before {
content: "";
display: block;
width: 90px;
height: 90px;
position: absolute;
top: 0;
background-color: #fff;
background-image: url("images/advantages-icons.png");
background-repeat: no-repeat;
border-radius: 50%;
}
.advantages-list li:nth-child(odd) {
right: 50%;
padding-right: 110px;
text-align: right;
}
.advantages-list li:nth-child(odd):before {
right: 0;
}
.advantages-list li:nth-child(even) {
left: 50%;
padding-left: 110px;
text-align: left;
}
.advantages-list li:nth-child(even):before {
left: 0;
}
.advantages-list li:nth-child(1) {
top: 0;
margin-right: 155px;
}
.advantages-list li:nth-child(2) {
top: 0;
margin-left: 133px;
}
.advantages-list li:nth-child(2):before {
background-position: -90px 0;
}
.advantages-list li:nth-child(3) {
top: 143px;
margin-right: 224px;
}
.advantages-list li:nth-child(3):before {
background-position: 0 -90px;
}
.advantages-list li:nth-child(4) {
top: 143px;
margin-left: 202px;
}
.advantages-list li:nth-child(4):before {
background-position: -90px -90px;
}
.advantages-list li:nth-child(5) {
top: 284px;
margin-right: 152px;
}
.advantages-list li:nth-child(5):before {
background-position: 0 -180px;
}
.advantages-list li:nth-child(6) {
top: 284px;
margin-left: 130px;
}
.advantages-list li:nth-child(6):before {
background-position: -90px -180px;
}
@media (min-width: 999px) {
.advantages {
background: #2c537d url("images/advantages-fon.jpg") center top no-repeat;
}
}
@media (max-width: 999px) {
.advantages {
background: #2c537d url("images/advantages-fon-medium.jpg") center top
no-repeat;
}
.advantages .advantages-list li {
padding: 90px 0 0;
}
.advantages-list li:nth-child(1) {
top: -17px;
margin-right: 135px;
}
.advantages-list li:nth-child(2) {
top: -17px;
margin-left: 113px;
}
.advantages-list li:nth-child(3) {
margin-right: 204px;
}
.advantages-list li:nth-child(4) {
margin-left: 182px;
}
.advantages-list li:nth-child(5) {
margin-right: 132px;
}
.advantages-list li:nth-child(6) {
margin-left: 110px;
}
}
@media (max-width: 699px) {
.advantages {
padding: 40px 0 30px;
margin-bottom: 50px;
background: #2c537d;
padding-left: 16px;
padding-right: 16px;
}
.advantages-list {
display: inline-block;
}
.advantages .advantages-list li {
position: relative;
min-height: 90px;
left: auto;
right: auto;
top: auto;
margin: 0 0 20px;
padding: 20px 0 0 110px;
text-align: left;
}
.advantages .advantages-list li:before {
top: 0;
left: 0;
}
}
.block-about {
width: 1210px;
max-width: 100%;
margin: 0 auto 39px;
padding: 0 5px;
}
.block-about:after {
content: "";
display: block;
clear: both;
}
.block-about-video {
width: 49%;
float: left;
padding: 3px 0;
}
.block-about-video figure {
margin-bottom: 26px;
}
.block-about-video-text {
display: inline-block;
position: relative;
padding-right: 48px;
font-size: 21px;
color: rgb(0, 86, 140);
}
.block-about-video-text:after {
content: "";
display: block;
width: 33px;
height: 29px;
position: absolute;
right: 0;
top: -12px;
background: url("images/icons.png") -95px -30px no-repeat;
}
.block-about-info {
width: 48.3%;
float: right;
}
.block-about-before {
margin-bottom: 8px;
font-size: 15px;
color: rgb(0, 86, 140);
text-transform: uppercase;
}
.block-about-title {
max-width: 410px;
margin-bottom: 33px;
font-size: 36px;
color: rgb(34, 34, 34);
line-height: 1;
}
.block-about p {
display: block;
max-width: 545px;
font-size: 17px;
color: rgb(34, 34, 34);
line-height: 1.471;
}
.block-about ul {
display: block;
list-style-type: none;
margin-top: 44px;
padding: 0;
}
.block-about ul:after {
content: "";
display: block;
clear: both;
}
.block-about li {
display: block;
float: left;
position: relative;
width: 50%;
min-height: 75px;
padding: 0 10px 0 23px;
margin-bottom: 4px;
font-size: 17px;
color: rgb(34, 34, 34);
line-height: 1.118;
}
.block-about li:before {
content: "";
display: block;
width: 16px;
height: 15px;
position: absolute;
left: 0;
top: 2px;
background: url("images/icons.png") -115px 0 no-repeat;
}
.block-about li:nth-child(even) {
float: right;
}
@media (max-width: 999px) {
.block-about-video,
.block-about-info {
width: 575px;
max-width: 100%;
float: none;
margin: 0 auto 40px;
}
}
.photogallery {
width: 1200px;
max-width: 100%;
margin: 0 auto 84px;
}
.photogallery img {
display: block;
}
.photogallery ul {
display: block;
list-style-type: none;
padding: 0;
}
.photogallery ul:after {
content: "";
display: block;
clear: both;
}
.photogallery li {
display: block;
float: left;
margin-right: 0.6%;
}
.photogallery li a {
display: block;
width: 100%;
position: relative;
margin-bottom: 10px;
}
.photogallery li a:hover {
opacity: 0.8;
}
.photogallery li:nth-child(1) {
width: 59.3%;
}
.photogallery li:nth-child(2) {
width: 19.7%;
}
.photogallery li:nth-child(3) {
width: 19.7%;
margin-right: 0;
}
.photogallery li span {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.photogallery li span:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.66;
background: #053059;
}
.photogallery li span i {
display: inline-block;
width: 92px;
height: 92px;
position: absolute;
left: 50%;
top: 50%;
margin: -46px 0 0 -46px;
padding-top: 20px;
border: 6px solid #fff;
border-radius: 50%;
background: rgb(35, 100, 148);
font-size: 39px;
color: #fff;
font-style: normal;
line-height: 1;
text-align: center;
}
@media (max-width: 999px) {
.photogallery ul {
width: 480px;
max-width: 100%;
margin: 0 auto;
}
.photogallery li:nth-child(1) {
width: 100%;
}
.photogallery li:nth-child(2),
.photogallery li:nth-child(3) {
width: 49%;
margin: 0;
}
.photogallery li:nth-child(3) {
float: right;
}
}
.specialists {
min-height: 919px;
padding: 49px 5px;
margin-bottom: 69px;
background: #0e3864;
text-align: center;
color: #fff;
}
.specialists-title {
margin-bottom: 31px;
font-size: 41px;
font-weight: bold;
}
.specialists-desc {
display: inline-block;
max-width: 700px;
margin-bottom: 58px;
font-size: 17px;
color: rgb(196, 232, 255);
line-height: 1.177;
}
.specialists .slick-prev, .specialists .slick-next {
width: 59px;
height: 66px;
left: -95px;
top: 188px;
background: url("images/arrows-1.png") 0 0 no-repeat;
}
.specialists .slick-next {
left: auto;
right: -95px;
background: url("images/arrows-1.png") -60px 0 no-repeat;
}
.specialists .slider-specialists-cont {
width: 1440px;
max-width: 100%;
margin: 0 auto;
padding: 0 100px;
}
.specialists ul {
display: block;
padding: 0;
list-style-type: none;
}
.specialists li a, .specialists li b, .specialists li i {
display: block;
width: 276px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.specialists li .img {
margin-bottom: 22px;
}
.specialists li span {
display: block;
}
.specialists li b {
margin-bottom: 21px;
font-size: 22px;
line-height: 1.228;
}
.specialists li i {
font-size: 17px;
color: rgb(196, 232, 255);
line-height: 1.353;
font-style: normal;
}
@media (min-width: 999px) {
.specialists {
background: #0e3864 url("images/specialists-fon.jpg") center top no-repeat;
}
}
@media (max-width: 999px) {
.specialists {
min-height: 0;
padding: 40px 5px;
}
.specialists .slider-specialists-cont {
padding: 0 65px;
}
.specialists .slick-prev {
left: -58px;
}
.specialists .slick-next {
right: -58px;
}
.specialists .img {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
}
.content-index {
width: 1220px;
max-width: 100%;
margin: 0 auto 50px;
padding: 0 10px;
}
.content-index h1 {
margin-bottom: 42px;
font-size: 41px;
color: rgb(0, 70, 112);
line-height: 1.147;
}
.content-index p {
display: block;
margin-bottom: 26px;
font-size: 18px;
color: rgb(7, 37, 56);
line-height: 1.445;
}
.content-index ul {
display: block;
margin: 40px 0 50px;
padding: 0 0 0 15px;
list-style-type: none;
}
.content-index li {
position: relative;
display: block;
margin-bottom: 12px;
padding: 0 0 0 30px;
font-size: 17px;
color: rgb(7, 37, 56);
line-height: 1.1;
}
.content-index li:before {
content: "";
display: block;
width: 16px;
height: 15px;
position: absolute;
left: 0;
top: 3px;
background: url("images/icons.png") -115px 0 no-repeat;
}
@media (max-width: 499px) {
.content-index h1 {
font-size: 34px;
}
}
.page-content {
width: 1210px;
max-width: 100%;
margin: 0 auto;
padding: 0 5px;
}
.page-content .content {
width: auto;
float: none;
}
#modal-video {
display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 2000;
box-sizing: border-box;
width: 580px;
max-width: 98%;
margin: -165px 0 0 -290px;
padding: 40px 10px 10px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
border-radius: 10px;
}
#modal-video-close {
z-index: 2103;
}
#modal-video-fade {
display: none;
background: rgba(43, 46, 56, 0.9);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
@media (max-width: 649px) {
#modal-video {
left: 1%;
top: 10px;
margin: 0;
}
}
.sale {
display: block;
max-width: 100%;
position: relative;
color: rgb(255, 255, 255);
text-align: center;
}
.sale figcaption, .sale .figcaption {
display: block;
position: relative;
margin-bottom: 13px;
font-size: 20px;
font-weight: bold;
}
.sale-top {
height: 120px;
background-color: #fff;
}
.sale-bottom {
background-color: rgb(0, 91, 145);
position: relative;
padding-top: 8rem;
padding-bottom: 2rem;
margin-bottom: 3rem;
min-height: 320px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.sale-bottom::after {
position: absolute;
min-height: 320px;
opacity: 0.03;
content: '';
top: 0;
left: 0;
width: 100%;
background-image: url(images/fon-sale.png);
background-repeat: no-repeat;
background-position: center;
}
.sale figcaption:after, .sale .figcaption:after {
content: "";
display: block;
width: 100px;
height: 2px;
margin: 5px auto 0;
background: rgb(255, 134, 119);
}
.sale .img {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top:-100px;
margin-left: -100px;
z-index: 1;
border-radius: 50%;
overflow: hidden;
}
.sale span {
display: block;
position: relative;
margin-bottom: 10px;
padding: 0 25px;
font-size: 14px;
line-height: 1;
}
.sale .btn {
width: 100%;
margin-top: auto;
z-index: 1;
}
.sale button {
height: 40px;
padding: 0 36px;
outline: 0;
border: 0;
background: rgb(205, 1, 0);
font-size: 14px;
cursor: pointer;
color: rgb(255, 255, 255);
}
@media (max-width: 850px) {
.sale {
float: none;
margin: 0 auto 30px;
}
.sale span {
padding: 0;
}
}
.block-info-text {
display: flex;
margin: 0 auto;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.block-info ul {
width: 500px;
}
.block-info ul li {
text-align: left;
}
.block-info-links {
display: flex;
justify-content: space-between;
align-items: center;
width: 500px;
}
.block-info-links a {
margin-top: 0;
}
.close-mobile {
display: none;
}
@media screen and (max-width: 520px) {
.block-info ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 1rem;
}
.block-info-desc {
margin-bottom: 1rem;
}
.block-info-links {
width: 100%;
display: flex;
flex-direction: column;
}
.block-info li {
width: 280px;
margin: 0 auto;
}
.block-info-text {
padding-top: 0;
}
}
@media screen and (max-width: 999px) {
.menu-main nav>ul {
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
background-color: #00578c;
padding: 2rem;
padding-bottom: 4rem;
}
nav {
position: fixed;
width: 100%;
height: 100vh !important;
overflow-x: hidden;
top: 0;
left: 0;
display: none;
z-index: 1000;
}
.menu-main ul ul {
overflow-y: auto;
}
.menu-main ul li, .menu-main ul ul li {
margin: 0;
}
.menu-main ul ul, .menu-main ul ul ul, .menu-main ul li:hover ul, .menu-main ul li:hover ul ul, .menu-main ul li:hover ul li:hover ul {
height: auto;
}
.menu-item-has-children {
overflow-y: auto !important;
}
}
.close-mobile {
display: inline-block;
color: white;
position: fixed;
top: 1rem;
right: 2rem;
z-index: 100;
font-size: 3rem;
display: none;
}
@media screen and (max-width: 500px) {
.header-phone {
display: flex;
flex-direction: column;
}
.header-phone-inner {
top: .5rem;
}
.header-feedback{
display: flex;
flex-direction: column;
width: 230px;
}
.header-feedback button:first-child {
margin-bottom: 1rem;
margin-right: 0;
margin-top: 1rem;
width: 100%;
}
.header-feedback button {
width: 100% !important;
}
}
@media screen and (max-width: 700px) {
.footer {
margin-top: 0;
}
}
@media screen and (max-width: 576px) {
.header-phone-button {
display: none;
}
.header-text {
display: none;
}
.header-feedback {
display: none;
}
.header-address {
display: none;
}
.header-inner {
background-color: #fff;
}
.header {
margin-bottom: 0;
}
.header-phone-inner:before {
display: none;
}
.menu-main {
width: 0;
}
#menu-open {
margin: 0;
margin-left: auto;
margin-right: 1rem;
}
.header-phone {
width: auto;
margin: 0;
}
.header-phone-inner {
position: relative;
margin-right: 0;
margin-bottom: 0;
}
.header-phone-inner a:before {
position: absolute;
content: '';
background: url(images/phone.svg);
top: 1.8rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
transform: scale(-1,1) rotate(10deg);
}
.logo img {
width: 12rem;
}
.header-phone-inner a {
width: 0.01px;
overflow: hidden;
}
}
@media screen and (max-width: 500px) {
.header-phone-inner a:before {
position: absolute;
content: '';
background: url(images/phone.svg);
top: 1.3rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
transform: scale(-1,1) rotate(10deg);
}
}
@media screen and (max-width: 350px) {
.logo img {
width: 10rem;
}
.header-phone-inner {
padding: 0;
padding-right: 1rem;
}
}
.header-inner-active {
position: fixed;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
transition: all .3s;
scroll-behavior: smooth;
}
.logo-wrap {
display: flex;
align-items: center;
}
.header-text {
margin-left: 0;
margin-top: 0;
}
.header-top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header-right {
display: flex;
align-items: center;
}
.header-feedback button:nth-child(2) {
margin-bottom: 0;
padding-right: 1rem;
}
.header-feedback {
margin-right: 1.5rem;
}
.header .logo {
margin-right: 1.5rem;
}
@media screen and (max-width: 1210px) {
.header {
margin-left: 0;
margin-right: 0;
}
.header-top {
padding-left: 1rem;
padding-right: 1rem;
}
}
.header-inner {
overflow-x: hidden;
}
html {
overflow-x: hidden !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
@media screen and (max-width: 1000px) {
.header-text {
display: none;
}
.header-feedback {
display: none;
}
.header {
width: 100%;
box-sizing: border-box;
padding: 0;
overflow-x: hidden !important;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
margin-top: 1rem;
padding-bottom: 0.5rem;
}
.menu-main {
margin: 0;
}
#menu-open {
padding: 0;
margin-right: 1rem;
box-sizing: border-box;
}
.header-inner {
width: 100%;
box-sizing: border-box;
}
}
/* main-header */
@media screen and (max-width: 800px) {
.header-right {
margin-right: 1rem;
}
}
@media screen and (max-width: 700px) {
.header-right {
margin-right: 0;
}
}
@media screen and (max-width: 576px) {
.header {
margin-bottom: 1rem;
padding-bottom: 0;
margin-top: 0;
}
.menu-main {
margin: 0;
}
.header-phone-inner {
padding-right: .5rem !important;
}
.header-top {
padding-right: 0;
}
.header-phone {
height: 5rem;
}
}
.footer .animated-up {
position: fixed;
bottom: 3rem;
display: none;
}
.cookies-wrapper {
width: 100%;
display: flex;
justify-content: center;
display: none !important;
}
.cookies {
width: 35%;
position: fixed;
bottom: .5rem;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.259);
padding: 1.2rem 1.5rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0;
display: none;
z-index: 1000000000;
}
@media screen and (max-width: 1200px) {
.cookies {
width: 50%;
}
}
@media screen and (max-width: 900px) {
.cookies {
width: 70%;
}
}
@media screen and (max-width: 576px) {
.cookies {
width: 100%;
}
}
.cookies img {
width: 1rem !important;
height: 1rem !important;
cursor: pointer;
}
.cancel {
font-size: 2rem;
color: #005f93;
cursor: pointer;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
}
.cancel:hover {
color: black;
}
.cookies p {
width: 95%;
line-height: 1.5;
color: #072538;
}
.cookies a {
color: #0e3864;
}
@media screen and (max-width: 350px) {
.header-phone-inner {
margin-right: 2rem;
}
#menu-open {
width: 35px;
}
#menu-open::before {
height: 2px;
margin-bottom: 2px;
}
.header-phone-inner a:before {
width: 1.2rem;
height: 1.2rem;
top: 1.5rem;
}
}
.slick-slide img {
margin: 0 auto;
}
/* новые изменения */
.feed {
display: flex;
margin-top: 2rem;
justify-content: space-between;
}
.feed__left {
width: 49%;
}
.feed__right {
width: 49%;
}
.feed_form {
margin-left: 1rem;
padding-top: 0;
}
.feed__slider {
position: relative;
}
.feed__slider .slick-next {
position: absolute;
top: -2rem;
right: 0;
}
.feed__slider .slick-prev {
position: absolute;
top: -2rem;
left: 90%;
}
@media screen and (max-width: 1000px) {
.feed {
flex-direction: column;
}
.feed__left, .feed__right {
width: 100%;
}
.review-item {
margin-right: 1rem;
}
.feed__slider .slick-prev {
position: absolute;
top: -2rem;
left: 93%;
}
.feed {
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.feed__slider .slick-prev {
position: absolute;
top: -2rem;
left: 90%;
}
}
@media screen and (max-width: 550px) {
.feed__slider .slick-prev {
position: absolute;
top: -2rem;
left: 85%;
}
}
@media screen and (max-width: 380px) {
.feed__slider .slick-prev {
position: absolute;
top: -2rem;
left: 80%;
}
}
.cond-img {
height: 55px;
margin-bottom: 55px;
}
.frame_3d{width:100%; height:600px;}
.price_table td {width:50%;}
.price_table tr:nth-child(1) td {width:100%;}
.usluga_content_wrap {
position: relative;
height: 350px;
overflow: hidden;
}
.usluga_content_wrap.active{height:unset;}
.usluga_content_wrap::before {
display: block;
content: "";
position: absolute;
width: 100%;
height: 80px;
bottom: 0;
background: linear-gradient(rgba(255,255,255,0.01), rgba(255,255,255,1) 50%, #ffffff);
z-index: 1;
}
.usluga_content_wrap.active::before{
display:none;
}
.usluga_content {}
.usluga_content_btn {
cursor: pointer;
position: absolute;
bottom: 0;
color: #004796;
z-index: 2;
}
.usluga_content_btn:hover{
text-decoration:underline;
}
.disclaimer {
max-width: 100%;
padding: 1rem;
text-align: center;
color: #ffffff;
background-color: #00578c;
text-transform: uppercase;
font-size: 1.25rem;
}
.disclaimer_2 {
max-width: 100%;
padding: 0.25rem 1rem;
text-align: center;
color: #ffffff;
background-color: #00578c;
font-size: 1rem;
border-top: 1px solid;
}
.article_one {
/* display: flex;*/
margin-bottom: 1rem;
position: relative;
transition:all 250ms ease 0ms;
}
.article_one:after{
display:block;
content:"";
clear:both;
}
.article_one:hover{
background-color: #f0f0f0;
}
.article_img {
margin-right: 1rem;
max-width: 15rem;
min-width: 15rem;
float: left;
}
.article_img img {}
.article_info {
padding: 1rem;
}
.article_headding {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.article_headding a:before{
position:absolute;
content:"";
display:block;
left:0;
top:0;
width:100%;
height:100%;
}
.article_short {
font-size: 1rem;
}
article p {
margin: 1rem 0;
font-size: 1rem;
line-height: 1.6;
}
article li {
margin:0.5rem 0;
font-size: 1rem;
}
h2, h3, h4, h5, h6 {margin-bottom: 1rem;}
.archive_wrap {margin-bottom:3rem;}
@media screen and (max-width: 768px) {
.article_headding {font-size: 1.25rem; margin-bottom: 0.5rem;}
}
@media screen and (max-width: 599px) {
.article_info {padding: 0rem;}
article img { width:100%;}
}
@media screen and (max-width: 499px) {
.article_img {
margin-right: 0rem;
max-width: 100%;
min-width: 100%;
float: unset;
margin-bottom: 0.5rem;
}
.article_info {padding: 0rem;}
.article_one {margin-bottom: 2rem;}
}
.about_personal {
display: inline-block;
float: right;
max-width: 225px;
text-align: center;
margin: 0 0 1rem 1rem;
}
.about_personal img {}
.about_personal p {
margin: 0;
line-height: 1.2;
}
.about_personal span {
font-size: 0.75rem;
color: #999999;
}
.about_gllery {
margin-bottom: 1rem !important;
}
.about_gllery li {
background: none !important;
padding: unset !important;
}
.about_gllery li:before {display:none;}
@media screen and (max-width: 499px) {
.about_personal {
display: block;
float: none;
max-width: 225px;
text-align: center;
margin: 0 auto 1rem;
}
}
form .time {display:none;}