*::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
*:-moz-placeholder {
color: #666;
opacity: 1;
}
*::-moz-placeholder {
color: #666;
opacity: 1;
}
.wpb_row {
margin-bottom: 50px;
}
*:-ms-input-placeholder {
color: #666;
opacity: 1;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@keyframes fade-in {
100% {
opacity: 1;
transform: translateY(0);
}
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
color: #212121;
overflow-x: hidden;
margin: 0;
}
p {
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
ul li,
ol li,
menu li {
list-style: none;
}
ul,
ol,
menu {
display: block;
margin: 0;
padding-left: 0;
}
button {
outline: none;
border: 0;
padding: 0;
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: normal;
}
.ibg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.ibg img {
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.btn0 {
display: inline-block;
font-family: 'ProximaNova', sans-serif;
font-size: 15px;
line-height: 1.4;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.02em;
background-color: #2173a4;
border-radius: 6px;
border: 2px solid #2173a4;
padding: 17px 24.5px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.btn0:hover {
color: #2173a4;
background: #fff;
}
.btn2 {
display: inline-block;
font-family: 'ProximaNova', sans-serif;
font-size: 18px;
font-weight: 700;
color: #3bc3f3;
line-height: 1.4;
border: 2px solid #3bc3f3;
border-radius: 10px;
padding: 13.5px 18.5px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.hidden {
display: none;
}
.site-wrap {
overflow: hidden;
}
.container,
.listing .listing__container {
margin: 0 auto;
position: relative;
padding: 0 10px;
width: 100%;
max-width: 1300px;
overflow: inherit;
}
.container .container,
.container .listing__container {
padding: 0;
}
.listing__container > h2 {
color: #3bc3f3;
font-size: 28px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 27px;
}
.main-header {
padding-bottom: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
z-index: 999;
} .covid-link {
position: fixed;
right: -67px;
top: 61px;
z-index: 2000;
transform: rotate(-90deg);  }
.covid-link a {
display: inline-block;
padding: 4px 46px;
background: #fff;  font-weight: 600;
color: #fff;
background: #f50044;
}
.main-header.header-fixed {
background-color: #fff;
-webkit-box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
}
.main-header.main-header_bg-none {
box-shadow: none;
background: none;
}
.main-header .menu-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 85px;
background-color: #fff;
z-index: 1;
display: none;
}
.main-header-tel-btn {
width: 23px;
height: 23px;
background: url(/wp-content/themes/belberry/assets_2021/img/tel-icon1.svg) center no-repeat;
cursor: pointer;
display: none;
position: relative;
z-index: 42;
margin-left: auto;
margin-right: 20px;
}
.main-header-menu-btn {
width: 26px;
height: 21px;
background: url(/wp-content/themes/belberry/assets_2021/img/menu.svg) center no-repeat;
cursor: pointer;
display: none;
position: relative;
}
.main-header-tel-btn,
.main-header-menu-btn {
margin-top: 9px;
}
.main-header-close {
position: fixed;
z-index: 42;
top: 33px;
right: 25px;
width: 18px;
height: 18px;
background: url(/wp-content/themes/belberry/assets_2021/img/close.svg) center no-repeat;
cursor: pointer;
display: none;
}
.main-header-fixed-btn {
position: fixed;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
font-size: 15px;
color: #fff;
font-weight: 700;
background-color: #3bc3f3;
padding: 17.5px 10px;
text-align: center;
visibility: hidden;
opacity: 0;
}
.main-header-fixed-btn.active {
z-index: 1500;
visibility: visible;
opacity: 1;
}
.main-header-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 32px;
}
.main-header-logo {
max-width: 330px;
width: 100%;
padding-left: 97px;
padding-top: 26px;
position: relative;
}
.main-header-logo:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 67px;
height: 77px;
background: url(/wp-content/themes/belberry/assets_2021/img/logo.svg) center no-repeat;
}
.main-header-logo-text1 {
display: block;
font-size: 24px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #000;
margin-bottom: 4px;
}
.main-header-logo-text2 {
display: block;
font-size: 13px;
color: #000;
}
.main-header-contact-wrap {
max-width: 505px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
.main-header-contact {
padding-left: 35px;
position: relative;
}
.main-header-ws {
display: block;
position: absolute;
top: 2px;
left: 0;
width: 23px;
height: 23px;
background: #48c95f url(/wp-content/themes/belberry/assets_2021/img/whatsapp-icon.svg) center no-repeat;
border-radius: 50%;
}
.main-header-tg {
display: block;
position: absolute;
top: 32px;
left: 0;
width: 23px;
height: 23px;
background: #40b3df url(/wp-content/themes/belberry/assets_2021/img/tg-icon.svg) center no-repeat;
border-radius: 50%;
}
.main-header-tel-wrap {
margin-bottom: 2px;
}
.main-header-tel {
display: inline-block;
font-size: 16px;
letter-spacing: 0.02em;
font-weight: 700;
color: #000;
}
.main-header-contact-text1 {
font-size: 14px;
letter-spacing: 0.02em;
margin-bottom: 2px;
}
.main-header-contact-text2 {
color: #6a6a6a;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.02em;
}
.main-header-btn-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.main-header-btn-wrap .btn0 {
font-size: 14px;
padding: 17px 10px;
background: #3bc3f3;
border-color: #3bc3f3;
}
.main-header-btn-wrap .btn0:hover {
color: #3bc3f3;
background: #fff;
}
.login-btn {
margin-right: 25px;
transition: transform 0.3s;
}
.no-touch .login-btn:hover {
transform: translateY(3px);
}
.main-header-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-header-menu a {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #252525;
text-transform: uppercase;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.main-header-menu1 {
max-width: 240px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: none;
}
.main-header-menu1 li {
margin-bottom: 10px;
}
.main-header-menu1 li:last-child {
margin-bottom: 0;
}
.main-header-menu1 a {
display: inline-block;
font-size: 16px;
color: #000;
}
.site-wrap-secondpage {
padding-top: 157px;
}
.banner {
padding-top: 36px;
padding-bottom: 117px;
}
.banner-wrap {
background: #f4f6f9 url(/wp-content/themes/belberry/assets_2021/img/banner-bg.webp) center bottom/cover no-repeat;
padding-top: 157px;
}
.banner-slider {
position: relative;
}
.banner-slider .swiper-pagination-style1 {
bottom: 129px;
}
.banner-slider .swiper-button-prev-style1,
.banner-slider .swiper-button-next-style1 {
top: 33%;
}
iframe.tour-3d {
margin-bottom: 40px;
}
.banner-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-info {
max-width: 535px;
width: 100%;
margin-right: 55px;
margin-top: 3px;
}
.banner-title {
font-size: 26px;
line-height: 1.4;
color: #444;
letter-spacing: 0.03em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 11px;
}
.banner-title b {
display: block;
font-size: 38px;
font-weight: 900;
color: #3bc3f3;
line-height: 1.3;
margin-bottom: 5px;
}
.banner-title i {
font-style: normal;
color: #2173a4;
}
.banner-text1 {
max-width: 400px;
width: 100%;
font-size: 17px;
color: #454545;
margin-bottom: 13px;
}
.banner-list1 {
margin-bottom: 30px;
}
.banner-item1 {
padding-left: 36px;
position: relative;
margin-bottom: 18px;
}
.banner-item1:last-child {
margin-bottom: 0;
}
.banner-item1-number {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 26px;
height: 26px;
background-color: #2173a4;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 700;
color: #454545;
}
.banner-item1-text {
font-size: 17px;
color: #454545;
}
.banner-btn-wrap {
max-width: 283px;
width: 100%;
}
.banner-btn-wrap .btn1 {
display: block;
text-align: center;
padding: 17px 10px;
letter-spacing: 0;
}
.banner-cost-wrap {
max-width: 496px;
width: 100%;
}
.banner-cost {
max-width: 473px;
width: 100%;
padding-left: 87px;
position: relative;
z-index: 1;
}
.banner-cost:after {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 106px;
height: 77px;
background: url(/wp-content/themes/belberry/assets_2021/img/banner-cost-icon.png) center no-repeat;
}
.banner-cost-mob {
display: none;
}
.banner-cost-text-wrap {
background-color: #fff;
border: 1px solid #ededed;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 30px 29px 22px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-cost-text {
color: #f5d010;
font-size: 26px;
line-height: 1.1;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
border-top: 2px solid #f5d010;
padding-top: 4px;
}
.banner-cost-info {
width: 22px;
height: 22px;
position: relative;
margin-top: 2px;
}
.banner-cost-info:hover .banner-cost-info-text {
visibility: visible;
opacity: 1;
z-index: 5;
}
.banner-cost-info-btn {
width: 100%;
height: 100%;
border-radius: 50%;
background: #f1f1f1 url(/wp-content/themes/belberry/assets_2021/img/banner-cost-info-btn.svg) center no-repeat;
cursor: pointer;
}
.banner-cost-info-text {
position: absolute;
z-index: -1;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 336px;
padding: 16px 31px 11px 31px;
-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
border-radius: 6px;
background-color: #fff;
border: 1px solid #f4f4f4;
font-size: 14px;
line-height: 20px;
color: #454545;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.banner-cost-info-text b {
font-weight: 700;
}
.banner-img {
margin-top: -48px;
margin-left: -4px;
}
.services1 {
padding-bottom: 20px;
margin-top: -239px;
position: relative;
}
.services1:after {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #f4f6f9;
}
.services1-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0px -10px;
margin-top: -30px;
}
.services1-col {
width: 25%;
padding: 0px 10px;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.services1-col:nth-child(2) .services1-img {
width: 67px;
height: 80px;
background: url(/wp-content/themes/belberry/assets_2021/img/services1-item2.png);
}
.services1-col:nth-child(3) .services1-img {
width: 71px;
height: 80px;
background: url(/wp-content/themes/belberry/assets_2021/img/services1-item3.png);
}
.services1-col:nth-child(4) .services1-img {
width: 72px;
height: 80px;
background: url(/wp-content/themes/belberry/assets_2021/img/services1-item4.png);
}
.services1-item {
width: 100%;
border-radius: 10px;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
background-color: #fff;
padding: 8px;
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.services1-item:after {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
opacity: 0;
border-radius: 10px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.services1-item-wrap {
width: 100%;
border: 1px dashed #eaeaea;
border-radius: 6px;
padding: 131px 20px 30px 20px;
position: relative;
-webkit-transition: border 0.3s;
transition: border 0.3s;
}
.services1-img {
position: absolute;
top: 34px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 76px;
height: 80px;
background: url(/wp-content/themes/belberry/assets_2021/img/services1-item1.png) 0 0 no-repeat;
}
.services1-item-title {
font-size: 18px;
letter-spacing: 0.02em;
font-weight: 700;
color: #000;
text-transform: uppercase;
margin-bottom: 13px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.services1-item-text {
color: #5f5f5f;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.services2 {
padding-top: 52px;
padding-bottom: 30px;
background-color: #f4f6f9;
}
.services2-slider-wrap {
padding-bottom: 44px;
}
.services2-slider {
max-width: 1100px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 73px;
position: relative;
}
.services2-slider .swiper-slide {
opacity: 0.3;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.services2-slider .swiper-slide-active {
opacity: 1;
}
.services2-slider .swiper-container {
overflow: initial;
}
.services2-slider .swiper-button-next-style1,
.services2-slider .swiper-container-rtl .swiper-button-prev-style1 {
right: 0;
}
.services2-slider .swiper-button-prev-style1,
.services2-slider .swiper-container-rtl .swiper-button-next-style1 {
left: 0;
}
.services2-slider .swiper-pagination-style1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: -44px;
}
.services2-item {
border-radius: 10px;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
background-color: #fff;
padding: 6px;
position: relative;
z-index: 1;
overflow: hidden;
}
.services2-item-wrap {
border: 1px dashed #eaeaea;
border-radius: 6px;
padding: 32px 40px 32px 384px;
}
.services2-item-wrap .btn1 {
display: block;
text-align: center;
max-width: 218px;
width: 100%;
padding: 17px 10px;
}
.services2-img-wrap {
position: absolute;
z-index: -1;
top: -61px;
left: -79px;
width: 442px;
height: 442px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.1);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.1);
border-radius: 50%;
background-color: #fff;
}
.services2-img-wrap:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 372px;
height: 372px;
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.08);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.08);
background-color: #fff;
border-radius: 50%;
}
.services2-img-wrap:before {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 294px;
height: 294px;
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.07);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.07);
background-color: #fff;
border-radius: 50%;
}
.services2-img {
width: 292px;
position: relative;
z-index: 2;
}
.services2-item-title {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 18px;
color: #000;
}
.services2-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 26px;
}
.services2-item-list {
max-width: 220px;
width: 100%;
}
.services2-item-list li {
font-size: 16px;
letter-spacing: 0.02em;
color: #5f5f5f;
line-height: 1.19;
margin-bottom: 10px;
}
.services2-item-list li:last-child {
margin-bottom: 0;
}
.services2-item-list li a {
color: inherit;
}
.services2-item-list {
max-width: 100%;
column-count: 2;
height: 130px;
overflow: hidden;
}
.services2-item-list li a {
display: block;
}
.services2-item-title a {
color: inherit;
}
.quiz {
background-color: #f4f6f9;
padding-top: 40px;
padding-bottom: 50px;
}
.quiz-text-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.quiz-text-wrap1 {
width: 48%;
}
.quiz-title {
font-size: 28px;
line-height: 1.3;
color: #3bc3f3;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
}
.quiz-text1 {
color: #5f5f5f;
max-width: 520px;
width: 100%;
}
.quiz-text-wrap2 {
width: 45.3%;
margin-top: 97px;
}
.quiz-text2 {
color: #5f5f5f;
}
.quiz-text2 b {
font-weight: 700;
}
.quiz-wrap {
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
background-color: #fff;
padding: 60px 80px 10px;
position: relative;
z-index: 1;
}
.quiz-wrap:after {
content: '';
position: absolute;
z-index: -1;
top: 7px;
bottom: 7px;
left: 7px;
right: 7px;
border: 1px dashed #eaeaea;
border-radius: 6px;
}
.command {
padding-top: 50px;
position: relative;
}
.command:after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 71px;
background: url(/wp-content/themes/belberry/assets_2021/img/command-bg1.png) center repeat;
} .command:before {
display: none;
}
.command-title {
color: #3bc3f3;
font-size: 28px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 27px;
}
.command-tab_list-wrap {
margin-bottom: 60px;
}
.command-tab_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.command-tab_list li {
margin-right: 57px;
}
.command-tab_list li:last-child {
margin-right: 0;
}
.command-tab_list a {
display: inline-block;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.02em;
color: #000;
text-transform: uppercase;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.command-tab_list a.active {
color: #3bc3f3;
}
.command-tab {
display: none;
padding-bottom: 60px;
}
.command-tab:first-child {
display: block;
}
.command-slider-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.command-slider1 {
max-width: 749px;
width: 100%;
position: relative;
}
.command-item1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.command-item1-img {
max-width: 425px;
width: 100%;
margin-left: 19px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.command-item1-info {
max-width: 320px;
width: 100%;
margin-left: -19px;
margin-top: 8px;
}
.command-item1-info .btn1 {
max-width: 218px;
width: 100%;
padding: 17px 10px;
text-align: center;
letter-spacing: 0;
}
.command-item1-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 9px;
}
.command-item1-text1 {
font-size: 18px;
font-weight: 200;
font-style: italic;
margin-bottom: 9px;
}
.command-item1-text2 {
font-size: 18px;
margin-bottom: 9px;
}
.command-item1-text2 b {
font-weight: 700;
}
.command-item1-text3 {
font-size: 18px;
margin-bottom: 20px;
}
.command-item1__link-wrap {
margin-top: 10px;
}
.command-item1__link {
display: inline-block;
font-size: 14px;
transition: color 0.3s;
}
.command-slider2 {
max-width: 510px;
width: 100%;
margin-top: 113px;
}
.command-slider2 .swiper-slide {
opacity: 0.5;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.command-slider2 .swiper-slide-thumb-active {
opacity: 1;
}
.command-item2-img {
padding: 0px 10px;
height: 200px;
text-align: center;
position: relative;
z-index: 1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.command-item2-img img{
height: 100%;
object-fit: cover;
}
@media (max-width:768px) {
.command-item2-img {
height: 180px;
}
}
.command-item2-img:after {
content: '';
position: absolute;
z-index: -1;
bottom: 0;
top: 80px;
left: 5px;
right: 5px;
border-radius: 10px 10px 0px 0px;
background-color: #f4f4f4;
}
.command-item2-img:before {
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
background-color: #3bc3f3;
height: 2px;
}
.command-item2-text {
text-align: center;
font-size: 18px;
color: #707070;
line-height: 1.22;
margin-top: 10px;
padding: 0px 5px;
}
.command-slider1-nav {
position: absolute;
bottom: 0;
right: 168px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 151px;
}
.command-slider1-nav .swiper-button-prev-style1,
.command-slider1-nav .swiper-button-next-style1 {
position: static;
-webkit-transform: none;
transform: none;
}
.command-slider1-nav .swiper-button-prev-style1,
.command-slider1-nav .swiper-container-rtl .swiper-button-next-style1 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.why {
padding-top: 162px;
padding-bottom: 125px; background-color: unset !important;
margin-top: -44px;
}
.why-title {
max-width: 550px;
width: 100%;
color: #3bc3f3;
font-size: 28px;
line-height: 1.3;
text-transform: uppercase;
font-weight: 900;
}
.why-title b {
font-weight: 900;
color: #2173a4;
}
.why-wrap {
max-width: 732px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.why-img { margin: 2rem auto 14rem auto !important;
width: 28rem;
height: 28rem;
border-radius: 100%;
overflow: hidden;
border: 2rem solid #fff;
outline: 2rem solid #f2f8fb;
transform: translate(0px, 8rem);
}
.why-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.why-item {
display: none;
width: 315px;
position: absolute;
z-index: 1;
padding-top: 95px;
}
.why-item:after {
content: '';
position: absolute;
z-index: -1;
}
.why-item:nth-child(1) {
display: block;
top: 82px;
left: -277px;
}
.why-item:nth-child(1):after {
top: 165px;
left: 0;
width: 428px;
height: 44px;
background: url(/wp-content/themes/belberry/assets_2021/img/why-line1.svg) center no-repeat;
}
.why-item:nth-child(2) {
display: block;
top: 449px;
left: -277px;
}
.why-item:nth-child(2):after {
top: 80px;
left: 0;
width: 472px;
height: 92px;
background: url(/wp-content/themes/belberry/assets_2021/img/why-line2.svg) center no-repeat;
}
.why-item:nth-child(3) {
display: block;
top: -111px;
right: -277px;
}
.why-item:nth-child(3):after {
top: 166px;
right: 0;
width: 471px;
height: 156px;
background: url(/wp-content/themes/belberry/assets_2021/img/why-line3.svg) center no-repeat;
}
.why-item:nth-child(4) {
display: block;
top: 506px;
right: -277px;
}
.why-item:nth-child(4):after {
top: 35px;
right: 0;
width: 479px;
height: 137px;
background: url(/wp-content/themes/belberry/assets_2021/img/why-line4.svg) center no-repeat;
}
.why-item-img {
position: absolute;
top: 0;
left: 0;
}
.why-item-title {
font-size: 24px;
font-weight: 700;
line-height: 1.21;
margin-bottom: 32px;
}
.why-item-text {
color: #5f5f5f;
font-size: 16px;
margin-bottom: 26px;
}
.why-item-text:last-child {
margin-bottom: 0;
}
.why-item-text b {
font-weight: 700;
}
.facts {
padding-top: 80px;
padding-bottom: 50px; }
@media (max-width: 676px) {
.facts {
padding-top: 30px;
}
}
.facts-wrap {
position: relative;
}
.facts-img {
width: 810px;
position: absolute;
z-index: 1;
top: 35px;
right: 85px;
}
.facts-container {
margin-bottom: 28px;
}
.facts-text1 {
font-size: 126px;
line-height: 1;
color: #3bc3f3;
letter-spacing: 0.02em;
text-transform: uppercase;
opacity: 0.3;
font-weight: 800;
margin-bottom: 15px;
}
.facts-text2 {
position: relative;
z-index: 2;
color: #3bc3f3;
font-size: 48px;
line-height: 1.21;
max-width: 345px;
width: 100%;
opacity: 0.3;
margin-bottom: 39px;
}
.facts-text3 {
position: relative;
z-index: 2;
max-width: 612px;
width: 100%;
-webkit-box-shadow: inset 0px -4px 2px rgba(0, 0, 0, 0.05),
inset 0px 4px 2px rgba(255, 255, 255, 0.25),
inset 4px 4px 26px rgba(255, 255, 255, 0.25);
box-shadow: inset 0px -4px 2px rgba(0, 0, 0, 0.05),
inset 0px 4px 2px rgba(255, 255, 255, 0.25),
inset 4px 4px 26px rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(80px);
backdrop-filter: blur(80px);
border-radius: 16px;
padding: 18px 20px 18px 30px;
font-size: 24px;
font-style: italic;
font-weight: 300;
text-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
}
.facts-list-wrap {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #dfdfdf;
background-color: #fff;
border-radius: 10px;
padding: 62px 57px 18px 57px;
}
.facts-list-wrap:after {
content: '';
position: absolute;
z-index: -1;
top: 7px;
bottom: 7px;
right: 7px;
left: 7px;
border: 1px dashed #eaeaea;
border-radius: 6px;
}
.facts-title {
max-width: 170px;
width: 100%;
font-size: 28px;
line-height: 1.5;
color: #3bc3f3;
font-weight: 900;
text-transform: uppercase;
margin-top: -3px;
}
.facts-list {
width: calc(100% - 240px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0px -10px;
margin-top: -30px;
}
.facts-col {
width: 33.3333%;
padding: 0px 10px;
margin-top: 30px;
}
.facts-item {
padding-left: 49px;
position: relative;
}
.facts-item-img {
position: absolute;
top: -4px;
left: 0;
width: 34px;
height: 34px;
background-color: #f8f8f8;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.facts-item-text1 {
font-size: 36px;
font-weight: 800;
line-height: 1;
margin-bottom: 9px;
}
.facts-item-text2 {
max-width: 215px;
margin-bottom: 30px;
font-size: 18px;
color: #5f5f5f;
}
.facts-item-text2 b {
font-weight: 700;
}
.video {
background-color: #f4f6f9;
padding-top: 50px;
padding-bottom: 185px;
}
.video-title {
color: #3bc3f3;
font-size: 28px;
line-height: 1.3;
font-weight: 900;
text-transform: uppercase;
max-width: 600px;
width: 100%;
margin-bottom: 51px;
}
.video-title b {
color: #2173a4;
font-weight: 900;
}
.video-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.video-wrap {
width: calc(100% - 433px);
border: 10px solid #ededed;
border-radius: 10px;
}
.video-info {
margin-top: 88px;
max-width: 348px;
width: 100%;
padding-right: 55px;
}
.video-info-text1 {
font-size: 122px;
font-weight: 800;
color: #2173a4;
line-height: 1;
margin-bottom: 5px;
}
.video-info-text2 {
font-size: 24px;
line-height: 1.3;
color: #5f5f5f;
}
.video-info-text2 b {
font-weight: 700;
}
.callback {
background: url(/wp-content/themes/belberry/assets_2021/img/callback-bg.jpg) center/cover no-repeat;
padding-bottom: 4px;
}
.callback-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.callback-form-wrap {
max-width: 428px;
width: 100%;
margin-top: -114px;
}
.callback-form {
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
border-radius: 10px;
padding: 46px 22px 41px 22px;
}
.callback-form .input-checkbox {
display: none;
}
.callback-form-title {
text-align: center;
font-size: 24px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
margin-bottom: 27px;
}
.callback-form-radio-wrap-title {
width: 100%;
font-size: 14px;
color: #fff;
margin-bottom: 5px;
}
.callback-form-radio-wrap {
max-width: 335px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 20px;
}
.callback-form-radio-wrap label {
width: 48%;
cursor: pointer;
}
.callback-form-radio-wrap label input {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
opacity: 0;
pointer-events: none;
}
.callback-form-radio-wrap label input:checked ~ span {
background-color: #2173a4;
}
.callback-form-radio-wrap label span {
display: block;
text-align: center;
font-size: 14px;
font-weight: 700;
background-color: #fff;
border-radius: 300px;
padding: 10.5px 10px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
color: #000;
}
.callback-form-container {
max-width: 335px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.callback-form-container .label {
margin-bottom: 14px;
}
.callback-form-input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
margin-bottom: 23px;
}
.callback-form-input-container:after {
content: '';
position: absolute;
top: 35%;
left: 48%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 1px;
height: 32px;
background-color: #fff;
}
.callback-form-input-container label {
text-align: center;
}
.callback-form-input-container label input {
text-align: center;
}
.callback-form-input-container label span {
display: block;
margin-top: 8px;
font-size: 12px;
color: #fff;
}
.callback-form-input-wrap1 {
max-width: 142px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.callback-form-input-wrap1 label {
max-width: 64px;
width: 100%;
}
.callback-form-input-wrap2 {
max-width: 151px;
width: 100%;
}
.callback-form-input-text {
font-size: 14px;
color: #fff;
margin-bottom: 3px;
}
.callback-form-btn {
margin-top: 1rem;
width: 100%;
display: inline-block;
font-family: 'ProximaNova', sans-serif;
font-size: 15px;
line-height: 1.4;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.02em;
background-color: #2173a4;
border-radius: 6px;
border: 2px solid #2173a4;
padding: 17px 24.5px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.callback-form-btn:hover {
color: #2173a4;
background: #fff !important;
}
.callback-img {
max-width: 866px;
width: 100%;
margin-right: -39px;
margin-top: -102px;
}
.main-footer-container1 {
padding-bottom: 30px;
background-color: #262626;
}
.main-footer-logo {
max-width: 330px;
width: 100%;
display: block;
padding-left: 97px;
padding-top: 21px;
position: relative;
margin-bottom: 44px;
}
.main-footer-logo:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 67px;
height: 77px;
background: url(/wp-content/themes/belberry/assets_2021/img/logo.svg) center/contain no-repeat;
}
.main-footer-logo-text1 {
display: block;
font-size: 24px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.main-footer-logo-text2 {
display: block;
font-size: 13px;
color: #fff;
}
.main-footer-wrap1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-footer-nav-wrap {
max-width: 700px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-footer-nav-wrap-title {
width: 100%;
font-size: 20px;
font-weight: 700;
color: #fff;
letter-spacing: 0.02em;
text-transform: uppercase;
margin-bottom: 11px;
}
.main-footer-menu li {
margin-bottom: 12px;
}
.main-footer-menu li:last-child {
margin-bottom: 0;
}
.main-footer-menu a {
display: inline-block;
color: #cfcfcf;
font-size: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.main-footer-btn-wrap {
width: 100%;
margin-top: 78px;
}
.main-footer-btn1 {
margin-bottom: 22px;
}
.main-footer-btn1 .btn1 {
display: block;
max-width: 218px;
width: 100%;
letter-spacing: 0;
text-align: center;
padding: 17px 10px;
}
.main-footer-btn2 a {
display: inline-block;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.main-footer-contact {
max-width: 484px;
width: 100%;
}
.main-footer-contact-title {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin-bottom: 13px;
}
.main-footer-contact-item {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-footer-contact-item:last-child {
margin-bottom: 0;
}
.main-footer-contact-item-img-wrap {
max-width: 259px;
width: 100%;
text-align: center;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.main-footer-contact-item-img-wrap span {
display: block;
font-size: 14px;
color: #8e8e8e;
}
.main-footer-contact-item-img {
border-radius: 10px;
overflow: hidden;
margin-bottom: 7px;
width: 15rem;
height: 11rem;
}
.main-footer-contact-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main-footer-contact-item-info {
max-width: 180px;
width: 100%;
}
.main-footer-contact-item-adress {
font-size: 14px;
line-height: 1.5;
color: #aaa;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
padding-left: 21px;
position: relative;
margin-bottom: 38px;
}
.main-footer-contact-item-adress:after {
content: '';
position: absolute;
top: 2px;
left: 0;
width: 10px;
height: 12px;
background: url(/wp-content/themes/belberry/assets_2021/img/adress-icon.svg) center no-repeat;
}
.main-footer-contact-item-tel-wrap {
margin-bottom: 5px;
}
.main-footer-contact-item-tel {
display: inline-block;
padding-left: 22px;
position: relative;
font-size: 14px;
letter-spacing: 0.02em;
color: #aaa;
font-weight: 700;
}
.main-footer-contact-item-tel:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 12px;
height: 13px;
background: url(/wp-content/themes/belberry/assets_2021/img/tel-icon.svg) center no-repeat;
}
.main-footer-contact-item-email {
padding-left: 23px;
font-size: 14px;
letter-spacing: 0.02em;
color: #aaa;
text-transform: uppercase;
position: relative;
}
.main-footer-contact-item-email:after {
content: '';
position: absolute;
width: 14px;
height: 11px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
background: url(/wp-content/themes/belberry/assets_2021/img/email-icon.svg) center no-repeat;
}
.main-footer-container2 {
padding-top: 13px;
padding-bottom: 30px;
background-color: #1b1b1b;
}
.main-footer-wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
.main-footer-copy-wrap {
max-width: 235px;
width: 100%;
}
.main-footer-copy {
font-size: 12px;
color: #e2e2e2;
margin-bottom: 5px;
}
.main-footer-links li {
margin-bottom: -2px;
}
.main-footer-links li:last-child {
margin-bottom: 0;
}
.main-footer-links a {
display: inline-block;
font-size: 12px;
color: #8e8e8e;
text-decoration: underline;
}
.main-footer-text1 {
max-width: 390px;
width: 100%;
text-align: center;
margin-top: 3px;
}
.main-footer-text1 li {
font-size: 12px;
color: #8e8e8e;
margin-bottom: 4px;
}
.main-footer-text1 li:last-child {
margin-bottom: 0;
}
.main-footer-soc-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px;
width: 100%;
}
.main-footer-soc-list li {
width: 40px;
height: 40px;
margin-right: 15px;
}
.main-footer-soc-list li:last-child {
margin-right: 0;
}
.main-footer-soc-list a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #d8d8d8;
border-radius: 12px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.listing {
width: 100%;
margin-top: 0;
}
.listing:last-of-type {
margin-bottom: 40px;
}
.listing .listing__elems {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 102.2%;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.listing .listing__item {
display: flex;
flex-direction: column;
position: relative;
padding: 6px;
border-radius: 4px;
text-decoration: none;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.listing--simple .listing__item {
padding: 0;
}
.listing .listing__item a:hover {
background-color: transparent;
}
.listing .listing__elems--services .listing__item {
flex-direction: row;
}
.listing .listing__elems--services .listing__item > a {
width: 100%;
display: flex;
flex-direction: column;
}
.listing .listing__elems--services .listing__title {
width: 100%;
padding: 20px 0 10px;
font-size: 14px;
text-align: left;
}
.listing .listing__elems--services .listing__price1 {
width: 100%;
text-align: left;
margin-top: auto;
margin-bottom: 0;
}
@media screen and (min-width: 1001px) {
.info1-wrap1 .listing .listing__item {
width: 49%;
}
}
@media screen and (min-width: 700px) {
.listing .listing__item:hover {
background: #38c4f3;
}
.listing .listing__item:hover .listing__title,
.listing .listing__item:hover .listing__price1,
.listing .listing__item:hover .listing__text {
color: #fff;
}
.listing .listing__item:hover .listing__img::before {
opacity: 1;
}
.listing--simple .listing__item:hover {
background: none;
}
.listing--simple .listing__item:hover .listing__img::before {
opacity: 0;
}
.listing .listing__item:hover .listing__link {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.listing .listing__item:hover .listing__microlinks a {
border: 1px solid #fff;
color: #fff;
}
.listing .listing__item:hover .listing__microlinks a:hover {
color: #38c4f3;
}
}
.listing .listing__img,
.listing .listing__title {
display: block;
width: 100%;
}
.listing .listing__img {
position: relative;
height: 190px;
text-align: center;
background: #f4f4f4;
overflow: hidden;
}
.listing .listing__img::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%; background: #3bc3f32b;
opacity: 0;
z-index: 1;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.listing .listing__img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.listing .listing__link {
display: block;
position: absolute;
width: 180px;
height: 40px;
top: 50%;
left: 50%;
font-family: 'ProximaNovaSemiBold', Arial, sans-serif;
line-height: 40px;
color: #2173a4;
border: 1px solid #2173a4;
border-radius: 5px;
text-align: center;
background: url(/wp-content/images/more.png) no-repeat right 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-transform: uppercase;
z-index: 200;
opacity: 0;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.listing .listing__title {
padding: 20px 0 16px;
font-family: inherit;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
color: #464646;
text-transform: uppercase;
}
.listing .listing__price1 {
text-align: center;
color: #00c5f5;
font-weight: 800;
font-size: 22px;
letter-spacing: 0.02em;
margin-bottom: 20px;
transition: color 0.3s;
}
.listing .listing__text {
color: #666;
}
.listing .listing__microlinks a {
display: inline-block;
vertical-align: middle;
padding: 6px 12px;
margin: 0 4px 6px 0;
border: 1px solid #38c4f3;
color: #fff;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.listing .listing__microlinks a:hover {
text-decoration: none;
color: #3bc3f3;
background: #fff;
}
.listing--interview .heading .form-title {
margin: 0 0 20px 0;
line-height: 1.2;
color: #00496d;
font-weight: 900;
font-size: 28px;
text-transform: uppercase;
}
.listing--interview .heading h2 {
font-size: 24px;
font-weight: 300;
margin-bottom: 10px;
}
.listing--interview .step {
width: 100%;
}
.listing--interview .step .content {
position: relative;
padding-bottom: 60px;
}
.listing--interview .step h2 {
font-weight: 700;
margin-bottom: 5px;
font-size: 24px;
line-height: 1.2;
}
.listing--interview .step.step-2 h2 {
margin-bottom: 40px;
}
.listing .listing__item {
width: 24%;
margin: 0 1% 1% 0;
border-radius: 10px;
-webkit-box-shadow: 0px 15px 20px rgb(0 0 0 / 5%);
box-shadow: 0px 15px 20px rgb(0 0 0 / 5%);
background-color: #fff;
padding: 10px 20px 20px;
}
.listing .listing__img {
background: #fff;
}
.listing .listing__microlinks a {
border-radius: 4px;
font-size: 14px;
color: #25b8dc;
line-height: 1.4;
border-color: #25b8dc;
}
.listing .listing__title {
text-align: center;
}
.listing .listing__item::before {
}
.listing .listing__item::before {
content: '';
width: calc(100% - 16px);
height: calc(100% - 16px);
display: block;
position: absolute;
z-index: 1;
left: 8px;
top: 8px;
border: 1px dashed #eaeaea;
border-radius: 6px;
}
.listing .listing__item.testimonial-wrap::before {
display: none;
}
.listing .listing__item > span,
.listing .listing__item > a {
width: 100%;
z-index: 20;
position: relative;
}
.listing--interview .step.step-2 input[type='radio'] + label.n1::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img4.png) center bottom no-repeat;
}
.listing--interview .step.step-2 input[type='radio'] + label.n2::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img5.png) center bottom no-repeat;
}
.listing--interview .step.step-2 input[type='radio'] + label.n3::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img6.png) center bottom no-repeat;
}
.listing--interview .step.step-3 h2 {
margin-bottom: 40px;
}
.listing--interview .step.step-3 input[type='radio'] + label {
width: 200px;
line-height: 100px;
margin: 0 13px 13px;
padding-top: 0;
}
.listing--interview .step.step-4 .form h2 {
margin-bottom: 55px;
}
.listing--interview .step h3 {
font-weight: normal;
font-size: 15px;
margin-bottom: 35px;
color: #5f5f5f;
}
.listing--interview .step input[type='radio'] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.listing--interview .step input[type='radio'] + label {
display: block;
position: relative;
margin: 0 23px 15px;
width: 255px;
height: 130px;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 25px;
background-color: #00c5f5;
text-align: center;
padding-top: 30px;
font-weight: 700;
text-transform: uppercase;
color: #fefefe;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
z-index: 1;
}
.listing--interview .step input[type='radio'] + label:hover {
background-color: #ffea00;
color: #191817;
-webkit-box-shadow: 0 9px 18px rgba(25, 133, 255, 0.39);
box-shadow: 0 9px 18px rgba(25, 133, 255, 0.39);
}
.listing--interview .step input[type='radio'] + label span {
display: block;
position: relative;
z-index: 2;
font-size: 16px;
font-family: 'ProximaNova', sans-serif;
}
.listing--interview .step input[type='radio'] + label::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: 25px;
}
.listing--interview .step.step-1 input[type='radio'] + label.n1::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img1.png) center bottom no-repeat;
}
.listing--interview .step.step-1 input[type='radio'] + label.n2::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img2.png) center bottom no-repeat;
}
.listing--interview .step.step-1 input[type='radio'] + label.n3::after {
background: url(/wp-content/themes/belberry/assets_2021/img/quiz-img3.png) center bottom no-repeat;
}
.listing--interview .step .count {
position: absolute;
bottom: 0;
right: 0;
width: 74px;
border-radius: 300px;
border: 2px solid #7d7d7d;
text-align: center;
font-weight: 600;
color: #7d7d7d;
width: 122px;
padding: 10px 10px;
}
.listing--interview .step .back {
display: inline-block;
position: absolute;
left: 0;
bottom: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #d3d3d3;
font-size: 18px;
font-weight: 700;
text-align: center;
border-radius: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s;
}
.listing--interview .step .back:hover {
color: #000;
}
.listing--interview .step .thanks {
padding: 0 40px 40px;
text-align: center;
}
.listing--interview .step .thanks .thanks__icon {
width: 73px;
height: 73px;
background: #ffea00;
border-radius: 50%;
position: relative;
margin: 0 auto;
margin-bottom: 22px;
}
.listing--interview .step .thanks .thanks__icon::after {
content: '';
position: absolute;
display: block;
width: 34px;
height: 18px;
top: 50%;
margin-top: -18px;
left: 50%;
margin-left: -16.5px;
border-left: 4px solid white;
border-bottom: 4px solid white;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.listing--interview .step .thanks .form-title {
margin-bottom: 30px;
font-weight: 700;
}
.listing--interview .form .form__input {
width: 310px;
margin-right: 20px;
}
.listing--interview .form .form__input--btn {
width: 280px;
margin-right: 0;
}
.listing--interview .form .form__btn-bg {
width: 100%;
margin-bottom: 30px;
display: inline-block;
height: 56px;
line-height: 54px;
background: #ffea00;
border: none;
border-radius: 30px;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 20px 40px rgba(25, 133, 255, 0.2);
box-shadow: 0 20px 40px rgba(25, 133, 255, 0.2);
font-weight: bold;
font-size: 16px;
color: #191817;
text-align: center;
cursor: pointer;
text-transform: none;
}
.listing--interview .form .form__btn-bg:hover {
background: #00c5f5;
-webkit-box-shadow: 0 10px 20px rgba(25, 133, 255, 0.4);
box-shadow: 0 10px 20px rgba(25, 133, 255, 0.4);
color: #fff;
}
.listing--interview .form .form__check {
position: relative;
margin-left: 25px;
font-weight: bold;
color: #686868;
font-size: 10px;
line-height: 8px;
}
.listing--interview .form .form__check input {
position: absolute;
opacity: 0;
visibility: hidden;
}
.listing--interview .form .form__check input + label {
display: block;
padding-left: 28px;
position: relative;
}
.listing--interview .form .form__check input + label::before {
content: '';
position: absolute;
width: 16px;
height: 16px;
background: url(/wp-content/themes/belberry/assets_2021/img/icons.png) -200px -15px no-repeat;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.listing--interview .form .form__check input + label::after {
content: '';
position: absolute;
z-index: 2;
width: 14px;
height: 14px;
top: 1px;
left: 1px;
background: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}
.listing--interview .form .form__check input:checked + label::after {
opacity: 0;
}
.listing--interview input[type='text'] {
width: 100%;
height: 56px;
line-height: 56px;
border-radius: 28px;
border: 1px solid #e1e1e1;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding-left: 30px;
font-weight: normal;
font-size: 14px;
color: #191817;
margin-bottom: 20px;
}
.listing--interview input[type='text'].error {
border-color: red;
}
.listing--interview .thanks {
padding: 0 40px 40px;
text-align: center;
}
.listing--interview .thanks p {
font-size: 21px;
font-weight: 400;
line-height: 1.2;
text-align: center;
}
.listing--interview input[type='text']:focus,
.listing--interview input[type='text']:active {
border-color: #191817;
}
.service__text p {
margin-bottom: 20px;
line-height: 1.5;
}
.service__text h2:not(:first-child) {
margin-top: 40px;
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section__container,
.title,
.tag-list {
width: 100%;
padding: 0;
}
.archive-block,
.archive-title{
display: none;
}
.breadcrumbs {
padding: 40px 0 10px 0;
width: 100%;
}
.breadcrumbs-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumbs-list li {
margin-right: 3px;
font-size: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.breadcrumbs-list li:last-child {
margin-right: 0;
}
.breadcrumbs-list li:last-child:after {
display: none;
}
.breadcrumbs-list li:after {
content: '>';
display: inline-block;
color: #3bc3f3;
position: static;
}
.breadcrumbs-list li a {
color: #797979;
}
.breadcrumbs .breadcrumbs__item {
margin: 0;
}
.breadcrumbs li:last-child .breadcrumbs__item {
color: #000000;
text-decoration: none;
}
.breadcrumbs .d-none{
display: none;
}
.breadcrumbs .breadcrumbs__list {
margin: 0;
}
h1 {
color: #3bc3f3;
font-size: 38px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 30px;
font-family: 'ProximaNova', sans-serif;
}
.doctors-tabs {
margin-bottom: 30px;
}
.section h2 {
color: #3bc3f3;
font-size: 28px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 30px;
font-family: inherit;
text-align: left;
}
.section__container p {
margin-bottom: 20px;
}
h3 {
margin: 20px 0 10px;
color: #3bc3f3;
font-size: 18px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
font-family: inherit;
}
.doctor-card-name {
font-family: inherit;
line-height: 1.2;
}
.doctors--short .doctor-bio-button {
font-family: inherit;
width: 100%;
text-align: center;
}
.doctor-more-details a {
width: 100%;
font-family: inherit;
}
.doctor-card-photo {
width: 170px;
}
.doctor-card-text {
width: calc(100% - 170px);
}
.doctors--short .doctors__item .doctor-card {
padding: 30px 25px 0;
background: none;
}
.doctors--short {
margin-bottom: 40px;
}
.doctors--short .doctor-more-details {
width: calc(100% - 50px);
border: none;
padding: 0;
}
.doctor-more-details a {
border: none;
color: #2dabe0;
}
.doctors--short .doctor-bio-button {
margin-bottom: 10px;
}
.doctors--short .doctors__item {
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
} .filter-specialists {
width: calc(100% + 25px);
display: flex;
margin-top: 30px;
border-radius: 65px;
margin-left: 0;
overflow-x: auto;
}
.filter-specialists__inner {
display: flex;
border-radius: 65px;
background: #f1f1f1;
}
.filter-specialists__item {
white-space: nowrap;
min-width: 70px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
border-radius: 65px;
cursor: pointer;
background: #f1f1f1;
padding: 5px 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.filter-specialists__item:not(:first-child) {
margin-left: -15px;
}
.filter-specialists__item.active {
color: #ffffff;
background: #38c4f3;
z-index: 10;
}
.price-list-download {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
.price-list-download__link {
position: relative;
font-family: 'Open Sans';
font-size: 16px;
padding-right: 30px;
}
.price-list-download__link::after {
content: '';
width: 24px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background: url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/img/icons/pdf-icon.svg)
no-repeat;
}
@media (max-width: 320px) {
.price-list-download__link {
font-size: 14px;
}
}
.coursesBanner {
position: relative;
z-index: 1;
}
.coursesBanner-mainTitle {
color: #3bc3f3;
font-size: 38px;
letter-spacing: 0.02em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 29px;
}
.coursesBanner-wrap {
position: relative;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesBanner-bg.webp) top right/cover no-repeat;
padding: 132px 60px 78px 60px;
border-radius: 10px;
margin-top: -54px;
}
.coursesBanner-text {
max-width: 490px;
width: 100%;
}
.coursesBanner-text .btn1 {
display: block;
max-width: 205px;
width: 100%;
padding: 17px 10px;
text-align: center;
}
.coursesBanner-title {
font-size: 22px;
line-height: 1.5;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.02em;
margin-bottom: 21px;
}
.coursesBanner-title1 {
font-size: 18px;
text-transform: none;
}
.coursesBanner-title1 b {
font-size: 22px;
text-transform: uppercase;
}
.coursesBanner-title b {
display: block;
font-weight: 800;
}
.coursesBanner-title i {
color: #3bc3f3;
font-weight: 900;
font-style: normal;
}
.coursesBanner-img {
position: absolute;
top: -115px;
right: 53px;
width: 588px;
}
.coursesAdvantage {
margin-top: -100px;
background-color: #f8f9fb;
padding-top: 195px;
padding-bottom: 50px;
position: relative;
}
.coursesAdvantage:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 108px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesAdvantage-bg1.jpg) center repeat;
}
.coursesAdvantage:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 92px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesAdvantage-bg2.jpg) center repeat;
}
.coursesAdvantage-title {
font-weight: 900;
font-size: 28px;
color: #3bc3f3;
text-transform: uppercase;
margin-bottom: 38px;
}
.coursesAdvantage-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0px -10px;
margin-top: -40px;
margin-bottom: 106px;
}
.coursesAdvantage-col {
width: 25%;
padding: 0px 10px;
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.coursesAdvantage-col:last-child {
width: 50%;
}
.coursesAdvantage-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.coursesAdvantage-item-wrap1 {
width: 100%;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
background-color: #fff;
padding: 141px 32px 16px 32px;
min-height: 305px;
overflow: hidden;
text-align: center;
}
.coursesAdvantage-item-wrap1:after {
content: '';
position: absolute;
top: 8px;
bottom: 8px;
left: 8px;
right: 8px;
border: 1px dashed #eaeaea;
border-radius: 6px;
}
.coursesAdvantage-item-img {
position: absolute;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.coursesAdvantage-item-number {
position: absolute;
z-index: 1;
top: -6px;
left: -6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
color: #fff;
font-weight: 700;
background-color: #2173a4;
border-radius: 50%;
width: 38px;
height: 38px;
}
.coursesAdvantage-item-title {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 13px;
}
.coursesAdvantage-item-text {
color: #5f5f5f;
}
.coursesAdvantage-item-wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-left: 57px;
}
.coursesAdvantage-item-wrap2 .btn2 {
display: block;
max-width: 270px;
width: 100%;
padding: 13.5px 10px;
text-align: center;
}
.coursesAdvantage-item-img1 {
max-width: 161px;
width: 100%;
position: relative;
}
.coursesAdvantage-item-img1:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 242px;
height: 242px;
-webkit-box-shadow: 0px 0px 67.1579px rgba(27, 71, 138, 0.1);
box-shadow: 0px 0px 67.1579px rgba(27, 71, 138, 0.1);
background-color: #fff;
border-radius: 50%;
}
.coursesAdvantage-item-img1:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 203px;
height: 203px;
-webkit-box-shadow: 0px 0px 67.1579px rgba(27, 71, 138, 0.08);
box-shadow: 0px 0px 67.1579px rgba(27, 71, 138, 0.08);
background-color: #fff;
border-radius: 50%;
}
.coursesAdvantage-item-img1 img {
position: relative;
z-index: 1;
border-radius: 50%;
}
.coursesAdvantage-item-text-wrap {
width: calc(100% - 243px);
}
.coursesAdvantage-item-text1 {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.coursesAdvantage-item-text2 {
font-size: 18px;
margin-bottom: 7px;
}
.coursesAdvantage-item-text3 {
font-size: 18px;
font-weight: 300;
font-style: italic;
margin-bottom: 10px;
}
.coursesAdvantage-item-text4 {
font-size: 18px;
margin-bottom: 10px;
}
.coursesAdvantage-item-text4 b {
font-weight: 700;
}
.coursesAdvantage-item-text5 {
font-size: 18px;
margin-bottom: 14px;
}
.coursesAdvantage-text-wrap {
border-radius: 10px;
background-color: #31b1e5;
position: relative;
padding: 13px 22px 13px 295px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.coursesAdvantage-text1 {
width: calc(100% - 585px);
font-size: 20px;
color: #fff;
}
.coursesAdvantage-text1 b {
font-weight: 800;
}
.coursesAdvantage-text1 i {
font-style: normal;
color: #2173a4;
font-weight: 700;
}
.coursesAdvantage-text2 {
max-width: 511px;
width: 100%;
position: relative;
z-index: 1;
font-size: 18px;
padding: 22px 25px 25px 38px;
}
.coursesAdvantage-text2 b {
font-weight: 700;
}
.coursesAdvantage-text2:after {
content: '';
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 511px;
height: 109px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesAdvantage-text2-bg.svg) center no-repeat;
}
.coursesAdvantage-img {
position: absolute;
bottom: 0;
left: 0;
width: 258px;
}
.coursesProgramm {
padding-top: 30px;
padding-bottom: 50px;
}
.coursesProgramm-title {
color: #3bc3f3;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 38px;
}
.coursesProgramm-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.coursesProgramm-item {
width: 50%;
background-color: #fff;
padding: 36px 300px 47px 36px;
background-color: #fbfbfb;
overflow: hidden;
position: relative;
}
.coursesProgramm-item p {
margin: 15px 0;
}
.coursesProgramm-item:nth-child(1) .coursesProgramm-item-img {
width: 479px;
top: -66px;
right: -193px;
}
.coursesProgramm-item:nth-child(2) {
padding: 45px 300px 47px 36px;
}
.coursesProgramm-item:nth-child(2) .coursesProgramm-item-title {
margin-bottom: 17px;
}
.coursesProgramm-item:nth-child(2):before {
content: '';
position: absolute;
top: -94px;
right: -169px;
width: 460px;
height: 460px;
border: 115px solid rgba(101, 193, 238, 0.2);
border-radius: 50%;
}
.coursesProgramm-item:nth-child(2) .coursesProgramm-item-img {
width: 450px;
bottom: -21px;
right: -110px;
}
.coursesProgramm-item:nth-child(3) {
width: 66.2%;
background-color: #eaf9ff;
padding: 45px 320px 40px 36px;
}
.coursesProgramm-item:nth-child(3) .coursesProgramm-item-title {
margin-bottom: 17px;
}
.coursesProgramm-item:nth-child(3):before {
content: '';
position: absolute;
bottom: -200px;
right: -10px;
width: 460px;
height: 460px;
border: 115px solid rgba(101, 193, 238, 0.2);
border-radius: 50%;
}
.coursesProgramm-item:nth-child(3) .coursesProgramm-item-img {
width: 348px;
bottom: -37px;
right: -24px;
}
.coursesProgramm-item:nth-child(4) {
width: 33.8%;
padding: 46px 36px 200px 36px;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-title:after {
background: none;
background-color: #2173a4;
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-title {
color: #fff;
margin-bottom: 17px;
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-list li {
color: #fff;
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-list li:after {
background-color: #fff;
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-img {
width: 385px;
bottom: -17px;
right: 0;
}
.coursesProgramm-item:nth-child(5) {
width: 100%;
padding: 36px;
}
.coursesProgramm-item:nth-child(5) .coursesProgramm-item-img {
width: 360px;
position: absolute;
right: 20px;
bottom: 0;
}
.coursesProgramm-item__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -20px;
}
.coursesProgramm-item__wrap {
width: 48%;
margin-top: 20px;
}
.coursesProgramm-item-img {
position: absolute;
}
.coursesProgramm-item-title {
color: #3bc3f3;
font-size: 22px;
font-weight: 700;
margin-bottom: 11px;
position: relative;
}
.coursesProgramm-item-title:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -36px;
width: 4px;
height: 47px;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
}
.coursesProgramm-item-list li {
padding-left: 14px;
position: relative;
margin-bottom: 10px;
font-size: 16px;
}
.coursesProgramm-item-list li:last-child {
margin-bottom: 0;
}
.coursesProgramm-item-list li:after {
content: '';
position: absolute;
top: 10px;
left: -1px;
width: 4px;
height: 4px;
background-color: #000;
border-radius: 50%;
}
.coursesProgramm-item-list li b {
font-weight: 700;
}
.coursesProgramm-item-list li i {
font-style: normal;
color: #3bc3f3;
font-weight: 900;
}
.coursesProgramm-item-list li span {
color: #2173a4;
font-weight: 900;
}
.coursesCost {
padding-top: 30px;
padding-bottom: 105px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesCost-bg.jpg) center bottom no-repeat;
}
.coursesCost-title {
color: #3bc3f3;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 39px;
}
.coursesCost-list-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 108px;
}
.coursesCost-list {
width: 47.8%;
position: relative;
border: 1px solid #e4e4e4;
border-radius: 10px;
background-color: #f8f9fb;
}
.coursesCost-list:nth-child(2) .coursesCost-list-title:after {
width: 28px;
height: 23px;
background-image: url(/wp-content/themes/belberry/assets_2021/img/coursesCost-icon2.svg);
}
.coursesCost-list-title {
position: absolute;
top: 0;
right: 0;
font-weight: 600;
font-size: 18px;
color: #fff;
background-color: #3bc3f3;
border-radius: 0px 10px;
padding: 21px 22px;
padding-left: 63px;
}
.coursesCost-list-title:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 27px;
width: 24px;
height: 25px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesCost-icon1.svg) center no-repeat;
}
.coursesCost-list-icon {
position: absolute;
top: 250px;
left: 38px;
font-size: 18px;
border: 1px solid #cccccc;
background-color: #fff;
padding: 10px 39.5px;
border-radius: 6px;
}
.coursesCost-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #e4e4e4;
}
.coursesCost-item:last-child {
border: none;
}
.coursesCost-item-day {
max-width: 196px;
width: 100%;
border-right: 1px solid #e4e4e4;
padding: 111px 20px 112px 20px;
text-align: center;
font-size: 36px;
color: #454545;
}
.coursesCost-item-cost-wrap {
padding: 123px 20px 25px 43px;
width: calc(100% - 196px);
}
.coursesCost-item-cost-wrap .btn1 {
display: block;
max-width: 205px;
width: 100%;
text-align: center;
padding: 17px 10px;
}
.coursesCost-item-cost {
font-size: 24px;
font-weight: 900;
letter-spacing: 0.02em;
color: #454545;
margin-bottom: 12px;
}
.coursesCost-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.coursesCost-wrap1 {
width: 48%;
border-radius: 10px;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #e4e4e4;
background-color: #f8f9fb;
padding: 71px 30px 77px 30px;
text-align: center;
position: relative;
}
.coursesCost-wrap1:after {
content: '';
position: absolute;
top: -68px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
height: 26px;
background: url(/wp-content/themes/belberry/assets_2021/img/plus-icon.svg) center no-repeat;
}
.coursesCost-wrap1 .btn1 {
display: block;
max-width: 393px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 17px 10px;
text-align: center;
}
.coursesCost-text1 {
max-width: 400px;
width: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
background-color: #fff;
padding: 9.5px 10px;
font-size: 24px;
font-weight: 700;
margin-bottom: 34px;
}
.coursesCost-text2 {
display: inline-block;
font-size: 18px;
padding-left: 30px;
position: relative;
margin-bottom: 32px;
}
.coursesCost-text2:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 21px;
height: 21px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesCost-icon3.svg) center no-repeat;
}
.coursesCost-text2 b {
font-weight: 700;
}
.coursesCost-text3 {
max-width: 440px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}
.coursesCost-text3 b {
display: block;
font-weight: 700;
}
.coursesCost-cost {
font-size: 18px;
font-weight: 300;
margin-bottom: 32px;
}
.coursesCost-cost b {
font-size: 24px;
font-weight: 700;
}
.coursesCost-wrap2 {
width: 47.8%;
position: relative;
}
.coursesCost-subtitle {
font-size: 24px;
font-weight: 700;
margin-bottom: 51px;
}
.coursesCost-contact {
max-width: 365px;
width: 100%;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
padding: 30px 30px 30px 30px;
border-radius: 10px;
margin-bottom: 51px;
}
.coursesCost-contact-email-wrap {
margin-bottom: 19px;
}
.coursesCost-contact-email-wrap a {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: #fff;
padding-left: 34px;
position: relative;
}
.coursesCost-contact-email-wrap a:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 18px;
height: 14px;
background: url(/wp-content/themes/belberry/assets_2021/img/email-icon1.svg) center no-repeat;
}
.coursesCost-contact-tel-wrap {
margin-bottom: 16px;
}
.coursesCost-contact-tel-wrap a {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: #fff;
padding-left: 34px;
position: relative;
}
.coursesCost-contact-tel-wrap a:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 16px;
height: 17px;
background: url(/wp-content/themes/belberry/assets_2021/img/tel-icon2.svg) center no-repeat;
}
.coursesCost-contact-inst-wrap a {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: #fff;
padding-left: 34px;
text-decoration: underline;
position: relative;
}
.coursesCost-contact-inst-wrap a:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 18px;
height: 18px;
background: url(/wp-content/themes/belberry/assets_2021/img/inst-icon.svg) center no-repeat;
}
.coursesCost-adress-text1 {
font-size: 18px;
font-weight: 700;
margin-bottom: 17px;
}
.coursesCost-adress-text2 {
font-size: 14px;
letter-spacing: 0.02em;
padding-left: 34px;
position: relative;
margin-bottom: 8px;
}
.coursesCost-adress-text2:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 24px;
height: 20px;
background: url(/wp-content/themes/belberry/assets_2021/img/coursesCost-adress-text2-icon.svg) center no-repeat;
}
.coursesCost-adress-text3 {
color: #6a6a6a;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
.coursesCost-adress-link-wrap a {
display: inline-block;
font-size: 13px;
font-weight: 300;
letter-spacing: 0.02em;
text-decoration: underline;
color: #000;
}
.coursesCost-img {
position: absolute;
right: 0;
bottom: -105px;
pointer-events: none;
width: 511px;
}
.popup1 {
padding: 0;
border-radius: 10px;
max-width: 428px;
width: 95%;
transform: none;
left: auto;
top: auto;
}
h3.popup__title {
margin: 0 0 10px 0;
max-width: 100%;
font-size: 36px;
line-height: 1;
font-family: inherit;
}
@media (max-width: 600px) {
h3.popup__title {
font-size: 28px;
}
}
.popup1 p {
color: #fff;
}
.fancybox-slide--html .fancybox-close-small {
padding: 0;
width: auto;
height: auto;
background: url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets_2021/img/close1.svg)
center no-repeat;
top: 20px;
right: 20px;
}
.fancybox-slide--html .fancybox-close-small svg {
width: 24px;
height: 24px;
}
.input-checkbox:checked ~ .callback-form-container .label-checkbox span:after,
.input-checkbox:checked ~ .label-checkbox span:after {
background: #fff url(/wp-content/themes/belberry/assets_2021/img/check-icon.svg) center no-repeat;
}
.input-checkbox:checked ~ .callback-form-container .callback-form-btn,
.input-checkbox:checked
~ .personalArea-login__form-wrap1
.personalArea__btn1--disabled {
cursor: pointer;
pointer-events: initial;
background-color: #2173a4;
border-bottom: 2px solid #2173a4;
}
.input-checkbox:checked ~ .callback-form-container .callback-form-btn:hover {
opacity: 1;
}
.label-checkbox {
display: block;
position: relative;
}
.new-checkbox{
display: block !important;
position: absolute;
opacity: 0;
z-index: 2;
}
.label-checkbox span {
display: block;
font-weight: 300;
color: #fff;
font-size: 12px;
padding-left: 28px;
position: relative;
}
.label-checkbox span:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
left: 0;
width: 18px;
height: 18px;
background: #fff;
border-radius: 3px;
}
.label-checkbox span a {
font-weight: 600;
text-decoration: underline;
color: #fff;
}
.label {
display: block;
}
.label span {
display: block;
font-size: 14px;
font-weight: 400;
color: #fff;
margin-bottom: 5px;
}
.input {
display: block;
width: 100%;
outline: none;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #000;
font-family: 'ProximaNova', sans-serif;
padding: 14px 10px;
padding-left: 12px;
border: 1px solid #82d6ff;
border-radius: 6px;
background-color: #fff;
}
.popup1 input[type='text'],
.popup1 input[type='password'],
.popup1 input[type='email'],
.popup1 input[type='tel'],
.popup1 textarea {
width: 100% !important;
}
.input::-webkit-input-placeholder {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #a3a3a3;
font-family: 'ProximaNova', sans-serif;
}
.input::-moz-placeholder {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #a3a3a3;
font-family: 'ProximaNova', sans-serif;
}
.input::-ms-input-placeholder {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #a3a3a3;
font-family: 'ProximaNova', sans-serif;
}
.input::placeholder {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #a3a3a3;
font-family: 'ProximaNova', sans-serif;
}
.thumb-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.thumb-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
outline: none;
}
.swiper-button-prev-style1,
.swiper-button-next-style1 {
outline: none;
margin-top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
background: none;
width: 3rem;
height: 3rem;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-button-prev-style1 svg path,
.swiper-button-next-style1 svg path {
-webkit-transition: stroke 0.3s;
transition: stroke 0.3s;
}
.swiper-button-prev-style1 svg,
.swiper-button-next-style1 svg {
margin-left: 3px;
}
.swiper-button-next-style1,
.swiper-container-rtl .swiper-button-prev-style1 { right: -3rem;
}
.swiper-button-prev-style1,
.swiper-container-rtl .swiper-button-next-style1 { left: -3rem;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-box-shadow: 0px -15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px -15px 20px rgba(0, 0, 0, 0.05);
}
.swiper-pagination-style1 {
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.swiper-pagination-style1 .swiper-pagination-bullet {
width: 12px;
height: 12px;
border: 1px solid #3bc3f3;
opacity: 1;
position: relative;
outline: none;
background: none;
margin-right: 13px;
}
.swiper-pagination-style1 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.swiper-pagination-style1 .swiper-pagination-bullet:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
opacity: 0;
border-radius: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.swiper-pagination-style1 .swiper-pagination-bullet-active:after {
opacity: 1;
}
.no-touch .btn1:hover,
.no-touch .main-footer-menu a:hover,
.no-touch .main-footer-btn2 a:hover,
.no-touch .main-footer-contact-item-img-wrap:hover,
.no-touch .main-footer-soc-list a:hover,
.no-touch .btn2:hover {
opacity: 0.7;
}
.no-touch .main-header-menu a:hover {
color: #3bc3f3;
}
.no-touch .swiper-button-prev-style1:hover svg path,
.no-touch .swiper-button-next-style1:hover svg path {
stroke: #3bc3f3;
}
.no-touch .services1-item:hover:after {
opacity: 1;
}
.no-touch .services1-item:hover .services1-item-title,
.no-touch .services1-item:hover .services1-item-text {
color: #fff;
}
.no-touch .services1-col .services1-item:hover .services1-img {
background-position: 100% 0;
}
.no-touch .services1-item:hover .services1-item-wrap {
border: 1px dashed transparent;
}
.no-touch .command-tab_list a:hover {
color: #3bc3f3;
}
.no-touch .label-checkbox span a:hover,
.no-touch .main-footer-links a:hover,
.no-touch .coursesCost-contact-inst-wrap a:hover {
text-decoration: none;
}
.no-touch .breadcrumbs-list li a:hover,
.no-touch .services2-item-list li a:hover {
text-decoration: underline;
}
.reviews-wrapper {
background: none;
}
.reviews-wrapper .slider__item {
background: none;
height: auto;
min-height: 300px;
width: 100%;
}
.reviews-wrapper .slick-prev {
}
ul.slick-dots {  }
.slick-prev:hover:before,
.slick-next:hover:before {
margin-top: -2px;
}
.slick-prev:hover,
.slick-next:hover {
background: #e2e2e2;
}
.article p {
margin-bottom: 20px;
}
.info1-wrap1 p img[align='left'] {
margin: 0 15px 15px 0;
}
.info1-wrap1 p img[align='right'] {
margin: 0 0 15px 15px;
}
.info1-wrap1 ul,
.article ul {
margin: 40px 0;
}
.info1-wrap1 ul li,
.article ul li {
margin-bottom: 10px;
padding: 5px 20px 5px 40px; border-radius: 3px;
color: #000;
position: relative;
}
.info1-wrap1 ul li::before,
.article ul li::before {
content: '';
display: block;
position: absolute;
width: 20px;
height: 2px;
background: #3bc3f3;
left: 0;
top: 14px;
}
.info1-wrap1 ol > li,
.article ol > li {
color: #000;
position: relative;
padding-left: 40px;
margin-bottom: 30px;
border: 1px solid #eeeeee;
padding: 20px 40px 20px 60px;
border-radius: 6px;
}
.info1-wrap1 ol li ul,
.article ol li ul {
padding-left: 30px;
}
.info1-wrap1 ol ul,
.article ol ul {
padding-left: 30px;
}
.info1-wrap1 ol > li::before,
.article ol > li::before {
content: counter(point) '.';
content: counter(point);
counter-increment: point 1;
position: absolute;
left: 20px;
color: #fff;
background: #2173a4;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 700;
}
.info1-wrap1 ol[start='2'],
.article ol[start='2'] {
counter-reset: point 1;
}
.info1-wrap1 ol[start='3'],
.article ol[start='3'] {
counter-reset: point 2;
}
.info1-wrap1 ol[start='4'],
.article ol[start='4'] {
counter-reset: point 3;
}
.info1-wrap1 ol[start='5'],
.article ol[start='5'] {
counter-reset: point 4;
}
.info1-wrap1 ol,
.article ol {
counter-reset: point;
}
@media only screen and (max-width: 1500px) {
.banner-slider .banner-slider .swiper-button-prev-style1,
.banner-slider .banner-slider .swiper-button-next-style1 {
display: none;
}
}
@media only screen and (max-width: 1350px) {
.why-title {
margin-bottom: 30px;
}
.container,
.listing .listing__container {
padding: 0 25px;
}
.swiper-button-prev,
.swiper-button-next {
top: auto !important;
bottom: 120px;
right: 0;
left: auto;
transform: none;
}
.swiper-button-prev {
right: 75px;
transform: rotate(-180deg);
}
.covid-link a {
padding: 2px 15px;
font-size: 12px;
}
.covid-link {
right: -30px;
top: 29px;
}
.why-item,
.why-item:nth-child(1),
.why-item:nth-child(2),
.why-item:nth-child(3),
.why-item:nth-child(4) {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 48%;
margin-top: 25px;
}
.why-item:after {
display: none;
}
.why-wrap {
max-width: none;
}
.why-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -25px;
}
.why-img {
margin: -70px auto;
}
.why-title {
max-width: none;
text-align: center;
}
.why-item-title {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 3px solid #2ba6dc;
}
.facts-text1 {
font-size: 90px;
}
}
@media only screen and (max-width: 1300px) {
.command-slider2 {
max-width: none;
}
.command-slider1 {
margin-left: auto;
margin-right: auto;
max-width: 425px;
}
.command-item1-img {
margin-left: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.command-item1-info {
margin: 0;
max-width: none;
margin-bottom: 30px;
}
.command-slider1-nav {
display: none;
}
.command-tab_list-wrap {
margin-bottom: 30px;
}
.command-slider2 {
margin-top: 30px;
}
.callback-img {
max-width: 600px;
margin-right: 0;
margin-top: auto;
}
.coursesCost-img {
width: 400px;
}
}
@media only screen and (max-width: 1250px) {
.banner-cost-info-text {
left: auto;
right: 0;
-webkit-transform: none;
transform: none;
}
.main-footer-nav-wrap {
max-width: 550px;
}
}
@media only screen and (max-width: 1200px) {
.facts-img {
right: 20px;
width: 600px;
}
.listing .listing__container,
.tag-list {
width: 100%;
}
}
@media only screen and (max-width: 1150px) {
.main-header-contact-text2 {
font-size: 12px;
}
.main-header-contact-text1 {
font-size: 13px;
}
.main-header-contact-wrap {
max-width: 435px;
}
.banner-info {
margin-right: 0;
}
.banner-container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.banner-info {
max-width: 425px;
}
.banner-title b {
font-size: 30px;
}
.banner-title {
font-size: 22px;
}
.quiz-wrap {
padding: 40px 20px 20px;
}
.coursesAdvantage-text1 {
width: 100%;
margin-bottom: 20px;
}
.coursesProgramm-item:nth-child(1) .coursesProgramm-item-img,
.coursesProgramm-item:nth-child(2) .coursesProgramm-item-img,
.coursesProgramm-item:nth-child(3) .coursesProgramm-item-img,
.coursesProgramm-item:nth-child(5) .coursesProgramm-item-img {
bottom: -30px;
top: auto;
right: auto;
width: 250px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.coursesProgramm-item:nth-child(5) .coursesProgramm-item-img {
width: 220px;
}
.coursesProgramm-item:nth-child(3) .coursesProgramm-item-img {
width: 170px;
}
.coursesProgramm-item:nth-child(4) .coursesProgramm-item-img {
width: 250px;
}
.coursesProgramm-item:nth-child(2):before,
.coursesProgramm-item:nth-child(3):before {
display: none;
}
.coursesProgramm-item:nth-child(3),
.coursesProgramm-item:nth-child(4) {
width: 50%;
}
.coursesProgramm-item,
.coursesProgramm-item:nth-child(2),
.coursesProgramm-item:nth-child(3),
.coursesProgramm-item:nth-child(5) {
padding: 36px 36px 240px 36px;
}
.why-item-text {
font-size: 16px;
}
}
@media only screen and (max-width: 1080px) {
.main-header-contact-wrap {
max-width: 415px;
}
}
@media only screen and (max-width: 1100px) {
.services2-img-wrap {
top: -60px;
right: -60px;
left: auto;
width: 257px;
height: 257px;
}
.services2-img {
width: 170px;
padding: 0px 30px;
}
.services2-img-wrap:before {
width: 170px;
height: 170px;
}
.services2-img-wrap:after {
width: 217px;
height: 217px;
}
.services2-item-wrap {
padding: 20px 20px 20px 20px;
}
.services2-item-info {
max-width: 600px;
width: 100%;
}
.callback-img {
max-width: none;
text-align: center;
}
.callback-form-wrap {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.callback {
padding-top: 40px;
}
.video {
padding-bottom: 30px;
}
.main-footer-contact {
max-width: none;
}
.main-footer-contact-list {
max-width: 500px;
width: 100%;
}
.main-footer-nav-wrap {
margin-bottom: 30px;
}
.coursesBanner-img {
width: 400px;
top: auto;
bottom: -80px;
}
.coursesBanner-wrap {
padding: 78px 30px;
}
.coursesCost-img {
right: -100px;
}
.coursesAdvantage-col {
width: 50%;
}
.coursesAdvantage-col:last-child {
width: 100%;
}
.coursesAdvantage-item-wrap1 {
min-height: initial;
padding: 118px 32px 40px 32px;
}
.coursesAdvantage-item-img {
top: 25px;
}
}
@media (min-width: 601px) and (max-width: 1050px) {
.container,
.listing .listing__container {
padding: 0 40px;
}
.banner {
padding-bottom: 40px;
position: relative;
}
.banner::before {
content: '';
display: block;
width: 100%;
background: #f4f6f9;
height: 140px;
left: 0;
position: absolute;
bottom: -54px;
border-radius: 100%;
z-index: 10;
}
.services1 {
z-index: 100;
}
.swiper-button-prev,
.swiper-button-next {
transform: scale(0.8);
bottom: 40px;
}
.swiper-button-prev {
transform: scale(0.8) rotate(-180deg);
}
.banner-slider {
padding-bottom: 0;
}
}
@media only screen and (max-width: 1050px) {
.main-header-close,
.main-header-tel-btn,
.main-header-menu-btn {
display: block;
}
.main-header-contact-wrap {
max-width: none;
position: fixed;
z-index: -1;
top: 0;
left: 0;
background-color: #fff;
margin-top: 0;
height: 100%;
padding: 105px 15px;
padding-bottom: 95px;
overflow: auto;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.main-header-contact-wrap.active {
opacity: 1;
visibility: visible;
z-index: 900;
}
.main-header-contact {
margin-bottom: 40px;
max-width: 240px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.main-header-logo {
position: relative;
z-index: 901;
}
.body-overflow {
overflow: hidden;
}
.body-overflow.body--tg .main-header {
top: 0;
}
.main-header-btn-wrap {
display: none !important;
}
.main-header-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: auto;
background-color: #fff;
padding: 105px 15px;
padding-bottom: 95px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.main-header-nav.active {
visibility: visible;
opacity: 1;
z-index: 39;
}
.main-header-menu {
max-width: 240px;
width: 100%;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 30px;
margin-bottom: 30px;
}
.main-header-menu li {
width: 100%;
margin-bottom: 15px;
}
.main-header-menu li:last-child {
margin-bottom: 0;
}
.main-header-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.main-header .menu-bg {
display: block;
}
.main-header-menu1 {
display: block;
}
.services1-col {
width: 50%;
}
.facts-list-wrap {
padding: 40px 20px;
}
.facts-item-text2 {
font-size: 16px;
}
.facts-list {
width: calc(100% - 190px);
}
.video-wrap {
width: 100%;
border-radius: 4px;
border: 4px solid #ededed;
margin-bottom: 30px;
}
.video-info {
margin-top: 0;
}
.banner-wrap,
.site-wrap-secondpage {
padding-top: 92px;
}
.coursesCost-list {
width: 100%;
margin-bottom: 30px;
}
.coursesCost-list:last-child {
margin-bottom: 0;
}
.swiper-button-prev1,
.swiper-button-next1,
.swiper-button-prev2,
.swiper-button-next2 {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.banner-cost {
display: none;
}
.banner-cost-mob {
display: block;
}
.banner-cost-wrap {
max-width: none;
width: auto;
}
.banner-img {
position: absolute;
z-index: -1;
bottom: 14px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 250px;
margin-top: 0;
margin-left: 0;
}
.banner-container {
position: relative;
}
.banner-info {
max-width: 470px;
}
.banner-list1 {
display: none;
}
.services1 {
margin-top: 0;
}
.banner-slider .swiper-pagination-style1 {
bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-slider {
padding-bottom: 30px;
}
.banner-title b {
font-size: 26px;
}
.banner-title {
font-size: 20px;
max-width: 295px;
width: 100%;
}
.banner-cost {
max-width: 279px;
padding-right: 56px;
padding-left: 0;
margin-bottom: 15px;
}
.banner-cost:after {
width: 74px;
height: 50px;
left: auto;
right: 0;
background-size: contain;
top: 11px;
}
.banner-cost-text {
font-size: 15px;
border-top: 1px solid #f5d010;
}
.banner-cost-text-wrap {
padding: 17px 17px 17px;
}
.banner-cost-info {
width: 13px;
height: 13px;
}
.banner-cost-info-btn {
background-size: 4px;
}
.banner-text1 {
font-size: 14px;
max-width: 180px;
margin-bottom: 50px;
}
.banner-btn-wrap {
margin-left: auto;
margin-right: auto;
}
.banner-info {
margin-top: 0;
max-width: none;
}
.why {
padding-top: 90px;
}
.facts-img {
position: static;
max-width: 810px;
width: 100%;
}
.facts-text3 {
max-width: none;
}
.facts-text2 {
max-width: none;
}
.facts-list {
width: 100%;
}
.facts-title {
margin-bottom: 30px;
}
.listing .listing__item {
width: 47.3%;
margin: 0 2% 2% 0;
}
}
@media only screen and (max-width: 950px) {
.listing .listing__container,
.tag-list {
width: 100%;
padding: 0;
}
.coursesBanner-img {
position: static;
max-width: 400px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.coursesBanner-text {
margin-left: auto;
margin-right: auto;
}
.coursesBanner-wrap {
padding-bottom: 40px;
background: none;
background-color: #f8f9fb;
margin-top: 0;
}
.coursesCost-wrap1,
.coursesCost-wrap2 {
width: 48%;
}
.coursesCost-img {
display: none;
}
.coursesAdvantage {
margin-top: 0;
padding-top: 120px;
padding-bottom: 30px;
}
.main-footer-contact-item-tel-wrap {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
}
@media only screen and (max-width: 900px) {
.banner {
padding-top: 20px;
padding-bottom: 50px;
}
.services1-item-title {
font-size: 16px;
}
.services1-item-text {
font-size: 14px;
}
.services2 {
padding-top: 30px;
}
.services2-slider .swiper-button-prev-style1,
.services2-slider .swiper-button-next-style1 {
display: none;
}
.services2-slider {
padding: 0;
}
.quiz,
.coursesBanner,
.coursesProgramm,
.coursesCost {
padding-top: 30px;
padding-bottom: 30px;
}
.quiz-title,
.command-title {
font-size: 24px;
}
.command-tab_list a {
font-size: 15px;
}
.command-tab_list li {
margin-right: 26px;
}
.command-item1-title,
.coursesCost-text1 {
font-size: 18px;
}
.command-item1-text1,
.command-item1-text2,
.command-item1-text3 {
font-size: 16px;
}
.command-item2-text {
font-size: 13px;
}
.why-title {
font-size: 24px;
}
.facts-text1 {
font-size: 64px;
}
.facts-text2 {
font-size: 36px;
margin-bottom: 10px;
}
.facts-text3 {
font-size: 18px;
}
.why {
padding-bottom: 30px;
}
.video-title {
font-size: 24px;
}
.video-info-text1 {
font-size: 72px;
}
.video-info-text2 {
font-size: 18px;
}
.breadcrumbs {
padding: 20px 0;
}
.coursesBanner-mainTitle,
.coursesAdvantage-title {
font-size: 22px;
}
.coursesBanner-title {
font-size: 18px;
}
.coursesBanner-wrap {
padding: 10px 15px;
padding-top: 40px;
}
.coursesProgramm-title,
.coursesCost-title,
.coursesCost-subtitle {
font-size: 22px;
}
.coursesProgramm-item-title {
font-size: 18px;
}
.coursesProgramm-item-list li {
font-size: 15px;
}
.coursesCost-subtitle,
.coursesCost-contact {
margin-bottom: 25px;
}
.coursesCost-wrap1 {
padding: 40px 15px;
}
.coursesAdvantage-list {
margin-bottom: 30px;
}
.coursesAdvantage-img {
display: none;
}
.coursesAdvantage-text-wrap {
padding: 40px 15px;
}
.coursesAdvantage-text1 {
text-align: center;
}
.coursesAdvantage-text2 {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.coursesProgramm-item__wrap {
width: 100%;
}
}
.feedback1-none{
display: none;
}
@media only screen and (max-width: 850px) {
.facts-col {
width: 100%;
}
.main-footer-text1,
.main-footer-soc-list {
margin-top: 0;
}
.main-footer-wrap2 {
max-width: 500px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.main-footer-soc-list {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: baseline;
margin-bottom: 30px;
width: 100%;
}
.main-footer-copy-wrap {
max-width: none;
text-align: center;
margin-bottom: 30px;
}
.main-footer-text1 {
margin-left: auto;
margin-right: auto;
}
.main-footer-container2 {
padding: 40px 0;
}
.main-footer-container1 {
padding-bottom: 40px;
}
.coursesProgramm-item,
.coursesProgramm-item:nth-child(3),
.coursesProgramm-item:nth-child(4) {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.services2-item-info {
max-width: 455px;
}
.quiz-text-wrap1 {
width: 100%;
margin-bottom: 20px;
}
.quiz-text-wrap2 {
width: 100%;
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.listing .listing__container,
.tag-list {
width: 420px;
}
.listing .listing__item {
width: 100%;
margin: 0 0 2% 0;
}
.listing--interview .step .count {
right: 2%;
font-size: 16px;
}
.listing--interview .step .back {
left: 2%;
font-size: 16px;
}
.listing--interview .step .content {
padding: 20px 0 60px 0;
}
.listing--interview .heading h2 {
font-size: 16px;
}
.listing--interview .heading .form-title {
font-size: 20px;
}
.listing--interview .step h2 {
font-size: 16px;
}
.listing--interview .step input[type='radio'] + label span {
font-size: 14px;
}
}
@media only screen and (max-width: 700px) {
.coursesCost-wrap1,
.coursesCost-wrap2 {
width: 100%;
}
.coursesCost-wrap2 {
margin-top: 40px;
}
.coursesCost-list-title {
font-size: 15px;
padding: 15px 22px;
padding-left: 50px;
}
.coursesCost-list-title:after {
left: 10px;
}
.coursesCost-item-day {
padding: 80px 20px;
font-size: 30px;
}
.coursesCost-item-cost-wrap {
padding: 70px 20px 25px 43px;
}
.coursesCost-list-icon {
top: 176px;
}
h1 {
font-size: 24px;
}
}
@media only screen and (max-width: 650px) {
.main-header-logo:after {
width: 48px;
height: 55px;
background-size: contain;
}
.main-header-logo { padding-top: 17px;
max-width: 240px;
padding-left: 55px;
padding-right: 10px;
}
.main-header-logo-text1 {
font-size: 18px;
margin-bottom: 2px;
}
.main-header-logo-text2 {
font-size: 11px;
}
.services2-item-info {
max-width: 220px;
}
.services2-item-list {
margin-bottom: 10px;
}
.services2-item-list:last-child {
margin-bottom: 0;
}
.services2-item-list li {
font-size: 15px;
}
.command-tab_list-wrap {
overflow: auto;
margin: 0px -20px 30px;
padding: 0px 20px;
}
.command-tab_list {
min-width: 560px;
padding-bottom: 10px;
}
.main-header-close {
top: 20px;
}
.facts-img {
max-width: 345px;
}
.facts-text3 {
margin-top: -50px;
}
.main-footer-nav {
width: 100%;
margin-bottom: 30px;
}
.main-footer-btn-wrap {
margin-top: 0;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.banner-container {
padding: 0px 20px;
overflow: hidden;
}
.banner-wrap,
.site-wrap-secondpage {
padding-top: 72px;
}
.coursesAdvantage-text2:after {
display: none;
}
.coursesAdvantage-text2 {
background-color: #fff;
border-radius: 10px;
padding: 20px 10px;
}
.banner .container {
padding: 0;
}
.banner-slider .swiper-slide {
padding: 0px 20px;
}
}
@media only screen and (max-width: 600px) {
.covid-link {
position: relative;
right: auto;
top: 57px;
z-index: 100;
transform: none;
}
.covid-link a {
display: inline-block;
padding: 2px 20px;
font-size: 12px;
}
.banner-img {
left: auto;
-webkit-transform: none;
transform: none;
right: -40px;
width: 200px;
}
.services1-col {
width: 100%;
}
.command-item1-img {
max-width: 250px;
}
.why-img {
margin: -60px;
max-width: none;
width: auto;
}
.why-item,
.why-item:nth-child(1),
.why-item:nth-child(2),
.why-item:nth-child(3),
.why-item:nth-child(4) {
width: 100%;
}
.callback-form-title {
font-size: 20px;
}
.coursesCost-contact {
padding: 30px 15px;
}
.coursesAdvantage-col {
width: 100%;
}
.coursesAdvantage-item-text-wrap {
width: 100%;
text-align: center;
}
.coursesAdvantage-item-wrap2 .btn2 {
margin-left: auto;
margin-right: auto;
}
.coursesAdvantage-item-img1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.coursesAdvantage-item-wrap2 {
padding: 0;
padding-top: 30px;
}
.main-header-fixed-btn {
z-index: 1500;
visibility: visible;
opacity: 1;
}
.fancybox-button.fancybox-close-small {
display: none;
}
.popup1 .fancybox-button.fancybox-close-small {
display: block;
}
}
@media only screen and (max-width: 550px) {
.main-header-menu,
.main-header-menu1,
.main-header-contact {
max-width: none;
}
.main-footer-contact-item-info {
max-width: none;
margin-top: 25px;
}
.main-footer-contact-item-adress {
margin-bottom: 5px;
}
.coursesCost-item-day {
max-width: 90px;
font-size: 18px;
padding: 93px 20px;
}
.coursesCost-item-cost-wrap {
width: calc(100% - 90px);
padding: 70px 10px 25px 20px;
}
.coursesCost-item-cost-wrap .btn1 {
font-size: 13px;
}
.coursesCost-list-icon {
top: 189px;
}
}
@media only screen and (max-width: 500px) {
.services2-item-wrap .btn1 {
max-width: none;
}
.listing .listing__container,
.tag-list {
width: 100%;
}
.services2-item-list {
column-count: 1;
height: 280px;
}
}
@media only screen and (max-width: 450px) {
.callback-form-wrap,
.callback-form {
max-width: 100%;
}
.callback-form-radio-wrap {
max-width: 188px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.callback-form-radio-wrap label {
width: 100%;
margin-bottom: 10px;
}
.callback-form-radio-wrap label:last-child {
margin-bottom: 0;
}
.callback-form {
padding: 30px 10px;
}
.callback-form-input-wrap1 {
max-width: 120px;
}
.callback-form-input-wrap2 {
max-width: 130px;
}
.callback-form-input-wrap1 label {
max-width: 54px;
}
.popup1 {
max-width: 100%;
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.services2-item-info {
max-width: 200px;
}
.facts-text1 {
font-size: 56px;
}
}
@media only screen and (max-width: 370px) {
.main-header-logo {
max-width: 220px;
padding-left: 55px;
}
.main-header-logo-text1 {
font-size: 16px;
}
.banner-wrap,
.site-wrap-secondpage {
padding-top: 70px;
}
}
.main-header-logo-text1 {
position: relative;
}
.main-header-logo__trademark {
position: absolute;
top: -6px;
right: -18px;
font-size: 26px;
}
@media (max-width: 650px) {
.main-header-logo__trademark {
top: -4px;
right: -10px;
font-size: 24px;
}
}
@media (max-width: 370px) {
.main-header-logo__trademark {
top: -4px;
right: -10px;
font-size: 20px;
}
}
@media (max-width: 850px) {
.main-footer-text1 {
margin-bottom: 30px;
}
.main-footer-dev {
margin: 0 auto;
}
}
@media (max-width: 600px) {
.main-footer-container2 {
padding-bottom: 90px;
}
}
.add_palitra {
display: block;
width: 280px;
height: 60px;
position: fixed;
right: 80px;
top: 210px;
z-index: 99999;
}
@media screen and (max-width: 480px) {
.add_palitra {
top: 100px !important;
right: auto;
width: 100%;
text-align: center;
}
}
@media screen and (min-width: 481px) and (max-width: 1365px) {
.add_palitra {
display: block;
width: 280px;
height: 60px;
position: fixed;
right: 80px;
top: 135px;
z-index: 99999;
}
}
@media screen and (min-width: 1366px) and (max-width: 1366px) {
.add_palitra {
display: block;
width: 280px;
height: 60px;
position: fixed;
right: 45px;
top: 215px;
z-index: 99999;
}
}
@media screen and (min-width: 1367px) and (max-width: 1439px) {
.add_palitra {
display: block;
width: 280px;
height: 60px;
position: fixed;
right: 80px;
top: 135px;
z-index: 99999;
}
}
#command-tab1 .command-item1-img {
max-width: 300px;
}
.actionBanner-img {
max-width: 400px;
width: 100%;
display: block;
transition: opacity 0.3s;
}
.actionBanner-img:hover {
opacity: 0.7;
}
.overflow-hidden {
overflow: hidden;
}
.main-header-tel-btn {
margin-left: 0;
}
.main-header-whatsapp-btn {
text-decoration: none;
width: 28px;
height: 28px;
background: #48c95f
url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets_2021/img/whatsapp-icon.svg) center
no-repeat;
border: 1px solid #fff;
border-radius: 50%;
margin: 9px 15px 0 auto;
display: none;
}
.main-header-whatsapp-wrap {
background-color: #fff;
padding: 105px 20px;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: auto;
padding-bottom: 95px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.main-header-whatsapp-wrap.active {
opacity: 1;
visibility: visible;
z-index: 900;
}
.main-header-whatsapp-item {
margin-bottom: 40px;
}
.main-header-whatsapp-item-title {
color: #000;
font-size: 22px;
line-height: 27px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 5px;
}
.main-header-whatsapp-item-text {
color: #6a6a6a;
font-size: 16px;
line-height: 20px;
font-weight: 300;
letter-spacing: 0.02em;
margin-bottom: 15px;
}
.main-header-whatsapp-item-btn {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background-color: #48c95f;
height: 56px;
}
.main-header-whatsapp-item-btn-text {
color: #fff;
font-size: 15px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0.02em;
position: relative;
}
.main-header-whatsapp-item-btn-text::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: -50px;
width: 28px;
height: 28px;
background: url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets_2021/img/whatsapp-icon.svg)
center no-repeat;
border: 1px solid #fff;
border-radius: 50%;
}
@media (max-width: 1050px) {
.main-header-whatsapp-btn {
display: block;
}
.main-header-contact {
padding-left: 8px;
}
.main-header-whatsapp-wrap {
display: block;
}
.main-header-ws {
display: none;
}
}
@media (max-width: 420px) {
.main-header-logo {
padding-left: 50px;
max-width: 200px;
padding-right: 10px;
}
.main-header-logo-text1 {
font-size: 14px;
}
.main-header-logo-text2 {
font-size: 10px;
}
.main-header-logo:after {
width: 44px;
height: 50px;
}
}
@media (max-width: 375px) {
.main-header-logo {
padding-left: 42px;
padding-top: 14px;
max-width: 176px;
}
.main-header-logo-text1 {
font-size: 13px;
}
.main-header-logo-text2 {
font-size: 9px;
}
.main-header-logo:after {
width: 36px;
height: 41px;
}
.main-header-whatsapp-btn {
width: 24px;
height: 24px;
margin-right: 15px;
}
.main-header-tel-btn {
width: 19px;
height: 19px;
background-size: contain;
margin-right: 15px;
}
.main-header-menu-btn {
width: 22px;
height: 17px;
background-size: contain;
}
.main-header-whatsapp-item-btn {
justify-content: flex-start;
padding-left: 55px;
}
}
@media (max-width: 350px) {
.main-header-whatsapp-item-btn {
padding-left: 45px;
}
.main-header-whatsapp-item-btn-text::after {
right: -40px;
}
}
.slider1 {
position: relative;
padding: 0px 30px;
margin-bottom: 60px;
}
.swiper-button-prev-style2,
.swiper-button-next-style2 {
position: absolute;
margin-top: 0;
top: 50% !important;
transform: translateY(-50%);
width: 22px;
height: 38px;
background: url(/wp-content/themes/belberry/images/next-arrow.png) center no-repeat;
}
.swiper-button-next-style2,
.swiper-container-rtl .swiper-button-prev-style2 {
right: 0;
}
.swiper-button-prev-style2,
.swiper-container-rtl .swiper-button-next-style2 {
left: 0;
transform: translateY(-50%) rotate(180deg);
}
.info1-wrap1{
counter-reset: point;
}
.info1-wrap1 ol, .article ol {
counter-reset: auto;
}
.slider1-item__img {
display: block;
transition: transform 0.3s;
}
.slider1-item__img:hover {
transform: scale(1.02);
}
.swiper-button-prev-style2.swiper-button-disabled,
.swiper-button-next-style2.swiper-button-disabled {
display: none;
}
@media only screen and (max-width: 600px) {
.slider1 {
padding: 0;
}
}
.features p {
margin-bottom: 20px;
}
@media only screen and (max-width: 1050px) {
.benefits_div .vc_col-sm-6 {
width: 100% !important;
}
.benefits-list ul > li {
min-height: initial;
}
.benefits-list {
padding: 0 !important;
}
}
@media only screen and (max-width: 700px) {
.article {
padding-left: 0;
padding-right: 0;
}
.service__text h2:not(:first-child) {
margin-top: 25px;
}
.info1-wrap1 ul,
.article ul {
margin: 20px 0;
}
.benefits_div {
padding-top: 30px;
}
.benefits .iconbox-content h3 {
padding-bottom: 0;
}
.features .features__title,
.features h1 {
font: 25px/1 ProximaNovaBold;
}
.features .features__subtitle,
.features h3 {
font-size: 22px;
margin-bottom: 15px;
}
.ulibka_v_poryadke_phone {
font-size: 38px !important;
}
}
video {
max-width: 540px;
width: 100%;
height: auto;
}
.scroll-btn1-wrap {
position: fixed;
z-index: 50002;
bottom: 150px;
right: 10px;
width: 50px;
height: 50px;
transform: rotate(-90deg);
cursor: pointer;
}
#scroll-btn1 {
width: 100%;
height: 100%;
cursor: pointer;
background: #3bc3f3 url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/img/arrow1.svg)
center / 20px no-repeat;
border-radius: 50%;
display: none;
}
#scroll-btn2 {
width: 100%;
height: 100%;
cursor: pointer;
background: #3bc3f3 url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/img/arrow1.svg)
center / 20px no-repeat;
border-radius: 50%;
display: none;
}
.amo-button__iframe,
.amo-button-holder {
z-index: 3000 !important;
} .twentytwenty {
padding: 50px 0;
}
.twentytwenty__title {
font-weight: 900;
font-size: 28px;
letter-spacing: 0.56px;
text-transform: uppercase;
color: #3bc3f3;
margin-bottom: 27px;
}
.twentytwenty__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
margin-top: -40px;
}
.twentytwenty-item {
width: 48%;
margin-top: 40px;
display: none;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.twentytwenty-item.visi {
display: flex;
}
.twentytwenty-item__wrap1 {
width: 100%;
margin-bottom: 27px;
}
.twentytwenty-item__wrap2 {
width: 100%;
flex-grow: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.twentytwenty-item__wrap2 h3 {
font-weight: 600;
font-size: 22px;
letter-spacing: 0.56px;
text-transform: uppercase;
color: #000000;
width: 100%;
margin-bottom: 23px;
}
.twentytwenty-item__wrap2 ul {
margin-bottom: 40px;
width: 100%;
}
.twentytwenty-item__wrap2 ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
}
.twentytwenty-item__wrap2 ul li:last-child {
margin-bottom: 0;
}
.twentytwenty-item__wrap2 ul li b {
font-size: 18px;
font-weight: 400;
}
.twentytwenty-item__wrap2 ul li span {
font-size: 18px;
max-width: 400px;
}
.twentytwenty-item__wrap2 ul li span a {
color: #3bc3f3;
text-decoration: underline;
display: inline-block;
}
.twentytwenty-item__wrap2 ul li span a:hover {
text-decoration: none;
}
.twentytwenty-item__wrap2 ul li i {
border-bottom: 2px dotted rgba(0, 0, 0, 0.5);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0px 10px;
margin-top: 15px;
}
.twentytwenty-item__wrap2 .btn1 {
margin-top: auto;
}
.btn1-style2 {
display: block;
width: 100%;
text-align: center;
border: 2px solid #2173a4;
border-radius: 6px;
border-radius: 6px;
font-size: 14px;
color: #fff;
padding: 15px 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
background: #2173a4;
transition: all 0.3s;
}
.btn1-style2:hover {
background: #fff;
border: 2px solid #2173a4;
color: #2173a4;
}
.btn1-style2.hidden {
display: none;
}
.twentytwenty-wrap {
position: relative;
}
.twentytwenty-wrap__text1 {
position: absolute;
top: 30px;
left: 30px;
font-size: 20px;
color: #fff;
background-color: #38c4f3;
border-radius: 10px;
padding: 8px 26px;
}
.twentytwenty-wrap__text2 {
position: absolute;
top: 30px;
right: 30px;
font-size: 20px;
color: #fff;
background-color: #38c4f3;
border-radius: 10px;
padding: 8px 26px;
}
.twentytwenty-block {
border: 4px solid #38c4f3;
border-radius: 24px;
}
.twentytwenty-block img {
width: 100%;
}
.twentytwenty-block .twentytwenty-handle:after,
.twentytwenty-block .twentytwenty-handle:before {
background-color: #38c4f3;
-webkit-box-shadow: none;
box-shadow: none;
}
.twentytwenty-block .twentytwenty-handle:after {
margin-top: 32px;
}
.twentytwenty-block .twentytwenty-handle:before {
margin-bottom: 32px;
}
.twentytwenty-block .twentytwenty-handle {
width: 60px;
height: 60px;
border: 2px solid #ffffff;
margin-left: -32px;
margin-top: -32px;
background: #38c4f3 url(/wp-content/themes/belberry/assets_2021/img/twentytwenty-arrow.svg) center no-repeat;
}
.twentytwenty-block .twentytwenty-left-arrow,
.twentytwenty-block .twentytwenty-right-arrow {
display: none;
}
.reviews1 {
padding: 50px 0;
}
.reviews1__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 40px;
margin-top: -40px;
}
.reviews1-item {
width: 48%;
margin-top: 40px;
}
.reviews1-item.visi {
display: block !important;
}
.reviews1--visible-item .reviews1-item {
display: block;
}
.reviews1-item__wrap1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 23px;
min-height: 60px;
}
.reviews1-item__img {
max-width: 84px;
min-height: 84px;
width: 100%;
overflow: hidden;
}
.reviews1-item__img img {
border-radius: 50%;
}
.reviews1-item__text {
width: calc(100% - 110px);
}
.reviews1-item__text b {
display: block;
font-size: 18px;
font-weight: 600;
}
.reviews1-item__text span {
display: block;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.reviews1-item__wrap2 {
border: 2px solid #e6e6e6;
border-radius: 4px;
padding: 20px;
position: relative;
}
.reviews1-item__wrap2:after {
content: '';
position: absolute;
bottom: 100%;
left: 30px;
width: 26px;
height: 15px;
background: url(/wp-content/themes/belberry/assets_2021/img/reviews1-arrow1.svg) center no-repeat;
}
.reviews1-item__link {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: rgba(56, 196, 243, 0.7);
text-decoration: underline;
margin-top: 15px;
cursor: pointer;
}
.reviews1-item__link:hover {
text-decoration: none;
}
.reviews1-item__overflow {
height: 100px;
overflow: hidden;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.reviews1-item__text-wrap {
font-size: 16px;
line-height: 1.6;
color: rgba(0, 0, 0, 0.7);
}
.doctor1 {
padding: 50px 0;
}
.doctor1__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05); border-radius: 10px;
padding: 38px 20px 0 55px;
overflow: hidden;
position: relative;
background: #97e5ff30 !important;
}
.doctor1__container:after {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
border: 1px dashed #eaeaea;
border-radius: 6px;
pointer-events: none;
}
.doctor1__wrap1 {
max-width: 282px;
width: 100%;
margin-right: 120px;
position: relative;
}
.doctor1__wrap2 {
max-width: 550px;
width: 100%;
-ms-flex-item-align: center;
align-self: center;
}
.doctor1__wrap2 span {
display: block;
color: #3bc3f3;
font-size: 16px;
font-weight: 600;
margin-bottom: 7px;
}
.doctor1__wrap2 h1 {
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 17px;
color: #2173a4;
}
.doctor1__wrap2 .btn0 {
margin-bottom: 17px;
display: inline-block;
}
.doctor1__img {
position: relative;
}
.doctor1__img img {
position: relative;
z-index: 1;
}
.doctor1__img-bg1 {
position: absolute;
bottom: -76px;
left: -24px;
background-color: #3bc3f3;
width: 326px;
height: 326px;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.07);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.07);
}
.doctor1__img-bg1:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 127%;
height: 127%;
border-radius: 50%;
background: rgba(59, 195, 243, 0.5);
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.08);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.08);
}
.doctor1__img-bg1:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 151%;
height: 151%;
border-radius: 50%;
background: rgba(12, 123, 191, 0.2);
-webkit-box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.1);
box-shadow: 0px 0px 122.66px rgba(27, 71, 138, 0.1);
}
.doctor1__text-wrap1 {
position: absolute;
z-index: 2;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 170px;
background-color: #fff;
border-radius: 10px;
padding: 15px 15px 15px 67px;
}
.doctor1__text-wrap1:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
width: 41px;
height: 41px;
background: #3bc3f3 url(/wp-content/themes/belberry/assets_2021/img/doctor1-icon1.svg) center no-repeat;
border-radius: 50%;
}
.doctor1__text-wrap1 span {
display: block;
color: rgba(0, 0, 0, 0.7);
font-weight: 500;
font-size: 13px;
margin-bottom: 3px;
}
.doctor1__text-wrap1 b {
display: block;
color: #3bc3f3;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.doctor1__text1 {
color: rgba(0, 0, 0, 0.7);
font-size: 16px;
margin-bottom: 17px;
}
.doctor1__text1 b {
font-weight: 600;
}
.doctor1__link {
display: inline-block;
color: rgba(0, 0, 0, 0.7);
font-size: 13px;
font-weight: 500;
padding-left: 34px;
position: relative;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.doctor1__link:hover {
color: #3bc3f3;
}
.doctor1__link:after {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 12px;
background: url(/wp-content/themes/belberry/assets_2021/img/doctor1-arrow1.svg) center no-repeat;
}
.info9 {
padding: 50px 0;
font-size: 16px;
line-height: 1.6;
color: rgba(0, 0, 0, 1);
}
.certificates {
padding: 50px 0;
}
.certificates__slider {
padding-bottom: 30px;
position: relative;
}
.swiper-pagination-style9 {
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiper-pagination-style9 .swiper-pagination-bullet {
width: 9px;
height: 9px;
opacity: 1;
margin-right: 5px;
background-color: #ccc;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.swiper-pagination-style9 .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.swiper-pagination-style9 .swiper-pagination-bullet-active {
background-color: #3bc3f3;
}
.blog1 {
padding: 50px 0;
}
.blog1__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0px -14px;
}
.blog1__col {
width: 33.3333%;
padding: 0px 14px;
margin-top: 28px;
display: flex;
}
.blog1-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 25px;
border: 1px solid rgba(224, 230, 235, 0.5);
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 6px;
background-color: #fff;
}
.blog1-item:hover .blog1-item__btn {
background-color: #3bc3f3;
color: #fff;
}
.blog1-item__img {
margin-bottom: 20px;
padding-top: 100%;
position: relative;
width: 100%;
}
.blog1-item__img img {
border-radius: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.blog1-item__text {
color: #212121;
width: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.blog1-item__text b {
display: inline-block;
font-size: 13px;
font-weight: 600;
color: #fff;
background-color: #2299d3;
border-radius: 300px;
padding: 7px 16px;
margin-bottom: 17px;
}
.blog1-item__text span {
display: block;
width: 100%;
color: #3bc3f3;
font-size: 17px;
line-height: 1.4;
margin-bottom: 12px;
}
.blog1-item__text p {
width: 100%;
color: #212121;
font-size: 16px;
line-height: 1.6;
margin-bottom: 17px;
}
.blog1-item__desc {
margin-bottom: 20px;
}
.blog1-item__btn {
max-width: 136px;
width: 100%;
border: 2px solid #3bc3f3;
border-radius: 4px;
padding: 10px 10px;
text-align: center;
color: #3bc3f3;
font-weight: 700;
font-size: 14px;
margin-top: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.certificates__slider .doctor-cert {
width: 100%;
float: none;
}
.certificates__slider .doctor-cert img {
width: 100%;
}
.certificates__slider .doctor-cert img{
height: 13.125rem;
object-fit: fill;
object-position: 0% 13%;
}
@media (max-width:1380px) {
.certificates__slider .doctor-cert img{ }
}
.twentytwenty-item__wrap2 .btn1 {
display: block;
max-width: 180px;
width: 100%;
padding: 18px 10px;
text-align: center;
letter-spacing: 0.02em;
font-size: 14px;
font-family: 'ProximaNova', sans-serif;
font-weight: 800;
color: #fff;
background-color: #2173a4;
border-radius: 5px;
border: 2px solid #2173a4;
transition: all 0.3s;
}
.twentytwenty-item__wrap2 .btn1:hover {
opacity: 1 !important;
background-color: #fff;
color: #2173a4 !important;
border: 2px solid #2173a4 !important;
}
.reviews1 .btn1 {
display: block;
max-width: 180px;
width: 100%;
padding: 18px 10px;
text-align: center;
}
@media only screen and (max-width: 1100px) {
.doctor1__wrap2 {
max-width: 370px;
}
}
@media only screen and (max-width: 950px) {
.doctor1__wrap2 {
max-width: none;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 25px;
text-align: center;
}
.doctor1__wrap1 {
margin-left: auto;
margin-right: auto;
}
.doctor1__container {
padding: 30px 15px;
padding-bottom: 0;
}
}
@media only screen and (max-width: 900px) {
.twentytwenty-item {
width: 100%;
}
.twentytwenty,
.reviews1 {
padding: 30px 0;
}
.twentytwenty__title {
font-size: 24px;
}
.twentytwenty-item__wrap2 h3 {
font-size: 19px;
}
.twentytwenty-item__wrap2 ul li b,
.twentytwenty-item__wrap2 ul li span,
.twentytwenty-item__wrap2 ul li {
font-size: 14px;
}
.certificates,
.doctor1,
.info9 {
padding: 30px 0;
}
.blog1__col {
width: 50%;
}
.blog1-item {
padding: 25px 15px;
}
}
@media only screen and (max-width: 700px) {
.reviews1-item {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.twentytwenty-wrap__text1 {
font-size: 14px;
padding: 7px 15px;
top: 15px;
left: 15px;
}
.twentytwenty-wrap__text2 {
font-size: 14px;
padding: 7px 15px;
top: 15px;
right: 15px;
}
.twentytwenty-block {
border: 2px solid #38c4f3;
border-radius: 15px;
}
.twentytwenty-block .twentytwenty-handle:after,
.twentytwenty-block .twentytwenty-handle:before {
background-color: #38c4f3;
-webkit-box-shadow: none;
box-shadow: none;
}
.twentytwenty-block .twentytwenty-handle:after {
margin-top: 21px;
}
.twentytwenty-block .twentytwenty-handle:before {
margin-bottom: 21px;
}
.twentytwenty-block .twentytwenty-handle {
width: 40px;
height: 40px;
border: 1px solid #ffffff;
margin-left: -20px;
margin-top: -20px;
background-size: 22px;
}
.reviews1-item__text-wrap {
font-size: 14px;
}
.scroll-btn1-wrap {
bottom: 166px;
}
}
@media only screen and (max-width: 550px) {
.blog1__col {
width: 100%;
}
}
@media only screen and (max-width: 500px) {
.doctor1__img-bg1 {
width: 250px;
height: 250px;
}
}
.reviews1__slider {
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
.reviews1__slider .reviews1-item {
width: 100%;
} .faq1 {
padding: 50px 0;
}
.faq1__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: -28px auto 50px;
max-width: 970px;
}
.faq1-item {
width: 100%;
margin-top: 28px;
background: #ffffff;
-webkit-box-shadow: 0px 15px 40px rgba(59, 195, 243, 0.15);
box-shadow: 0px 15px 40px rgba(59, 195, 243, 0.15);
border-radius: 8px;
overflow: hidden;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.faq1-item.active {
background-color: #45bef8;
}
.faq1-item.active .faq1-item__icon {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
border: 2px solid #fff;
background-color: #fff;
}
.faq1-item.active .faq1-item__toogle {
color: #fff;
}
.faq1-item__toogle {
padding: 35px 55px;
font-size: 18px;
padding-right: 110px;
font-weight: 700;
color: #00c5f5;
position: relative;
cursor: pointer;
}
.faq1-item__icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 55px;
width: 43px;
height: 43px;
border: 2px solid #00c5f5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq1-item__text {
padding: 30px 55px;
position: relative;
font-size: 16px;
line-height: 1.4;
color: #fff;
display: none;
}
.faq1-item__text p {
margin: 15px 0;
color: #fff;
}
.faq1-item__btn-wrap {
text-align: center;
margin: 20px 0;
}
.faq1-item__text a {
color: #fff;
text-decoration: underline;
}
.faq1-item__text a:hover {
text-decoration: none;
}
a.faq1-item__btn {
display: inline-block;
letter-spacing: 0.02em;
font-size: 14px;
font-family: 'ProximaNova', sans-serif;
font-weight: 800;
color: #fff;
border-radius: 5px;
border: 2px solid #fff;
padding: 15px 30px;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none;
}
a.faq1-item__btn:hover {
background-color: #fff;
color: #00c5f5;
}
.faq1-item__video {
max-width: 1000px;
width: 100%;
}
.faq1-item__text:after {
content: '';
position: absolute;
top: 0;
left: 55px;
right: 55px;
background-color: #fff;
height: 2px;
}
.faq1-item__video-wrap {
margin: 20px 0;
}
.frame_blc {
overflow: hidden;
position: relative;
padding-bottom: 56%;
padding-top: 30px;
height: 0;
}
.frame_blc iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: none;
outline: none;
}
@media only screen and (max-width: 1100px) {
.faq1-item__toogle {
padding: 25px 20px;
padding-right: 60px;
}
.faq1-item__icon {
right: 20px;
}
.faq1-item__text {
padding: 25px 20px;
}
.faq1-item__text:after {
left: 20px;
right: 20px;
}
.faq1-item__icon {
width: 35px;
height: 35px;
}
}
.faq1_title {
font-size: 24px;
font-weight: 700;
color: #444444;
margin-bottom: 30px;
text-align: center;
}
.info9__text a {
text-decoration: underline;
color: #3bc3f3;
}
.info9__text a:hover {
color: #3bc3f3;
text-decoration: none;
}
.info9__text h2,
.info9__text h3,
.info9__text h4,
.info9__text h5 {
font-weight: 900;
font-size: 28px;
letter-spacing: 0.56px;
text-transform: uppercase;
color: #3bc3f3;
margin-bottom: 10px;
margin-top: 27px;
}
.info9__text h3 {
font-size: 25px;
}
.info9__text h4 {
font-size: 22px;
}
.info9__text h5 {
font-size: 20px;
}
.info9__text strong,
.info9__text b {
color: #3bc3f3;
}
.info9__text p {
margin-bottom: 15px;
}
body .info9__text {
width: 100%;
}
.faq1-item__text ul {
margin-top: 10px;
margin-bottom: 25px;
}
.faq1-item__text ul li {
padding-left: 10px;
position: relative;
}
.faq1-item__text ul li:after {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #fff;
}
.faq1-item__text ol {
counter-reset: myCounter;
margin-top: 10px;
margin-bottom: 25px;
}
.faq1-item__text ol li:before {
counter-increment: myCounter;
content: counter(myCounter) '.';
display: inline-block;
margin-right: 5px;
}
.videofaq {
padding-top: 50px;
padding-bottom: 50px;
}
.videofaq__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: -28px;
}
.videofaq__col {
width: 33.3333%;
padding: 0px 14px;
margin-top: 28px;
display: flex;
}
.videofaq-item {
width: 100%;
border: 2px solid rgba(68, 68, 68, 0.1);
border-top: none;
border-radius: 8px;
}
.videofaq-item__video {
border-radius: 8px 8px 0 0;
overflow: hidden;
margin: 0px -2px;
}
.videofaq-item__title {
min-height: 102px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10px 10px;
font-size: 16px;
font-weight: 700;
color: #00c5f5;
text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
.videofaq-item__title {
min-height: 70px;
}
.videofaq__col {
width: 50%;
}
}
@media only screen and (max-width: 900px) {
.videofaq {
padding-top: 30px;
}
}
@media only screen and (max-width: 650px) {
.videofaq__col {
width: 100%;
}
}
.personalArea-login__form .label-checkbox span,
.personalArea-login__form .label-checkbox span a {
color: #000;
}
.personalArea-login__form .label-checkbox {
margin: 15px 0;
}
.personalArea-login__form-wrap1 .personalArea__btn1--disabled {
background-color: #ccc;
border-bottom: 2px solid #ccc;
pointer-events: none;
}
.personalArea-login__form .label-checkbox span:after {
border: 1px solid #3bc3f3;
}
.installation1-wrap3 h2 {
color: #3ac3f3;
font-weight: 900;
font-size: 33px;
line-height: 1.2;
margin-bottom: 30px;
}
.installation1-item h3.installation1-item__title {
color: #3ac3f3;
}
.installation1-wrap3 ul {
margin: 25px 0;
}
.installation1-wrap3 ul li {
padding-left: 15px;
margin: 10px 0;
position: relative;
}
.installation1-wrap3 ul li:after {
content: '';
position: absolute;
top: 8px;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #3ac3f3;
} .resultgallery__slider {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}  .widgetdesc {
position: fixed;
z-index: 2000;
right: 10px;
bottom: 60px;
width: 80px;
height: 80px;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.5) 0s,
opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.widgetdesc__gif {
transition: opacity 0.3s;
}
.widgetdesc__gif img {
border-radius: 50%;
}
.no-touch .widgetdesc:hover {
transform: scale(1.15);
}
.widgetdesc__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
animation: 4s ease 0s infinite normal none running
PWPreviewWidgetButtonWaveSonic,
10s linear 0s infinite normal none running
PWPreviewWidgetButtonWaveColorMulti;
}
body .widgetdescpopup {
display: none;
max-width: 620px;
width: 95%;
padding: 40px;
background-color: #fff;
border-radius: 25px;
}
.widgetdescpopup__title {
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
margin-bottom: 25px;
}
.widgetdescpopup__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0px -15px;
margin-top: -30px;
}
.widgetdescpopup__col {
width: 50%;
padding: 0px 15px;
margin-top: 30px;
}
.widgetdescpopup-item__link {
display: flex;
align-items: center;
justify-content: center;
background-color: #5ed169;
border-radius: 5px;
font-size: 14px;
color: #fff;
padding: 14px 10px;
margin-bottom: 25px;
transition: background-color 0.3s;
}
.widgetdescpopup-item__link-icon {
margin-right: 7px;
margin-top: -1px;
}
.widgetdescpopup__col:nth-child(2) .widgetdescpopup-item__link {
background-color: #2aabee;
}
.no-touch .widgetdescpopup-item__link:hover {
background-color: rgb(82, 184, 92);
color: #fff !important;
}
.no-touch .widgetdescpopup__col:nth-child(2) .widgetdescpopup-item__link:hover {
background-color: rgb(34, 140, 198);
}
.widgetdescpopup-item__qr {
text-align: center;
padding: 20px;
background-color: #f8f9fb;
border-radius: 3px;
}
.widgetdescpopup-item__qr-img {
max-width: 150px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.widgetdescpopup-item__qr-text {
color: #757575;
font-size: 12px;
}
@keyframes PWPreviewWidgetButtonWaveSonic {
0% {
transform: scale(1);
opacity: 0;
}
60% {
transform: scale(1);
opacity: 0;
}
70% {
opacity: 0.4;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes PWPreviewWidgetButtonWaveColorMulti {
0% {
background-color: rgb(0, 136, 204);
}
22% {
background-color: rgb(0, 136, 204);
}
28.8% {
background-color: rgb(37, 211, 102);
}
82% {
background-color: rgb(37, 211, 102);
}
88% {
background-color: rgb(0, 136, 204);
}
100% {
background-color: rgb(0, 136, 204);
}
}
.widgetmob {
display: none;
position: fixed;
z-index: 200000;
right: 20px;
bottom: 20px;
width: 80px;
height: 80px;
}
.widgetmob__close {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
.widgetmob__btn-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
opacity: 0;
transition: all 0.5s;
}
.widgetmob__btn-bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(38, 211, 103);
border-radius: 50%;
animation: 4s ease 0s infinite normal none running
PWPreviewWidgetButtonWaveSonic;
pointer-events: none;
}
.widgetmob__btn {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 4px);
height: calc(100% - 4px);
background-color: rgb(38, 211, 103);
border-radius: 50%;
}
.widgetmob__btn:after {
content: '';
position: absolute;
z-index: -2;
top: -2px;
bottom: -2px;
left: -2px;
right: -2px;
background: linear-gradient(rgb(134, 255, 179) 0%, rgb(38, 211, 103) 100%);
border-radius: 50%;
}
.widgetmob__btn:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(38, 211, 103);
border-radius: 50%;
}
.widgetmob__btn img {
width: 42px;
}
.widgetmob__btn-wrap--tg .widgetmob__btn img {
margin-left: -7px;
margin-bottom: -2px;
}
.widgetmob__btn-wrap--tg .widgetmob__btn:after {
background: linear-gradient(rgb(93, 201, 255) 0%, rgb(0, 136, 204) 100%);
}
.widgetmob__btn-wrap--tg .widgetmob__btn:before {
background-color: rgb(0, 136, 204);
}
.widgetmob__btn-wrap--tg .widgetmob__btn-bg {
background-color: rgb(0, 136, 204);
}
.widgetmob.active .widgetmob__btn-wrap--tg {
transform: translateY(-200px);
opacity: 1;
pointer-events: initial;
}
.widgetmob.active .widgetmob__btn-wrap--wa {
transform: translateY(-100px);
opacity: 1;
pointer-events: initial;
}
.widgetmob.active .widgetdesc__gif {
opacity: 0;
pointer-events: none;
}
.widgetmob.active .widgetmob__close {
opacity: 1;
pointer-events: initial;
}
.widgetmob.active .widgetdesc__bg {
display: none;
}
@media (max-width: 900px) {
.widgetmob {
display: block;
}
}
@media (max-width: 600px) {
.widgetdesc {
bottom: 76px;
}
}  .main-footer-btn-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main-footer-btn-container {
max-width: 210px;
width: 100%;
}
.grade {
width: calc(100% - 230px);
border-radius: 6px;
background-color: #1b1b1b;
padding: 16px 20px;
color: #fff;
}
.grade__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0px -7px;
margin-top: -15px;
margin-bottom: 16px;
}
.grade-item {
margin: 0px 7px;
margin-top: 15px;
}
.grade__val {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.28px;
text-transform: uppercase;
margin-bottom: 8px;
}
.grade__text1 {
font-size: 13px;
letter-spacing: 0.26px;
}
@media (max-width: 600px) {
.grade {
width: 100%;
margin-top: 20px;
}
} .tgbot {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
padding: 4px 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 16px rgba(116, 0, 29, 0.1);
background-color: #d8f1f6;
}
.tgbot__icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #3bc3f3;
margin-right: 14px;
}
.tgbot__icon img {
width: 14px;
}
.tgbot__text1 {
color: #000;
font-size: 12px;
font-weight: 600;
margin-right: 17px;
}
.tgbot__text2 {
color: #3bc3f3;
font-size: 12px;
font-weight: 700;
text-decoration: underline;
transition: text-decoration 0.3s;
}
.no-touch .tgbot:hover .tgbot__text2 {
text-decoration-color: transparent;
}
@media (max-width: 600px) {
.tgbot__text1 {
display: none;
}
} .body--tg .main-header {
top: 32px;
}
@media (max-width: 600px) {
.body--tg .covid-link {
top: 90px;
}
}  .certificates1 {
margin-bottom: 378px;
}
.certificates1__link1 {
display: inline-block;
margin-top: 10px;
color: #b1b1b1;
text-decoration: underline;
font-size: 12px;
transition: text-decoration 0.3s;
}
.no-touch .certificates1__link1:hover {
color: #b1b1b1;
text-decoration-color: transparent;
}
.certificates1 .label9:last-child {
width: 49%;
}
.certificates1__main-wrap {
margin-bottom: -268px;
}
.certificates1__wrap {
position: relative;
z-index: 1;
margin-bottom: -268px;
padding: 60px 92px 60px 130px;
border-radius: 10px;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
background-color: #fff;
margin-top: 76px;
}
.certificates1__wrap::after {
content: '';
position: absolute;
z-index: -1;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 1px dashed #eaeaea;
border-radius: 6px;
}
.certificates1__title {
font-size: 24px;
line-height: 1.2;
font-weight: 300;
}
.certificates1__title-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.certificates1__title-wrap p {
margin: 10px 0;
}
.certificates1__title b {
display: block;
font-size: 28px;
font-weight: 900;
color: #3bc3f3;
text-transform: uppercase;
margin-top: 10px;
}
.certificates1 .personalArea-questions {
border: none;
min-height: initial;
padding: 0;
max-width: 170px;
border-radius: 0;
}
.certificates1 .makingAppointment__btn2 {
margin-left: auto;
}
.certificates1 #makingAppointment-item3 .makingAppointment-item2__title {
margin-bottom: 16px;
}
.certificates1 #makingAppointment-item3 .makingAppointment-item2__title + p {
margin-bottom: 16px;
}
.certificates1 .services2__list {
margin-top: 30px;
}
.certificates1 .makingAppointment-item2 p a {
color: #2173a4;
text-decoration: underline;
transition: text-decoration 0.3s;
}
.no-touch .certificates1 .makingAppointment-item2 p a:hover {
color: #2173a4;
text-decoration-color: transparent;
}
.certificates1 #makingAppointment-item3 .label9 {
padding: 10px 10px 10px 80px;
min-height: 84px;
margin-top: 20px;
}
.certificates1
#makingAppointment-item3
.makingAppointment-item3__wrap2
.label9 {
padding: 30px 10px 30px 80px;
}
.certificates1 #makingAppointment-item3 .label9__icon {
left: 40px;
}
.certificates1
#makingAppointment-item3
.makingAppointment-item3__wrap2
.makingAppointment__wrap1 {
margin-top: 0;
justify-content: flex-start;
}
.certificates1
#makingAppointment-item3
.makingAppointment-item3__wrap2
.label9 {
max-width: 268px;
width: 100%;
margin-right: 20px;
}
.certificates1 #makingAppointment-item3 .label9:last-child {
margin-top: 20px;
}
.certificates1 .makingAppointment-item3__wrap2 .label9__icon {
top: 28px;
transform: none;
}
.label9__img1 {
position: relative;
left: -42px;
margin-top: 15px;
}
.ownerdetails {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30px;
}
.ownerdetails__wrap1 {
width: 49%;
}
.ownerdetails__wrap2 {
width: 49%;
}
.ownerdetails__title {
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
}
.ownerdetails__input-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ownerdetails input {
width: 100%;
}
.ownerdetails__input-wrap input {
width: 49%;
}
.ownerdetails__input-wrap .label1 {
width: 49%;
margin-bottom: 20px;
}
.ownerdetails__input-wrap .label1 input {
margin-bottom: 0;
width: 100%;
}
.ownerdetails .makingAppointment__textarea {
height: 175px;
margin-bottom: 23px;
}
.label1 {
display: inline-block;
cursor: pointer;
position: relative;
}
.label1__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 13px;
width: 21px;
}
.label1 input {
padding-right: 35px;
}
.label12 {
display: inline-block;
cursor: pointer;
padding-left: 39px;
position: relative;
}
.label12 input {
display: none;
}
.label12__text {
display: block;
font-size: 16px;
font-weight: 400;
}
.label12__icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 24px;
height: 24px;
border: 1px solid #dbdbdb;
border-radius: 50%;
}
.label12__icon::after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
border: 6px solid #3274b6;
background-color: #fff;
opacity: 0;
transition: opacity 0.3s;
border-radius: 50%;
}
.label12 input:checked ~ .label12__icon::after {
opacity: 1;
}
.certificates1 #makingAppointment-item5 {
max-width: none;
}
.certificates1 .makingAppointment-card {
max-width: 737px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.certificates1 .makingAppointment-item2__wrap6 {
max-width: none;
text-align: center;
}
.certificates1 .makingAppointment-item2__wrap6 .makingAppointment__btn2 {
display: inline-block;
}
.certificates1 .makingAppointment-card__wrap1 {
max-width: 200px;
}
.certificates1 .makingAppointment-card__wrap2 {
max-width: 360px;
width: 100%;
}
.makingAppointment-error {
color: #fff;
max-width: 737px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #f61a57;
border-radius: 4px;
margin-bottom: 20px;
padding: 6px 10px;
text-align: center;
font-weight: 600;
font-size: 14px;
}
body .certificates1popup {
display: none;
max-width: 630px;
width: 100%;
padding: 40px;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
background-color: #fff;
}
.certificates1popup__title {
position: relative;
color: #3bc3f3;
font-size: 22px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 20px;
}
.certificates1popup__title::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -40px;
width: 4px;
height: 47px;
background: linear-gradient(287.1deg, #3bc3f3 5.22%, #2399d2 94.04%);
}
.certificates1popup__list li {
position: relative;
font-size: 18px;
padding-left: 27px;
margin-bottom: 10px;
}
.certificates1popup__list li:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000;
}
.certificates1popup__list li:last-child {
margin-bottom: 0;
}
.coursesBanner-img--certificates1 {
position: absolute;
top: 76px;
right: 80px;
width: 640px;
}
@media (max-width: 1250px) {
.coursesBanner-img--certificates1 {
width: 530px;
right: 0;
}
}
@media (max-width: 1100px) {
.coursesBanner-img--certificates1 {
width: 400px;
right: 0;
top: auto;
bottom: 4px;
}
.certificates1__wrap {
padding: 30px 15px;
}
.certificates1__wrap::after {
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
}
}
@media (max-width: 950px) {
.coursesBanner-img--certificates1 {
position: static;
width: 100%;
}
.certificates1__title {
width: 100%;
margin-bottom: 20px;
font-size: 18px;
}
.certificates1__title b {
font-size: 22px;
}
.certificates1__title-wrap {
margin-bottom: 30px;
}
}
@media (max-width: 700px) {
.ownerdetails__wrap1 {
width: 100%;
margin-bottom: 20px;
}
.ownerdetails__wrap2 {
width: 100%;
}
}
@media (max-width: 600px) {
.certificates1 .label9:last-child {
width: 100%;
}
.certificates1 {
margin-bottom: 300px;
}
.certificates1 .makingAppointment-card__wrap1 {
max-width: none;
}
} @media (min-width: 1050px) {
.hidden-desctop {
display: none;
}
}
.grade1 {
position: absolute;
z-index: 1;
bottom: 90px;
left: 50%;
transform: translateX(-50%);
max-width: 540px;
width: calc(100% - 40px);
backdrop-filter: blur(20px);
background-color: rgba(245, 253, 255, 0.8);
border-radius: 8px;
padding: 10px 16px;
}
.grade1__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.grade1__wrap1 {
max-width: 184px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.grade1__val {
font-size: 40px;
line-height: 1;
}
.grade1__descr {
max-width: 120px;
width: 100%;
}
.grade1__star-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 4px;
}
.grade1__star-list li {
line-height: 0;
margin-right: 2px;
}
.grade1__star-list li:last-child {
margin-right: 0;
}
.grade1__descr-text {
color: rgba(33, 33, 33, 0.7);
font-size: 12px;
line-height: 1.2;
}
.grade1__wrap2 {
width: calc(100% - 215px);
}
.grade1__list {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0px -5px;
margin-top: -10px;
}
.grade1-item {
margin: 0px 5px;
margin-top: 10px;
}
.grade1-item__img {
line-height: 0;
}
.widgetdescpopupchoiceclinic {
display: none;
max-width: 650px;
width: 95%;
border-radius: 40px;
background-color: #fff;
padding: 40px;
}
.widgetdescpopupchoiceclinic__title {
text-align: center;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
}
.widgetdescpopupchoiceclinic__list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0px -7px;
margin-top: -14px;
}
.widgetdescpopupchoiceclinic__col {
width: 50%;
display: flex;
padding: 0px 7px;
margin-top: 14px;
}
.widgetdescpopupchoiceclinic-item {
max-width: 400px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #f8f9fb;
border-radius: 3px;
color: #212121;
cursor: pointer;
}
.no-touch .widgetdescpopupchoiceclinic-item:hover {
color: #212121;
}
.no-touch
.widgetdescpopupchoiceclinic-item:hover
.widgetdescpopupchoiceclinic-item__adress
b {
color: #3bc3f3;
}
.widgetdescpopupchoiceclinic-item__text {
padding: 0 24px;
margin-bottom: 10px;
}
.widgetdescpopupchoiceclinic-item__logo {
position: relative;
padding-left: 41px;
padding-top: 10px;
min-height: 34px;
margin-bottom: 24px;
}
.widgetdescpopupchoiceclinic-item__logo-icon {
position: absolute;
width: 29px;
top: 0;
left: 0;
}
.widgetdescpopupchoiceclinic-item__logo-text1 {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 2px;
}
.widgetdescpopupchoiceclinic-item__logo-text2 {
font-size: 5px;
}
.widgetdescpopupchoiceclinic-item__adress {
font-size: 12px;
}
.widgetdescpopupchoiceclinic-item__adress b {
display: block;
font-size: 18px;
font-weight: 600;
transition: color 0.3s;
}
.widgetdescpopupchoiceclinic-item__img img {
width: 100%;
}
.widgetdescpopup__title1 {
text-align: center;
font-size: 24px;
font-weight: 600;
margin-bottom: 8px;
}
.widgetdescpopup__subtitle {
text-align: center;
color: #909090;
font-size: 16px;
margin-bottom: 30px;
}
.widgetdescpopup__btn-wrap {
text-align: center;
margin-top: 30px;
}
.widgetdescpopup__btn {
position: relative;
padding-left: 44px;
display: inline-block;
color: #656565;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: color 0.3s;
}
.widgetdescpopup__btn:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 32px;
height: 32px;
background: url(/wp-content/themes/belberry/assets_2021/img/arrow1.svg) center no-repeat;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
border-radius: 50%;
}
.no-touch .widgetdescpopup__btn:hover {
color: #3bc3f3;
}
@media (max-width: 1050px) {
.grade1 {
bottom: 140px;
}
}
@media (max-width: 1000px) {
.grade1 {
bottom: 20px;
}
}
@media (max-width: 591px) {
.grade1 {
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
bottom: -130px;
}
.banner {
padding-bottom: 160px;
}
.grade1__wrap2 {
width: 100%;
}
.grade1__wrap1 {
max-width: none;
margin-bottom: 15px;
}
.grade1__descr {
max-width: none;
width: calc(100% - 60px);
}
body .widgetdescpopup {
padding: 30px 15px;
border-radius: 15px;
}
.widgetdescpopupchoiceclinic {
padding: 30px 15px;
border-radius: 15px;
}
.widgetdescpopupchoiceclinic__title {
font-size: 20px;
margin-bottom: 20px;
}
.widgetdescpopupchoiceclinic__col {
width: 100%;
}
.widgetdescpopup__col {
width: 100%;
}
.widgetdescpopup__title1 {
font-size: 20px;
margin-bottom: 5px;
}
.widgetdescpopup__subtitle {
margin-bottom: 20px;
}
.widgetdescpopup__btn-wrap {
margin-top: 20px;
}
}
.novetly {
margin-bottom: 80px;
}
.novetly-info {
color: #797979;
margin-bottom: 15px;
}
.novetly__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.novetly__wrap1 {
width: calc(100% - 370px);
}
.novetly__wrap2 {
position: sticky;
top: 170px;
max-width: 350px;
width: 100%;
}
.novetly__img {
margin-bottom: 30px;
}
.video-wrap1 {
position: relative;
padding-bottom: 56.25%;
margin-top: 15px;
}
.video-wrap1 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
outline: none;
}
@media (max-width: 900px) {
.novetly__wrap1 {
width: 100%;
}
.novetly__wrap2 {
order: -1;
position: static;
max-width: 600px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
}
.main-header-address__dropdown-items {
display: none; opacity: 0;
transition: opacity 0.3s ease; }
.main-header-address__dropdown-items.visible {
display: block; opacity: 1;
z-index: 1000;
}
.main-header-address__item-address {
cursor: pointer;
}
.command-tab .swiper-slide-duplicate {
display: none;
}
@media screen and (min-width: 991px) {
.video .thumb-wrap.--main {
position: relative;
cursor: pointer;
}
.--main.thumb-wrap::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/videos/play.png)
no-repeat;
background-size: contain;
transition: transform 0.3s ease;
}
.--main.thumb-wrap.playing::before {
display: none;
}
.--main.thumb-wrap:hover::before {
transform: translate(-50%, -50%) scale(1.3);
}
}
@media screen and (max-width: 991px) {
.services2-slider-wrap .swiper-pagination {
justify-content: center;
}
.section__container {
justify-content: center;
}
.smi_bg .span_12 {
padding: 0;
}
}
@media screen and (max-width: 576px) {
.banner1-title {
font-size: 22px !important;
}
.features__title,
.wp-block-heading {
font-size: 20px !important;
line-height: 120%;
}
.info1-banner {
padding: 15px !important;
}
.smi_bg p {
font-size: 12px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.smi_bg p {
font-size: 16px;
}
}
.testimonial-desc-popup {
top: 50% !important;
transform: translateY(-50%);
}
.atricles1__list-wrap .btn1-style2 {
margin-top: 30px;
}
.wpb_accordion_content {
max-height: 0; transition: max-height 0.5s ease-out; }
.wpb_accordion_content.open {
display: block; max-height: 500px; }
.ui-accordion-header-icon.open {
background: #fefefe
url(//polnyporyadok.belberry-dev.ru/wp-content/themes/belberry/assets/img/accordion-close.png) no-repeat
center center !important;
}
@media screen and (max-width: 991px) {
.step.step-1 .flex-container {
flex-wrap: wrap;
}
.why-img {
margin: 2rem auto 10rem auto !important;
}
}
@media screen and (min-width: 991px) {
.step.step-1 .flex-container {
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1001px) and (max-width: 1400px) {
#showHere {
padding-bottom: 120px;
}
.services2-slider-wrap .swiper-pagination2,
.banner-slider .swiper-pagination1 {
justify-content: center;
}
.banner-slider .swiper-pagination-style1 {
bottom: 100px;
}
}
@media screen and (min-width: 688px) and (max-width: 800px) {
.atricles1__col:nth-child(3) {
display: none;
}
}
@media screen and (min-width: 767px) and (max-width: 1198px) {
.clinics__items {
flex-wrap: wrap;
row-gap: 20px;
}
}
@media screen and (min-width: 767px) and (max-width: 1400px) {
.doctors-tabs {
max-width: none !important;
}
}
@media screen and (max-width: 560px) {
.why-img {
width: 100%;
height: auto;
min-height: 18rem;
border: 0.5rem solid #fff;
outline: 0.5rem solid #f2f8fb;
}
}
.video {
display: none !important;
}
.cosials-block {
margin: 3rem 0;
}
.cosials-block__content {
display: grid;
gap: 1.5rem;
}
.cosials-block__item {
padding: 2rem;
background: linear-gradient(103.38deg, #2399d2 0%, #3bc3f3 60.05%);
border-radius: 1rem;
overflow: hidden;
}
.cosials-block__item-title {
margin-bottom: 1rem;
font-size: 2rem;
color: #fff;
font-weight: 700;
}
.cosials-block__item-text {
display: grid;
margin-bottom: 1rem;
font-size: 1.25rem;
color: #fff;
font-weight: 600;
gap: 1rem;
}
.cosials-block__item-text span {
font-weight: 800;
}
.cosials-block__item-btns {
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.cosials-block__item-btns-item {
padding: 0.75rem 1.25rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
color: #212121;
font-weight: 700;
font-size: 1.25rem;
width: fit-content;
border-radius: 2rem;
background: #fff;
}
.cosials-block__item-btns-item:before {
content: '';
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.cosials-block__item-btns-item.--wa:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%2317c500' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3e%3c/svg%3e");
}
.cosials-block__item-btns-item.--vk:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%2340cdff' d='M31.5 63.5C0 95 0 145.7 0 247V265C0 366.3 0 417 31.5 448.5C63 480 113.7 480 215 480H233C334.3 480 385 480 416.5 448.5C448 417 448 366.3 448 265V247C448 145.7 448 95 416.5 63.5C385 32 334.3 32 233 32H215C113.7 32 63 32 31.5 63.5zM75.6 168.3H126.7C128.4 253.8 166.1 290 196 297.4V168.3H244.2V242C273.7 238.8 304.6 205.2 315.1 168.3H363.3C359.3 187.4 351.5 205.6 340.2 221.6C328.9 237.6 314.5 251.1 297.7 261.2C316.4 270.5 332.9 283.6 346.1 299.8C359.4 315.9 369 334.6 374.5 354.7H321.4C316.6 337.3 306.6 321.6 292.9 309.8C279.1 297.9 262.2 290.4 244.2 288.1V354.7H238.4C136.3 354.7 78 284.7 75.6 168.3z'/%3e%3c/svg%3e");
}
.cosials-block__item-btns-item.--tg:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3e%3cpath fill='%230eb6f1' d='M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z'/%3e%3c/svg%3e");
}
@media screen and (max-width: 991px) {
.cosials-block__item {
padding: 1.5rem;
}
.cosials-block__item-title {
font-size: 1.5rem;
line-height: 120%;
}
.cosials-block__item-text {
font-size: 0.875rem;
}
.cosials-block__item-btns {
gap: 0.5rem;
}
.cosials-block__item-btns-item {
width: 100%;
font-size: 1rem;
text-align: center;
}
.doctor-card .doctor-card-photo img {
max-height: 18rem;
}
}
@media (max-width: 479px) {
.doctor-card .doctor-card-photo img{
max-height: 31rem;
}
}