.flexx {display: flex; justify-content: space-between;}
.buttonz {background: #1cc67f; border-radius: 50px; font-size: 18px; color: #fff; padding: 15px 35px;}
.buttonz:hover {background: #12e98f; color: #fff;}
.icms-forms__zakaz {display: flex; flex-wrap: wrap;}
.icms-forms__zakaz .buttons {margin-top: 46px;}
.icms-footer__middle .nav-link {padding: 0.2rem 1rem;}
.ft_captcha label {opacity:0;}
#web {display: flex; justify-content: flex-end; line-height: 60px; margin: -70px 100px 0px 30px;}
#web a {display: block; -webkit-background-clip: text; background-clip: text; text-decoration: none !important; background-image: linear-gradient(to right,#ff8989,#fff7bb,#bdfbc5,#b4e1ff,#63a6f4,#d9c1fd,#f5b1e0,#ff8989); color: transparent!important; background-position: 0 0; background-repeat: repeat; animation: background 10s infinite alternate; font-family: Arial; font-stretch: ultra-condensed;}
@keyframes background {100% {background-position: 200px 0;}}
#web a:after {display: block; margin-top: -17px; content: ''; background: linear-gradient(to right, #ff0000 0%, #ff0000 11%, transparent 11%, transparent 12.7%, #ffa500 12.7%, #ffa500 23.7%, transparent 23.7%, transparent 25.4%, #fff100 25.4%, #fff100 36.4%, transparent 36.4%, transparent 38.1%, #00ff1f 38.1%, #00ff1f 49.1%, transparent 49.1%, transparent 50.8%, #41b3ff 50.8%, #41b3ff 61.8%, transparent 61.8%, transparent 63.5%, #3355ff 63.5%, #3355ff 74.5%, transparent 74.5%, transparent 76.2%, #9953ff 76.2%, #9953ff 87.2%, transparent 87.2%, transparent 88.9%, #ff24bc 88.9%, #ff24bc 100%); width: 100%; height: 1px; }
/* Шапка ============================================================ */
.header2 {position: fixed; width: 100%; z-index: 99; animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;}
.header2 .preheader {display:none;}
.icms-content-header h1 {padding-bottom: 20px;}
.preheader {background-color: #262626 !important; font-size:13px !important; line-height: 30px; color:#ffffff88;}
.preheader a {color:#ffffff99;}
.preheader .icms-svg-icon {font-size: 13px;}
.bg-black {background-color: #000 !important;}
.carousel-inner, .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {height: 500px;}

/* Меню ============================================================ */
nav.navbar ul ul ul {left: 100px; top: 0; position: absolute;}
.categories-menu .dropdown-menu {background-color: #3384ff;}
.dropdown-item {border-bottom: 1px solid #ddd; line-height: 35px;}
.header2 .categories-menu, header .navbar, .header1 .navbar {display:block;}

/* Виджеты ============================================================ */
.icms-widget {margin-bottom: 0rem !important;}
h5.card-header {background-color: transparent; justify-content: center; border-bottom: 0px solid rgba(0, 0, 0, 0.125); padding: 50px 0px 0px 0px; text-align: center; font-size: 2rem;}
.icms-widget.card {display: block;}
.icms-widget .card-body {padding: 4rem 0;}
.modal-body {background: linear-gradient(to bottom right, #fff, #fff, #f9f7e1, #d3f9df, #77c9fb);}
.icms-widget__content_list .second_type_images {max-height: 30px; max-width: 30px;}
.icms-widget__content_list .ft_images .value {flex-wrap: no-wrap; justify-content: center;}
.white {background-color: #fff !important;}
.white .card-body, .gray .card-body, .blue .card-body, .black .card-body {max-width: 1280px; margin: 0 auto;}
.gray {background-color: #f3f6f7 !important;}
.blue {background-color: #2579f7; background-image: radial-gradient(circle farthest-side at center bottom,#2579f7,#003087 125%); color: #fff;}
.black {background-color: #000; background-image: radial-gradient(circle farthest-side at center bottom,#333,#000 125%); color: #fff;}
.form_line fieldset, .form_line form {display: flex; justify-content: center; align-items: center;}
.form_line .mt-md-4, .form_line .my-md-4 {margin-top: 0.8rem !important; }
.form_line .form-group {margin-right: 1rem;}
.form_line p {text-align: center; font-size: 18px;}
form fieldset {border: solid 0px rgba(0, 0, 0, 0.125);}
.icms-footer__middle .form-control.input {background-color: #ffffff00;}
.about {background: url(../images/about.jpg) no-repeat bottom left;}
.w70 .widget_text_block {width: 70%;}
.zvonok {background: url(../images/zvonok.jpg) top center; color: #fff; padding: 40px 0px;}
.zvonok-svetlyj {background: url(../images/zvonok-svetlyj.jpg) no-repeat center center;  background-size: cover; padding: 40px 0px;}
.icms-svg-icon {font-size: 20px;}
.bg-dark .icms-svg-icon {color:#fff;}
.icms-widget__content_list .icms-content-fields {background: #fff !important;}
.icms-widget__content_list .f_photo {margin: -10px -10px 0px -10px;}
.dogovor {background: url("../images/dogovor.jpg") fixed no-repeat center center; background-size: cover;}
.icms-widget .col-lg-4 {flex-basis: calc(25% - 8px); margin: 4px;}
.icms-widget .categories .mb-3 {flex-basis: calc(20% - 8px);}
.icms-content__has_cover_preset {flex-basis: calc(20% - 10px); margin: 5px !important; padding: 0px !important; background-color: #f8f9fa !important; text-align: center; border: 2px solid #f5f5f5; border-radius: 10px;overflow: hidden;}
/*.icms-content-cover-preset__glavnoe .bg-light {background-color: #f8f9fa !important; background: linear-gradient(to bottom right, #fff, #fff, #fefcea, #deffe8, #c5eaff);}*/
.icms-widget .set_cover_preset .pt-2 {padding-top: 0rem !important;}
.icms-widget .mb-3 h3 .text-warning {display:none;}
.icms-widget .mb-3 h3 a {padding: 11px 15px 15px 15px; display: block;}
.gradient {background: linear-gradient(to bottom right, #fff, #fff, #fffef4, #ebfbf0, #e2f4ff);}
.gradient-bloki .mb-3 {background: linear-gradient(to bottom right, #fff, #fff, #fffef4, #ebfbf0, #e2f4ff); border: 1px solid #f1f1f1; border-radius: 20px; transition: box-shadow .2s ease-out; box-shadow: 0 8px 20px 0 rgba(0,0,0,.05);}
.gradient-bloki .mb-3:hover {box-shadow: 0 12px 32px 0 rgba(0,0,0,.08);}
.gradient-bloki .icms-content-fields {background:transparent !important;}
.kolonkipobokam {display: flex; justify-content: space-between; background: url("../images/kolonkipobokam.jpg") no-repeat center center; background-size: contain;}
.kolonkipobokam .kleft, .kolonkipobokam .kright {max-width:300px; padding: 15px; background: rgba(255, 255, 255, 0.8);} 
.kolonkipobokam .kleft h3 {color: #2579f7;}
.kolonkipobokam .kright h3 {color: #df0404;}
.kolonkipobokam p {margin: 3px 0px 50px 0px; color: #888;}
.glav {position: relative; overflow: hidden; height: calc(100vh - 140px); text-align: center;}
.glav h1 {flex-basis:100%; line-height: 200px; color: #fff; text-shadow: 0px 0px 3px #111;}
.glav a {border-radius: 50px; font-size: 1.2rem;}
.glav .icms-svg-icon {font-size: 30px;}
.glav video {width:100%; position: absolute; z-index: -2;}
.shag {flex-basis: 19%; margin: 40px 0px; text-align:center; font-size: 14px; color: #777; position:relative;}
.shag span {font-size: 17px; color: #333; display: block;}
.shag p {position: absolute; font-size: 120px; font-weight: 900; left: 32px; color: #7b8e9d;user-select: none;}
.shag svg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 70px auto 0px auto;
    padding: 24px;
    background: #fff;
    border-radius: 50%;
    visibility: visible !important;
    font-size: 100px;
    color: #cc0000;
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}
@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
  max-width: 100%;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ea3d33;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  border-right: 3px solid #ea3d33;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}

.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #d22630 url("/templates/modern/images/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #ea3d33;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.showcase_list_grid {display: flex; flex-wrap: wrap; justify-content: space-between; overflow: visible;}
.showcase_list_grid.sc_three_col .my_default_list_item {width: calc(25% - 10px); margin: 0px 0px 10px 0px !important; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 20px 0 rgba(0,0,0,.05);}
.showcase_list_grid.sc_three_col .my_default_list_item:hover {transition: box-shadow .2s ease-out; box-shadow: 0 12px 32px 0 rgba(0,0,0,.08); }
.showcase_list_grid .my_default_list_item .my_item_wrap .miw_description .miw_footer {background: transparent; border-top: 0px solid #eee; position: absolute; bottom: 0; right: 15px;}
.miw_photo.imgLiquid_bgSize.imgLiquid_ready {width: auto !important;}

/* Список ============================================================ */
.fields.form-row .mr-3 {margin-right: 1px !important;}
.icms-filter-panel.my-3 {margin-top: 2rem !important;}
.input-group-text {padding: 5px; font-size: 14px;}
.icms-content__has_cover_preset .h5, .set_cover_preset h3 {font-size: 16px;}
.icms-content__has_cover_preset .h5 a, .set_cover_preset h3 a {color: #333;}
.content_list .icms-content-fields {background: #f7f7f7; padding: 10px; justify-content: space-around;}
.icms-content-fields .f_title {width: 100%; margin-bottom: 0px !important; text-align: center;}
.icms-content-fields .f_photo {order:-1;}
.f_color label {width: 100%;}
.content_list .f_price {order: 2; flex-basis: 100%; text-align: center;}
.content_list .f_price .value {line-height: 10px; font-size: 18px; font-weight: 600; color: #5b677a;}
.showcase_list_grid .my_default_list_item .my_item_wrap .miw_description {padding: 5px 15px 0 15px;}
.showcase_list_grid .miw_description .miw_price_box .miw_price, .is_scPrice span[itemprop="price"] {color: #5b677a;}
.showcase_list_grid .my_default_list_item .my_item_wrap .miw_description .miw_footer a.more {padding: 6px 12px 6px 15px !important;}
.miw_description .sc_cart_btn {color:#fff !important; border-radius: 25px 0 0 0;}
.miw_share_block .miw_meta_link {background: transparent;}
.miw_share_block:hover .miw_meta_link {top: 0px; background: transparent; width: 100%; height: 100%;}
.sc_is_photo .miw_meta_link {left: 0%;}
.miw_meta_photo, .sc_is_photo .miw_meta_link noindex, .sc_is_photo .miw_meta_link .fa {display: none;}

/* Страница ============================================================ */
.fields_group_auto_0 {width: 60%; float:right;}
.card {border: 0px solid rgba(0, 0, 0, 0.125);}
.group_title, .icms-content-fields__group_title {display:none;}
.field.ft_images .img-thumbnail {padding: 0 0 0.25rem 0; border: 0px solid #dee2e6; border-radius: 0;}
.ft_images .value {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sc_item_view_header .ft_images .value {display: block;}
.ft_images .value a {margin: 0px 0px 5px 0px;}
.ft_images .value a:after {height: calc(100% - 5px); border-radius: 0px;}
.board_item {display: flex; flex-wrap: wrap;}
.board_item .icms-content-fields {flex-basis: 50%;}
.board_item_props {flex-basis: calc(50% - 20px); margin: 0px 0px 0px 20px !important;}
.f_zakaz {margin: 20px 0 40px 0 !important;}
.content_item .f_price .value {font-size: 40px; font-weight: 600; color: #2579f7;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
.sc_cart_btn_icon, .sc_cart_btn.sc_cart_btn_loaded .sc_cart_btn_label, .sc_cart_btn.sc_cart_btn_loaded .sc_cart_btn_icon, .sc_cart_btn_icon .fa, .sc_cart_btn_icon .fa, .wd_sc_cart.sc_style_big .sc_price_div {color: #2579f7 !important;}
.sc_cart_btn, .sc_preorder_btn, .sc_preorder_btn, .wd_scl_footer .wd_sclf_checkout {background-color: #0f934a !important; margin-bottom: 40px;}
.my_default_list_item .miw_footer {opacity:0;}
.my_default_list_item:hover .miw_footer {opacity:1;}
.content_item .sc_cart_btn .fa {color:#fff !important;}
.content_item .sc_cart_btn:hover .fa {color:#2579f7 !important;}
.f_zakaz {background: #f3f7f8; padding: 20px;}
.f_zakaz label {display: none;}
.f_zakaz form fieldset {padding: 0px 10px 0px 0px;}
.f_zakaz .buttons {margin-top: 0px !important;}
.f_zakaz .display-4 {font-size: 1.5rem;}
@media (min-width: 992px){
.icms-widget__content_list .col-lg-3 {flex: 0 0 24%; margin: 5px; padding: 0px; border-radius: 20px; overflow: hidden; transition: box-shadow .2s ease-out; box-shadow: 0 8px 20px 0 rgba(0,0,0,.05);}
.icms-widget__content_list .col-lg-3:hover {box-shadow: 0 12px 32px 0 rgba(0,0,0,.08);}
.kol4 .content_list > div, .kol4 .d-flex > div {flex: 0 0 24%; margin: 4px;}
}
@media (max-width: 992px){
}
@media (min-width: 768px){ 
.fields.form-row .col-md-6 {flex: 0 0 25%; max-width: 25%;}
}
@media (min-width: 576px){
header img.d-sm-block, .icms-footer__middle img.d-sm-block {max-height: 150px; margin-top: -35px; margin-bottom: -70px;}
header.header2 img.d-sm-block, .icms-footer__middle img.d-sm-block {max-height: 80px;}
}
@media (max-width: 576px){
.flexx, .form_line fieldset, .form_line form {flex-wrap: wrap; justify-content: center;}
.glav video {width: auto;height: 100%;}
.header2 .navbar {display: block;}
header .navbar-brand img, .icms-footer__middle .navbar-brand img {height: 40px;}
.glav h1 {line-height: 50px; margin-bottom: 50px;}
.glav .p-4 {padding: 0.5rem !important;}
.glav .m-5 {margin: 0.5rem !important;}
.fields_group_auto_0 {width: 100%;}
.field.ft_images .value {display: flex; flex-wrap: wrap; justify-content: space-between;}
.field.ft_images .img-photos {width: calc(33% - 0.2rem); margin:0;}
.showcase_list_grid.sc_three_col .my_default_list_item {width: calc(50% - 8px); margin: 5px;}
.sc_is_photo {height: 220px;}
.icms-widget .categories .mb-3 {flex-basis: calc(50% - 8px);}
.kol4 .content_list > div, .kol4 .d-flex > div {flex: 0 0 100%; margin: 0px;}
.fd-c {display: flex; flex-direction: column;}
.glav a {font-size: 1.2rem;}
.miw_block_polosa {right: 0px;}
.icms-widget__content_list.row {margin-right: 0px;margin-left: 0px;}
.icms-content__has_cover_preset {flex-basis: calc(50% - 10px);}
.shag {flex-basis: 48%; margin: 0px; font-size: 11px;}
.shag svg {background: #fff9;}
.widget_text_block {padding: 0px 15px;}
.widget_text_block img {width: 100% !important; float: none !important; margin: 0px !important;}
.showcase_list_grid .my_default_list_item {margin: 10px !important;}
}