html, body {
    font-size: 16px;
    font-family: 'Arial';
}

body:not(.builderExtrit) .builder_block {
    /*overflow:hidden;*/
}

body:not(.builderExtrit) .builder_block[data-type="menu"] {
    overflow: initial;
}

.container_100 {
    padding-right: 15px;
    padding-left: 15px;
}

.container_100>* {
    margin-right: -15px;
    margin-left: -15px;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.justify-content-evenly {
    justify-content: space-evenly!important;
}

.article h1, .blog h1 {
    text-align: center;
}

.owlSlider {
    position: relative;
}

.contentBlock .moduleNewsItem {
    margin-bottom: 15px;
}

.content_color .contentBlock {
    background-color: rgb(247, 247, 247);
}

.contentBlock .block4520115324130_5 {
    padding-bottom: 35px;
}

.contentBlock .block4520115324130_6 {
    background-color: rgb(241, 0, 7);
    height: 3px;
    width: 80px;
}

.slider-opacity {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.owlSlide>.container {
    z-index: 2;
}

.left_sidebar {
    float: left;
    width: 28%;
    padding-right: 26px;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.left_sidebar+.contentWrapper {
    float: left;
    width: 72%;
}

.clear {
    clear: both;
}

.jshop_list_product * {
    font-family: 'Roboto', Arial, sans-serif;
}

.form-horizontal .box_products_count_to_page .controls .inputbox {
    width: auto;
}

.form-horizontal .block_sorting_count_to_page .controls .inputbox {
    width: auto;
    padding: 7px 12px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    height: 40px;
}

.odcat * {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
}

.odcat {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.odcat li {
    background: #000;
}

.odcat li a {
    color: #000;
    display: block;
    height: auto;
    padding: 0px 30px;
    line-height: 40px;
    background: #e4e4e4;
    border-bottom: 1px solid #fff;
}

.odcat ul li a {
    padding-left: 50px;
    background: #efefef;
}

.odcat li a:hover {
    background-color: #a5a5a5;
}

.odcat ul {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

.jshop h1 {
    margin: auto;
    font-size: 40px;
}

.productPage {
    display: table;
    width: 100%;
}

.left_product {
    display: table-cell;
    width: 390px;
    vertical-align: top;
}

.right_product {
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
}

.jshop_img_description #list_product_image_thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 5px;
}

img.jshop_img_thumb {
    padding: 1px;
    text-align: center;
    border: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    margin-top: 0px;
}

.productfull .image_middle {
    width: 100%;
    position: relative;
}

.builder_block .product_label {
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: -1px;
    top: -3px;
    z-index: 1;
}

.product .product_label {
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    right: -9px;
    top: -11px;
    z-index: 1;
}

.product * {
    font-family: 'Roboto', Arial, sans-serif;
}

.block_price {
    font-size: 20px;
    font-family: 'Roboto', Arial, sans-serif;
}

.btn_zakaz {
    background: #000;
    border-radius: 5px;
    color: #fff;
}

.jshop_img_thumb {
    display: inline-block;
    vertical-align: top;
    height: 90px!important;
    margin-top: 10px;
}

.extra_fields_name {
    font-weight: bold;
}

.productfull .extra_fields {
    margin: 0px;
}

#list_product_image_thumb {
    text-align: left;
}

.form-horizontal .block_sorting_count_to_page .control-label {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.form-horizontal .block_sorting_count_to_page .controls {
    margin-left: 0px;
    display: inline-block;
    vertical-align: middle;
}

.block_sorting_count_to_page {
    padding-bottom: 20px;
}

.blockPrice {
    padding: 10px 0px 16px 0px;
}

.product_price {
    font-size: 28px;
    color: #000;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}

.product_price_old {
    display: inline-block;
    font-size: 20px;
    color: #ff0000;
    text-decoration: line-through;
}

.moduleProductItem {
    margin-bottom: 30px;
}

.moduleProductPrice .product_price {
    font-size: 16px;
    color: #000;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}

.moduleProductPrice {
    padding: 8px 0px;
}

.moduleProductPrice .product_price_old {
    display: inline-block;
    font-size: 16px;
    color: #ff0000;
    text-decoration: line-through;
}

.navProd {
    list-style: none;
}

.navProd li {}

.navProd li a {}

.navProd li.active {
    display: block;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}

#list_product_image_middle img {
    max-width: 100%;
}

.img_bg_filter {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.img_bg_filter+* {
    position: relative;
    z-index: 1;
}

.popupBlock .img_bg_filter {
    position: fixed;
}

.styles {
    display: none;
}

.scripts {
    display: none;
}

.simpleLightbox {
    cursor: pointer;
}

img {
    max-width: 100%;
}

* {
    outline: none!important;
}

.builder_block * {
    word-break: break-word;
}

a {
    -webkit-transition: .25s;
    transition: .25s;
}

.builder_block a:hover {}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

.animationSandbox {
    text-align: center;
    font-size: 32px;
    color: #f35626;
    background-image: linear-gradient(92deg, #F44336 0%, #9C27B0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block!important;
}

.ex_row_pt_0 {
    padding-top: 0
}

.ex_row_pt_15 {
    padding-top: 15px
}

.ex_row_pt_30 {
    padding-top: 30px
}

.ex_row_pt_45 {
    padding-top: 45px
}

.ex_row_pt_60 {
    padding-top: 60px
}

.ex_row_pt_75 {
    padding-top: 75px
}

.ex_row_pt_90 {
    padding-top: 90px
}

.ex_row_pt_105 {
    padding-top: 105px
}

.ex_row_pt_120 {
    padding-top: 120px
}

.ex_row_pt_135 {
    padding-top: 135px
}

.ex_row_pt_150 {
    padding-top: 150px
}

.ex_row_pt_165 {
    padding-top: 165px
}

.ex_row_pt_180 {
    padding-top: 180px
}

.ex_row_pt_195 {
    padding-top: 195px
}

.ex_row_pt_210 {
    padding-top: 210px
}

.ex_row_pb_0 {
    padding-bottom: 0
}

.ex_row_pb_15 {
    padding-bottom: 15px
}

.ex_row_pb_30 {
    padding-bottom: 30px
}

.ex_row_pb_45 {
    padding-bottom: 45px
}

.ex_row_pb_60 {
    padding-bottom: 60px
}

.ex_row_pb_75 {
    padding-bottom: 75px
}

.ex_row_pb_90 {
    padding-bottom: 90px
}

.ex_row_pb_105 {
    padding-bottom: 105px
}

.ex_row_pb_120 {
    padding-bottom: 120px
}

.ex_row_pb_135 {
    padding-bottom: 135px
}

.ex_row_pb_150 {
    padding-bottom: 150px
}

.ex_row_pb_165 {
    padding-bottom: 165px
}

.ex_row_pb_180 {
    padding-bottom: 180px
}

.ex_row_pb_195 {
    padding-bottom: 195px
}

.ex_row_pb_210 {
    padding-bottom: 210px
}

.form_wrap {
    width: 100%;
    max-width: 992px;
    margin: 0px auto;
}

.form_wrap input, .form_wrap optgroup, .form_wrap select, .form_wrap textarea {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #000;
}

.title_input {
    padding-bottom: 4px;
}

.form_wrap__submit {
    text-align: center;
}

.input-group {
    display: block;
    margin-bottom: 16px;
}

.input-error {
    color: #ff0000;
    text-align: center;
    font-size: 14px;
}

.menu_block_top p {
    padding: 0px;
    margin: 0px;
}

.menu {
    position: fixed;
    top: 0px;
    left: -220px;
    height: 100%;
    z-index: 21;
}

.menu .main {
    background: none repeat scroll 0 0 #4169a9;
    height: 100% !important;
    overflow-y: auto;
    padding-top: 20px;
    width: 220px;
    height: 100%;
    float: left;
    box-shadow: -10px 0 2px rgba(0, 0, 0, 0.08) inset;
}

.menu .Frame {
    background: #1f2e3c;
    width: 0px;
    height: 100%;
    position: absolute;
    display: none;
    box-shadow: inset 5px 0px 5px rgba(0, 0, 0, 0.3);
    z-index: 11;
    overflow-y: auto !important;
    padding-top: 0px;
    left: 210px;
}

.main h3 {
    text-align: center;
    margin: 0px;
}

.menu .toggle {
    background: none repeat scroll 0 0 #4169a9;
    color: #eee;
    height: 100%;
    line-height: 100%;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 0px;
    font-size: 22px;
    width: 40px;
    margin-top: 0px;
}

.menu .toggle:hover {
    background: #325282;
}

.toggle_arrow {
    background: url(../images/exicon_next_white.svg) 50% 50% no-repeat;
    height: 100%;
    width: 26px;
    position: absolute;
    top: 0px;
    left: 7px;
}

.openMenu .toggle_arrow {
    background: url(../images/exicon_prev_white.svg) 50% 50% no-repeat;
}

.build_container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 51px;
    padding-left: 50px;
    padding-right: 10px;
}

.header_top {
    text-align: right;
}

.styleEditor {
    display: none;
}

.header_top .btn:focus {
    box-shadow: none;
}

.btn {
    position: relative;
}

.header_top .btn, .modal:not(#textEditor) .btn {
    border-radius: 0px;
    /* padding: 10px 10px; */
    font-size: 13px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

#builder .content {
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    position: relative;
    border: 1px dashed #c5c5c5;
    padding-bottom: 80px;
}

.top_toolbar {
    padding: 6px 0px 0px 0px;
}

.iframePage.empty {
    min-height: 850px;
    position: relative;
}

#hidden {
    display: none;
}

.startPage {
    text-align: center;
    position: absolute;
    width: 400px;
    left: 50%;
    top: 200px;
    z-index: 9;
    height: 200px;
    margin-left: -200px;
    border: 1px dashed #bbb;
    border-radius: 6px;
    cursor: pointer;
}

.startPage .startText {
    display: inline-block;
    color: #737373;
    padding: 0px 0px 12px 0px;
    margin-top: -42px;
    font-size: 18px;
    width: 100%;
}

.startAddBlock {
    font-size: 100px;
    line-height: 200px;
    color: #bbb;
    background: #fbfbfb6b;
}

.startPage:hover .startAddBlock {
    box-shadow: 0px 0px 30px #f1f1f1;
}

#loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

#loading>img {
    display: block;
    margin: 200px auto 0px;
}

#loadingMedia {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

#loadingMedia>img {
    display: block;
    margin: 100px auto 0px;
}

#loadingMediaEditor {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

#loadingMediaEditor>img {
    display: block;
    margin: 100px auto 0px;
}

.elementsCategory {
    margin: 0px;
    padding: 20px 8px 60px 0px;
}

.elementsCategory>li:nth-child(odd) {
    /*background-color: #1c5b9e;*/
}

.elementsCategory>li {}

.elementsCategory>li a {
    color: #fff;
    font-size: 15px;
    padding: 4px 8px 4px 14px;
    display: block;
}

.elementsCategory>li a:hover, .elementsCategory>li a.active {
    background-color: #eeeeee;
    color: #000;
    text-decoration: none;
}

.addPage, .addPage * {
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}

.addPage {
    border-radius: 0px;
    box-shadow: none;
    padding: 8px 12px;
    margin-top: 3px;
    height: 34px;
    border: 1px dashed #fff;
    border-bottom: 0px;
    line-height: 1.2;
}

.addPage:hover {
    color: #000;
    background: #fff;
}

.pagesMenu {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.pagesMenu li {
    display: block;
    height: 34px;
    cursor: pointer;
    float: left;
    margin: 3px 6px 0px 0px;
    padding: 4px 16px 4px 16px;
    border-radius: 0px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.pagesMenu li:hover {
    background: #fff;
}

.pagesMenu li:hover a {
    color: #000;
}

.pagesMenu li>a {
    float: left;
    line-height: 26px;
    color: #fff;
    font-size: 15px;
}

.pagesMenu li>a:hover {
    text-decoration: none;
}

.pagesMenu li.active {
    background: #fff;
}

.pagesMenu li.active a {
    color: #000;
}

.pagesMenu span.pageButtons {
    float: right;
    font-weight: normal;
    font-size: 12px;
    margin-right: 0px;
    margin-top: 6px;
    margin-left: 0px;
    display: none;
}

.pagesMenu li.active>span {
    display: block;
}

.pagesMenu li>span a.btn {
    display: none;
}

.pagesMenu li.active.edit>span a.btn {
    display: inline;
    padding: 3px 4px;
    margin-left: 8px;
    top: 0px;
    position: relative;
    border-radius: 0px;
    box-shadow: none;
    font-size: 12px;
}

.pagesMenu li.active.edit>span .fileDel, .pagesMenu li.active.edit>span .fileEdit {
    display: none;
}

.pageButtons a.fileEdit, .pageButtons a.fileDel {
    margin-left: 16px;
}

.pagesMenu li.edit>a {
    display: none;
}

.pagesMenu li input {
    float: left;
    font-size: 16px;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 70px;
    margin-left: 0px;
    border: 0px;
    color: #1e63ab;
    background: none;
}

.nicescroll-cursors {
    background: #0f3154!important;
}

.menu .menuFrame {
    background: #1f2e3c;
    width: 0px;
    height: 100%;
    position: absolute;
    display: none;
    box-shadow: inset 5px 0px 5px rgba(0, 0, 0, 0.3);
    z-index: 9;
    overflow-y: auto !important;
    padding-top: 0px;
    left: 210px;
    padding-bottom: 30px;
}

.menu .menuFrame ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.menu .menuFrame {
    background: #4169a9;
    overflow: hidden !important;
    left: 220px;
}

.menuFrame li {
    list-style: none;
    list-style-type: none;
    padding: 6px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    cursor: move;
    margin: 5px 10px 5px 10px;
}

.menuFrame li:hover {
    background: #fff;
    box-shadow: 0px 0px 10px #272727;
}

.menuFrame li:hover img {
    transform: scale(1.5);
}

.elemImage {
    text-align: center;
    overflow: hidden;
}

.menuFrame img {
    width: auto;
    display: block;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

#pageList>ul.active {
    display: block;
}

#pageList>ul>li {
    display: none;
}

#pageList>ul>li.active {
    display: block;
}

#pageList ul iframe {
    border: 0px;
    width: 100%;
    min-height: 1px;
}

#pageList>ul>li {
    position: relative;
    min-height: 100%;
}

