@charset "UTF-8"; /* normalize & base ================================ */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; position: relative; } audio:not([controls]) { display: none; height: 0; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a img { border-style: none; } img { max-width: 100%; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } blockquote, q { font-style: italic; } .description blockquote, .description q { font-style: normal; background-color: rgba(204, 204, 204, 0.52); padding: 10px 15px 1px 15px; margin: 0; border-radius: 20px; } .description a{ color: #0c5298; text-decoration: none; } .description h4 { font-size: 1.5rem; font-family: Arial; font-weight: normal; } blockquote:before, blockquote:after { content: ''; content: none; } svg:not(:root) { overflow: hidden; } template, [hidden] { display: none; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: bold; } button, input { overflow: visible; } button, select { /* 1 */ text-transform: none; } button { -webkit-appearance: button; } input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } textarea { overflow: auto; } input[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } a:active, a:hover { outline-width: 0; } abbr[title], dfn[title] { cursor: help; } button { cursor: pointer; } button::-moz-focus-inner { border-style: none; padding: 0; } button:disabled { cursor: not-allowed; } input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } input::-ms-clear { display: none; width: 0; height: 0; } input::-ms-reveal { display: none; width: 0; height: 0; } input:disabled { cursor: not-allowed; } button:-moz-focusring { outline: 1px dotted ButtonText; } input[type="button"]:-moz-focusring, input[type="reset"]:-moz-focusring, input[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } html { font-family: Arial; font-size: 12px; position: relative; height: 100%; width: 100%; } @media only screen and (min-width: 768px) { html { font-size: 14px; } } *, :after, :before { box-sizing: inherit; } body { margin: 0; position: relative; height: 100%; width: 100%; box-sizing: border-box; font-size: 1rem; line-height: 1.6; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { padding: 1.2em; border-width: 0; white-space: pre; white-space: pre-wrap; background: #ddd; word-wrap: break-word; } hr { box-sizing: content-box; height: 0; overflow: visible; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { position: relative; margin: 0; background-color: #fff; } body, html { height: 100%; width: 100%; } html, body, button, input, select, textarea, a { font-family: Arial; line-height: 1.2em; color: #000; } ul { margin: 0px; padding: 0px; } img { width: 100%; height: auto; display: block; } svg { max-width: 98% !important; max-height: 98% !important; } p { margin: 0; } ::selection { text-shadow: none; color: #fff; background: #2597ff; } ::-moz-selection { text-shadow: none; color: #fff; background: #2597ff; } ::-ms-selection { text-shadow: none; color: #fff; background: #2597ff; } input::-webkit-input-placeholder { color: #999; } input::-moz-placeholder { color: #999; opacity: .5; } input:-ms-input-placeholder { color: #999; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } textarea::-webkit-input-placeholder { color: #999; } textarea::-moz-placeholder { color: #999; opacity: .5; } textarea:-ms-input-placeholder { color: #999; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } /* structure ================================ */ .wrapper { position: relative; min-width: 320px; max-width: 100%; width: 100%; min-height: 100%; height: auto; margin-right: auto; margin-left: auto; padding-bottom: 192px; overflow: hidden; } .footer { position: relative; min-width: 320px; max-width: 1920px; width: 100%; margin-top: -192px; margin-right: auto; margin-left: auto; overflow: hidden; } .wrapper { background-color: #323232; /*background: #323232 url('/images/stars.jpg?t=1');*/ background-size: auto; } .css-news-main{ display: block; } @media (max-width: 767px) { .wrapper { padding-bottom: 270px; } .footer { margin-top: -270px; } #recommended-by-google { display: none; } .grid._column > .row > .col._xs24.banner-3{ display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .wrapper { padding-bottom: 251px; } .footer { margin-top: -251px; } } @media (min-width: 1024px) and (max-width: 1309px) { .wrapper { padding-bottom: 184px; } .footer { margin-top: -184px; } } /* text ================================ */ .view-title { font-size: 2rem; line-height: 1.6; font-weight: 700; margin: 1.6em 0 1.6rem; } .view-title:first-child { margin-top: 0; } .view-text ul, .view-text ol { padding-left: 2rem; } .view-text dd + dt { margin: 1.6em 0 0; } .view-text dd { margin-left: 2rem; } .view-text dt, .view-text b, .view-text strong, .view-text th { font-weight: 700; } .view-text i, .view-text cite, .view-text em, .view-text var, .view-text address, .view-text dfn, .view-text caption { font-style: italic; } .view-text abbr[title], .view-text dfn[title] { text-decoration: none; border-bottom: 1px dotted; cursor: help; } .view-text pre, .view-text code, .view-text kbd, .view-text samp { font-style: normal; font-weight: 400; } .view-text pre { tab-size: 4; padding: 1rem; background-color: #f5f5f5; } .view-text code, .view-text kbd, .view-text samp { padding: 0 0.3rem; } .view-text code { background-color: #f5f5f5; } .view-text kbd { background-color: #e1f0fa; } .view-text samp { background-color: #f7f8e2; } .view-text hr { clear: both; border-width: 0; border-top-width: 1px; } .view-text table { width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; } .view-text table.table-null, .view-text table.table-null th, .view-text table.table-null td { border-color: transparent; } .view-text table.table-null th { background: transparent; } .view-text table.table-zebra, .view-text table.table-zebra th, .view-text table.table-zebra td { border-color: transparent; } .view-text table.table-zebra tr:nth-child(even) { background-color: #eee; } .view-text caption { margin-bottom: 0.5rem; caption-side: top; } .view-text tbody, .view-text tfoot, .view-text thead, .view-text tr, .view-text th, .view-text td { border: inherit; } .view-text th, .view-text td { padding: 0.5rem; text-align: left; vertical-align: top; } .view-text th { text-align: center; background-color: #ddd; } .view-text iframe { border-width: 0; } .view-text audio { width: 100%; } .view-text .media-block { margin: 1.6em auto; } .view-text .media-block__holder { background-color: #f5f5f5; position: relative; padding-top: 10px !important; height: inherit; } .view-text .media-block__holder iframe, .view-text .media-block__holder video { position: inherit; width: 100%; height: 100%; top: 0; left: 0; min-height: 400px; } #instagram-embed-0 { width: 400px; height: 730px; } .view-text img { width: auto; height: auto; max-width: 100%; } .view-text { position: relative; font-size: 1.4rem; /*line-height: 1.92;*/ line-height: 1.5; color: #000; font-family: Times,"Times New Roman",serif,Tahoma,Arial,Helvetica,sans-serif; } .view-text:after { content: " "; display: table; clear: both; } .view-text h1 { clear: both; font-size: 2.25rem; margin: 1.6em 0 1.6rem; } .view-text h2 { clear: both; font-size: 2rem; margin: 1.6em 0 1.6rem; } .view-text h3 { clear: both; font-size: 1.75rem; margin: 1.6em 0 1.6rem; } .view-text h4 { clear: both; font-size: 1.5rem; margin: 1.6em 0 1.6rem; } .view-text h5 { clear: both; font-size: 1.25rem; margin: 1.6em 0 1.6rem; } .view-text h6 { clear: both; font-size: 1rem; margin: 1.6em 0 1.6rem; } .view-text p, .view-text ul, .view-text ol, .view-text hr, .view-text dl, .view-text pre, .view-text address, .view-text blockquote, .view-text table { margin-bottom: 1.8em; } .view-text > :first-child { margin-top: 0; } .view-text > :last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .view-text { line-height: 1.3; } .view-text h1 { font-size: 2.625rem; } .view-text h2 { font-size: 2.25rem; } .view-text h3 { font-size: 1.875rem; } .view-text h4 { font-size: 1.625rem; } .view-text p { margin-bottom: 1.2rem; } } /* form ================================ */ .form { position: relative; } .form__group { display: block; position: relative; margin-bottom: 1.6rem; } .form label { cursor: pointer; vertical-align: top; user-select: none; } .control-holder { position: relative; } .control-holder label.has-error { position: absolute; top: 100%; left: 0; font-size: 0.75rem; line-height: 1rem; padding: 0 0.5rem; background-color: #000; z-index: 1; color: #fff; } .control-holder label.has-error:before { pointer-events: none; content: ''; position: absolute; left: 0; bottom: 100%; width: 0; height: 0; border-bottom: 0.5rem solid #000; border-right: 0.5rem solid transparent; } .control-holder--text input, .control-holder--text textarea { border: 1px solid; display: block; width: 100%; font-size: 1rem; line-height: 1.6; padding: 0.33333rem 0.66667rem; } .control-holder--text textarea { resize: vertical; min-height: 7rem; max-height: 18rem; } .control-holder--flag label { margin-right: 1rem; } .control-holder--flag label:only-child, .control-holder--flag label.has-error { cursor: default; margin-right: 0; } .control-holder--flag ins { position: relative; display: inline-block; vertical-align: text-bottom; width: 1.2rem; height: 1.2rem; margin-right: 3px; border: 1px solid; } /* .control-holder--flag input { position: absolute; top: 0; left: -100%; width: 0; height: 0; } */ .control-holder--flag input { position: absolute; left: 0; width: 0; height: 0; } .control-holder--flag input[type="radio"] ~ ins { border-radius: 50%; } .control-holder--flag input:checked ~ ins { background-color: #000; box-shadow: inset 0 0 0 3px #fff; } .control-holder--flag input:disabled ~ ins, .control-holder--flag input:disabled ~ span { opacity: .5; cursor: not-allowed; } /* custom ================================ */ .display-block { display: block !important; } .display-inline { display: inline-block !important; } .display-none { display: none !important; } @media (max-width: 767px) { .display-block-xs { display: block !important; } .display-inline-xs { display: inline-block !important; } .display-none-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .display-block-sm { display: block !important; } .display-inline-sm { display: inline-block !important; } .display-none-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1309px) { .display-block-md { display: block !important; } .display-inline-md { display: inline-block !important; } .display-none-md { display: none !important; } } @media (min-width: 1340px) { .display-block-lg { display: block !important; } .display-inline-lg { display: inline-block !important; } .display-none-lg { display: none !important; } } .visibility-visible { visibility: visible !important; } .visibility-hidden { visibility: hidden !important; } @media (max-width: 767px) { .visibility-visible-xs { visibility: visible !important; } .visibility-hidden-xs { visibility: hidden !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visibility-visible-sm { visibility: visible !important; } .visibility-hidden-sm { visibility: hidden !important; } } @media (min-width: 1024px) and (max-width: 1309px) { .visibility-visible-md { visibility: visible !important; } .visibility-hidden-md { visibility: hidden !important; } } @media (min-width: 1340px) { .visibility-visible-lg { visibility: visible !important; } .visibility-hidden-lg { visibility: hidden !important; } } .list-inline ul { list-style: none; font-size: 0; } .list-inline ul li { display: inline-block; } .list-inline ul li a { text-decoration: none; } .list-inline ul li a:hover { text-decoration: none; } .pagination ul { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination ul > li { display: inline; } .pagination ul > li > a { position: relative; float: left; padding: 6px 12px; line-height: 1.4; text-decoration: none; color: #000000; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } @media (max-width: 767px) { .pagination ul > li > a { padding: 5px 8px; } } .pagination ul > li > a:hover, .pagination ul > li > a:focus { z-index: 2; color: #000000; background-color: #f1f1f1; border-color: #dddddd; } .pagination ul > li:first-child > a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination ul > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination ul > li._is-active > a, .pagination ul > li._is-active > a:hover, .pagination ul > li._is-active > a:focus { z-index: 3; color: #ffffff; background-color: #f55f26; border-color: #f55f26; cursor: default; } .pagination ul > li._is-disabled > a, .pagination ul > li._is-disabled > a:hover, .pagination ul > li._is-disabled > a:focus { color: #999999; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } /* grid ================================ */ /*-- grid --*/ .grid { position: relative; margin-right: auto; margin-left: auto; clear: both; } .grid:after { content: " "; display: table; clear: both; } @media (min-width: 768px) { .grid._size, .grid._size-sm { width: 768px; } } @media (min-width: 1024px) { .grid._size, .grid._size-md { width: 1024px; } } @media (min-width: 1340px) { .grid._size, .grid._size-lg { width: 1340px; } } .row { clear: both; } .row:after { content: " "; display: table; clear: both; } .col { float: left; position: relative; min-height: 1px; width: auto; max-width: 100%; display: inline-block; } .row._right > .col { float: right; } /*-- grid column --*/ .grid._column > .row > .col._xs0 { display: none; } .grid._column > .row > .col._xs1 { display: block; width: 4.16667%; } .grid._column > .row > .col._xs2 { display: block; width: 8.33333%; } .grid._column > .row > .col._xs3 { display: block; width: 12.5%; } .grid._column > .row > .col._xs4 { display: block; width: 16.66667%; } .grid._column > .row > .col._xs5 { display: block; width: 20.83333%; } .grid._column > .row > .col._xs6 { display: block; width: 25%; } .grid._column > .row > .col._xs7 { display: block; width: 29.16667%; } .grid._column > .row > .col._xs8 { display: block; width: 33.33333%; } .grid._column > .row > .col._xs9 { display: block; width: 37.5%; } .grid._column > .row > .col._xs10 { display: block; width: 41.66667%; } .grid._column > .row > .col._xs11 { display: block; width: 45.83333%; } .grid._column > .row > .col._xs12 { display: block; width: 50%; } .grid._column > .row > .col._xs13 { display: block; width: 54.16667%; } .grid._column > .row > .col._xs14 { display: block; width: 58.33333%; } .grid._column > .row > .col._xs15 { display: block; width: 62.5%; } .grid._column > .row > .col._xs16 { display: block; width: 66.66667%; } .grid._column > .row > .col._xs17 { display: block; width: 70.83333%; } .grid._column > .row > .col._xs18 { display: block; width: 75%; } .grid._column > .row > .col._xs19 { display: block; width: 79.16667%; } .grid._column > .row > .col._xs20 { display: block; width: 83.33333%; } .grid._column > .row > .col._xs21 { display: block; width: 87.5%; } .grid._column > .row > .col._xs22 { display: block; width: 91.66667%; } .grid._column > .row > .col._xs23 { display: block; width: 95.83333%; } .grid._column > .row > .col._xs24 { display: block; width: 100%; } .grid._column > .row > .col._xs24.mob-banner, .grid._column._indent.mob-banner, .grid._column > .row > .col._xs24.mob-banner, .mobb{ display: none; text-align: center; } @media (min-width: 768px) { .grid._column > .row > .col._sm0 { display: none; } .grid._column > .row > .col._sm1 { display: block; width: 4.16667%; } .grid._column > .row > .col._sm2 { display: block; width: 8.33333%; } .grid._column > .row > .col._sm3 { display: block; width: 12.5%; } .grid._column > .row > .col._sm4 { display: block; width: 16.66667%; } .grid._column > .row > .col._sm5 { display: block; width: 20.83333%; } .grid._column > .row > .col._sm6 { display: block; width: 25%; } .grid._column > .row > .col._sm7 { display: block; width: 29.16667%; } .grid._column > .row > .col._sm8 { display: block; width: 33.33333%; } .grid._column > .row > .col._sm9 { display: block; width: 37.5%; } .grid._column > .row > .col._sm10 { display: block; width: 41.66667%; } .grid._column > .row > .col._sm11 { display: block; width: 45.83333%; } .grid._column > .row > .col._sm12 { display: block; width: 50%; } .grid._column > .row > .col._sm13 { display: block; width: 54.16667%; } .grid._column > .row > .col._sm14 { display: block; width: 58.33333%; } .grid._column > .row > .col._sm15 { display: block; width: 62.5%; } .grid._column > .row > .col._sm16 { display: block; width: 66.66667%; } .grid._column > .row > .col._sm17 { display: block; width: 70.83333%; } .grid._column > .row > .col._sm18 { display: block; width: 75%; } .grid._column > .row > .col._sm19 { display: block; width: 79.16667%; } .grid._column > .row > .col._sm20 { display: block; width: 83.33333%; } .grid._column > .row > .col._sm21 { display: block; width: 87.5%; } .grid._column > .row > .col._sm22 { display: block; width: 91.66667%; } .grid._column > .row > .col._sm23 { display: block; width: 95.83333%; } .grid._column > .row > .col._sm24 { display: block; width: 100%; } } @media (min-width: 1024px) { .grid._column > .row > .col._md0 { display: none; } .grid._column > .row > .col._md1 { display: block; width: 4.16667%; } .grid._column > .row > .col._md2 { display: block; width: 8.33333%; } .grid._column > .row > .col._md3 { display: block; width: 12.5%; } .grid._column > .row > .col._md4 { display: block; width: 16.66667%; } .grid._column > .row > .col._md5 { display: block; width: 20.83333%; } .grid._column > .row > .col._md6 { display: block; width: 23%; } .grid._column > .row > .col._md7 { display: block; width: 29.16667%; } .grid._column > .row > .col._md8 { display: block; width: 33.33333%; } .grid._column > .row > .col._md9 { display: block; width: 35.5%; } .grid._column > .row > .col._md10 { display: block; width: 41.66667%; } .grid._column > .row > .col._md11 { display: block; width: 45.83333%; } .grid._column > .row > .col._md12 { display: block; width: 50%; } .grid._column > .row > .col._md13 { display: block; width: 54.16667%; } .grid._column > .row > .col._md14 { display: block; width: 58.33333%; } .grid._column > .row > .col._md15 { display: block; width: 64.5%; } .grid._column > .row > .col._md16 { display: block; width: 66.66667%; } .grid._column > .row > .col._md17 { display: block; width: 70.83333%; } .grid._column > .row > .col._md18 { display: block; width: 75%; } .grid._column > .row > .col._md19 { display: block; width: 79.16667%; } .grid._column > .row > .col._md20 { display: block; width: 83.33333%; } .grid._column > .row > .col._md21 { display: block; width: 87.5%; } .grid._column > .row > .col._md22 { display: block; width: 91.66667%; } .grid._column > .row > .col._md23 { display: block; width: 95.83333%; } .grid._column > .row > .col._md24 { display: block; width: 100%; } } @media (min-width: 1340px) { .grid._column > .row > .col._lg0 { display: none; } .grid._column > .row > .col._lg1 { display: block; width: 4.16667%; } .grid._column > .row > .col._lg2 { display: block; width: 8.33333%; } .grid._column > .row > .col._lg3 { display: block; width: 12.5%; } .grid._column > .row > .col._lg4 { display: block; width: 16.66667%; } .grid._column > .row > .col._lg5 { display: block; width: 20.83333%; } .grid._column > .row > .col._lg6 { display: block; width: 25%; } .grid._column > .row > .col._lg7 { display: block; width: 29.16667%; } .grid._column > .row > .col._lg8 { display: block; width: 33.33333%; } .grid._column > .row > .col._lg9 { display: block; width: 37.5%; } .grid._column > .row > .col._lg10 { display: block; width: 41.66667%; } .grid._column > .row > .col._lg11 { display: block; width: 45.83333%; } .grid._column > .row > .col._lg12 { display: block; width: 50%; } .grid._column > .row > .col._lg13 { display: block; width: 54.16667%; } .grid._column > .row > .col._lg14 { display: block; width: 58.33333%; } .grid._column > .row > .col._lg15 { display: block; width: 62.5%; } .grid._column > .row > .col._lg16 { display: block; width: 66.66667%; } .grid._column > .row > .col._lg17 { display: block; width: 70.83333%; } .grid._column > .row > .col._lg18 { display: block; width: 75%; } .grid._column > .row > .col._lg19 { display: block; width: 79.16667%; } .grid._column > .row > .col._lg20 { display: block; width: 83.33333%; } .grid._column > .row > .col._lg21 { display: block; width: 87.5%; } .grid._column > .row > .col._lg22 { display: block; width: 91.66667%; } .grid._column > .row > .col._lg23 { display: block; width: 95.83333%; } .grid._column > .row > .col._lg24 { display: block; width: 100%; } } /*-- grid inside --*/ .grid._inside { padding-left: 28px; padding-right: 28px; padding-top: 24px; padding-bottom: 24px; } .grid._inside-hor { padding-left: 28px; padding-right: 28px; } .grid._inside-ver { padding-top: 24px; padding-bottom: 24px; } .grid._inside-left { padding-left: 28px; } .grid._inside-right { padding-right: 28px; } .grid._inside-top { padding-top: 24px; margin-bottom: -10px; } .grid._inside-bottom { padding-bottom: 24px; } @media (max-width: 767px) { .grid._inside { padding-left: 14px; padding-right: 14px; padding-top: 12px; padding-bottom: 12px; } .grid._inside-hor { padding-left: 14px; padding-right: 14px; } .grid._inside-ver { padding-top: 12px; padding-bottom: 12px; } .grid._inside-left { padding-left: 14px; } .grid._inside-right { padding-right: 14px; } .grid._inside-top { padding-top: 12px; } .grid._inside-bottom { padding-bottom: 12px; } } /*-- grid outside --*/ .grid._outside { margin-left: 28px; margin-right: 28px; margin-top: 24px; margin-bottom: 24px; } .grid._outside-hor { margin-left: 28px; margin-right: 28px; } .grid._outside-ver { margin-top: 24px; margin-bottom: 24px; } .grid._outside-left { margin-left: 28px; } .grid._outside-right { margin-right: 28px; } .grid._outside-top { margin-top: 24px; } .grid._outside-bottom { margin-bottom: 24px; } @media (max-width: 767px) { .grid._outside { margin-left: 14px; margin-right: 14px; margin-top: 12px; margin-bottom: 12px; } .grid._outside-hor { margin-left: 14px; margin-right: 14px; } .grid._outside-ver { margin-top: 12px; margin-bottom: 12px; } .grid._outside-left { margin-left: 14px; } .grid._outside-right { margin-right: 14px; } .grid._outside-top { margin-top: 12px; } .grid._outside-bottom { margin-bottom: 12px; } } /*-- grid indent --*/ .grid._indent > .row { margin-left: -14px; margin-right: -14px; margin-top: -2px; } .grid._indent > .row > .col { padding-left: 14px; padding-right: 14px; margin-bottom: 24px; } .grid._indent-hor > .row { margin-left: -14px; margin-right: -14px; } .grid._indent-hor > .row > .col { padding-left: 14px; padding-right: 14px; } .grid._indent-ver > .row > .col { margin-bottom: 24px; } @media (max-width: 767px) { .grid._indent > .row { margin-left: -7px; margin-right: -7px; } .grid._indent > .row > .col { padding-left: 7px; padding-right: 7px; margin-bottom: 12px; } .grid._indent-hor > .row { margin-left: -7px; margin-right: -7px; } .grid._indent-hor > .row > .col { padding-left: 7px; padding-right: 7px; } .grid._indent-ver > .row > .col { margin-bottom: 12px; } } .grid._indent > .row > .col._indent-clear, .grid._indent-ver > .row > .col._indent-clear { margin-bottom: 0; } /*-- grid inside --*/ .grid._inside-sm { padding-left: 14px; padding-right: 14px; padding-top: 12px; padding-bottom: 12px; } .grid._inside-hor-sm { padding-left: 14px; padding-right: 14px; } .grid._inside-ver-sm { padding-top: 12px; padding-bottom: 12px; } .grid._inside-left-sm { padding-left: 14px; } .grid._inside-right-sm { padding-right: 14px; } .grid._inside-top-sm { padding-top: 12px; } .grid._inside-bottom-sm { padding-bottom: 12px; } @media (max-width: 767px) { .grid._inside-sm { padding-left: 7px; padding-right: 7px; padding-top: 6px; padding-bottom: 6px; } .grid._inside-hor-sm { padding-left: 7px; padding-right: 7px; } .grid._inside-ver-sm { padding-top: 6px; padding-bottom: 6px; } .grid._inside-left-sm { padding-left: 7px; } .grid._inside-right-sm { padding-right: 7px; } .grid._inside-top-sm { padding-top: 6px; } .grid._inside-bottom-sm { padding-bottom: 6px; } } /*-- grid outside --*/ .grid._outside-sm { margin-left: 14px; margin-right: 14px; margin-top: 12px; margin-bottom: 12px; } .grid._outside-hor-sm { margin-left: 14px; margin-right: 14px; } .grid._outside-ver-sm { margin-top: 12px; margin-bottom: 12px; } .grid._outside-left-sm { margin-left: 14px; } .grid._outside-right-sm { margin-right: 14px; } .grid._outside-top-sm { margin-top: 12px; } .grid._outside-bottom-sm { margin-bottom: 12px; } @media (max-width: 767px) { .grid._outside-sm { margin-left: 7px; margin-right: 7px; margin-top: 6px; margin-bottom: 6px; } .grid._outside-hor-sm { margin-left: 7px; margin-right: 7px; } .grid._outside-ver-sm { margin-top: 6px; margin-bottom: 6px; } .grid._outside-left-sm { margin-left: 7px; } .grid._outside-right-sm { margin-right: 7px; } .grid._outside-top-sm { margin-top: 6px; } .grid._outside-bottom-sm { margin-bottom: 6px; } } /*-- grid indent --*/ .grid._indent-sm > .row { margin-left: -7px; margin-right: -7px; } .grid._indent-sm > .row > .col { padding-left: 7px; padding-right: 7px; margin-bottom: 12px; } .grid._indent-hor-sm > .row { margin-left: -7px; margin-right: -7px; } .grid._indent-hor-sm > .row > .col { padding-left: 7px; padding-right: 7px; } .grid._indent-ver-sm > .row > .col { margin-bottom: 12px; } @media (max-width: 767px) { .grid._indent-sm > .row { margin-left: -3.5px; margin-right: -3.5px; } .grid._indent-sm > .row > .col { padding-left: 3.5px; padding-right: 3.5px; margin-bottom: 6px; } .grid._indent-hor-sm > .row { margin-left: -3.5px; margin-right: -3.5px; } .grid._indent-hor-sm > .row > .col { padding-left: 3.5px; padding-right: 3.5px; } .grid._indent-ver-sm > .row > .col { margin-bottom: 6px; } } .grid._indent-sm > .row > .col._indent-clear, .grid._indent-ver-sm > .row > .col._indent-clear { margin-bottom: 0; } /* utils ================================ */ /* =================================*/ @font-face { font-family: Georgia; src: url('/css/fonts/GeorgiaItalic.woff?display=swap') format("woff"), url('/css/fonts/GeorgiaItalic.woff2?display=swap') format("woff2"); font-display: swap; } /*-- form --*/ .form__text input { color: #000; width: 100%; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.3em; padding: 9px; border: 1px solid #d4d4d4; background: #fff; position: relative; outline: none; } .form__text--name input { padding-left: 36px; } .form__text--email input { padding-left: 35px; } .form__text .svg-icon { position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; } .form__text .svg-icon svg { fill: #848484; width: 16px; height: 16px; } .form__textarea textarea { width: 100%; max-width: 100%; min-width: 100%; height: 88px; min-height: 88px; padding: 10px; border: 1px solid #d4d4d4; margin: 0; outline: none; } .form__text input:hover, .form__textarea textarea:hover, .form__select select:hover, .form__select .jsSelect:hover { background: rgba(221, 221, 216, 0.48); outline: none; } .form__text input:focus, .form__textarea textarea:focus, .form__select select:focus { outline: none; border: 1px solid #ffde00; } .form__label { color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.5em; margin-bottom: 2px; } .form__button { font-size: 16px; font-weight: 700; padding: 10px 20px; cursor: pointer; display: inline-block; } .form__button--success { color: #000; background-color: #ffde00; transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -webkit-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -o-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -moz-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -ms-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; } .form__button--success:hover { box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); } .form__button--success:active { box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); } .form__button--big { width: 100%; display: block; text-align: center; } .form__button--wide { padding: 10px 40px; } .form__button--small { font-size: 12px; } .formLink { color: #000; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.2em; text-decoration: none; padding: 10px 0; cursor: pointer; display: inline-block; } .formLink:hover { text-decoration: underline; } .form__select .jsSelect { background-color: #fff; color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.5em; } /*-- Пункты выпадающего списка --*/ .form__select .jsSelect .jsSelect__list .jsSelect-list .jsSelect-list__item { padding: 5px 15px; } /*-- Когда выбран пункт --*/ .form__select .jsSelect .jsSelect__input .jsSelect-input .jsSelect-input__text._has-text { color: #a2a2a2; } /*-- Когда открыт список --*/ .form__select .jsSelect.is-active .jsSelect__input .jsSelect-input .jsSelect-input__text._has-text { color: #a2a2a2; } .form__select .jsSelect.jsSelect__input { border: 1px solid #d4d4d4; } .form__select .jsSelect.is-active .jsSelect__input { border: 1px solid #ffde00; } .form__select .jsSelect .jsSelect__list { border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } /*-- При наведении на раскрытый список --*/ .jsSelect.is-active:hover { background-color: #fff; } .form__select--default .jsSelect { height: 36px; } .form__file input[type="file"] { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; opacity: 0; visibility: hidden; } .form__fileLabel { color: #1d1d1d; font-family: Arial; font-size: 11px; font-weight: 400; line-height: 1em; text-transform: uppercase; display: inline-block; padding-bottom: 4px; cursor: pointer; } .form__fileLabel--right { position: relative; top: 25px; margin-left: 70px; display: block; } .form__fileLabel label, .form__fileLabel span { vertical-align: middle; } .form__fileLabel label, .form__fileLabel span, .form__fileLabel ins { text-decoration: none; } .form__fileLabel--add { color: #000; font-size: 12px; text-transform: none; } .form__fileLabel .svg-icon { width: 16px; height: 16px; display: inline-block; margin-right: 5px; position: relative; top: 0; left: 0; } .form__fileLabel .svg-icon svg { width: 16px; height: 16px; fill: #848484; } .form__fileLabel:hover { color: #ec132c; } .form__fileLabel:hover svg { fill: #ec132c; } .form__fileCanvas { max-width: 100%; margin-top: 5px; display: none; } .form__fileCanvas--left { float: left; border-radius: 50%; width: 60px; height: 60px; display: block; border: 1px solid #ccc; } .form__fileCanvas._is-active { display: block; } .form__imageDelete { color: #ec132c; text-decoration: none; cursor: pointer; font-size: 25px; line-height: 22px; padding: 0 2px; vertical-align: middle; position: relative; top: 2px; border: 1px solid #fff; height: 21px; display: inline-block; margin-left: 10px; } .form__imageDelete:hover { text-decoration: none; border: 1px solid #ccc; } .form__labelTitle { color: #565656; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 1.2em; } .form__labelTitle--bottom { margin-bottom: 5px; } .form__labelTitle--middle { position: relative; top: 27px; } .form__fileContent { display: inline-block; border-bottom: 3px solid #ec132c; padding-bottom: 2px; } @media (max-width: 1023px) { .form__labelTitle--middle { top: 0; } } /*-- popupBlock --*/ .popupBlock { position: relative; background: #FFF; padding: 30px; width: 400px; min-width: 280px; margin: 20px auto; } @media (max-width: 767px) { .popupBlock { width: 280px; } } /*-- breadcrumbs --*/ .breadcrumbs ul li > a, .breadcrumbs ul li > span { color: #1d1d1d; font-size: 10px; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 5px 10px; border-right: 1px solid rgba(60, 60, 60, 0.27); display: inline-block; } .breadcrumbs ul li > a { cursor: pointer; } .breadcrumbs ul li > a.is-active, .breadcrumbs ul li > a:hover { color: #ec132c; text-decoration: underline; } .breadcrumbs ul li:last-child > a, .breadcrumbs ul li:last-child > span { border-right: none; } @media (max-width: 767px) { .breadcrumbs ul li > a { padding: 5px 8px; } } .breadcrumbs ul li:first-child > a, .breadcrumbs ul li:first-child > span { padding-left: 0; } .breadcrumbs ul li:last-child > a, .breadcrumbs ul li:first-child > span { padding-right: 0; } /*-- menu --*/ .menu { position: relative; top: 3px; margin-right: -3px; } .menu ul li { border-bottom: 1px solid #cdcdcd; height: 30px; margin-top: 15px; } .menu ul li a { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #1d1d1d; display: inline-block; padding-bottom: 14px; margin-left: 9px; margin-right: 9px; cursor: pointer; height: 30px; } .menu ul li:first-child a { margin-left: 0 !important; } .menu ul li:last-child a { margin-right: 0 !important; } .menu ul li a:hover, .menu ul li a.is-active { color: #ec132c; border-bottom: 3px solid #ec132c; padding-bottom: 11px; } .menu--white ul li a { color: #fff; } .menu--white ul li { border-bottom: 3px solid #ec132c; } .menu--white ul li a:hover { border-bottom: none; } .menu--footer { height: 55px; top: 25px; } .menu--footer ul li { margin-top: 0; } .mm-opened #mmenu ul li a.is-active { color: #ec132c; } @media (min-width: 1024px) and (max-width: 1309px) { .menu ul li a { font-size: 11px; margin-left: 5px; margin-right: 5px; } } /*-- header --*/ .header { margin-top: 12px; } .header__menu { background-color: #fff; } @media (max-width: 1023px) { .header { margin-top: -15px; } .header__logo { position: fixed; width: 100%; height: 50px; top: 0; z-index: 1000; background: #323232; border-bottom: 1px solid #eee; } .header__logo .fl-r{ margin-bottom: 10px; } .header__menu { margin-top: 65px; } } /*-- logo --*/ .logo { display: table; height: 62px; } .logo__content { display: table-cell; vertical-align: middle; } .logo__title { text-decoration: none; position: relative; display: block; } .logo__title:hover { text-decoration: none; } .logo__title::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .logo__title:hover::after { opacity: 0.4; } .logo__text { font-size: 36px; line-height: 1em; font-weight: 900; text-transform: uppercase; } .logo__text--red { margin-left: 10px; color: #ec132c; } .logo__date { /*color: #cccccc;*/ color: #fff; font-size: 12px; font-weight: 400; line-height: 1.5em; /*text-transform: uppercase;*/ } .logo .logo__text--main, .copy a span { color: #9ea9ff; } .logo .logo__title::after { background-color: #fff; } .logo--white .logo__title::after { background-color: #323232; } .logo--footer { height: 55px; } .logo--footer .logo__content { vertical-align: top; } @media (max-width: 1023px) { .logo { display: block; text-align: center; top: 0; left: 0; width: 100%; height: 50px; min-width: 320px; max-width: 1920px; } .logo__content { display: inline-block; } .logo__text { font-size: 30px; } .logo__date { font-size: 11px; } } @media (min-width: 1024px) and (max-width: 1309px) { .logo { height: 100%; } .logo__text { font-size: 30px; } .logo__date { font-size: 11px; } } /*-- baner --*/ .baner { position: relative; display: block; width: 100%; margin: auto; } .baner:hover { text-decoration: none; } .baner::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .baner:hover::after { opacity: 0.2; } .baner--inline { width: auto; max-width: 100%; } .baner--inline img { width: auto; max-width: 100%; } /*-- lang --*/ .lang { display: table; height: 48px; width: 100%; } .lang ul { display: table-cell; vertical-align: middle; } .lang ul li a { color: #1d1d1d; font-size: 10px; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 5px 10px; border-right: 1px solid rgba(60, 60, 60, 0.27); cursor: pointer; display: inline-block; } .lang ul li a.is-active, .lang ul li a:hover { color: #ec132c; text-decoration: underline; } .lang ul li:last-child a { border-right: none; } @media (max-width: 767px) { .lang ul li a { padding: 5px 8px; } } .lang ul li:first-child a { padding-left: 0; } .lang ul li:last-child a { padding-right: 0; } /*-- search --*/ .search { background-color: #000; float: right; width: 100%; margin: 10px 0 -10px 0; } .search__input { overflow: hidden; } .search__input input { color: #e9e9e9; background-color: #000; font-size: 12px; font-weight: 400; line-height: 1.2em; border: 0; padding: 17px 0 17px 17px; width: 100%; } .search__input input:focus { outline: none; } .search__button { width: 16px; height: 16px; background-image: url(/css/pic/search-button.png); background-repeat: no-repeat; background-position: center; float: right; padding: 24px; cursor: pointer; background-color: #000; border: 0; } .search__button:hover { background-color: rgba(255, 255, 255, 0.29); } /*-- menuButton --*/ .menuButton { position: relative; display: none; width: 40px; height: 40px; border: 1px solid #a79898; float: left; margin-top: 5px; } .menuButton::after, .menuButton::before, .menuButton ins { position: absolute; top: 50%; left: 50%; width: 15px; height: 3px; margin: -1px 0 0 -8px; -webkit-transition: none 0.5s ease 0.5s; -moz-transition: none 0.5s ease 0.5s; -ms-transition: none 0.5s ease 0.5s; -o-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; text-decoration: none; border-radius: 2px; background-color: #fff; } .menuButton::after, .menuButton::before { content: ''; } .menuButton::before { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .menuButton::after { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .mm-opening .menuButton::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 20px; } .mm-opening .menuButton::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 20px; } .mm-opening .menuButton ins { opacity: 0; left: -50px; } .mm-listview > li:not(.mm-divider):after { border-bottom-color: rgba(255, 255, 255, 0.4); } @media (max-width: 1023px) { .menuButton { display: inline-block; } } /*-- newsList --*/ .newsList { width: 100%; } .newsList__item { overflow: hidden; margin-bottom: 10px; } .newsList__item:after { content: " "; display: table; clear: both; } .newsList__item--simple { margin-bottom: 0; } .newsList__left { position: relative; float: left; } .newsList__right { margin-left: 45px; } .newsList__time { color: #898989; font-size: 12px; font-weight: 400; position: relative; } .newsList__line { border-left: 1px solid #898989; width: 0; display: inline-block; height: 70px; margin-left: 15px; position: absolute; /* top: 20px; */ } .newsList__item:last-child .newsList__line { display: none; } .newsList__link { font-size: 16px; font-weight: 400; color: #000; text-decoration: none; display: inline-block; /*margin-bottom: 10px;*/ } .newsList__link--single { min-height: 0; margin-bottom: 0; } .newsList__link--bold { font-weight: bold; } .newsList__link--red { color: #ec132c; text-decoration: none; } .newsList__link:hover { /*color: #ec132c;*/ color: #0c5298; text-decoration: none; } .newsList__link--upper { color: #000; font-weight: bold; text-transform: uppercase; } .newsList__link--gray { color: #1d1d1d; font-size: 16px; } .newsList__image { float: left; position: relative; width: 130px; height: 90px; overflow: hidden; } .newsList__image img { width: 100%; } .newsList__hover { background: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(transparent), color-stop(black)); background: -webkit-linear-gradient(top, transparent, black); background: -moz-linear-gradient(top, transparent, black); background: -ms-linear-gradient(top, transparent, black); background: -o-linear-gradient(top, transparent, black); background: linear-gradient(to bottom, transparent, black); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='black'); width: 100%; height: 100%; opacity: 0; text-align: center; position: absolute; top: 0; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .newsList__detail { text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -32px; color: #fff; font-size: 12px; font-weight: 400; } .newsList__hover .svg-icon { width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -8px; } .newsList__hover .svg-icon svg { width: 16px; height: 16px; fill: #efd20e; } .newsList__image:hover .newsList__hover { opacity: 1; } .newsList__center { margin-left: 145px; min-height: 35px; margin-bottom: 10px; display: table; width: calc(100% - 145px); } .newsList__link span { max-height: 56px; overflow: hidden; display: block; } .newsList--thick .newsList__link span { max-height: 75px; } .article .newsList--thick .newsList__link span, .articleBlog .newsList--thick .newsList__link span { max-height: 79px; } @media (max-width: 767px) { .newsList--thick .newsList__link span { max-height: 52px; } .article .newsList--thick .newsList__link span, .articleBlog .newsList--thick .newsList__link span { max-height: 70px; } } .newsList__center .newsList__link span { max-height: 78px; } .index, .article, .articles{ background-color: #fff; } .index .newsArticle .newsList__center .newsList__link span { max-height: 80px; } .articlesList .newsList__center .newsList__link span { max-height: 40px; } .newsList--thick .newsList__item { display: none; margin-bottom: 18px; } .newsList--thick .newsList__item:nth-child(-n+5) { display: block; } @media (min-width: 1350px) { .newsList--thick .newsList__item:nth-child(-n+7) { display: block; } } .newsList__center .newsList__link { font-size: 16px; display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .newsList--thick .newsList__item { margin-bottom: 0; } .newsList--thick .newsList__item a { font-size: 14px; } } .newsList__icons { margin-bottom: 8px; margin-left: 145px; } .newsList__icon { display: inline-block; margin-right: 15px; } .newsList__icon .svg-icon { width: 16px; height: 16px; margin-right: 5px; } .newsList__icon .svg-icon svg { width: 16px; height: 16px; fill: #c0c0c0; } .newsList__icon--message .svg-icon { position: relative; top: 2px; } .newsList__iconText { color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1em; vertical-align: top; position: relative; top: 2px; } .newsList__tags { margin-bottom: 10px; margin-left: 145px; } .newsList__tag { color: #000; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.2em; display: inline-block; margin-right: 15px; position: relative; text-decoration: none; cursor: pointer; } .newsList__tag:hover { color: #ec132c; } .newsList__tag:not(:last-child)::after { content: "•"; position: relative; right: -7px; } .newsList__description { margin-top: 10px; margin-bottom: 5px; color: #565656; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 1.2em; max-height: 78px; overflow: hidden; display: block; padding-left: 15px; } @media (max-width: 1023px) { .newsList__center:after { content: " "; display: table; clear: both; } .newsList__icons { padding-top: 10px; margin-bottom: 10px; margin-left: 0; clear: both; } .newsList__tags { margin-bottom: 10px; margin-left: 0; } .newsList--thick .newsList__item { margin-bottom: 15px; } } .newsList__item:last-child { margin-bottom: 0; } .newsList__item:last-child .newsList__link { margin-bottom: 0; } .newsList__tags--simple { margin-bottom: 0; margin-left: 0; } /*-- newsTitle --*/ .newsTitle__text { /*color: #1b1b1b;*/ color: #0c5298; /*font-family: Georgia;*/ font-weight: bold; font-size: 26px; line-height: 1.2em; float: left; background: #fff; padding-right: 7px; } .newsTitle__link { color: #1d1d1d; font-size: 11px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; border-bottom: 1px solid #000; display: block; text-align: right; text-decoration: none; height: 25px; } .newsTitle__link:hover { color: #ec132c; text-decoration: none; } .newsTitle__link span { border-bottom: 3px solid #ec132c; margin-top: 5px; display: inline-block; height: 20px; } .newsTitle--dark .newsTitle__text { background: #f2f3f4; } .newsTitle--small .newsTitle__text { font-size: 18px; } .newsTitle--small .newsTitle__link { height: 18px; } @media (max-width: 767px) { .newsTitle__text { font-size: 20px; } .newsTitle__link { height: 20px; } .newsTitle__link span { margin-top: 4px; height: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .newsTitle__text { font-size: 20px; } .newsTitle__link { height: 20px; } .newsTitle__link span { margin-top: 4px; height: 16px; } } @media (min-width: 1024px) and (max-width: 1309px) { .newsTitle__text { font-size: 20px; } .newsTitle__link { height: 20px; } .newsTitle__link span { margin-top: 4px; height: 16px; } } /*-- newsPoster --*/ .newsPoster { background-color: #f2f3f4; } /*-- newsDay --*/ .newsDay__image { margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 100%; cursor: pointer; position: relative; text-decoration: none; display: block; } .newsDay__image::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .newsDay__image:hover { text-decoration: none; } .newsDay__image:hover::after { opacity: 0.2; } .newsDay__name { color: #1d1d1d; font-size: 20px; font-weight: 700; margin-bottom: 3px; text-decoration: none; overflow: hidden; display: block; max-height: 71px; line-height: 1.2em; } .newsDay__name:hover { text-decoration: none; color: #ec132c; } .newsDay__desc { color: #565656; font-weight: 400; overflow: hidden; display: block; max-height: 65px; line-height: 1.5em; margin-bottom: -10px; } .index>.row>.content.col._sm12._md16._indent-clear.mob-top-news-main { display:none; } .mob-top-news .newsMain{ border-top: 1px solid; padding-top: 10px; } @media (max-width: 767px) { .newsDay__image { width: 260px; margin-bottom: 15px; } .newsDay__name { font-size: 16px; max-height: 56px; } .newsDay__desc { font-size: 14px; max-height: 48px; display: none; } .grid._column > .row > .col._xs24._indent-clear.top-news-main { display: none; } .index>.row>.content.col._sm12._md16._indent-clear.mob-top-news-main, .mobb { display:block; } } @media (min-width: 768px) and (max-width: 1023px) { .newsDay__name { font-size: 16px; max-height: 40px; } .newsDay__desc { font-size: 14px; max-height: 43px; } } @media (min-width: 1024px) and (max-width: 1309px) { .newsDay__name { font-size: 18px; max-height: 61px; } } /*-- photoGalerry --*/ .photoGalerry { position: relative; width: 100%; margin: auto; } .photoGalerry__hover { background: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(transparent), color-stop(black)); background: -webkit-linear-gradient(top, transparent, black); background: -moz-linear-gradient(top, transparent, black); background: -ms-linear-gradient(top, transparent, black); background: -o-linear-gradient(top, transparent, black); background: linear-gradient(to bottom, transparent, black); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='black'); width: 100%; height: 50%; text-align: center; position: absolute; bottom: 0; left: 0; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .photoGalerry__hover span { text-align: center; position: absolute; bottom: 10px; left: 40px; color: #fff; font-size: 12px; font-weight: 400; width: 235px; } .photoGalerry__hover span::before { content: ""; width: 16px; height: 16px; position: absolute; bottom: 4px; left: -22px; background: url(/css/pic/photo.png) no-repeat center; } .photoGalerry:hover .photoGalerry__hover { opacity: 0.5; } @media (max-width: 767px) { .photoGalerry { width: 290px; } } /*-- poll --*/ .poll { border: 1px solid #d4d4d4; padding: 10px; } .poll__title { color: #000; font-family: Georgia; font-size: 18px; line-height: 1.5em; margin-bottom: 15px; } .poll__check { color: #565656; font-size: 14px; font-weight: 400; margin-bottom: 30px; } .poll__item { margin-bottom: 15px; display: block; cursor: pointer; } .poll__item input[type="radio"] ~ ins { float: left; } .poll__item span { display: block; margin-left: 35px; } .poll__button { background-color: #ffde00; color: #000; font-size: 16px; font-weight: 700; width: 100%; padding: 15px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; cursor: pointer; transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -webkit-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -o-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -moz-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -ms-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; } .poll__button:hover { box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); } .poll__button:active { box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); } .poll__result { text-align: center; margin-top: 15px; margin-bottom: 15px; font-size: 14px; font-weight: 400; display: block; text-decoration: none; } .poll__result:hover { text-decoration: underline; color: #ec132c; } @media (max-width: 767px) { .poll__title { line-height: 1.2em; font-size: 16px; } .poll__check { font-size: 12px; margin-bottom: 10px; } .poll__button { margin-top: 5px; margin-bottom: 5px; } } @media (min-width: 768px) and (max-width: 1023px) { .poll__title { line-height: 1.2em; font-size: 16px; } .poll__check { font-size: 12px; margin-bottom: 10px; } .poll__button { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 1024px) and (max-width: 1309px) { .poll__title { line-height: 1.2em; font-size: 16px; } .poll__check { font-size: 12px; margin-bottom: 10px; } .poll__button { margin-top: 10px; margin-bottom: 10px; } } /*-- videoBlock --*/ .videoBlock { position: relative; width: 100%; margin: auto; } .videoBlock__img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .videoBlock__hover { background: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(transparent), color-stop(black)); background: -webkit-linear-gradient(top, transparent, black); background: -moz-linear-gradient(top, transparent, black); background: -ms-linear-gradient(top, transparent, black); background: -o-linear-gradient(top, transparent, black); background: linear-gradient(to bottom, transparent, black); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='black'); width: 100%; height: 50%; text-align: center; position: absolute; bottom: 0; left: 0; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .videoBlock__hover span { text-align: center; position: absolute; bottom: 10px; left: 40px; color: #fff; font-size: 12px; font-weight: 400; display: block; width: 230px; } .videoBlock__hover span::before { content: ""; width: 16px; height: 16px; position: absolute; bottom: 4px; left: -22px; background: url(/css/pic/play.png) no-repeat center; } .videoBlock:hover .videoBlock__hover { opacity: 0.5; } @media (max-width: 767px) { .videoBlock, .photoGalerry, .newsDay__image { /*width: 290px;*/ width: 80%; } .videoBlock__hover span, .photoGalerry__hover span { width: 70%; font-size: 16px; } .newsArticle .newsList__item { float: left; width: 320px; margin-right: 15px; height: 105px; } } @media (max-width: 450px) { .newsArticle .newsList__item { float: none; width: auto; margin-right: 0; min-height: 90px; } } /*-- footer --*/ .footer { /*background-color: #323232;*/ } .footer__line { border-top: 1px solid rgba(255, 255, 255, 0.17); } @media (max-width: 767px) { .footer { text-align: center; } } /*-- copy --*/ .copy { color: #ffffff; font-family: Arial; font-size: 10px; font-weight: 400; line-height: 1.5em; padding-bottom: 10px; } .copy a { text-decoration: none; } @media (max-width: 767px) { .copy { padding-bottom: 0; } } @media (max-width: 1309px) { .copy { font-size: 8px; } } /*-- apps --*/ .apps { margin-bottom: 10px; } .apps:after { content: " "; display: table; clear: both; } .apps__item { width: 167px; padding: 10px 0; background-color: #ffde00; float: left; margin-left: 15px; margin-right: 15px; cursor: pointer; text-decoration: none; transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -webkit-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -o-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -moz-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; -ms-transition: background .2s linear, color .2s linear, border-color .2s linear, box-shadow .2s linear; } .apps__item:first-child { margin-left: 0; } .apps__item:last-child { margin-right: 0; } .apps__icon { margin-left: 15px; float: left; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; } .apps__icon--android { background-image: url(/css/pic/android.png); } .apps__icon--ios { background-image: url(/css/pic/ios.png); } .apps__item span { margin-left: 50px; display: block; color: #010101; font-family: Arial; font-size: 12px; font-weight: 700; line-height: 1.2em; margin-right: 20px; } .apps__item:hover { box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.2); text-decoration: none; } .apps__item:active { box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); text-decoration: none; } @media (max-width: 767px) { .apps { display: inline-block; margin: 0; } .apps__item { width: 120px; padding: 10px 0; float: left; margin-left: 5px; margin-right: 5px; } .apps__icon { margin-left: 3px; width: 20px; height: 20px; } .apps__item span { margin-left: 35px; font-size: 9px; } } @media (min-width: 768px) and (max-width: 1023px) { .apps { float: right; } .apps__item { width: 140px; padding: 10px 0; float: left; margin-left: 5px; margin-right: 5px; } .apps__icon { margin-left: 5px; } .apps__item span { margin-left: 35px; font-size: 11px; } } @media (min-width: 1024px) and (max-width: 1400px) { .apps__item { width: 140px; padding: 10px 0; float: left; margin-left: 5px; margin-right: 5px; } .apps__icon { margin-left: 5px; } .apps__item span { margin-left: 35px; font-size: 11px; } } /*-- socials --*/ .socials { float: right; margin-bottom: 10px; } .socials__item { margin: 9px 9px 9px 15px; float: left; position: relative; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .socials__item img { width: 15px; } .socials__item svg { fill: #ffde00; width: 16px; height: 16px; } .socials__item:first-child { margin-left: 9px; } .socials__item:last-child { margin-right: 9px; } .socials__item::before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; content: ""; position: absolute; top: -8px; left: -7px; border: 1px solid; border-color: rgba(255, 250, 0, 0.31); } .socials__item:hover svg { fill: #efd20e; } .socials__item:hover::before { border-color: #efd20e; } /** nyear start * / .socials__item::after, .newsTitle__text::before, .articleTitle h1::before { content: ""; background-image: url(/images/shapka.png); background-size: 25px; width: 25px; height: 19px; position: absolute; top: -19px; left: -15px; } .newsTitle__text::before { top: -5px; left: 3px; } .articleTitle h1::before { top: -9px; left: -1px; } .nyear { background-image: url(/images/shapka2.png); background-size: 24px; position: absolute; top: 0; right: 12px; width: 23px; height: 33px; } @media (max-width: 640px) { .nyear { right: 10px; } .newsTitle__text::before { top: -7px; left: -4px; } } /* * nyaer end */ .newsTitle--small .newsTitle__text::before{ display: none; } .socials--left { float: none; margin-bottom: 0; } .socials--dark .socials__item svg { fill: #000; } .socials--dark .socials__item:hover svg { fill: #ec132c; } .socials--dark .socials__item::before { border-color: rgba(0, 0, 0, 0.31); } .socials--dark .socials__item:hover::before { border-color: rgba(236, 19, 44, 0.31); } @media (max-width: 767px) { .socials { float: none; display: inline-block; } .mm-navbar .socials__item::after { top: -8px; left: 10px; } .mm-navbar.mm-navbar-bottom > .socials__item { padding-left: 25px !important; } .socials__item--tg img{ margin-left: 0px !important; } .articleTitle h1::before { left: -8px; } } @media (min-width: 768px) and (max-width: 1023px) { .socials { float: left; } } /*-- counters --*/ .counters { margin: 10px -60px 10px -15px; } .counters:after { content: " "; display: table; clear: both; } .counters__item { float: left; max-width: 88px; max-height: 31px; margin: 0 1px 0 1px; } .counters__item:first-child { margin-left: 0; } .counters__item:last-child { margin-right: 0; } @media (max-width: 767px) { .counters { margin: 0; display: inline-block; } .counters__item { margin-left: 5px; margin-right: 0px; transform: scale(0.7); } } @media (min-width: 768px) and (max-width: 1023px) { .counters__item { margin-left: 5px; margin-right: 5px; } } @media (min-width: 1024px) and (max-width: 1309px) { .counters__item { margin-left: 5px; margin-right: 5px; } } /*-- contactsInfo --*/ .contactsInfo__title { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.2em; } .contactsInfo__tel a { color: #1d1d1d; font-family: Arial; font-size: 20px; font-weight: 400; line-height: 1.2em; text-decoration: none; } .contactsInfo__email a { color: #000; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 1em; text-decoration: none; } .contactsInfo__tel a:hover, .contactsInfo__email a:hover { text-decoration: none; color: #ec132c; } .contactsForm__comment textarea { height: 83px; min-height: 83px; } /*-- jsCalendar --*/ .jsCalendar__head { margin-bottom: 15px; } .jsCalendar__month, .jsCalendar__year { display: inline-block; } .jsCalendar__year { float: right; } .jsCalendar__month select, .jsCalendar__year select { border: 1px solid #d4d4d4; color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.5em; padding: 10px 15px; width: 110px; } .jsCalendar__month select:focus, .jsCalendar__year select:focus { outline-color: #efd20e; } .jsCalendar .jsSelect { border: 1px solid #d4d4d4; background-color: #fff; color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.5em; width: 105px; } .jsCalendar .jsSelect .jsSelect__input { padding: 10px 15px; } .jsCalendar .jsSelect .jsSelect__list .jsSelect-list .jsSelect-list__item { padding: 5px 15px; } .jsCalendar__content:after { content: " "; display: table; clear: both; } .jsCalendar__item { text-align: center; float: left; width: 14.2%; height: 35px; } .jsCalendar__item .jsCalendar__item--head span { color: #363636; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 1em; padding: 9px; } .jsCalendar__item a { text-decoration: none; font-family: Arial; font-size: 14px; font-weight: 400; color: #9f9f9f; line-height: 1em; padding-top: 10px; width: 32px; height: 32px; text-align: center; display: inline-block; } .jsCalendar__item a.is-currentMonth { color: #363636; } .jsCalendar__item a.is-currentDay { border-radius: 50%; background-color: #ffde00; } .jsCalendar__item a:hover { text-decoration: none; border-radius: 50%; background-color: #ffde00; } /*-- articleTitle --*/ .articleTitle h1 { color: #1b1b1b; font-family: Arial; font-size: 30px; font-weight: 700; line-height: 1.2em; padding: 0; margin: 0; /*-- max-height: 72px; --*/ overflow: hidden; display: block; } @media (max-width: 767px) { .articleTitle h1 { font-size: 18px; /*-- max-height: 42px; --*/ } } @media (min-width: 768px) and (max-width: 1023px) { .articleTitle h1 { font-size: 20px; /*-- max-height: 50px; --*/ } } @media (min-width: 1024px) and (max-width: 1309px) { .articleTitle h1 { font-size: 25px; /*-- max-height: 60px; --*/ } } /*-- articleIcons --*/ .articleIcons__icon { display: inline-block; margin-right: 15px; } .articleIcons__icon .svg-icon { width: 16px; height: 16px; margin-right: 5px; } .articleIcons__icon .svg-icon svg { width: 16px; height: 16px; fill: #c0c0c0; } .articleIcons__icon--message .svg-icon { position: relative; top: 2px; } .articleIcons__iconText { color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1em; vertical-align: top; position: relative; top: 2px; } .articleIcons__icon--simple { margin-right: 0; } .articleIcons__icon--light { margin-right: 0; margin-bottom: 10px; } /*-- articleTags --*/ .articleTags__tag { color: #000; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.2em; display: inline-block; margin-right: 15px; position: relative; text-decoration: none; cursor: pointer; } .articleTags__tag:hover { color: #ec132c; } .articleTags__tag:not(:last-child)::after { content: "•"; position: relative; right: -7px; } /*-- imagesCarousel --*/ .imagesCarousel { position: relative; overflow: hidden; margin-bottom: 15px; opacity: 0; } .imagesCarousel .slick-slide img { max-width: 675px; } .imagesCarousel .one-slide img { max-width: 636px; /*margin-left: auto;*/ margin-left: 102%; } .imagesCarousel .slick-list { margin-left: -15px; } .imagesCarousel__prev, .imagesCarousel__next { width: 51px; height: 56px; opacity: 0.5; background-color: #0e1826; position: absolute; top: 50%; margin-top: -28px; z-index: 100; text-align: center; cursor: pointer; } .imagesCarousel__prev { left: 0; } .imagesCarousel__next { right: 0; } .imagesCarousel__prev svg, .imagesCarousel__next svg { width: 14px; height: 28px; fill: #fff; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -7px; } .imagesCarousel__prev--big, .imagesCarousel__next--big { width: 60px; height: 84px; margin-top: -42px; } .imagesCarousel__prev:hover, .imagesCarousel__next:hover { opacity: 1; } .imagesCarousel__item { margin-left: 15px; display: inline-block; float: left; } @media (max-width: 1023px) { .imagesCarousel__prev, .imagesCarousel__next { width: 35px; height: 40px; margin-top: -20px; } .imagesCarousel__prev--big, .imagesCarousel__next--big { width: 40px; height: 60px; margin-top: -30px; } } @media (max-width: 767px) { .imagesCarousel { margin-bottom: 7.5px; } .imagesCarousel .slick-list { margin-left: -7.5px; } .imagesCarousel__item { margin-left: 7.5px; } } /*@media (max-width: 768px) {*/ /*.imagesCarousel .one-slide img {*/ /*margin-left: 102%;*/ /*}*/ /*}*/ /*-- articleAuthor --*/ .articleAuthor--vertical { padding: 15px; margin-top: 15px; background-color: rgba(220, 220, 220, 0.3); } .articleAuthor__item { color: #a2a2a2; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 1.5em; } @media (max-width: 767px) { .articleAuthor { margin-bottom: 7.5px; } .articleAuthor--vertical { margin-top: 7.5px; padding: 7.5px; } } /*-- newsDesc --*/ .newsDesc { float: right; width: 305px; max-width: 60%; padding: 15px; background-color: #f2f3f4; margin-right: 15px; margin-bottom: 15px; text-align: left; } .newsDesc__title { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.2; margin-bottom: 15px; } .newsDesc__image { width: 85px; float: left; } .newsDesc__text { margin-left: 100px; overflow: hidden; max-height: 55px; display: block; } .hidden { display: none; } .newsDesc__text a { color: #1d1d1d; font-family: Arial; font-size: 12px; font-weight: 700; line-height: 1.5em; display: inline-block; text-decoration: none; } .newsDesc__text a:hover { text-decoration: underline; } @media (max-width: 767px) { .newsDesc { width: 100%; max-width: 100%; } } /*-- newsButtons --*/ .newsButtons__item { float: left; display: inline-block; padding: 5px; border-radius: 4px; margin-left: -5px; font-style: italic; } .newsButtons__item .svg-icon { width: 14px; height: 28px; float: left; margin-top: -6px; } .newsButtons__item .svg-icon svg { width: 14px; height: 28px; fill: #0e1826; } .newsButtons__item a { color: #000; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 1em; text-decoration: none; margin-left: 15px; margin-top: 7px; display: inline-block; } .newsButtons__item a:hover { text-decoration: none; } .newsButtons__item:hover { background-color: rgba(0, 0, 0, 0.15); } .newsButtons__item--right { float: right; } .newsButtons__item--right .svg-icon { float: right; } .newsButtons__item--right a { margin-left: 0; margin-right: 15px; } @media (max-width: 767px) { .newsButtons__item .svg-icon { width: 10px; height: 18px; margin: -2px 10px 0 10px; } .newsButtons__item .svg-icon svg { width: 10px; height: 18px; } .newsButtons__item a { font-size: 16px; margin-left: 7.5px; margin-top: 3px; } .newsButtons__item--right a { margin-left: 0; margin-right: 7.5px; } .grid._column > .row > .col._xs24.mob-banner, .grid._column._indent.mob-banner, .grid._column > .row > .col._xs24.mob-banner { display: block; } .scale085.ml-21 { display: none; } } /*-- comments --*/ .comments__item { margin-bottom: 20px; border-bottom: 1px solid #8080803b; padding-bottom: 10px; } .comments__item:last-child { margin-bottom: 0; } .comments__head:after { content: " "; display: table; clear: both; } .comments__title { float: left; margin-bottom: 15px; } .comments__title .svg-icon { width: 12px; height: 16px; } .comments__title .svg-icon svg { width: 12px; height: 16px; fill: #000; } .comments__title .svg-icon svg.auth { fill: #9ea9ff; } .comments__name { color: #1b1b1b; font-family: Georgia; font-size: 18px; line-height: 1.2em; margin-left: 5px; } .comments__date { float: right; margin-top: 2px; margin-bottom: 15px; } .comments__text { color: #565656; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 1.3em; padding: 15px 0 15px 15px; border-left: 1px solid #000; clear: both; margin-left: 6px; } @media (max-width: 767px) { .comments__item { margin-bottom: 15px; } .comments__title { margin-bottom: 7.5px; } .comments__date { margin-bottom: 7.5px; } .comments__text { padding: 7.5px 0 7.5px 7.5px; border-left: 1px solid #000; clear: both; margin-left: 6px; } } .description { text-align: justify; /*text-align: inherit;*/ } @media (max-width: 767px) { .description { text-align: inherit; } } /*-- tabs --*/ .tabs__item { text-align: center; text-decoration: none; padding: 12px 14px; font-size: 14px; font-weight: 700; line-height: 1.2em; text-transform: uppercase; cursor: pointer; overflow: hidden; display: block; } .tabs__item.is-active { text-decoration: none; background-color: #f2f3f4; color: #ec132c; } .tabs__item:hover { text-decoration: none; color: #ec132c; } .tabsContent__item { background-color: #f2f3f4; padding: 15px; display: none; } .tabsContent__item.is-active { display: block; } .tabs2 { margin-bottom: -2px; } .tabs2__item { text-align: center; text-decoration: none; padding: 12px 14px; color: #000; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 1.2em; text-transform: uppercase; cursor: pointer; overflow: hidden; display: block; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .tabs2__item.is-active { text-decoration: none; border-left: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid transparent; } .tabs2__item:hover { text-decoration: none; color: #ec132c; } .tabsContent2__item { border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: #fff; padding: 15px; display: none; } .tabsContent2__item.is-active { display: block; } @media (max-width: 1309px) { .tabs__item, .tabs2__item { font-size: 9px; } } .authLinkHelp { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.5; } .calendarPush { padding-top: 15px; display: none; } @media (max-width: 767px) { .calendarPush { padding-top: 7.5px; } } /*-- blogPost --*/ .blogPost__image { width: 86px; height: 86px; margin: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; position: relative; overflow: hidden; } .blogPost__image img { border-radius: 100px; height: auto; width: auto; min-width: 88px; min-height: 88px; object-fit: cover; } .blogPost__image::after { content: ""; width: 101px; height: 101px; position: absolute; top: -8px; left: -8px; border: 1px solid #d9d9d9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .blogPost__center { margin-left: 120px; } .blogPost__vertical { margin-left: 120px; display: table; } .blogPost__vertical .blogPost__name { display: table-cell; vertical-align: middle; height: 110px; } .blogPost__name { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.5em; margin-bottom: 10px; display: inline-block; text-decoration: none; padding-top: 2px; } .blogPost__name:hover { color: #ec132c; } .blogPost__desc { color: #565656; font-family: Arial; font-size: 14px; font-weight: 400; margin-bottom: 10px; line-height: 1.2em; text-decoration: none; cursor: pointer; overflow: hidden; display: block; max-height: 50px; } .blogPost__desc:hover { color: #ec132c; } .blogPost__link { display: inline-block; text-decoration: none; position: relative; top: 5px; } .blogPost__link svg { fill: #cdcdcd; width: 16px; height: 16px; } .blogPost__link:hover { text-decoration: none; } .blogPost__link:hover svg { fill: #ec132c; } @media (min-width: 768px) and (max-width: 1023px) { .blogPost__center { margin-left: 0; clear: both; } .blogPost__vertical { margin-left: 0; clear: both; } .blogPost__vertical .blogPost__name { height: auto; } } /*-- pagination --*/ .pagination { text-align: center; } .pagination ul { margin: 0; } .pagination ul > li > a { width: 32px; height: 32px; border: 1px solid rgba(7, 10, 14, 0.3); border-radius: 50%; padding: 4px 0; text-align: center; color: #1b1b1b; font-family: Georgia; font-size: 15px; line-height: 1em; display: inline-block; margin: 0 7px; } .pagination ul > li:first-child > a { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } .pagination ul > li:last-child > a { border-bottom-right-radius: 50%; border-top-right-radius: 50%; width: auto; min-width: 32px; } .scale085 { transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); text-align: center; } .ml-10{ margin-left: -10px; } .ml10{ margin-left: 10px; } .ml-35 { margin-left: -35px; } .ml-21 { margin-left: -35px; } .mr-25 { margin-right: -25px; } #read-old-site { display: none; } #read-old-site a { color: #fff; text-decoration: none; font-size: 23px; background: #ec133e; display: block; text-align: center; position: fixed; top: 0; right: 10%; z-index: 999; border-radius: 0 0 10px 10px; padding: 0 10px 5px 10px; } .pagination ul > li > a:hover, .pagination ul > li > a:focus { background-color: rgba(7, 10, 14, 0.3); border: 1px solid rgba(7, 10, 14, 0.3); } .pagination ul > li > span { width: 32px; height: 32px; border-radius: 50%; padding: 4px 0; text-align: center; color: #000; font-size: 18px; display: inline-block; margin: 0 7px; float: left; vertical-align: middle; line-height: 26px; } .pagination ul > li._is-active > a, .pagination ul > li._is-active > a:hover, .pagination ul > li._is-active > a:focus { background-color: #000f29; border-color: #000f29; color: #ffde00; } .blogAuthor { cursor: pointer; } .blogAuthor:hover { padding: 5px; box-shadow: 0 0 7px 1px #ccc; margin: -5px -5px 19px -5px; } .social_images { float: right; } .social_images a{ float: left; } .social_images img { width: 30px; } @media (max-width: 767px) { .blogAuthor:hover { margin: -5px -5px 7px -5px; } #read-old-site { display: none; } .social_images img { width: 40px; } } /*-- searchForm --*/ .searchForm__select .jsSelect { width: 100%; } .searchForm__select .jsSelect .jsSelect__input { padding: 14px 15px; } /*-- searchResult --*/ .searchResult__title { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.2em; } .searchResult__title hr { background-color: #b2b2b2; border-bottom: 0; border-top-width: 1px; } /*-- galerryList --*/ .galerryList__image, .galerryList__imageLink { position: relative; display: block; width: 100%; margin: auto; } .galerryList__imageLink:hover { text-decoration: none; } .galerryList__imageLink::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .galerryList__imageLink:hover::after { opacity: 0.2; } .galerryList__title, .galerryList__link { color: #1d1d1d; font-family: Arial; font-size: 16px; font-weight: 700; line-height: 1.3em; max-height: 40px; overflow: hidden; display: block; } .galerryList__link { text-decoration: none; } .galerryList__link:hover { text-decoration: none; color: #ec132c; } @media (max-width: 1023px) { .galerryList__title, .galerryList__link { font-size: 14px; max-height: 36px; } } /*-- accountSetting --*/ .accountInfo { border: 1px solid #d4d4d4; } .accountInfo__image { width: 48px; height: 48px; border-radius: 50%; } .accountInfo__name { color: #1b1b1b; font-family: Georgia; font-size: 20px; line-height: 1.2em; height: 48px; display: table; } .accountInfo__name span { display: table-cell; vertical-align: middle; } /*-- accountSetting__link --*/ .accountSetting__link { color: #1d1d1d; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 1em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #d4d4d4; padding-bottom: 15px; display: block; cursor: pointer; } .accountSetting__link._is-active, .accountSetting__link:hover { text-decoration: none; color: #ec132c; } .accountSetting__link._is-active { cursor: default; } @media (min-width: 1340px) { .header { margin-top: 18px; } .header__menu { margin-top: -2px; } .lang { text-align: center; } .logo__date { letter-spacing: 0.3px; top: 4px; position: relative; } .logo__text { letter-spacing: 2px; } .menu ul li { height: 24px; margin-top: 13px; } .menu ul li a { height: 24px; letter-spacing: -0.1px; } .index { margin-top: 2px; } .index__left { margin-top: -6px; } .index__tabs { margin-top: -8px; } .newsTitle__link { letter-spacing: 1px; } .search__input input { padding: 15px 0 15px 15px; } .search__button { padding: 21px; } .newsDay__name { margin-bottom: 16px; } .blogPost { margin-top: -10px; } .logo--footer { margin-top: 6px; } .menu--footer { top: 15px; } .menu--footer ul li { height: 35px; margin-top: 12px; } .socials { margin-top: 8px; } .breadcrumbs { margin-top: -8px; } .articles .breadcrumbs, .searchResult .breadcrumbs { margin-bottom: -12px; } .articles .jsCalendar, .galerry .articles .jsCalendar { margin-top: -9px; } .articles .jsCalendar .jsSelect .jsSelect__input, .galerry .jsCalendar .jsSelect .jsSelect__input { padding: 7px 15px; } .articles .jsCalendar__item, .galerry .jsCalendar__item { height: 29px; } .articlesList { margin-top: -10px; } .newsList__center { min-height: 90px; margin-bottom: 0; } .newsList__description { line-height: 1.4em; margin-bottom: 13px; max-height: 90px; } .articlesList .newsList__center { min-height: 55px; display: block; } .articlesList .newsList__center .newsList__link { vertical-align: top; } .articleTitle h1 { margin-top: -3px; } .article .newsList--thick .newsList__item, .article .newsList__item:last-child { margin-bottom: 23px; } .view-text p, .view-text ul, .view-text ol, .view-text hr, .view-text dl, .view-text pre, .view-text address, .view-text blockquote, .view-text table { margin-bottom: 0.8em; } .blogs .tabs2__item { padding: 8px 14px; } .blogs .authForm .formLink { float: right; } .blogs .authForm .form__button { width: 100%; text-align: center; } .blogs .blogPost { margin-top: 0; } .searchForm__select .jsSelect .jsSelect__input { padding: 12px 15px; } .accountAdd .form__textarea textarea { height: 124px; min-height: 124px; } .accountAdd .form__button--wide { padding: 17px 84px; } .accountPersonal .form__button--wide { padding: 16px 29px; } .contacts .form__textarea textarea { height: 82px; min-height: 82px; } } .lll { border-top: 2px solid #000; width: 100%; padding-top: 5px; } .allNewsLink { float: right; } .allNewsLink:hover .newsTitle__text { color: #ec132c; text-decoration: underline; } .articleAuthor { float: right; } .top100_div { width: 31px; height: 31px; overflow: hidden; border: 1px solid white; margin-left: 1px; } #top100_widget { display: block; width: 88px; padding-right: 0px; float: right; } .gsc-control-cse, .gsc-webResult.gsc-result { border-color: #ccc!important; } .fl-r { float: right; } .fl-l { float: left; } /* .grecaptcha-badge { transform: scale(0.5); } */ .js-carousel .imagesCarousel__item img { cursor: pointer; } .img-video, .img-photo { background-image: url(/css/pic/_video.png); width: 16px; height: 16px; display: inline-block; margin-left: 5px; } .img-photo { background-image: url(/css/pic/_photo.png); } .mm-navbar.mm-navbar-bottom > .socials__item:first-child { margin-left: 10%; } .mm-navbar.mm-navbar-bottom > .socials__item { margin: 0; width: 15%; bottom: 25%; /*padding-left: 12px;*/ } .mm-navbar.mm-navbar-bottom > .socials__item img{ margin-left: 12px; } .mm-navbar.mm-navbar-bottom > .socials__item::before { left: 17px; top: 3px; } #banner-10 { text-align: right; } .col._xs0._md9.baner-4{ margin-left: -20px; } a.read_more_link { text-decoration: none; color: #49589c; font-size: 1.4rem; line-height: 1.5; font-family: Times,"Times New Roman",serif,Tahoma,Arial,Helvetica,sans-serif; } .newsArticle .newsList__icon--date, .newsArticle .newsList__link { float: right; margin: 0; } .newsArticle .newsList__icon--date .svg-icon, .newsTitle--dark .newsList__icon--date .svg-icon{ margin-left: 5px; margin-right: 0; } .newsTitle--dark .newsList__icon--date, .newsArticle .newsList__link { float: right; margin: 7px 0 0 0; } .newsList__item .newsList__link .ddd i { color: #898989; font-size: 12px; font-weight: 400; margin-right: 5px; font-style: normal; margin-bottom: -2px; } @media (min-width: 1400px) { .photoGalerry__hover span, .videoBlock__hover span { width: 330px; font-size: 14px; } .scale085 { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } .ml-10 { margin-left: 0; } #CNM3408 { margin-left: 10px !important; width: 160px; } .blogPost__image { margin-left: 10px; margin-top: 20px; } } a.glue { position: absolute; background: whitesmoke; padding: 5px; border: 1px solid black; cursor: pointer; color: cornflowerblue; margin-top: 0; margin-left: 15px; font-size: 12px; } a.glue_v { position: absolute; top: 0; right: 0; padding: 5px; border: 1px solid black; background: whitesmoke; color: cornflowerblue; } .header__logo .col._xs0._md18.fl-r { margin-bottom: 10px; } .fotorama__caption { font-size: 16px; font-style: italic; font-family: Times,"Times New Roman",serif,Tahoma,Arial,Helvetica,sans-serif; color: #082c71; } div.vote-wrap{ overflow: hidden; } div.vote-block{ position: relative; } div.vote-hover{ float: left; cursor: pointer; } div.vote-stars{ position: absolute; left: 0; top: 0; } div.vote-active{ position: absolute; left: 0; top: 0; } div.vote-result{ color: #ccc; font-size: 14px; margin-top: 12px; padding-left: 190px; } div.vote-success{ clear: both; color: #ccc; font-size: 14px; margin: 10px 0 0 10px; position: absolute; } .comments__date .like, .comments__date .dislike{ width: auto; height: 20px; background-image: url(/js/thumb.png); background-repeat: no-repeat; background-size: 16px; display: block; float: left; margin-right: 10px; cursor: pointer; padding-left: 20px; opacity: 0.8; } .comments__date .like { transform: rotate(180deg); } .comments__date .likes_value { display: block; float: left; margin-right: 10px; font-style: normal; font-size: 13px; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; font-display: swap; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; box-sizing: border-box; } .mm-btn, .mm-menu { box-sizing: border-box; } .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-hidden { display: none !important; } .mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) { display: block; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { padding: 0; position: absolute; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; position: absolute; } .mm-btn, .mm-panel.mm-highest { z-index: 1; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; } .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { height: 40px; bottom: auto; } .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after { top: 16px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 19px; } .mm-btn { width: 40px; height: 40px; position: absolute; top: 0; } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; } .mm-arrow:after, .mm-next:after, .mm-prev:before { content: ''; border: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 23px; } .mm-arrow:after, .mm-next:after { border-top: none; border-left: none; right: 23px; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; right: 0; bottom: 0; left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: disc inside; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; left: 0; height: 100%; } .mm-slideout { -webkit-transition: left .4s ease; transition: left .4s ease; z-index: 1; } html.mm-opened { overflow-x: hidden; position: relative; height: inherit; } html.mm-blocking, html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; width: 80%; min-width: 140px; max-width: 440px; } .mm-menu.mm-offcanvas.mm-current { display: block; } html.mm-opening .mm-slideout { left: 80%; } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { left: 140px; } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { left: 440px; } } .mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top { max-height: 80%; } .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight .mm-panel { display: block !important; } .mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; } .mm-menu.mm-columns { -webkit-transition-property: width,max-width,-webkit-transform; transition-property: width,max-width,-webkit-transform; transition-property: transform,width,max-width; transition-property: transform,width,max-width,-webkit-transform; } .mm-menu.mm-columns .mm-panels > .mm-panel { width: 100%; right: auto; display: none; -webkit-transition-property: width,-webkit-transform; transition-property: width,-webkit-transform; transition-property: transform,width; transition-property: transform,width,-webkit-transform; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened { border-right: 1px solid; border-color: inherit; display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 2; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 { display: block; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0; } html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 0px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 { display: block; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-menu.mm-columns-1 .mm-panels > .mm-panel { width: 100%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 { display: block; -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px; } html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1100px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0); } } .mm-menu.mm-columns-2 .mm-panels > .mm-panel { width: 50%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 { display: block; -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px; } html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 1650px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0); } } .mm-menu.mm-columns-3 .mm-panels > .mm-panel { width: 33.34%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 { display: block; -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px; } html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2200px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0); } } .mm-menu.mm-columns-4 .mm-panels > .mm-panel { width: 25%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 { display: block; -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-5 { width: 80%; min-width: 140px; max-width: 2200px; } html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 2750px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(2200px, 0, 0); transform: translate3d(2200px, 0, 0); } } .mm-menu.mm-columns-5 .mm-panels > .mm-panel { width: 20%; } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 { -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0); } .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 { display: block; -webkit-transform: translate3d(700%, 0, 0); transform: translate3d(700%, 0, 0); } .mm-menu.mm-offcanvas.mm-columns-6 { width: 80%; min-width: 140px; max-width: 2640px; } html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } @media all and (max-width: 175px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 3300px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(2640px, 0, 0); transform: translate3d(2640px, 0, 0); } } .mm-menu.mm-columns-6 .mm-panels > .mm-panel { width: 16.67%; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s; } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; } html.mm-dropdown .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-dropdown .mm-menu { z-index: 2; } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none; } .mm-menu.mm-tip:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-tipleft:before { left: 22px; } .mm-menu.mm-tipright:before { right: 22px; } .mm-menu.mm-tiptop:before { top: -8px; } .mm-menu.mm-tipbottom:before { bottom: -8px; } .mm-iconpanel .mm-panel { -webkit-transition-property: left,-webkit-transform; transition-property: left,-webkit-transform; transition-property: transform,left; transition-property: transform,left,-webkit-transform; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .mm-subopened .mm-subblocker { opacity: .6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } .mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; top: auto; bottom: 0; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-navbar[class*=mm-navbar-content-] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0; } .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-navbar-bottom-1 { bottom: 0; } .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } .mm-sronly { text-indent: 10px; overflow: hidden; display: block; width: 1px; height: 1px; position: absolute; z-index: -1; } .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0; position: relative; } .mm-search input { border: none !important; outline: 0 !important; box-shadow: none !important; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; display: block; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-search .mm-clear, .mm-search .mm-next { right: 0; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-panels > .mm-resultspanel:not(.mm-opened) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; -webkit-transition: right .4s ease; transition: right .4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) { -webkit-transition: background .4s ease; transition: background .4s ease; } .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.5); } input.mm-check, input.mm-toggle { position: absolute; left: -10000px; } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; right: 20px; } label.mm-check:before, label.mm-toggle:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; top: 5px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-check, a.mm-next + label.mm-toggle { right: 60px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle { right: 100px; } em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } .mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after { content: none; } .mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after { left: 0 !important; } .mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after { right: 20px; } .mm-menu.mm-effect-menu-zoom { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-effect-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1; } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li { -webkit-transition: none .4s ease; transition: none .4s ease; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) { -webkit-transition-delay: .6s; transition-delay: .6s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) { -webkit-transition-delay: .7s; transition-delay: .7s; } .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-effect-listitems-fade .mm-listview > li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-effect-listitems-drop .mm-listview > li { -webkit-transition-property: opacity,top; transition-property: opacity,top; opacity: 0; top: -25%; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0); } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before { content: none; display: none; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; margin-top: 0; margin-bottom: 0; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span { box-sizing: border-box; height: 100%; } .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before { content: ''; vertical-align: middle; display: inline-block; height: 100%; width: 0; } .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span { text-overflow: clip; white-space: normal; } html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker { opacity: 0; } html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s, left .4s ease; transition: opacity .4s ease .4s, left .4s ease; } html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { left: 80%; } @media all and (max-width: 175px) { html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { left: 140px; } } @media all and (min-width: 550px) { html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { left: 440px; } } html.mm-pagedim #mm-blocker { background: inherit; } html.mm-pagedim-white #mm-blocker { background: #fff; } html.mm-pagedim-black #mm-blocker { background: #000; } .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after { content: none; display: none; } .mm-menu.mm-popup { -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } html.mm-popup.mm-opening .mm-menu.mm-popup { opacity: 1; } html.mm-popup .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-popup #mm-blocker { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; z-index: 1; } html.mm-popup .mm-menu { z-index: 2; } .mm-menu.mm-offcanvas.mm-right { left: auto; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } } html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0; } html.mm-front #mm-blocker { z-index: 1; } html.mm-front .mm-menu.mm-offcanvas { z-index: 2; } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; height: 80%; min-height: 140px; max-height: 880px; } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); tap-highlight-color: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); tap-highlight-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ''; display: block; clear: both; } .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li { width: 50%; height: 0; padding: 50% 0 0; float: left; position: relative; } .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-listview { margin: 0; } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0} .fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1} .fotorama__caption__wrap { display: none }.fotorama__active:hover .fotorama__caption__wrap { display: block } .fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{/*overflow:hidden*/}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;/*right:0;*/font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#cacaca7d;padding:0 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s; padding-bottom: 20px!important; height: auto !important;}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}