/*Обнуление стилей*/
html,body,div,span,applet,object,iframe,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/*Подключение шрифтов*/
@font-face {
font-family: "GothaProLig";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/GothaProLig.otf') format('truetype');
}
@font-face {
font-family: "GothaProReg";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/GothaProReg.otf') format('truetype');
}
@font-face {
font-family: "GothaProMed";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/GothaProMed.otf') format('truetype');
}
@font-face {
font-family: "GothaProBol";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/GothaProBol.otf') format('truetype');
}
@font-face {
font-family: "GothaProBla";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../fonts/GothaProBla.otf') format('truetype');
}
.main-icons-prod-slider {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.content_toggle {
font-size: 12px;
border-bottom: 1px solid;
color: #4D7285;
cursor: pointer;
}
.review-description {
overflow: hidden;
position: relative;
}
.review-description.hide {
height: 150px;
}
.review-description.hide:after{
content: "";
display: block;
height: 60px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
video {
max-width: 100%;
}
.reviewsmod-list .reviewsmod-list-info {
padding: 30px;
border: 2px solid #F2F5FA;
box-sizing: border-box;
border-radius: 20px;
height: 100%;
}
.reviewsmod-list .reviewsmod-list-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
.reviewsmod-list .reviewsmod-list-header-info {
flex: 1 1 auto
}
.reviewsmod-list .reviewsmod-list-img {
}
.reviewsmod-list .reviewsmod-list-img img {
border-radius: 50%;
}
.reviewsmod-list .reviewsmod-list-item-title {
display: table;
font-size: 16px;
font-family: 'GothaProMed';
margin: 0 0 0px;
}
.reviewsmod-list .reviewsmod-list-item-date {
color: rgb(0 48 73 / 30%);
font-size: 12px;
}
.reviewsmod-list .reviewsmod-list-item-stars {
background: url(images/icon-stars.svg);
height: 10px;
width: 60px;
display: table;
background-size: contain;
margin-top: 5px;
}
.reviewsmod-list .reviewsmod-list-text {
}
.reviewsmod-list .review-description {
color: rgb(0 48 73 / 50%);
font-size: 14px;
line-height: 1.6;
}
.reviewsmod-list .flexblock-1-4 {
margin-bottom: 20px;
}
/*Основные стили*/
body {
line-height: 1.2;
font-family: "GothaProReg";
font-size: 16px;
color:#3C3F5A ;
font-weight: normal !important;
}
html, body {
height: 100% !important;
}
.bold {
font-family: 'GothaProMed' !important;
font-weight: normal !important;
}
@media (min-width: 1280px) {
.wrapper-site {
display: table;
height: 100%;
width: 100%;
}
.content {
display: table-row;
height: 100%;
}
}
.container {
max-width: 1420px;
min-width: 340px;
margin: 0 auto;
box-sizing: border-box;
}
.text-right {
text-align: right;
display: block;
}
img {
display: block;
max-width: 100%;
height: auto;
box-sizing: border-box;
}
p {
margin-bottom: 10px;
}
p:last-child {
margin-bottom: 0;
}
a {
text-decoration: none;
display: inline;
color: inherit;
outline: none !important;
}
a.button,
button.button {
border-radius: 16px;
color: #fff;
border: none;
box-sizing: border-box;
font-size: 14px;
display: table;
text-transform: uppercase;
font-family: "GothaProMed";
padding: 24px 30px;
text-align: center;
cursor: pointer;
margin: 10px 0 10px;
background: linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
}
a.button.icon-calc {
background: url(../images/icon-calcbutt.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: left 15px center, center;
background-repeat: no-repeat;
background-size: 40px, 100%;
padding: 24px 30px 24px 70px;
}
a.button-center {
margin: 0 auto;
}
a.button.icon-arrow {
background: url(../images/arrow-right-02-round.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: right 20px center, center;
background-repeat: no-repeat;
background-size: 26px, 100%;
padding: 24px 60px 24px 30px;
}
strong {
font-family: "GothaProBol";
}
.flex {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.flex-vertical-center {
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.flex-nowrap {
flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
}
.flex-margin-20 {
margin-left: -20px;
}
.flex-margin-20>* {
padding-left: 20px;
box-sizing: border-box;
/*margin-bottom: 20px;*/
}
.flex-margin-20>*:last-child {
/*margin-bottom: 0px;*/
}
.flexblock-1-2 {
width: 50%;
}
.flexblock-1-4 {
width: 25%;
}
.flexblock-3-4 {
width: 75%;
}
.flexblock-3-5 {
width: 60%;
}
.flexblock-2-5 {
width: 40%;
}
.flexblock-1-3 {
width: 33.3%;
}
.flexblock-2-3 {
width: 66.7%;
}
.flexblock-1-6 {
width: 16.66%;
}
* {
-webkit-tap-highlight-color: transparent; /* for removing the highlight */
}
.image-slider-block {
margin: 30px 0;
position: relative;
}
.image-slider-block .slick-track {
margin-left: 0;
}
.image-slider-block .image-slider {
}
.image-slider-block .image-slider .slick-list {
margin-left: -15px;
}
.image-slider-block .dopimage-slider .slick-list {
margin-left: -15px;
}
.image-slider-block .image-slider div.slick-slide {
margin-left: 15px;
}
.image-slider-block .dopimage-slider div.slick-slide {
margin-left: 15px;
}
.image-slider-block .image-slider div img {
border-radius: 12px;
width: 100%;
display: block;
}
.image-slider-block .dopimage-slider div img {
border-radius: 12px;
width: 100%;
display: block;
}
.image-slider-block .image-slider-arrows {
position: absolute;
width: 100%;
top: 50%;
margin-top: -30px;
}
.image-slider-block .dopimage-slider-arrows {
position: absolute;
width: 100%;
top: 50%;
margin-top: -30px;
}
.smallcard-page-slider .slick-track {
display: flex !important
;
}
.smallcard-page-slider-item.slick-slide {
height: auto !important;
}
.smallcard-page-slider-block {
position: relative;
padding-bottom: 60px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows {
position: absolute;
width: 100%;
bottom: 0;
margin-top: 0;
display: flex
;
justify-content: center;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows span {
width: 60px;
height: 60px;
display: block;
border-radius: 50%;
cursor: pointer;
margin: 0 10px;
}
.image-slider-block .image-slider-arrows span {
width: 60px;
height: 60px;
display: block;
border-radius: 50%;
position: absolute;
cursor: pointer;
}
.image-slider-block .dopimage-slider-arrows span {
width: 60px;
height: 60px;
display: block;
border-radius: 50%;
position: absolute;
cursor: pointer;
}
.image-slider-block .image-slider-arrows .image-slider-next {
background: url(../images/arrow-next.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
right: -15px;
}
.image-slider-block .image-slider-arrows .image-slider-previous {
background: url(../images/arrow-prev.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
left: -15px;
}
.image-slider-block .dopimage-slider-arrows .dopimage-slider-next {
background: url(../images/arrow-next.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
right: -15px;
}
.image-slider-block .dopimage-slider-arrows .dopimage-slider-previous {
background: url(../images/arrow-prev.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
left: -15px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows .smallcard-page-slider-arrows-next {
background: url(../images/arrow-next.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
right: -15px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows .smallcard-page-slider-arrows-previous {
background: url(../images/arrow-prev.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
left: -15px;
}
/***********************МЕГА МЕНЮ*************************/
@media (min-width: 1368px) {
body.open {
overflow-y: hidden;
overflow-x: hidden;
padding-right: 17px;
}
}
.mega-menu {
color: #fff;
position: fixed;
z-index: 10;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #3C3F5A;
visibility: hidden;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.open .mega-menu {
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.mega-menu-top .flexblock-1-4 {
padding: 30px 0 30px 20px;
position: relative;
}
.mega-menu-top .flexblock-1-4:before {
content: '';
width: 1px;
height: 100%;
right: 0;
background: #4b4f6d;
position: absolute;
top: 0;
}
.mega-menu-top .mega-menu-logo {
}
.mega-menu-top .menu-close-button-block {
justify-content: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: inherit;
}
.mega-menu-top .button.mega-menu__button-close{
padding: 17px 30px 17px 60px;
background: #4b4f6d url(../images/close-black.svg);
background-repeat: no-repeat;
background-position: left 25px center;
color: #8a8dab;
margin: 0;
}
.mega-menu-main-block .flexblock-1-4 {
padding: 30px 0 30px 20px;
position: relative;
}
.mega-menu-main-block .flexblock-3-4 {
padding: 30px 0 30px 20px;
}
.mega-menu-main-block .flexblock-1-4:before {
content: '';
width: 1px;
height: 100%;
right: 0;
background: #4b4f6d;
position: absolute;
top: 0;
}
.menu-tabs-control{
margin: 0;
}
.menu-tabs-control a {
display: block;
border-bottom: none;
text-decoration: none;
font-size: 24px;
font-family: 'GothaProMed';
padding: 15px 0;
color: #8a8dab;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.menu-tabs-control a:first-child {
padding: 0 0 15px 0;
}
.menu-tabs-control a:last-child {
padding: 15px 0 0 0;
}
.menu-tabs-control a:hover {
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.menu-tabs-control a.tab-current {
color: #fff;
}
.menu-tabs-content{
/*padding: 5px;*/
}
.menu-tabs-content > div{
display: none;
}
.menu-tabs-content > div.tab-current{
display: block;
}
.mega-menu::-webkit-scrollbar {
width: 6px; /* ширина scrollbar */
}
.mega-menu::-webkit-scrollbar-track {
background: #8a8dab; /* цвет дорожки */
}
.mega-menu::-webkit-scrollbar-thumb {
background-color:#4b4f6d; /* цвет плашки */
border-radius: 20px; /* закругления плашки */
border-radius: 3px; /* padding вокруг плашки */
}
.mega-menu-child>li {
width: 33.3%;
margin-bottom: 20px;
}
.mega-menu-child>li>a {
font-size: 20px;
padding: 5px 0;
display: table;
position: relative;
font-family: 'GothaProMed';
}
.mega-menu-child>li.current>a {
color: #56B0FF;
}
.mega-menu-child>li:first-child>a {
padding: 0 0 5px 0;
}
.mega-menu-child>li:last-child>a {
padding: 5px 0 0 0;
}
.mega-menu-child>li>a.icon-fire:before {
content: '';
background: url(../images/fire-icon.svg);
width: 32px;
height: 16px;
position: absolute;
right: -10px;
background-size: contain;
background-repeat: no-repeat;
top: -10px;
}
.mega-menu-child>li>a.icon-sale:before {
content: '';
background: url(../images/sale.svg);
width: 32px;
height: 16px;
position: absolute;
right: -10px;
background-size: contain;
background-repeat: no-repeat;
top: -10px;
}
.mega-menu-child .dropdown-menu li a {
font-size: 14px;
font-family: 'GothaProReg';
padding: 5px 0;
display: block;
color: #b3b4c7;
}
.mega-menu-child .dropdown-menu li.current a {
color: #56B0FF;
}
.mega-menu-child .dropdown-menu {
padding: 15px 0;
}
.mega-menu-child .dropdown-menu li:first-child a {
padding: 0 0 5px 0;
}
.mega-menu-child .dropdown-menu li:last-child a {
padding: 5px 0 0 0;
}
.stolbmenu .mega-menu-child {
display: block;
}
.columnmenu .mega-menu-child>li>a {
padding: 0;
}
.stolbmenu .mega-menu-child>li {
width: auto;
margin-bottom: 0px;
}
.mega-menu-bootom .flexblock-1-4,
.mega-menu-bootom .flexblock-3-4 {
padding: 30px 0 30px 20px;
position: relative;
}
.mega-menu-bootom .flexblock-1-4:before {
content: '';
width: 1px;
height: 100%;
right: 0;
background: #4b4f6d;
position: absolute;
top: 0;
}
.mega-menu-bootom .continfo-block-title {
color: #8a8dab;
}
.mega-menu-bootom .continfo-block-descr {
color: #8a8dab;
margin-bottom: 10px;
}
.mega-menu-bootom .continfo-block-messege-cta {
color: #8a8dab;
}
.mega-menu-bootom .timework {
color: #8a8dab;
margin-bottom: 10px;
}
.mega-menu-bootom .service-button {
background: #4b4f6d;
display: block;
border-radius: 20px;
padding: 30px 125px 90px 30px;
box-sizing: border-box;
font-size: 16px;
position: relative;
height: 100%;
}
.mega-menu-bootom .flexblock-1-3 {
margin: 0 0 20px;
}
.mega-menu-bootom .service-button span {
}
.mega-menu-bootom .service-button img {
position: absolute;
right: 30px;
bottom: 30px;
}
.b24-widget-button-position-bottom-right {
right: 20px !important;
bottom: 140px!important;
}
/*********************БАР*******************************/
.menu-mobile-bar {
display: none;
position: fixed;
bottom: 0;
width: -webkit-fill-available;
box-sizing: border-box;
padding: 15px 0;
border-radius: 15px;
z-index: 10;
margin: 10px;
backdrop-filter: blur(12.5px);
background: rgb(60 63 90 / 70%);
}
.menu-mobile-bar .flexbox {
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
}
.menu-mobile-bar-button {
width: 25%;
}
.menu-mobile-bar-cart {
width: 25%;
}
.menu-mobile-bar-cart .uplite_jshop_module_cart .cart_info {
margin: 0 auto;
}
.menu-mobile-bar-button a {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
border: none;
position: relative;
display: block;
margin: 0 auto;
}
.menu-mobile-bar-button a.gift-icon {
background: #fff url(../images/icon_gift.svg);
background-size: 110px;
background-position: center;
background-repeat: no-repeat;
}
.menu-mobile-bar-button a.phone-icon {
background: url(../images/icon_phone.svg);
background-size: 136px;
background-position: center;
background-repeat: no-repeat;
}
.menu-mobile-bar .menu-mobile-bar-button>span,
.menu-mobile-bar .menu-mobile-bar-cart .uplite_jshop_module_cart>span {
font-size: 11px;
color: #fff;
display: block;
line-height: 1.2;
text-align: center;
margin: 5px 0 0;
}
.menu-mobile-bar-cart .uplite_jshop_module_cart {
padding-left: 0px;
}
.menu-mobile-bar-cart .button-link {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
border: none;
position: relative;
display: block;
margin: 0 auto;
}
.menu-mobile-bar-cart .button-link.button-link-cart {
background: #fff url(../images/cart.svg) center no-repeat;
}
.menu-mobile-bar-button .button-link.button-link-login {
background: #fff url(../images/user.svg) center no-repeat;
}
.menu-mobile-bar-button .button-link.button-link-pay {
background: #fff url(../images/payment.svg) center no-repeat;
}
.menu-mobile-bar-button .button-link.button-link-zakaz {
background: #fff url(../images/calculator.svg) center no-repeat;
}
/***********************Шапка*****************************/
.header-top {
padding: 30px 0;
}
.left-top-block {
flex: 1 1 auto;
justify-content: flex-start;
}
.right-top-block {
flex: 1 1 auto;
justify-content: flex-end;
}
.home .main-slider {
min-height: 460px;
margin-bottom: 60px;
box-sizing: border-box;
background: url(../images/top-left.svg), url(../images/top-right.svg), linear-gradient(186deg, rgba(255, 255, 255, 0.97) 65.21%, #ECF3FF 102.51%);
background-position: right -40px top, left top, center;
background-repeat: no-repeat;
background-size: 25%, 20%, cover;
padding: 0 0 90px;
}
.main-slider {
margin-bottom: 60px;
box-sizing: border-box;
background: url(../images/top-left.svg), url(../images/top-right.svg), linear-gradient(186deg, rgba(255, 255, 255, 0.97) 65.21%, #ECF3FF 102.51%);
background-position: right -40px top, left top, center;
background-repeat: no-repeat;
background-size: 25%, 20%, cover;
padding: 0 0 30px;
}
.top-block-logo {
}
.header-top button.button {
margin: 0;
padding: 17px 30px 17px 60px;
position: relative;
background: url(../images/menu-11.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: left 25px center, center;
background-repeat: no-repeat, repeat;
}
.top-block-button-menu button.button:before {
}
.top-block-quick-menu {
}
.top-block-form-zakaz {
}
.top-block-form-zakaz a.link-zakaz {
font-size: 14px;
color: #56B0FF;
font-family: 'GothaProMed';
position: relative;
padding-left: 25px;
}
.top-block-form-zakaz a.link-zakaz:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
background: url(../images/calculator.svg) center no-repeat;
left: 0;
top: 50%;
margin-top: -10px;
}
.top-block-search {
padding-left: 10px;
}
.top-block-link-login {
padding-left: 10px;
}
.uplite_jshop_module_cart {
padding-left: 10px;
}
.uplite_jshop_module_cart .cart_info {
}
.uplite_jshop_module_cart .cart_info .count_product {
position: absolute;
right: -6px;
top: -6px;
background: #3da3fe;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
}
.uplite_jshop_module_cart .cart_info .count_product span {
color: #ffffff;
font-family: 'GothaProReg';
font-size: 10px;
}
.header-top .uplite_jshop_module_cart>span {
display: none;
}
.button-link {
display: block;
border: 2px solid #F1F3FA;
border-radius: 8px;
width: 40px;
height: 40px;
position: relative;
}
.button-link-login {
background: url(../images/user.svg) center no-repeat;
}
.button-link-cart {
background: url(../images/cart.svg) center no-repeat;
}
.top-block-contacts {
}
.top-block-contacts-phone {
}
.top-block-contacts-phone a {
font-size: 14px;
display: block;
font-family: 'GothaProBol';
}
.top-block-contacts-phone span {
font-size: 12px;
color: #888CAF;
display: block;
margin: 0px 0 0;
}
.top-block-contacts button.button {
display: none;
}
.quick-menu {
margin-left: 15px;
}
.quick-menu li {
display: inline-block;
margin-right: 15px;
}
.quick-menu li:last-child {
display: inline-block;
margin-right: 0px;
}
.quick-menu li a {
font-size: 14px;
}
/******************О компании***********************/
.about-information p {
line-height: 1.4;
margin-bottom: 15px;
}
.content-block span.block-title {
font-family: 'GothaProMed';
font-size: 24px;
display: block;
}
.content-block .title-description {
display: block;
margin: 0 0 30px;
}
.content-block .about-postavshiki,
.content-block .about-comanda,
.content-block .about-why,
.content-block .about-how,
.content-block .about-blagodars {
margin-top: 30px;
}
.about-information .item-image img {
border: 2px solid #F1F3FA;
border-radius: 20px;
padding: 5px;
}
.about-postavshiki-logos {
margin: 30px 0;
}
.about-postavshiki-logos .flexblock-1-4 {
margin: 0 0 20px 0;
}
.about-comanda-block {
margin: 30px 0 60px;
}
.about-comanda-block-item {
}
.about-comanda-block-item-img {
position: relative;
margin-bottom: 15px;
}
.about-comanda-block-item-img img {
border: 2px solid #F1F3FA;
border-radius: 20px;
padding: 5px;
}
.about-comanda-block-item-img a.button {
/*position: absolute;
bottom: 8px;
margin: 0;
left: 8px;
right: 8px;*/
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
}
.about-comanda-block-item-title {
font-family: 'GothaProMed';
display: block;
font-size: 18px;
margin: 0 0 5px
}
.about-comanda-block-item-descr {
font-size: 14px;
color: #888CAF;
font-family: 'GothaProLig';
display: block;
}
.about-blagodars {
}
.about-blagodars-block {
margin: 30px 0 60px;
}
.about-blagodars-block img {
border: 2px solid #F1F3FA;
border-radius: 20px;
padding: 5px;
}
.about-why-block {
margin: 30px 0 60px;
}
.about-why-block .flexblock-1-4 {
margin-bottom: 20px;
}
.about-why-block-item {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.about-why-block-img {
/*width: 25%;*/
}
.about-why-block-img img {
width: 60px;
}
.about-why-block-descr {
width: 75%;
padding-left: 15px;
box-sizing: border-box;
font-size: 14px;
}
.about-how-block {
margin: 30px 0 60px;
}
.about-how-block .flexblock-1-4 {
margin-bottom: 20px;
}
.about-how-block-item {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.about-how-block-img {
width: 25%;
}
.about-how-block-img img {
width: 100%;
}
.about-how-block-descr {
width: 75%;
padding-left: 15px;
box-sizing: border-box;
}
/********************ГОСТЫ и файлы********************/
.list-gost {
margin: 30px 0;
}
.list-gost a,
.dop-files a {
background: #F1F3FA url(../images/file-download.svg) left 18px center no-repeat;
background-size: 20px;
border-radius: 20px;
display: table;
padding: 15px 15px 15px 50px;
margin-bottom: 10px;
overflow-wrap: anywhere;
line-height: 1.4;
}
.dop-files {
margin: 60px 0 0
}
/********************Проекты***************/
.project-menu {
background: #F1F3FA;
border-radius: 20px;
width: fit-content;
margin: 60px 0;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
flex-wrap: wrap;
}
.project-menu li a {
display: inline-block;
padding: 20px;
border-bottom: none;
text-decoration: none;
color: #222;
font-size: 14px;
}
.project-menu li.active a{
background: #9CC9FF;
color: #fff;
font-family: 'GothaProMed';
border-radius: 20px;
}
.title-with-icons .flex {
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.title-with-icons .title-wi {
font-size: 24px;
font-family: 'GothaProMed';
}
.title-with-icons .title-wi span {
color: #41ABFF;
}
.title-with-icons .title-icons-item,
.title-with-icons .title-icons-item.slick-slide {
display: flex !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.main-icons-prod-slider .slick-arrow {
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
position: absolute;
cursor: pointer;
font-size: 0;
top: 50%;
border: none;
margin-top: -20px;
z-index: 1;
}
.main-icons-prod-slider .slick-arrow.slick-next {
background: url(../images/arrow-next.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
right: 0px;
}
.main-icons-prod-slider .slick-arrow.slick-prev {
background: url(../images/arrow-prev.svg) center no-repeat, linear-gradient(231deg, #39AFFD -1.23%, #477FFF 100.3%);
left: 0px;
}
.title-with-icons .title-icons-img {
width: 25%;
}
.title-with-icons .title-icons-img img {
}
.title-with-icons .title-icons-descr {
width: 75%;
display: block;
padding-left: 15px;
box-sizing: border-box;
font-size: 16px;
}
.project-list-item {
margin-bottom: 20px;
}
.project-main-img {
position: relative;
margin-bottom: 15px;
}
.project-main-img img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
max-width: inherit;
height: 400px;
border-radius: 30px;
}
.project-main-img img:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgb(60 63 90 / 10%);
border-radius: 30px;
}
.project-list-item-category {
position: absolute;
bottom: 20px;
left: 20px;
background: rgb(75 79 109 / 60%);
padding: 10px 20px;
display: block;
color: #c1d4ec;
border-radius: 30px;
}
.project-list-item-category .category-name {
font-size: 12px;
line-height: 1;
display: block;
}
.project-list-item-title {
font-family: 'GothaProMed';
display: block;
font-size: 18px;
margin: 0 0 5px 0px;
}
.project-list-item-inf {
font-size: 14px;
color: #888CAF;
font-family: 'GothaProLig';
display: block;
margin: 0 0 3px;
}
.project-gallery img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
max-width: inherit;
height: 400px;
border-radius: 30px;
margin-bottom: 20px;
}
.project-description {
}
.project-description span {
margin-bottom: 15px;
display: block;
}
.project-description span strong {
display: block;
font-size: 20px;
margin: 0 0 10px;
}
.mod-form-cta-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mod-form-cta-container .mod-form-cta {
width: 65%;
box-sizing: border-box;
}
.mod-form-cta-container .mod-dopform-cta span {
font-family: 'GothaProBol';
font-size: 24px;
display: block;
margin: 0 0 40px;
}
.mod-form-cta-container .mod-dopform-cta {
width: 35%;
margin: 0 0 10px 0px;
box-sizing: border-box;
padding: 0 0 0 30px;
}
.mod-dopform-ctaitem {
background: #F1F3FA;
border-radius: 30px;
padding: 60px;
height: 100%;
box-sizing: border-box;
}
.mod-form-cta-container {
}
/*************************ПРОДУКЦИЯ УСЛУГИ***************************/
.home .main-offer {
padding: 30px 0 90px;
}
.main-offer {
padding: 30px 0 30px;
}
.main-offer .right-offer img {
border: 2px solid #F1F3FA;
border-radius: 20px;
padding: 5px;
width: 100%;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
}
.main-offer h1 {
margin-bottom: 30px;
font-family: 'GothaProBol';
font-size: 48px;
margin-top: 0;
}
.main-offer .mainoffer-text {
font-size: 16px;
font-family: 'GothaProReg';
margin-bottom: 30px;
}
.main-offer .mainoffer-text p {
margin: 0 0 5px;
line-height: 1.2;
}
.mainoffer-cta .continfo-block-messege a {
margin-right: 5px;
}
.mainoffer-cta .continfo-block-messege a:last-child {
margin-right: 0px;
}
.mainoffer-cta span.phones {
font-size: 14px;
color: #888CAF;
display: block;
margin-left: 15px;
margin-right: 15px;
text-align: left;
}
.mainoffer-cta span.phones a {
color: #3C3F5A;
font-size: 18px;
display: block;
font-family: 'GothaProBol';
}
.main-icons .title-wi {
font-size: 36px;
}
.main-icons {
background: #fff;
margin: -150px 5% 60px;
z-index: 1;
position: relative;
padding: 50px 0;
border-radius: 80px;
}
.margin-top-60 {
margin: 60px 0;
}
.main-big-text {
margin: 90px 0;
text-align: center;
font-size: 80px;
font-family: "GothaProBol";
line-height: 1.2;
}
.main-big-text span {
color: #0B72C4;
display: block;
}
.main-cards-block {
}
.main-cards-block a {
}
.main-cards-block .main-cards-item {
position: relative;
background: linear-gradient(150deg, #F6FAFF 36.21%, #D3E4FF 73.51%);
border-radius: 20px;
min-height: 300px;
margin-bottom: 20px;
overflow: hidden;
padding: 30px;
box-sizing: border-box;
}
.main-cards-block .main-cards-item .main-cards-item-title {
font-size: 18px;
font-family: 'GothaProMed';
}
.main-cards-block .main-cards-item .card-arrow {
display: block;
background: url(../images/arrow-right-02-round-black.svg);
width: 24px;
height: 24px;
position: absolute;
bottom: 30px;
left: 30px;
}
.main-cards-block .main-cards-item img {
position: absolute;
right: 0;
bottom: 0;
}
.seo-text-dop-files {
}
.seo-text {
columns: 2;
line-height: 1.4;
column-gap: 60px;
}
.seo-text p {
text-indent: 0 !important;
}
.dop-files {
}
.cta-form-block a.button {
margin: 0 auto;
}
.block-pricetable {
background: #fff;
border: 1px solid #f1f3fa;
margin: 30px 0;
border-radius: 20px;
overflow: hidden;
font-size: 14px;
}
.pricetable-row:first-child {
background: #f1f3fa;
}
.pricetable-first-column {
width: 70%;
border-right: 1px solid #f1f3fa;
padding: 15px;
border-bottom: 1px solid #f1f3fa;
box-sizing: border-box;
}
.pricetable-second-column {
width: 30%;
border-right: 1px solid #f1f3fa;
padding: 15px;
border-bottom: 1px solid #f1f3fa;
box-sizing: border-box;
}
.pricetable-row:first-child .pricetable-first-column,
.pricetable-row:first-child .pricetable-second-column {
font-size: 16px;
font-family: 'GothaProBol';
}
.mod-portfolio-uslugi {
margin: 60px 0;
}
.mod-portfolio-uslugi .title-with-icons {
margin: 0 0 60px;
display: block;
}
.mod-portfolio-uslugi .title-with-icons .title-wi span {
display: block;
}
.primery-rabot-block {
margin-top: 30px;
}
.primery-rabot-block img {
-o-object-fit: cover;
object-fit: cover;
min-height: 300px;
border-radius: 20px;
width: 100%;
height: 300px;
margin-bottom: 20px;
}
.primery-rabot-block a {
position: relative;
display: block;
}
.primery-rabot-block a:before {
content: "";
width: 100%;
position: absolute;
height: 100%;
background: rgb(60 63 90 / 10%);
border-radius: 16px;
}
.block-title span {
}
.block-title-descr {
margin: 15px 0;
display: block;
}
.form-calc {
}
.form-calc-block {
background: #fefeff;
border: 2px solid #3ca2fd;
border-radius: 30px;
padding: 30px;
}
.bigcards span.block-title {
margin-bottom: 40px;
font-family: 'GothaProBol';
font-size: 28px;
}
.bigcards span.block-title-small {
margin-bottom: 20px;
font-family: 'GothaProMed';
font-size: 18px;
display: block;
}
.bigcard-page {
position: relative;
background: #F1F3FA;
border-radius: 20px;
min-height: 300px;
margin-bottom: 20px;
overflow: hidden;
padding: 30px;
box-sizing: border-box;
height: 100%;
}
.bigcards .flexblock-1-2 {
margin-bottom: 20px;
}
.bigcard-page .bigcard-title {
font-family: 'GothaProMed';
display: block;
font-size: 18px;
margin: 0 0 5px 0px;
}
.bigcard-page .bigcard-descript {
font-size: 14px;
display: block;
margin: 20px 0px;
line-height: 1.4;
width: 420px;
}
.bigcard-page a.button {
}
.bigcard-page .bigcardimg {
position: absolute;
width: 200px;
height: 200px;
right: 30px;
bottom: 30px;
border-radius: 20px;
overflow: hidden;
}
.bigcard-page .bigcardimg img {
min-height: 100%;
object-fit: cover;
}
.smallcards {
}
.smallcards span.block-title {
margin-bottom: 40px;
font-family: 'GothaProBol';
font-size: 28px;
}
.smallcards span.block-title-small {
margin-bottom: 20px;
font-family: 'GothaProMed';
font-size: 18px;
display: block;
}
.smallcard-page {
position: relative;
background: #F1F3FA;
border-radius: 20px;
/*margin-bottom: 20px;*/
overflow: hidden;
padding: 30px;
height: 100%;
box-sizing: border-box;
}
.smallcard-page-slider {
display: -ms-flexbox;
display: -webkit-flex;
display: flex
;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
.smallcard-page-slider-item {
margin-bottom: 20px;
padding-left: 20px;
width: 25%;
box-sizing: border-box;
}
.smallcards .flexblock-1-4 {
margin-bottom: 20px;
}
.smallcards .smallcard-title {
font-family: 'GothaProMed';
display: block;
font-size: 18px;
margin: 0 0 0px 0px;
}
.smallcards .smallcard-descript {
font-size: 14px;
display: block;
margin: 20px 0px 0;
line-height: 1.4;
width: auto;
}
.smallcardsafter h4 {
font-family: 'GothaProBol';
font-weight: normal;
}
.smallcard-page .smallcardimg {
position: relative;
width: 160px;
max-height: 180px;
overflow: hidden;
margin-bottom: 20px;
}
.smallcard-page .smallcardimg img {
/*min-height: 100%;*/
object-fit: cover;
max-width: 100%;
border-radius: 5px;
}
.freetriggers {
}
.freetriggers .block-title {
margin-bottom: 40px;
font-family: 'GothaProBol';
font-size: 28px;
}
.freetriggers .triggercard-page {
}
.freetriggers .flexblock-1-4 {
margin-bottom: 20px;
}
.freetriggers .triggercard-title {
font-family: 'GothaProMed';
display: block;
font-size: 18px;
margin: 0 0 0px 0px;
width: 70%;
}
.freetriggers .triggercard-page {
}
.freetriggers .triggercardimg {
margin-bottom: 20px;
}
.freetriggers .triggercardimg img {
border-radius: 20px;
object-fit: cover;
height: 180px;
width: 220px;
}
.blocktriggers {
}
.blocktriggers .block-title {
margin-bottom: 40px;
font-family: 'GothaProBol';
font-size: 28px;
}
.blocktriggers {
}
.blocktriggers .flexblock-1-3 {
margin-bottom: 40px;
}
.blocktriggers .triggercard-page {
}
.blocktriggers .triggercardimg {
display: inline-block;
width: 120px;
height: 120px;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.blocktriggers .triggercardimg img {
object-fit: cover;
height: 100%;
}
.blocktriggers .triggercard-title {
display: block;
line-height: 1.2;
width: 70%;
}
.blocktriggers {
}
.blocktriggers {
}
.blocktriggers {
}
.blocktriggers-description {
display: block;
margin-bottom: 40px;
}
.phtriggers .block-title img {
border-radius: 20px;
height: 240px;
object-fit: cover;
}
.phtriggers .triggercardimg {
display: inline-block;
width: 50px;
margin-bottom: 20px;
}
.phtriggers .block-title {
margin-bottom: 40px;
}
.phtriggers .triggercard-title {
display: block;
line-height: 1.2;
width: 70%;
}
.phtriggers .flexblock-1-3 {
margin-bottom: 20px;
}
.phtriggers {
}
.phtriggers {
}
/***********************footer**************/
footer {
margin-top: 30px;
}
.footer {
padding-top: 60px;
border-top: 1px solid #E9EBF7;
}
.footer-block-logo {
margin: 0 0 15px;
}
.footer-block-logo img {
}
.footer-block-slogan {
color:#888CAF;
font-size: 14px;
margin-bottom: 30px;
}
.footer-block-title {
font-size: 20px;
font-family: 'GothaProMed';
color: #3C3F5A;
display: block;
margin-bottom: 30px;
}
.continfo-block {
margin: 0 0 30px;
}
.continfo-block:last-child {
margin: 0 0 30px;
}
.continfo-block-title {
color: #0B72C4;
font-size: 14px;
display: block;
margin: 0 0 15px;
padding: 1px 0 1px 24px;
line-height: 1.4;
}
.continfo-block-map {
background: url(../images/location.svg) left center no-repeat;
}
.continfo-block-phone {
background: url(../images/phone.svg) left center no-repeat;
}
.continfo-block-mail {
background: url(../images/mail.svg) left center no-repeat;
}
.continfo-block-docs {
background: url(../images/document-attachment.svg) left center no-repeat;
}
.continfo-block-descr {
font-size: 24px;
font-family: 'GothaProMed';
color: #3C3F5A;
display: block;
text-decoration: none;
margin-bottom: 10px;
}
.continfo-block a.grey-link-30 {
margin: 5px 0 0;
display: table;
text-decoration: none;
color: rgba(60, 63, 90, 0.50);
font-size: 14px;
border-bottom: 1px solid;
}
.continfo-block-messege {
}
.continfo-block-messege a {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 10px;
}
.continfo-block-messege a.continfo-block-messege-wap {
background: url(../images/whatsapp.svg) center no-repeat;
}
.continfo-block-messege a.continfo-block-messege-tlg {
background: url(../images/telegram.svg) center no-repeat;
}
.continfo-block-messege-cta {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.copyright {
margin: 60px 0;
padding-top: 60px;
}
.copyright-inf {
color: #888CAF;
font-size: 14px;
display: block;
margin: 0 0 6px;
}
.copyright-link {
color: #888CAF;
font-size: 14px;
display: table;
text-decoration: none;
border-bottom: 1px solid;
}
.copyright-uplite {
color: #B6D5ED;
font-size: 14px;
}
.copyright-uplite img {
vertical-align: middle;
display: inline-block;
}
.footer-menu {
margin-bottom: 30px;
}
.footer-menu ul li {
}
.footer-menu ul li a {
color: #888CAF;
font-size: 14px;
text-decoration: none;
margin-bottom: 10px;
display: table;
}
/*********************СТАТЬЯ***************************/
.com-content-article__body p,
.statya-text p,
.blocktriggers-description p {
line-height: 1.4;
text-indent: 15px;
text-align: justify;
}
.com-content-article__body a,
.statya-text a {
color: #41ABFF;
border-bottom: 2px solid;
font-family: 'GothaProMed';
margin: 5px 0 0;
}
.com-content-article__body ul,
.statya-text ul,
.blocktriggers-description ul {
margin-bottom: 10px;
padding: 0 0 0 15px;
}
.com-content-article__body ul li,
.statya-text ul li,
.blocktriggers-description ul li {
background: url(../images/checkmark.svg) left top no-repeat;
padding: 3px 5px 3px 30px;
}
.mod-stati .title-module {
margin-bottom: 30px;
font-size: 24px;
}
.mod-stati .mod-stati-block {
margin-bottom: 15px;
}
.mod-stati .stati-main-img img {
border-radius: 15px;
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
max-width: inherit;
height: 100px;
}
.statya-item-block {
}
.statya-item-block .statya-img {
max-width: 800px;
}
.statya-item-block .statya-img img {
border-radius: 30px;
}
.statya-item-block .statya-text {
max-width: 800px;
margin: 30px 0;
text-align: justify;
}
.statya-item-block .statya-text ul {
}
.statya-item-block .statya-text ul li {
}
/**********************ТАБЛИЦА*****************************/
.content-block table {
font-family: inherit;
color: #333;
font-size: inherit;
background: #eaebec;
margin: 20px 0;
font-size: 14px;
}
.smallcardsafter {
margin-top: 20px;
display: table;
}
.content-block th {
font-weight:bold;
padding:21px 25px 22px 25px;
border-top:1px solid #fafafa;
border-bottom:1px solid #e0e0e0;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
.content-block th:first-child{
text-align: left;
padding-left:20px;
}
.content-block tr:first-child th:first-child {
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius:3px;
}
.content-block tr:first-child th:last-child{
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-top-right-radius:3px;
}
.content-block tr{
padding-left:20px;
}
.content-block tr td:first-child{
text-align: left;
padding-left:20px;
border-left: 0;
}
.content-block tr td {
padding:15px;
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.content-block tr:nth-child(even) td{
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.content-block tr:last-child td{
border-bottom:0;
}
.content-block tr:last-child td:first-child{
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
}
.content-block tr:last-child td:last-child{
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
}
.content-block tr:hover td{
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
/*********************BAFORM***************************/
.ba-form-page-navigation-wrapper {
display: block !important;
}
.ba-form-page {
padding: 0 !important
}
.ba-form-page .next-button .ba-form-page-break-button:first-child,
.ba-form-page .next-button .ba-form-page-break-button:first-child:hover {
background: #F1F3FA;
padding: 10px 30px !important;
width: auto !important;
font-family: "GothaProMed" !important;
font-size: 14px !important;
border-radius: 14px !important;
font-weight: inherit !important;
}
.ba-form-page .next-button .ba-form-page-break-button:last-child,
.ba-form-page .next-button .ba-form-page-break-button:last-child:hover {
background: linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%) !important;
padding: 10px 30px !important;
width: auto !important;
font-family: "GothaProMed" !important;
font-size: 14px !important;
border-radius: 14px !important;
font-weight: inherit !important;
}
.next-button .ba-form-page-navigation .ba-page-navigation-title {
font-size: 14px !important;
color: #56B0FF !important;
font-weight: inherit !important;
font-family: 'GothaProReg' !important;
}
.ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
font-family: 'GothaProBol';
font-size: 22px;
font-weight: normal;
}
.step-navigation-style .next-button .ba-form-page-navigation .ba-form-page-navigation-title {
border-bottom: 5px solid #56B0FF !important;
font-weight: normal !important;
min-height: auto !important;
height: 26px;
}
.step-navigation-style .next-button .ba-form-page-navigation-title.current-page~.ba-form-page-navigation-title {
border-bottom: 5px solid #F1F3FA !important;
}
.ba-form-field-item .ba-form-checkbox-wrapper .ba-form-checkbox-title {
font-size: 16px;
font-weight: normal;
}
.ba-form-field-item .ba-form-checkbox-wrapper {
margin: 15px 0 0 !important;
}
.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
padding-left: 40px !important;
}
.checkbox-3column.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
padding: 0 0 0 0px!important;
margin: 15px 0 0;
}
.checkbox-3column.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper label {
margin: 0 !important;
}
.checkbox-3column.ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-title {
line-height: 1;
}
.checkbox-3column.ba-form-field-item .checkbox-image-group-wrapper .ba-form-checkbox-wrapper {
padding: 15px;
}
.checkbox-3column.ba-form-field-item .ba-form-checkbox-wrapper .ba-form-checkbox-title {
font-size: 15px;
}
#ba-forms-notification {
background: #56B0FF !important;
z-index: 109999 !important;
border-radius: 15px !important;
}
.ba-field-container textarea,
.ba-field-container textarea::placeholder {
font-size: 14px !important;
font-weight: normal !important;
}
.text-input-form .ba-field-container input[type="text"] {
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: transparent !important;
font-size: 14px;
font-family: 'GothaProReg';
font-weight: normal;
}
.text-input-form .ba-field-container input[type="text"]::placeholder {
font-size: 14px;
font-family: 'GothaProReg';
font-weight: normal;
}
.text-input-form.ba-form-field-item .ba-field-label-wrapper .ba-input-label-wrapper {
font-family: 'GothaProReg';
font-size: 14px;
font-weight: normal;
}
.text-input-form.ba-form-field-item {
margin-top: 0 !important;
margin-bottom: 5px !important;
}
.required-star {
font-weight: normal !important;
color: #56B0FF !important;
margin: 0 !important;
}
.text-input-form .ba-form-submit-btn {
border-radius: 16px;
width: 100%;
color: #fff;
border: none;
box-sizing: border-box;
font-size: 14px;
text-transform: uppercase;
font-family: "GothaProMed";
padding: 27px 0;
cursor: pointer;
margin: 10px 0 15px;
background: url(../images/icon-send.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: right 30px center, center;
background-repeat: no-repeat;
font-weight: normal;
}
.text-input-form .ba-field-container textarea {
min-height: 150px;
resize: none;
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: transparent !important;
font-size: 14px !important;
font-family: 'GothaProReg';
font-weight: normal !important;
}
.dopformcalc .ba-form-dropdown-field {
margin: 0 0 5px !important;
}
.dopformcalc .ba-field-container select {
font-size: 14px !important;
font-family: 'GothaProReg' !important;
font-weight: 300 !important;
border: 2px solid #E9EBF7 !important;
border-radius: 12px !important;
background: #ffffff !important;
height: 62px !important;
}
.dopformcalc .ba-field-container select option {
font-size: 14px !important;
font-family: 'GothaProReg' !important;
font-weight: 300 !important;
}
.dopformcalc .checkboxnomargin.ba-form-field-item .ba-form-checkbox-wrapper {
margin: 0 !important;
}
.upload-file-input.drag-drop-upload-file {
background: #F1F3FA !important;
border-radius: 30px !important ;
height: auto !important;
padding: 15px !important;
margin: 15px 0 0;
}
.upload-file-btn {
font-size: 14px !important;
font-family: 'GothaProBol' !important;
font-weight: 300 !important;
}
.upload-file-input.drag-drop-upload-file .upload-file-btn {
margin-top: 0px !important;
}
.upload-file-drag-drop-title {
font-size: 14px !important;
font-family: 'GothaProBol' !important;
font-weight: 300 !important;
}
.upload-file-input.drag-drop-upload-file i {
font-size: 30px !important;
line-height: 30px !important;
}
.formhr {
border: 1px solid #E9EBF7 !important
}
.ba-form-calculation-price-wrapper .field-price-value,
.ba-form-calculation-price-wrapper .field-price-currency {
font-weight: normal !important;
}
.dopformcalc .ba-checkbox-image + .ba-checkbox-wrapper {
padding: 5px 5px 5px 5px !important;
}
.dopformcalc .ba-form-field-item .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-form-checkbox-title {
font-size: 12px;
display: block;
line-height: 1.1;
}
.dopformcalc .ba-form-radio-field .ba-form-checkbox-wrapper.checkbox-image-wrapper .ba-checkbox-image + .ba-checkbox-wrapper .ba-form-radio span:before {
margin-right: 8px !important
}
.dush-img .ba-checkbox-image img {
max-width: 78px !important;
}
/***************************МЕНЮ КАТЕГОРИЙ МАГАЗИНА****************/
.accordeon-menu {
padding: 30px;
border: 2px solid #F1F3FA;
border-radius: 30px;
margin-bottom: 30px;
}
.accordeon-menu>li {
}
.accordeon-menu>li>a {
font-size: 16px;
font-family: 'GothaProMed';
color: #3C3F5A;
display: block;
margin: 0 0 10px;
}
.accordeon-menu>li:last-child>a {
margin: 0px;
}
.accordeon-menu>li .dropdown-menu {
background: #f1f3fa;
padding: 10px 15px;
border-radius: 15px;
margin: 10px 0;
}
.accordeon-menu>li .dropdown-menu>li{
}
.accordeon-menu>li .dropdown-menu>li>a{
color: #888CAF;
font-size: 14px;
display: block;
margin: 5px 0;
}
.accordeon-menu>li.active>a {
color: #56B0FF;
}
/***************************МОДУЛЬ ФИЛЬТРА МАГАЗИН***********************/
.jshop_filters {
}
.jshop_filters .filter_characteristic {
background: #F1F3FA;
border-radius: 20px;
padding: 20px;
}
.jshop_filters .characteristic_name {
font-size: 20px;
font-family: 'GothaProMed';
color: #3C3F5A;
display: block;
margin-bottom: 10px;
padding: 0 !important;
}
.jshop_filters .characteristic_item {
margin-bottom: 10px;
}
.jshop_filters .characteristic_item label {
position: relative;
display: block;
margin-bottom: 0px;
padding-left: 35px;
cursor: pointer;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jshop_filters .characteristic_item label span{
display: block;
line-height: 24px;
}
.jshop_filters .characteristic_item input {
position: absolute;
z-index: -1;
opacity: 0;
transition: all .3s ease;
}
.jshop_filters .characteristic_item label input:checked ~ .control__indicator:before,
.jshop_filters .characteristic_item label input:checked ~ .control__indicator:after {
opacity: 1;
visibility: visible;
}
.jshop_filters .characteristic_item label .control__indicator {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
box-sizing: border-box;
border: 2px solid #56B0FF;
border-radius: 8px;
left: 0;
}
.jshop_filters .characteristic_item label .control__indicator:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: -2px;
top: -2px;
background: url(../images/check.svg) center no-repeat;
background-color: #56B0FF;
background-size: 18px;
border-radius: 8px;
box-sizing: border-box;
transition: all 0.3s ease;
}
.no_products_filter {
text-align: center;
margin: 60px 0;
margin-bottom: 60px;
font-family: 'GothaProBol';
font-size: 36px;
color: #f1f3fa;
}
.jshop_filters .characteristic_item label .control__indicator:before,
.jshop_filters .characteristic_item label .control__indicator:after {
position: absolute;
opacity: 0;
visibility: hidden;
content: '';
transition: all .3s ease;
}
.category_description {
background: #3C3F5A;
border-radius: 15px;
padding: 30px;
color: #fff;
}
.category_description p {
line-height: 1.4;
}
.jshop_list_category {
}
.jshop_list_category .category_name {
margin: 0 !important;
font-size: inherit !important;
margin-bottom: 20px !important;
}
.jshop_list_category .category_name a {
background: #f1f3fa;
display: block;
padding: 15px;
border-radius: 16px;
font-size: 14px;
color: #888CAF;
height: 100%;
box-sizing: border-box;
}
.jshop_list_category {
margin-bottom: 30px ;
}
.jshop_list_product .list_product {
}
.jshop_list_product .list_product .block_product {
padding: 15px;
border: 2px solid #F1F3FA;
border-radius: 30px !important;
margin-bottom: 20px;
box-shadow: none !important;
}
.jshop_list_product .list_product .block_product .product {
}
.jshop_list_product .list_product .block_product .product .image_block {
padding: 0;
display: block;
height: auto !important;
margin-bottom: 15px;
}
.jshop_list_product .list_product .block_product .product .image_block img {
width: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
max-width: inherit;
height: 230px;
border-radius: 15px;
margin: 0 auto;
}
.jshop_pagination {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left !important;
margin: 30px 0;
align-items: center;
}
.jshop_pagination div.pagination {
flex: 1;
}
.jshop_pagination .pagination_result_counter {
font-size: 14px;
color: #888CAF;
}
.jshop_pagination .pagination__wrapper {
}
.jshop_pagination ul.pagination {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.jshop_pagination ul.pagination li {
margin-right: 4px;
}
.jshop_pagination ul.pagination li a {
display: block;
width: 30px;
height: 30px;
background: #f1f3fa;
border-radius: 10px;
text-align: center;
font-size: 14px;
line-height: 30px;
border: 2px solid #f1f3fa;
}
.jshop_pagination ul.pagination li.disabled span.page-link {
background: #fff;
border: 3px solid #f1f3fa;
}
.jshop_pagination ul.pagination li span.page-link {
display: block;
width: 30px;
height: 30px;
background: #f1f3fa;
border-radius: 10px;
text-align: center;
font-size: 14px;
line-height: 30px;
}
.jshop_pagination ul.pagination li span.icon-angle-double-left {
display: block;
background: url(../images/page-left-double-arrow.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.jshop_pagination ul.pagination li span.icon-angle-left {
display: block;
background: url(../images/page-left-arrow.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 6px;
}
.jshop_pagination ul.pagination li span.icon-angle-double-right {
display: block;
background: url(../images/page-right-double-arrow.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.jshop_pagination ul.pagination li span.icon-angle-right {
display: block;
background: url(../images/page-right-arrow.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 7px;
}
.jshop_pagination ul.pagination li.active a {
}
.jshop_list_product .list_product .block_product .product .product_name {
}
.jshop_list_product .list_product .block_product .product .product_name a {
}
.jshop_list_product .list_product .block_product .product .prodlist-bottom {
margin: 10px 0 0;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.jshop_list_product .list_product .block_product .product .product_price {
font-size: 20px;
color: #56B0FF;
font-family: 'GothaProMed';
}
.jshop_list_product .list_product .block_product .product .product_price span{
font-size: 14px;
font-family: 'GothaProReg';
}
.jshop_list_product .list_product .block_product .product .product_buttons {
flex: 1 1 auto;
text-align: right;
}
.jshop_list_product .list_product .block_product .product .product_buttons .button_buy {
font-size: 14px;
color: #888CAF;
}
.form-horizontal .form_sort_count {
margin: 0 !important;
}
.productfull {
}
.productfull .images_block {
}
.productfull.images_gallery {
}
.productfull .slider-prod {
padding: 15px;
border: 2px solid #F1F3FA;
border-radius: 30px !important;
margin-bottom: 20px;
}
.productfull .slider-prod .slick-slide {
}
.productfull .slider-prod .slick-slide a {
}
.productfull .slider-prod .slick-slide a img {
margin: 0 auto;
max-height: 400px;
}
.productfull .slider-prod .slick-track {
display: flex;
align-items: center;
}
.productfull .slider-nav .slick-slide {
overflow: hidden;
margin: 0 5px;
}
.productfull .slider-nav .slick-slide {
}
.productfull .slider-nav .slick-slide img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
max-width: inherit;
height: 100px;
margin: 0 auto;
padding: 2px;
border: 2px solid #F1F3FA;
border-radius: 10px !important;
box-sizing: border-box;
}
.productfull .slider-nav {
margin-bottom: 15px;
}
.productfull .block-extrafields {
}
.productfull .extra_fields {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 2px solid #F1F3FA;
}
.productfull .extra_fields_el {
margin: 0 0 10px 0;
font-size: 14px;
position: relative;
}
.productfull .extra_fields_el .extra_fields_name {
font-family: 'GothaProMed';
position: relative;
z-index: 1;
display: block;
font-size: 16px;
margin: 0 0 5px;
color: #888CAF;
}
.productfull .extra_fields_el .extra_fields_value {
display: block;
}
.productfull .block-extrafields-title {
font-size: 24px;
margin-bottom: 30px;
display: block;
}
.productfull .block-params {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 2px solid #F1F3FA;
}
.productfull .block-params-item {
margin-bottom: 15px;
}
.productfull .block-params-item:last-child {
margin-bottom: 0;
}
.productfull .block-params-item .attributes_title {
padding: 0;
font-size: 14px;
margin-bottom: 5px;
color: #888CAF;
}
.productfull .block-params-item select {
width: 100%;
box-sizing: border-box;
}
.jshop .prod_attr_img {
display: none;
}
.block-price {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 2px solid #F1F3FA;
}
.block-price .prod_price,
.prod_price span {
font-size: 22px !important;
color: #56B0FF !important;
font-family: 'GothaProMed';
}
.block-price .prod_buttons {
margin: 0 !important;
margin-left: 50px !important;
}
.block-price .prod_qty_input {
padding: 0 !important;
}
.block-price .prod_qty_input input {
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: transparent !important;
font-family: 'GothaProReg';
font-weight: normal;
padding: 15px;
font-size: 16px;
text-transform: uppercase;
font-family: "GothaProReg";
width: 80px;
text-align: left;
border-radius: 16px;
}
.block-price .product-buttons {
}
.block-price .product-buttons .button {
padding: 20px 50px 20px 20px;
background: url(../images/cart-white.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: right 20px center, center;
background-repeat: no-repeat;
margin: 0;
}
.cart_empty_text,
.myorders_no_orders {
text-align: center;
margin: 60px 0;
margin-bottom: 60px;
font-family: 'GothaProBol';
font-size: 36px;
color: #f1f3fa;
}
.thankyou.cart_empty_text {
text-align: center;
margin: 60px 0;
margin-bottom: 60px;
font-family: 'GothaProBol';
font-size: 36px;
color: #3C3F5A;
}
.productfull .jshop .prod_attr_img {
vertical-align: middle;
display: inline-block;
}
.cart-page {
}
.cart-page.jshop .total{
font-family: 'GothaProBol';
font-weight: 500;
flex: 1 1 auto;
justify-content: inherit;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: inherit;
font-size: 24px;
}
.cart-page.jshop .subtotal,
.cart-page.jshop .shipping,
.cart-page.jshop .payment {
font-family: 'GothaProReg';
font-weight: 500;
flex: 1 1 auto;
justify-content: inherit;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: inherit;
font-size: 16px;
margin-bottom: 5px;
}
.cart-page .jshop_subtotal .name {
width: auto;
padding: 0;
text-align: left;
margin-right: 15px;
}
.cart-page .jshop_subtotal .value {
width: 110px;
padding: 0;
text-align: left;
box-sizing: border-box;
white-space: normal;
}
.cart_buttons .pull-left {
flex: 1 1 auto;
}
.checkout_pfinish_block .checkoutinfo {
margin: 20px 0px;
background: #F1F3FA;
border-radius: 26px;
margin-bottom: 20px;
padding: 30px;
}
.cart-page .cart {
border: none;
}
.cart-page .cart .jshop_prod_cart {
background: #F1F3FA;
border-radius: 26px;
margin-bottom: 20px;
padding: 30px;
}
.cart-page .cart .jshop_prod_cart .jshop_img_description_center {
flex: 1 1 auto;
}
.cart-page .cart .jshop_prod_cart .jshop_img_description_center img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100px;
max-height: 130px;
border-radius: 10px;
}
.cart-page .cart .jshop_prod_cart .product_name {
margin-left: 15px;
}
.cart-page .cart .jshop_prod_cart .product_name .prodname {
font-family: 'GothaProBol';
}
.cart-page .cart .jshop_prod_cart .product_name .list_attribute,
.cart-page .cart .jshop_prod_cart .product_name .list_extra_field {
margin: 5px 0 0;
}
.cart-page .cart .jshop_prod_cart .product_name .jshop_cart_attribute,
.cart-page .cart .jshop_prod_cart .product_name .jshop_cart_extra_field {
font-size: 12px;
padding: 0;
font-style: unset;
margin: 0 0 3px;
color: #888CAF;
}
.cart-page .cart .jshop_prod_cart .product_name .jshop_cart_attribute .name {
}
.cart-page .cart .jshop_prod_cart .product_name .jshop_cart_attribute .value {
}
.cart-page .cart .jshop_prod_cart .single_price {
flex: 1 1 auto;
}
.cart-page .cart .jshop_prod_cart .single_price .price {
}
.cart-page .cart .jshop_prod_cart .quantity {
flex: 1 1 auto;
}
.cart-page .cart .jshop_prod_cart .quantity .cart_reload {
}
.cart-page .cart .jshop_prod_cart .quantity input {
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: #fff;
font-size: 14px;
font-family: 'GothaProReg';
font-weight: normal;
}
.cart-page .cart .jshop_prod_cart .total_price {
flex: 1 1 auto;
}
.cart-page .cart .jshop_prod_cart .remove {
flex: 1 1 auto;
}
/*
.cart-page .cart .jshop_prod_cart {
}
.cart-page .cart .jshop_prod_cart {
}
.cart-page .cart .jshop_prod_cart {
}
.cart-page .cart .jshop_prod_cart {
}
.cart-page .cart .jshop_prod_cart {
}*/
.pfinish_comment_block textarea {
min-height: 150px;
resize: none;
box-sizing: border-box;
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: transparent !important;
font-size: 14px !important;
font-family: 'GothaProReg';
font-weight: normal !important;
}
.pfinish_comment_block .name {
font-family: 'GothaProReg';
font-size: 14px;
font-weight: normal;
text-align: left !important;
}
.jshop_menu_order {
margin: 0;
background: #F1F3FA !important;
border-radius: 20px !important;
width: fit-content;
margin: 0 auto 30px !important;
border: none !important;
}
.jshop_menu_order .jshop_order_step {
padding: 0;
}
.jshop_menu_order .jshop_order_step span {
display: inline-block;
padding: 20px !important;
border-bottom: none;
text-decoration: none;
color: #222;
font-size: 14px;
font-weight: normal !important;
}
.jshop_menu_order .jshop_order_step.active span {
background: #9CC9FF;
color: #fff;
font-family: 'GothaProMed';
border-radius: 20px;
}
.jshop_register {
padding: 0 !important;
}
.jshop_register input {
border: 2px solid #E9EBF7 !important;
border-radius: 12px;
background: transparent !important;
font-size: 14px;
font-family: 'GothaProReg';
font-weight: normal;
padding: 17px;
}
.address_block input[type="submit"],
.checkout_payment_block input[type="submit"] {
background: linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%) !important;
}
.jshop_register input.form-control-danger {
border: 2px solid #FF5722 !important;
transition: 0.3s ease;
}
.jshop_register .input-block .form-control-feedback {
font-size: 14px;
color: #888CAF;
display: block;
}
.checkout_payment_block .table_payments_item label {
position: relative;
display: block;
margin-bottom: 0px;
padding-left: 35px;
cursor: pointer;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkout_payment_block .table_payments_item input {
position: absolute;
z-index: -1;
opacity: 0;
transition: all .3s ease;
}
.checkout_payment_block .table_payments_item label input:checked ~ .control__indicator:before,
.checkout_payment_block .table_payments_item label input:checked ~ .control__indicator:after {
opacity: 1;
visibility: visible;
}
.checkout_payment_block .table_payments_item label .control__indicator {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
box-sizing: border-box;
border: 2px solid #56B0FF;
border-radius: 8px;
left: 0;
}
.checkout_payment_block .table_payments_item label .control__indicator:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: -2px;
top: -2px;
background: url(../images/check.svg) center no-repeat;
background-color: #56B0FF;
background-size: 18px;
border-radius: 8px;
box-sizing: border-box;
transition: all 0.3s ease;
}
.checkout_payment_block .table_payments_item label .control__indicator:before,
.checkout_payment_block .table_payments_item label .control__indicator:after {
position: absolute;
opacity: 0;
visibility: hidden;
content: '';
transition: all .3s ease;
}
.checkout_payment_block .table_payments_item label .payment_image {
display: inline-block;
vertical-align: middle;
}
.checkout_payment_block .table_payments_item label>span {
display: block;
line-height: 24px;
}
.checkout_payment_block .table_payments_item {
margin-bottom: 15px;
}
.checkout_shipping_block .table_shippings_item label {
position: relative;
display: block;
margin-bottom: 0px;
padding-left: 35px;
cursor: pointer;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkout_shipping_block .table_shippings_item input {
position: absolute;
z-index: -1;
opacity: 0;
transition: all .3s ease;
}
.checkout_shipping_block .table_shippings_item label input:checked ~ .control__indicator:before,
.checkout_shipping_block .table_shippings_item label input:checked ~ .control__indicator:after {
opacity: 1;
visibility: visible;
}
.checkout_shipping_block .table_shippings_item label .control__indicator {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
box-sizing: border-box;
border: 2px solid #56B0FF;
border-radius: 8px;
left: 0;
}
.checkout_shipping_block .table_shippings_item label .control__indicator:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: -2px;
top: -2px;
background: url(../images/check.svg) center no-repeat;
background-color: #56B0FF;
background-size: 18px;
border-radius: 8px;
box-sizing: border-box;
transition: all 0.3s ease;
}
.checkout_shipping_block .table_shippings_item label .control__indicator:before,
.checkout_shipping_block .table_shippings_item label .control__indicator:after {
position: absolute;
opacity: 0;
visibility: hidden;
content: '';
transition: all .3s ease;
}
.checkout_shipping_block .table_shippings_item label .payment_image {
display: inline-block;
vertical-align: middle;
}
.checkout_shipping_block .table_shippings_item label>span {
display: block;
line-height: 24px;
}
.checkout_shipping_block .table_shippings_item {
margin-bottom: 15px;
}
.checkout_shipping_block .table_shippings_item .shipping_descr {
font-size: 14px;
color: #888CAF;
line-height: 1.2;
margin: 15px 0;
background: #f1f3fa;
padding: 15px;
border-radius: 16px;
}
.checkout_shipping_block .table_shippings_item .shipping_price {
font-family: 'GothaProMed';
}
.login-tabs-control{
margin: 0;
background: #F1F3FA;
border-radius: 20px;
width: fit-content;
}
.login-tabs-control a{
display: inline-block;
padding: 20px;
border-bottom: none;
text-decoration: none;
color: #222;
font-size: 14px;
}
.login-tabs-control li.active a {
background: #9CC9FF;
color: #fff;
font-family: 'GothaProMed';
border-radius: 20px;
}
.login-tabs-content{
border: 2px solid #F1F3FA;
border-radius: 20px;
margin: 30px 0;
padding: 5px;
}
.login-tabs-content iframe {
border-radius: 15px;
}
.login-tabs-content .tabs-content-block div {
margin-bottom: 0px;
}
.login-tabs-content .tabs-content-block div.input-block {
margin-bottom: 15px;
}
.login-tabs-content .tabs-content-block {
padding: 30px;
border-radius: 20px;
overflow: hidden;
}
.login-tabs-content > div{
display: none;
}
.login-tabs-content > div:first-child{
display: block;
}
.login-content-block div {
margin-bottom: 15px;
}
.jlogin.convertform {
margin: 0;
}
.jlogin.convertform.jshop_register input[type="submit"] {
background: linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%) !important;
margin: 0;
border: none !important;
}
.jlogin.convertform.jshop_register input[type="button"] {
color: #fff;
background: linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%) !important;
margin: 0;
border: none !important;
border: none;
box-sizing: border-box;
font-size: 14px;
text-transform: uppercase;
font-family: "GothaProMed";
padding: 27px 0;
cursor: pointer;
margin: 15px 0 25px;
}
.rememberlogin {
}
.rememberlogin label {
position: relative;
display: block;
margin-bottom: 0px;
padding-left: 35px;
cursor: pointer;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rememberlogin label span{
display: block;
line-height: 24px;
}
.rememberlogin input {
position: absolute;
z-index: -1;
opacity: 0;
transition: all .3s ease;
}
.rememberlogin label input:checked ~ .control__indicator:before,
.rememberlogin label input:checked ~ .control__indicator:after {
opacity: 1;
visibility: visible;
}
.rememberlogin label .control__indicator {
position: absolute;
cursor: pointer;
width: 24px;
height: 24px;
box-sizing: border-box;
border: 2px solid #56B0FF;
border-radius: 8px;
left: 0;
}
.rememberlogin label .control__indicator:after {
content: '';
width: 24px;
height: 24px;
position: absolute;
left: -2px;
top: -2px;
background: url(../images/check.svg) center no-repeat;
background-color: #56B0FF;
background-size: 18px;
border-radius: 8px;
box-sizing: border-box;
transition: all 0.3s ease;
}
.rememberlogin label .control__indicator:before,
.rememberlogin label .control__indicator:after {
position: absolute;
opacity: 0;
visibility: hidden;
content: '';
transition: all .3s ease;
}
.jshop_profile_data .name {
font-weight: normal !important;
font-family: 'GothaProMed';
font-size: 24px;
margin-bottom: 15px;
}
.jshop_profile_data .email,
.jshop_profile_data .mobil_phone {
font-weight: normal !important;
margin-bottom: 10px;
display: block;
}
.jshop_profile_data .email span ,
.jshop_profile_data .mobil_phone span {
font-weight: normal !important;
font-family: 'GothaProMed';
}
.myorders_block_info {
margin-bottom: 15px !important;
background: #F1F3FA;
border-radius: 30px;
padding: 30px;
font-size: 14px;
}
.myorders_block_info .order_number {
font-size: 16px !important;
font-family: 'GothaProMed';
margin-bottom: 10px !important;
}
.myorders_block_info .order_status {
font-size: 14px !important;
color: #888CAF;
margin-bottom: 0 !important;
}
.myorders_block_info .order_date {
font-size: 14px !important;
color: #888CAF;
margin-bottom: 0 !important;
}
.myorders_block_info .order_products {
font-size: 16px !important;
font-family: 'GothaProMed';
}
.myorders_block_info .order_totalprice {
font-size: 16px !important;
font-family: 'GothaProMed';
display: inline-block;
}
.myorders_block_info a.copyright-link {
display: inline-block;
margin-left: 15px;
}
.myorders_block_info {
}
.myorders_total {
font-size: 16px !important;
font-family: 'GothaProMed';
margin-bottom: 10px !important;
}
.myorders_total .name {
font-weight: normal !important;
}
.myorders_total .price {
}
/***********************БЛОК CTA ВНИЗУ СТРАНИЦЫ*********************/
.form-cta-block {
margin: 60px 0;
}
.mod-form-cta {
background-color: #3C3F5A;
background-image: url(../images/cta-form-decor-left.svg), url(../images/cta-form-decor-right.svg);
background-position: left bottom, right bottom;
background-repeat: no-repeat;
padding: 80px;
margin: 0 0 10px;
border-radius: 30px;
color: #fff;
}
.mod-form-cta-block {
}
.mod-form-cta-block h4 {
font-size: 40px;
margin: 0 0 50px;
line-height: 50px;
font-family: 'GothaProBol';
}
.mod-form-cta-block h4 span {
display: block;
}
.mod-form-cta-block h4 img {
display: inline-block;
vertical-align: middle;
width: 60px;
}
.mod-form-cta-block h4 a {
color: #41ABFF;
border-bottom: 2px solid;
}
.mod-form-cta-block ul.cta-triggers {
}
.mod-form-cta-block ul.cta-triggers li {
margin-bottom: 15px;
position: relative;
font-family: 'GothaProLig';
padding: 10px 0 10px 60px;
}
.mod-form-cta-block ul.cta-triggers li:last-child {
margin: 0;
}
.mod-form-cta-block ul.cta-triggers li:before {
content: '';
width: 40px;
height: 40px;
background: url(../images/check-icon.svg);
position: absolute;
left: 0;
top: 50%;
margin: -20px 0 0 0;
}
.cta-form-block {
}
.form-descr {
font-size: 14px;
color: #888CAF;
}
.form-descr a {
font-size: 14px;
color: #888CAF;
border-bottom: 1px solid;
}
.under-form-cta span {
font-size: 14px;
display: block;
font-family: 'GothaProLig';
}
.under-form-cta a {
color: #41ABFF;
border-bottom: 2px solid;
font-size: 24px;
font-family: 'GothaProBol';
margin: 5px 0 0;
display: table;
}
/***************************ФОРМА************************************/
.convertform {
max-width: 340px;
margin: 0 auto;
}
.com-baforms-wrapper form {
max-width: 100%;
}
.input-block {
margin: 0 0 15px;
}
.input-block label {
font-size: 14px;
display: block !important;
margin: 0 0 5px !important;
font-family: 'GothaProReg';
}
input {
width: 100%;
box-sizing: border-box;
border-radius: 16px;
padding: 27px;
border: 2px solid #fff;
font-size: 14px;
font-family: 'GothaProReg';
outline: none;
transition: 0.3s ease;
}
input:focus,
input:hover,
input:active {
width: 100%;
box-sizing: border-box;
border-radius: 16px;
border: 2px solid #fff;
font-size: 14px;
font-family: 'GothaProReg';
outline: none;
transition: 0.3s ease;
}
input.field_required.error {
border: 2px solid #FF5722 !important;
transition: 0.3s ease;
}
input::placeholder {
color:rgba(60, 63, 90, 0.50)
}
input[type="text"] {
}
input[type="tel"] {
}
input[type="submit"] {
border-radius: 16px;
width: 100%;
color: #fff;
border: none;
box-sizing: border-box;
font-size: 14px;
text-transform: uppercase;
font-family: "GothaProMed";
padding: 27px 0;
cursor: pointer;
margin: 15px 0 25px;
background: url(../images/icon-send.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: right 30px center, center;
background-repeat: no-repeat;
}
span.title-module {
font-size: 32px;
color: #0B72C4;
display: block;
margin-bottom: 60px;
font-family: 'GothaProMed';
}
.center {
text-align: center;
}
span.title-module span {
color: #3C3F5A;
}
.content-block input,
.content-block input:hover,
.content-block input:active {
border: 2px solid #E9EBF7 !important;
}
.content-block input:focus {
background: #f5f8f9
}
.content-block form {
margin: 0;
}
.payform input[type="submit"] {
background: url(../images/payment-success-01.svg), linear-gradient(231deg, #39AFFD -0.23%, #477FFF 100.3%);
background-position: right 30px center, center;
background-repeat: no-repeat;
border: none !important;
}
.form-divider {
display: block;
border-bottom: 1px solid #F1F3FA;
margin: 20px 0 20px;
padding: 0 0 15px;
font-family: 'GothaProBol';
}
.pay-information {
background: #FFF3E0;
padding: 20px;
margin: 0 0 30px !important;
border-radius: 20px;
color: #BF360C;
}
/****************Партнеры**************/
.partners-block {
margin: 60px 0;
}
.mod-partners {
}
.mod-partners-block img {
margin-bottom: 20px;
}
/************************КОНТЕНТ*****************/
.content-block {
margin: 60px 0;
}
.content-block h1 {
margin-bottom: 60px;
font-family: 'GothaProBol';
font-size: 36px;
}
.jshop h1 {
margin-bottom: 60px;
font-family: 'GothaProBol';
font-size: 36px;
}
/************Контакты***********/
.contacts-tabs-control{
margin: 0;
background: #F1F3FA;
border-radius: 20px;
width: fit-content;
}
.contacts-tabs-control a{
display: inline-block;
padding: 20px;
border-bottom: none;
text-decoration: none;
color: #222;
font-size: 14px;
}
.contacts-tabs-control a.tab-current{
background: #9CC9FF;
color: #fff;
font-family: 'GothaProMed';
border-radius: 20px;
}
.contacts-tabs-content{
border: 2px solid #F1F3FA;
border-radius: 20px;
margin: 30px 0;
padding: 5px;
}
.contacts-tabs-content iframe {
border-radius: 15px;
}
.contacts-tabs-content .tabs-content-block {
padding: 30px;
border-radius: 20px;
overflow: hidden;
}
.contacts-tabs-content > div{
display: none;
}
.contacts-tabs-content > div:first-child{
display: block;
}
.tabs-content-block div {
margin-bottom: 15px;
}
.tabs-content-block img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.tabs-content-block p {
display: inline-block;
vertical-align: middle;
margin: 0;
width: 90%;
font-size: 14px;
}
.contacts-border {
padding: 30px;
border: 2px solid #F1F3FA;
border-radius: 30px;
margin-bottom: 30px;
}
.contacts-border .continfo-block:last-child {
margin: 0px;
}
.contacts-border a.button:last-child {
margin: 10px 0 0;
}
/***********************Хлебные крошки*******************/
.mod-breadcrumbs__wrapper {
color: #888CAF;
font-size: 14px;
}
.breadcrumbs {
margin: 0px 0 60px;
}
.breadcrumb li {
}
.breadcrumb li>span {
}
.breadcrumb li a {
display: block;
margin-right: 10px;
}
.breadcrumb li a span {
display: block;
border-bottom: 1px solid;
}
/************************ДОП СТИЛИ*******************/
.fancybox-slide--html .fancybox-close-small {
display: none;
}
.fancybox-content {
padding: 0 !important;
border-radius: 20px;
}
.fancybox-container {
/*backdrop-filter: blur(5px);*/
}
.fancybox-content .modal-header,
.remodal .modal-header {
padding: 30px;
background: #F1F3FA;
box-sizing: border-box;
position: relative;
}
.fancybox-content .modal-header h2,
.remodal .modal-header h2 {
font-family: 'GothaProBol';
font-size: 25px;
margin: 10px 0;
padding-right: 60px;
}
.fancybox-content .modal-content,
.remodal .modal-content {
padding: 30px;
box-sizing: border-box;
}
.modal-content .qrcode {
font-family: 'GothaProBol';
font-size: 25px;
margin: 10px 0;
text-align: center;
display: block;
color: #41ABFF;
}
.qrcodes {
}
.qrcodes .qrcodes-wrap {
}
.qrcodes .qrcodes-item {
border: 2px solid rgb(8 63 118 / 10%);
padding: 15px;
border-radius: 20px;
margin-bottom: 20px;
display: table;
width: 351px;
}
.qrcodes .qr-codes-item-title {
}
.qrcodes .qr-codes-item-title span {
font-size: 18px;
font-family: 'GothaProMed';
display: block;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #e6ebf1;
}
.qrcodes .qr-codes-item-block-links {
}
.qrcodes .qr-codes-item-block-links-wrap {
display: flex;
flex-wrap: wrap;
font-size: 14px;
}
.qrcodes .qr-codes-item-block-links-wrap-item {
margin-right: 10px;
}
.qrcodes .qr-codes-item-block-links-wrap-item:last-child {
margin-right: 0px;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block {
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a {
display: block;
padding: 10px 15px 10px 40px;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a.icon-qr {
background: #f1f3fa url(../images/icon-qrdownload.svg) left center no-repeat;
border-radius: 10px;
background-size: 22px;
background-position: left 10px center;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a.icon-qr-download {
background: #f1f3fa url(../images/icon-qr.svg) left center no-repeat;
border-radius: 10px;
background-size: 22px;
background-position: left 10px center;
}
.fancybox-content .modal-content p {
margin-bottom: 12px;
}
span.fancy-close {
width: 40px;
height: 40px;
background: #e4e7f0 url(../images/close.svg);
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
border: none;
cursor: pointer;
top: 50%;
margin-top: -20px;
right: 30px;
position: absolute;
}
/*адаптация*/
@media (max-width: 1680px) {
.main-icons {
margin: -150px 30px 60px;
}
}
@media (max-width: 1440px) {
.container {
max-width: 1280px;
}
.bigcard-page .bigcard-descript {
width: 360px;
}
}
@media (max-width: 1366px) {
.container {
max-width: 1220px;
}
.mod-form-cta-block h4 {
font-size: 34px;
line-height: 100%;
}
.bigcard-page .bigcard-descript {
width: auto;
padding-right: 200px;
}
}
@media (max-width: 1280px) {
.container {
max-width: 1100px;
padding-left: 30px;
padding-right: 30px;
}
.footer .flexblock-1-4:first-child,
.copyright .flexblock-1-2 {
width: 100%;
}
.footer .flexblock-1-4:nth-child(2),
.footer .flexblock-1-4:nth-child(3) {
width: 50%;
}
.footer .flexblock-1-4:last-child {
width: 100%;
}
.copyright-uplite {
margin-top: 30px;
}
.continfo-block-descr {
font-size: 20px;
}
.mod-form-cta-block h4 span {
display: inline;
}
.mega-menu-bootom .service-button {
font-size: 14px;
}
.mega-menu-bootom .service-button img {
width: 60px;
}
.about-information .flexblock-1-2 {
width: 100%;
}
.about-comanda-block .flexblock-1-4 {
margin: 0 0 20px;
}
.about-why-block .flexblock-1-4 {
width: 50%;
}
.about-why-block-img {
width: auto;
}
.about-how-block .flexblock-1-4 {
width: 50%;
}
.about-how-block-img img {
width: auto;
}
.about-how-block-img {
width: auto;
}
.about-blagodars .flexblock-1-6 {
width: 25%;
margin: 0 0 20px;
}
.top-block-quick-menu {
padding-left: 0px;
}
.quick-menu li {
display: inline-block;
margin-right: 10px;
}
.header-top button.button {
padding: 17px 20px 17px 50px;
background-position: left 15px center, center;
}
.reviewsmod-list .flexblock-1-4 {
width: 33.3%;
}
.main-offer h1 {
font-size: 38px;
}
.main-offer .mainoffer-text {
font-size: 16px;
}
.mainoffer-cta a.button {
width: 100%;
}
.main-big-text {
font-size: 60px;
}
.main-icons {
margin: -150px 0px 60px;
}
.main-cards-block .main-cards-item {
min-height: 230px;
}
.main-cards-block .main-cards-item img {
width: 60%;
}
.main-cards-block .main-cards-item .main-cards-item-title {
position: relative;
z-index: 1;
font-size: 15px;
}
.smallcards .smallcard-title {
font-size: 16px;
}
.smallcard-page {
padding: 15px;
}
.smallcard-page-slider-item {
width: 33.3%;
}
}
@media (max-width: 1024px) {
.container {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
.productfull .flexblock-1-2 {
width: 100%;
}
.mod-form-cta-container .mod-dopform-cta {
width: 100%;
padding: 0;
}
.mod-form-cta-container .mod-form-cta {
width: 100%;
box-sizing: border-box;
}
.flexblock-3-5 {
width: 100%;
}
.flexblock-2-5 {
width: 100%;
}
.cta-form-block {
margin: 60px 0 0;
}
.contacts .flexblock-1-3 {
width: 100%;
}
.contacts .flexblock-2-3 {
width: 100%;
}
.mega-menu-child>li {
width: 50%;
margin-bottom: 20px;
}
.mega-menu-bootom .flexblock-1-3 {
width: 50%;
}
.mega-menu-top .flexblock-1-4,
.mega-menu-top .flexblock-3-4 {
width: 50%;
}
.mega-menu-top .flexblock-1-4:before {
display: none;
}
.mega-menu-main-block .flexblock-1-4 {
width: 100%;
padding: 15px 0 15px 20px;
}
.mega-menu-main-block .flexblock-3-4 {
width: 100%;
padding: 15px 0 15px 20px;
}
.mega-menu-main-block .flexblock-1-4:before {
display: none;
}
.menu-tabs-control {
margin: 0;
background: #4b4f6d;
border-radius: 16px;
padding: 0 15px;
}
.menu-tabs-control a:last-child,
.menu-tabs-control a:first-child {
padding: 15px 15px;
}
.menu-tabs-control a {
display: inline-block;
padding: 15px 15px;
font-size: 20px;
}
.mega-menu-bootom {
-webkit-box-orient: revert;
-moz-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-direction: revert;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.mega-menu-bootom .flexblock-1-4, .mega-menu-bootom .flexblock-3-4 {
width: 100%;
}
.mega-menu-bootom .flexblock-1-4:before {
display: none;
}
.top-block-button-menu,
.top-block-quick-menu,
.top-block-form-zakaz,
.top-block-link-login,
.header-top .uplite_jshop_module_cart {
display: none;
}
.top-block-contacts button.button {
display: block;
margin-left: 20px;
}
.top-block-contacts {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
margin-left: -20px;
}
.menu-mobile-bar {
display: block;
}
.accordeon-menu {
padding: 15px;
margin-bottom: 15px !important;
}
.jshop_filters {
margin-bottom: 15px;
}
.accordeon-menu>li>a {
font-size: 14px;
margin: 0 0 5px;
}
.jshop_list_category .category_name.flexblock-1-4 {
width: 33.3%;
}
.categoryprodlist .left-block.flexblock-1-4,
.categoryprodlist .right-block.flexblock-3-4 {
width: 100%;
}
.myaccount .left-block.flexblock-1-4,
.myaccount .right-block.flexblock-3-4 {
width: 100%;
}
.bigcard-page .bigcardimg {
position: relative;
width: 120px;
height: 120px;
left: 0px;
bottom: 0;
border-radius: 20px;
overflow: hidden;
margin-bottom: 20px;
}
.bigcard-page .bigcard-descript {
width: auto;
padding-right: 0;
}
.reviewsmod-list .flexblock-1-4 {
width: 50%;
}
smallcards .flexblock-1-4 {
width: 50%;
}
.freetriggers .triggercard-title {
font-size: 16px;
width: 100%;
}
.smallcards .smallcard-title {
font-size: 14px;
}
.main-offer .left-offer {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.mainoffer-cta a.button {
width: auto;
}
.mainoffer-cta {
justify-content: center;
}
.main-offer .right-offer {
width: 100%;
}
.main-offer .right-offer img {
max-width: 600px;
margin: 0 auto;
}
.main-big-text {
font-size: 50px;
}
.title-with-icons .flexblock-1-4 {
width: 33.3%;
}
.title-with-icons .flexblock-1-4:first-child {
width: 100%;
margin-bottom: 20px;
}
.title-with-icons .flexblock-3-4 {
width: 100%;
margin-bottom: 20px;
}
.main-icons {
border-radius: 30px;
padding: 30px 0;
}
.main-icons .title-with-icons .title-icons-descr {
font-size: 14px;
width: auto;
text-align: center;
margin: 10px 0 0 0;
padding-left: 0;
}
.main-icons .title-with-icons .title-icons-item,
.main-icons .title-with-icons .title-icons-item.slick-slide {
justify-content: center;
padding: 0 60px;
display: block !important;
}
.main-icons .title-with-icons .title-icons-img {
width: 100%;
}
.main-icons .title-with-icons .title-icons-img img {
margin: 0 auto;
width: 60px;
}
}
@media (max-width: 960px) {
.list_product .flexblock-1-4 {
width: 33.3%;
}
.mod-partners .flexblock-1-4 {
width: 50%;
}
.main-cards-block .flexblock-1-4 {
width: 33.3%;
}
.projects-list .flexblock-1-4 {
width: 50%;
}
.primery-rabot-block .flexblock-1-6 {
width: 25%;
}
.content-block.smallcards .flexblock-1-4 {
width: 33.3%;
}
.smallcard-page-slider-item {
width: 320px;
height: auto !important;
width: unset;
height: auto !important;
box-sizing: border-box;
}
.smallcard-page-slider {
display: block;
margin-left: -20px;
}
.smallcard-page-slider .slick-track {
display: flex !important
}
}
@media (max-width: 800px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
.mod-form-cta {
padding: 40px;
}
.mod-dopform-ctaitem {
padding: 40px;
}
.mod-form-cta-container .mod-dopform-cta span {
font-family: 'GothaProBol';
font-size: 18px;
display: block;
margin: 0 0 20px;
}
.mod-form-cta-block h4 {
font-size: 30px;
margin: 0 0 30px;
}
.mod-form-cta-block h4 img {
width: 40px;
}
.cta-form-block {
margin: 30px 0 0;
}
.mod-form-cta-block ul.cta-triggers li {
margin-bottom: 5px;
font-size: 14px;
}
.about-postavshiki-logos .flexblock-1-4 {
width: 33.3%;
}
.about-comanda-block .flexblock-1-4 {
width: 33.3%;
}
.about-blagodars .flexblock-1-6 {
width: 33.3%;
}
.jshop_pagination div.pagination {
flex: auto;
width: 100%;
margin: 0 0 15px;
}
.bigcards .flexblock-1-2 {
width: 100%;
}
.mod-partners-block .flexblock-1-4 {
width: 50%;
margin-bottom: 20px;
}
.bigcard-page {
padding: 15px;
}
.bigcard-page .bigcardimg {
border-radius: 10px;
}
}
@media (max-width: 767px) {
.footer .flexblock-1-4:nth-child(2),
.footer .flexblock-1-4:nth-child(3) {
width: 100%;
}
.footer {
padding-top: 30px;
}
.copyright {
margin: 30px 0;
padding-top: 30px;
border-top: 1px solid #E9EBF7;
}
.content-block span.block-title {
font-size: 20px;
}
.cart .product_name .prodname {
font-size: unset !important;
}
.cart .single_price .price {
font-size: unset !important;
color: unset !important;
}
.cart .quantity .mobile-cart-inline {
display: none !important;
}
.cart .total_price, .jshop.cart tr td.total_price {
display: block !important;
}
.cart-page .cart .jshop_prod_cart {
padding: 15px;
}
.cart-page .cart .jshop_prod_cart .jshop_img_description_center {
width: 100%;
margin-bottom: 15px;
}
.cart .cart_reload {
margin-left: 0 !important;
font-size: unset !important;
}
.cart-page .cart .jshop_prod_cart .single_price .price {
font-size: 14px !important;
}
.cart-page .cart .jshop_prod_cart .total_price {
flex: 1 1 auto;
font-size: 14px;
}
.cart-page .cart .jshop_prod_cart .copyright-link {
color: #888CAF;
font-size: 12px;
}
.cart-page .cart .jshop_prod_cart .jshop_img_description_center img {
width: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
width: 80px;
max-height: 80px;
border-radius: 10px;
background: #fff;
padding: 10px;
}
.cart-page .cart .jshop_prod_cart .product_name .jshop_cart_attribute, .cart-page .cart .jshop_prod_cart .product_name .jshop_cart_extra_field {
margin: 0 0 0px;
}
.cart-page .cart .jshop_prod_cart .product_name .list_attribute, .cart-page .cart .jshop_prod_cart .product_name .list_extra_field {
margin: 0px 0 0;
}
.jshop_order_step {
display: block !important;
}
#jshop_menu_order {
display: flex !important;
justify-content: start !important;
}
.jshop_menu_order .jshop_order_step span {
padding: 10px 15px !important;
font-size: 12px;
}
.checkout_pfinish_block .checkoutinfo {
padding: 15px;
font-size: 14px;
}
.cart-page.jshop .subtotal, .cart-page.jshop .shipping, .cart-page.jshop .payment {
font-size: 14px;
}
.cart-page.jshop .total {
font-size: 20px;
}
.breadcrumb li a {
display: block;
margin-right: 10px;
font-size: 12px;
}
.breadcrumb li>span {
font-size: 12px;
}
.login-tabs-content .tabs-content-block {
padding: 15px;
}
.myorders_block_info {
padding: 15px;
}
.myorders_block_info .order_products {
margin: 0 0 5px;
}
.myorders_block_info .order_date {
margin-bottom: 5px !important;
}
.main-big-text {
font-size: 40px;
margin: 60px 0;
}
.freetriggers .flexblock-1-4 {
width: 50%;
}
.blocktriggers .flexblock-1-3 {
margin-bottom: 40px;
width: 50%;
}
}
@media (max-width: 720px) {
.fancybox-content .modal-header h2 {
font-size: 20px;
}
.title-with-icons .title-icons-img img {
width: 50px;
}
.title-with-icons .title-icons-img {
width: auto;
}
.title-with-icons .title-icons-descr {
font-size: 14px;
}
.fancybox-content .modal-header {
padding: 20px;
}
span.title-module {
font-size: 24px;
margin-bottom: 30px;
}
.fancybox-content .modal-content {
padding: 20px;
}
.list-gost a, .dop-files a {
font-size: 14px;
}
.breadcrumbs {
margin: 0px 0 30px;
}
.content-block {
margin: 30px 0;
}
.content-block h1,
.jshop h1 {
margin-bottom: 30px;
font-size: 24px;
}
.flexblock-1-3 {
width: 100%;
}
.flexblock-2-3 {
width: 100%;
}
.contacts-border {
margin-bottom: 30px;
padding: 15px;
}
.continfo-block a:last-child {
margin: 10px 0 0;
}
.contacts-tabs-content .tabs-content-block {
padding: 10px;
}
.menu-tabs-control a:last-child, .menu-tabs-control a:first-child {
padding: 15px 10px;
}
.menu-tabs-control a {
padding: 15px 10px;
font-size: 18px;
}
.mega-menu-child>li {
width: 100%;
margin-bottom: 15px;
}
.mega-menu-top .flexblock-1-4 {
padding: 0px 0 0px 20px;
position: relative;
}
.mega-menu-top {
padding: 10px 0;
}
.mega-menu-bootom .flexblock-1-3 {
width: 100%;
}
.mega-menu-bootom .flexblock-1-4, .mega-menu-bootom .flexblock-3-4 {
padding: 10px 0 10px 20px;
position: relative;
}
.mega-menu-child>li>a.icon-fire:before {
right: 0;
top: -14px;
}
.mega-menu-bootom .service-button {
padding: 20px 75px 50px 20px;
}
.mega-menu-bootom .service-button img {
right: 15px;
bottom: 15px;
}
.mega-menu-bootom .flexblock-1-3 {
margin: 0 0 10px;
}
.about-postavshiki-logos .flexblock-1-4 {
width: 50%;
}
.about-comanda-block .flexblock-1-4 {
width: 100%;
}
.about-comanda-block-item-title {
font-size: 16px;
}
.about-why-block-img img {
width: 50px;
}
.about-how-block-img img {
width: 50px;
}
.about-how-block-descr {
font-size: 14px;
}
.header-top {
padding: 10px 0 20px;
}
.title-with-icons .flexblock-1-4 {
width: 100%;
margin-bottom: 10px;
}
.main-icons .title-with-icons .title-icons-img {
width: auto;
}
.main-icons .title-with-icons .title-icons-img img {
width: 50px;
margin: 0 auto;
}
.main-cards-block .flexblock-1-4 {
width: 50%;
}
.main-offer {
padding: 30px 0 60px;
}
.home .main-slider {
margin-bottom: 0px;
padding: 0 0 0px;
}
.main-icons {
padding: 0 0;
margin: 30px 0;
}
.main-cards-block .main-cards-item {
min-height: 190px;
padding: 15px;
}
.main-cards-block .main-cards-item .main-cards-item-title {
position: relative;
z-index: 1;
font-size: 14px;
line-height: 1.2;
display: block;
}
.project-main-img img {
height: 350px;
border-radius: 20px;
}
.project-list-item-category {
bottom: 10px;
left: 10px;
padding: 5px 10px;
border-radius: 20px;
font-size: 12px;
}
.mod-partners-block img {
margin-bottom: 10px;
}
.project-list-item-title {
font-size: 14px;
}
.project-list-item-inf {
font-size: 12px;
}
.project-menu {
margin: 30px 0;
}
.project-menu li a {
padding: 10px 15px;
font-size: 12px;
}
.project-description {
margin: 20px 0 0;
font-size: 14px;
}
.project-gallery img {
height: 300px;
}
.project-description span strong {
font-size: 18px;
}
.seo-text {
columns: 1;
font-size: 14px;
}
.form-calc-block {
padding: 10px;
}
.reviewsmod-list .flexblock-1-4 {
width: 100%;
}
.content-block.smallcards .flexblock-1-4{
width: 50%;
}
}
@media (max-width: 600px) {
.mega-menu-child>li {
margin-bottom: 10px;
}
.mega-menu-child>li>a {
font-size: 16px;
}
.menu-tabs-control a {
padding: 15px 5px;
font-size: 16px;
}
.mainoffer-cta span.phones {
margin-left: 0;
}
.block-params .flexblock-1-4 {
width: 50%;
}
.block-price .prod_price, .prod_price span {
font-size: 18px !important;
}
.menu-tabs-control a:last-child, .menu-tabs-control a:first-child {
padding: 15px 5px;
}
.about-why-block .flexblock-1-4 {
width: 100%;
margin-bottom: 10px;
}
.about-how-block .flexblock-1-4 {
width: 100%;
margin-bottom: 10px;
}
.smallcards .flexblock-1-4 {
margin-bottom: 20px;
width: 100%;
}
.blocktriggers .flexblock-1-3 {
margin-bottom: 20px;
width: 100%;
}
.freetriggers .flexblock-1-4 {
margin-bottom: 20px;
width: 100%;
}
.phtriggers .flexblock-3-4 {
width: 100%;
margin-bottom: 40px;
}
.phtriggers .flexblock-1-4 {
width: 100%;
}
.about-blagodars .flexblock-1-6 {
width: 50%;
}
.about-comanda-block-item-img a.button {
padding: 10px;
font-size: 12px;
}
.about-comanda-block-item-img {
margin-bottom: 10px;
}
.content-block table {
display: block;
}
.content-block tr {
display: block;
margin: 0;
padding: 0;
}
.content-block tr td {
display: block;
}
.content-block tr td:first-child {
display: block;
font-family: 'GothaProMed';
padding: 15px 15px 0px;
}
.content-block tr td {
display: block;
border: none;
}
.top-block-contacts button.button {
height: 50px;
font-size: 0;
background-position: center;
padding: 25px;
}
.productfull .slider-nav .slick-slide img {
height: 70px;
}
.productfull .slider-prod .slick-slide a img {
max-height: 250px;
}
.about-blagodars .flexblock-1-6 {
width: 50%;
}
.jshop_list_product .list_product .block_product .product .product_name a {
font-size: 14px;
}
.jshop_list_product .list_product .block_product .product .prodlist-bottom {
margin: 5px 0 0;
display: block;
}
.jshop_list_product .list_product .block_product .product .product_buttons {
flex: 1 1 auto;
text-align: left;
}
.jshop_list_product .list_product .block_product .product .product_price {
font-size: 16px;
}
.jshop_list_product .list_product .block_product {
padding: 10px;
}
.jshop_list_category .category_name.flexblock-1-4 {
width: 100%;
margin-bottom: 5px !important;
}
.jshop_filters .characteristic_name {
font-size: 18px;
margin-bottom: 5px;
}
.jshop_filters .characteristic_item label span {
line-height: 22px;
font-size: 12px;
}
.jshop_filters .characteristic_item {
margin-bottom: 2px;
}
.jshop_filters .characteristic_item label {
padding-left: 25px
}
.jshop_filters .characteristic_item label .control__indicator {
width: 20px;
height: 20px;
border-radius: 6px;
}
.jshop_list_product .list_product .block_product {
border-radius: 15px !important;
}
.project-menu li {
width: auto;
}
.project-main-img img {
height: 280px;
border-radius: 20px;
}
.main-offer .right-offer img {
max-width: 100%;
}
.main-offer h1 {
font-size: 34px;
line-height: 1.1;
margin: 0 0 30px;
}
.main-big-text {
font-size: 30px;
margin: 30px 0;
}
.pricetable-row:first-child .pricetable-first-column, .pricetable-row:first-child .pricetable-second-column {
display: none;
}
.pricetable-second-column {
width: 100%;
border-right: none;
}
.pricetable-row:last-child .pricetable-second-column {
border-bottom: none;
}
.pricetable-first-column {
width: 100%;
border-right: none;
font-family: 'GothaProBol';
}
.primery-rabot-block .flexblock-1-6 {
width: 50%;
}
.primery-rabot-block img {
min-height: 180px;
height: 180px;
}
.smallcards .smallcard-descript {
font-size: 12px;
}
.image-slider-block .image-slider-arrows .image-slider-previous {
left: -5px;
}
.image-slider-block .image-slider-arrows .image-slider-next {
right: -5px;
}
.image-slider-block .image-slider-arrows span {
width: 40px;
height: 40px;
}
.image-slider-block .image-slider-arrows span {
width: 40px;
height: 40px;
}
.image-slider-block .dopimage-slider-arrows span {
width: 40px;
height: 40px;
}
.image-slider-block .dopimage-slider-arrows .dopimage-slider-previous {
left: -5px;
}
.image-slider-block .dopimage-slider-arrows .dopimage-slider-next {
right: -5px;
}
.image-slider-block .image-slider-arrows {
margin-top: -20px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows .smallcard-page-slider-arrows-next {
right: -5px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows .smallcard-page-slider-arrows-previous {
left: -5px;
}
.smallcard-page-slider-block .smallcard-page-slider-arrows span {
width: 40px;
height: 40px;
}
.smallcard-page-slider-block {
padding-bottom: 40px;
}
}
@media (max-width: 480px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
.mod-form-cta {
padding: 30px;
background-size: 50%;
}
form {
max-width: 100%;
margin: 0 auto;
}
.mod-form-cta-block h4 {
font-size: 20px;
}
.qrcodes .qr-codes-item-title span {
text-align: center;
}
.qrcodes .qr-codes-item-block-links-wrap {
justify-content: center;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a {
display: block;
padding: 8px 10px 8px 30px;
font-size: 12px;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a.icon-qr {
background-size: 18px;
background-position: left 7px center;
}
.qrcodes .qr-codes-item-block-links-wrap-item-block a.icon-qr-download {
background-size: 18px;
background-position: left 7px center;
}
.qrcodes .qrcodes-item {
width: 100%;
box-sizing: border-box;
}
.mega-menu-top .button.mega-menu__button-close {
font-size: 0;
padding: 20px;
background-position: center;
border-radius: 10px;
}
.menu-tabs-control a {
padding: 15px 1px;
font-size: 14px;
}
.menu-tabs-control a:last-child, .menu-tabs-control a:first-child {
padding: 15px 1px;
}
.top-block-contacts button.button {
font-size: 0;
background-position: center;
padding: 20px;
border-radius: 10px;
height: auto;
}
.top-block-logo img,
.mega-menu-logo img {
width: 120px;
}
.top-block-contacts-phone a {
font-size: 14px;
font-family: 'GothaProMed';
}
.top-block-contacts button.button {
margin-left: 10px;
}
.top-block-contacts-phone span {
margin: 0px 0 0;
}
footer {
margin-bottom: 140px;
}
.productfull .prod_qty_input {
margin-top: 0 !important;
}
.block-price .prod_buttons {
margin: 0px 0 0 !important;
margin-left: 10px !important;
}
.jshop .prod_qty_input input {
width: 60px !important;
text-align: center;
}
.productfull .prod_buttons {
flex: auto;
justify-content: flex-end;
}
.about-blagodars .flexblock-1-6 {
width: 100%;
}
.list_product .flexblock-1-4 {
width: 50%;
padding-left: 10px;
}
.list_product .flex-margin-20 {
margin-left: -10px;
}
.smallcard-page .smallcardimg {
position: relative;
width: 100%;
}
.smallcards .smallcard-title {
font-size: 12px;
font-family: 'GothaProReg';
}
.main-offer h1 {
font-size: 30px;
margin: 0 0 20px;
}
.main-offer .mainoffer-text {
font-size: 14px;
margin-bottom: 15px;
}
.project-gallery img {
height: 200px;
border-radius: 20px;
}
.smallcard-page-slider-item {
width: 260px;
height: auto !important;
}
}
@media (max-width: 380px) {
.productfull .prod_buttons {
flex: auto;
justify-content: start;
}
.block-price .prod_buttons {
margin: 15px 0 0 !important;
margin-left: 0px !important;
}
}