#pages {
    padding: 0px;
    margin: 0px;
}

.edit_elems {
    display: none;
}

.builder_block {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
    /* background:#fff; */
}

.builder_block:hover .edit_elems {
    display: block;
}

.edit_elems {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 100%;
    z-index: 5;
}

.deleteBlock {
    float: right;
    margin-right: 0px;
}

.settingBlock {
    float: left;
    margin-left: 8px;
}

.edit_elems .btn:hover {
    color: #000;
    box-shadow: 0px 0px 4px #676767;
}

.edit_elems .btn.blockUp, .edit_elems .btn.blockDown, .edit_elems .btn.blockCopy {
    float: left;
    padding: 4px 12px 6px 12px;
    font-size: 13px;
}

.btn.blockCopy {
    padding-left: 28px!important;
}

.builder_block .edit_elems .btn {
    height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 0px;
    margin-right: 5px;
    border: 0px;
    line-height: 0;
    width: auto;
    background-image: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.s_head table {
    width: 100%;
}

.s_head td {
    /* width:50%; */
}

.s_head .btn {
    width: 100%;
    height: 48px;
    border-radius: 0px;
    /*background: #4169a9;*/
    color: #fff;
    /* font-size: 18px; */
    font-weight: 200;
}

.setting {
    position: fixed;
    top: 0px;
    left: -380px;
    height: 100%;
    z-index: 102;
    background: #dadada;
    width: 360px;
    box-shadow: 0px 0px 16px #000;
}

.settingBlockWrap, .sliderBlockWrap, .settingCustom, .settingPanel {
    position: fixed;
    top: 0px;
    right: -380px;
    height: 100%;
    z-index: 102;
    background: #dadada;
    width: 360px;
    box-shadow: 0px 0px 16px #000;
}

.setting_wrap {
    height: 100%;
}

.s_item_head {}

.s_content, .s_content_block {
    padding: 50px 20px 180px 20px;
}

.s_item {
    padding: 10px 0px;
    border-bottom: 1px solid #5f5f5f;
}

.s_item select {
    width: 100%;
    height: 32px;
}

.selectPages {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    width: 26px;
    height: 26px;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    top: 31px;
    right: 18px;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0px 0px 20px #424242;
    outline: 0;
    border: 0px;
    border-radius: 0px;
}

body .modal-dialog {
    margin: 50px auto 30px;
}

.modal-dialog {
    max-width: 700px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #243342;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: .56;
    filter: alpha(opacity=65);
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;*/
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    /*-webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);*/
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    text-align: left;
}

.modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef;
}

.modal-footer> :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer> :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 30px auto;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.owlSlide {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    display: flex;
    align-items: center;
}

.owlCarouselThree .owlSlide {
    height: 300px;
}

.owlCarouselFour .owlSlide {
    height: 250px;
}

.owlCarouselFive .owlSlide {
    height: 250px;
    background-size: contain;
}

.no_dots .owl-dots {
    display: none;
}

.no_arrows .owl-nav {
    display: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    opacity: 1;
    margin: 0px;
}

.owl-nav span {
    font-size: 40px;
    background: #000;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: 0.9;
    font-family: Segoe UI-MONOSPACE;
}

.owl-nav span:hover {
    opacity: 1;
}

.owl-next span {
    padding-left: 3px;
    box-sizing: border-box;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

.owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -40px!important;
    left: 10px;
}

.owl-next {
    position: absolute;
    top: 50%;
    margin-top: -40px!important;
    right: 10px;
}

.owl-theme .owl-nav {
    margin: 0px;
}

.owl-dots {
    padding-top: 20px;
}

