.page-section main *::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
.page-section main *:-moz-placeholder {
color: #666;
opacity: 1;
}
.page-section main *::-moz-placeholder {
color: #666;
opacity: 1;
}
.page-section main *:-ms-input-placeholder {
color: #666;
opacity: 1;
}
.page-section main * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-section main *:before,
.page-section main *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-template-page-blank-php #content,
.page-template-page-blank-php #page-wrap,
body,
html {
height: auto;
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
overflow-x: hidden;
margin: 0;
} .page-section main a {
text-decoration: none;
outline: none;
}
.page-section main a:hover {
color: #ffffff !important;
}
.feedback1 .feedback1-wrap .feedback1-tel:hover {
color: #3ac3f3 !important;
}
.page-section main img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
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;
} a.btn1 {
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;
}
a.btn1:hover {
color: #2173a4 !important;
background: #fff !important;
border: 2px solid #2173a4 !important;
}
.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;
}
.site-wrap {
overflow: hidden;
}
.page-section main .container {
margin: 0 auto;
position: relative;
padding: 0 15px;
width: 100%;
max-width: 1200px;
}
.breadcrumbs1 {
padding-top: 33px;
padding-bottom: 10px;
}
.breadcrumbs1-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;
}
.breadcrumbs1-list li {
margin-right: 1.5px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.breadcrumbs1-list li:after {
content: '>';
display: inline-block;
margin-left: 1.5px;
color: #3ac3f3;
}
.breadcrumbs1-list li:last-child {
margin-right: 0;
}
.breadcrumbs1-list li:last-child:after {
display: none;
}
.breadcrumbs1-list li a {
display: inline-block;
color: #000;
}
.banner1 {
padding-top: 21px;
padding-bottom: 40px;
overflow: hidden;
}
.banner1-container1 {
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/preview.jpg)
center/cover no-repeat;
-webkit-filter: drop-shadow(0px 10px 30px rgba(101, 193, 238, 0.2));
filter: drop-shadow(0px 10px 30px rgba(101, 193, 238, 0.2));
padding: 80px 96px 0 96px;
border-radius: 10px;
position: relative;
}
.banner1-text1 {
max-width: 435px;
width: 100%;
}
.banner1-text1 h2 {
font-family: 'ProximaNova';
}
.banner1-text1 b {
display: block;
letter-spacing: 0.02em;
font-weight: 400;
font-size: 14px;
color: #000;
text-transform: uppercase;
margin-bottom: 15px;
}
.banner1-text1 b i {
font-style: normal;
color: #2173a4;
}
.banner1-text1 p {
letter-spacing: 0.02em;
font-size: 14px;
line-height: 21px;
color: #454545;
font-family: 'Open Sans', sans-serif;
margin-bottom: 23px;
}
.banner1-title {
font-size: 28px;
line-height: 34px;
color: #3ac3f3;
letter-spacing: 0.04em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 16px;
}
.banner1-img-wrap1 {
position: absolute;
top: 34px;
right: 149px;
width: 376px;
}
.banner1-text2 {
position: absolute;
bottom: 27px;
right: 39px;
}
.banner1-text2 b {
display: inline-block;
color: #2173a4;
letter-spacing: 0.02em;
font-weight: 900;
font-size: 25px;
background-color: #454545;
padding: 11px 30.5px;
}
.banner1-img1 {
position: absolute;
top: -342px;
left: -395px;
width: 667px;
pointer-events: none;
}
.banner1-container2 {
-webkit-box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
background-color: #fff;
padding: 6px 7px 11px 7px;
border-radius: 16px;
position: relative;
top: 48px;
margin-top: 27px;
max-width: 972px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.banner1-wrap1 {
-webkit-box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
border-radius: 16px;
background-color: #fff;
padding: 24px 70px 33px 34px;
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;
}
.banner1-wrap1 h3 {
max-width: 230px;
width: 100%;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.02em;
font-weight: 700;
text-transform: uppercase;
margin-top: 20px;
color: #000;
}
.banner1-wrap1 h3 b {
font-weight: 700;
color: #2173a4;
}
.banner1-list {
max-width: 507px;
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;
}
.banner1-item {
position: relative;
padding-left: 80px;
max-width: 222px;
width: 100%;
}
.banner1-item p {
color: #454545;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.02em;
}
.banner1-item p b {
color: #3ac3f3;
font-weight: 700;
}
.banner1-item-img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.banner1-link-wrap {
margin-top: 111px;
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;
}
.banner1-link-wrap a {
display: inline-block;
color: #3ac3f3;
font-size: 15px;
letter-spacing: 0.02em;
border: 2px solid #3ac3f3;
border-radius: 6px;
padding: 13px 17px;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.info1 {
padding-top: 67px;
padding-bottom: 100px;
}
.info1-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;
}
.info1-wrap1 {
width: 54%;
}
.info1-text1 {
margin-bottom: 77px;
}
.info1-text1 i {
display: block;
color: #626161;
letter-spacing: 0.02em;
font-weight: 700;
font-size: 24px;
line-height: 36px;
font-style: normal;
max-width: 506px;
width: 100%;
}
.info1-text1 span {
display: block;
color: #2173a4;
letter-spacing: 0.02em;
font-weight: 700;
font-size: 24px;
line-height: 36px;
font-style: normal;
margin-bottom: 47px;
}
.info1-text1 b {
display: block;
color: #3ac3f3;
font-weight: 900;
font-size: 33px;
line-height: 40px;
letter-spacing: 0.02em;
margin-bottom: 15px;
}
.info1-text1 p {
color: #585858;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.02em;
margin-bottom: 29px;
}
.info1-btn1 {
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 21px;
max-width: 362px;
width: 100%;
padding: 28.5px 10px;
border-bottom: 4px solid #2399d2;
text-align: center;
border-radius: 7px;
}
.info1-btn2 {
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 17px;
max-width: 397px;
width: 100%;
padding: 23px 10px;
border-bottom: 4px solid #2399d2;
text-align: center;
border-radius: 6px;
}
.info1-text2 h2 {
color: #3ac3f3;
font-size: 33px;
font-weight: 900;
letter-spacing: 0.02em;
margin-bottom: 23px;
}
.info1-text2 span {
max-width: 465px;
width: 100%;
display: block;
color: #585858;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.02em;
margin-bottom: 28px;
}
.info1-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: center;
-ms-flex-align: center;
align-items: center;
margin-top: -33px;
margin-bottom: 47px;
max-width: 490px;
width: 100%;
}
.info1-item {
width: 49.5%;
margin-top: 33px;
padding-left: 51px;
position: relative;
color: #736d6d;
font-size: 14px;
line-height: 17px;
}
.info1-item i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 38px;
height: 38px;
}
.info1-item i:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
height: 2px;
background-color: #3ac3f3;
}
.info1-item i:before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 2px;
background-color: #3ac3f3;
}
.info1-plus {
background-color: #2173a4;
padding: 15px 25px 12px 68px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
color: #fff;
font-weight: 700;
position: relative;
max-width: 510px;
width: 100%;
margin-left: -18px;
margin-bottom: 54px;
}
.info1-plus i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 25px;
width: 31px;
height: 31px;
}
.info1-plus i:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
height: 2px;
background-color: #fff;
}
.info1-plus i:before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 2px;
background-color: #fff;
}
.info1-minus {
font-size: 18px;
line-height: 22px;
letter-spacing: 0.02em;
color: #000;
margin-bottom: 48px;
padding-left: 72px;
max-width: 372px;
width: 100%;
position: relative;
}
.info1-minus:after {
content: '';
position: absolute;
top: 22px;
left: 8px;
width: 42px;
height: 2px;
background-color: #e76c6c;
}
.info1-minus a {
color: #3ac3f3;
text-decoration: underline;
}
.info1-wrap2 {
width: 45.6%;
}
.info1-banner {
border-radius: 6px;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#3ac3f3),
to(#3ac3f3)
),
-webkit-gradient(linear, left bottom, left top, from(#3ac3f3), to(#3ac3f3)),
#3ac3f3;
background: linear-gradient(0deg, #3ac3f3, #3ac3f3),
linear-gradient(0deg, #3ac3f3, #3ac3f3), #3ac3f3;
-webkit-filter: drop-shadow(0px 8px 20px rgba(101, 193, 238, 0.25));
filter: drop-shadow(0px 8px 20px rgba(101, 193, 238, 0.25));
margin-bottom: 43px;
padding: 78px 30px 105px 30px;
}
.info1-banner h3 {
color: #ffffff;
font-weight: 800;
letter-spacing: 0.02em;
font-size: 40px;
line-height: 40px;
margin-bottom: 40px;
text-transform: none;
}
.info1-banner span {
display: block;
max-width: 325px;
width: 100%;
font-size: 24px;
line-height: 34px;
color: #fff;
letter-spacing: 0.02em;
margin-bottom: 57px;
}
.info1-banner h4 {
font-size: 32px;
line-height: 39px;
font-weight: 700;
letter-spacing: 0.02em;
color: #fff;
text-transform: uppercase;
margin-bottom: 31px;
}
.info1-price {
margin-bottom: 50px;
position: relative;
display: inline-block;
}
.info1-price b {
display: inline-block;
color: #ffffff;
font-size: 39px;
letter-spacing: 0.02em;
font-weight: 800;
background-color: #454545;
padding: 17px 30px;
margin-left: -30px;
}
.info1-img {
position: absolute;
width: 582px;
top: -253px;
right: -349px;
pointer-events: none;
}
.info1-form {
max-width: 348px;
width: 100%;
position: relative;
}
.info1-form button {
position: absolute;
top: 4px;
bottom: 4px;
right: 7px;
width: 56px !important;
border-radius: 50% !important;
border: none !important;
background: #2173a4 url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/arrow1.svg)
center no-repeat !important;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.info1-video {
display: block;
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/info1-video-bg.jpg)
center/cover no-repeat;
-webkit-filter: drop-shadow(0px 6px 30px rgba(101, 193, 238, 0.25));
filter: drop-shadow(0px 6px 30px rgba(101, 193, 238, 0.25));
border-radius: 10px;
}
.info1-video-wrap1 {
padding: 55px 20px;
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;
}
.info1-video-btn {
width: 192px;
height: 192px;
border-radius: 50%;
border: 1px solid rgba(101, 193, 238, 0.4);
position: relative;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.info1-video-btn i:nth-child(1) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 154px;
height: 154px;
border: 1px solid rgba(101, 193, 238, 0.8);
border-radius: 50%;
}
.info1-video-btn i:nth-child(2) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 124px;
height: 124px;
border: 1px solid #3ac3f3;
border-radius: 50%;
}
.info1-video-btn i:nth-child(3) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 94px;
height: 94px;
background-color: #3ac3f3;
border-radius: 50%;
}
.info1-video-btn i:nth-child(4) {
position: absolute;
top: 50%;
left: 52%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 0;
height: 0;
border-top: 14px solid transparent;
border-left: 24px solid #2173a4;
border-bottom: 14px solid transparent;
}
.info1-video-wrap2 {
border-radius: 0 0 10px 10px;
background-color: #3ac3f3;
padding: 23px 20px;
text-align: center;
}
.info1-video-wrap2 span {
display: block;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.02em;
font-weight: 700;
color: #fff;
}
.info1-video-wrap2 span b {
display: block;
font-weight: 700;
color: #2173a4;
}
.installation1 {
padding-top: 101px;
padding-bottom: 40px;
}
.installation1-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;
}
.installation1-wrap1 {
width: 48%;
}
.installation1-wrap1 h2 {
font-family: 'ProximaNova', sans-serif;
font-size: 33px;
line-height: 40px;
letter-spacing: 0.02em;
font-weight: 700;
color: #3ac3f3;
margin-bottom: 45px;
}
.installation1-item {
margin-bottom: 40px;
}
.installation1-item:last-child {
margin-bottom: 0;
}
.installation1-item h3 {
color: #404040;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 10px;
}
.installation1-item p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666;
margin-bottom: 18px;
}
.installation1-item p:last-child {
margin-bottom: 0;
}
.installation1-wrap2 {
width: 45%;
margin-top: 8px;
}
.installation1-img-wrap {
margin-bottom: 49px;
}
.installation1-img {
padding-top: 61.5%;
border-radius: 6px;
}
.installation1-feedback {
background-color: #3ac3f3;
border-radius: 6px;
padding: 55px 30px 65px 54px;
}
.installation1-feedback b {
display: block;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.02em;
color: #fff;
font-weight: 700;
text-transform: uppercase;
max-width: 320px;
width: 100%;
margin-bottom: 11px;
}
.installation1-feedback span {
display: block;
font-size: 24px;
letter-spacing: 0.02em;
color: #fff;
margin-bottom: 20px;
}
.installation1-form {
max-width: 274px;
width: 100%;
position: relative;
}
.installation1-form button {
position: absolute;
top: 3px;
bottom: 3px;
right: 6px;
width: 60px !important;
height: 60px !important;
border-radius: 50% !important;
border: none !important;
background: #2173a4 url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/arrow1.svg)
center/23px no-repeat !important;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.installation1-form .input1 {
font-size: 19px !important;
padding: 19.5px 90px !important;
padding-left: 30px !important;
}
.installation1-form .input1::-webkit-input-placeholder {
font-size: 16px;
}
.installation1-form .input1:-ms-input-placeholder {
font-size: 16px;
}
.installation1-form .input1::-ms-input-placeholder {
font-size: 16px;
}
.installation1-form .input1::placeholder {
font-size: 16px;
}
.installation1-wrap3 {
width: 100%;
margin-top: 34px;
}
.stages1 {
padding-top: 29px;
padding-bottom: 35px;
}
.stages1 h2 {
font-size: 33px;
font-weight: 700;
color: #3ac3f3;
letter-spacing: 0.02em;
margin-bottom: 33px;
}
.stages1-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: -69px;
}
.stages1-item {
width: 49.6%;
margin-top: 69px;
}
.stages1-item:last-child {
margin-top: 30px;
}
.stages1-item p {
font-size: 16px;
line-height: 24px;
color: #666;
letter-spacing: 0.02em;
max-width: 530px;
width: 100%;
margin-bottom: 24px;
}
.stages1-item p:last-child {
margin-bottom: 0;
}
.stages1-item h3 {
font-family: 'ProximaNova', sans-serif;
text-align: right;
color: #3ac3f3;
font-weight: 800;
font-size: 36px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.stages1-item-wrap {
border-radius: 6px;
background-color: #3ac3f3;
padding: 46px 20px 54px 62px;
margin-top: -14px;
}
.stages1-item-wrap b {
display: block;
max-width: 280px;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
letter-spacing: 0.02em;
margin-bottom: 20px;
}
.stages1-item-wrap span {
display: block;
font-size: 16px;
line-height: 22px;
color: #fffbfb;
letter-spacing: 0.02em;
}
.stages1-item-title {
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: 31px;
}
.stages1-item-title b {
width: 32.5%;
font-size: 35px;
line-height: 43px;
color: #2173a4;
letter-spacing: 0.02em;
font-weight: 700;
padding-right: 15px;
position: relative;
}
.stages1-item-title b:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
height: 80px;
width: 2px;
opacity: 0.1;
background-color: #000;
}
.stages1-item-title span {
width: 67.5%;
font-size: 27px;
line-height: 33px;
color: #484848;
font-weight: 600;
letter-spacing: 0.02em;
padding-left: 34px;
padding-right: 10px;
}
.duties1 {
padding-top: 34px;
padding-bottom: 50px;
}
.duties1 h2 {
font-family: 'ProximaNova', sans-serif;
max-width: 700px;
width: 100%;
color: #3ac3f3;
font-weight: 900;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.02em;
margin-bottom: 61px;
}
.duties1-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;
max-width: 1142px;
width: 100%;
margin-top: -25px;
}
.duties1-item {
width: 48.7%;
position: relative;
-webkit-box-shadow: 0px 0px 40px rgba(35, 153, 210, 0.35);
box-shadow: 0px 0px 40px rgba(35, 153, 210, 0.35);
border-radius: 6px;
background-color: #fff;
padding: 131px 50px 105px 183px;
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.duties1-item i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 65px;
color: #2173a4;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 144px;
line-height: 1;
font-style: normal;
}
.duties1-item p {
font-size: 24px;
line-height: 29px;
color: #646464;
letter-spacing: 0.02em;
}
.duties1-item p b {
font-weight: 700;
}
.examples1 {
padding-top: 50px;
padding-bottom: 50px;
}
.examples1 h2 {
font-family: 'ProximaNova', sans-serif;
max-width: 500px;
width: 100%;
color: #3ac3f3;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.02em;
font-weight: 900;
margin-bottom: 31px;
}
.examples1-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;
}
.examples1-wrap .tab_list {
max-width: 181px;
width: 100%;
}
.examples1-wrap .tab_list li {
margin-bottom: 26px;
}
.examples1-wrap .tab_list li:last-child {
margin-bottom: 0;
}
.examples1-wrap .tab_list a {
display: block;
height: 110px;
border-radius: 6px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.examples1-wrap .tab_list a.active {
opacity: 0.7;
}
.examples1-tabs {
width: calc(100% - 282px);
}
.examples1-tab {
display: none;
}
.examples1-tab:first-child {
display: block;
}
.examples1-img {
height: 518px;
border-radius: 6px;
}
.advantages1 {
padding-top: 83px;
padding-bottom: 50px;
}
.advantages1-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;
}
.advantages1-wrap1 {
width: 50%;
}
.advantages1-wrap1 h2 {
font-family: 'ProximaNova', sans-serif;
color: #3ac3f3;
font-weight: 900;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.02em;
margin-bottom: 137px;
}
.advantages1-list {
counter-reset: myCounter;
}
.advantages1-item {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 75px 76px 65px 40px;
position: relative;
margin-bottom: 178px;
}
.advantages1-item:last-child {
margin-bottom: 0;
}
.advantages1-item:nth-child(1) .advantages1-item-img {
width: 145px;
height: 145px;
}
.advantages1-item b {
position: absolute;
bottom: 0;
right: 0;
background-color: #dff2fc;
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;
width: 69px;
height: 73px;
font-size: 36px;
color: #3ac3f3;
font-weight: 700;
}
.advantages1-item b:after {
counter-increment: myCounter;
content: counter(myCounter);
}
.advantages1-item:first-child .advantages-item-img {
width: 145px;
height: 145px;
}
.advantages1-item h3 {
font-family: 'ProximaNova', sans-serif;
font-size: 36px;
line-height: 44px;
letter-spacing: 0.02em;
font-weight: 700;
margin-bottom: 15px;
max-width: 360px;
width: 100%;
}
.advantages1-item p {
font-size: 18px;
line-height: 27px;
letter-spacing: 0.02em;
margin-bottom: 27px;
}
.advantages1-item p:last-child {
margin-bottom: 0;
}
.advantages1-item-img {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
width: 198px;
height: 198px;
border: 1px solid #3ac3f3;
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;
}
.advantages1-wrap2 {
width: 45%;
margin-top: 72px;
}
.advantages1-banner1 {
border-radius: 6px;
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/advantages-banner1.jpg)
center/cover no-repeat;
-webkit-filter: drop-shadow(0px 8px 20px rgba(101, 193, 238, 0.25));
filter: drop-shadow(0px 8px 20px rgba(101, 193, 238, 0.25));
margin-bottom: 72px;
padding: 335px 30px 105px 30px;
}
.advantages1-banner1 h3 {
font-family: 'ProximaNova', sans-serif;
color: #2173a4;
font-weight: 800;
letter-spacing: 0.02em;
font-size: 40px;
line-height: 40px;
margin-bottom: 41px;
}
.advantages1-banner1 span {
display: block;
max-width: 345px;
width: 100%;
font-size: 24px;
line-height: 34px;
color: #fff;
letter-spacing: 0.02em;
font-family: 'Open Sans', sans-serif;
margin-bottom: 49px;
}
.advantages1-banner1 h4 {
font-family: 'ProximaNova', sans-serif;
font-size: 32px;
line-height: 39px;
font-weight: 700;
letter-spacing: 0.02em;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
}
.advantages1-price {
margin-bottom: 50px;
display: inline-block;
position: relative;
}
.advantages1-price b {
display: inline-block;
color: #2173a4;
font-size: 39px;
letter-spacing: 0.02em;
font-weight: 800;
background-color: #454545;
padding: 17px 30px;
margin-left: -30px;
}
.advantages1-img {
position: absolute;
width: 582px;
top: -253px;
right: -350px;
pointer-events: none;
}
.advantages1-form {
max-width: 348px;
width: 100%;
position: relative;
}
.advantages1-form button {
position: absolute;
top: 4px;
bottom: 4px;
right: 7px;
width: 54px !important;
border-radius: 50% !important;
background: #2173a4 url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/arrow1.svg)
center no-repeat !important;
border: none !important;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.advantages1-banner2 {
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/advantages-banner2.jpg)
center/cover no-repeat;
border-radius: 6px;
padding: 85px 85px 443px 32px;
}
.advantages1-banner2-text1 {
color: #3ac3f3;
font-size: 36px;
line-height: 43px;
font-weight: 900;
letter-spacing: 0.02em;
margin-bottom: 10px;
}
.advantages1-banner2-text2 {
font-size: 32px;
letter-spacing: 0.02em;
margin-bottom: 11px;
}
.advantages1-banner2-text3 {
font-size: 24px;
line-height: 36px;
font-weight: 250;
letter-spacing: 0.02em;
margin-bottom: 9px;
}
.advantages1-banner2-text3 b {
font-weight: 700;
}
.advantages1-banner2-text3 i {
font-style: normal;
color: #2173a4;
font-weight: 700;
}
.advantages1-banner2-text4 {
font-size: 24px;
font-weight: 250;
letter-spacing: 0.02em;
margin-bottom: 20px;
}
.guarantee1 {
padding-top: 77px;
padding-bottom: 50px;
}
.guarantee1 h2 {
text-align: center;
font-size: 36px;
line-height: 54px;
letter-spacing: 0.02em;
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.guarantee1 b {
display: block;
text-align: center;
font-size: 144px;
line-height: 1;
font-weight: 900;
letter-spacing: 0.02em;
color: #3ac3f3;
margin-bottom: 29px;
}
.guarantee1 .btn1 {
display: block;
max-width: 274px;
width: 100%;
font-size: 18px;
margin-left: auto;
margin-right: auto;
text-align: center;
border-bottom: 3px solid #2399d2;
border-radius: 6px;
padding: 24.5px 10px;
}
.guarantee1 .btn1:hover {
color: #fff;
opacity: 0.7;
}
.questions1 {
padding-top: 70px;
padding-bottom: 70px;
}
.questions1 h2,
.features__title {
font-family: 'ProximaNova', sans-serif;
text-align: center;
max-width: 970px;
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 36px;
line-height: 44px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.02em;
margin-bottom: 79px;
}
.questions1 h2 b,
.features__title--blue {
color: #3ac3f3;
font-weight: 900;
font-size: 48px;
}
.questions1-list {
max-width: 970px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.features__title {
margin-bottom: 10px;
color: #444;
}
.features__title--blue {
color: #3bc3f3;
margin-bottom: 60px;
}
.questions1-item {
padding: 21px 30px 15px 42px;
background-color: #d5f1ff;
-webkit-box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
box-shadow: 0px 15px 40px rgba(101, 193, 238, 0.15);
border-radius: 6px;
border: 1px solid rgba(101, 193, 238, 0.1);
position: relative;
margin-bottom: 36px;
}
.questions1-item:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 5px;
background-color: #3ac3f3;
border-radius: 300px;
}
.questions1-item:last-child {
margin-bottom: 0;
}
.questions1-item h3,
.features__subtitle {
font-weight: 700;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.02em;
max-width: 700px;
width: 100%;
margin-bottom: 15px;
color: #444;
}
.questions1-item p,
.questions1 p {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02em;
max-width: 795px;
width: 100%;
margin-bottom: 27px;
}
.questions1 ul li {
margin-bottom: 10px;
padding: 5px 20px 5px 40px;
border-radius: 3px;
color: #000;
position: relative;
}
.questions1 ul li::before {
content: '';
display: block;
position: absolute;
width: 20px;
height: 2px;
background: #3bc3f3;
left: 0;
top: 14px;
}
.questions1-item p:last-child {
margin-bottom: 0;
}
.feedback1 {
padding-top: 91px;
padding-bottom: 113px;
background: url(//xn--d1ajebkedbcem2k7b.xn--p1ai/wp-content/themes/belberry/assets/img/feedback-bg.jpg)
center/cover no-repeat;
}
.feedback1-wrap {
max-width: 500px;
width: 100%;
margin-left: auto;
}
.feedback1-wrap b {
display: block;
font-size: 31px;
line-height: 37px;
letter-spacing: 0.02em;
color: #000;
font-weight: 900;
margin-bottom: 19px;
}
.feedback1-wrap b a {
color: #000;
text-transform: uppercase;
text-decoration: underline;
}
.feedback1-wrap span {
display: block;
font-size: 21px;
color: #000;
letter-spacing: 0.02em;
margin-bottom: 18px;
}
.feedback1-wrap i {
display: block;
font-size: 15px;
line-height: 19px;
color: #000;
letter-spacing: 0.02em;
font-style: normal;
max-width: 295px;
width: 100%;
margin-bottom: 28px;
}
.feedback1-tel {
display: inline-block;
color: #3ac3f3;
font-size: 53px;
letter-spacing: 0.02em;
font-weight: 900;
margin-bottom: 15px;
}
.feedback1-form {
max-width: 492px;
width: 100%;
position: relative;
}
.feedback1-form .input1 {
padding: 29.5px 280px;
font-size: 18px;
padding-left: 26px;
}
.feedback1-form .input1::-webkit-input-placeholder {
font-size: 18px;
}
.feedback1-form .input1:-ms-input-placeholder {
font-size: 18px;
}
.feedback1-form .input1::-ms-input-placeholder {
font-size: 18px;
}
.feedback1-form .input1::placeholder {
font-size: 18px;
}
.feedback1-form button {
position: absolute;
top: 7px;
bottom: 7px;
right: 11px;
font-family: 'ProximaNova', sans-serif;
font-size: 14px;
color: #fff !important;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 700;
background-color: #3bc3f3 !important;
border-radius: 300px !important;
border: none !important;
padding: 5px 22px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.input1 {
display: block !important;
width: 100% !important;
font-size: 24px !important;
letter-spacing: 0.02em !important;
line-height: 1.4 !important;
font-family: 'ProximaNova', sans-serif !important;
font-weight: 400 !important;
color: #888888 !important;
outline: none !important;
padding: 25.5px 90px !important;
padding-left: 36px !important;
border: none !important;
border-radius: 300px !important;
}
.input1::-webkit-input-placeholder {
font-size: 16px;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
color: #888888;
}
.input1:-ms-input-placeholder {
font-size: 16px;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
color: #888888;
}
.input1::-ms-input-placeholder {
font-size: 16px;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
color: #888888;
}
.input1::placeholder {
font-size: 16px;
line-height: 1.4;
font-family: 'ProximaNova', sans-serif;
font-weight: 400;
color: #888888;
}
.no-touch .breadcrumbs1-list li a:hover {
text-decoration: underline;
}
.no-touch .info1-minus a:hover,
.no-touch .feedback1-wrap b a:hover {
text-decoration: none;
}
.info1-form button:hover,
.info1-video:hover .info1-video-btn,
.installation1-form button:hover,
.examples1-wrap .tab_list a:hover,
.advantages1-form button:hover,
.feedback1-form button:hover {
opacity: 0.7 !important;
}
.btn1:hover {
opacity: 1 !important;
background-color: #2399d2;
color: #fff !important;
border-bottom: 3px solid transparent !important;
}
.no-touch .banner1-link-wrap a:hover {
background-color: #3ac3f3;
color: #fff;
}
@media only screen and (max-width: 1200px) {
.banner1-link-wrap a {
padding: 13px 10px;
}
}
@media only screen and (max-width: 1150px) {
.examples1-tabs {
width: calc(100% - 200px);
}
}
@media only screen and (max-width: 1100px) {
.banner1-container1 {
padding: 30px 30px 0 30px;
}
.banner1-img-wrap1 {
right: 30px;
}
.banner1-container2 {
max-width: none;
}
.banner1-wrap1 {
padding: 30px 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner1-wrap1 h3 {
margin-top: 0;
}
.info1-wrap1,
.info1-wrap2,
.advantages1-wrap1,
.advantages1-wrap2 {
width: 49%;
}
}
@media only screen and (max-width: 1050px) {
.banner1-link-wrap a {
width: 32%;
padding: 13px 5px;
text-align: center;
margin-top: 10px;
}
.banner1-link-wrap {
margin-top: 70px;
}
.info1-container,
.advantages1-container {
max-width: 600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.info1-wrap1,
.info1-wrap2,
.advantages1-wrap1,
.advantages1-wrap2 {
width: 100%;
}
.info1-text1 span,
.info1-text1,
.info1-wrap1,
.installation1-wrap1 h2,
.installation1-item {
margin-bottom: 20px;
}
.installation1-container {
max-width: 600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.installation1-wrap1 {
width: 100%;
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
}
.installation1-wrap3 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.installation1-wrap2 {
margin-top: 20px;
width: 100%;
}
.installation1-wrap3 {
margin-top: 20px;
}
}
@media only screen and (max-width: 1000px) {
.stages1-item-title b {
font-size: 27px;
line-height: 1.2;
}
.stages1-item-title span {
font-size: 23px;
line-height: 1.3;
}
.duties1-item {
padding: 30px;
padding-left: 100px;
}
.duties1-item i {
left: 15px;
font-size: 80px;
}
.duties1-item p {
font-size: 18px;
line-height: 1.4;
}
.examples1-wrap {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.examples1-img {
padding-top: 72%;
height: auto;
}
.examples1-tabs {
width: 100%;
margin-bottom: 20px;
}
.examples1-wrap .tab_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;
max-width: none;
margin-top: -15px;
}
.examples1-wrap .tab_list li {
margin: 0;
width: 24%;
margin-top: 15px;
}
.examples1-wrap .tab_list a {
padding-top: 53%;
height: auto;
}
}
@media only screen and (max-width: 950px) {
.breadcrumbs1 {
padding: 10px 0;
}
.banner1 {
padding-top: 0;
padding-bottom: 30px;
}
.info1,
.installation1,
.stages1,
.duties1,
.examples1,
.advantages1,
.guarantee1,
.questions1 {
padding-top: 30px;
padding-bottom: 30px;
}
.banner1-list {
max-width: 450px;
}
.banner1-container1 {
padding: 15px;
padding-top: 30px;
}
.banner1-img-wrap1 {
position: relative;
top: auto;
right: auto;
}
.banner1-container1 {
margin-left: -15px;
margin-right: -15px;
}
.banner1-img-wrap1 {
margin-left: auto;
margin-right: auto;
}
.banner1-text1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.feedback1 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media only screen and (max-width: 900px) {
.feedback1-wrap {
margin-left: auto;
margin-right: auto;
}
.feedback1-wrap b {
font-size: 25px;
line-height: 1.3;
}
.feedback1-tel {
font-size: 32px;
}
}
@media only screen and (max-width: 800px) {
.banner1-container2 {
padding: 0;
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.banner1-link-wrap a {
width: 48%;
}
.stages1-item,
.stages1-item:last-child {
width: 100%;
margin-top: 30px;
}
.stages1-list {
margin-top: -30px;
}
.stages1-item p {
max-width: none;
}
.stages1-item-wrap {
padding: 30px 15px;
}
.guarantee1 h2 {
font-size: 27px;
line-height: 1.3;
}
.guarantee1 b {
font-size: 80px;
}
}
@media only screen and (max-width: 750px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
.banner1-wrap1 h3 {
max-width: none;
text-align: center;
margin-bottom: 25px;
}
.banner1-list {
margin-left: auto;
margin-right: auto;
}
.banner1-wrap1 {
padding: 30px 10px;
}
}
@media only screen and (max-width: 700px) {
.duties1-item {
width: 100%;
}
.advantages1-item-img,
.advantages1-item:nth-child(1) .advantages1-item-img {
width: 100px;
height: 100px;
padding: 20px;
}
.advantages1-item,
.advantages1-item:nth-child(2),
.advantages1-item:nth-child(3) {
padding: 30px;
padding-top: 60px;
padding-bottom: 80px;
padding-left: 15px;
}
.advantages1-item {
margin-bottom: 80px;
}
.advantages1-item h3,
.advantages1-item:nth-child(3) h3 {
font-size: 25px;
line-height: 1.3;
}
}
@media only screen and (max-width: 550px) {
.banner1-list {
max-width: 300px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner1-item {
margin-bottom: 20px;
}
.banner1-item:last-child {
margin-bottom: 0;
}
.banner1-link-wrap a {
width: 100%;
}
.info1-img {
display: none;
}
.info1-text1 b,
.info1-text2 h2,
.info1-banner h3,
.info1-banner h4,
.info1-price b,
.installation1-wrap1 h2,
.duties1 h2,
.examples1 h2,
.advantages1-wrap1 h2 {
font-size: 27px;
line-height: 1.3;
}
.info1-banner {
padding: 30px 15px;
}
.info1-banner h3,
.info1-price,
.info1-banner span {
margin-bottom: 20px;
}
.info1-price b {
margin-left: -15px;
}
.info1-btn1 {
padding: 15px 10px;
}
.input1,
.installation1-form .input1,
.feedback1-form .input1 {
font-size: 17px !important;
padding: 15px 64px !important;
padding-left: 30px !important;
}
.input1::-webkit-input-placeholder,
.installation1-form .input1::-webkit-input-placeholder,
.feedback1-form .input1::-webkit-input-placeholder {
font-size: 17px !important;
}
.input1:-ms-input-placeholder,
.installation1-form .input1:-ms-input-placeholder,
.feedback1-form .input1:-ms-input-placeholder {
font-size: 17px !important;
}
.input1::-ms-input-placeholder,
.installation1-form .input1::-ms-input-placeholder,
.feedback1-form .input1::-ms-input-placeholder {
font-size: 17px !important;
}
.input1::placeholder,
.installation1-form .input1::placeholder,
.feedback1-form .input1::placeholder {
font-size: 17px !important;
}
.info1-form button {
width: 45px;
background-size: 22px;
}
.installation1-form button,
.advantages1-form button {
width: 47px;
background-size: 22px;
}
.installation1-feedback {
padding: 30px 15px;
}
.duties1 h2 {
margin-bottom: 30px;
}
.advantages1-img {
display: none;
}
.advantages1-banner1 {
background-position: top center;
padding: 190px 10px 40px 10px;
}
.advantages1-banner2 {
padding: 30px 10px;
padding-bottom: 300px;
}
.advantages1-banner1 h3,
.advantages1-banner1 h4 {
margin-bottom: 20px;
font-size: 27px;
line-height: 1.3;
}
.advantages1-price b {
margin-left: -10px;
}
.advantages1-price b {
font-size: 27px;
}
.advantages1-price {
margin-bottom: 20px;
}
.advantages1-banner1 span {
margin-bottom: 20px;
}
.advantages1-banner2-text1,
.advantages1-banner2-text2,
.questions1 h2 {
font-size: 27px;
line-height: 1.3;
}
.questions1 h2 b {
font-size: 33px;
}
.questions1 h2 {
margin-bottom: 30px;
}
.questions1-item {
padding: 30px 10px;
padding-left: 20px;
margin-bottom: 15px;
}
.feedback1-form button {
display: block;
width: 100%;
position: static;
padding: 19px 15px;
margin-top: 15px;
}
}
@media only screen and (max-width: 500px) {
.banner1-img-wrap1 {
width: 300px;
}
.banner1-img1 {
display: none;
}
.banner1-text2 {
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.banner1-text2 b {
display: block;
text-align: center;
padding: 11px 10px;
}
.stages1-item-title b,
.stages1-item-title span {
width: 100%;
text-align: center;
padding: 0;
}
.stages1-item-title span {
margin-top: 15px;
}
.stages1-item-title b:after {
display: none;
}
.examples1-wrap .tab_list li {
width: 32%;
}
.guarantee1 h2 {
font-size: 24px;
}
.guarantee1 b {
font-size: 50px;
}
.questions1-item p {
font-size: 16px;
line-height: 1.4;
}
}
#loader_1,
#loader_2,
#loader_3,
#loader_4,
#loader_5 {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}