/* -----------------------------------------------------   GENERAL FORMATTING   ------------------------------------------------ */

.uk-nav a, .uk-nav a:hover {transition:all 300ms ease-out !important; -webkit-transition:all 300ms ease-out !important; -moz-transition:all 300ms ease-out !important; -o-transition:all 300ms ease-out !important; text-decoration:none !important; outline:none !important;}
a[href*='callto'], a[href*='mailto'] {white-space:nowrap;}

.upper, .upper a {text-transform:uppercase;}
.noupper, .noupper a {text-transform:none !important;}
.italka, .italka a, em {font-style:italic ;}
.bolda, .bolda a {font-weight:600;}
.nobold, .nobold a {font-weight:400 !important;}
.nodecor, .nodecor a {text-decoration:none !important;}

.red, .red a {color:#f00;}
.maroon {color:#800000;}
.black {color:#000;}
.green {color:#314d57;}
.yellow {color:#ffa63b;}
.white, .white a {color:#fff;}

.clr {height:0;}
.clr-10 {height:10px;}
.clr-15 {height:15px;}
.clr-30 {height:30px;}
.clr-50 {height:50px;}
.clr, .clr-10, .clr-15, .clr-30, .clr-50 {background:none repeat scroll 0 0 transparent; border:0 none; clear:both; display:block; float:none; font-size:0; list-style:none outside none; margin:0; overflow:hidden; padding:0; visibility:hidden; width:0;}

.bottom-15 {margin-bottom:15px !important;}
.bottom-30 {margin-bottom:30px !important;}
.top-15 {margin-top:15px !important;}
.top-30 {margin-top:30px !important;}
.top-50 {margin-top:50px !important;}

.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.right-img {float:right !important;}
.center-img {text-align:center !important;}
.center-img p {margin-top:-30px; color:#bf2d14; font-style:italic;}
.center-img img, .center-img div {margin:30px auto !important;}
.center-tab table {margin:15px auto !important;}

.just .uk-article p, .just .uk-article li  {text-align:justify;}
.just .lead, .just .tm-sidebar .upper, .just .formValidation, .just .uk-form-controls, .just blockquote p {text-align:left;}
.just-all p, .just-all li  {text-align:justify;}

.font-cifra    {font-family:Verdana,Arial,Times !important;}
.font-code   {font-family:monospace,Verdana,Arial,Times !important;}

.size-200, .size-200 td {font-size:200% !important; line-height:120% !important;}
.size-180, .size-180 td {font-size:180% !important; line-height:110% !important;}
.size-150, .size-150 td {font-size:150% !important; line-height:110% !important;}
.size-130, .size-130 td, .size-130 h2, .size-130 h1 {font-size:130% !important;}
.size-120, .size-120 td {font-size:120% !important;}
.size-110, .size-110 td {font-size:110% !important;}
.size-100, .size-100 td {font-size:100% !important;}
.size-90, .size-90 td, .size-90 h2, .size-90 a {font-size:90% !important;}
.size-80, .size-80 td {font-size:80% !important;}
.size-70 {font-size:70% !important;}

.highlight-2, .highlight-3, .highlight-4, .highlight-5 {color:#800000;}
.highlight-2, .highlight-3 {text-transform:uppercase;}
.highlight-2 {font-size:28px;}
.highlight-3 {font-size:24px;}
.highlight-4 {font-size:20px;}
.highlight-5 {font-size:17px;}

.otstup-8-r {margin-right:8px !important;}
.otstup-10-r {margin-right:10px !important;}
.otstup-15-r {margin-right:15px !important;}
.otstup-8-l {margin-left:8px !important;}
.otstup-10-l {margin-left:10px !important;}
.otstup-15-l {margin-left:15px !important;}
.otstup-sml {margin-left:8px !important; margin-right:8px !important;}

/* ---------------------------------------------------------- CONTENT / TEMPLATE   ------------------------------------------------------------ */

.bord-tab {border-collapse:collapse; width:auto; border-spacing:0; text-align:center; margin:30px auto !important;}
.bord-tab td {border:1px solid #dfdfdf; padding:3px; text-align:center; font-size:10pt; color:#000; text-decoration:none; background-color:#f4f5f7;}
.bord-tab .color-old {background-color:#e8e9eb !important;}
.bord-tab .color-old td {background-color:#e8e9eb !important;}
.bord-tab .left {text-align:left;}
.bord-tab .right {text-align:right;}
.bord-tab .ban88 {width:88px; height:31px}
.bord-tab .maroon {color:#800000 !important;}

.w90 {border:0 none; border-collapse:collapse; width:90%; float:none; margin:30px auto !important;}
.w90 td {padding:1px;}

img.portfol_143 {width:200px; height:143px; margin:5px;}
img.portfol_150 {width:200px; height:150px; margin:15px; padding: 15px;}
img.portfol_200x32 {width:200px; height:32px; margin:5px;}
img.portfol_200x100 {width:200px; height:100px; margin:5px;}

.art-r-450-pad {width:450px !important;}
.art-r-300-pad {width:300px !important;}
.art-r-300, .art-300 {float:right !important; width:300px !important; margin:15px 0 15px 30px !important;}
.art-r-200-pad {width:200px !important;}
.art-r-150-pad {width:150px !important;}
.art-r-100-pad {width:100px !important;}

.d-art-r-450-pad {width:450px !important;}
.d-art-r-300-pad {width:300px !important;}
.d-art-r-300 {float:right !important; width:300px !important; margin:15px 0 15px 0 !important;}

.art-r-450-pad, .art-r-300-pad, .art-r-200-pad, .art-r-150-pad, .art-r-100-pad, .d-art-r-450-pad, .d-art-r-300-pad {float:right !important; background:#fff; margin:15px 0 15px 30px !important;}
.art-r-450-pad, .art-r-300-pad, .art-r-200-pad, .art-r-150-pad, .art-r-100-pad, .d-art-r-450-pad img, .d-art-r-300-pad img {padding:10px; border:solid 1px #d8d7d7 !important;}

.com-content-category__table {width:100%;}
.list-edit {font-size:.6em; display:none;}
.table :where(tbody), .table :where(td), .table :where(tfoot), .table :where(th), .table :where(thead), .table :where(tr) {border-width:0 !important;}
.com-content-categories__item {text-transform:uppercase !important; padding:10px 0 10px 30px;}
.com-content-categories__item .category-desc {text-transform:none !important; text-align:justify;}
.list-title {text-align:left; font-weight:400; line-height:1.6em; padding:3px 15px;}

.category-desc {margin-bottom:30px;}
.category-desc p {font-style:italic; font-size:.8em; line-height:1.2; margin:0; text-align:justify; color:#666;}
.category-desc img {float:right !important; margin:15px 0 5px 15px !important; width:auto; height:auto;}
.category-desc h1 {line-height:1.2; color:#314d57; font-size:1.4em;}

blockquote {background:transparent url('/images/typo/quote-left.png') no-repeat top left; line-height:150%; margin:15px 0; padding:0 0 5px 65px; width:auto;}
blockquote p {background:transparent url('/images/typo/quote-right.png') no-repeat bottom right; margin-top:0;padding:0 65px 10px 0;}

.code {background:#ebeaea; border-left:solid 5px #666; color:#000; font-family:Consolas; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; margin-top:15px; margin-bottom:15px; padding:10px 20px; padding-top:20px; padding-bottom:20px; font-size:.8em;}

.uk-article {padding-bottom:15px !important;}

.visually-hidden {display:none; visibility:hidden;}

/* ---------------------------------------------------------- MODULES   ------------------------------------------------------------ */

.por_tp                  {border:0 none; border-collapse:collapse; width:100%; margin:30px auto;}
.por_tp td              {padding:5px; text-align:center; text-indent:0; font-family:Verdana, Arial, Sans-serif; font-size:10pt; color:#000; text-decoration:none; text-align:center; word-spacing:3px; margin:3px 15px;}
.por_tp img.padded   {max-width:none !important; width:200px !important; text-align:center; border:1px solid #dfdfdf; padding:2px !important; margin-top:0 !important;}
.por_tp img.vinco      {width:200px;  height:32px !important; text-align:center; border:1px solid #dfdfdf; padding:2px !important;}
.por_tp .left            {text-align:left;}
.por_tp tr.Old          {background-color:#e8e9eb; font-weight:normal;}
.por_tp tr.Old-st      {background-color:#e8e9eb; text-transform:uppercase !important;}
.por_tp tr.Ol            {background-color:#dfdfdf; font-weight:normal;}
.por_tp tr.Ol-st        {background-color:#800000; text-transform:uppercase !important;}
.por_tp tr.Ol-st td    {color:#fff !important;}
.por_tp .no-color     {background-color:#fff; vertical-align:top !important;}

.tel-head                 {margin:0 !important; padding:0 !important; font-weight:400; color:#800000 !important;}
.tel-head p              {margin:0; padding:0;}
.tel-head .nomer     {font-size:180% !important;}
.tel-head .nomer span[class*="fa-"] {margin-right:10px !important;}
.tel-head a             {color:#800000 !important;}
.tel-head a:hover   {color:#f00 !important; text-decoration:none !important;}
.tel-head .other     {font-size:120% !important; margin-bottom:15px !important;}
.tel-head .other span[class*="fa-"] {margin-right:8px !important;}

.karta-sajta ul {list-style-type:none; padding:0 0 0 35px; position:relative;}
.karta-sajta ul li {line-height:120%; margin-bottom:10px;}
.karta-sajta ul li::before {font-family:'Font Awesome 7 Pro'; font-weight:600; content:"\f00c";  display:block; position:absolute; margin:0 0 0 -25px; padding:0; color:#800000;}
.karta-sajta ul li .mod-articles-category-group {margin:10px auto; text-transform:uppercase; color:#000;}

.karta-sajta .uk-nav-default {text-transform:none !important;}
.karta-sajta .uk-nav > li > a {padding:0 !important;}
.karta-sajta .uk-nav > li > a:hover {padding:0 !important; background:none !important;}

.latestnews {list-style-type:none; padding:0; position:relative; color:#666;}
.latestnews li {line-height:1.2; margin-bottom:8px; margin-left:20px; font-size:1.3em;}
.latestnews li::before {font-family:'Font Awesome 7 Pro'; content:"\f00c"; display:block; position:absolute; margin:-1px 0 0 -20px; padding:0;}
.latestnews .mod-list {padding-left:0 !important;}
.latestnews .uk-nav > li > a {padding:inherit; text-transform:none !important;}

.menu-v li a {padding:8px 0 !important;}
.menu-v li a::before {margin:0 10px 1px 5px; font-family:'Font Awesome 7 Pro'; font-weight:300; content:"\f105"; display:block; position:relative;}

.tick-grey-menu ul {line-height:1.2; list-style-type:none; margin-left:0; margin-right:0; padding:0;}
.tick-grey-menu ul li {margin:5px 0; padding:0 16px 0 24px !important; list-style:none outside none; color:#333;}
.tick-grey-menu ul li::before {font-family:'Font Awesome 7 Pro'; font-weight:300; display:block; position:absolute; margin:3px 0 0 -25px; padding:0; content:"\f046"; color:#666;}

.ul-home {list-style-type:none; padding:0 15px; font-size:90% !important;}
.ul-home li {margin-bottom:5px;}
.ul-home li a {display:inline !important;}
.ul-home li span[class*="fa-"] {padding-right:10px;}

.oferta {color:#999 !important;}
.oferta p {font-size:70% !important; line-height:120% !important; text-align:justify; margin-top:5px !important;}
.oferta span {font-size:200%; float:right; padding:5px 0 5px 10px; color:#999;}

.center-mod {}
.center-mod img {text-align:center !important; margin:0 auto !important; float:none !important; display:flex;}
.center-mod h2, .center-mod h3 {margin-top:0 !important;}
.center-mod h2 a, .center-mod h3 a {font-size:80% !important;}

.slider-main {padding:50px 80px; font-size:150%; line-height:120% !important;}
.slider-main h3 {text-transform:uppercase !important; margin-bottom:15px !important;}
.slider-main p {text-align:left !important;}
.slider-main img {float:right; margin:0 0 0 15px;}

.tm-headerbar-top.tm-headerbar-default {display:block; background-image:url('/images/background/tm-headerbar-top.png') !important; background-size:contain; background-position:top left; background-repeat:no-repeat; background-attachment:fixed;}

.tm-main {display:block; background-image:url('/images/background/bg-main-all.png') !important; background-size:100% 100%; background-position:top center; background-repeat:no-repeat; background-attachment:fixed;}

.uk-navbar-container {background:rgb(56,56,56) !important; background:-moz-linear-gradient(top, rgba(69,69,69) 0%, rgba(43,43,43) 100%) !important; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69,69,69)), color-stop(100%, rgba(43,43,43))) !important; background:-webkit-linear-gradient(top, rgba(69,69,69) 0%, rgba(43,43,43) 100%) !important; background:-o-linear-gradient(top, rgba(69,69,69) 0%, rgba(43,43,43) 100%) !important; background:-ms-linear-gradient(top, rgba(69,69,69) 0%, rgba(43,43,43) 100%) !important; background:linear-gradient(to bottom, rgba(69,69,69) 0%, rgba(43,43,43) 100%) !important; height:60px;}

.grecaptcha-badge {visibility:hidden;}

.breadcrumbs nav, .breadcrumbs nav ul {margin-bottom:0 !important;}

/* ---------------------------------------  МАРКИРОВАННЫЕ СПИСКИ ------------------------------------------------ */

.ul-check, .ul-check-red, .ul-check-black, .ul-check-yellow, .ul-check-white, .ul-check-grey, .ul-tick, .ul-tick-grey, .ul-tick-maroon, .ul-tick-white, 
.ul-check-square, .ul-check-square-blue, .ul-check-square-o-blue, 
.ul-star, .ul-star-black, .ul-star-red, .ul-star-yellow, .ul-star-o, .ul-star-red-o, 
.ul-navigation, .ul-navigation-black, .ul-navigation-green, 
.ul-alert, .ul-alert-red, .ul-alert-grey, .ul-alert-black, 
.ul-information,  .ul-information-red, .ul-information-grey, .ul-information-black li::before, 
.ul-exclamation, .ul-exclamation-red, .ul-exclamation-grey, 
.ul-question, 
.ul-plus, 
.ul-minus, 
.ul-smile, .ul-smiles, 
.ul-leaf, 
.ul-marker, 
.ul-download, .ul-compress, 
.bullet, .bullet-small, .bullet-large, .bullet-grey, .bullet-black, 
.null 
{list-style-type:none; padding:15px 0 15px 35px; margin:0; position:relative;}

.ul-check li, .ul-check-red li, .ul-check-black li, .ul-check-yellow li, .ul-check-white li, .ul-check-grey li, .ul-tick li, .ul-tick-grey li, .ul-tick-maroon li, .ul-tick-white li,  
.ul-star li, .ul-star-black li, .ul-star-red li, .ul-star-yellow li, .ul-star-o li, .ul-star-red-o li, 
.ul-navigation li, .ul-navigation-black li, .ul-navigation-green li,
.ul-alert li, .ul-alert-red li, .ul-alert-grey li, .ul-alert-black li, 
.ul-information li, .ul-information-red li, .ul-information-grey li, .ul-information-black li, 
.ul-exclamation li, .ul-exclamation-red li, .ul-exclamation-grey li, 
.ul-question li, 
.ul-plus li, 
.ul-minus li, 
.ul-smile li, .ul-smiles li,
.ul-leaf li,
.ul-marker li, 
.ul-download li, .ul-compress li, 
.ul-check-square li, .ul-check-square-blue li, .ul-check-square-o-blue li, 
.bullet li, .bullet-small li, .bullet-large li, .bullet-grey li, .bullet-black li 
.null li
{margin-bottom:10px !important;}

.ul-check li::before, .ul-check-red li::before, .ul-check-black li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ul-check-grey li::before, .ul-tick li::before, .ul-tick-grey li::before, .ul-tick-maroon li::before, .ul-tick-white li::before, 
.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before, 
.ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before,
.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before, 
.ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before, 
.ul-exclamation li::before, .ul-exclamation-red li::before, .ul-exclamation-grey li::before, 
.ul-question li::before, 
.ul-plus li::before, 
.ul-minus li::before, 
.ul-smile li::before, .ul-smiles li::before,
.ul-leaf li::before, 
.ul-marker li::before, 
.ul-download li::before, .ul-compress li::before,
.ul-check-square li::before, .ul-check-square-blue li::before, .ul-check-square-o-blue li::before, 
.bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before  
{font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:0 0 0 -25px; padding:0;}

.ul-check li::before, .ul-check-red li::before, .ul-check-black li::before, .ul-check-yellow li::before, .ul-check-white li::before, .ul-check-grey li::before, .ul-tick li::before, .ul-tick-grey li::before, .ul-tick-maroon li::before, .ul-tick-white li::before {content:"\f00c"; font-weight:600; font-size:1em;}
.ul-check-square li::before, .ul-check-square-blue li::before {content:"\f14a"; font-weight:600;}
.ul-check-square-o-blue li::before  {content:"\f046";}
.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-black li::before, .ul-star-yellow li::before {content:"\e28b"; font-weight:600; }
.ul-star-o li::before, .ul-star-red-o li::before {content:"\e28b";}
.ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before {content:"\f101";}

.ul-star li::before, .ul-star-black li::before, .ul-star-red li::before, .ul-star-black li::before, .ul-star-yellow li::before, .ul-star-o li::before, .ul-star-red-o li::before, .ul-navigation li::before, .ul-navigation-black li::before, .ul-navigation-green li::before 
{font-size:1em; margin-top:-1px;}

.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before {content:"\f071"; font-weight:600;}
.ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before {content:"\f05a"; font-weight:600;}
.ul-exclamation li::before, .ul-exclamation-red li::before, .ul-exclamation-grey li::before {content:"\f06a"; font-weight:600;}
.ul-question li::before {content:"\f059"; font-weight:600;}
.ul-plus li::before {content:"\f055"; font-weight:600;}
.ul-minus li::before {content:"\f056"; font-weight:600;}
.ul-smile li::before, .ul-smiles li::before {content:"\f118"; font-weight:600;}
.ul-leaf li::before {content:"\f06c"; font-weight:600;}
.ul-marker li::before {content:"\f3c5"; font-weight:600;}
.ul-download li::before, .ul-compress li::before  {content:"\f019"; font-weight:600;}
.bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before {content:"\f111"; font-weight:600;}

.ul-alert li::before, .ul-alert-red li::before, .ul-alert-grey li::before, .ul-alert-black li::before, .ul-information li::before, .ul-information-red li::before, .ul-information-grey li::before, .ul-information-black li::before, .ul-exclamation li::before, .ul-exclamation-red li::before, .ul-exclamation-grey li::before, .ul-question li::before, .ul-plus li::before, .ul-minus li::before, .ul-smile li::before, .ul-smiles li::before, .ul-leaf li::before, .ul-marker li::before, .ul-download li::before, .ul-compress li::before, .bullet li::before, .bullet-small li::before, .bullet-large li::before, .bullet-grey li::before, .bullet-black li::before 
{font-size:1em;}

.ul-check li::before, .ul-tick li::before, .ul-tick-grey li::before, .ul-navigation li::before, .ul-information li::before, .ul-exclamation li::before, .bullet li::before, .bullet-small li::before, .bullet-large li::before, .ul-star li::before, .ul-star-o li::before, .ul-alert li::before, .ul-marker li::before, .ul-download li::before, .ul-compress li::before, .ul-question li::before, .ul-plus li::before, .ul-minus li::before {color:#333;}
.ul-star-black li::before, .ul-navigation-black li::before, .ul-alert-black li::before, .bullet-black li::before, .ul-information-black li::before {color:#000;}
.ul-check-red li::before, .ul-star-red-o li::before, .ul-star-red li::before, .ul-alert-red li::before, .ul-navigation-red li::before, .ul-exclamation-red li::before, .ul-information-red li::before {color:#f00;}
.ul-check-black li::before, .ul-check-grey li::before, .ul-alert-grey li::before, .bullet-grey li::before, .ul-information-grey li::before, .ul-exclamation-grey li::before {color:#666;}
.ul-navigation-green li::before, .ul-leaf li::before {color:#314d57;}
.ul-check-white li::before, .ul-tick-white li::before {color:#fff;}
.ul-check-yellow li::before, .ul-star-yellow li::before, .ul-navigation-yellow li::before {color:#ffa63b;}
.ul-tick-maroon li::before  {color:#800000;}

.bullet li::before, .bullet-black li::before, .bullet-grey li::before {font-size:60%; margin:6px 0 0 -25px;}
.bullet-small li::before {font-size:40%; margin:7px 0 0 -25px;}
.bullet-large li::before {font-size:80%; margin:3px 0 0 -25px;}

.circle li  {list-style-type:none; padding:0 0 0 35px; position:relative; margin-bottom:8px;}
.circle li a {font-size:100%; line-height:1.7em;}

.ul_numbers {padding-left:0; margin-right:0; list-style-type:none;}
.ul_numbers li {padding:0 15px 8px 35px;}
.li_number0::before {content:"\e0ee";}
.li_number1::before {content:"\e0ee";}
.li_number2::before {content:"\e0ef";}
.li_number3::before {content:"\e0f0";}
.li_number4::before {content:"\e0f1";}
.li_number5::before {content:"\e0f2";}
.li_number6::before {content:"\e0f3";}
.li_number7::before {content:"\e0f4";}
.li_number8::before {content:"\e0f5";}
.li_number9::before {content:"\e0f6";}

.li_number0::before, .li_number1::before, .li_number2::before, .li_number3::before, .li_number4::before, .li_number5::before, .li_number6::before, .li_number7::before, .li_number8::before, .li_number9::before {font-family:'Font Awesome 7 Pro'; display:block; position:absolute; margin:-2px 0 0 -30px; padding:0; font-size:1.2em; font-weight:900; color:#800000;}

ol.dolka {counter-reset:counts 0; padding-left:32px; list-style:none;}
ol.dolka li {counter-increment:counts 1; margin:8px 0;}
ol.dolka li::before {content:counters(counts, '.') '.';margin-right:8px;}
ol.dolka li .ul-check-black li::before {content:"\f00c"; font-family:'Font Awesome 7 Pro'; font-weight:400; display:block; position:absolute; margin:1px 0 0 -25px; padding:0;}

/* -------------------------------------------------------  БОКСЫ ----------------------------------------------------------- */

.red-box, .blue-box, .green-box, .orange-box, .yellow-box, .gray-box, .black-box {padding:30px; margin:30px auto; width:98%;}
.red-box {background:#ffd6d6; color:#cc0000;}
.red-box a {color:#cc0000;}
.blue-box {background:#d0dcec; color:#1b6fc2;}
.blue-box a {color:#0066cc;}
.green-box {background:#eef7dd; color:#003300;}
.orange-box {background:#fef6d8; color:#000;}
.yellow-box {background:#f4f5b9; color:#000;}
.gray-box {background:#e6e6e6; color:#313131;}
.black-box {background:#373737; color:#fff;}
.black-box a {color:#ffa63b;}
.black-box a:hover {color:#f00;}

.graybox, .greenbox, .bluebox, .redbox, .darkbox, .maroonbox, .graybox-dark {padding:15px 20px; margin:30px auto; position:relative;}
.graybox p, .greenbox p, .bluebox p, .redbox p, .darkbox p, .maroonbox p, .graybox-dark p {margin:0;}
.bluebox {background:#314d57;}
.graybox   {background:#ebebeb;}
.graybox a:hover, .blue-box a:hover {color:#f00;}
.greenbox {background:#7f9492;}
.redbox {background:#f00;}
.darkbox, .graybox-dark {background:#373737;}
.maroonbox {background:#800000;}
.greenbox, .bluebox, .redbox, .darkbox, .maroonbox, .graybox-dark, .greenbox em, .bluebox em, .redbox em, .darkbox em, .maroonbox em, .graybox-dark em {color:#fff !important;}
.graybox, .graybox em {color:#313131;}
.greenbox a, .bluebox a, .redbox a, .grayboxdark a, .darkbox a, .maroonbox a, .graybox-dark a {color:#ffa63b !important;}
.greenbox a:hover, .bluebox a:hover, .redbox a:hover, .darkbox a:hover, .maroonbox a:hover, .graybox-dark a:hover {color:#ff0 !important;}

.help, .favorite-place, .calculator, .calendar, .present, .edit, .television, .favorite, .favorite-black, .favorite-white, .favorite-red, .favorite-yellow, .favorite-grey, .favorite-grey-dark, .telephone, .info, .point, .point-black, .point-black, .point-white, .point-red, .point-yellow, .point-grey, .point-grey-dark, .question, .question-black, .question-black, .question-white, .question-red, .question-yellow, .question-grey, .question-grey-dark, .edit, .calculator, .calendar, .television, .truck  
{padding-left:55px; height:35px; display:table-cell; width:100%; vertical-align:middle; position:relative;}

.telephone::before, .help::before, .favorite::before, .favorite-black::before, .favorite-black::before, .favorite-white::before, .favorite-red::before, .favorite-yellow::before, .favorite-grey::before, .favorite-grey-dark::before, .favorite-place::before, .info::before, .point::before, .point-black::before, .point-white::before, .point-red::before, .point-yellow::before, .point-grey::before, .point-grey-dark::before, .question::before, .question-black::before, .question-black::before, .question-white::before, .question-red::before, .question-yellow::before, .question-grey::before, .question-grey-dark::before, .edit::before, .calculator::before, .calendar::before, .television::before, .present::before, .truck::before 
{font-family:'Font Awesome 7 Pro'; font-weight:300; font-size:40px; position:absolute; top:50%; right:15px; left:0; line-height:0;}

.telephone::before {content:"\f3cd";}
.help::before {content:"\f059";}
.favorite::before, .favorite-black::before, .favorite-white::before, .favorite-red::before, .favorite-yellow::before, .favorite-grey::before, .favorite-grey-dark::before {content:"\e28b";}
.favorite-place::before {content:"\f3c5";}
.info::before {content:"\f05a";}
.point::before, .point-black::before, .point-white::before, .point-red::before, .point-yellow::before, .point-grey::before, .point-grey-dark::before {content:"\f071";}
.question::before, .question-black::before, .question-black::before, .question-white::before, .question-red::before, .question-yellow::before, .question-grey::before, .question-grey-dark::before {content:"\f059";}
.edit::before {content:"\f044";}
.calculator::before {content:"\f1ec";}
.calendar::before {content:"\f073";}
.television::before {content:"\f26c";}
.present::before {content:"\f06b";}
.truck::before {content:"\f0d1";}

.graybox .point::before, .graybox .favorite::before, .graybox .help::before, .graybox .info::before {color:#333 !important;}
.point-black::before, .favorite-black::before, .question-black::before {color:#000;}
.point-white::before, .favorite-white::before, .question-white::before {color:#fff;}
.point-red::before, .favorite-red::before, .question-red::before {color:#f00;}
.point-yellow::before, .favorite-yellow::before, .question-yellow::before {color:#ffa63b;}
.point-grey::before, .favorite-grey::before, .question-grey::before {color:#8e8e8e;}
.point-grey-dark::before, .favorite-grey-dark::before, .question-grey-dark::before {color:#373737;}

.boxed {background:#d9d9d9 !important; border:1px solid #bfbebe; padding:5px; margin:0;}
.boxed:hover {background:#999 !important;}
.boxed-black {background:#1a1a1a; padding:5px;}
.boxed-black:hover {background:#414141;}
.padded {padding:10px; background:#fff; border:solid 1px #d8d7d7;}
.boxed, .boxed:hover, .boxed-black, .boxed-black:hover {-webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in;}

/* ---------------------------------------------------------- EXTRAVOTE ------------------------------------------------------------------------- */

.extravote {margin:5px 0 10px; padding:8px 15px; background:#ccc; align-items:center;}
.extravote-info {margin-left:8px !important;}
.extravote-desc {margin-right:15px;  color:#666;}
.extravote-desc span {margin-right:8px; color:#999;}
.extravote-info, .extravote-desc {font-size:.78em !important;}
.content_rating {display:none;}

/* ------------------------------------------------------  КОМПОНЕНТ ССЫЛКИ --------------------------------------------------------- */

.category.list-striped.list-condensed  {list-style-type:none !important; padding:0 0 0 30px;}
.weblink-category h2  {text-transform:uppercase !important; color:#9f1d0f !important;}

/* ---------------------------------------------------- КНОПКА ВВЕРХ -------------------------------------------------------------------- */

#button-up {display:none; position:fixed; right:10px; bottom:120px; color:rgba(153,153,153,0.5); outline:none; cursor:pointer; z-index:1000;}
#button-up:hover {cursor:pointer; color:rgba(153,153,153,0.8);}
#button-up, #button-up:hover {transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;}

/*  --------------------------------------------- MODULE DJ MEGAMENU ---------------------------------------------------*/

.dj-offcanvas {width: 350px !important;}

.dj-megamenu-accordion-dark .dj-mobile-open-btn {color:#73ae57 !important; background:transparent !important;}

.dj-mobile-dark .dj-mobileitem>a {text-transform:uppercase; font-size:13px !important;}
.dj-mobile-dark .dj-mobileitem.active>a {color:#ff0 !important;}
.dj-mobile-dark .dj-mobileitem>a:hover {color:#cc6633 !important;}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {background:transparent !important; color:rgba(255,255,255,.8);}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus  {color:rgba(255,255,255,.8); background:transparent !important;}


 .dj-fa-0 .dj-offcanvas-close-btn .dj-offcanvas-close-icon::before,
.dj-fa-1 .dj-offcanvas-close-btn .dj-offcanvas-close-icon::before,
.dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon::before, 
.dj-fa-0 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler::before,
.dj-fa-1 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler::before,
.dj-fa-5 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler::before, 
.dj-megamenu-default.dj-fa-1 li ul.dj-submenu>li.parent>a .arrow::before,
.dj-megamenu-default.dj-fa-5 li ul.dj-submenu>li.parent>a .arrow::before 
 {font-family:'Font Awesome 7 Pro', 'Font Awesome 7 Brands' !important; background:transparent !important;}
 
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon::before, .dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon::before, .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon::before 
{font: normal normal normal 30px/1 "Font Awesome 7 Pro" !important; background:transparent !important;}

.dj-megamenu-default.dj-fa-0 li a.dj-up_a .arrow::before, .dj-megamenu-default.dj-fa-1 li a.dj-up_a .arrow::before, .dj-megamenu-default.dj-fa-5 li a.dj-up_a .arrow::before, 
.dj-megamenu-change li a.dj-up_a .arrow, .dj-megamenu-change li a.dj-up_a.withsubtitle .arrow, .dj-megamenu-change li ul.dj-submenu > li.parent > a .arrow 
{font: normal normal normal 12px/1 "Font Awesome 7 Pro" !important;}