.no_dots .owl-prev, .no_dots .owl-next {
    margin-top: -20px!important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.owlCarouselFive.owl-carousel .owl-item {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.owlCarouselFive .owl-prev, .arrow_over .owl-prev {
    left: 10px;
}

.owlCarouselFive .owl-next, .arrow_over .owl-next {
    right: 10px;
}

.owlCarouselFive, .arrow_over {
    padding: 0px 60px;
    box-sizing: border-box;
}

.owlCarouselFive .owl-item img {
    width: auto;
    max-width: 100%;
}

font[size='1'] {
    font-size: 10px;
    line-height: 12px;
}

font[size='2'] {
    font-size: 13px;
    line-height: 16px;
}

font[size='3'] {
    font-size: 16px;
    line-height: 20px;
}

font[size='4'] {
    font-size: 18px;
    line-height: 22px;
}

font[size='5'] {
    font-size: 24px;
    line-height: 30px;
}

font[size='6'] {
    font-size: 32px;
    line-height: 40px;
}

font[size='7'] {
    font-size: 46px;
    line-height: 48px;
}

.mm_type_2.col_2 {
    max-width: 75px;
}

.mm_h {
    /* height: 80px; */
    border: 2px solid #bdc3c7;
    border-radius: 6px;
    padding: 7px;
}

.mm_type_2 .mm_top>a.imageClick {
    display: flex;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.mm_type_2 .img_small {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.phone_image {
    display: inline-block;
    vertical-align: middle;
}

.phone_text {
    display: inline-block;
}

.fix_media_wrap {
    /* min-height:92px; */
}

.fix_media {
    padding: 4px 0px 4px 22px;
    /* background: #e0e0e0; */
    /* box-shadow: 0px 2px 7px #afafaf; */
    z-index: 1;
    box-sizing: border-box;
}

.fix_media .s_item {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    border: 0px;
    margin-right: 10px;
    padding: 0px 0px 10px 0px;
}

.fix_media .s_item input, .fix_media .s_item select {
    border-radius: 0px;
}

.fix_media_item_head {}

.fix_media_item_label {
    width: 100%;
    float: none;
}

.media_content_wrap {
    position: relative;
    overflow: hidden;
}

.fix_media_wrap {
    position: relative;
    /*display:none;*/
    display: flex;
    justify-content: space-between;
    background: #e0e0e0;
    box-shadow: 0px 2px 7px #afafaf;
}

.fix_media_wrap .fix_media_val {
    display: none;
}

.fix_search {
    /* display:none; */
}

.modal .btn.search_image {
    padding: 6px 10px;
}

.btn-info {
    /*color: #fff;
    background-color: #4169a8;*/
}

.btn-primary {
    /*color: #fff;
    background-color: #1abc8c;*/
}

.btn-success {
    /*color: #fff;
    background-color: #2ecc72;*/
}

#mainMap {
    height: 400px;
}

.map_block {
    min-height: 100px;
    position: relative;
}

.markItem {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
    padding-top: 2px;
}

.markItem>div {
    display: table-cell;
    vertical-align: bottom;
}

.markI {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

.modal .btn.selectMarkBtn {
    width: 100%;
    margin: 0px;
    border-radius: 4px;
    padding: 8px 10px;
}

.modal .btn.addMarkBtn {
    padding: 8px 10px;
}

.mapDes {
    width: 40%;
    padding-right: 20px;
}

.mapLatitude {
    width: 140px;
    padding-right: 20px;
}

.mapLongitude {
    width: 140px;
    padding-right: 20px;
}

.selectMark {
    width: 150px;
}

.addMark {
    padding-top: 15px;
}

.mapSpan span {
    display: block;
    width: 100%;
    height: 34px;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delMark {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.deleteMark {
    background: transparent;
    border: 0px;
    margin: 0px 0px 7px 4px;
    cursor: pointer;
}

.deleteMark img {
    height: 18px;
    -webkit-transition: all ease-in-out .1s;
    -moz-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
}

.deleteMark:hover img {
    transform: scale(1.2);
}

.mapError {
    border-color: #ff0000;
}

.mapSetting {
    display: none;
}

#mapMark {
    width: 100%;
    height: 400px;
}

.mapH.s_item {
    padding: 0px;
    border: 0px;
}

.gorizont_form .input-group {
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: bottom;
    max-width: 240px;
    margin-right: 30px;
    text-align: left;
    width: 100%;
}

.gorizont_form .form_wrap__submit {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    margin-top: 5px;
    margin-bottom: 25px;
}

.gorizont_form a.btn_submit {
    color: #ffffff;
    background-color: #000000;
    line-height: 60px;
    border-radius: 0px;
    max-width: 240px;
}

.input-block {
    position: relative;
}

.gorizont_form .input-error {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
}

.filterOpacity {
    margin-top: 10px;
}

.accordion_list {
    position: relative;
}

.accordion_list:before, .accordion_list:after {
    display: table;
    content: " ";
}

.accordion_list:after {
    clear: both;
}

.accordion_icon {
    display: block;
}

.accordion_icon_hover {
    display: none;
}

.accordion_open .accordion_icon {
    display: none;
}

.accordion_open .accordion_icon_hover {
    display: block;
}

.accordion_item {
    position: relative;
}

.accordion_item .delQuiz {
    position: absolute;
    right: -63px;
    top: 32px;
    height: 24px;
    background: transparent;
    padding: 0px;
}

.accordion_top {
    border-top: 1px solid #eee;
}

.accordion_item:last-child .accordion_wrapper {
    border-bottom: 1px solid #eee;
}

.builder_block.block__positionstatic {
    position: static;
    width: 100%;
}

.no_content .builder_block.block__positionabsolute {
    position: absolute;
    z-index: 9;
    width: 100%;
}

.builder_block.block__positionfixed {
    position: fixed;
    z-index: 9;
    width: 100%;
}

.no_content .contentBlock {
    display: none;
}

.hid_color_menu #block246504721925 {
    background-color: initial;
}

.no_landing .pagesMenu span.pageButtons, .no_landing .addPage {
    display: none!important;
}

.addEmpl {
    height: auto;
}

.listEmpl {
    height: auto;
}

.block207 .description_xs, .block240 .description_xs, .block102 .description_xs, .block816 .description_xs, .block847 .description_xs {
    height: auto!important;
    min-height: 176px;
}

.popupBlock .close {
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    padding: 0px 0px 0px 0px!important;
    margin: 0px!important;
}

.popupBlock .close img {
    display: block;
}

.popupBlock .modal-content {
    padding: 30px 30px;
}

.popupBlock .input-group {
    margin-bottom: 25px;
}

.popupBlock .input-block textarea {
    padding-top: 17px;
}

.popupBlock .close .exicon-close-black {
    width: 24px;
}

.popupBlock .exicon:hover .exicon-close, .popupBlock .exicon.exinverse.exicon-close, .popupBlock .exicon-close-black {
    background: url(../images/exicon_close_black.svg) 50% 50% no-repeat;
}

.popupBlock .exicon [class^=exicon-] {
    height: 100%;
    left: 12px;
    top: 0px;
    position: absolute;
}

.popupBlock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .popupBlock {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
}

.popupShadow {
    position: fixed;
    z-index: 1;
    background: rgba(0, 0, 0, 0.42);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.blockFix {
    float: right;
    margin-right: 5px;
}

.blockFix select {
    height: 30px;
    border: 1px solid #545454;
}

.media_type {
    text-align: left;
}

.media_type a {
    padding: 8px 10px;
    font-size: 15px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-bottom: 0px;
    color: #000;
}

.media_type a:hover, .media_type a.active {
    background: #e0e0e0;
    color: #000
}

.rightSelect {
    float: left;
}

.fileinput_button {
    margin-left: 0px!important;
}

.count_files {
    display: none;
}

.orText {
    float: left;
    margin: 19px 16px 0px 0px
}

.footerBent {
    justify-content: space-between;
}

.searchCatalog form {
    margin: 0px;
}

.searchBlock {
    padding: 10px 0px 0px 0px;
}

#top-bottom {
    width: 50px;
    height: 50px;
    background: url('/images/libre-arrow-up.svg') 0px 0px no-repeat;
    cursor: pointer;
    position: fixed;
    bottom: 14px;
    right: 40px;
    opacity: 0.7;
    z-index: 9999;
}

#top-bottom:hover {
    opacity: 1;
}

.block1000__list a:hover, .block1001__list a:hover, .block002__list a:hover, .block992__list a:hover, .block699__list a:hover, .block139__list a:hover, .block552__list a:hover, .block978__list a:hover, .block354__list a:hover, .block193__list a:hover, .block328__list a:hover, .block443__list a:hover, .block570__list a:hover, .block802__list a:hover {
    text-decoration: underline;
}

.block1000__list li.active>a, .block1001__list li.active>a, .block002__list li.active>a, .block992__list li.active>a, .block699__list li.active>a, .block139__list li.active>a, .block552__list li.active>a, .block978__list li.active>a, .block354__list li.active>a, .block193__list li.active>a, .block328__list li.active>a, .block443__list li.active>a, .block570__list li.active>a, .block802__list li.active>a {
    text-decoration: underline;
}

.left_sidebar a.active+ul {
    display: block!important;
}

.jshop h1 {
    padding-bottom: 12px;
    font-size: 28px;
    font-weight: bold;
}

.block__mobile {
    background-color: #111;
    display: none
}

li.parent {
    position: relative;
}

li.parent>ul li {
    display: block;
    padding: 0px;
}

li.parent>ul li a, li.parent>ul li span {
    display: block;
    padding: 6px 15px;
}

li.parent>ul {
    display: none;
    padding: 0px;
}

.control-group select {
    margin-bottom: 0px;
}

.pagination-list {
    list-style: none;
    padding: 0px;
    text-align: center;
}

.pagination-list li {
    display: inline-block;
    padding: 0px 10px;
}

div.jshop_prod_attributes select {
    width: auto;
    padding: 7px 12px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    height: 40px;
    width: auto;
    min-width: 250px;
}

.filter-cell label {
    color: #020813;
    font-size: 14px;
    display: block;
    cursor: pointer;
    padding: 8px 16px 8px 16px;
    border-bottom: 1px solid #e4e4e4;
    vertical-align: middle;
    margin: 0px;
    line-height: 16px;
}

.filter-cell label:last-child {
    border: 0px;
}

.filter-cell label:hover {
    background: #c4c4c4;
}

.filter-cell .chek {
    position: relative;
    float: right;
}

.filter-cell .chek:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #818181;
}

.checkbox_f:checked+.chek:after {
    opacity: 1;
}

.checkbox_f:not(checked)+.chek:after {
    content: '';
    background: #818181;
    position: absolute;
    top: 4px;
    right: 3px;
    width: 10px;
    height: 10px;
    opacity: 0;
}

.filter-cell .checkbox_f {
    opacity: 0;
    display: none;
}

.ExtendedFilterContainer {
    padding: 20px 0px 0px 0px;
}

.ExtendedFilterContainer .slider_wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 20px 18px 20px;
}

.filter-cell h3 {
    margin: 0px 0px 0px 0px;
    color: #000;
    padding: 8px 10px;
    font-size: 18px;
    font-weight: 100;
    text-align: left;
    cursor: pointer;
    position: relative;
    background: #e4e4e4;
}

.filter_scrol {
    border: 1px solid #e4e4e4;
}

.filter-slider-amount {
    width: 100%;
    text-align: center;
    font-size: 18px;
    border-radius: 4px 4px 0px 0px;
    border: 0px;
    border-bottom: 0px;
    padding: 8px 0px;
    background: #fff;
    color: #000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px!important;
    background: #e4e4e4!important;
    font-weight: normal;
    color: #555555;
    box-shadow: 0px 0px 3px #000;
    cursor: pointer!important;
    transition: 0s;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px!important;
}

.ExtendedFilterContainer .filter-cell {
    padding: 0px 0px 20px 0px;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #e4e4e4!important;
    color: #222222;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: 1px solid #e4e4e4;
    border-radius: 0px;
    height: 10px;
    width: 100%;
}

.ui-widget.ui-widget-content {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 10px;
    width: 100%;
    border-radius: 3px;
}

.redInit {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    z-index: 999;
}

.table-bordered {
    border: 1px solid #ddd;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.owl-hidden {
    opacity: 1;
}

.popup_main {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    z-index: 999;
}

.popup_bg {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.popup_img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    z-index: 9;
}

.popup_table {
    display: table;
    width: 100%;
    height: 100%;
}

.popup_cell {
    display: table-cell;
    vertical-align: middle;
}

.t-zoomable {
    cursor: pointer;
}

.note-editor .note-editing-area .note-editable {
    /*background: #f5f5f5;*/
    outline: 1px dashed #8c8c8c!important;
}

/*Animation*/

.animatedZoom:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.animatedRotateSpeed {
    transition: all 1500ms ease 0ms;
}

.animatedRotateSpeed:hover {
    transform: rotate(720deg) scale(1.5);
    transition: border-radius 1500ms ease 0ms, transform 1500ms ease 0ms;
}

.block869, .block915 {
    overflow-x: hidden;
}

.block869 .imgBlock:hover, .block915 .imgBlock:hover {
    z-index: 1;
    position: relative;
}

.grow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* Shrink */

.shrink {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.shrink:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

/* Pulse */

@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Pulse removed */

@-webkit-keyframes pulse-removed {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse-removed {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse-removed {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-animation-name: pulse-removed;
    animation-name: pulse-removed;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Pulse Grow */

@-webkit-keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse-grow {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-grow:hover {
    -webkit-animation-name: pulse-grow;
    animation-name: pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Pulse Shrink */

@-webkit-keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse-shrink {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-shrink:hover {
    -webkit-animation-name: pulse-shrink;
    animation-name: pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Push */

@-webkit-keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes push {
    50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.push {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.push:hover {
    -webkit-animation-name: push;
    animation-name: push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Pop */

@-webkit-keyframes pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pop {
    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pop {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop:hover {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Rotate */

.rotate {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.rotate:hover {
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

/* Grow Rotate */

.grow-rotate {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    -ms-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}

/* Float */

.float {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* Sink */

.sink {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.sink:hover {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

/* Hover */

@-webkit-keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hover {
    display: inline-block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Hang */

@-webkit-keyframes hang {
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hang {
    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
    }
    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hang {
    display: inline-block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hang:hover {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: hang;
    animation-name: hang;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Skew */

.skew {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.skew:hover {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Skew Forward */

.skew-forward {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.skew-forward:hover {
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}

/* Wobble Vertical */

@-webkit-keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.wobble-vertical {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-vertical:hover {
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Horizontal */

@-webkit-keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        -ms-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        -ms-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.wobble-horizontal {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-horizontal:hover {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Top */

@-webkit-keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        -ms-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        -ms-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        -ms-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        -ms-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }
}

.wobble-top {
    display: inline-block;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-top:hover {
    -webkit-animation-name: wobble-top;
    animation-name: wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Wobble Bottom */

@-webkit-keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        -ms-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        -ms-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        -ms-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        -ms-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        -ms-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }
}

.wobble-bottom {
    display: inline-block;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-bottom:hover {
    -webkit-animation-name: wobble-bottom;
    animation-name: wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* BORDER TRANSITIONS */

/* Border Fade */

.border-fade {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.border-fade:hover {
    box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */

.hollow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

.hollow:hover {
    background: none;
}

/* Trim */

.trim {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.trim:hover:before {
    opacity: 1;
}

/* Outline Outward */

.outline-outward {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.outline-outward:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.outline-outward:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

/* Outline Inward */

.outline-inward {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.outline-inward:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.outline-inward:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}

/* Round Corners */

.round-corners {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.round-corners:hover {
    border-radius: 1em;
}

/* SHADOW/GLOW TRANSITIONS */

/* Glow */

.glow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Outset */

.box-shadow-outset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */

.box-shadow-inset {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
    /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */

.float-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.float-shadow:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */
}

.float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Hover Shadow */

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

@keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
    50% {
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

.hover-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.hover-shadow:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.hover-shadow:hover:before {
    opacity: .4;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: hover-shadow;
    animation-name: hover-shadow;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/* Shadow Radial */

.shadow-radial {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.shadow-radial:before, .shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}

.shadow-radial:hover:before, .shadow-radial:hover:after {
    opacity: 1;
}

/* SPEECH BUBBLES */

/* Bubble Top */

.bubble-top {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-property: top;
    transition-property: top;
}

.bubble-top:hover:before {
    top: -10px;
}

/* Bubble Right */

.bubble-right {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: right;
    transition-property: right;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
}

.bubble-right:hover:before {
    right: -10px;
}

/* Bubble Bottom */

.bubble-bottom {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}

.bubble-bottom:hover:before {
    bottom: -10px;
}

/* Bubble Left */

.bubble-left {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: left;
    transition-property: left;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
}

.bubble-left:hover:before {
    left: -10px;
}

/* Bubble Float Top */

.bubble-float-top {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-float-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
}

.bubble-float-top:hover {
    -webkit-transform: translateY(5px) translateZ(0);
    -ms-transform: translateY(5px) translateZ(0);
    transform: translateY(5px) translateZ(0);
}

.bubble-float-top:hover:before {
    top: -10px;
}

/* Bubble Float Right */

.bubble-float-right {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-float-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: right;
    transition-property: right;
}

.bubble-float-right:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

.bubble-float-right:hover:before {
    right: -10px;
}

/* Bubble Float Bottom */

.bubble-float-bottom {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-float-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
}

.bubble-float-bottom:hover {
    -webkit-transform: translateY(-5px) translateZ(0);
    -ms-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
}

.bubble-float-bottom:hover:before {
    bottom: -10px;
}

/* Bubble Float Left */

.bubble-float-left {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-float-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: left;
    transition-property: left;
}

.bubble-float-left:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.bubble-float-left:hover:before {
    left: -10px;
}

/* CURLS */

/* Curl Top Left */

.curl-top-left {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.curl-top-left:hover:before {
    width: 25px;
    height: 25px;
}

/* Curl Top Right */

.curl-top-right {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.curl-top-right:hover:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Right */

.curl-bottom-right {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.curl-bottom-right:hover:before {
    width: 25px;
    height: 25px;
}

/* Curl Bottom Left */

.curl-bottom-left {
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: -webkit-linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}

.curl-bottom-left:hover:before {
    width: 25px;
    height: 25px;
}

/*End animation*/

.galleryText {
    position: absolute;
    z-index: 4;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    height: 100px;
    display: table;
    opacity: 0;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.block869__blockimg, .block915__blockimg {
    position: relative;
}

.galleryText .font_text {
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.showFontText:hover .galleryText {
    opacity: 1;
}

.summerClass.font_text {
    display: block;
}

.block869__blockimg:hover:after, .block915__blockimg:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
}

.favicon {
    height: 36px!important;
}

.panelElements {
    text-align: center;
    background: #fff;
    box-shadow: 30px 0px 4px #656565;
    padding-left: 50px;
    padding-right: 10px;
}

.elements_list {
    background: #fff;
    display: inline-block;
    padding: 4px 4px 4px 4px;
}

.elements_item {
    display: inline-block;
    padding: 0px 0px;
    border: 1px solid #c5c5c5;
    margin: 0px 0px;
    cursor: move;
    width: 140px;
    height: 56px;
    overflow: hidden;
}

.elements_item:hover {
    box-shadow: 0px 0px 20px rgba(71, 71, 71, 0.30);
}

.elemImg {
    height: 32px;
    display: none;
}

.header_bottom {
    position: relative;
}

.helper_drag_elements {
    height: 50px;
    width: 100px;
    background: #F9FAFA;
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.sort_hover_elements {
    outline: 1px solid #3ac323!important;
}

.elementsHtml {
    /*display:none;*/
}

.helpDrag img {
    height: 50px;
}

.helpDrag {
    z-index: 999999;
}

.sortable-ghost {
    outline: 1px dashed #cecece!important;
}

.block328__alladditional {
    height: inherit
}

.block328__additionalitem, .block328 .slink {
    display: inline-block;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px
}

.block328__additionalwrapper {
    display: table-cell;
    vertical-align: middle
}

.block328__leftwrapper, .block328__rightwrapper {
    width: 50%;
    box-sizing: border-box;
    position: absolute;
    height: inherit;
    display: table
}

.block328__leftwrapper {
    text-align: left;
    padding-right: 200px;
    padding-left: 40px;
    left: 0
}

.block328__rightwrapper {
    text-align: right;
    padding-left: 200px;
    padding-right: 40px;
    left: 50%
}

.block328__imglogo {
    height: auto;
    display: block
}

.block328__middlelinewrapper {
    position: relative
}

.block328__linewrapper {
    position: absolute;
    bottom: 0;
    width: 100%
}

.block328__horizontalline {
    margin: 0;
    border: 0;
    background-color: #C2C2C2;
    height: 1px;
    right: 0;
    bottom: 0;
    margin: 0 40px 0 40px
}

.block328__logowrapper {
    position: absolute;
    left: 50%;
    display: table;
    height: inherit
}

.block328__logowrapper2 {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: -50%;
    z-index: 1
}

.block328__imglogo {
    max-width: 300px
}

.block328__topwrapper, .block328__bottomwrapper {
    vertical-align: middle;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.block328__topwrapper {
    height: 80px;
    position: relative;
    overflow: hidden
}

.block328__bottomwrapper {
    height: 60px;
    padding: 0 40px
}

.block328__menualign_left {
    text-align: left
}

.block328__menualign_right {
    text-align: right
}

.block328__menualign_center {
    text-align: center
}

.block328 {
    width: 100%;
    z-index: 990;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.block328__beforeready {
    visibility: hidden
}

.block328 ul {
    margin: 0
}

.block328__maincontainer {
    width: 100%;
    display: table;
    position: relative
}

.block328__maincontainer.block328__c12collumns {
    max-width: 1200px;
    margin: 0 auto
}

.block328__logo {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    white-space: nowrap
}

.block328__listwrapper {
    display: table-cell;
    vertical-align: middle
}

.block328__list {
    list-style-type: none;
    margin: 0;
    padding: 0!important
}

.block328__mobilelist {
    display: none
}

.block328__list_item {
    clear: both;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    color: #000;
    white-space: nowrap
}

.block328__list_item .active_item {
    opacity: .7
}

.block328__list_item:first-child {
    padding-left: 0
}

.block328__list_item:last-child {
    padding-right: 0
}

.block328__additional_descr {
    padding-left: 30px;
    white-space: nowrap;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 13px;
    color: #000
}

.block328__additional_buttons {
    padding-left: 30px
}

.block328__additional_buttons_wrap {
    display: table;
    width: auto;
    float: right
}

.block328__additional_buttons_but {
    display: table-cell;
    vertical-align: middle
}

.block328__additional_share_buttons {
    min-width: 140px;
    padding-left: 15px 30px 15px 0
}

.block328 .b-share {
    display: table!important;
    float: right
}

.block328 .b-share-btn__wrap {
    display: table-cell!important;
    float: none!important;
    padding-left: 5px!important
}

.block328__additional_langs {
    padding-left: 30px
}

.block328__additional_langs_wrap {
    display: table;
    width: auto;
    float: right
}

.block328__additional_langs_lang {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    color: #000
}

.block328 .slink, .block328__additional_social_links {
    padding-right: 30px;
    line-height: 0
}

.block328 .slink__wrapper, .block328__additional_social_links_wrap {
    display: table;
    width: auto
}

.block328 .slink, .block328__additional_social_links a {
    display: block;
    vertical-align: middle
}

.block328 .slink__item, .block328__additional_social_links_item {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px
}

.block328 a, #wrapper .block328 a {
    text-decoration: none;
    color: #000
}

.block328 .btn {
    height: 40px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 10px
}

.block328.block328__positionabsolute {
    position: absolute
}

.block328.block328__positionfixed {
    position: fixed
}

.block328.block328__positionstatic {
    position: static
}

@media screen and (max-width:1200px) {
    .block328__additional_descr {
        padding-left: 15px
    }
    .block328__additional_buttons {
        padding-left: 15px
    }
    .block328__additional_share_buttons {
        padding-right: 15px
    }
    .block328__additional_langs {
        padding-left: 15px
    }
    .block328 .slink, .block328__additional_social_links {
        padding-right: 15px
    }
    .block328__topwrapper {
        padding: 0 20px
    }
    .block328__bottomwrapper {
        padding: 0 20px
    }
}

.block328__mobile {
    display: none
}

@media screen and (max-width:992px) {
    .block328.block328__hidden {
        display: none;
        height: 100%
    }
    .block328 .main_menu__link-item {
        padding: 0!important
    }
    .block328__mobile {
        background-color: #111;
        display: block
    }
    .block328__mobile_text {
        color: #fff
    }
    .block328__mobile_container {
        padding: 20px;
        position: relative
    }
    .block328__mobile_burger {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 20px;
        width: 28px;
        height: 20px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 9999
    }
    .block328__mobile_burger span {
        display: block;
        position: absolute;
        width: 100%;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        height: 3px;
        background-color: #fff
    }
    .block328__mobile_burger span:nth-child(1) {
        top: 0
    }
    .block328__mobile_burger span:nth-child(2), .block328__mobile_burger span:nth-child(3) {
        top: 8px
    }
    .block328__mobile_burger span:nth-child(4) {
        top: 16px
    }
    .block328_opened .block328__mobile_burger span:nth-child(1) {
        top: 8px;
        width: 0;
        left: 50%
    }
    .block328_opened .block328__mobile_burger span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .block328_opened .block328__mobile_burger span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .block328_opened .block328__mobile_burger span:nth-child(4) {
        top: 8px;
        width: 0;
        left: 50%
    }
    .block328__mobilelist {
        display: block
    }
    .block328__desktoplist {
        display: none!important
    }
    .block328__topwrapper, .block328__bottomwrapper {
        height: auto!important
    }
    .block328__leftwrapper, .block328__rightwrapper {
        position: static;
        width: 100%;
        padding: 0!important;
        text-align: center
    }
    .block328__middlelinewrapper {
        display: none
    }
    .block328__listwrapper {
        display: block;
        padding: 20px 0
    }
    .block328 {
        position: static;
        text-align: center;
        display: block;
        margin: 0;
        padding: 0;
        height: auto!important
    }
    .block328.block328__positionabsolute, .block328.block328__positionfixed, .block328.block328__positionstatic {
        position: static
    }
    .block328__imglogo {
        width: auto!important;
        box-sizing: border-box;
        padding: 20px;
        margin: 0 auto
    }
    .block328__imglogomobile.block328__imglogo {
        width: 100%!important
    }
    .block328__additional_share_buttons {
        display: table;
        position: static;
        padding: 15px 0;
        margin: 0 auto;
        text-align: center;
        float: none;
        min-width: inherit
    }
    .block328__additional_buttons {
        display: table;
        padding: 15px 0;
        margin: 0 auto;
        text-align: center
    }
    .block328__additional_descr, .block328__additional_langs, .block328__additional_social_links, .block328 .slink {
        display: table;
        padding: 10px 0;
        margin: 0 auto;
        text-align: center
    }
    .block328__logo {
        text-align: center;
        margin: 20px;
        white-space: normal;
        padding: 0
    }
    .block328 img {
        float: inherit
    }
    .block328 .block328__list_item {
        display: block;
        text-align: center;
        padding: 10px!important;
        white-space: normal
    }
    .block328__logowrapper {
        position: static;
        display: block;
        width: 100%;
        padding: 20px;
        box-sizing: border-box
    }
    .block328__logowrapper2 {
        display: block;
        position: static
    }
    .block328__topwrapper, .block328__bottomwrapper {
        padding: 0!important;
        width: 100%;
        display: block
    }
    .block328__alladditional {
        padding: 20px 0
    }
    .block328__list {
        display: block;
        padding: 0!important
    }
}

@media screen and (max-width:640px) {
    .block328__additional_buttons_but {
        display: table;
        padding: 5px 0;
        margin: 0 auto
    }
}

.block328 .ya-share2__container_size_m .ya-share2__icon {
    width: 28px;
    height: 28px
}

.block328 .ya-share2__list {
    margin-bottom: 0
}

.block328 .ya-share2__container_size_m .ya-share2__counter {
    line-height: 28px
}

.block328__black-white .ya-share2__badge {
    background-color: #111!important
}

.block328__transp-white .ya-share2__badge {
    background-color: transparent!important
}

.block328__transp-white .ya-share2__container_size_m .ya-share2__counter:before {
    display: none
}

.block328__transp-white .ya-share2__container_size_m .ya-share2__counter {
    padding-left: 0!important;
    margin-top: 2px
}

.block328__white-black .ya-share2__badge {
    background-color: #fff!important
}

.block328__white-black .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.block328__white-black .ya-share2__container_size_m .ya-share2__counter {
    color: #222
}

.block328__white-black .ya-share2__counter:before {
    background-color: #222
}

.block328__white-black .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0Ljg4MyAxOS4zOTZzLjMyNS0uMDM2LjQ5LS4yMThjLjE1NC0uMTY3LjE1LS40OC4xNS0uNDhzLS4wMjMtMS40NjguNjQ4LTEuNjg0Yy42Ni0uMjEzIDEuNTEgMS40MTggMi40MDggMi4wNDYuNjguNDc0IDEuMTk3LjM3IDEuMTk3LjM3bDIuNDA0LS4wMzRzMS4yNTYtLjA4LjY2LTEuMDg0Yy0uMDUtLjA4Mi0uMzQ4LS43NDMtMS43ODgtMi4xMDItMS41MDctMS40MjMtMS4zMDUtMS4xOTIuNTEtMy42NTMgMS4xMDYtMS40OTggMS41NDgtMi40MTIgMS40MS0yLjgwNC0uMTMyLS4zNzMtLjk0NS0uMjc1LS45NDUtLjI3NWwtMi43MDYuMDE3cy0uMi0uMDI4LS4zNS4wNjNjLS4xNDQuMDg4LS4yMzguMjk1LS4yMzguMjk1cy0uNDI4IDEuMTYtMSAyLjE0NmMtMS4yMDQgMi4wOC0xLjY4NiAyLjE5LTEuODgzIDIuMDYtLjQ2LS4zLS4zNDUtMS4yMS0uMzQ1LTEuODU1IDAtMi4wMTcuMy0yLjg1Ny0uNTg2LTMuMDc1LS4yOTUtLjA3Mi0uNTEyLS4xMi0xLjI2NC0uMTI4LS45NjYtLjAxLTEuNzgzLjAwMy0yLjI0Ni4yMzQtLjMwOC4xNTMtLjU0Ni40OTUtLjQuNTE0LjE3OC4wMjUuNTgzLjExLjc5OC40MS4yNzcuMzgyLjI2OCAxLjI0NC4yNjggMS4yNDRzLjE2IDIuMzczLS4zNzMgMi42NjhjLS4zNjUuMjAyLS44NjUtLjIxLTEuOTQtMi4wOTgtLjU1LS45NjctLjk2Ni0yLjAzNi0uOTY2LTIuMDM2cy0uMDgtLjItLjIyMy0uMzA2Yy0uMTczLS4xMy0uNDE2LS4xNy0uNDE2LS4xN2wtMi41Ny4wMTZzLS4zODguMDEtLjUzLjE4MmMtLjEyNS4xNTItLjAxLjQ2Ni0uMDEuNDY2czIuMDE0IDQuNzkgNC4yOTQgNy4yMDJjMi4wOSAyLjIxNCA0LjQ2NSAyLjA2OCA0LjQ2NSAyLjA2OGgxLjA3NnoiICBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.block328__white-black .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzIDguNzNhNy4zOCA3LjM4IDAgMCAxLTIuMTIuNTgzIDMuNzA2IDMuNzA2IDAgMCAwIDEuNjIzLTIuMDQzIDcuMzk3IDcuMzk3IDAgMCAxLTIuMzQ2Ljg5NiAzLjY5MyAzLjY5MyAwIDAgMC02LjI5MyAzLjM2OCAxMC40ODUgMTAuNDg1IDAgMCAxLTcuNjEtMy44NThjLS4zMi41NDUtLjUgMS4xOC0uNSAxLjg1NiAwIDEuMjguNjUgMi40MSAxLjY0MiAzLjA3M2EzLjY4MyAzLjY4MyAwIDAgMS0xLjY3My0uNDYydi4wNDdjMCAxLjc4OCAxLjI3MyAzLjI4IDIuOTYyIDMuNjJhMy43MTggMy43MTggMCAwIDEtMS42NjcuMDYzIDMuNjk3IDMuNjk3IDAgMCAwIDMuNDUgMi41NjRBNy40MSA3LjQxIDAgMCAxIDUgMTkuOTY3YTEwLjQ1MyAxMC40NTMgMCAwIDAgNS42NiAxLjY1OGM2Ljc5NCAwIDEwLjUwOC01LjYyNiAxMC41MDgtMTAuNTA1IDAtLjE2LS4wMDMtLjMyLS4wMS0uNDc4QTcuNTA3IDcuNTA3IDAgMCAwIDIzIDguNzMyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.block328__white-black .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjx0aXRsZT5TaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IldlbGNvbWUiPjxwYXRoIGlkPSJTaGFwZSIgZmlsbD0iIzIyMjIyMiIgZD0iTTc0Ljk5Nyw0Ni4wMTFjLTQuOTAzLDAuMDA2LTguODc1LDMuOTc5LTguODgzLDguODgzYzAsNC44OTQsMy45ODUsOC44NzksOC44ODMsOC44NzljNC45MDMtMC4wMDgsOC44NzUtMy45NzksOC44OC04Ljg3OUM4My44NzksNDkuOTg5LDc5LjksNDYuMDE3LDc0Ljk5Nyw0Ni4wMTFMNzQuOTk3LDQ2LjAxMXogTTc0Ljk5Nyw3Ni4zMzhjLTExLjgzOC0wLjAxLTIxLjQzNy05LjYwNi0yMS40NDgtMjEuNDQ0YzAuMDA4LTExLjg0Niw5LjYwNC0yMS40NDIsMjEuNDQ4LTIxLjQ1NWMxMS44NDUsMC4wMSwyMS40NTEsOS42MDksMjEuNDU2LDIxLjQ1NUM5Ni40MzgsNjYuNzM0LDg2LjgzOCw3Ni4zMyw3NC45OTcsNzYuMzM4TDc0Ljk5Nyw3Ni4zMzh6IE02Ni4zMiw5My44MzZjLTQuNDEyLTEuMDAyLTguNjI0LTIuNzQ4LTEyLjQ1NS01LjE1NGMtMi45MzktMS44NS0zLjgyMy01LjczNC0xLjk3My04LjY2OGMxLjg0OC0yLjk0MSw1LjcyOC0zLjgyMiw4LjY2Ni0xLjk3NWM4LjgzNCw1LjUyMywyMC4wNTIsNS41MjMsMjguODg2LDBjMS45MDEtMS4xOTUsNC4yOTctMS4yODcsNi4yODQtMC4yNDJjMS45ODQsMS4wNDksMy4yNiwzLjA3OCwzLjM0Miw1LjMyNGMwLjA4NywyLjI0LTEuMDI3LDQuMzYzLTIuOTMsNS41NjFjLTMuODM0LDIuNDA2LTguMDQ5LDQuMTQ4LTEyLjQ1Nyw1LjE1NGwxMS45OTQsMTJjMi40NTEsMi40NTcsMi40NDYsNi40MzYtMC4wMTEsOC44OTNjLTIuNDU2LDIuNDQ1LTYuNDM0LDIuNDQ1LTguODg2LTAuMDEybC0xMS43NzktMTEuNzg5bC0xMS43ODUsMTEuNzg5Yy0yLjQ1NSwyLjQ1Ny02LjQzNiwyLjQ1Ny04Ljg4OSwwYy0yLjQ1NC0yLjQ1NS0yLjQ1NC02LjQzNCwwLTguODkxTDY2LjMyLDkzLjgzNkw2Ni4zMiw5My44MzZ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 28px 28px
}

.block328__transp-black .ya-share2__badge {
    background-color: transparent!important
}

.block328__transp-black .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.block328__transp-black .ya-share2__container_size_m .ya-share2__counter {
    color: #222;
    padding-left: 0!important;
    margin-top: 2px
}

.block328__transp-black .ya-share2__counter:before {
    display: none
}

.block328__transp-black .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0Ljg4MyAxOS4zOTZzLjMyNS0uMDM2LjQ5LS4yMThjLjE1NC0uMTY3LjE1LS40OC4xNS0uNDhzLS4wMjMtMS40NjguNjQ4LTEuNjg0Yy42Ni0uMjEzIDEuNTEgMS40MTggMi40MDggMi4wNDYuNjguNDc0IDEuMTk3LjM3IDEuMTk3LjM3bDIuNDA0LS4wMzRzMS4yNTYtLjA4LjY2LTEuMDg0Yy0uMDUtLjA4Mi0uMzQ4LS43NDMtMS43ODgtMi4xMDItMS41MDctMS40MjMtMS4zMDUtMS4xOTIuNTEtMy42NTMgMS4xMDYtMS40OTggMS41NDgtMi40MTIgMS40MS0yLjgwNC0uMTMyLS4zNzMtLjk0NS0uMjc1LS45NDUtLjI3NWwtMi43MDYuMDE3cy0uMi0uMDI4LS4zNS4wNjNjLS4xNDQuMDg4LS4yMzguMjk1LS4yMzguMjk1cy0uNDI4IDEuMTYtMSAyLjE0NmMtMS4yMDQgMi4wOC0xLjY4NiAyLjE5LTEuODgzIDIuMDYtLjQ2LS4zLS4zNDUtMS4yMS0uMzQ1LTEuODU1IDAtMi4wMTcuMy0yLjg1Ny0uNTg2LTMuMDc1LS4yOTUtLjA3Mi0uNTEyLS4xMi0xLjI2NC0uMTI4LS45NjYtLjAxLTEuNzgzLjAwMy0yLjI0Ni4yMzQtLjMwOC4xNTMtLjU0Ni40OTUtLjQuNTE0LjE3OC4wMjUuNTgzLjExLjc5OC40MS4yNzcuMzgyLjI2OCAxLjI0NC4yNjggMS4yNDRzLjE2IDIuMzczLS4zNzMgMi42NjhjLS4zNjUuMjAyLS44NjUtLjIxLTEuOTQtMi4wOTgtLjU1LS45NjctLjk2Ni0yLjAzNi0uOTY2LTIuMDM2cy0uMDgtLjItLjIyMy0uMzA2Yy0uMTczLS4xMy0uNDE2LS4xNy0uNDE2LS4xN2wtMi41Ny4wMTZzLS4zODguMDEtLjUzLjE4MmMtLjEyNS4xNTItLjAxLjQ2Ni0uMDEuNDY2czIuMDE0IDQuNzkgNC4yOTQgNy4yMDJjMi4wOSAyLjIxNCA0LjQ2NSAyLjA2OCA0LjQ2NSAyLjA2OGgxLjA3NnoiICBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.block328__transp-black .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzIDguNzNhNy4zOCA3LjM4IDAgMCAxLTIuMTIuNTgzIDMuNzA2IDMuNzA2IDAgMCAwIDEuNjIzLTIuMDQzIDcuMzk3IDcuMzk3IDAgMCAxLTIuMzQ2Ljg5NiAzLjY5MyAzLjY5MyAwIDAgMC02LjI5MyAzLjM2OCAxMC40ODUgMTAuNDg1IDAgMCAxLTcuNjEtMy44NThjLS4zMi41NDUtLjUgMS4xOC0uNSAxLjg1NiAwIDEuMjguNjUgMi40MSAxLjY0MiAzLjA3M2EzLjY4MyAzLjY4MyAwIDAgMS0xLjY3My0uNDYydi4wNDdjMCAxLjc4OCAxLjI3MyAzLjI4IDIuOTYyIDMuNjJhMy43MTggMy43MTggMCAwIDEtMS42NjcuMDYzIDMuNjk3IDMuNjk3IDAgMCAwIDMuNDUgMi41NjRBNy40MSA3LjQxIDAgMCAxIDUgMTkuOTY3YTEwLjQ1MyAxMC40NTMgMCAwIDAgNS42NiAxLjY1OGM2Ljc5NCAwIDEwLjUwOC01LjYyNiAxMC41MDgtMTAuNTA1IDAtLjE2LS4wMDMtLjMyLS4wMS0uNDc4QTcuNTA3IDcuNTA3IDAgMCAwIDIzIDguNzMyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.block328__transp-black .ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNTBweCIgaGVpZ2h0PSIxNTBweCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1MCAxNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjx0aXRsZT5TaGFwZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PGcgaWQ9IldlbGNvbWUiPjxwYXRoIGlkPSJTaGFwZSIgZmlsbD0iIzIyMjIyMiIgZD0iTTc0Ljk5Nyw0Ni4wMTFjLTQuOTAzLDAuMDA2LTguODc1LDMuOTc5LTguODgzLDguODgzYzAsNC44OTQsMy45ODUsOC44NzksOC44ODMsOC44NzljNC45MDMtMC4wMDgsOC44NzUtMy45NzksOC44OC04Ljg3OUM4My44NzksNDkuOTg5LDc5LjksNDYuMDE3LDc0Ljk5Nyw0Ni4wMTFMNzQuOTk3LDQ2LjAxMXogTTc0Ljk5Nyw3Ni4zMzhjLTExLjgzOC0wLjAxLTIxLjQzNy05LjYwNi0yMS40NDgtMjEuNDQ0YzAuMDA4LTExLjg0Niw5LjYwNC0yMS40NDIsMjEuNDQ4LTIxLjQ1NWMxMS44NDUsMC4wMSwyMS40NTEsOS42MDksMjEuNDU2LDIxLjQ1NUM5Ni40MzgsNjYuNzM0LDg2LjgzOCw3Ni4zMyw3NC45OTcsNzYuMzM4TDc0Ljk5Nyw3Ni4zMzh6IE02Ni4zMiw5My44MzZjLTQuNDEyLTEuMDAyLTguNjI0LTIuNzQ4LTEyLjQ1NS01LjE1NGMtMi45MzktMS44NS0zLjgyMy01LjczNC0xLjk3My04LjY2OGMxLjg0OC0yLjk0MSw1LjcyOC0zLjgyMiw4LjY2Ni0xLjk3NWM4LjgzNCw1LjUyMywyMC4wNTIsNS41MjMsMjguODg2LDBjMS45MDEtMS4xOTUsNC4yOTctMS4yODcsNi4yODQtMC4yNDJjMS45ODQsMS4wNDksMy4yNiwzLjA3OCwzLjM0Miw1LjMyNGMwLjA4NywyLjI0LTEuMDI3LDQuMzYzLTIuOTMsNS41NjFjLTMuODM0LDIuNDA2LTguMDQ5LDQuMTQ4LTEyLjQ1Nyw1LjE1NGwxMS45OTQsMTJjMi40NTEsMi40NTcsMi40NDYsNi40MzYtMC4wMTEsOC44OTNjLTIuNDU2LDIuNDQ1LTYuNDM0LDIuNDQ1LTguODg2LTAuMDEybC0xMS43NzktMTEuNzg5bC0xMS43ODUsMTEuNzg5Yy0yLjQ1NSwyLjQ1Ny02LjQzNiwyLjQ1Ny04Ljg4OSwwYy0yLjQ1NC0yLjQ1NS0yLjQ1NC02LjQzNCwwLTguODkxTDY2LjMyLDkzLjgzNkw2Ni4zMiw5My44MzZ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 28px 28px
}

.elem2 h2 {
    font-size: 14px;
    margin: 0px!important;
}

.elementsHtml .mb-3, .elementsHtml .my-3 {
    margin: 0px!important;
}

.elementsHtml .card-img-top {
    margin: 0px!important;
    height: 100%!important;
}

.elementsHtml .elemItem {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    padding: 5px 2px;
}

.elements_item {
    vertical-align: top;
}

.note-air-popover {
    /*display: block!important;
    top: 18px!important;
    border: 0px!important;
    border-radius: 0px!important;
    position: fixed!important;
    left: 50%!important;
    margin-left: -230px!important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)!important;*/
}

.note-popover.popover .arrow {
    /* display: none!important;*/
}

.dropdown-toggle::after {
    display: none!important;
}

.menu_link {
    display: none!important;
}

.panelLeft {
    display: none;
}

.panelRight {
    display: none;
}

/*.elemItem{
	display:inline;
}*/

.dragBtn {
    margin: 0px 5px;
}

.elemItem .dragBtn {
    margin: 0px 0px;
}

.jumbotron {
    background-color: transparent;
}

.flex-equal>* {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .flex-md-equal>* {
        -ms-flex: 1;
        flex: 1;
    }
}

/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
    line-height: 1;
}

.blog-header-logo {
    font-size: 2.25rem;
}

.blog-header-logo:hover {
    text-decoration: none;
}

.display-4 {
    font-size: 2.5rem;
}

@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.h-250 {
    height: 250px;
}

@media (min-width: 768px) {
    .h-md-250 {
        height: 250px;
    }
}

/*
 * Blog name and description
 */

.blog-title {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 400;
}

.blog-description {
    font-size: 1.1rem;
    color: #999;
}

@media (min-width: 40em) {
    .blog-title {
        font-size: 3.5rem;
    }
}

/* Pagination */

.blog-pagination {
    margin-bottom: 4rem;
}

.blog-pagination>.btn {
    border-radius: 2rem;
}

/*
 * Blog posts
 */

.blog-post {
    margin-bottom: 4rem;
}

.blog-post-title {
    margin-bottom: .25rem;
    font-size: 2.5rem;
}

.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #999;
}

/*
 * Footer
 */

.blog-footer {
    padding: 2.5rem 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}

.blog-footer p:last-child {
    margin-bottom: 0;
}

.cover-container {
    max-width: 42em;
}

/*
 * Header
 */

.masthead {
    margin-bottom: 2rem;
}

.masthead-brand {
    margin-bottom: 0;
}

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 48em) {
    .masthead-brand {
        float: left;
    }
    .nav-masthead {
        float: right;
    }
}

/*
 * Cover
 */

.cover {
    padding: 0 1.5rem;
}

.cover .btn-lg {
    padding: .75rem 1.25rem;
    font-weight: 700;
}

/*
 * Footer
 */

.mastfoot {
    color: rgba(255, 255, 255, .5);
}

.removeDrag {
    position: fixed;
    left: 50%;
    margin-left: -60px;
    bottom: -4px;
    width: 120px;
    height: 60px;
    background: #dc3545 url(../images/exicon_trash_black.svg) 50% 50% no-repeat;
    z-index: 2;
    box-shadow: 0px 0px 5px #afafaf;
    background-size: 33px;
    display: none;
}

.openRemove {
    display: block;
}

#builder [class*="col-md-"], #builder [class*="col-lg-"] {
    position: relative;
}

#builder [class*="col-md-"]:hover, #builder [class*="col-lg-"]:hover {
    outline: 0.1px dashed #d4d4d4!important;
}

#builder [class*="col-md-"]:after, #builder [class*="col-lg-"]:after {
    display: none;
    content: '';
    position: absolute;
    top: 0px;
    right: 28px;
    width: 26px;
    height: 26px;
    background: #1bbc9c url(../images/exicon_drag_black.svg) 50% 50% no-repeat;
    background-size: 12px;
    cursor: pointer;
}

#builder [class*="col-md-"]:hover:after, #builder [class*="col-lg-"]:hover:after {
    /* display:block; */
}

.builder_block .btn.copy_block {
    /* position: absolute!important; */
    /* top: 0px; */
    /* right: 56px; */
    padding: 6px 6px;
    border-radius: 0px!important;
    background: #1bbc9c;
    display: none;
}

.builder_block .btn.drag_block {
    position: absolute!important;
    top: 0px;
    right: 28px;
    padding: 6px 6px;
    border-radius: 0px;
    background: #1bbc9c;
    /* display:none!important; */
}

.builder_block .btn.remove_block {
    /* position: absolute!important; */
    /* top: 0px; */
    /* right: 0px; */
    padding: 6px 6px;
    border-radius: 0px!important;
    background: #1bbc9c;
    display: none;
}

.builder_block .btn.setting_block {
    /* position: absolute!important; */
    /* top: 0px; */
    /* right: 84px; */
    padding: 6px 6px;
    border-radius: 0px!important;
    background: #1bbc9c;
    display: none;
}

#builder [class*="col-md-"]:hover .btn.copy_block, #builder [class*="col-md-"]:hover .btn.drag_block, #builder [class*="col-md-"]:hover .btn.remove_block, #builder [class*="col-md-"]:hover .btn.setting_block, #builder [class*="col-lg-"]:hover .btn.copy_block, #builder [class*="col-lg-"]:hover .btn.drag_block, #builder [class*="col-lg-"]:hover .btn.remove_block, #builder [class*="col-lg-"]:hover .btn.setting_block {
    display: block;
}

.row [class*="col-md-"], .row [class*="col-lg-"] {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#builder [class*="col-md-"], #builder [class*="col-lg-"] {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ui-resizable-e {
    z-index: 90;
    width: 12px;
    background: #1bbc9c;
    height: 12px;
    top: 50%;
    right: -6px;
    margin-top: -6px;
    border-radius: 50%;
    display: none!important;
}

.ui-resizable-s {
    z-index: 90;
    width: 12px;
    background: #1bbc9c;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    border-radius: 50%;
    display: none!important;
    bottom: -6px;
}

.ui-resizable-se {
    z-index: 90;
    width: 12px;
    background: #1bbc9c;
    height: 12px;
    right: -6px;
    margin-left: -6px;
    border-radius: 50%;
    display: none!important;
    bottom: -6px;
}

.builder_block>.ui-resizable-n {
    z-index: 1!important;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    border-radius: 0px;
    display: none!important;
    top: 4px;
}

.builder_block>.ui-resizable-n:after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #cacaca;
    top: 4px;
    margin: 0px auto;
}

.builder_block>.ui-resizable-n:before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #cacaca;
    margin: 0px auto 2px auto;
}

.builder_block>.ui-resizable-s {
    z-index: 1!important;
    width: 100%;
    left: 0px;
    margin-left: 0px;
    border-radius: 0px;
    display: none!important;
    bottom: 0px;
    background: transparent;
}

.builder_block>.ui-resizable-s:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #cacaca;
    margin: 0px auto;
}

.builder_block>.ui-resizable-s:before {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: #cacaca;
    margin: 0px auto 2px auto;
}

.builder_block>.ui-resizable-n:after, .builder_block>.ui-resizable-n:before, .builder_block>.ui-resizable-s:after, .builder_block>.ui-resizable-s:before {
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.builder_block>.ui-resizable-n:hover:after, .builder_block>.ui-resizable-n:hover:before, .builder_block>.ui-resizable-s:hover:after, .builder_block>.ui-resizable-s:hover:before {
    background: #000;
}

#builder [class*="col-md-"]:hover .ui-resizable-s, #builder [class*="col-md-"]:hover .ui-resizable-e, #builder [class*="col-lg-"]:hover .ui-resizable-s, #builder [class*="col-lg-"]:hover .ui-resizable-e, #builder [class*="col-md-"]:hover .ui-resizable-se, #builder [class*="col-lg-"]:hover .ui-resizable-se, .builder_block:hover>.ui-resizable-s, .builder_block:hover>.ui-resizable-n {
    display: block!important;
}

.ui-resizable-resizing>.ui-resizable-s, .ui-resizable-resizing>.ui-resizable-e, .ui-resizable-resizing>.ui-resizable-se {
    display: block!important;
    cursor: none!important;
}

.header_menu {
    justify-content: center;
}

.header_menu li {
    display: inline-block;
    padding: 0px;
}

.header_menu a {
    padding: 10px 20px;
    display: block;
    background: #fff;
}

.header_menu>li:not(.active)>a {
    background: #fff;
    color: #000;
}

.header_menu>li.active>a, .header_menu>li>a:hover, .header_menu>li:hover>a {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.header_menu ul li a {
    background: #fff;
    color: #000;
}

.header_menu ul li.active>a, .header_menu ul li:hover>a {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.header_menu ul {
    background: #fff;
}

.header_menu ul li {
    display: block;
}

.header_menu li.parent>ul {
    overflow: hidden;
}

.header_menu li.parent>ul {
    top: 100%;
    left: 0px;
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #fff;
    min-width: 200px;
    text-align: left;
    box-shadow: 0px 2px 4px 0px #bdbdbd;
    z-index: 9;
}

.clearImages {
    background: #5cb75c;
    margin-top: 0px;
    margin-right: 50px;
}

.clearImages:hover {
    color: #000!important;
}

.slink__item {
    display: inline-block;
    margin-left: 4px;
    height: 30px;
    -webkit-transition: all ease-in-out .25s;
    -moz-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
}

.success_block {
    display: none;
}

.customRow {
    background: #f5f9ff;
    border: 1px dashed #c5c5c5;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    /* width: 100%; */
    padding-right: 15px;
    padding-left: 15px;
    /* max-width: 100%; */
}

.grid_ul {
    padding: 20px 20px 100px 20px;
    /* max-width: 1300px; */
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 0px 0px;
}

.grid_ul .grid_li {
    display: inline-block;
    margin: 0;
    padding: 20px;
    text-align: left;
    position: relative;
}

.grid_ul figure {
    margin: 0;
    position: relative;
    /* height: 100%; */
}

.grid_ul figure img {
    max-width: 100%;
    display: block;
    position: relative;
    width: 100%;
}

.grid_ul figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
    /* display: flex; */
    align-items: center;
}

.grid_ul figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.grid_ul figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    /*background: #ed4e6e;*/
    color: #fff;
}

/* Individual Caption Styles */

/* Caption Style 1 */

.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.cs-style-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    /* margin-top: 70px; */
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* Caption Style 2 */

.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    opacity: 1;
}

.cs-style-2 figure:hover img, .cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.grid_ul.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
    padding: 20px;
}

.cs-style-2 figcaption a {
    position: absolute!important;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */

.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */

.cs-style-4 .grid_li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden;
}

.cs-style-4 figure>div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.grid_ul.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    align-items: flex-start;
    padding: 20px;
}

.cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */

.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cs-style-5 figure:hover img, .cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.3);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    align-items: flex-start;
}

.cs-style-5 figure:hover figcaption, .cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */

.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cs-style-6 figure:hover img, .cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */

.cs-style-7 .grid_li:first-child {
    z-index: 6;
}

.cs-style-7 .grid_li:nth-child(2) {
    z-index: 5;
}

.cs-style-7 .grid_li:nth-child(3) {
    z-index: 4;
}

.cs-style-7 .grid_li:nth-child(4) {
    z-index: 3;
}

.cs-style-7 .grid_li:nth-child(5) {
    z-index: 2;
}

.cs-style-7 .grid_li:nth-child(6) {
    z-index: 1;
}

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.cs-style-7 figure:hover figcaption, .cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: 130%;
    box-shadow: 0 0 0 10px #2c3f52;
}

.cs-style-7 figcaption h3 {
    /*margin-top: 86%;*/
}

.cs-style-7 figure:hover .grid_div {
    margin-top: 86%;
}

.cs-style-7 figcaption h3, .cs-style-7 figcaption span, .cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute!important;
    bottom: 20px;
    right: 20px;
}

.cs-style-7 figure:hover figcaption h3, .cs-style-7 figure:hover figcaption span, .cs-style-7 figure:hover figcaption a, .cs-style-7 figure.cs-hover figcaption h3, .cs-style-7 figure.cs-hover figcaption span, .cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

.grid_div {
    width: 100%;
}

@media screen and (max-width: 31.5em) {
    .grid_ul {
        padding: 10px 10px 10px 10px;
    }
    .grid_ul .grid_li {
        width: 100%;
        min-width: 300px;
    }
}

.sliderUiFlex {
    display: flex;
    align-items: center;
}

.s_item .sliderValue {
    width: 70px;
    display: table-cell;
    text-align: center;
}

.sliderValue::-webkit-outer-spin-button, .sliderValue::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.row_line {
    text-align: center;
    position: relative;
    padding: 5px 0px 20px 0px;
}

.line_wr {
    width: 100px;
    height: 4px;
    background: #000;
    display: inline-block;
    max-width: 100%;
}

.moduleProductName {
    overflow: hidden;
    height: 52px;
    margin-bottom: 6px;
}

.moduleProductName h4 {
    margin: 0px!important;
}

.moduleProductPrice .blockPrice {
    padding: 10px 0px 14px 0px;
}

.moduleProductPrice {
    margin: 0px!important;
}

.moduleProductName * {
    font-size: 20px;
}

.moduleProductDescription {
    height: 24px;
    overflow: hidden;
}

.moduleProductImage img {
    width: 100%!important;
    max-height: initial!important;
    height: auto!important;
}

.related_header {
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 10px 0px;
    border-bottom: 1px solid #999;
}

.moduleProductImage {
    overflow: hidden;
    margin-bottom: 10px;
}

.moduleProductImage img {
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    margin: 0px!important;
}

.moduleProductItem:hover .moduleProductImage img {
    transform: scale(1.2)
}

#builder {
    overflow: hidden;
}

.moduleNewsDate {
    color: #7d7d7d;
    font-style: italic;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
}

.moduleNewsDate p {
    margin: 0px;
}

/*button style*/

.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn:hover {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn:hover:before {}

.btnEff.style_sweep_right, .btnEff.style_sweep_left, .btnEff.style_sweep_bottom, .btnEff.style_sweep_top, .btnEff.style_bounce_right, .btnEff.style_bounce_left, .btnEff.style_bounce_top, .btnEff.style_bounce_bottom, .btnEff.style_rad_in, .btnEff.style_rad_out, .btnEff.style_rec_in, .btnEff.style_rec_out, .btnEff.style_lr_in, .btnEff.style_lr_out, .btnEff.style_tb_in, .btnEff.style_tb_out, .btnEff.style_sweep_two, .btnEff.style_rec_arr, .btnEff.style_rotate_text {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.32s;
    transition-duration: 0.32s;
    overflow: hidden;
}

.btnEff.style_sweep_right:before, .btnEff.style_sweep_left:before, .btnEff.style_sweep_bottom:before, .btnEff.style_sweep_top:before, .btnEff.style_bounce_right:before, .btnEff.style_bounce_left:before, .btnEff.style_bounce_top:before, .btnEff.style_bounce_bottom:before, .btnEff.style_rad_in:before, .btnEff.style_rad_out:before, .btnEff.style_rec_in:before, .btnEff.style_rec_out:before, .btnEff.style_lr_in:before, .btnEff.style_lr_out:before, .btnEff.style_tb_in:before, .btnEff.style_tb_out:before, .btnEff.style_sweep_two:before, .btnEff.style_rec_arr:before, .btnEff.style_rotate_text:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* -webkit-transition-property: transform; */
    /* transition-property: transform; */
    -webkit-transition-duration: 0.32s;
    transition-duration: 0.32s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/*style_sweep_right*/

.btnEff.style_sweep_right:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.btnEff.style_sweep_right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*style_sweep_left*/

.btnEff.style_sweep_left:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.btnEff.style_sweep_left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*style_sweep_bottom*/

.btnEff.style_sweep_bottom:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.btnEff.style_sweep_bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/*style_sweep_top*/

.btnEff.style_sweep_top:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.btnEff.style_sweep_top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/*style_bounce_right*/

.btnEff.style_bounce_right:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.btnEff.style_bounce_right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
    transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
}

/*style_bounce_left*/

.btnEff.style_bounce_left:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.btnEff.style_bounce_left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
    transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
}

/*style_bounce_top*/

.btnEff.style_bounce_top:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.btnEff.style_bounce_top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
    transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
}

/*style_bounce_bottom*/

.btnEff.style_bounce_bottom:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.btnEff.style_bounce_bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
    transition-timing-function: cubic-bezier(0.51, 1.62, 0.38, 0.64);
}

/*style_rad_in*/

.btnEff.style_rad_in:before {
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
}

.btnEff.style_rad_in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/*style_rad_out*/

.btnEff.style_rad_out:before {
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btnEff.style_rad_out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

/*style_rec_in*/

.btnEff.style_rec_in:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btnEff.style_rec_in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

/*style_rec_out*/

.btnEff.style_rec_out:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btnEff.style_rec_out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*style_lr_in*/

.btnEff.style_lr_in:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.btnEff.style_lr_in:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/*style_lr_out*/

.btnEff.style_lr_out:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.btnEff.style_lr_out:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*style_tb_in*/

.btnEff.style_tb_in:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.btnEff.style_tb_in:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

/*style_tb_out*/

.btnEff.style_tb_out:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

.btnEff.style_tb_out:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/*style_sweep_two*/

.btnEff.style_sweep_two:before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.3, 1, 1);
    transform: scale3d(0.3, 1, 1);
}

.btnEff.style_sweep_two:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*style_rec_arr*/

.btnEff.style_rec_arr:before {
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.btnEff.style_rec_arr:hover:before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/*style_rotate_text*/

.btnEff.style_rotate_text:before {
    -webkit-transform-origin: -25% 50%;
    transform-origin: -25% 50%;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
}

.btnEff.style_rotate_text:hover:before {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.builder_block a.btn, .builder_block button.btn {
    position: relative;
}

.saveStatus {
    padding: 10px 16px 5px 16px;
    color: #fff;
    font-size: 13px;
}

.iconBlock {
    display: flex;
    align-items: center;
}

.iconBlock {
    padding: 1px 0px;
}

.iconBlockImg {
    padding: 0px 7px;
}

.iconBlockImg img {
    max-height: 20px;
    vertical-align: top;
    margin-top: 2px;
}

.iconBlockText {
    color: #000;
}

.iconBlockText a {
    color: #000;
}

.menuCart {
    text-align: center;
    position: relative;
}

.menuCart a {
    display: block;
    padding: 0px 0px;
    color: #000;
}

.menuCart a:hover {
    text-decoration: none;
}

.menuCart img {
    max-height: 48px;
    display: block;
    margin: 0px auto;
}

.menuCartCount {
    font-size: 13px;
    color: #000;
}

.menuCartPrice {
    font-size: 13px;
    color: #000;
}

.menuBlockCallback a {
    color: rgb(255, 255, 255);
    background-color: rgb(212, 49, 49);
    line-height: 26px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 400;
    border-width: 0px;
    border-color: rgb(108, 117, 125);
    border-style: solid;
    font-family: Arial;
    max-width: 186px;
    width: 100%;
}

.srch input[type="text"] {
    border-radius: 0px;
    border: 1px solid #E4E4E4;
    padding: 0px 11px;
    height: 36px;
    width: 150px;
    border-width: 1px;
}

.srch .js_search {
    height: 36px;
    background-color: #E4E4E4;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -99999px;
    width: 36px;
    border: 0px;
    background-size: 24px;
    border-radius: 0px;
}

.builder_block .moduleProductLink .btn {
    background-color: #E4E4E4;
    border: 0px;
    border-radius: 0px;
    color: #000;
}

.srch form {
    display: flex;
    width: 100%;
    align-items: center;
}

.srch .input-group {
    margin: 0px;
    display: block;
    width: auto;
}

.menuBlockLogin a {
    color: #000;
}

.carMiniList {
    display: none;
    position: absolute;
    padding: 8px 8px 12px 8px;
    min-height: 100px;
    z-index: 1011;
    background: #fff;
    width: 420px;
    right: 0px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.cartMiniClear {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

.carMiniProdItem {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

.carMiniProdImg {
    width: 16%;
}

.carMiniProdImg img {
    text-align: center;
    max-height: 50px
}

.carMiniProdName {
    text-align: left;
    width: 50%;
}

.carMiniProdQuantity {
    text-align: center;
    width: 10%;
}

.carMiniProdPrice {
    text-align: center;
    width: 24%;
}

.carMiniProdItem>div {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 3px 3px;
}

.cartMiniItogo {
    text-align: right;
    font-size: 14px;
    padding: 4px 0px 10px 0px;
}

.cartMiniLink {
    text-align: right;
}

.cartMiniLink a {
    display: inline-block;
    background: #2d2d2d;
    color: #fff;
    padding: 6px 8px;
    font-size: 14px;
}

.cartMiniLink a:hover {
    background: #000;
    text-decoration: none;
}

.prodBuy {}

.btnQuantBtn {
    display: table;
    width: 100%;
}

.jshop input.product_minus, .jshop input.product_plus {
    height: 40px;
    display: table-cell;
    vertical-align: top;
    width: 40px!important;
    padding: 0px;
    text-align: center;
    background: #000;
    color: #fff;
    border: 0px;
    margin: 0px;
}

.jshop .product_quant {
    height: 40px;
    border-radius: 0px;
    border: 2px solid #E4E4E4;
    width: 50px;
    text-align: center;
    padding: 0px 4px;
    margin: 0px;
}

.prodInBlLeft {
    display: inline-block;
    vertical-align: middle;
}

.prodInBlRight {
    display: inline-block;
    vertical-align: middle;
}

.prodInBlRight input {
    border-radius: 0px;
}

div.jshop_register {
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
    padding: 0px;
}

.jshop h1 {
    text-align: center;
}

.jshop input, .jshop textarea, .jshop select {
    border: 1px solid #E4E4E4;
    margin: 0;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.jshop_register input, .jshop_register textarea, .jshop_register select {
    width: 100%;
}

.jshop input[type="submit"], .jshop input[type="button"], .jshop button[type="submit"] {
    background: #E4E4E4;
    color: #000;
    border-radius: 0px;
    border: 0px;
}

.cart th, .jshop_order_step {
    text-align: center;
    background-color: #f5f5f5;
    padding: 10px 10px!important;
    border: 1px solid #ccc;
}

.cart th *, .jshop_order_step *, .jshop_order_step a {
    color: #000;
    font-size: 16px;
}

.cart td {
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 10px;
    vertical-align: top;
}

.cart .jshop_img {
    max-height: 150px;
}

.cart_buttons #checkout {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.btn_arr_left, .btn_arr_right {
    background: #E4E4E4;
    color: #000;
    padding: 7px 20px;
    font-size: 16px;
    border-radius: 0px;
    margin-bottom: 14px;
}

.jshop_img_description_center {
    justify-content: center;
}

.control-group {
    padding-bottom: 14px;
}

.checkout_shipping_block input[type="radio"], .checkout_payment_block input[type="radio"] {
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.jshop input[type="radio"], .jshop input[type="checkbox"] {
    width: 16px;
    height: 16px;
    padding: 0px;
    border-radius: 4px;
}

.jshop label {
    margin: 0px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.prodAddToCart {}

.moduleProductLink {
    display: flex;
    align-items: center;
    justify-content: center;
}

.moduleProductLink a {
    margin: 0px 4px;
}

.alert {
    background: #66b732;
    border: 1px solid #4c8a24;
    margin-bottom: 30px;
    padding: 20px 30px 20px 20px;
    border-radius: 0px;
}

.fielderror {
    background-color: initial!important;
    border: 1px solid #ff0000!important;
}

.alert h4 {
    font-size: 24px;
    margin: 0px;
}

.alert-success {
    /*background: #000;*/
}

.alert * {
    color: #fff;
    margin: 0px;
}

.msgAlert {
    position: fixed;
    top: 50px;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    z-index: 9;
    box-shadow: 0px 0px 5px #000;
    min-width: 250px;
}

.closeP {
    position: absolute;
    right: 7px;
    top: 8px;
    text-align: center;
    width: auto;
    height: auto;
    color: #fff!important;
    text-shadow: none;
    opacity: 1;
    line-height: 16px;
}

.thumbnail.fancybox {
    margin-right: 1%;
    margin-bottom: 8px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    zoom: 1;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

a.thumbnail.fancybox:hover, a.thumbnail.fancybox:focus, a.thumbnail.fancybox.active {
    border-color: #848484;
}

.table_order_list .buttons {
    text-align: left;
    padding-top: 10px;
}

.btnOrders {
    background: #E4E4E4;
    border-radius: 0px;
}

.toggleColors {
    display: block;
    text-align: center;
    padding: 7px 0px 7px 0px;
}

.toggleColors img {
    height: 18px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.builderPanelColors.openColors .toggleColors img {
    transform: rotate(180deg);
}

.sp-container button.sp-cancel {
    background: #4169a9;
    color: #fff;
    border-radius: 0px;
}

.closeWin {
    background: transparent url(../images/exicon_close_black.svg) 50% 50% no-repeat;
    background-size: 24px;
}

.s_head td.winTdBorderRight {
    border-right: 1px solid #b1b1b1;
}

.s_head td.winTdBorderLeft {
    border-left: 1px solid #b1b1b1;
}

.s_head td.winTdClose {
    width: 60px;
}

.s_head .btn.dragWin {
    cursor: move;
}

#mediaManager .mediaTop {
    display: table;
    padding: 0px;
}

.mediaTop>div {
    display: table-cell;
    padding: 15px 15px;
    vertical-align: middle;
}

.mediaTopLeft {
    width: 65%;
}

.winTdDrag {
    cursor: move;
}

.langBlock {
    position: relative;
    display: inline-block;
}

.langMap {}

.langMap svg {
    fill: #fff;
    height: 28px;
}

.langList {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 50px;
    text-align: center;
    transform: translateX(-50%);
    padding-top: 5px;
    z-index: 9;
}

.langBlock:hover .langList {
    display: block;
}

.langList a {
    display: block;
    background: #ffffff;
    color: #f10806;
}

.langList a:hover {
    text-decoration: none;
    background: #f10806;
    color: #fff;
}