/*general classes plus reset*/
body, html {font-family: 'Roboto', sans-serif; /*antibootstrap*/ font-size: 14px; line-height: normal; /**/ font-weight: 400; min-height: 0; min-width: 0; width: 100%; min-width: 480px; margin: 0; padding: 0;}
html {overflow-y: scroll;}
body { overflow: visible;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeSpeed; outline:0;}
header, nav, section, article, footer {display: block;}
section {position: relative;}
ul{list-style: none; margin:0; padding:0;}
img {border: none;}
a:hover {text-decoration:none;}
p {font-size: 14px; margin-top: 0; font-weight: 400;}
strong {font-family: 'robotomedium'; font-weight: 500;}
h1,h2,h3,h4,h5,h6 { margin:0;}
h1 {font-size: 36px; font-weight: 300; line-height: 1.1em;}
h2 {font-size: 32px; font-weight: 400; line-height: 1.1em;}
h3 {font-size:22px; font-weight: 400; line-height: 1.2em;}
h4 {font-size:20px; font-weight: 400;}
h5 {font-size:16px; font-weight: 400;}
h6 {font-size: 12px; font-weight: 400;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-family: 'robotomedium'; font-weight: 500;}
button {padding:0;}
.clear {clear: both;}
.l_float {float: left;}
.r_float {float: right;}
.center {text-align: center;}
.inline-block {display: inline-block; vertical-align: top;}
.flex {display: -webkit-box; display: flex;}
.flex-column {display: flex; flex-direction: column;}
.block_view {display: block;}
.justify {text-align: justify;}
.justify > * {text-align: left; display: inline-block;}
.justify:after {content:'';display: inline-block; width: 100%; height:0; overflow: hidden; line-height:0; font-size:0;}
.overflow {overflow: hidden;}
.wrapper {width: 1200px; position: relative; margin: 0 auto;}
.half {width: 50%;}
.radiused {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
section.radiused {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: visible;}
.shadowed {-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);}
.bordered {border: 1px solid transparent;}
.rounded, .button.rounded {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.date {font-size: 13px; font-weight: 400; word-spacing: 1px;}
.caps {text-transform: uppercase;}
.deleted_user_link {text-decoration: line-through !important;}
.anchor {display: block; position: relative; top: -62px;}
.visible_content {overflow: visible !important;}
/*end general*/
/* styles to format custom texts and blocks */
/*margins*/
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m30 {margin: 30px;}
.m40 {margin: 30px;}
.m50 {margin: 50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.ma {margin:0 auto;}
.ma5 {margin:5px auto;}
.ma10 {margin:10px auto;}
.ma15 {margin:15px auto;}
.ma20 {margin:20px auto;}
.ma30 {margin:30px auto;}
.ma40 {margin:40px auto;}
.ma50 {margin:50px auto;}
/*end margins*/
.m4 {margin: 4px;}
.m8 {margin: 8px;}
.m12 {margin: 12px;}
.m16 {margin: 16px;}
.m24 {margin: 24px;}
.mr4 {margin-right: 4px;}
.mr8 {margin-right: 8px;}
.mr12 {margin-right: 12px;}
.mr16 {margin-right: 16px;}
.mr24 {margin-right: 24px;}
.ml4 {margin-left: 4px;}
.ml8 {margin-left: 8px;}
.ml12 {margin-left: 12px;}
.ml16 {margin-left: 16px;}
.ml24 {margin-left: 24px;}
.mt4 {margin-top: 4px;}
.mt8 {margin-top: 8px;}
.mt12 {margin-top: 12px;}
.mt16 {margin-top: 16px;}
.mt24 {margin-top: 24px;}
.mb4 {margin-bottom: 4px;}
.mb8 {margin-bottom: 8px;}
.mb12 {margin-bottom: 12px;}
.mb16 {margin-bottom: 16px;}
.mb24 {margin-bottom: 24px;}
/*paddings*/
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 30px;}
.p50 {padding: 50px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.p4 {padding: 4px;}
.p8 {padding: 8px;}
.p12 {padding: 12px;}
.p16 {padding: 16px;}
.p24 {padding: 24px;}
.pr4 {padding-right: 4px;}
.pr8 {padding-right: 8px;}
.pr12 {padding-right: 12px;}
.pr16 {padding-right: 16px;}
.pr24 {padding-right: 24px;}
.pl4 {padding-left: 4px;}
.pl8 {padding-left: 8px;}
.pl12 {padding-left: 12px;}
.pl16 {padding-left: 16px;}
.pl24 {padding-left: 24px;}
.pt4 {padding-top: 4px;}
.pt8 {padding-top: 8px;}
.pt12 {padding-top: 12px;}
.pt16 {padding-top: 16px;}
.pt24 {padding-top: 24px;}
.pb4 {padding-bottom: 4px;}
.pb8 {padding-bottom: 8px;}
.pb12 {padding-bottom: 12px;}
.pb16 {padding-bottom: 16px;}
.pb24 {padding-bottom: 24px;}
/*end paddings*/
/* end styles to format custom texts and blocks */
/*BUTTONS*/
.button {background-color: transparent; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: none; /*color: #fff;*/ border: 1px solid transparent; position: relative; user-select: none; -webkit-transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s, border-color 0.2s ease; transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s, border-color 0.2s ease; cursor: pointer; text-decoration: none; overflow: hidden;}
.button.noborder {border: none !important;}
.button b {font-family: 'robotomedium'; font-weight: 500;}
.button .inlay {display: block; position: relative; text-decoration: none; padding: 9px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.button.caps {text-transform: uppercase !important;}
.button.add_btn {font-size:12px; line-height: 18px; /*fix for safari9*/ height: 36px; border: none;}
.button.add_btn .inlay {padding-left: 20px; padding-right: 20px;}
.button.add_btn span.plus {display: inline-block; position: relative; left: -6px; top: 1px; font-size: 16px; line-height: 14px;}
.button.small_button .inlay {padding: 7px 20px;}
.button.big_button .inlay {padding: 16px 30px;}
.button.middle_button {line-height: 20px;}
.button.middle_button .inlay {padding: 12px 30px;}
.button.narrow_button .inlay {padding-left: 14px; padding-right: 14px;}
.button.narrow_button.small_button .inlay {padding-left: 12px; padding-right: 12px;}
.button.middle_button.narrow_button .inlay {padding-left: 20px; padding-right: 20px;}
.button.comment_button .i-comment {font-size: 20px; vertical-align: middle; display: inline-block; margin-right: 3px; line-height: 14px; top: 0 !important;}
.button.count_button.small_squared .inlay {font-size: 18px; line-height: 18px; font-family:'robotomedium'; font-weight: 500;}
.button .i-close {font-size: 15px; vertical-align: middle; display: inline-block; line-height: 14px; position: relative; left:-3px; opacity:0.8;}
.button .i-chevron-up {font-size: 15px; vertical-align: middle; display: inline-block; line-height: 14px; position: relative; left:3px;}
.button.edit_button .i-border-color {font-size: 16px; vertical-align: middle; display: inline-block; line-height: 14px; position: relative; left:-4px; top: 1px;}
.button.squared, .button.squared .inlay, .button.rounded, .button.rounded .inlay {width: 33px; height: 33px; text-align: center; line-height: 30px; padding:0;}
.button.small_squared, .button.small_squared .inlay {width: 19px; height: 19px; text-align: center; line-height: 22px; padding:0;}
.button:hover .i-close {opacity:1;}
.button.squared .i {position: relative; vertical-align: middle; display: inline-block; font-size: 22px;}
.button.squared .i-comment-alert {top: 2px;}
.button.rounded .i-account-multiple {vertical-align: middle; display: inline-block; font-size: 18px;}
.button.shadowed {-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);}
.button.shadowed:active {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.ink {display: block; position: absolute;background: rgba(0,0,0,0.2);border-radius: 100%; transform: scale(0);}
.ink.animate {animation: ripple 0.5s linear;}
@keyframes ripple { 100% {opacity: 0; transform: scale(2.5);}}
.type_button {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px 10px 5px 10px; color: #fff; vertical-align: middle; font-weight: 400; text-decoration: none; font-size: 14px;}
.type_button:not([href]) {pointer-events: none;}
.type_button:hover {color: #fff;}
.type_button .i {vertical-align: middle; font-size: 14px; margin-left: 4px;}
.type_button.label_button {font-size:12px; padding: 3px 8px 4px 8px;}
.type_button.larger_button {font-size:14px; font-family: 'robotomedium'; font-weight:500; padding: 6px 12px 7px 12px;}
.button.disabled, .button[disabled] {opacity: 0.5; cursor: default; pointer-events: none;}
.button.disabled .ink, .button[disabled] .ink {display: none !important;}
.close{ position: absolute; z-index:3;}
.close:hover {opacity:1;}
.button.close { margin:0 !important;}
.button.close.squared .inlay {line-height: 30px !important;}
.button.close.squared .i-close { font-size: 27px !important; left: 0 !important; height: 17px; line-height: 17px;}
.button.close.small_squared .inlay {line-height: 19px !important;}
.button.close.small_squared .i-close { font-size: 15px !important; left: 0 !important; width: 19px; height: 19px; line-height: 19px !important; vertical-align: top;}
.button.close.small_squared .i-close:before {display: block;}
/*END BUTTONS*/
/*WRAPPERS & OVERLAYS*/
.body_overlay {z-index:99; display: none; width: 100%; height: 100%; min-height: 100vh; position: fixed; top:0; bottom:0; left:0; right: 0; background: rgba(0,0,0,0.6); }
.main_wrapper {margin-left: 240px; position: relative; }
.main_wrapper.minvh {min-height: 100vh;padding-top: 51px; padding-bottom:115px;}
.minified .main_wrapper {margin-left: 62px; position: relative;}
.tablet .main_wrapper {margin-left: 62px; position: relative;}
.main_wrapper_inner {max-width: 1200px; clear: both; margin: 0 auto; width: 90%;}
.material_wrapper {width: 94%; margin: 36px auto;}
.social_material_block, .material_wrapper.social_material_block { margin: 0; width: 100%; padding: 20px 3%;}
.item_wrapper {padding: 22px 24px 24px 24px;}
.type_wrapper {position: absolute; top:0; left:0; right:0; margin: auto; margin-top: 30px; z-index:3; width: 94%; text-align: left; line-height: normal; font-size: 14px;}
.type_wrapper .type_button {margin-right: 5px; -webkit-transition: color 0.2s, opacity 0.2s, background-color 0.2s; transition: color 0.2s, opacity 0.2s, background-color 0.2s; color: #fff; white-space: nowrap;}
.img_wrapper { display: block; position: relative; overflow: hidden; backface-visibility: hidden; transform-style: preserve-3d; z-index: 1; text-decoration: none;}
.img_wrapper img { position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; max-width: 150%; max-height: 110%; min-width: 100%; min-height: 100%;}
.avatar_wrapper { display: block; position: relative; backface-visibility: hidden; transform-style: preserve-3d; z-index: 1; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%;}
.avatar_wrapper.inline-block {display: inline-block;}
.avatar_wrapper img {position: relative; display: block; width: 100%;height: 100%;}
.avatar_wrapper.size1 {width: 150px; height: 150px;}
.avatar_wrapper.size2 {width: 80px; height: 80px;}
.avatar_wrapper.size3_5 {width: 60px; height: 60px;}
.avatar_wrapper.size3 {width: 40px; height: 40px;}
.deleted_user_state {position: absolute; text-align: center; z-index:3; background: #ffb5b6;}
.deleted_user_state .i-close {display: inline-block; vertical-align: middle; opacity: 1 !important; color: #fff !important;}
.avatar_wrapper.size1 + .deleted_user_state {width: 55px; height: 55px; right: 25px; bottom: 10px; line-height: 55px; -webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);}
.avatar_wrapper.size1 + .deleted_user_state .i-close {font-size: 46px;}
.avatar_wrapper.size2 + .deleted_user_state {width: 20px; height: 20px; right: 12px; bottom: 10px; line-height: 20px;}
.avatar_wrapper.size2 + .deleted_user_state .i-close {font-size: 16px;}
.avatar_wrapper.size3_5 + .deleted_user_state {width: 16px; height: 16px; right: 10px; bottom: 7px; line-height: 16px;}
.avatar_wrapper.size3_5 + .deleted_user_state .i-close {font-size: 12px;}
.avatar_wrapper.size3 + .deleted_user_state {width: 16px; height: 16px; right: 7px; bottom: 4px; line-height: 16px;}
.avatar_wrapper.size3 + .deleted_user_state .i-close {font-size: 12px;}
.preloader {position: absolute; z-index:100; width: 80px; height: 80px; top: 100px; left:-50%; right:-50%; margin: auto; text-align: center;}
.preloader .ripple { display: inline-block; position: relative; width: 80px; height: 80px;}
.preloader .ripple div { position: absolute; border: 4px solid currentColor; opacity: 1; border-radius: 50%; animation: ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.preloader .ripple div:nth-child(2) { animation-delay: -0.5s;}
@keyframes ripple {
0% {top: 36px; left: 36px; width: 0; height: 0; opacity: 1;}
100% {top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0;}
}
.popup .preloader {position: relative; top: 0; left: auto; right: auto; margin: 30px auto;}
.scrolling_block {position: relative;}
.scrolling_element {position: relative; width:100%; left:0; backface-visibility: hidden; transform-style: preserve-3d;}
.scrolling_element.scrolling {position: absolute; }
.baron_scrollbar_wrapper {position: absolute;z-index: 3;top: 5px;bottom: 5px;right: 4px;width: 4px; -webkit-border-radius: 4px; border-radius: 4px; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.baron:hover .baron_scrollbar_wrapper {opacity:0.3;}
.baron:hover .baron_scrollbar_wrapper:hover {opacity:0.5;}
.baron_scrollbar {position: absolute;z-index: 1;width: 4px; pointer-events: auto; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px;}
/*END WRAPPERS & OVERLAYS*/
/*HEADERS*/
.section_header, .ui-datepicker-header {font-size: 16px; line-height: 21px; font-family: 'robotomedium'; font-weight: 500; padding: 15px 24px; border-bottom: 1px solid transparent; -webkit-text-size-adjust:none;}
.section_header h2 {font-size: 36px; font-weight: 100;}
.section_header a {text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: inherit;}
.section_header a:hover {opacity: 0.8;}
/*END HEADERS*/
/*CONSTRUCTOR ELEMENTS*/
.col1, .col2, .col3, .col4, .col5, .col6 {margin: 1%;}
section.col1, .col1 {width: 31.333%;} /*три столбца десктоп -> три столбца планшет -> один столбец мобильный */
section.col2, .col2 {width: 64.6%;} /*1.5 десктоп -> 1.5 планшет -> один столбец мобильный */
section.col3, .col3 {width: 97.9%;} /* один столбец */
section.col4, .col4 {width: 48.3%; margin-left:0; margin-right:0; margin-top: 0;} /* хитрый внутренний стобец для главной */
section.col5, .col5 {width: 48%;} /*два столбца десктоп -> два столбца планшет -> один столбец мобильный */
section.col6, .col6 {width: 23%;} /*четыре столбца десктоп -> три столбца планшет -> два столбца мобильный */
.col1.fixed_height {height: 475px;}
.col2 section {margin-bottom: 3%;}
.col1 section {margin-bottom: 6%;}
.tablet_hide, .adaptive_hide {display: block;}
.tablet_show, .adaptive_show {display: none;}
.inline-block.tablet_hide, .inline-block.adaptive_hide {display: inline-block;}
.inline-block.tablet_show, .inline-block.adaptive_show {display: none;}
.alternate_col.col1 {width: 25.3%;margin-top:0;}
.alternate_col.col2 {width: 70.6%;margin-top:0;}
/*END CONSTRUCTOR ELEMENTS*/
/*GRID*/
.grid_block .grid_wrapper {position: relative; width: 100%;}
.grid_block .grid {margin: 0 auto; padding-bottom: 2px;}
.grid.minified .item {opacity:0 !important; -webkit-transform: scale(0.962) !important; transform: scale(0.962) !important; -webkit-transition: none !important; transition: none !important;}
.grid.hiding .item {opacity:0 !important; -webkit-transform: scale(0.962) !important; transform: scale(0.962) !important; -webkit-transition: opacity 0.3s, transform 0.3s !important; transition: opacity 0.3s, transform !important;}
.grid_block .grid_preloader img {width: 100px; height: 100px; display: block; stroke: #adadad !important;}
.grid_block .grid.owl-carousel {width: 90%; left:-5%; margin: 0 auto; overflow: visible;}
.grid_block .grid.owl-carousel .owl-stage-outer { overflow: visible;}
.grid_block .grid .owl-item {padding: 0 10px; left:-10px}
.grid_block .grid .owl-item .item {position: relative; width: 380px;}
.grid_block .grid .item {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05); margin-left:1px; backface-visibility: hidden; transform: translateZ(0); padding-top: 0 !important; margin: 1%; transition: transform 0.3s, box-shadow 0.3s;}
.grid_block .grid .item:hover { box-shadow: 0 5px 20px rgba(91,91,91, 0.1); transform: translate(0, -4px); }
.grid_block .grid .item .img_wrapper {width: 100%; width: calc(100% + 0.3px); display: block; position: relative; overflow: hidden; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; }
.grid_block .grid .item .img_wrapper:before {content:'';width: 100%; height: 100%; position: absolute; top: 0; left:0; background: rgba(0,0,0,0.1); z-index:3;}
.grid_block .grid .item .img_wrapper img {width: auto; display: block; -webkit-transform-style: initial; transform-style: initial; -webkit-transition: opacity 1.5s, transform 1.5s; transition: opacity 1.5s, transform 1.5s; backface-visibility: hidden; z-index:2;}
.grid_block .grid .item:not(.fixed_height) .img_wrapper img { width: 100%; position: relative; left:0; right:0; top:0; bottom:0; max-width: none; min-height:0; max-height: none; z-index: 1;}
/* .grid_block .grid .item .img_wrapper:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); opacity: 0.7;} */
.dummy_wrapper {opacity:0.7;}
.img_wrapper.dummy_wrapper {opacity:1;}
.grid_block .grid .item .img_wrapper.dummy_wrapper {-webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.grid_block .grid .item .img_wrapper.dummy_wrapper:before {display: none;}
.grid_block .grid .item .img_wrapper.dummy_wrapper .dummy_icon { position: absolute; font-size: 220px; color: #fff; opacity: 0.2; z-index: 2; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); bottom: -54px; left: 6px;}
.grid_block .grid .item .img_wrapper.dummy_wrapper .dummy_img { position: absolute; z-index: 2; bottom: 0; top: auto; right: auto; left: 22px; width: auto; height: auto; max-width: auto; max-height: auto; min-width: auto; min-height: auto; margin:0;}
.grid_block .grid .item .img_wrapper.dummy_wrapper:hover .dummy_img {-webkit-transform: scale(1.02); -moz-transform: scale(1.02); transform: scale(1.02); opacity:0.9;}
.grid_block .grid .item_content {position: relative; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
.grid_block .grid .item_content.bordered {border: none;}
.grid_block .grid .item_content h4 {margin-top: 8px; backface-visibility: hidden; margin-bottom: 10px; position: relative; font-size: 22px; line-height: 1.2em; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
.grid_block .grid .item_content h4 .new_material_mark {height: 6px; width: 6px; position: absolute; left: -15px; top: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.grid_block .grid .item_content h4 .new_material_mark:before {content:''; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.grid_block .grid .item_content p { line-height: 1.4em; margin-bottom: 20px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
.grid_block .grid .type_wrapper {right: auto; margin:0; top: auto; bottom: 15px;}
.grid_block .grid .item .type_wrapper .type_button {margin-bottom: 5px;}
.grid_block .grid .item .l_float, .grid_block .grid .item .r_float { font-size: 14px; font-weight: 400; padding-top: 18px; margin: 0;}
.type_wrapper .type_button.review_label {font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--mt-color-gray-700);}
.grid_block .grid .item.marked .item_wrapper *, .grid_block .grid .item.marked a:visited:not(:hover) {color: #fff;}
.grid_block .grid .item.marked .item_content .type_wrapper {opacity:1;}
.grid_block .grid .item.marked .item_content h4 a:hover {opacity: 0.7; color: #fff;}
.grid_block .grid .item.marked .item_content p {opacity: 0.7;}
.grid_block .grid .item.marked .item_content {border-color: rgba(255,255,255,0.3);}
.grid_block .grid .item.marked .item_content:after {display: none;}
.grid_block .grid .item.locked .item_content p, .grid_block .grid .item.locked .item_content h4, .grid_block .grid .item.locked .item_content .date {opacity:0.6;}
.grid_block .grid .item.locked .type_button.blue_bg {background: #2ea7f1}
.grid_block .grid .item.noimg {padding-top: 40px !important;}
.grid_block .grid .noimg .type_wrapper {position: relative; padding-bottom:0;}
.grid_block .grid .item.fixed_height .img_wrapper {height: 160px;}
.grid_block .grid .item.fixed_height .item_content {height: 130px; border: none; overflow: hidden;}
.grid_block .grid .item.fixed_height .item_content:after { content: ''; display: block; height: 55px; width: 100%; position: absolute; background: linear-gradient( to bottom, rgba(255,255,255,0.001), rgba(255,255,255,1) ); bottom: 0; left: 0; pointer-events: none; z-index: 1;}
.grid_block .grid .item.fixed_height .item_content:before { content: ''; z-index: 1;}
.grid_block .date {margin-bottom: 5px; opacity: 0.9; max-width: 90%;}
.grid_block .date a {color: inherit; text-decoration: none;}
.grid_block .date a:hover {text-decoration: underline;}
.grid_block .transparent_header {display: block; position: relative; padding: 0; width: 98%; margin: 20px auto 5px auto; border: none;}
.grid_block .transparent_header h4 {font-size: 18px; line-height: 21px; font-family: 'robotomedium'; font-weight: 500;}
.grid_block .transparent_header a {text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;}
.grid_block .transparent_header a.r_float {margin-top: 4px;}
.grid_block .transparent_header a:hover {opacity: 0.8;}
.grid_block .transparent_header h4 a {font-family: inherit; font-weight: inherit;}
.grid_block .transparent_header h4 a:hover {opacity: 1;}
.grid_block .transparent_header a .i {vertical-align: middle; top: -1px; position: relative; font-size:22px; right: -4px;}
.grid_block .transparent_header > span {display: block; margin-bottom: 5px;}
.date_block {position: relative; z-index:2; font-size: 18px; font-weight: 400; margin-bottom: 20px; display: inline-block; padding: 10px 20px; color: #fff;}
.date_block * {position: relative; z-index:2; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
a.date_block.noimg * {opacity:0.7;}
.noimg.date_block {color: inherit;}
.date_block img {z-index:0;}
.date_block i {font-style: normal; font-size: 20px; line-height: 1em;}
.date_block div {font-size: 52px; font-weight: 500; line-height: 52px; margin-top: 15px;}
.date_block div.multiple_dates { font-size: 34px; line-height: 40px; margin-top: 20px;}
.date_block span {display: block; font-size: 14px;}
.date_block.img_wrapper {overflow: hidden; text-decoration: none; margin-top: 22px;}
.date_block.img_wrapper:before {content:'';width: 100%; height: 100%; top:0; left:0; position: absolute; z-index:1; background: rgba(0,0,0,0.3);}
.date_block.img_wrapper img {position: absolute; left:-50%; right:-50%; top:-50%; bottom:-50%; margin: auto; max-width: 150%; max-height: 150%; width: 100%; height: 100%;}
.grid_block .event_carousel_item .date_block {min-width: 150px; height: 135px; }
.grid_block .event_carousel_item .date_block span {position: relative; background: transparent;}
.noimg .date_block {background: transparent; margin-top: 0;}
/*END GRID*/
/*HEADERS*/
#header {padding: 0; overflow: hidden; min-height: 250px; line-height: 250px; color: #fff;text-align: center;}
#header .header_background { position: absolute; min-width: 100%; min-height: 100%; left: -50%; right:-50%; top:-50%; bottom:-50%; margin: auto;}
#header .header_overlay {display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.3); z-index:1;}
#header .item_content {line-height: normal; text-align: left; position: relative; z-index:2; width: 94%; left:0; right:0; margin: auto; bottom:0; display: inline-block; vertical-align: bottom;}
#header .item_content .date {font-size: 16px; margin-right: 5px; }
#header .item_content h1 { margin-bottom: 15px; }
#header .item_content h2 {margin-bottom: 5px; }
#header .item_content h2 a, #header .item_content h1 a {color: inherit; text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; vertical-align: middle;}
#header .item_content h2 a:hover {opacity: 0.8;}
#header .item_content p {font-size: 18px; max-width: 50%; margin-top: 15px; margin-bottom: 25px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
#header .item_content h1, #header .item_content h2 {font-family: 'Inter', 'Roboto', sans-serif; font-size: 32px; line-height: 42px; font-weight: 700; /*MOT-6532 6*/ max-width: 73%; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
#header .item_content h1 span, #header .item_content h2 span {vertical-align: middle;}
#header .item_content .date, #header .item_content .like_comment, #header .item_content .type_button {vertical-align: middle; margin-top: 16px; margin-bottom: 30px; line-height: 20px; font-size: 14px;}
#header .item_content .like_comment {margin-left: 14px;}
#header .item_content .date a {color: inherit; text-decoration: none; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word;}
#header .item_content .date a:hover {opacity:0.8;}
#header .fav_button {top: 25px; right:30px;}
#material_content #header {margin:0; width: 100%;}
.bull {margin:0 6px 0 0;}
#header.noimg {min-height: 0; padding-top: 35px; line-height: normal; color: inherit; overflow: visible;}
#header.noimg .item_content .date a {text-decoration: none;}
/*END HEADERS*/
/*DUMMY*/
.default_dummy {display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; min-height: 55vh; display: -moz-box; -moz-box-pack: center; -moz-box-align: center;}
.default_dummy .flex_height {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; max-width: 100% !important;}
.default_dummy .default_text {max-width: 370px !important; margin-top: 12px !important; font-size: 20px !important; line-height: 24px !important; color: var(--dark);}
.default_dummy .default_subtext {font-size: 16px !important; line-height: 18px !important; color: var(--dark_grey);}
.default_dummy .default_dummy_button {margin-top: 16px;}
.default_dummy .default_dummy_button .inlay {padding: 9px 14px; font-size: 14px; font-family: 'robotomedium'; font-weight: 500;}
.default_dummy .default_text a {text-decoration: none;}
.default_dummy .default_text a:hover {opacity: 0.7;}
.default_dummy .new_dummy_icon_type {position: relative; width: 112px; height: 112px; display: flex; align-items: center; justify-content: center; background: var(--mt-color-primary-100); border-radius: 50%;}
.default_dummy .new_dummy_icon_type:before {content: ''; position: absolute; width: 96px; height: 96px; left: 8px; top: 8px; background: var(--mt-color-primary-100); border-radius: 50%;}
.default_dummy .new_dummy_icon_type img {max-width: 94px; max-height: 94px; position: relative; z-index:1;}
.default_dummy.alternate img {margin-bottom: 14px;}
.default_dummy.alternate img:not(.fixed_size) {width: auto !important; height: auto !important;}
.default_dummy.alternate .default_text {margin-top: 10px !important; font-family: 'Inter' !important; font-style: normal !important; font-weight: 700 !important; font-size: 22px !important; line-height: 28px !important; color: var(--mt_primary);}
.default_dummy.alternate .default_subtext {font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 22px !important; color: var(--mt_common);}
.default_dummy.alternate .default_subtext img {margin: 0;margin-bottom: -4px;}
.default_dummy.alternate .default_dummy_button {margin-top: 28px; border-radius: 6px;}
.default_dummy.alternate .default_dummy_button .inlay {padding: 12px 20px; line-height: 20px;}
.access_dummy {position: relative; display: flex; justify-content: center}
.access_dummy_inner {position: relative; padding: 20px 40px 50px 50px; margin-top: 40px; display: inline-flex; align-items: start;max-width: 100%;}
.access_dummy_content {margin-top: 110px; position: relative; width: 427px; border-radius: 20px; padding: 45px 24px 35px 24px; /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/ overflow: hidden; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); z-index:2; background: rgba(0, 0, 0, 0.08); min-width: 360px;}
.access_dummy_moz_blur {display: none;}
.access_dummy h2 {font-family: 'Inter'; font-style: normal; font-weight: bold; font-size: 40px; line-height: 48px; margin-bottom: 10px;}
.access_dummy p {font-size: 16px; line-height: 22px;}
.access_dummy_condition {margin-top: 32px; background: rgba(8, 23, 64, 0.2); border-radius: 10px; padding: 16px 20px 24px 20px;}
.access_dummy_condition p {font-size: 14px;}
.access_dummy_condition h4 {font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 30px;}
.access_dummy_condition .i {font-size: 28px; position: relative; top: 2px;}
.access_dummy_bg {position: absolute; left:0; top: 0; bottom: 0; margin: auto; object-fit: contain;}
.access_dummy_img {position: relative; display: block; z-index: 2; /*min-width: 430px; min-height: 470px;*/ margin-top: 20px;}
.access_dummy_img img {display: block;}
.popup_wrapper[data-class*="module_open_modal"] .popup_content {width: 464px; border-radius: 8px; overflow: hidden;}
.popup_wrapper[data-class*="module_open_modal"] .popup_content > .item_wrapper {padding: 0;}
.popup_wrapper[data-class*="module_open_modal"] .popup_content .section_header {display: none !important }
.popup_wrapper[data-class*="module_open_modal"] .button.close.squared .inlay {color: var(--light_grey);}
.popup_wrapper[data-class*="module_open_modal"] .modal_img_wrapper {border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; width: 928px; margin-left: -232px;}
.popup_wrapper[data-class*="module_open_modal"] .modal_img_wrapper_inner {width: 464px; overflow: hidden; margin-left: 232px;}
.popup_wrapper[data-class*="module_open_modal"] .modal_img_wrapper_wrapper {position: relative; background: linear-gradient(180deg, #9975FF -7.81%, #6535EE 83.17%); min-height: 222px;}
.popup_wrapper[data-class*="module_open_modal"] .modal_img_wrapper img {display: block; width: auto; margin: 0 auto; padding: 10px 0;}
.popup_wrapper[data-class*="module_open_modal"] .item .item_wrapper {margin-top: -20px; padding: 0 28px; padding-top: 50px; padding-bottom: 30px;}
.popup_wrapper[data-class*="module_open_modal"] h4 {word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; font-family: 'Inter'; font-style: normal; font-weight: bold; font-size: 22px; line-height: 28px; margin-bottom: 8px; color: var(--mt_primary);}
.popup_wrapper[data-class*="module_open_modal"] p {font-size: 15px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; margin-bottom: 34px; color: var(--mt_primary);}
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel.owl-carousel,
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel .owl-stage-outer,
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel .owl-item {border-top-left-radius: 8px; border-top-right-radius: 8px; overflow:hidden;}
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel .owl-nav {top: 113px;}
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel .owl-controls .owl-nav div i {color: var(--light_grey); border-radius: 4px; transition: 0.2s; opacity:0.9}
.popup_wrapper[data-class*="module_open_modal"] .notice_carousel .owl-controls .owl-nav div i:hover {background: rgba(255,255,255,0.2); opacity: 1;}
.popup_wrapper[data-class*="module_open_modal"] .buttons .button {border-radius: 6px; margin-bottom: 10px;}
.popup_wrapper[data-class*="module_open_modal"] .buttons .button .inlay {padding: 12px 20px; line-height: 16px; font-family: 'robotomedium'; font-weight: 500;}
@-moz-document url-prefix() {
.access_dummy_moz_blur {display: block; position: absolute; left: -50px; top: -140px; filter: blur(30px); z-index:-1; }
.access_dummy_moz_blur:nth-child(2) {left: -100px;opacity:0.5;}
.access_dummy_moz_blur:nth-child(3) {top: -200px;opacity:0.5;}
.access_dummy_moz_blur:nth-child(4) {top: -100px;opacity:0.5;}
}
@media (max-width: 900px){
.access_dummy_inner {flex-wrap: wrap; justify-content: center; padding: 20px 0 0 0;}
.access_dummy_bg {bottom: auto; right: -50%; left:-50%; top: -20px; bottom: auto;}
.access_dummy_content {margin-top: 30px;}
}
/*END DUMMY*/
/*FILTERS*/
.mini_modal {text-align: left; position: absolute; z-index:90; padding:10px 0 15px 0; overflow: visible;}
.mini_modal.shadowed {-webkit-box-shadow: 0 1px 2px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px 2px rgba(0,0,0,0.15);}
.mini_modal .mini_modal_list {position: relative;cursor: default; z-index:3;}
.mini_modal .mini_modal_list a {position: relative; font-size: 14px; text-decoration: none; font-weight: 400; display: block; line-height: 1.4em; padding:8px 10px 8px 16px; /*white-space: nowrap;*/}
.mini_modal .mini_modal_list a:hover {color: inherit;}
.mini_modal .mini_modal_list a span {display: inline-block; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;}
.mini_modal .mini_modal_list a .i + span {max-width: calc(100% - 22px);}
.mini_modal .mini_modal_list a .i {font-size: 18px; display: inline-block; vertical-align: middle; position: relative;}
.mini_modal .mini_modal_list a .i-border-color {top: 2px;}
.mini_modal .mini_modal_list a .i-check {display: none; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; font-size: 18px; height: 18px; line-height: 18px !important;}
.mini_modal .mini_modal_list a.active .i-check {display: block;}
.mini_modal .item_wrapper {padding: 14px;}
.mini_modal .mini_modal_list h5 {margin-left: 16px; margin-top: 6px;}
.mini_modal .mini_modal_list a + h5 {margin-top: 12px;}
.ui_filter {position: relative; display: inline-block; font-size: 0 !important; font-weight: 400; text-align: center;cursor: pointer; line-height: normal; padding: 0 !important; z-index: 7;}
.ui_filter .mini_modal {display: none; opacity:0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; min-width: 215px; top: 37px; }
.ui_filter .mini_modal:before { content: '▲'; display: block; -webkit-transform: scale(1.2, 0.5); -moz-transform: scale(1.2, 0.5); transform: scale(1.2, 0.5); color: #fff; font-size: 20px; position: absolute;top: -16px; z-index: 1; text-shadow: 0 -3px 4px rgba(0,0,0,0.15);}
.ui_filter .mini_modal:after { content: ''; display: block; position: absolute; top: -15px; height: 30px; width: 110%; left: -5%; background: transparent; z-index: 1;}
.ui_filter.active .mini_modal {opacity:1;}
.ui_filter .mini_modal .mini_modal_list a span {padding-right: 15px;}
.ui_filter .mini_modal.two_columns {min-width: 400px;}
.ui_filter .mini_modal.two_columns .mini_modal_list {column-count: 2;}
.ui_filter .mini_modal.two_columns .mini_modal_list a {min-width: 200px;}
.sorting_filter .mini_modal {right: 35px; top: 40px;}
.sorting_filter .button.rounded.sort_order, .sorting_filter .button.rounded.sort_order .inlay {height: 37px; width: 37px; line-height: 34px; -webkit-transform: translateZ(0); transform: translateZ(0);}
.sorting_filter .button.rounded .i {display: block; position: relative; font-size: 17px; line-height: 37px; backface-visibility: hidden; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
.sorting_filter .button.rounded.active .i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.sorting_filter .mini_modal:before {right: 17px;}
.sorting_filter .mini_modal_list a.active {pointer-events: none;}
.filtering_filter .mini_modal {left: 12px; right:12px;}
.filtering_filter .button.filter_open.active .i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.filtering_filter .mini_modal:before {left: 17px;}
.access_filter .mini_modal, .burger_filter .mini_modal {left: auto; right: 0px;}
.access_filter .mini_modal:before, .burger_filter .mini_modal:before {left: auto; right: 7px;}
.ui_filter.burger_filter:not(:hover) .toggle_modal {color: inherit;}
.ui_filter.burger_filter:not(:hover) .toggle_modal .inlay {-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#submenu {background: #fff; border-bottom: 1px solid transparent; padding:0; overflow: hidden;}
#submenu .wrapper {overflow: hidden;}
.submenu_switcher {position: relative; -webkit-transition: 0.5s; transition: 0.5s; height: 47px; width: 100%; white-space: nowrap; overflow: hidden; font-size: 0; line-height: 0;}
.submenu_switcher .submenu_overflow {overflow: hidden;}
.submenu_item {display: inline-block; text-align: center; -webkit-transition: color 0.4s, opacity 0.4s; transition: color 0.4s, opacity 0.4s; cursor: pointer;position: relative; overflow: hidden; text-decoration: none;}
.submenu_item.disabled, .submenu_item[disabled] {pointer-events: none; color: var(--grey); /* opacity: 0.5*/;}
.submenu_item .type_button {line-height: 7px; padding: 5px 5px; font-size: 10px; text-transform: uppercase; font-family: 'robotomedium'; font-weight: 500; margin-top: -5px; position: relative; top: 2px;}
.submenu_item span {display: block; padding: 14px 14px; max-width: 300px; text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 19px;}
.submenu_item span i {font-size: 12px; font-style: normal; padding: 2px 5px; height: 19px; min-width: 19px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 15px; text-align: center;}
.submenu_item span em {font-style: normal; padding-left:2px;}
.submenu_item a {color: inherit; text-decoration: none; opacity: 0.6;}
.submenu_item.marked span {padding-left: 26px;}
.submenu_item.marked .mark {height: 6px; width: 6px; position: absolute; left: 12px; top: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.submenu_item.active {pointer-events: none; font-family: 'robotomedium', 'Roboto', sans-serif; font-weight: 500;}
.submenu_item.active, .submenu_item:hover {opacity:1; color: inherit;}
.submenu_active {position: absolute; height: 3px; bottom:0; left:0; width: 50px;}
.submenu_filter.arrowed {position: relative;}
.white_bg .submenu_filter {background: #fff !important;}
.submenu_filter.arrowed .submenu_wrapper {position: relative; margin: 0 40px 0 0 !important; overflow: hidden; -webkit-transition: 0.2s; transition: 0.2s;}
.submenu_filter.arrowed .submenu_wrapper:after {content:'';width: 40px; height: 100%; position: absolute; right:0; top:0; z-index:2; pointer-events:none;}
.white_bg .submenu_filter.arrowed .submenu_wrapper:after {background: linear-gradient(to right, rgba(255,255,255,0.001), rgba(255,255,255,1));}
.white_bg .submenu_filter.arrowed.end .submenu_wrapper:after {display: none;}
.submenu_filter.arrowed.scrolled .submenu_wrapper:before {content:'';width: 40px; height: 100%; position: absolute; left:0; top:0; z-index:2; pointer-events:none;}
.white_bg .submenu_filter.arrowed.scrolled .submenu_wrapper:before {background: linear-gradient(to left, rgba(255,255,255,0.001), rgba(255,255,255,1));}
.submenu_filter.arrowed.scrolled .submenu_wrapper {margin-left: 40px !important;}
.submenu_filter.arrowed.scrolled.end .submenu_wrapper {margin-right: 0px !important;}
.submenu_filter.arrowed .submenu_switcher {margin: 0 !important; overflow: visible !important; left: 0;}
.submenu_filter.arrowed .i {cursor: pointer; position: absolute; top: 1px; bottom:0; margin: auto; font-size: 26px; height: 28px; width: 28px; line-height: 30px; text-align: center; -webkit-transition: background-color 0.2s, color 0.2s, opacity 0.2s; transition: background-color 0.2s, color 0.2s, opacity 0.2s; }
.submenu_filter.arrowed .i:not(:hover) {background: transparent;}
.submenu_filter.arrowed .i.disabled {cursor: default; color: inherit; background: transparent; opacity:0; display: none;}
.submenu_filter.arrowed .i-chevron-left {left:0px;}
.submenu_filter.arrowed .i-chevron-right {right:0px;}
#filter_group {margin-bottom: 1%;}
#filter_group .category_filter {position: relative; }
#filter_group .category_filter li {position: relative; display: inline-block;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; border: 1px solid transparent; background: transparent; font-size: 15px; text-align: center; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; min-width: 80px; margin-bottom: 5px; text-transform: none; vertical-align: top;}
#filter_group .category_filter li .inlay {padding: 8px 18px 9px 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: 0.2s; transition: 0.2s;}
#filter_group .category_filter li .inlay i { font-size: 12px; font-style: normal; padding: 2px 5px; height: 19px; min-width: 19px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 15px; text-align: center;}
#filter_group .category_filter li:hover, #filter_group .category_filter li:hover a, #filter_group .category_filter li.active{color: #fff;}
#filter_group .category_filter li.active a {color: #fff;}
#filter_group .category_filter li.category_more {min-width: 60px; display: none;}
#filter_group .category_filter li.category_more .i {opacity:0; font-size: 26px; line-height: 18px; display: inline-block; vertical-align: middle;}
#filter_group .category_filter li.category_more:hover .i {color: #fff;}
#filter_group .category_filter li.category_more:before {content:'•••'; display: block; position: absolute; left:0; right:0; top:0; bottom:0; margin: auto; text-align: center; font-size: 26px; line-height: 38px;}
#filter_group .category_filter li.category_more.toggle .i {opacity:1;}
#filter_group .category_filter li.category_more.toggle:before {content:'';}
#filter_group.submenu_filter, .submenu_filter {border-bottom: 1px solid transparent; margin-bottom: 22px; overflow: hidden; position: relative; z-index:8}
#filter_group.submenu_filter.active, .submenu_filter.active {z-index:10;}
.alternative_filter {opacity:0;}
.alternative_switcher.submenu_switcher {overflow: visible !important; left:0 !important; white-space: nowrap;}
.alternative_switcher.submenu_switcher .submenu_item span, .alternative_switcher.submenu_switcher .submenu_item .trigger {display: inline-block;}
.alternative_switcher.submenu_switcher .submenu_item .trigger {width: 0; height: 10px; font-size:0; line-height:0;}
.alternative_switcher.submenu_switcher .submenu_item.visibility {display: none;}
.alternative_switcher .more_btn:not(:hover) {color: inherit;}
.alternative_switcher .more_btn {z-index: 6; font-weight:400; font-size: 14px; cursor: pointer; text-decoration: none; padding: 14px 14px; height: 47px;position: absolute; right: 0; top:0; display: none; overflow: visible; line-height: 19px;}
.alternative_switcher .more_btn .inlay {-webkit-transition: 0.4s; transition: 0.4s;}
.alternative_switcher .more_btn:not(:hover) .inlay { opacity: 0.7;}
.alternative_switcher .more_btn .inlay {padding-right:0;}
.alternative_switcher .inner_list {right:1px; top: 47px; display: none; min-width: 120px; opacity:1; clear:both;}
.alternative_switcher .inner_list.two_columns {max-width: 70vw; column-count: 2;}
.alternative_switcher .inner_list.two_columns .submenu_item {max-width: 300px;}
.alternative_switcher .inner_list .submenu_item {display: none; font-size: 14px; line-height: 0; text-align: left; margin: 0 !important}
.alternative_switcher .inner_list .submenu_item span {padding: 8px 20px;}
.alternative_switcher .inner_list .submenu_item.visibility {display: block;}
.alternative_switcher .inner_list.two_columns .submenu_item span {max-width: calc(100% - 15px); padding-right: 10px;}
.alternative_switcher .more_btn.open .inlay {opacity:1;}
.alternative_switcher .more_btn.open .inner_list {display: block; }
.alternative_switcher .more_btn .inner_list:after { content: ''; display: block; position: absolute; top: -24px; right: 0; width:80%; height: 25px; z-index: 1; background: transparent; opacity:0;}
.alternative_switcher .more_btn .inner_list:before { content: '▲'; display: block; -webkit-transform: scale(1.2, 0.5); -moz-transform: scale(1.2, 0.5); transform: scale(1.2, 0.5); color: #fff; font-size: 20px; position: absolute; top: -13px; right: 17px; z-index: 1; text-shadow: 0 -3px 4px rgba(0,0,0,0.15);}
.static_switcher {white-space: normal; height: auto; overflow: visible; font-size: 0;}
.static_switcher .submenu_active {display: none;}
.static_switcher .submenu_item {border-bottom: 3px solid transparent;}
.static_switcher .submenu_item span {padding-bottom: 10px;}
/*END FILTERS*/
/*TOGGLE LISTS*/
.toggle_list .toggle_item {border-bottom: none; border-top: none; -webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;}
.toggle_list .toggle_item:last-child {border-bottom: 1px solid transparent;}
.toggle_list .toggle_item .section_header {border: none; border-top: 1px solid transparent;position: relative; cursor: pointer;}
.toggle_list .toggle_item .section_header .caps {font-family: 'Roboto', sans-serif;font-weight: 700; font-size: 12px; line-height: 15px; display: inline-block; vertical-align: middle;}
.toggle_list .toggle_item .section_header:before {content:''; display: block; position: absolute;height: 100%; width: 0; left:0; top:0; background: #a8b4c6; transition: 0.2s; -webkit-transition: 0.2s; }
.toggle_list .toggle_item .section_header.active:before {width: 4px;}
.toggle_list .toggle_item .section_header:hover, .toggle_list .toggle_item .section_header.active {background: #f7f7f7;}
.toggle_list .toggle_item .section_header:not(.active) {border-bottom: none !important;}
.toggle_list .toggle_item .section_header .i-chevron-down {display: block; font-size: 26px; line-height: 24px; position: relative; right:-5px; -webkit-transition: color 0.4s, transform 0.4s; transition: color 0.4s, transform 0.4s; transform: translate3d(0, 0, 0);}
.toggle_list .toggle_item .section_header:not(:hover):not(.active) .i-chevron-down {color: inherit;}
.toggle_list .toggle_item .section_header.active .i-chevron-down {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.toggle_list .toggle_item .toggle_content {border: none; border-top: 1px solid transparent; display: none;}
.ui_toggling_list {position: relative; z-index:3; font-size: 14px; min-width: 150px; max-width: 100%;}
.ui_toggling_list .button.close {position: absolute; top: 10px; right: 30px; display: none;}
.ui_toggling_list .button.close .i {font-size: 18px !important;}
.ui_toggling_list.disabled {opacity:0.6; cursor: default; pointer-events: none;}
.ui_toggling_list.active {z-index:4;}
.ui_toggling_list .avatar_wrapper {width: 20px; height: 20px; display: inline-block; position: relative; left:-5px; vertical-align: middle; margin-top: -2px;}
.ui_toggling_list .ui_toggling_choosed {position: relative; background: #fff; padding: 7px 40px 6px 15px; height: 36px; cursor: pointer; min-width:100%;text-overflow: ellipsis;}
.ui_toggling_list[data-clear-avaiable] .ui_toggling_choosed {padding-right: 50px;}
.ui_toggling_list .ui_toggling_choosed input.js-search {padding:0 !important; margin: 0 !important; border: none !important; width: 100%; height: 20px; display: none !important;}
.ui_toggling_list .ui_toggling_choosed input.js-search.active {display: block !important;}
.ui_toggling_list .ui_toggling_choosed .inner {display: inline; white-space: nowrap;}
.ui_toggling_list .ui_toggling_choosed .i-chevron-down { font-size: 20px; top: 11px; line-height: 15px; right: 10px; position: absolute; pointer-events: none;}
.ui_toggling_list .ui_toggling_items {position: absolute; min-width:100%; max-width:100%; left:0; background: #fff; padding: 10px 0 20px 0; display: none; max-height: 331px; -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1); box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1); -webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; opacity:0;}
.ui_toggling_list .ui_toggling_items a {text-decoration: none; position: relative; padding: 6px 15px 7px 15px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.ui_toggling_list .ui_toggling_items a.hidden {display: none;}
.ui_toggling_list.nodots .ui_toggling_items a { white-space: normal; text-overflow: unset; overflow: visible;}
.ui_toggling_list .ui_toggling_items a:not(:hover):not(.active) {color: inherit; background: inherit;}
.ui_toggling_list .ui_toggling_scroll {overflow: auto; height: 311px;}
.ui_toggling_list .ui_toggling_items:hover .ui_toggling_scroll + .scroller__bar-wrapper {opacity:0.3;}
.ui_toggling_list .preloader {position: relative; top: 0; left: 0; right: 0;}
.ui_toggling_list .scroller__bar-wrapper {position: absolute;z-index: 3;top: 10px;bottom: 10px;right: 5px;width: 5px;border-radius: 5px;background: #909da2; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.2s, background-color 0.2s; transition: opacity 0.2s, background-color 0.2s; }
.ui_toggling_list .scroller__bar {position: absolute;z-index: 1;width: 5px;border-radius: 3px;background: #474e56; pointer-events: auto;cursor: pointer;}
/*END TOGGLE LISTS*/
/*FORMS*/
form {position: relative;}
label {position: relative; display: block; font-size: 16px; margin: 20px 0 10px 0; cursor: pointer; backface-visibility: hidden; line-height: 1.3em; font-weight: 400;}
.label {position: relative; backface-visibility: hidden;}
.label label {margin: 0;}
.label_header {overflow: hidden; display: block; font-size: 14px; margin-bottom: 5px; line-height: 20px;}
.label_header b {font-family: 'robotomedium'; font-weight: 500;}
.disabled .label_header { opacity:0.5; }
input[disabled] {opacity:0.5;}
input[type="checkbox"], input[type="radio"] {visibility: hidden; opacity: 0; float: left; width:5px; height: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
input[type="checkbox"]{margin-left: 14px;}
input[type="radio"] {margin-left: 20px;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], textarea, .textarea[contenteditable=true] {font: 400 15px 'Roboto', sans-serif; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 9px 11px 9px 11px; background: transparent; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-appearance: none; transition: border-color 0.2s;}
textarea.contenteditable { width: 0 !important; height: 0 !important; opacity: 0; padding: 0; margin: 0; position: absolute; z-index: -1; }
.textarea[contenteditable=true] { cursor: text; overflow: auto; white-space: pre-wrap; }
.textarea[contenteditable=true] br { display: none; }
.textarea[contenteditable=true][disabled] { pointer-events: none; opacity: 0.9; }
.textarea[contenteditable=true]:empty:not(:focus):not([disabled]):before { content: attr(placeholder); pointer-events: none; display: block; opacity:0.6; width: 0; white-space: nowrap; position: absolute; top: 0; left: 0; padding: 9px 11px; }
textarea,
.textarea[contenteditable=true] {min-height: 80px;}
form label span {overflow: hidden; display: block;}
.error p {margin-top: 2px; margin-bottom:0;}
.feedback_popup form label .limiter_counter {bottom: 6px; padding: 0;}
.feedback_popup form label .limiter_counter span {display: inline;}
.feedback_popup .input-group .limiter_counter.textarea_limiter {padding:0}
/*BOOTSTRAP 3 classes */
.form-control { background: #FFF; width: 100%; display: block; transition: border-color 0.2s; }
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; }
textarea.form-control[data-toggle="autosize"] { min-height: 0; }
.form-group.switcher { padding-left: 0; }
.form-group + .form-group { margin-top: 16px; }
.form-group + .switcher { margin-top: 24px; }
.form-group-inline:after { content: ''; clear: both; display: block; }
.form-group-inline .label_header { padding-right: 10px; }
.form-group-inline .label_header,
.form-group-inline .label_header + .input-group { float: left; }
.form-group-inline .label_header { margin-top: 10px; }
.form-group-inline .label_header + .input-group { width: auto; }
.form-group.required .label_header:after { content: '*'; display: inline; color: var(--red); margin-left: 2px; }
.input-group { display: flex; flex-wrap: wrap; align-items: stretch; position: relative; width: 100%; }
.input-group .form-control { position: relative; flex: 1 1 0%; min-width: 0px; }
.input-group .input-group-addon { display: flex; padding: 9px 0 9px; font: 400 15px 'Roboto', sans-serif; text-align: center; white-space: nowrap; transition: border-color 0.2s; }
.input-group .input-group-addon,
.input-group .form-control { border-radius: 3px 0 0 3px; border-right-width: 0; padding-right: 0; padding-left: 11px; }
.input-group .input-group-addon .i { font-size: 20px; width: 20px; height: 0; line-height: 18px; margin: 0 10px 0 0; }
.focused .input-group-addon { border-color: var(--blue_medium) !important; }
.error .input-group .input-group-addon { border-color: var(--red_medium) !important; }
.input-group .input-group-addon + .input-group-addon,
.input-group .input-group-addon + .form-control,
.input-group .form-control + .input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 0; margin:0;}
.input-group .input-group-addon:last-child,
.input-group .form-control:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-width: 1px; padding-right: 11px; }
.form-control.datetimepicker ~ .input-group-addon { padding: 8px 12px; font-size: 15px; font-weight: normal; line-height: 1; color: #6f6f6f; text-align: center; background-color: #eeeeee; width: auto; }
.form-control.datetimepicker ~ .input-group-addon .fa { margin-top: 3px; }
.input-group .limiter_counter { position: absolute; bottom: 1px; padding-bottom: 11px; right: 3px; width: 68px; text-align: center; display: none; font-size: 12px; background: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,1)); z-index: 1; }
.input-group .i.i-magnify {position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; font-size: 20px; height: 20px; width: 20px;}
.input-group .limiter_counter.active { display: block; }
.input-group .limiter_counter.active ~ input { padding-right: 75px; }
.input-group .limiter_counter ~ textarea,
.input-group .limiter_counter ~ .textarea { scrollbar-width: none; }
.input-group .limiter_counter ~ textarea::-webkit-scrollbar,
.input-group .limiter_counter ~ .textarea::-webkit-scrollbar { display: none; }
.input-group .limiter_counter.textarea_limiter { padding-bottom: 5px; }
.input-group textarea + .tox-tinymce { width: 100%; }
.input-group .visibility { position: absolute; left: 100%; margin-left: 10px; top: 8px; }
.input-group .visibility .i { font-size: 22px; }
.input-group .visibility input[type="checkbox"] { display: none; }
.input-group .visibility input[type="checkbox"] ~ .i-eye,
.input-group .visibility input[type="checkbox"] ~ .popover .active-text { display: none; }
.input-group .visibility input[type="checkbox"] ~ .i-eye-off,
.input-group .visibility input[type="checkbox"] ~ .popover .default-text { display: block; }
.input-group .visibility input[type="checkbox"]:checked ~ .i-eye,
.input-group .visibility input[type="checkbox"]:checked ~ .popover .active-text { display: block; }
.input-group .visibility input[type="checkbox"]:checked ~ .i-eye-off,
.input-group .visibility input[type="checkbox"]:checked ~ .popover .default-text { display: none; }
.input-group .visibility .popover { width: 222px; left: -100px; top: 100%; font-size: 12px; }
.input-group .smiles { position: absolute; margin: 0; right: 8px; bottom: 8px; z-index: 1; }
.input-group .smiles:hover,
.smiles:hover { z-index: 10; }
.input-group .smiles:hover .i,
.smiles:hover .i { color: var(--blue); }
.input-group .smiles + .limiter_counter { right: 40px; }
label div:not([class]) {position: absolute; z-index: 1; left: 0; top: 0px;backface-visibility: hidden; border: 1px solid transparent; background: rgba(236,240,241, 0.4); font-family: 'iconity' !important; line-height: 18px; text-align: center; font-size: 16px; -webkit-transition: 0.2s; transition: 0.2s;}
label.checkbox div {width: 19px; height: 19px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
label.checkbox div:before {content:"\e97a"; display: block; color: #fff; -webkit-transition: transform 0.3s; transition: transform 0.3s; position: relative; transform: scale(0.5); opacity:0;}
label.checkbox.active div:before {transform: scale(1); opacity:1;}
label.radio div {top: 1px;width: 20px; height: 20px;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
label.radio.active div, label.radio.active:hover div {border-color: transparent !important;}
label.radio div:before {content:""; width: 180%; height: 180%; position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s; transition: width 0.3s, height 0.3s, opacity 0.3s;}
label.radio.active div:before {width: 100%; height: 100%; opacity: 0.3; }
label.radio div:after {content:""; position: absolute; width:2px; height:2px; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-transition: 0.15s; transition: 0.15s;}
label.radio.active div:after {width: 8px; height: 8px; opacity: 1;}
label.switcher {position: relative;display: inline-block; padding-left: 32px;}
label.switcher.disabled, label.switcher[disabled] {pointer-events: none;}
label.switcher .label_header {display: inline-block; vertical-align: top; margin-right: 5px;}
label.switcher b {font-family: 'robotomedium'; font-weight: 500;}
label.switcher input {display:none; visibility: hidden; opacity: 0;}
label.switcher .switcher_slider {width: 32px;height: 18px; position: relative; display: inline-block; cursor: pointer; top: 1px; left: 0; right: 0; bottom: 0; -webkit-transition: opasity 0.3s; transition: opacity 0.3s; -webkit-border-radius: 15px; border-radius: 15px; margin:0 !important;}
label.switcher.disabled .switcher_slider, label.switcher[disabled] .switcher_slider {opacity:0.3 !important; pointer-events: none;}
label.switcher .switcher_slider:before {content: ''; position: absolute; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-border-radius: 50%; border-radius: 50%;}
label.switcher input ~ .switcher_slider.grey_bg {opacity:1; z-index:1; margin-right: -36px !important;}
label.switcher input ~ .switcher_slider.blue_bg {opacity:0;}
label.switcher input:checked ~ .switcher_slider.grey_bg {opacity:0;}
label.switcher input:checked ~ .switcher_slider.blue_bg {opacity:1;}
label.switcher.disabled input ~ .switcher_slider.grey_bg {opacity:0.5 !important;}
label.switcher.disabled input ~ .switcher_slider.blue_bg {opacity:0 !important;}
label.switcher.disabled input:checked ~ .switcher_slider.grey_bg {opacity:0 !important;}
label.switcher.disabled input:checked ~ .switcher_slider.blue_bg {opacity:0.3 !important;}
label.switcher input:checked ~ .switcher_slider:before { -webkit-transform: translateX(14px); transform: translateX(14px);}
.upload_file {text-align: center; font-size: 15px; font-weight:400; cursor: pointer; position: relative; overflow: hidden}
.upload_file.dropzone.inline-block {margin-bottom: 10px; margin-right: 10px;}
.upload_file input[type="file"] {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 200px; direction: ltr; cursor: pointer;}
.upload_file .inlay {height: 100%; border-width: 1px; border-style: dashed !important; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; padding-left: 5px; padding-right: 5px;}
.upload_file .i {font-size: 40px; display: block; margin: 10px auto 0 auto; -webkit-transition: color 0.2s; transition: color 0.2s;}
.upload_file:hover .inlay, .upload_file.hover .inlay {border-color: transparent !important;}
.upload_file:not(:hover), .upload_file:not(.hover) {border-color: inherit;}
.upload_file:hover .i, .upload_file.hover .i {color: inherit;}
.upload_file .dropzone-remove {display: none;}
.upload_file .dropzone-inner {display: inline-block; vertical-align: middle; line-height: 18px; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; max-height: 100%; overflow: hidden;}
.upload_file .upload_progress {position: absolute; left:0; bottom:0; height:5px; z-index:3; font-size:0; transition: 0.1s;}
.upload_file.horisontal_upload {width: 170px; height: 110px;}
.upload_file.uploader.horisontal_upload {line-height: 100px !important;}
.upload_file.uploader.horisontal_upload .dropzone-inner .i {margin: 0;}
.upload_file.square_upload { width: 100px; height: 100px; line-height: 72px;}
.upload_file.square_upload span {display: inline-block; font-size: 50px; vertical-align: middle; font-weight: 300;}
.upload_file.uploaded_file .inlay {border: none !important;}
.upload_file.uploaded_file .fa.i {display: inline-block; font-size: 34px; margin-bottom: 7px !important;}
.upload_file.uploaded_file .fa.i span {display: none;}
.upload_file.uploaded_file .img_wrapper {width: 100%; height: 100%; position: absolute; top:0; left:0;}
.upload_file.uploaded_file .button.close {position: absolute; top: 5px; right: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity:0; border: none !important; z-index: 3;}
.upload_file.uploaded_file:hover .button.close {opacity:1;}
.upload_file.uploaded_file .button.close {background: rgba(0,0,0,0.3);}
.upload_file.uploaded_file .button.close:hover {background: rgba(0,0,0,0.8);}
.upload_file.uploaded_file .button.close .inlay {border: none !important;}
.upload_file.uploaded_file .button.close .i {margin: 0 !important}
.uploaded_img {position: relative;}
.uploaded_img .button.close.delete {position: absolute; top: 0; right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity:0; z-index: 3;}
.uploaded_img:hover .button.close.delete {opacity:1;}
.uploaded_img .button.close.delete {background: rgba(0,0,0,0.2);}
.uploaded_img .button.close.delete:hover {background: rgba(0,0,0,1);}
.uploaded_img .button.close.delete .i-close {opacity: 1;}
.uploaded_img .img_wrapper {width: 100px; height: 100px;}
.uploaded_img .img_wrapper img {max-width: 200%; max-height: 200%;}
/*END FORMS*/
/*POPUPS*/
.tooltip .tooltip-arrow { border-bottom-color: rgba(0,0,0,0.85) !important;}
.tooltip .tooltip-inner {background-color: rgba(0,0,0,0.85); padding: 5px 10px;}
.popover {position: absolute; top: 0; left: 0; z-index: 199; display: none; max-width: 276px; padding: 1px; font-family: "Roboto", sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.4em; text-align: left; text-decoration: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: rgba(50,50,50, 0.8); -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #fff; transition: opacity 0.4s; transition-delay: 0.03s;opacity:0;}
.popover.in {opacity:1;}
.popover .list-inline li {display: inline-block; margin-right: 5px; margin-top: 5px; margin-bottom:5px; position: relative;}
.popover .list-inline li a.avatar_wrapper:hover {opacity:0.8;}
.popover img {width: 40px !important; height: 40px !important;}
.popover .label {color: #fff; display: block; min-width: 192px; white-space: nowrap; margin-bottom: 3px;}
.popover a.label.modal {font-size: 12px; text-decoration: none;}
.popover .label:hover {color: #fff; opacity: 0.7;}
.popover.top { margin-top: -10px;}
.popover.right { margin-left: 10px;}
.popover.bottom { margin-top: 10px;}
.popover.left { margin-left: -10px;}
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; border-radius: 5px 5px 0 0;}
.popover-content { padding: 9px 14px;}
.popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.popover > .arrow { border-width: 8px;}
.popover > .arrow:after { border-width: 10px; content: "";}
.popover.top > .arrow { left: 50%; margin-left: -8px; border-bottom-width: 0; border-top-color: rgba(50,50,50, 0.8); bottom: -8px;}
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; }
.popover.right > .arrow { top: 50%; left: -8px; margin-top: -8px; border-left-width: 0;}
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff;}
.popover.bottom > .arrow { left: 50%; margin-left: -8px; border-top-width: 0; border-bottom-color: rgba(50,50,50, 0.8); top: -8px;}
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; }
.popover.left > .arrow { top: 50%; right: -8px; margin-top: -8px; border-right-width: 0; }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; bottom: -10px;}
.popup_wrapper {position: fixed; z-index:200; background: rgba(27,28,29,0.6); width: 100%; height: 100%; left:0; top: 0; overflow: hidden; overflow-y: scroll;}
.popup {width: 100%; min-height: 100%; position: relative; line-height: 100vh; vertical-align: middle; text-align: center;}
.popup_content {font-weight: 400; display: inline-block; vertical-align: middle; line-height: normal; text-align: left; position: relative; min-width: 440px; max-width: 1000px; opacity: 0; transition: opacity 0.3s 0.01s,transform 0.3s 0.01s; -webkit-transition: opacity 0.3s 0.01s,transform 0.3s 0.01s; transform:translateY(200px); -webkit-transform:translateY(200px); -moz-transform:translateY(200px); margin: 20px 0; }
.in .popup_content { opacity: 1; transform: none; }
.popup_content .close {position: absolute; top: 18px; right: 18px; cursor: pointer;}
.popup_content .button.close {top: 10px; right: 10px;}
.popup_content .error, .popup_content .error p {font-size: 14px;}
.popup_content .vote-popup-list {font-size:0;}
.popup_content .vote-popup-list .inline-block {width: 19.9%; overflow: hidden; min-width: 90px;}
.popup_content .vote-popup-list a {display: inline-block; text-decoration: none; font-weight: 400; -webkit-transition: color 0.2s, opacity 0.2s; transition: color 0.2s, opacity 0.2s; width: 100%;}
.popup_content .vote-popup-list .deleted_user {display: inline-block; font-weight: 400; width: 100%;}
.popup_content .vote-popup-list a:not(:hover) {color: inherit;}
.popup_content .vote-popup-list a:hover {opacity:0.9;}
.popup_content .vote-popup-list li {position: relative;}
.popup_content .vote-popup-list li:nth-child(4n) {margin-right:0;}
.popup_content .vote-popup-list .relative {position: relative; width: 80px; height: 80px; margin: 0 auto;}
.popup_content .vote-popup-list .avatar_wrapper {margin: 0 auto 10px auto;}
.popup_content .vote-popup-list p {font-size: 14px; font-family:'robotomedium';font-weight:500; margin-bottom:0; text-overflow: ellipsis; overflow: hidden; width: 100%;}
.popup_content textarea, .popup_content input[type="text"], .popup_content input[type="password"], .popup_content input[type="email"], .popup_content input[type="number"], .popup_content input[type="tel"] {font-family: 'Roboto', sans-serif; font-weight: 400; display: block; width: 100%; background: #fff;}
.popup_content input[disabled] {opacity: 0.6;}
.popup_content textarea {height: 100px;}
[data-class="feedback"] .popup_content {width: 60%; max-width: 515px; margin: 0 auto;}
[data-class="policy"] .popup_content {width: 80%; max-width: 740px; margin-top: 60px; margin-bottom: 60px;}
[data-class="vote_popup"] .popup_content {width: 83%; max-width: 754px; min-width: 456px;}
[data-class="vote_popup"] .popup_content .item_wrapper {padding-left:4px; padding-right:4px;}
[data-class="game_invite"] .popup_content {width: 60%; max-width: 654px; min-width: 456px;}
[data-class="pulse_popup"] .popup_content {width: 60%; max-width: 554px; min-width: 456px;}
[data-class="assessment_popup"] .popup_content {width: 60%; max-width: 554px; min-width: 456px;}
[data-class="grade"] .popup_content {width: 60%; max-width: 593px; margin-top: 75px; min-width: 456px;}
[data-class="lk_edit"] .popup_content {width: 836px;}
[data-class="pulse_post"] .popup_content {width: 60%; max-width: 679px; min-width: 456px; margin: 10px 0;}
/*END POPUPS*/
/*NAVIGATION*/
.widget_navigation .owl-nav {position: absolute; width: 100%; top: -39px; right: 40px; width: 30px; height: 30px; z-index:2}
.widget_navigation .owl-nav div {position: absolute; width: 30px; height: 30px; cursor: pointer; background-repeat: no-repeat; background-position: center; opacity: 0.8; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; font-size: 27px; line-height: 32px; }
.widget_navigation .owl-nav .owl-prev {left: -32px;}
.widget_navigation .owl-nav .owl-next {right: -32px;}
.widget_navigation .owl-nav .owl-prev:hover, .widget_navigation .owl-nav .owl-next:hover {opacity: 1;}
.widget_navigation .owl-nav .owl-prev.disabled, .widget_navigation .owl-nav .owl-next.disabled {opacity: 0.4; pointer-events: none; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1);}
.widget_navigation .owl-nav div .i {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.widget_navigation .owl-nav div .i:not(:hover) {background: transparent;}
.widget_navigation .owl-nav div.disabled .i {background: transparent;}
.widget_navigation .navigation_wrapper {position: absolute; top: 19px; right: 32px; width: 50px; text-align: center;}
.widget_navigation .navigation_wrapper .poll_count { width: 100%; margin: 0; font-size: 16px; line-height: 16px; font-weight: 500;}
.widget_navigation .navigation_wrapper .poll_count span {opacity: .7;}
/*END NAVIGATION*/
/* FRONTEND BOOTSTRAP FIX */
.panel .panel-body input[type="text"], .panel .panel-body input[type="password"], .panel .panel-body textarea {border: 1px solid #ccc;}
.panel .panel-body input[type="text"]:focus, .panel .panel-body input[type="password"]:focus, .panel .panel-body textarea:focus { border-color: #66afe9;}
/* END FRONTEND BOOTSTRAP FIX */
@media print {
body {width: 100% !important;}
header {display: none !important; }
.main_wrapper {margin: 0 auto !important; width: 100% !important;}
.main_wrapper_inner {width: 100% !important;}
.main_wrapper.minvh {padding-top: 0 !important; min-height: calc(100vh - 100px) !important;}
.head_content.col3 {width: 100% !important;}
#header { min-height: 0 !important; padding: 0 !important; padding-top: 20px !important; line-height: normal !important; background: #f4f6f7 !important;color: #525252 !important; width: 100% !important;}
#header .item_content {width: 100% !important;}
#header .item_content h2 {padding-top: 10px !important;}
#header .grid_author.item_content {position: static !important;}
#header .item_content .date {color: #525252 !important;}
#header .header_background {display: none !important;}
#header .header_overlay {display: none !important;}
#header .fav_button {display: none !important;}
.material_wrapper {margin: 30px auto !important; width: 100% !important;}
.material_wrapper > .r_float {display: none !important;}
.material_wrapper > .l_float {width: 100% !important;}
.social_material_block {display: none !important;}
#comments, .comment_post {display: none !important;}
footer {display: none !important; }
#header .item_content .like_comment {display: none !important;}
.material_nav {display: none !important;}
.material_carousel {border: none !important; padding: 0 !important; margin: 0 0 10px 0 !important;}
.material_carousel_wrapper .material_carousel_count {display: none !important;}
.print_btn {display: none !important;}
.item_edit_block {display: none !important;}
}
/* preloader 2 */
.preloader2{
width: 24px;
height: 24px;
}
.preloader2 svg{
width: 35px !important;
height: 35px !important;
margin: -5px 0 0 -6px;
}
#preloader2{
fill: red;
}
.button #preloader2{
fill: white;
}
.tree_col #preloader2{
fill: var(--blue);
}
/* end of preloader 2*/
.popup_content .fixed_modal_header {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 2;
backface-visibility: hidden;
}
.popup_wrapper[data-class*="fixed_header"].is-header-fixed .popup_content {
padding-top: 53px;
}
.popup_content .fixed_modal_header.fixed {
position: fixed;
margin: auto;
left: auto;
right: auto;
}
[data-class="fixed_header"] .popup_content {
width: 80%;
max-width: 740px;
}
.i-whatsapp:before{
content: url("/templates/academy/img/social_icons/whatsapp.svg");
}
.personal_item .social_link .i-whatsapp{
filter: grayscale(100%) invert(100%)brightness(250);
}