html, body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
text-align: left;
color: #000;
background-color: #fff;
}
a {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: #D3000E;
text-decoration: none;
cursor: pointer;
}
a:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #000;
font-family: inherit;
font-weight: 700;
line-height: normal;
}
* {
padding: 0;
margin: 0;
}
figure {
display: block;
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
ol, ul {
margin: 15px 0;
padding: 0 0 0 30px;
}
li {
margin: 0;
padding: 0 0 0 10px;
}
p {
margin: 0 0 30px;
} html {
scroll-behavior: smooth;
}
.preloader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background: #111;
}
.preloader img {
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loaded-hiding .preloader {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 0;
}
.loaded .preloader {
display: none;
}
.site-header {
position: fixed;
z-index: 67;
top: 0;
left: 0;
width: 100%;
height: 70px;
background: #fff;
}
.site-header .r {
height: 70px;
}
.admin-bar .site-header {
top: 32px;
}
.branding {
padding-right: 0;
color: #3a343a;
display: flex;
align-items: center;
text-decoration: none;
}
.branding:hover {
color: #D3000E;
text-decoration: none;
}
.logo {
max-width: 82px;
}
.branding:hover .st2, .branding:hover .st5 {
transition: all .2s;
fill: #ffd9f5;
}
.branding:hover .book {
transform: rotateZ(1deg);
transition: all .2s;
}
.branding:hover .hands {
transform: rotateX(10deg);
transition: all .1s;
}
.branding:hover .hands2 {
transform: rotateX(-20deg);
transition: all .1s;
}
.branding:hover .eyes {
transform: rotateZ(-2deg);
transition: all .3s;
}
.branding .name, .branding .slogan {
display: block;
font-weight: 700;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
margin-left: 10px;
}
.branding .name {
font-size: 20px;
}
.site-header .buttons {
justify-content: flex-end;
display: flex;
align-items: center;
padding-left: 0;
}
.site-header .phone {
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
color: #009247;
border-bottom: 1px dashed;
}
.site-header .login {
margin: 0 0 0 30px;
background: #f6f6f6;
border: 1px solid #D3000E;
color: #D3000E;
padding: 5px 10px;
font-size: 12px;
box-shadow: -10px -10px 10px #FAFBFF, 3px 3px 5px #D8D8D8;
}
.site-header .login:hover {
color: #D3000E;
}
.site-header .login:hover {
color: #009247;
transition: all .2s;
border: 1px solid rgb(0 146 71);
box-shadow: inherit;
}
.site-header .login:focus {
color: #009247;
border: 1px solid rgb(0 146 71);
box-shadow: inherit;
opacity: .7;
outline: none;
}
.footer {
padding: 50px 0 90px;
color: #c8c3c2;
background-color: #000;
position: relative;
z-index: 2;
text-align: center;
}
.footer .logo {
width: 300px;
max-width: 300px;
margin: auto;
}
.footer .r {
align-items: flex-start;
}
.footer .branding {
padding: 0 0 50px;
}
.footer-up a {
font-size: 14px;
line-height: 21px;
text-decoration: none;
}
.footer-bottom {
padding: 0 0 55px;
color: rgb(255, 255, 255);
opacity: .7;
}
.footer-bottom a {
color: rgb(255, 255, 255);
text-decoration: none;
}
.footer .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
list-style: none;
padding: 40px 0 30px;
margin: 0;
}
.footer .menu li {
padding: 20px 15px;
}
.footer .menu a {
color: #fff;
text-transform: uppercase;
padding: 5px 0;
font-weight: 600;
}
.footer a:hover {
opacity: .85;
}
.footer .socials {
margin: 0 0 15px;
}
.footer .socials a {
display: inline-block;
margin: 15px 7px 0;
}
.footer .socials .icon.svg {
width: 20px;
height: 20px;
background: transparent;
fill: #333;
}
.footer .socials .icon.svg:hover {
fill: #2541fc;
}
.footer .socials {
margin: 0 -5px;
} .btn, a.wp-block-button__link {
display: inline-block;
margin: 0;
padding: 10px 30px;
border: none;
font-size: 14px;
line-height: 150%;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #FF0000;
border-radius: 20px;
transition: all .2s;
}
.btn:hover, a.wp-block-button__link:hover, .btn:focus, a.wp-block-button__link:focus {
color: #fff;
background: #DF0000 !important;
}
.btn.sec {
display: inline-block;
margin: 15px 0;
padding: 10px 20px;
border: 1px solid #FF0000;
font-size: 13px;
color: #FF0000;
background-color: transparent;
transition: all .2s;
text-transform: initial;
}
.btn.sec:hover {
color: #fff;
background-color: #D3000E;
border-color: #D3000E;
transition: all .2s;
}
.btn.green, .green a.wp-block-button__link {
background: #009247;
} #breadcrumbs {
margin: 0 0 30px;
padding: 0;
font-size: 12px;
}
#breadcrumbs > span {
display: inline-block;
padding: 0;
color: #a5a3a2;
}
#breadcrumbs .sep {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDFMMSA1TDYgOSIgc3Ryb2tlPSIjQTVBM0EyIi8+Cjwvc3ZnPgo=) no-repeat center;
width: 5px;
height: 8px;
padding: 0 10px;
}
#breadcrumbs a {
color: #a5a3a2;
text-decoration: none;
}
.single-head #breadcrumbs a, .single-head #breadcrumbs > span {
color: #fff;
}
#breadcrumbs a:hover {
opacity: .9;
text-decoration: underline;
}
.pagination {
margin: 57px auto 75px;
display: flex;
align-items: center;
justify-content: center;
}
.pagination a, .pagination span {
margin: 0 12px;
display: block;
color: #000;
}
.pagination a:hover {
color: #D3000E;
}
.pagination .current {
text-decoration: none;
border: 1px solid;
padding: 0 6px;
color: #D3000E;
}
.icon.svg {
background: transparent;
fill: transparent;
}
.social-icons .icon.svg {
width: 30px;
height: 30px;
}
.icon.svg.point {
width: 18px;
height: 22px;
margin: 0 15px 0 0;
}
.icon.svg.phone {
margin: 0 10px 0 0;
}
.social-icons > a {
display: flex;
margin: 0 5px 0 0;
}
.social-icons > a:hover {
opacity: .8;
}
.site {
position: relative;
z-index: 1;
}
.main-wrap {
padding: 100px 0;
overflow: hidden;
}
.site-header .t .r {
align-items: center;
}
.iconed {
display: flex;
align-items: center;
justify-content: flex-start;
}
.iconed .icon {
min-width: 16px;
margin: 0 5px 0 0;
} .f-noto, .type-page .sub-head {
font-family: 'Noto Sans', sans-serif;
}
.entries .r {
margin: 0 -20px;
}
.entries .item {
margin: 45px 0;
}
.entries a {
color: #000;
text-decoration: none;
}
.entries .title {
display: inline-block;
margin: 20px 0 8px;
font-size: 16px;
line-height: 1.35;
font-weight: 700;
color: #000;
}
.entries.posts .title {
margin: 0 0 12px;
font-size: 26px;
line-height: 1.23;
}
.img-wrap {
position: relative;
width: 100%;
height: 165px;
}
.posts .img-wrap {
height: 195px;
}
.bgimg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: left;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
}
.entries .descr p {
margin: 0 0 15px;
font-size: 14px;
line-height: 1.55;
color: #000;
}
.entries.posts .descr p {
color: #777;
font-size: 16px;
line-height: 1.55;
font-weight: 300;
}
.entries .date {
font-size: 10px;
letter-spacing: 1px;
color: rgba(0,0,0,.5);
font-weight: 700;
}
.entries.posts .date {
margin: 16px 0 10px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #777;
}
.entries .btn {
margin: 25px 0 0;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.page .sub-head {
max-width: 560px;
margin: 40px 0 90px;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
} .single-story .main-wrap {
max-width: 760px;
margin: auto;
}
.single-story h1, .single-story .post-img {
margin: 0 0 30px;
font-size: 32px;
}
.single-story .content, .single-post .content {
font-size: 18px;
line-height: 1.55;
font-family: 'Noto Sans', Arial,sans-serif;
font-weight: 300;
}
.single-story .date {
margin: 70px 0 0;
letter-spacing: 1.5px;
font-size: 10px;
font-weight: 700;
color: rgba(0,0,0,.5);
}
.single-post .content {
max-width: 760px;
}
.type-page a:not(.wp-block-button__link):not(.pagination a) {
color: red;
}
strong {
font-weight: 700;
}
.has-medium-font-size {
font-size: 20px;
}
.type-page .wp-block-column {
margin: 0 10px;
}
.mw-960 {
max-width: 1000px;
margin: auto;
}
.mw-560 {
max-width: 560px;
margin: auto;
}
.names {
display: flex;
justify-content: center;
text-align: center;
padding: 0 0 150px;
}
.names .wp-block-column {
max-width: 300px;
}
.names .name {
margin: 0 0 4px
}
.names .subname {
color: #7a7a7a;
font-size: 12px;
line-height: 1.55;
font-weight: 300;
}
.names .photo img {
width: 200px;
height: 200px;
max-width: 100%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.names-descr {
margin: 240px auto 105px;
font-size: 22px;
font-size: 24px;
line-height: 1.5;
}
.msg .wp-block-column:nth-child(1) {
max-width: 456px;
padding: 60px 80px 60px 60px;
background-color: rgb(239, 239, 239);
}
.msg .wp-block-column:nth-child(1) .title {
position: relative;
margin-bottom: 46px;
font-size: 38px;
line-height: 1.23;
font-family: 'Montserrat',Arial,sans-serif;
font-weight: 700;
}
.msg .wp-block-column:nth-child(1) .title::after {
content: '';
position: relative;
top: 16px;
max-width: 50px;
width: 100%;
height: 3px;
display: block;
background-color: rgb(255, 0, 0);
opacity: 0.4;
transition: none 0s ease 0s;
}
.msg .wp-block-column:nth-child(1) .wp-block-button {
margin: 60px 0 0;
}
.msg .wp-block-column:nth-child(1) .descr {
font-size: 18px;
font-size: 20px;
line-height: 1.55;
font-family: 'Montserrat',Arial,sans-serif;
font-weight: 300;
}
.msg .wp-block-column:nth-child(2) figure {
width: 120%;
top: -30px;
left: -20%;
position: relative;
z-index: -1;
}
.page-contacts .left a {
color: #000;
}
.page-contacts .sub-head {
font-size: 16px;
}
.wp-block-columns.socials {
margin: 0 -10px;
}
.socials .wp-block-column {
max-width: max-content;
}
.featured.posts {
padding-bottom: 75px;
border-bottom: 1px solid rgb(0 0 0 / 0.4);
}
.featured.posts .small {
border-radius: 6px;
padding: 10px;
transition: .2s;
}
.featured.posts .small:hover {
background: #eee;
}
.featured.posts .small .in {
display: block;
min-height: 60px;
}
.featured.posts .big .img-wrap {
min-height: 414px;
}
.featured.posts .big .title {
margin: 20px 0;
color: #000;
font-size: 32px;
line-height: 1.1;
font-weight: 700;
}
.featured.posts .big .descr {
color: #8c8c8c;
font-size: 19px;
line-height: 1.2;
font-weight: 300;
}
.featured.posts .small .img-wrap {
height: 60px;
float: left;
width: 60px;
margin: 0 10px 0 0;
}
.featured.posts .small .content {
font-size: 12px;
line-height: 1.4;
}
.featured.posts .small .title {
margin: 0 0 2px;
color: #000;
font-weight: 700;
}
.featured.posts .small .more {
padding-left: 70px
}
.featured.posts .bgimg {
border-radius: 6px;
}
.featured.posts .s-head {
margin: 0 10px 10px;
font-size: 24px;
line-height: 1.1;
font-weight: 700;
}
.featured.stories {
margin: 100px 0 150px;
padding: 55px;
border-radius: 6px;
background-color: #eeeeee;
background-position: center center;
border-color: transparent;
border-style: solid;
box-shadow: -15px 5px 30px 0px rgba(0,0,0,0.3);
}
.featured.stories > .r {
align-items: flex-start;
}
.featured.stories .fcb {
margin: 0 0 35px;
}
.featured.stories .head {
color: #000;
font-size: 42px;
line-height: 1.1;
font-weight: 700;
}
.featured.stories .big .img-wrap {
height: 423px;
}
.featured.stories .big .bgimg {
border-radius: 6px;
}
.featured.stories .big .title {
position: absolute;
bottom: 30px;
left: 40px;
z-index: 2;
color: #ffffff;
font-size: 24px;
font-family: 'Montserrat',Arial,sans-serif;
line-height: 1.1;
font-weight: 700;
}
.featured.stories .small {
margin: 20px 0 0;
}
.featured.stories .small .title {
padding: 0;
color: #000000;
font-size: 14px;
line-height: 1.55;
transition: .2s;
}
.featured.stories .small .title:hover {
background: #d7d7d7;
border-radius: 6px;
}
.featured.stories .btn.sec {
width: 90px;
height: 20px;
text-align: center;
padding: 0;
color: #ff0000;
font-size: 16px;
font-family: 'Noto Sans',Arial,sans-serif;
line-height: 1.2;
font-weight: 100;
border-width: 1px;
border-radius: 6px;
background-position: center center;
border-color: #ff0000;
border-style: solid;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.home .entries.stories {
padding: 0 0 100px;
}
.home .main-wrap {
padding-bottom: 0;
}
.about {
position: relative;
padding-top: 150px;
background-color: #eeeeee;
}
.about::before {
content: '';
position: absolute;
left: 0;
top: -50px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgY2xhc3M9InQ3OTZfX3N2ZyIgc3R5bGU9ImhlaWdodDo0dnc7ZmlsbDojZWVlZWVlO3RyYW5zZm9ybTogc2NhbGVYKC0xKTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyODAgMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4gPHBhdGggZD0iTTEyODAgMjAwSDBWMGwxMjgwIDE5NS41djQuNXoiPjwvcGF0aD4gPC9zdmc+) no-repeat;
width: 100%;
height: 50px;
}
.about::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgY2xhc3M9InQ3OTZfX3N2ZyIgc3R5bGU9ImhlaWdodDo0dnc7ZmlsbDojMDAwO3RyYW5zZm9ybTogc2NhbGVYKC0xKTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyODAgMjAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4gPHBhdGggZD0iTTEyODAgMjAwSDBWMGwxMjgwIDE5NS41djQuNXoiPjwvcGF0aD4gPC9zdmc+") no-repeat;
width: 100%;
height: 50px;
}
.about .title {
margin: 0 0 70px;
font-weight: 700;
letter-spacing: 2.5px;
}
.about .descr {
font-size: 68px;
line-height: 1.17;
font-weight: 700;
}
.about .wp-block-buttons {
margin: 70px 0 0;
}
.single .cover::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: calc(100vh - 70px);
background-image: -moz-linear-gradient(top, rgba(7,171,160,0.30), rgba(17,40,51,0.70));
background-image: -webkit-linear-gradient(top, rgba(7,171,160,0.30), rgba(17,40,51,0.70));
background-image: -o-linear-gradient(top, rgba(7,171,160,0.30), rgba(17,40,51,0.70));
background-image: -ms-linear-gradient(top, rgba(7,171,160,0.30), rgba(17,40,51,0.70));
background-image: linear-gradient(top, rgba(7,171,160,0.30), rgba(17,40,51,0.70));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b207aba0', endColorstr='#4c112833');
}
.single .cover {
position: relative;
width: 100%;
margin: 0 0 100px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
vertical-align: middle;
position: relative;
background-attachment: fixed;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-moz-transform: unset;
}
.single .cover .w {
position: relative;
flex-direction: column;
height: calc(100vh - 70px);
padding: 0 20px;
}
.single .cover, .single .cover h1 {
color: #FFF;
}
.single .cover .descr {
font-size: 22px;
line-height: 1.5;
font-weight: 300;
}
.blog-single {
padding-top: 70px;
}
.single-post h1 {
margin: 0 0 45px;
text-transform: unset;
}
.single blockquote {
margin: 30px 0;
padding-left: 20px;
border-left: 3px solid rgba(0,0,0,.84);
}
.single .likes .h2, .posts.others .h2 {
margin: 80px auto 40px;
font-size: 38px;
line-height: 1.23;
font-weight: 700;
text-align: center;
}
.single .likes .h2_descr, .posts.others .h2_descr {
font-size: 22px;
line-height: 1.5;
font-weight: 300;
text-align: center;
}
.single .ya-share2 {
margin: auto;
padding: 90px 0 0;
text-align: center;
}
.single .ya-share2__container_size_m .ya-share2__icon {
width: 50px!important;
height: 50px!important;
background-size: 50px 50px!important;
}
.single .ya-share2__badge {
border-radius: 2px!important;
background-color: #111!important;
}
.single-post .wp-block-preformatted {
display: block;
white-space: break-spaces;
font-size: 30px;
line-height: 1.35;
opacity: .7;
font-family: 'Montserrat',Arial,sans-serif;
font-weight: 300;
padding: 0 0 90px;
}
.entries.posts.others .img-wrap {
height: 90px;
}
.posts.others .title {
margin: 8px 0;
font-size: 14px;
font-weight: 700;
}
.posts.others .descr p {
color: #777;
font-size: 12px;
font-weight: 300;
} .animate__animated, .wow {
opacity: 0;
}
.entries .item.animate__animated {
animation-delay: 0s;
animation-duration: 0.5s !important;
}
.animate__animated.animate__delay-0_5s{-webkit-animation-delay:.5s;animation-delay:.5s;}
.animate__animated.animate__delay-1_5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-delay:calc(var(--animate-delay)*1.5);animation-delay:calc(var(--animate-delay)*1.5)}
.animate__animated.animate__delay-0_3s{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-delay:calc(var(--animate-delay)*0.3);animation-delay:calc(var(--animate-delay)*0.3)}
.animate__animated.animate__delay-0_6s{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-delay:calc(var(--animate-delay)*0.6);animation-delay:calc(var(--animate-delay)*0.6)}
.animate__animated.animate__delay-0_9s{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-delay:calc(var(--animate-delay)*0.9);animation-delay:calc(var(--animate-delay)*0.9)}
.oh {
overflow: hidden;
}
.entries.posts .item:nth-child(3n+2) {
animation-delay: 0.16s;
}
.entries.posts .item:nth-child(3n+3) {
animation-delay: 0.32s;
}
.entries.stories .item:nth-child(4n+2), .entries.others .item:nth-child(6n+2) {
animation-delay: 0.16s;
}
.entries.stories .item:nth-child(4n+3), .entries.others .item:nth-child(6n+3) {
animation-delay: 0.32s;
}
.entries.stories .item:nth-child(4n+4), .entries.others .item:nth-child(6n+4) {
animation-delay: 0.48s;
}
.entries.others .item:nth-child(6n+5) {
animation-delay: 0.6s;
}
.entries.others .item:nth-child(6n+6) {
animation-delay: 0.72s;
}
.hero {
padding: 50px 0;
background-color: #f6f6f6;
}
.hero .logo_1c {
margin: 0 0 20px;
}
.page-id-100 .hero {
padding-top: 75px;
padding-bottom: 40px;
background-color: transparent;
}
.page-id-100 .hero .wp-block-column:not(:first-child) {
padding-top: 40px;
}
.hero .main-img img {
width: 100%;
}
.hero > .wrapper-inner {
z-index: 1;
}
body.blog .hero .wrapper-inner-blocks,
body.category .hero .wrapper-inner-blocks {
position: relative;
padding-top: 127px;
}
body.category .hero .wrapper-inner-blocks::after,
body.blog .hero .wrapper-inner-blocks::after {
content: '';
position: absolute;
z-index: 0;
width: 347px;
height: 347px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/hero_blog.svg);
background-repeat: no-repeat;
background-size: 347px;
top: -258px;
right: 0;
}
body.blog .hero .wp-block-columns {
padding-bottom: 30px;
}
body.page-id-91 .hero, body.page-id-90 .hero, body.blog .hero {
padding-bottom: 0;
}
body.category #breadcrumbs,
body.blog #breadcrumbs {
margin-bottom: 30px;
}
.home .hero .has-icon {
margin: 35px 0 0;
}
.hero .subhead {
font-size: 18px;
line-height: 140%;
color: #231F20;
}
.home .hero .col-text {
padding-top: 80px;
}
.home .hero .col-img img {
bottom: calc(100% - 20px);
width: 300px;
max-width: none;
right: 15px;
position: absolute;
z-index: -1;
}
h1, .h1 {
font-size: 30px;
line-height: 1.23;
}
h2, .h2 {
margin: 60px 0 30px;
font-style: normal;
font-weight: 500;
font-size: 20px;
}
.single-post h2, .single-post h3, .single-post h4, .single-post h5 {
margin: 40px 0 20px;
text-transform: none;
}
.blockquote p {
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #000;
}
.blockquote p.name {
font-weight: 300;
color: #A5A3A2;
}
.blockquote .wp-block-column.text {
position: relative;
}
.blockquote .wp-block-column.text::before {
content: '';
position: absolute;
z-index: -1;
width: 60px;
height: 45px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA2MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDAxMzcgMUgyNS45Njk3VjI2LjI3NzhIMTYuMDk0MkMxNi4yNDMyIDM0LjcyMjIgMjIuNzQgMzkuMzAyNSAyNS45Njk3IDQwLjUzN0MyNS42OTAyIDQxLjI0NjkgMjQuODMzMSA0My4zMzMzIDIzLjY0MDYgNDZDNS4zMDU2MiA0Mi40NDQ0IDAuOTA4MjA3IDI3LjY2NjcgMS4wMDEzNyAyMC43MjIyVjFaIiBzdHJva2U9IiNDOEMzQzIiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMzYuMDMxNiAxSDYxVjI2LjI3NzhINTEuMTI0NUM1MS4yNzM1IDM0LjcyMjIgNTcuNzcwMyAzOS4zMDI1IDYxIDQwLjUzN0M2MC43MjA1IDQxLjI0NjkgNTkuODYzNCA0My4zMzMzIDU4LjY3MDkgNDZDNDAuMzM1OSA0Mi40NDQ0IDM1LjkzODUgMjcuNjY2NyAzNi4wMzE2IDIwLjcyMjJWMVoiIHN0cm9rZT0iI0M4QzNDMiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
background-size: 60px;
top: -30px;
left: -100px;
} .offers {
overflow: hidden;
padding: 0 0 30px;
}
.offers > div > div, .sec2 > div > div {
position: relative;
z-index: 3;
}
.offers > div::before, .sec2 > div::before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 410px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/offers_before.svg);
background-repeat: no-repeat;
background-size: 487px;
top: 15px;
left: -245px;
}
.sec2 > div::before {
width: 450px;
height: 525px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/before_sec2.svg);
background-size: 525px;
top: 65px;
left: -125px;
}
.offers > div::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 610px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/offers_after.svg);
background-repeat: no-repeat;
background-size: 725px;
background-position: top right;
top: 40px;
right: -160px;
}
.wp-block-columns.offers-wrap {
flex-wrap: wrap;
margin: 0px -20px;
}
.offers .wp-block-column {
min-height: 350px;
}
.offers .more {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 30px;
}
.offers .more a {
color: #fff;
} .mored, .offers .wp-block-column {
position: relative;
margin: 15px;
padding: 25px 30px 80px;
color: #FCFCFC;
background-color: #009247;
border: 1px solid transparent;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.mored .more::after, .offers .more::after,
.reviews .more::after {
position: absolute;
content: '';
width: 50px;
height: 50px;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
.mored .more::after, .reviews .more::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSIjMzIzMjMyIi8+CjxwYXRoIGQ9Ik0xMCA0MEw0MCAxME00MCAxMEgyMC40NTQ1TTQwIDEwVjI5LjU0NTUiIHN0cm9rZT0iIzMyMzIzMiIvPgo8L3N2Zz4K");
}
.mored .more::after {
left: 0;
right: unset;
}
.offers .more::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgNDBMNDAgMTBNNDAgMTBIMjAuNDU0NU00MCAxMFYyOS41NDU1IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.mored .more {
position: relative;
z-index: 2;
margin: 70px 0 0;
}
.mored .more a, .offers .more a, .reviews .more a {
display: flex;
position: relative;
z-index: 3;
align-items: center;
width: 100%;
height: 50px;
padding: 0 60px 0 0;
}
.offers .more a, .reviews .more a {
align-items: flex-end;
}
.mored .more a, .offers .more a, .review .more a, .news .more a {
text-transform: uppercase;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.news .more a {
color: #a5a3a2;
max-width: 100px;
display: inline-block;
}
.mored:hover .more a, .offers .wp-block-column:hover .more a, .reviews .wp-block-column:hover .more a, .news .item:hover .more a {
opacity: 1;
}
.mored .more.lefted a {
padding: 0 0 0 70px;
}
.review .more {
align-items: flex-end;
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
margin: 0 0 20px;
}
.vacancy .more {
position: absolute;
bottom: 40px;
}
.vacancy .more a {
color: #000;
}
.vacancy .mored:hover .more::after, .review:hover .more::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgNDBMNDAgMTBNNDAgMTBIMjAuNDU0NU00MCAxMFYyOS41NDU1IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
background-color: #D3000E;
}
.review:hover .more a, .vacancy .mored:hover .more a {
color: #D3000E;
}
.news .item::after {
content: unset;
}
.news .item::after {
left: 15px;
right: unset;
bottom: 0;
}
.news .item:hover::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgNDBMNDAgMTBNNDAgMTBIMjAuNDU0NU00MCAxMFYyOS41NDU1IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
background-color: #009247;
}
.offers .wp-block-column::after, .reviews .wp-block-column.review::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSIjMzIzMjMyIi8+CjxwYXRoIGQ9Ik0xMCA0MEw0MCAxME00MCAxMEgyMC40NTQ1TTQwIDEwVjI5LjU0NTUiIHN0cm9rZT0iIzMyMzIzMiIvPgo8L3N2Zz4K");
}
.offers .more::after {
left: unset;
}
.mored::after, .offers .wp-block-column::after, .reviews .wp-block-column.review::after {
left: 30px;
right: unset;
}
.offers .wp-block-column:hover::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgNDBMNDAgMTBNNDAgMTBIMjAuNDU0NU00MCAxMFYyOS41NDU1IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.offers .wp-block-column:hover .more::after {
background-color: #009247;
}
.mored:hover::after, .offers .wp-block-column:nth-child(4n+2), .offers .wp-block-column:nth-child(4n+2):hover .more::after {
background-color: #D3000E;
}
.offers .wp-block-column:nth-child(4n+3), .offers .wp-block-column:nth-child(4n+3):hover .more::after {
background-color: #A5A3A2;
}
.offers .wp-block-column:nth-child(4n+4), .offers .wp-block-column:nth-child(4n+4):hover .more::after {
background-color: #323232;
}
.boxed .title, .offers .title {
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
margin: 0 0 40px;
}
.mored .more, .news .more {
padding: 0 60px 0 0;
}
.news .more {
position: absolute;
bottom: 0;
left: 80px;
right: unset;
margin: 0;
}
.mored .more {
align-items: center;
} .whywe, .reviews {
padding: 30px 0;
background-color: #fcfcfc;
background-image: url(//do-business.kz/wp-content/themes/cw/img/bg_luchi.svg);
background-repeat: no-repeat;
background-size: auto !important;
background-position: left -20px top -285px !important;
}
.num {
margin: 0;
font-weight: 300;
font-size: 60px;
line-height: 1;
text-transform: uppercase;
}
.whywe {
padding: 30px 0;
background-color: #fcfcfc;
background-repeat: no-repeat;
background-size: auto !important;
background-position: left -20px top -285px !important;
}
.whywe > div, .clients > div {
background-image: url(//do-business.kz/wp-content/themes/cw/img/bg_pattern1.svg);
background-repeat: no-repeat;
background-size: 663px;
background-position: center bottom;
}
.clients > div {
background-size: 559px;
background-position: center bottom -103px;
}
.whywe .subhead {
font-weight: bold;
font-size: 17px;
line-height: 140%;
letter-spacing: 0.015em;
text-transform: uppercase;
color: #000000;
}
.whywe .wp-block-columns.grid .wp-block-column {
margin: 0;
min-height: 290px;
}
.whywe .wp-block-columns.fwrap {
flex-wrap: wrap;
}
.whywe .has-bg, .whywe .has-border {
padding: 20px;
}
.whywe .has-bg {
color: #fff;
background-color: #323232;
}
.whywe .has-bg.orange {
background-color: #D3000E;
}
.whywe .has-bg.green {
background-color: #009247;
}
.whywe .has-bg.white {
color: #323232;
background-color: #fff;
}
.whywe .has-border {
background-color: #fff;
border: 1px solid #A5A3A2;
}
.whywe .has-pad {
padding: 68px 0 0;
}
.whywe .has-tpad {
padding: 68px 0 0;
}
.whywe .superimg img {
display: block;
}
.whywe .title {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.whywe .wp-block-image:not(.superimg) {
margin: 0 0 30px;
} .test .wp-block-columns {
margin: 0;
padding: 47px 0 59px;
min-height: 329px;
}
.test .wp-block-button a, .consult .wp-block-button a {
display: inline-block;
min-width: 280px;
padding: 11px 16px;
font-weight: bold;
font-size: 16px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
}
.test img {
position: absolute;
top: 0;
left: 75%;
height: 429px;
} .app .wp-block-columns {
margin: 0;
}
.app .group-fcs > div > div:not(:first-child) {
margin: 0 0 0 30px;
}
.app .subhead {
margin: 40px 0 60px;
font-size: 20px;
line-height: 150%;
}
.app .wp-block-column:first-child {
padding: 60px 0 20px;
}
.app .wp-block-column:nth-child(2) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding-top: 120px;
padding-right: 30px;
padding-bottom: 30px;
right: -15px;
position: relative;
}
.app .bg_app {
flex-basis: 50%;
width: 100%;
background-image: url(//do-business.kz/wp-content/uploads/2020/10/bg_phone.png);
background-size: calc(100% + 60px);
background-repeat: no-repeat;
background-position: bottom right -60px;
}
.app .wp-block-image {
margin: 0;
}
.app .wp-block-button {
margin: 44px 0 0;
}
.app .text {
margin: 46px 0 0;
font-weight: bold;
font-size: 17px;
line-height: 140%;
color: #fff;
text-transform: uppercase;
} .consult, .sec_calc > div {
padding: 60px 0;
}
.consult h2 {
margin: 0;
}
.consult h2 span {
background: #fff;
padding: 0 5px;
}
.consult .text-xl {
font-weight: bold;
font-size: 22px;
line-height: 150%;
}
.consult .wp-block-button {
margin: 64px 0 0;
}
.consult .wp-block-columns {
min-height: 300px;
}
.consult .wp-block-column:nth-child(2) {
opacity: 0;
height: 0;
}
.consult .wp-block-column.abs:nth-child(2) {
position: absolute;
top: 0;
right: 0;
}
.consult > div > div {
position: relative;
z-index: 3;
}
.consult > div::after {
content: '';
position: absolute;
z-index: 1;
width: 513px;
height: 100%;
background-image: url(//do-business.kz/wp-content/themes/cw/img/bg_consult_after.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
top: -98px;
right: -207px;
} .about {
padding-bottom: 60px;
}
.page-id-8 .hero {
padding: 50px 0 15px;
}
.page-id-8 .hero .wp-block-column, .page-id-8 .about .wp-block-column {
margin: 0;
flex-basis: 50%;
}
.page-id-8 .hero .wp-block-column:first-child p:last-child, .page-id-8 .about .wp-block-column:nth-child(2) p:last-child {
margin: 0;
}
.hero .big-img img {
display: block;
margin: 30px 0 0;
}
.about .wp-block-column {
margin: 0;
}
.about .main-img img {
display: block;
margin: 15px auto;
} .clients {
padding: 60px 0;
}
.clients .wp-block-column:not(.head) {
display: flex;
align-items: center;
justify-content: center;
min-height: 165px;
margin: 0;
padding: 36px;
background: #FFFFFF;
border: 1px solid #F6F6F6;
}
.clients .wp-block-column.citate {
flex-direction: column;
align-items: flex-start;
color: #fff;
border-color: #D3000E;
background-color: #D3000E;
}
.clients .line2 .wp-block-column:last-child {
background-color: #009247;
border-color: #009247;
} .reviews {
padding: 0 0 60px;
}
.reviews .wp-block-columns, .reviews .wp-block-columns figure, .reviews .wp-block-column:not(:first-child) {
margin: 0;
}
.reviews .wp-block-column {
position: relative;
height: 290px;
}
.reviews .line1 .wp-block-column:first-child, .reviews .line2 .wp-block-column:last-child {
height: auto;
}
.reviews .wp-block-column.review::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUwMDQ4OCIgd2lkdGg9IjM5IiBoZWlnaHQ9IjM5IiBzdHJva2U9IiMzMjMyMzIiLz4KPHBhdGggZD0iTTggMzIuMDAwNUwzMiA4LjAwMDQ5TTMyIDguMDAwNDlIMTYuMzYzNk0zMiA4LjAwMDQ5VjIzLjYzNjkiIHN0cm9rZT0iIzMyMzIzMiIvPgo8L3N2Zz4K");
-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
}
.reviews .wp-block-column.review:hover::after {
background-color: #D3000E;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTAgNDBMNDAgMTBNNDAgMTBIMjAuNDU0NU00MCAxMFYyOS41NDU1IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.reviews .wp-block-columns img {
display: block;
}
.reviews .wp-block-column.review {
position: relative;
padding: 20px;
background: #fff;
border: 1px solid #f6f6f6;
}
.reviews .wp-block-column.review::before {
content: '';
position: absolute;
width: 60px;
height: 45px;
top: 20px;
right: 20px;
background-repeat: no-repeat;
background-size: 60px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA2MyA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYxLjk5ODYgMUgzNy4wMzAzVjI2LjI3NzhINDYuOTA1OEM0Ni43NTY4IDM0LjcyMjIgNDAuMjYgMzkuMzAyNSAzNy4wMzAzIDQwLjUzN0MzNy4zMDk4IDQxLjI0NjkgMzguMTY2OSA0My4zMzMzIDM5LjM1OTQgNDZDNTcuNjk0NCA0Mi40NDQ0IDYyLjA5MTggMjcuNjY2NyA2MS45OTg2IDIwLjcyMjJWMVoiIHN0cm9rZT0iI0Y2RjZGNiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0yNi45Njg0IDFIMlYyNi4yNzc4SDExLjg3NTVDMTEuNzI2NSAzNC43MjIyIDUuMjI5NzQgMzkuMzAyNSAyIDQwLjUzN0MyLjI3OTUgNDEuMjQ2OSAzLjEzNjYyIDQzLjMzMzMgNC4zMjkxNCA0NkMyMi42NjQxIDQyLjQ0NDQgMjcuMDYxNSAyNy42NjY3IDI2Ljk2ODQgMjAuNzIyMlYxWiIgc3Ryb2tlPSIjRjZGNkY2IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
}
.reviews .wp-block-column.review:hover {
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}
.reviews .logo-client img {
width: auto;
max-height: 25px;
}
.review p {
margin: 36px 0 0;
} .services .hero {
padding-bottom: 0;
}
.services h1 {
text-shadow: 2px 2px 0px #FFFFFF;
}
.services .hero p {
margin: 20px 0;
font-size: 16px;
line-height: 140%;
max-width: 60%;
}
.services .hero .wp-block-buttons{
margin: 40px 0;
}
.services .wp-block-button {
font-weight: bold;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.services .hero .wp-block-column:nth-child(2) img {
margin: 0 0 15px;
}
.sec2 > div, .sec6 > div {
padding: 90px 0 30px;
background: url(//do-business.kz/wp-content/themes/cw/img/before_top_sec2.svg) no-repeat left top;
}
.sec2 h2 {
margin-bottom: 60px;
}
.sec2 p {
margin: 0 0 25px;
}
.sec2 ul {
display: block;
margin: 0;
padding: 0;
}
.sec2 ul li {
position: relative;
list-style: none;
margin: 0;
padding: 0 43px 23px 43px;
min-height: 75px;
counter-increment: inst;
}
.sec2 li::before {
content: '0' counter(inst);
position: absolute;
top: 0;  
left: 0;
color: #A5A3A2;
}
.sec3 {
padding: 45px 0;
}
.sec3 .wp-block-buttons {
margin: 60px 0 0;
}
.sec3 p {
font-weight: bold;
text-transform: uppercase;
color: #323232;
}
.sec4 {
padding: 60px 0 30px;
}
.our-services .has-icon {
margin: 0 0 32px;	
}
.tarifs {
margin: 170px 0 0;
}
.tarifs .wp-block-column {
height: max-content;
margin: 15px 0;
background: #fff;
}
.tarifs .wp-block-column .head {
padding: 20px;
background: #878786;
}
.tarifs .wp-block-column:nth-child(2) .head {
background: #009247;
}
.tarifs .wp-block-column:nth-child(3) .head {
background: #231F20;
}
.tarifs.buh {
padding-top: 60px;
margin: 0 -20px;
width: calc(100% + 40px);
}
.tarifs.buh .wp-block-column {
margin-left: 20px;
margin-right: 20px;
}
.tarifs.buh .wp-block-column .head {
display: flex;
align-items: center;
justify-content: center;
background: #D3000E;
}
.tarifs.buh .wp-block-column:nth-child(2) .head {
background: #009247;
}
.tarifs.buh .wp-block-column:nth-child(3) .head {
background: #323232;
}
.tarifs.buh .wp-block-column:nth-child(4) .head {
background: #A5A3A2;
}
.tarifs.buh .slick-arrow, .tarifs.buh .custom_paging {
position: absolute;
z-index: 666;
top: 0;
right: 166px;
}
.tarifs.buh .slick-arrow {
opacity: .2;
}
.tarifs.buh .slick-arrow:not(.slick-disabled) {
opacity: 1;
}
.tarifs.buh .slick-arrow:not(.slick-disabled):hover {
cursor: pointer;
opacity: .8;
}
.tarifs.buh .next.slick-arrow {
right: 20px;
}
.tarifs.buh .custom_paging {
top: -6px;
right: 98px;
padding: 0;
}
.tarifs.buh .custom_paging li {
height: 0;
opacity: 0;
padding: 0;
background: unset;
font-weight: 300;
}
.tarifs.buh .custom_paging li i {
font-weight: 300;
font-size: 24px;
line-height: 140%;
}
.tarifs.buh .custom_paging li.slick-active {
opacity: 1;
height: auto;
}
.tarifs .head, .tarifs .wp-block-buttons {
text-align: center;
}
.tarifs .wp-block-column .head p {
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
color: #FCFCFC;
}
.tarifs .wp-block-column p:last-child {
margin: 0;
}
.tarifs .wp-block-column {
padding: 0;
}
.tarifs ul {
margin: 0;
padding: 30px 0;
}
.tarifs ul li {
margin: 0;
padding: 0 0 18px 28px;
list-style: none;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc5MDMgMC4wMjgwOTg3QzE5Ljk2IDAuMDE0MDQ5MiAyMC4xMTU0IDAgMjAuMTE1NCAwQzIwLjIxNDQgMCAyMC45MzUzIDAuMDE0MDQ5MiAyMS4yNzQ2IDAuMDk4MzQ2N0MyMS40MDE4IDAuMTI2NDQ2IDIxLjUxNDkgMC4xNjg1OTUgMjEuNTE0OSAwLjE2ODU5NUMyMS42NTYzIDAuMjEwNzQzIDIxLjc2OTQgMC4yNjY5NDIgMjEuODQgMC4zMDkwOUMyMS45MTA3IDAuMzUxMjM5IDIxLjkyNDkgMC4zNTEyMzkgMjEuOTUzMSAwLjM3OTMzOEMyMS44ODI0IDAuMzY1Mjg5IDIxLjM4NzcgMC40MDc0MzggMjEuMjMyMiAwLjQyMTQ4OEMyMS4xODk4IDAuNDIxNDg4IDIxLjE2MTUgMC40MzU1MzYgMjEuMDkwOCAwLjQzNTUzNkMyMC45MjEyIDAuNDYzNjM1IDIwLjc5NCAwLjQ3NzY4NSAyMC43Nzk4IDAuNDc3Njg1QzE4LjQxOTEgMC44MTQ4NzUgMTUuODYwNSAyLjg4MDE3IDE1Ljg2MDUgMi44ODAxN0MxMi44OTIgNS4yNjg2IDEwLjY4NjggNy44NTM3MiAxMC4xOTIgOC40NDM4QzguNDk1NyAxMC40OTUgNy4wOTYyNSAxMi41NDYzIDYuMDkyNTkgMTQuMTE5OEM1LjA4ODk0IDE1LjY5MzQgNC40ODEwOSAxNi44MDMzIDQuMzgyMTQgMTdMMCA5LjgwNjYxTDQuMzI1NiAxMy45MTM0QzUuMjUyMjMgMTIuNTU0NiA2LjAyMTQ2IDExLjUwMyA3LjA4MTY1IDEwLjExMjFDNy41NDgxNCA5LjUwNzk0IDguNTIxNTggOC4yNTc0NCA5LjczNzI3IDYuOTM2NzhDMTAuNTU3MiA2LjAzNzYxIDEyLjM0NzYgMy45NzkzMyAxNS40MDI2IDEuOTA1MTdDMTUuMzg4NSAxLjg5MTEyIDE3LjU0MSAwLjQ3NzY4NSAxOS43OTAzIDAuMDI4MDk4N1oiIGZpbGw9IiNGMDVBMjkiLz4KPC9zdmc+Cg==") no-repeat left top;
}
.tarifs ul li.no-style {
background: unset;
padding: 0;
}
.tarifs .show_all, .tarifs .hide_prev {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5LjUgMTFMMTggMSIgc3Ryb2tlPSIjQTVBM0EyIi8+Cjwvc3ZnPgo=") no-repeat left center;
padding: 0 0 0 28px;
color: #A5A3A2;
cursor: pointer;
}
.tarifs .hide_prev {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTFMOS41IDFMMTggMTEiIHN0cm9rZT0iI0E1QTNBMiIvPgo8L3N2Zz4K")	no-repeat left center;
margin: 28px 0 0;
}
.tarifs ul li:last-child {
padding-bottom: 0;
}
.tarifs .wp-block-button__link {
background: #F6F6F6;
border: 1px solid #D3000E;
box-shadow: -10px -10px 10px rgba(250, 251, 255, 0.8), 3px 3px 5px rgba(216, 216, 216, 0.8);
margin: 0 0 15px;
color: #D3000E;
}
.sec5 > div > div {
padding: 60px 0;
}
.sec5 p {
font-weight: 500;
text-transform: uppercase;
color: #231F20;
}
.sec5 .wp-block-buttons {
margin: 40px 0 0;
}
.blockquote {
padding: 50px 0;
}
.sec6 > div {
padding-top: 50px;
}
.sec6 > div > div {
padding: 50px 0 20px;
background: url(//do-business.kz/wp-content/themes/cw/img/after_sec6.svg) no-repeat right top;
}
.sec6 .head {
font-weight: bold;
font-size: 22px;
line-height: 130%;
text-transform: uppercase;
}
.sec6 .wp-block-columns.nums {
display: block;
}
.sec6 .nums > div {
text-align: center;
}
.sec6 .num {
font-weight: bold;
font-size: 60px;
line-height: 120%;
text-transform: uppercase;
color: #323232;
}
.sec_table {
padding: 65px 0 170px;
}
.sec_table table {
border-collapse: separate;
empty-cells: hide;
}
.sec_table .logo {
max-width: 112px;
}
.sec_table th {
padding: 20px;
text-align: center;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
border-bottom: 0.5px solid #C8C3C2;
}
.sec_table th:not(:first-child), .sec_table td:not(:first-child) {
border-left: 0.5px solid #C8C3C2;
}
.sec_table td {
padding: 20px;
vertical-align: top;
}
.sec_calc > div {
background: url(//do-business.kz/wp-content/themes/cw/img/bg_calc.svg) no-repeat left top;
}
.sec_calc .board {
padding-top: 60px;
border-top: 1px solid #A5A3A2;
}
#price_full_service {
color: #D3000E;
}
.sec7 {
padding: 70px 0 60px;
}
.sec7 .title {
padding: 0 0 30px;
font-weight: 500;
font-size: 22px;
line-height: 140%;
text-transform: uppercase;
color: #231F20;
}
.sec7 .has-icon {
padding: 30px 0 0;
}
.sec7 .has-icon > div {
align-items: flex-start;
}
.sec7 .has-icon figure {
width: 32px;
} .news .item {
position: relative;
margin: 60px 0;
padding: 60px 0 0;
border-top: 1px solid #323232;
}
.news .title {
display: inline-block;
padding: 30px 0;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
color: #231F20;
}
.news .item:hover .title {
color: #009247;
}
.news .category, .news .time {
color: #a5a3a2;
margin: 30px 0 0;
}
.news h3 {
font-size: 140%;
margin: 60px 0 0;
}
.z2 {
position: relative;
z-index: 2;
}
.has-icon > div {
display: flex;
align-items: center;
justify-content: flex-start;
}
.has-icon figure, .has-icon img, .has-icon p:first-child, .has-icon p:last-child {
margin: 0;
}
.has-icon .wp-block-image {
margin: 0 30px 0 0;
}
.p404 {
text-align: center;
}
.p404, .p404 p {
margin: 50px 0;
}
.p404 a {
font-weight: 500;
font-size: 16px;
line-height: 140%;
text-decoration: underline;
color: #009247;
text-transform: uppercase;
}
.faq {
padding: 30px 0;
}
.faq .right {
padding-top: 40px;
}
.faq .right .text-up {
font-weight: 500;
font-size: 20px;
}
.faq .left .c-accordion__title {
margin: 0 0 30px;
font-weight: normal;
font-size: 16px;
line-height: 140%;
color: #323232;
text-transform: initial;
}
.faq .left .c-accordion__content p:first-child {
margin: 0;
}
.faq .left .is-open .c-accordion__title {
color: #D3000E;
}
.faq .c-accordion__title:focus, .faq .c-accordion__item:focus {
outline: none;
}
.faq .left .c-accordion__item {
margin: 30px 0;
padding: 30px 0 0;
border-top: 1px solid #323232;
}
.faq .c-accordion__item:first-child {
margin-top: 0;
}
.faq .c-accordion__title:after {
position: absolute;
top: 0;
right: 0;
content: "";
transform: unset;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjE1LjUiIHgyPSIxNS41IiB5Mj0iMzAiIHN0cm9rZT0iIzMyMzIzMiIvPgo8bGluZSB4MT0iOC43NDIyOGUtMDgiIHkxPSIxNC41IiB4Mj0iMzAiIHkyPSIxNC41IiBzdHJva2U9IiMzMjMyMzIiLz4KPC9zdmc+Cg==) no-repeat;
width: 30px;
height: 30px;
transition: all .2s;
}
.faq .is-open .c-accordion__title:after {
content: "";
transform: rotate(45deg);
}
.boxed {
padding: 40px;
background: #FCFCFC;
border: 1px solid #C8C3C2;
box-sizing: border-box;
box-shadow: -8px -8px 10px rgba(255, 255, 255, 0.6), 5px 5px 10px rgba(216, 216, 216, 0.6);
}
.boxed:hover {
box-shadow: -8px -8px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px rgba(216, 216, 216, 0.9);
}
.boxed p:first-child:not(.title) {
margin: 0;
}
.boxed .title {
color: #323232;
}
.salary {
font-size: 18px;
color: #A5A3A2;
}
.vacancy {
padding: 30px 0;
}
.vacancy .boxed {
min-height: 350px;
margin: 0 0 30px;
} .mfp-content {
opacity: 0;
transition: opacity .2s linear;
}
.mfp-ready .mfp-content {
max-width: 560px;
background: #fff;
margin: auto;
padding: 0;
opacity: 1;
}
.wpcf7 .contact {
padding: 20px 40px 0 80px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/bg_contact.svg);
background-repeat: no-repeat;
background-size: auto !important;
background-position: top center;
}
.contact input, .contact textarea {
padding: 20px 0;
color: #000;
border-bottom: 1px solid #000;
background-color: transparent;
border-radius: unset;
font-size: 16px;
font-weight: 400;
}
.contact input:focus, .contact textarea:focus {
outline: none;
}
.contact textarea {
border: none;
border-bottom: 1px solid #000;
height: fit-content;
overflow: hidden;
width: 100%;
min-height: 96px;
margin: 20px 0;
}
.contact .submit {
color: #fff;
background-color: #000000;
border-radius: 30px;
font-family: Noto Sans;
font-weight: 300;
font-size: 14px;
width: 160px;
height: 50px;
padding: 0 15px;
display: block;
text-transform: initial;
}
.call .content-wrap {
padding: 40px 45px 31px;
background: #fff;
}
.call .title {
font-size: 36px;
line-height: 1.23;
font-weight: 700;
}
.call .descr {
margin: 11px 0 0;
font-size: 16px;
line-height: 1.55;
font-weight: 300;
}
.call .btn {
text-transform: initial;
border-radius: 4px;
}
input {
width: 100%;
min-height: 58px;
font-family: inherit;
font-weight: 300;
font-size: 16px;
line-height: 150%;
margin: 24px 0 0;
padding: 16px 24px;
color: #000000;
border: 0px solid #000000;
background-color: #e6e6e6;
border-radius: 4px;
}
input:focus {
outline: none;
}
.popup .h2 {
margin: 0;
}
.popup p {
margin: 15px 0 0;
color: #727272;
}
.popup .btn {
margin: 24px 0 0;
padding: 16px 24px;
}
.popup .btn.wpcf7-submit:disabled {
background: #a5a3a2;
} .wpcf7-acceptance {
display: inline-flex;
align-items: center;
user-select: none;
padding: 24px 0 0;
}
.wpcf7-acceptance input {
position: absolute;
z-index: -1;
opacity: 0;
}
.wpcf7-acceptance span.wpcf7-list-item {
margin: 0;
}
.wpcf7-acceptance label {
display: block;
}
.wpcf7-acceptance .wpcf7-list-item-label {
display: block;
cursor: pointer;
position: relative;
padding: 0 0 0 24px;
color: #A5A3A2;
font-size: 13px;
line-height: 140%;
}
.wpcf7-acceptance input {
position: absolute;
opacity: 0;
}
.wpcf7-acceptance .wpcf7-list-item-label::before {
border: 2px solid #A5A3A2;
content: '';
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
}
.wpcf7-acceptance input:checked + .wpcf7-list-item-label::before { border: 2px solid #009247;
color: #009247;
font-weight: 700;
content: "✓";
display: flex;
align-items: center;
justify-content: center;
}
.wpcf7-acceptance input:checked + .wpcf7-list-item-label {
opacity: 1;
} input.wpcf7-not-valid {
border-color: #F02929;
}
.wpcf7 form.invalid .wpcf7-response-output {
background: #F95D51;
border: unset;
color: #fcfcfc;
border-radius: unset;
padding: 15px 45px;
margin: 10px 0 0;
}
.wpcf7 .wpcf7-not-valid-tip {
color: #F02929;
font-size: 12px;
font-weight: normal;
display: block;
}
div.wpcf7 .popup .ajax-loader {
background: url(//do-business.kz/wp-content/themes/cw/img/loader.svg) no-repeat 16px;
background-position: center;
}
.calc-form .label {
margin: 0 0 20px;
}
.calc-form .line {
margin: 0 0 37px;
}
.calc-form .btn {
margin: 60px 0 0;
background: #009247;
font-weight: bold;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.calc-form .jq-selectbox__select, .calc-form .wpcf7-number {
height: 33px;
padding-left: 0;
border: none;
border-bottom: 1px solid #323232;
background: transparent;
}
.calc-form .jq-selectbox__select-text, .calc-form .wpcf7-number {
color: #a5a3a2;
}
.calc-form .wpcf7-number {
margin: 0;
}
.calc-form .jq-selectbox.focused .jq-selectbox__select, .calc-form .jq-selectbox__select:focus, .calc-form .wpcf7-number:focus {
border: none;
outline: none;
border-bottom: 1px solid #D3000E;
}
input.btn:hover {
cursor: pointer;
} #main-menu {
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: center;
padding: 0;
margin: 0;
}
#main-menu li {
margin: 0;
padding: 0 12.5px;
list-style: none;
}
#main-menu li a {
padding: 5px;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: #000;
text-transform: uppercase;
text-decoration: none;
border: none;
-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#main-menu:not(.opened) > .current-menu-item > a, #main-menu:not(.opened) > .current-menu-parent > a, #main-menu:not(.opened) > li > a:hover, #main-menu:not(.opened) > li > a:focus {
color: #df0000;
}
#main-menu:not(.opened) > li.menu-item-has-children {
position: relative;
}
#main-menu:not(.opened) .arrow {
content: '';
position: absolute;
z-index: 666;
background-size: 10px;
background-position: center;
background-color: transparent;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA2TDkgMSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K) no-repeat;
top: calc(50% - 3px);
right: 10px;
width: 10px;
height: 7px;
transition: all 0.2s;
}
#main-menu:not(.opened) > li:hover .arrow {
transform: rotate(180deg);
}
#main-menu:not(.opened) .sub-menu {
position: absolute;
top: calc(100% + 8px);
min-width: 260px;
visibility: hidden;
opacity: 0;
transition: opacity .2s linear;
background: #f6f6f6;
}
#main-menu:not(.opened) > li.menu-item-has-children {
padding-right: 30px;
}
#main-menu:not(.opened) > li.menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1;
}
#main-menu .sub-menu {
margin: 0;
padding: 0;
}
#main-menu:not(.opened) .sub-menu {
margin: 0;
padding: 16px 10px;
}
#main-menu:not(.opened) .sub-menu li {
margin: 8px 0;
padding: 0;
}
#main-menu:not(.opened) .sub-menu li a:hover {
border: none;
color: #D3000E;
}
#main-menu.opened {
padding: 30px 0;
}
#main-menu.opened li {
margin: 6px 0;
}
#main-menu.opened a {
display: block;
padding: 5px 0;
font-size: 32px;
line-height: 1.17;
font-weight: 600;
text-transform: uppercase;
color: #323232;
}
#main-menu .menu-item-10 > a {
display: none;
visibility: hidden;
}
.brgrd {
display: flex;
align-items: center;
justify-content: space-between;
}
.brgrd.opened {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 10px);
z-index: 66666;
background-color: #fff;
padding: 30px 0;
width: 100%;
flex-direction: column;
justify-content: center;
box-shadow: 0 50px 50px 25px rgba(0, 0, 0, 0.3);
}
.brgrd.opened .branding {
position: absolute;
top: 0;
right: 50%;
transform: translateX(20px);
}
.brgrd.opened .menu {
flex-direction: column;
}
.brgrd.opened .menu a {
font-size: 20px;
}
.brgrd.opened > .menu > .menu-item-has-children > a, .brgrd.opened > .menu > .menu-item-has-children > .arrow {
display: none;
}
.brgrd.opened > .menu > .menu-item-has-children > .sub-menu {
display: block;
margin: 0;
}
.brgrd.opened .menu > li {
margin-top: 5px;
}
.burger {
position: relative;
display: inline-block;
padding: 5px;
cursor: pointer;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
outline: none;
overflow: visible;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
}
.burger:hover,
.burger.is-active:hover {
opacity: 0.9;
}
.burger.is-active {
z-index: 456654;
}
.burger.is-active .burger-inner,
.burger.is-active .burger-inner::before,
.burger.is-active .burger-inner::after {
background-color: #000;
}
.burger-box {
width: 24px;
height: 16px;
display: inline-block;
position: relative;
}
.burger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.burger-inner, .burger-inner::before, .burger-inner::after {
width: inherit;
height: 2px;
background-color: #FF0000;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.25s;
transition-timing-function: ease;
}
.burger-inner::before, .burger-inner::after {
content: "";
display: block;
}
.burger-inner::before {
top: -8px;
}
.burger-inner::after {
bottom: -8px;
}
.burger--squeeze .burger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.burger--squeeze .burger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.burger--squeeze .burger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.burger--squeeze.is-active .burger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.burger--squeeze.is-active .burger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.burger--squeeze.is-active .burger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.burger:not(.is-active) .burger-inner::after {
width: 80%;
right: 0;
} body .fancybox-button.fancybox-close-small {
padding: 5px;
margin: 5px;
width: 40px;
height: 40px;
border: none;
border-radius: unset;
}
.fancybox-content div.wpcf7 .wpcf7-form .ajax-loader {
top: calc(2rem - 57px);
left: 0;
}
input::-webkit-input-placeholder { color: #888;
}
input:-ms-input-placeholder { color: #888;
}
input::placeholder {
color: #888;
}
body .wp-block-editor-blocks-wrapper .wrapper-inner-blocks {
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .wp-block-columns {
display: flex;
margin: 0;
flex-wrap: wrap;
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word;
}
.wp-block-image {
margin: 0;
} .f, .fcc {
display: flex;
align-items: center;
justify-content: center;
}
.group-fcs > div, .fcs {
display: flex;
align-items: center;
justify-content: flex-start;
}
.fcb {
display: flex;
align-items: center;
justify-content: space-between;
}
.fee {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.fss {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.fsb {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.align-end {
align-items: flex-end;
}
.overflowed {
overflow: hidden;
}
.has-text-align-center {
text-align: center;
}
.text-up {
text-transform: uppercase;
}
.m0 {
margin: 0;
}
.ma {
margin: auto;
text-align: center;
}
.mt1 {
margin-top: 15px;
}
.mt2 {
margin-top: 30px;
}
.mb1 {
margin-bottom: 1rem;
}
.mb3 {
margin-bottom: 3rem;
}
.mb5 {
margin-bottom: 5rem;
}
.text-xs {
font-size: 80%;
}
.has-text-align-right {
text-align: right;
} .main-wrap.p404 {
margin: 0;
padding: 100px 0 0;
}
.p404 .bg {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 300px;
}
.p404 p {
max-width: 300px;
margin: 10px auto 80px;
}
ul.r {
padding: 0;
list-style: none;
}
.edit-link {
margin: 0;
position: absolute;
z-index: 99;
bottom: 30px;
right: 30px;
}
.old {
background: gray !important;
}
.page-id-3 .main-wrap {
margin-bottom: 60px;
}
.hide, .hide-xs, .hide-sm, .hide-md, .hide-lg, .hide-xl {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
@media all and (max-width: 767px) {
.wp-block-column {
flex-basis: 100% !important;
}
} @media all and (min-width: 319px) {
.hide-xs {
display: unset;
visibility: unset;
position: initial;
left: unset;
}
.hide-axs {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
} @media all and (min-width: 576px) {
.hide-sm {
display: unset;
visibility: unset;
position: initial;
left: unset;
}
.hide-asm {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
.whywe .wp-block-columns .wp-block-column.w25 {
max-width: 25%;
flex-basis: 25%;
}
.whywe .wp-block-columns .wp-block-column.w50 {
max-width: 50%;
flex-basis: 50%;
margin: 0;
}
} @media all and (min-width: 768px) {
.wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0;
}
.wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-column:not(:first-child, .no-margin) {
margin-left: 20px;
}
h2, .h2 {
margin: 0 0 83px;
font-size: 36px;
}
.hide-md {
display: block;
visibility: unset;
position: initial;
left: unset;
}
.hide-amd {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
.hero {
padding: 50px 0 150px;
}
.hero:not(.no-margins) .wp-block-column:first-child {
max-width: 65%;
flex-basis: 65%;
position: relative;
z-index: 3;
}
.hero:not(.no-margins) .wp-block-column:nth-child(2) {
position: relative;
display: flex;
justify-content: flex-end;
z-index: 2;
margin-left: -17.5%;
margin-right: -164px;
}
.home .hero:not(.no-margins) .wp-block-column:nth-child(2) {
position: relative;
z-index: 2;
margin-left: -17.5%;
margin-right: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.hero:not(.no-over) {
overflow: hidden;
}
.hero > .wrapper-inner {
z-index: 1;
}
.hero > .wrapper-inner::before {
content: '';
position: absolute;
z-index: -1;
width: 463px;
height: 582px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/before_hero.svg);
background-repeat: no-repeat;
background-size: contain;
top: -14px;
left: -309px;
}
.hero > .wrapper-inner::after {
content: '';
position: absolute;
z-index: -1;
width: 825px;
height: 405px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/bg_hero_kubiki.svg);
background-repeat: repeat-x;
background-size: contain;
bottom: -28px;
right: -167px;
}
.services .hero > .wrapper-inner::after {
bottom: unset;
top: -30px;
right: -430px;
}
.hero .subhead.top {
padding-top: 72px;
padding-bottom: 46px;
}
.home .hero .has-icon {
margin: 75px 125px 0 0;
}
.home .hero .col-text {
padding-top: 0;
}
.home .hero .col-img img {
bottom: unset;
width: auto;
max-width: 100%;
right: unset;
position: relative;
} .page-id-8 .hero {
padding: 70px 0 90px;
}
.hero .big-img img {
position: absolute;
width: initial;
max-width: 700px;
margin: 0;
}
.page-id-8 .hero .wp-block-column:first-child {
padding: 0 80px 0 0;
}
.page-id-8 .about .wp-block-column:nth-child(2) {
padding: 0 0 0 80px;
margin: 0;
}
.about {
padding-top: 113px;
padding-bottom: 160px;
}
.about .main-img img {
display: block;
margin: 0;
}
.about .main-img:nth-child(1) {
position: relative;
left: -121px;
padding-right: 129px;
}
.about .main-img:nth-child(2) {
display: flex;
justify-content: flex-end;
} .test .wp-block-columns {
min-height: 429px;
}
.clients {
padding: 170px 0;
}
.clients .line1, .clients .line2 {
display: grid;
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(7, 1fr);
overflow: hidden;
}
.clients .wp-block-column:nth-child(1) {
grid-area: 1/5/2/8;
}
.clients .wp-block-column:nth-child(2) {
grid-area: 1/1/3/3;
}
.clients .wp-block-column:nth-child(3) {
grid-area: 1/3/2/4;
}
.clients .wp-block-column:nth-child(4) {
grid-area: 2/4/3/5;
}
.clients .wp-block-column:nth-child(5) {
grid-area: 2/6/3/8;
}
.clients .line2 .wp-block-column:nth-child(1) {
grid-area: 1/1/3/3;
}
.clients .line2 .wp-block-column:nth-child(2) {
grid-area: 1/3/2/5;
}
.clients .line2 .wp-block-column:nth-child(3) {
grid-area: 1/5/2/6;
}
.clients .line2 .wp-block-column:nth-child(4) {
grid-area: 2/4/3/6;
}
.clients .line2 .wp-block-column:nth-child(5) {
grid-area: 1/6/3/8;
}
.reviews {
padding: 0 0 170px;
}
.whywe {
padding: 170px 0;
}
.whywe .wp-block-columns:first-child {
margin: 0 0 60px;
}
.whywe .has-pad {
padding: 68px 32px 0;
}
.whywe .has-tpad {
padding: 68px 0 0;
}
.whywe .superimg {
margin: 0;
position: absolute;
right: 15px;
bottom: 60px;
}
.test h2,.test .subhead {
font-size: 28px;
color: #D3000E;
margin: 40px 0;
}
.test .subhead {
color: #231F20;
line-height: 140%;
text-transform: uppercase;
}
.consult {
padding-top: 98px;
padding-bottom: 66px;
}
.consult .wp-block-column:nth-child(2) {
opacity: 1;
height: auto;
}
.app .wp-block-columns {
padding: 50px 0 0;
}
.app .wp-block-column:first-child {
padding: 60px 0;
}
.app .wp-block-column:nth-child(2) {
padding-right: 75px;
}
.blockquote {
padding: 120px 0 100px;
}
.offers {
padding: 0 0 180px;
}
.faq, .vacancy {
padding-top: 90px;
padding-bottom: 120px;
}
.faq .left {
padding-right: 170px;
}
.faq .right {
padding-top: 0;
}
.vacancy .wp-block-column:not(:first-child) {
margin-left: 40px;
}
.vacancy .right {
padding-left: 170px;
}
.hero h1 {
margin-bottom: 40px;
}
.sec2 > div {
padding: 208px 0 173px;
}
.sec2 .wp-block-column {
max-width: 33.33%;
flex-basis: 33.33%;
}
.sec2 .wp-block-column:first-child {
margin-left: 63px;
}
.sec2 .wp-block-column:nth-child(2) {
max-width: 66.66%;
flex-basis: 66.66%;
}
.sec2 ul {
display: grid;
grid-template-columns: 1fr 1fr;
}
.sec2 ul li {
padding: 0 43px 53px 43px;
}
.sec3 {
padding: 103px 0;
}
.sec3 > div::after {
content: '';
position: absolute;
z-index: 1;
width: 498px;
height: 427px;
background-image: url(//do-business.kz/wp-content/themes/cw/img/after_sec3.svg);
background-repeat: no-repeat;
background-size: 498px;
background-position: left top;
bottom: -103px;
right: -164px;
}
.sec3 p {
font-size: 22px;
line-height: 150%;
}
.sec4 {
padding: 170px 0 120px;
}
.services .hero .wp-block-column:nth-child(2) img {
position: relative;
margin: 0 0 -53px;
}
.our-services {
padding: 0 0 140px;
}
.our-services > div {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 40px;
margin: 0 0 0 33%;
}
.our-services .has-icon {
margin: 0 0 0 32px;	
}
.tarifs ul {
padding: 62px 20px;
}
.tarifs ul li {
padding: 0 0 28px 28px;
}
.tarifs:not(.buh) .wp-block-column:not(:first-child) {
margin-left: 40px;
}
.tarifs .wp-block-column .head {
padding: 40px 60px;
}
.tarifs .wp-block-button__link {
margin: 0 0 60px;
}
.sec5 > div > div {
padding: 127px 0;
}
.sec5 > div::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-image: url(//do-business.kz/wp-content/themes/cw/img/after_consult.svg);
background-repeat: no-repeat;
background-size: 500px;
background-position: right center;
bottom: 0;
right: 0;
}
.sec5 p {
font-weight: 500;
font-size: 28px;
line-height: 140%;
text-transform: uppercase;
color: #231F20;
}
.sec6 > div > div {
padding: 150px 0 70px;
}
.sec6 .wp-block-columns.r, .sec6 .wp-block-columns.r > div {
padding-top: 65px;
}
.sec6 .right {
padding: 0 0 0 80px;
}
.sec6 .head {
max-width: 50%;
}
.sec7 {
padding: 170px 0 130px;
}
.sec7 .title {
font-size: 36px;
}
.sec7 .has-icon {
padding: 0 0 40px 100px;
}
.tarifs.buh {
padding-top: 90px;
}
.tarifs.buh ul {
padding: 62px 20px;
}
.tarifs.buh .wp-block-column .head {
min-height: 200px;
}
.sec_calc > div{
padding: 120px 0;
}
.sec_calc .wp-block-column:nth-child(1) {
padding: 0 49px 0 0;
}
.sec_calc .wp-block-column:nth-child(2) {
padding: 0 0 0 49px;
border-left: 1px solid #A5A3A2;
}
.page-id-91 .mfp-ready .mfp-content {
padding: 40px;
}
body.category .hero .wrapper-inner-blocks,
body.blog .hero .wrapper-inner-blocks {
padding-top: 25px;
}
body.blog .hero .wp-block-columns {
padding-bottom: 90px;
}
body.blog #breadcrumbs {
margin-bottom: 50px;
}
body.category .hero .wrapper-inner-blocks::after,
body.blog .hero .wrapper-inner-blocks::after {
top: unset;
bottom: 0;
}
.page-id-100 .hero .wp-block-column:not(:first-child) {
padding-top: 0;
} .blog-posts {
padding-top: 89px;
padding-bottom: 120px;
}
.news .title {
padding: 0 0 30px;
}
.p404 .bg {
background: url(//do-business.kz/wp-content/uploads/2020/12/404.svg) no-repeat;
min-height: 500px;
background-position: center;
}
.p404 .in {
position: absolute;
text-align: center;
}
} @media all and (min-width: 991px) {
h1, .h1 {
font-size: 60px;
}
.hide-lg {
display: block;
visibility: unset;
position: initial;
left: unset;
}
.hide-alg {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
#main-menu .menu-item-10 > a {
display: initial;
visibility: visible;
}
#main-menu .sub-menu {
text-align: left;
}
.logo-lg {
max-width: 200px;
}
.hide-lg.fcs {
display: flex;
}
#main-menu {
flex-direction: row;
} .offers .wp-block-column {
max-width: calc(33.33% - 40px);
flex-basis: calc(33.33% - 40px);
}
.app h2 {
font-size: 46px;
}
.news .item::after {
position: absolute;
content: '';
width: 50px;
height: 50px;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUwMDQ4OCIgd2lkdGg9IjM5IiBoZWlnaHQ9IjM5IiBzdHJva2U9IiMzMjMyMzIiLz4KPHBhdGggZD0iTTggMzIuMDAwNUwzMiA4LjAwMDQ5TTMyIDguMDAwNDlIMTYuMzYzNk0zMiA4LjAwMDQ5VjIzLjYzNjkiIHN0cm9rZT0iIzMyMzIzMiIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
}
} @media all and (min-width: 1200px) {
.hide-xl {
display: block;
visibility: unset;
position: initial;
left: unset;
}
.hide-axl {
display: none;
visibility: hidden;
position: absolute;
left: -99999px;
}
.entries .img-wrap {
height: 195px;
}
.entries.posts .img-wrap {
height: 234px;
}
}