/*
 * Date created: 2026-06-04 20:42:32
 */
/*
 * ATTENTION! This file is automatically created from several CSS files.
 * Find file path and name in the comments in the beginning of the each code block
 */


/*
 * FILE START: _mod_files/_css/common.css
 */


/*
 * FILE END: _mod_files/_css/common.css
 */

/*
 * FILE START: _mod_files/_css/ami_custom.css
 */

/*>>= = = = = = = = = = = = = = = = = = = = <<


MODULE: plug Fonts

need copy "_fonts" (folder) to root directory of site
= = = = = = = = = = = = = = = = = = = = = = */
@font-face {
    font-family: "Roboto Condensed";
    src: url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-condensed.eot");
    src: url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-condensed.eot?#iefix")format("embedded-opentype"),
    url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-condensed.woff") format("woff"),
    url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-condensed.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-boldcondensed.eot");
    src: url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-boldcondensed.eot?#iefix")format("embedded-opentype"),
    url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-boldcondensed.woff") format("woff"),
    url("_mod_files/ce_images/_fonts/RobotoCondensed/roboto-boldcondensed.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}


@font-face {
    font-family: "Opensans";
    src: url("_mod_files/ce_images/_fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("_mod_files/ce_images/_fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("_mod_files/ce_images/_fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("_mod_files/ce_images/_fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Opensans";
    src: url("_mod_files/ce_images/_fonts/OpenSansBold/OpenSansBold.eot");
    src: url("_mod_files/ce_images/_fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("_mod_files/ce_images/_fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("_mod_files/ce_images/_fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}


/*Base*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css This css file, like the site to which it belongs, was developed by Voskresensky Vadim (https://ru.stackoverflow.com/users/336635/vadim-voskresensky)*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0;text-shadow: none;}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--Tags

= = = = = = = = = = = = = = = = = = = = = = */
body {
  color: #191919;
  font-size: 14px;
  font-family: Helvetica, sans-serif;
  line-height: 22px;
  background: #fff;
  background-position: 50% 0px;
}
/* Headings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  margin: 10px 0 20px 0;
  text-transform: none;
  font-weight: 100;
  font-family: Opensans;
}
@media (max-width: 1023px) {
  h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { text-align: center; }
  h1,.h1 { font-size: 24px; line-height: 48px; font-weight: bold; }
  h2,.h2 { font-size: 18px; line-height: 36px; }
  h3,.h3 { font-size: 16px; line-height: 32px; }
  h4,.h4 { font-size: 14px; line-height: 28px; }
  h5,.h5 { font-size: 12px; line-height: 24px; }
  h6,.h6 { font-size: 10px; line-height: 20px; }
}
@media (min-width: 1024px) {
  h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {text-align: center;}
  h1,.h1 { font-size: 42px; line-height: 84px; font-weight: bold; text-align: center; }
  h2,.h2 { font-size: 28px; line-height: 56px; }
  h3,.h3 { font-size: 18px; line-height: 36px; }
  h4,.h4 { font-size: 16px; line-height: 32px; }
  h5,.h5 { font-size: 13px; line-height: 26px; display: block; padding: 10px; margin: 0; }
  h6,.h6 { font-size: 10px; line-height: 20px; }
}
a, .a {
  text-decoration: none;
  cursor: pointer;
  /*text-shadow: 0 0 0px #172646;
    color: rgba(781, 697, 534, 0.85);*/
  color: #172646;
}
.crumbs-wrap .fx {z-index: 1;}
/* Images
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
img {
  max-width: 100%;
  height: auto !important;
  box-sizing: border-box;
  vertical-align: top;
}
/* Block elements
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p,ul,ol,dl,blockquote,pre,address,fieldset,figure { margin: 15px 0; }

/* Lists
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul,ol { padding-left: 15px; }
ul > li > ul,ul > li > ol,ol > li > ol,ol > li > ul { margin: 0; }

/* Horizontal rules
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
hr {
  box-sizing: content-box;
  height: 0;
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #ddd;
  width: 100%;
}


/* Inputs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder          {color:#999;}
:-ms-input-placeholder      {color:#999;}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input[type="text"]:-ms-input-placeholder {text-overflow:ellipsis;} 

input::-webkit-input-placeholder       {line-height: 20px;  transition: line-height 0.5s ease;}
input::-moz-placeholder                {line-height: 20px;  transition: line-height 0.5s ease;}
input:-moz-placeholder                 {line-height: 20px;  transition: line-height 0.5s ease;}
input:-ms-input-placeholder            {line-height: 20px;  transition: line-height 0.5s ease;}
input:focus::-webkit-input-placeholder {line-height: 100px; transition: line-height 0.5s ease;}
input:focus::-moz-placeholder          {line-height: 100px; transition: line-height 0.5s ease;}
input:focus:-moz-placeholder           {line-height: 100px; transition: line-height 0.5s ease;}
input:focus:-ms-input-placeholder      {line-height: 100px; transition: line-height 0.5s ease;}
textarea:focus::-webkit-input-placeholder {font-size: 0; transition: font-size 0.5s linear;}
input,
textarea {
  border: 1px solid rgba(220,220,220,.5) !important;
  margin: 7px 0;
  color: #000;
  font-size: 16px;
  box-shadow: 1px 2px 3px 1px rgba(200,200,200, 0.2) inset;
  padding: 5px;
  outline: none;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  min-height: 40px;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  border: 1px solid #ddd !important;
  box-shadow: 0px 2px 3px 0px #ddd inset;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* Selection pseudo-element 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
::-moz-selection {
  background: #3399ff;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #777;
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection:window-inactive { background: #999; }
::selection:window-inactive { background: #999; }
img::-moz-selection { background: transparent; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Iframe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
iframe {border:0; border-radius: 13px;}
/*HELPERS*/
@media(max-width: 639px){
/*
display
*/
.-dn,.-d-n,.dn{display:none!important}
/*
margin, padding
*/
.-m0,.-m-0,.m0{margin:0!important}
.-mlra,.-mlr-a,.mlra{margin-left:auto!important;margin-right:auto!important}
.-mt0,.-mt-0,.mt0{margin-top:0!important}
.-mt5px,.-mt-5px,.mt5px{margin-top:5px!important}
.-mt10px,.-mt-10px,.mt10px{margin-top:10px!important}
.-mt15px,.-mt-15px,.mt15px{margin-top:15px!important}
.-mt30px,.-mt-30px,.mt30px{margin-top:30px!important}
.-mt45px,.-mt-45px,.mt45px{margin-top:45px!important}
.-mb0,.-mb-0,.mb0{margin-bottom:0!important}
.-mb5px,.-mb-5px,.mb5px{margin-bottom:5px!important}
.-mb10px,.-mb-10px,.mb10px{margin-bottom:10px!important}
.-mb15px,.-mb-15px,.mb15px{margin-bottom:15px!important}
.-mb30px,.-mb-30px,.mb30px{margin-bottom:30px!important}
.-mb45px,.-mb-45px,.mb45px{margin-bottom:45px!important}
.-ml0,.-ml-0,.ml0{margin-left:0!important}
.-mr0,.-mr-0,.mr0{margin-right:0!important}
.-p0,.-p-0,.p0{padding:0!important}
.-pt0,.-pt-0,.pt0{padding-top:0!important}
.-pt5px,.-pt-5px,.pt5px{padding-top:5px!important}
.-pt10px,.-pt-10px,.pt10px{padding-top:10px!important}
.-pt15px,.-pt-15px,.pt15px{padding-top:15px!important}
.-pt30px,.-pt-30px,.pt30px{padding-top:30px!important}
.-pt45px,.-pt-45px,.pt45px{padding-top:45px!important}
.-pb0,.-pb-0,.pb0{padding-bottom:0!important}
.-pb5px,.-pb-5px,.pb5px{padding-bottom:5px!important}
.-pb10px,.-pb-10px,.pb10px{padding-bottom:10px!important}
.-pb15px,.-pb-15px,.pb15px{padding-bottom:15px!important}
.-pb30px,.-pb-30px,.pb30px{padding-bottom:30px!important}
.-pb45px,.-pb-45px,.pb45px{padding-bottom:45px!important}
.-pl0,.-pl-0,.pl0{padding-left:0!important}
.-pr0,.-pr-0,.pr0{padding-right:0!important}
/*
text
*/
.-tal,.-ta-l,.tal{text-align:left!important}
.-tar,.-ta-r,.tar{text-align:right!important}
.-tac,.-ta-c,.tac{text-align:center!important}
.-ttu,.-tt-u,.ttu{text-transform:uppercase!important}
.-fwl,.-fw-l,.fwl{font-weight:100!important}
.-fwn,.-fw-n,.fwn{font-weight:400!important}
.-fwb,.-fw-b,.fwb{font-weight:700!important}
.-cfff,.-c-fff,.cfff{color:#fff!important}
.-c000,.-c-000,.c000{color:#000!important}
.-bgcfff,.-bgc-fff,.bgcfff{background-color:#fff!important}
.-bgc000,.-bgc-000,.bgc000{background-color:#000!important}
/*
other
*/
.-db,.-d-b,.db{display:block!important}
.-dib,.-d-ib,.dib{display:inline-block!important}
.-fln,.-fl-n,.fln{float:none!important}
.-fll,.-fl-l,.fll{float:left!important}
.-flr,.-fl-r,.flr{float:right!important}
.-posr,.-pos-r,.posr{position:relative!important}
.-posa,.-pos-a,.posa{position:absolute!important}
.-posf,.-pos-f,.posf{position:fixed!important}
.-clb:after,.-cl-b:after,.clb:after{clear:both}
.-clb:before,.-clb:after,.-cl-b:before,.-cl-b:after,.clb:before,.clb:after{content:" ";display:table}
.-ovh,.-ov-h,.ovh{overflow:hidden!important}
.-ovv,.-ov-v,.ovv{overflow:visible!important}
.-h100pc,.-h-100pc,.h100pc{height:100%!important}
}

@media(min-width: 640px) and (max-width: 1023px){
.d-n,.-d-n,.d-n-,.dn{display:none!important}
.m-0,.-m-0,.m-0-,.m0{margin:0!important}
.mlr-a,.-mlr-a,.mlr-a-,.mlra{margin-left:auto!important;margin-right:auto!important}
.mt-0,.-mt-0,.mt-0-,.mt0{margin-top:0!important}
.mt-5px,.-mt-5px,.mt-5px-,.mt5px{margin-top:5px!important}
.mt-10px,.-mt-10px,.mt-10px-,.mt10px{margin-top:10px!important}
.mt-15px,.-mt-15px,.mt-15px-,.mt15px{margin-top:15px!important}
.mt-30px,.-mt-30px,.mt-30px-,.mt30px{margin-top:30px!important}
.mt-45px,.-mt-45px,.mt-45px-,.mt45px{margin-top:45px!important}
.mb-0,.-mb-0,.mb-0-,.mb0{margin-bottom:0!important}
.mb-5px,.-mb-5px,.mb-5px-,.mb5px{margin-bottom:5px!important}
.mb-10px,.-mb-10px,.mb-10px-,.mb10px{margin-bottom:10px!important}
.mb-15px,.-mb-15px,.mb-15px-,.mb15px{margin-bottom:15px!important}
.mb-30px,.-mb-30px,.mb-30px-,.mb30px{margin-bottom:30px!important}
.mb-45px,.-mb-45px,.mb-45px-,.mb45px{margin-bottom:45px!important}
.ml-0,.-ml-0,.ml-0-,.ml0{margin-left:0!important}
.mr-0,.-mr-0,.mr-0-,.mr0{margin-right:0!important}
.p-0,.-p-0,.p-0-,.p0{padding:0!important}
.pt-0,.-pt-0,.pt-0-,.pt0{padding-top:0!important}
.pt-5px,.-pt-5px,.pt-5px-,.pt5px{padding-top:5px!important}
.pt-10px,.-pt-10px,.pt-10-,.pt10px{padding-top:10px!important}
.pt-15px,.-pt-15px,.pt-15-,.pt15px{padding-top:15px!important}
.pt-30px,.-pt-30px,.pt-30-,.pt30px{padding-top:30px!important}
.pt-45px,.-pt-45px,.pt-45px-,.pt45px{padding-top:45px!important}
.pb-0,.-pb-0,.pb-0-,.pb0{padding-bottom:0!important}
.pb-5px,.-pb-5px,.pt-5px-,.pb5px{padding-bottom:5px!important}
.pb-10px,.-pb-10px,.pt-10px-,.pb10px{padding-bottom:10px!important}
.pb-15px,.-pb-15px,.pt-15px-,.pb15px{padding-bottom:15px!important}
.pb-30px,.-pb-30px,.pt-30px-,.pb30px{padding-bottom:30px!important}
.pb-45px,.-pb-45px,.pt-45px-,.pb45px{padding-bottom:45px!important}
.pl-0,.-pl-0,.pb-0-,.pl0{padding-left:0!important}
.pr-0,.-pr-0,.pr-0-,.pr0{padding-right:0!important}

.ta-l,.-ta-l,.ta-l-,.tal{text-align:left!important}
.ta-r,.-ta-r,.ta-r-,.tar{text-align:right!important}
.ta-c,.-ta-c,.ta-c-,.tac{text-align:center!important}
.tt-u,.-tt-u,.tt-u-,.ttu{text-transform:uppercase!important}
.fw-l,.-fw-l,.fw-l-,.fwl{font-weight:100!important}
.fw-n,.-fw-n,.fw-n-,.fwn{font-weight:400!important}
.fw-b,.-fw-b,.fw-b-,.fwb{font-weight:700!important}
.c-fff,.-c-fff,.c-fff-,.cfff{color:#fff!important}
.c-000,.-c-000,.c-000-,.c000{color:#000!important}
.bgc-fff,.-bgc-fff,.bgc-fff-,.bgcfff{background-color:#fff!important}
.bgc-000,.-bgc-000,.bgc-000-,.bgc000{background-color:#000!important}

.d-b,.-d-b,.d-b-,.db{display:block!important}
.d-ib,.-d-ib,,.dib{display:inline-block!important}
.fl-n,.-fl-n,.fl-n-,.fln{float:none!important}
.fl-l,.-fl-l,.fl-l-,.fll{float:left!important}
.fl-r,.-fl-r,.fl-r-,.flr{float:right!important}
.pos-r,.-pos-r,.pos-r-,.posr{position:relative!important}
.pos-a,.-pos-a,.pos-a-,.posa{position:absolute!important}
.pos-f,.-pos-f,.pos-f-,.posf{position:fixed!important}
.cl-b:after,.-cl-b:after,.cl-b-:after,.clb:after{clear:both}
.cl-b:before,.cl-b:after,.-cl-b:before,.-cl-b:after,.cl-b-:before,.cl-b-:after,.clb:before,.clb:after{content:" ";display:table}
.ov-h,.-ov-h,.ov-h-,.ovh{overflow:hidden!important}
.ov-v,.-ov-v,.ov-v-,.ovv{overflow:visible!important}
.h-100pc,.-h-100pc,.h-100pc-,.h100pc{height:100%!important}
}
@media (min-width: 1024px){
.dn-,.d-n-,.dn{display:none!important}
.m0-,.m-0-,.m0{margin:0!important}
.mlra-,.mlr-a-,.mlra{margin-left:auto!important;margin-right:auto!important}
.mt0-,.mt-0-,.mt0{margin-top:0!important}
.mt5px-,.mt-5px-,.mt5px{margin-top:5px!important}
.mt10px-,.mt-10px-,.mt10px{margin-top:10px!important}
.mt15px-,.mt-15px-,.mt15px{margin-top:15px!important}
.mt30px-,.mt-30px-,.mt30px{margin-top:30px!important}
.mt45px-,.mt-45px-,.mt45px{margin-top:45px!important}
.mb0-,.mb-0-,.mb0{margin-bottom:0!important}
.mb5px-,.mb-5px-,.mb5px{margin-bottom:5px!important}
.mb10px-,.mb-10px-,.mb10px{margin-bottom:10px!important}
.mb15px-,.mb-15px-,.mb15px{margin-bottom:15px!important}
.mb30px-,.mb-30px-,.mb30px{margin-bottom:30px!important}
.mb45px-,.mb-45px-,.mb45px{margin-bottom:45px!important}
.ml0-,.ml-0-,.ml0{margin-left:0!important}
.mr0-,.mr-0-,.mr0{margin-right:0!important}
.p0-,.p-0-,.p0{padding:0!important}
.pt0-,.pt-0-,.pt0{padding-top:0!important}
.pt5px-,.pt-5px-,.pt5px{padding-top:5px!important}
.pt10px-,.pt-10px-,.pt10px{padding-top:10px!important}
.pt15px-,.pt-15px-,.pt15px{padding-top:15px!important}
.pt30px-,.pt-30px-,.pt30px{padding-top:30px!important}
.pt45px-,.pt-45px-,.pt45px{padding-top:45px!important}
.pb0-,.pb-0-,.pb0{padding-bottom:0!important}
.pb5px-,.pb-5px-,.pb5px{padding-bottom:5px!important}
.pb10px-,.pb-10px-,.pb10px{padding-bottom:10px!important}
.pb15px-,.pb-15px-,.pb15px{padding-bottom:15px!important}
.pb30px-,.pb-30px-,.pb30px{padding-bottom:30px!important}
.pb45px-,.pb-45px-,.pb45px{padding-bottom:45px!important}
.pl0-,.pl-0-,.pl0{padding-left:0!important}
.pr0-,.pr-0-,.pr0{padding-right:0!important}

.tal-,.ta-l-,.tal{text-align:left!important}
.tar-,.ta-r-,.tar{text-align:right!important}
.tac-,.ta-c-,.tac{text-align:center!important}
.ttu-,.tt-u-,.ttu{text-transform:uppercase!important}
.fwl-,.fw-l-,.fwl{font-weight:100!important}
.fwn-,.fw-n-,.fwn{font-weight:400!important}
.fwb-,.fw-b-,.fwb{font-weight:700!important}
.cfff-,.c-fff-,.cfff{color:#fff!important}
.c000-,.c-000-,.c000{color:#000!important}
.bgcfff-,.bgc-fff-,.bgcfff{background-color:#fff!important}
.bgc000-,.bgc-000-,.bgc000{background-color:#000!important}

.db-,.d-b-,.db{display:block!important}
.dib-,.d-ib-,.dib{display:inline-block!important}
.fln-,.fl-n-,.fln{float:none!important}
.fll-,.fl-l-,.fll{float:left!important}
.flr-,.fl-r-,.flr{float:right!important}
.posr-,.pos-r-,.posr{position:relative!important}
.posa-,.pos-a-,.posa{position:absolute!important}
.posf-,.pos-f-,.posf{position:fixed!important}
.cb-:after,.cl-b-:after,.clb:after{clear:both}
.cl-b-:before,.cl-b-:after,.cl-b-:before,.cl-b-:after,.clb:before,.clb:after{content:" ";display:table}
.ovh-,.ov-h-,.ovh{overflow:hidden!important}
.ovv-,.ov-v-,.ovv{overflow:visible!important}
.h100pc-,.h-100pc-,.h100pc{height:100%!important}
}
.zi1{z-index:1!important}
/*GRIDS*/
*,*:after,*:before{box-sizing:border-box}
:root{
/*gutter*/
--_0:0px;
--s: 10px;
--hs: 5px;
--m: 20px;
--hm: 10px;
--l: 30px;
--hl: 15px;
/*width of cell h - half of one elven unit*/
--0h: 4.1667%;
--1:  8.3333%;
--1h: 12.5%;
--2:  16.6667%;
--2h: 20.8333%;
--3:  25%;
--3h: 29.1667%;
--4:  33.3333%;
--4h: 37.5%;
--5:  41.6667%;
--5h: 45.8333%;
--6:  50%;
--6h: 54.1667%;
--7:  58.3333%;
--7h: 62.5%;
--8:  66.6667%;
--8h: 70.8333%;
--9:  75%;
--9h: 79.1667%;
--10: 83.3333%;
--10h:87.5%;
--11: 91.6667%;
--11h:95.8333%;
--12: 100%;
/*number cells of list*/
--n5: 20%;
--n7: 14.2857%;
--n9: 11.1111%;
--n10:10%;
--n11:9.0909%;
}

/*
flexbox (.df,.grid - flexbox containers; .fx,.cell - flexbox inner cells)
*/
.df,.grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;box-sizing:border-box}
.fx,.cell{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box}
/*
Widths - responsive/fixed flex-grid utilities, exmpl:
<wrap>
    <non-grid-content h1,p,etc>
    <grid>
        <cell w6>content (and inner grids)
*/
.wrap{margin-left:auto;margin-right:auto;width:100%}
/*
widths for list-cells, exmpl:<ul class="grid li4"><li>
*/
ul.grid{padding-left:0}
.grid>li{list-style:none}

@media(max-width: 639px){
.wrap{padding-left:var(--s);padding-right:var(--s)}
.grid{--_:var(--s);margin:calc(var(--_hs)*-1)}
.cell,.grid>li{margin:var(--_hs);width:calc(var(--12) - var(--_))}

.grid.-_0,.grid.-_-0,.grid._0,
.grid.-_0,.grid.-_-0,.grid._0,
.grid.-_0,.grid.-_-0,.grid._0{--_:var(--_0)}

ul.grid.-liauto>li,
ul.grid.-li-auto->li,
ul.grid.liauto>li{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;width:calc(var(--12) - var(--_))}

.-w0h,.-w-0h,.w0h{width:calc(var(--0h) - var(--_))}
.-w1,.-w-1,.w1,.-li12>li,.-li-12>li,.li12>li{width:calc(var(--1) - var(--_))}
.-w1h,.-w-1h,.w1h,.-li8>li,.-li-8>li,.li8>li{width:calc(var(--1h) - var(--_))}
.-w2,.-w-2,.w2,.-li6>li,.-li-6>li,.li6>li{width:calc(var(--2) - var(--_))}
.-w2h,.-w-2h,.w2h{width:calc(var(--2h) - var(--_))}
.-w3,.-w-3,.w3,.-li4>li,.-li-4>li,.li4>li{width:calc(var(--3) - var(--_))}
.-w3h,.-w-3h,.w3h{width:calc(var(--3h) - var(--_))}
.-w4,.-w-4,.w4,.-li3>li,.-li-3>li,.li3>li{width:calc(var(--4) - var(--_))}
.-w4h,.-w-4h,.w4h{width:calc(var(--4h) - var(--_))}
.-w5,.-w-5,.w5{width:calc(var(--5) - var(--_))}
.-w5h,.-w-5h,.w5h{width:calc(var(--5h) - var(--_))}
.-w6,.-w-6,.w6,.-li2>li,.-li-2>li,.li2>li{width:calc(var(--6) - var(--_))}
.-w6h,.-w-6h,.w6h{width:calc(var(--6h) - var(--_))}
.-w7,.-w-7,.w7{width:calc(var(--7) - var(--_))}
.-w7h,.-w-7h,.w7h{width:calc(var(--7h) - var(--_))}
.-w8,.-w-8,.w8{width:calc(var(--8) - var(--_))}
.-w8h,.-w-8h,.w8h{width:calc(var(--8h) - var(--_))}
.-w9,.-w-9,.w9{width:calc(var(--9) - var(--_))}
.-w9h,.-w-9h,.w9h{width:calc(var(--9h) - var(--_))}
.-w10,.-w-10,.w10{width:calc(var(--10) - var(--_))}
.-w10h,.-w-10h,.w10h{width:calc(var(--10h) - var(--_))}
.-w11,.-w-11,.w11{width:calc(var(--11) - var(--_))}
.-w11h,.-w-11h,.w11h{width:calc(var(--11h) - var(--_))}
.-w12,.-w-12,.w12,.-li1>li,.-li-1>li,.li1>li{width:calc(var(--12) - var(--_))}

.-li5>li,.-li-5>li,.li5>li{width:calc(var(--n5) - var(--_))}
.-li7>li,.-li-7>li,.li7>li{width:calc(var(--n7) - var(--_))}
.-li9>li,.-li-9>li,.li9>li{width:calc(var(--n9) - var(--_))}
.-li10>li,.-li-10>li,.li10>li{width:calc(var(--n10) - var(--_))}
.-li11>li,.-li-11>li,.li11>li{width:calc(var(--n11) - var(--_))}
/*
offsets of cells (<div class="cell w1 ml1">)
*/
.-ml0h,.-ml-0h,.ml0h{margin-left:calc(var(--0h) + var(--hs))}
.-ml1,.-ml-1,.ml1{margin-left:calc(var(--1) + var(--hs))}
.-ml1h,.-ml-1h,.ml1h{margin-left:calc(var(--1h) + var(--hs))}
.-ml2,.-ml-2,.ml2{margin-left:calc(var(--2) + var(--hs))}
.-ml2h,.-ml-2h,.ml2h{margin-left:calc(var(--2h) + var(--hs))}
.-ml3,.-ml-3,.ml3{margin-left:calc(var(--3) + var(--hs))}
.-ml3h,.-ml-3h,.ml3h{margin-left:calc(var(--3h) + var(--hs))}
.-ml4,.-ml-4,.ml4{margin-left:calc(var(--4) + var(--hs))}
.-ml4h,.-ml-4h,.ml4h{margin-left:calc(var(--4h) + var(--hs))}
.-ml5,.-ml-5,.ml5{margin-left:calc(var(--5) + var(--hs))}
.-ml5h,.-ml-5h,.ml5h{margin-left:calc(var(--5h) + var(--hs))}
.-ml6,.-ml-6,.ml6{margin-left:calc(var(--6) + var(--hs))}
.-ml6h,.-ml-6h,.ml6h{margin-left:calc(var(--6h) + var(--hs))}
.-ml7,.-ml-7,.ml7{margin-left:calc(var(--7) + var(--hs))}
.-ml7h,.-ml-7h,.ml7h{margin-left:calc(var(--7h) + var(--hs))}
.-ml8,.-ml-8,.ml8{margin-left:calc(var(--8) + var(--hs))}
.-ml8h,.-ml-8h,.ml8h{margin-left:calc(var(--8h) + var(--hs))}
.-ml9,.-ml-9,.ml9{margin-left:calc(var(--9) + var(--hs))}
.-ml9h,.-ml-9h,.ml9h{margin-left:calc(var(--9h) + var(--hs))}
.-ml10,.-ml-10,.ml10{margin-left:calc(var(--10) + var(--hs))}
.-ml10h,.-ml-10h,.ml10h{margin-left:calc(var(--10h) + var(--hs))}
.-ml11,.-ml-11,.ml11{margin-left:calc(var(--11) + var(--hs))}
.-ml11h,.-ml-11h,.ml11h{margin-left:calc(var(--11h) + var(--hs))}
/*
flex orders;
*/
.-ord0,.-ord-0,.ord0{-webkit-order:-1;-ms-flex-order:-1;order:-1}
.-ord99,.-ord-99,.ord99{-webkit-order:99;-ms-flex-order:99;order:99}
/*
flex alignment along the x/y axis:start(0%), center(50%), end(100%)
*/
.-x0,.-x-0,.x0{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.-x50,.-x-50,.x50{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.-x100,.-x-100,.x100{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}

.-y0,.-y-0,.y0{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.-y50,.-y-50,.y50{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.-y100,.-y-100,.y100{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
}

@media (min-width: 640px) and (max-width: 1023px) {
.wrap{padding-left:var(--m);padding-right:var(--m)}
.grid{--_:var(--m);margin:calc(var(--hm)*-1)}
.cell,.grid>li{margin:var(--hm);width:calc(var(--12) - var(--_))}

.grid._-0,.grid._-0-,.grid.-_-0,.grid._0{--_:var(--_0)}

ul.grid.li-auto->li,
ul.grid.-li-auto>li,
ul.grid.li-auto->li,
ul.grid.liauto>li{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0}

.w-0h,.-w-0h,.w-0h-,.w0h{width:calc(var(--0h) - var(--_))}
.w-1,.-w-1,.w-1-,.w1,.li-12>li,.-li-12>li,.li-12->li,.li12>li{width:calc(var(--1) - var(--_))}
.w-1h,.-w-1h,.w-1h-,.w1h,.li-8>li,.-li-8>li,.li-8->li,.li8>li{width:calc(var(--1h) - var(--_))}
.w-2,.-w-2,.w-2-,.w2,.li-6>li,.-li-6>li,.li-6->li,.li6>li{width:calc(var(--2) - var(--_))}
.w-2h,.-w-2h,.w-2h-,.w2h{width:calc(var(--2h) - var(--_))}
.w-3,.-w-3,.w-3-,.w3,.li-4>li,.-li-4>li,.li-4->li,.li4>li{width:calc(var(--3) - var(--_))}
.w-3h,.-w-3h,.w-3h-,.w3h{width:calc(var(--3h) - var(--_))}
.w-4,.-w-4,.w-4-,.w4,.li-3>li,.-li-3>li,.li-3->li,.li3>li{width:calc(var(--4) - var(--_))}
.w-4h,.-w-4h,.w-4h-,.w4h{width:calc(var(--4h) - var(--_))}
.w-5,.-w-5,.w-5-,.w5{width:calc(var(--5) - var(--_))}
.w-5h,.-w-5h,.w-5h-,.w5h{width:calc(var(--5h) - var(--_))}
.w-6,.-w-6,.w-6-,.w6,.li-2>li,.-li-2>li,.li-2->li,.li2>li{width:calc(var(--6) - var(--_))}
.w-6h,.-w-6h,.w-6h-,.w6h{width:calc(var(--6h) - var(--_))}
.w-7,.-w-7,.w-7-,.w7{width:calc(var(--7) - var(--_))}
.w-7h,.-w-7h,.w-7h-,.w7h{width:calc(var(--7h) - var(--_))}
.w-8,.-w-8,.w-8-,.w8{width:calc(var(--8) - var(--_))}
.w-8h,.-w-8h,.w-8h-,.w8{width:calc(var(--8h) - var(--_))}
.w-9,.-w-9,.w-9-,.w9{width:calc(var(--9) - var(--_))}
.w-9h,.-w-9h,.w-9h-,.w9h{width:calc(var(--9h) - var(--_))}
.w-10,.-w-10,.w-10-,.w10{width:calc(var(--10) - var(--_))}
.w-10h,.-w-10h,.w-10h-,.w10h{width:calc(var(--10h) - var(--_))}
.w-11,.-w-11,.w-11-,.w11{width:calc(var(--11) - var(--_))}
.w-11h,.-w-11h,.w-11h-,.w11h{width:calc(var(--11h) - var(--_))}
.w-12,.-w-12,.w-12-,.w12,.li-1>li,.-li-1>li,.li-1->li,.li1>li{width:calc(var(--12) - var(--_))}

.li-5>li,.-li-5>li,.li-5->li,.li5>li{width:calc(var(--n5) - var(--_))}
.li-7>li,.-li-7>li,.li-7->li,.li7>li{width:calc(var(--n7) - var(--_))}
.li-9>li,.-li-9>li,.li-9->li,.li9>li{width:calc(var(--n9) - var(--_))}
.li-10>li,.-li-10>li,.li-10->li,.li10>li{width:calc(var(--n10) - var(--_))}
.li-11>li,.-li-11>li,.li-11->li,.li11>li{width:calc(var(--n11) - var(--_))}

.ml-0h,.-ml-0h,.ml-0h-,.ml0h{margin-left:calc(var(--0h) + var(--hm))}
.ml-1,.-ml-1,.ml-1-,.ml1{margin-left:calc(var(--1) + var(--hm))}
.ml-1h,.-ml-1h,.ml-1h-,.ml1h{margin-left:calc(var(--1h) + var(--hm))}
.ml-2,.-ml-2,.ml-2-,.ml2{margin-left:calc(var(--2) + var(--hm))}
.ml-2h,.-ml-2h,.ml-2h-,.ml2h{margin-left:calc(var(--2h) + var(--hm))}
.ml-3,.-ml-3,.ml-3-,.ml3{margin-left:calc(var(--3) + var(--hm))}
.ml-3h,.-ml-3h,.ml-3h-,.ml3h{margin-left:calc(var(--3h) + var(--hm))}
.ml-4,.-ml-4,.ml-4-,.ml4{margin-left:calc(var(--4) + var(--hm))}
.ml-4h,.-ml-4h,.ml-4h-,.ml4h{margin-left:calc(var(--4h) + var(--hm))}
.ml-5,.-ml-5,.ml-5-,.ml5{margin-left:calc(var(--5) + var(--hm))}
.ml-5h,.-ml-5h,.ml-5h-,.ml5h{margin-left:calc(var(--5h) + var(--hm))}
.ml-6,.-ml-6,.ml-6-,.ml6{margin-left:calc(var(--6) + var(--hm))}
.ml-6h,.-ml-6h,.ml-6h-,.ml6h{margin-left:calc(var(--6h) + var(--hm))}
.ml-7,.-ml-7,.ml-7-,.ml7{margin-left:calc(var(--7) + var(--hm))}
.ml-7h,.-ml-7h,.ml-7h-,.ml7h{margin-left:calc(var(--7h) + var(--hm))}
.ml-8,.-ml-8,.ml-8-,.ml8{margin-left:calc(var(--8) + var(--hm))}
.ml-8h,.-ml-8h,.ml-8h-,.ml8h{margin-left:calc(var(--8h) + var(--hm))}
.ml-9,.-ml-9,.ml-9-,.ml9{margin-left:calc(var(--9) + var(--hm))}
.ml-9h,.-ml-9h,.ml-9h-,.ml9h{margin-left:calc(var(--9h) + var(--hm))}
.ml-10,.-ml-10,.ml-10-,.ml10{margin-left:calc(var(--10) + var(--hm))}
.ml-10h,.-ml-10h,.ml-10h-,.ml10h{margin-left:calc(var(--10h) + var(--hm))}
.ml-11,.-ml-11,.ml-11-,.ml11{margin-left:calc(var(--11) + var(--hm))}
.ml-11h,.-ml-11h,.ml-11h-,.ml11h{margin-left:calc(var(--11h) + var(--hm))}

.ord-0,.-ord-0,.ord-0-,.ord0{-webkit-order:-1;-ms-flex-order:-1;order:-1}
.ord-99,.-ord-99,.ord-99-,.ord99{-webkit-order:99;-ms-flex-order:99;order:99}

.x-0,.-x-0,.x-0-,.x0{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.x-50,.-x-50,.x-50-,.x50{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.x-100,.-x-100-,.x-100-,.x100{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}

.y-0,.-y-0,.y-0-,.y0{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.y-50,.-y-50,.y-50-,.y50{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.y-100,.-y-100,.y-100-,.y100{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
}

@media(min-width:1024px){
.wrap{padding-left:var(--l);padding-right:var(--l)}
.grid{--_:var(--l);margin:calc(var(--hl)*-1)}
.cell,.grid>li{margin:var(--hl);width:calc(var(--12) - var(--_))}

.grid._0-,.grid._-0-,.grid._0,
.grid._0->.cell,.grid._-0->.cell,.grid._0>.cell,
.grid._0->li,.grid._-0->li,.grid._0>li{--_:var(--_0);margin:var(--_0)}

ul.grid.liauto->li,
ul.grid.li-auto->li,
ul.grid.liauto>li{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0}

.w0h-,.w-0h-,.w0h{width:calc(var(--0h) - var(--_))}
.w1-,.w-1-,.w1,.li12->li,.li-12->li,.li12>li{width:calc(var(--1) - var(--_))}
.w1h-,.w-1h-,.w1h,.li8->li,.li-8->li,.li8>li{width:calc(var(--1h) - var(--_))}
.w2-,.w-2-,.w2,.li6->li,.li-6->li,.li6>li{width:calc(var(--2) - var(--_))}
.w2h-,.w-2h-,.w2h{width:calc(var(--2h) - var(--_))}
.w3-,.w-3-,.w3,.li4->li,.li-4->li,.li4>li{width: calc(var(--3) - var(--_))}
.w3h-,.w-3h-,.w3h{width:calc(var(--3h) - var(--_))}
.w4-,.w-4-,.w4,.li3->li,.li-3->li,.li3>li{width:calc(var(--4) - var(--_))}
.w4h-,.w-4h-,.w4h{width:calc(var(--4h) - var(--_))}
.w5-,.w-5-,.w5{width:calc(var(--5) - var(--_))}
.w5h-,.w-5h-,.w5h{width:calc(var(--5h) - var(--_))}
.w6-,.w-6-,.w6,.li2->li,.li-2->li,.li2>li{width:calc(var(--6) - var(--_))}
.w6h-,.w-6h-,.w6h{width:calc(var(--6h) - var(--_))}
.w7-,.w-7-,.w7{width:calc(var(--7) - var(--_))}
.w7h-,.w-7h-,.w7h{width:calc(var(--7h) - var(--_))}
.w8-,.w-8-,.w8{width:calc(var(--8) - var(--_))}
.w8h-,.w-8h-,.w8h{width:calc(var(--8h) - var(--_))}
.w9-,.w-9-,.w9{width:calc(var(--9) - var(--_))}
.w9h-,.w-9h-,.w9h{width:calc(var(--9h) - var(--_))}
.w10-,.w-10-,.w10{width:calc(var(--10) - var(--_))}
.w10h-,.w-10h-,.w10h{width:calc(var(--10h) - var(--_))}
.w11-,.w-11-,.w11{width:calc(var(--11) - var(--_))}
.w11h-,.w-11h-,.w11h{width:calc(var(--11h) - var(--_))}
.w12-,.w-12-,.w12,.li1->li,.li-1->li,.li1>li{width:calc(var(--12) - var(--_))}

.li5->li,.li-5->li,.li5>li{width:calc(var(--n5) - var(--_))}
.li7->li,.li-7->li,.li7>li{width:calc(var(--n7) - var(--_))}
.li9->li,.li-9->li,.li9>li{width:calc(var(--n9) - var(--_))}
.li10->li,.li-10->li,.li10>li{width:calc(var(--n10) - var(--_))}
.li11->li,.li-11->li,.li11>li{width:calc(var(--n11) - var(--_))}

.ml0h-,.ml-0h-,.ml0h{margin-left:calc(var(--0h) + var(--hl))}
.ml1-,.ml-1-,.ml1{margin-left:calc(var(--1) + var(--hl))}
.ml1h-,.ml-1h-,.ml1h{margin-left:calc(var(--1h) + var(--hl))}
.ml2-,.ml-2-,.ml2{margin-left:calc(var(--2) + var(--hl))}
.ml2h-,.ml-2h-,.ml2h{margin-left:calc(var(--2h) + var(--hl))}
.ml3-,.ml-3-,.ml3{margin-left:calc(var(--3) + var(--hl))}
.mlh3-,.ml-3h-,.mlh3{margin-left:calc(var(--3h) + var(--hl))}
.ml4-,.ml-4-,.ml4{margin-left:calc(var(--4) + var(--hl))}
.ml4h-,.ml-4h-,.ml4h{margin-left:calc(var(--4h) + var(--hl))}
.ml5-,.ml-5-,.ml5{margin-left:calc(var(--5) + var(--hl))}
.ml5h-,.ml-5h-,.ml5h{margin-left:calc(var(--5h) + var(--hl))}
.ml6-,.ml-6-,.ml6{margin-left:calc(var(--6) + var(--hl))}
.ml6h-,.ml-6h-,.ml6h{margin-left:calc(var(--6h) + var(--hl))}
.ml7-,.ml-7-,.ml7{margin-left:calc(var(--7) + var(--hl))}
.ml7h-,.ml-7h-,.ml7h{margin-left:calc(var(--7h) + var(--hl))}
.ml8-,.ml-8-,.ml8{margin-left:calc(var(--8) + var(--hl))}
.ml8h-,.ml-8h-,.ml8h{margin-left:calc(var(--8h) + var(--hl))}
.ml9-,.ml-9-,.ml9{margin-left:calc(var(--9) + var(--hl))}
.ml9h-,.ml-9h-,.ml9h{margin-left:calc(var(--9h) + var(--hl))}
.ml10-,.ml-10-,.ml10{margin-left:calc(var(--10) + var(--hl))}
.ml10h-,.ml-10h-,.ml10h{margin-left:calc(var(--10h) + var(--hl))}
.ml11-,.ml-11-,.ml11{margin-left:calc(var(--11) + var(--hl))}
.ml11h-,.ml-11h-,.ml11h{margin-left:calc(var(--11h) + var(--hl))}

.ord00-,.ord-00-,.ord0{-webkit-order:-1;-ms-flex-order:-1;order:-1}
.ord99-,.ord-99-,.ord99{-webkit-order:99;-ms-flex-order:99;order:99}

.x0-,.x-0-,.x0{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.x50-,.x-50-,.x50{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.x100-,.x-100-,.x100{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}

.y0-,.y-0-,.y0{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.y50-,.y-50-,.y50{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.y100-,.y-100-,.y100{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--table

= = = = = = = = = = = = = = = = = = = = = = */
/*<div class="wrap-table">
<table class="table">*/

/* Tables */
.table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
  -webkit-overflow-scrolling: touch;

}
.table::-webkit-scrollbar {
  display: none;
}
.table td {
  padding: 11px .5em;
  vertical-align: top;
}
.table tr:first-child td {
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.table tr:nth-child(2n+1) {
  background: #eee;
}
.table tr:first-child {
  font-size: 1.1em;
  background: #757575;
}
.table tr.table_head td, .table tr.table_head th {
    background: #777;
    color: #fff;
    font-weight: 100;
    max-width: 50%;
    /* width: 100%; */
}
.table td {
  border: 1px solid #ddd;
}
.table tr td:first-child {
  font-weight: bold;
}
.table_second_child {
  text-align:center;font-size: 21px;
}
table.scroll {
  display: block;
  overflow: scroll;
  table-layout: auto;
}
table.scroll td {
  word-break: normal;
}
div.wrap-table {
  overflow-x: auto;
}

div.wrap-table::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
}
div.wrap-table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);  
}

div.wrap-table .table {
  display: table;
}
.table tr:hover td {
}

/*>>= = = = = = = = = = = = = = = = = = = = <<

--navbar

= = = = = = = = = = = = = = = = = = = = = = */
.navbar > ul {flex-wrap: nowrap !important;}
    
@media (max-width: 1023px) {
  input#nav-mobile, input#nav-mobile-open {display: none;}

  .navbar {
    position: fixed;
    width: 80%;
    max-width: 400px;
    height:100%;
    left: 0;
    top: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 9999;
    background: #fff;
    -webkit-transform: translateX(-250px);
    transform: translateX(-400px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
    overflow: visible;
    overflow-y: auto;
  }
  input#nav-mobile:checked + .navbar {
    z-index: 9999;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  label[for="nav-mobile-open"] {
    width: 100%;
    height: 100%;
    z-index: -1;
    background: none;
    top:0;
    left: 0;
    transition: all .2s cubic-bezier(.4,0,.2,1);
    cursor: pointer;
  }
  input#nav-mobile:checked ~ label[for="nav-mobile-open"] {
    background: rgba(0, 0, 0, .5);
    z-index: 99;

    position: fixed;
  }
  .navbar > ul > li > :first-of-type:nth-last-child(2) {
  }
  .navbar > ul > li > ul > li > :first-of-type:nth-last-child(2) {
    text-shadow: 500px 0 0 #ccc !important;
    margin-left: -500px;
    width: 0!important;
    transition-delay: .2s;
    transition: all 0 ease;
  }

  .navbar > ul > li:hover > :first-of-type:nth-last-child(2) {
  }
  .navbar > ul > li > ul > li:hover > :first-of-type:nth-last-child(2) {
    text-shadow: 1px 1px 0 #000 !important;
    margin-left: 0;
    width: 100%!important;
    transition-delay: .2s;
  }

  .navbar > ul {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 1px;
    list-style: none;
  }
  .navbar > ul > li {
    margin-top: 2px;
    border: none;
    cursor: pointer;
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    border-bottom: 1px outset #eee;
    border-top: 1px solid #eee;
    display: block;
    padding: 0;
  }
  .navbar > ul > li:hover,
  .navbar > ul > li.active {
    background: #ff9800;
  }
  .navbar > ul > li > a, .navbar > ul > li > span {
    color: #222;
    text-decoration: none;
    padding: 10px 10px;
    line-height: 35px;
    font-size: 18px;
    display: block;
    white-space: nowrap;
  }
  .navbar > ul > li > a:hover {}
  .navbar > ul > li > ul {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    list-style: none;
    background: rgba(0, 0, 0, 0);
    padding-top: 50px;
    margin-top: -50px;
    display: block;
    overflow: hidden;
    z-index: 999;
    position: relative;
    transition-delay: .3s;
  }

  .navbar > ul > li > ul:after {
    content: "+";
    position: absolute;
    right: 10px;
    top:10px;
    font-size:20px;
    font-weight: 800;
    color: #999;
    transition: all .2s linear;
  }
  .navbar > ul > li:active > ul:after,
  .navbar > ul > li:hover > ul:after,
  .navbar > ul > li > ul:hover:after {
    top:-9999px;
  }
  .navbar > ul > li:hover > ul,
  .navbar > ul > li > ul:hover {
    padding-top: 0;
    margin-top: 0;
  }
  /*.navbar > ul > li:hover > ul > li {
    height: 50px;
  }*/
  .navbar > ul > li:hover > ul > li,
  .navbar > ul > li > ul:hover > li {
    height: 50px;
    border-top: 1px solid #ddd;
    transition: all .2s linear;
  }
  .navbar > ul > li > ul > li {
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 0;
    overflow: hidden;
    transition: all .2s linear;
    border-top: 0px solid #ddd;
  }

  .navbar > ul > li > ul > li:hover,
  .navbar > ul > li > ul > li.active {
    background: #fff;
  }    
  .navbar > ul > li > ul > li > a {
    color: #222;
    text-decoration: none;
    padding: 0 10px;
    font-size: 16px;
    display: block;
    text-shadow: none;
    visibility: hidden;
    white-space: nowrap;
  }
  .navbar > ul > li:hover > ul > li > a {
    font-size: 16px;
    padding: 15px 10px;
    height: inherit;
    visibility: visible;
  }
  .navbar > ul > li > ul > li > ul {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
    list-style: none;
    transition: all .5s ease;
    background: #000;
    display: block;

  }
  .navbar > ul > li > ul > li > ul > li {
    border: none;
    box-shadow: none;
    cursor: pointer;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    border-right:1px solid rgba(0, 0, 0, 0.3);
    box-shadow:  0 -1px 0 rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #111;
    border-top: 1px solid #333;
    display: block;
    height: 0;
    transition: all .3s ease;
  }

  .navbar > ul > li > ul > li:hover > ul > li {
    height: inherit;
  }
  .navbar > ul > li > ul > li > ul > li:hover,
  .navbar > ul > li > ul > li > ul > li.active {
    background: #222;
  }    
  .navbar > ul > li > ul > li > ul > li > a {
    color: #ccc;
    text-decoration: none;
    padding: 10px;
    font-size: 0;
    display: block;

    white-space: nowrap;
    text-shadow: none;
  }
  .navbar > ul > li > ul > li:hover > ul > li > a {

    height: inherit;
    font-size: 14px;
  }

  label[for="nav-mobile"] {
    background: url("/_mod_files/ce_images/icon-png2x.png") 0 0 repeat-x;
    position: fixed;
    top: 7px;
    left: 5px;
    cursor: pointer;
    height: 30px;
    z-index: 2;
    width: 27px;
    font-weight: 100;
    line-height: 0;
    overflow:hidden;
    background-size: 70%;
  }

  input#nav-mobile:checked ~ label[for="nav-mobile"] {400px:45%;
  }

}
@media (min-width: 1024px) {
  input#nav-mobile, input#nav-mobile-open {display: none;}

  .navbar {
    transition: all .3s linear;
    width: 100%;
}
  .navbar > ul {
    list-style: none;
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    /* padding-left: 15px; */
    z-index: 9999;
    /* width: 100%; */
    /* overflow: hidden; */
}
  .navbar > ul > li {
    /* margin: 0; */
    position: relative;
    word-wrap: break-word;
    padding: 0;
    transition: all .3s linear;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar > ul > li:first-of-type {
      border-left: none;
  }
  .navbar > ul > li.active,
  .navbar > ul > li:hover {
  position: relative;
  box-shadow: inset 0 -4px 0 #ff9800;
  }

  .navbar > ul > li.active > a, .navbar > ul > li.active > span {
    text-decoration: none;
  }
  .navbar > ul > li:hover > a {}
  .navbar > ul > li > a, .navbar > ul > li > span {
    text-align: center;
    line-height: 22px;
    background: none;
    display: block;
    color: #000;
    font-weight: 100;
    transition: all .3s linear;
    font-size: 1.1vw;
    white-space: nowrap;
    width: 100%;
    text-transform: uppercase;
    text-shadow: none;
    /* letter-spacing: 0.5px; */
    font-family: Opensans;
    font-weight: bold;
    /* padding-left: 15px; */
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
}
.navbar > ul > li:last-of-type > a {
  box-shadow: 0 0 0 #999;
}
  .navbar > ul > li:first-child > a {
        border: none;
  }
  .navbar > ul > li.active > a, .navbar > ul > li.active > span, 
  .navbar > ul > li:hover > a {
  text-decoration: none;
  color: #000;
  text-shadow: none;
  }
  .navbar > ul > li > ul {
    padding-left: 0;
    height: 0;
    transition: all .3s ease;
    z-index: 9999;
    position: absolute;
    top: 100%;
    display: block;
    left: 0;
    border: 2px solid #fff;
    /* top: -999px; */
    background: #fff;
    padding-top: 5px;
    opacity: 0;
    visibility: hidden;
}
  .navbar > ul > li:hover > ul {
    height: initial;
    /* top: 100%; */
    opacity: 1;
    visibility: visible;
}
  .navbar > ul > li > ul > li {
    white-space: nowrap;
    list-style: none;
    text-align: left;
    transition: all .2s ease;
    padding: 0px 10px;
    height: 0;
    display: block;
    z-index: 9999;
    position: relative;
    background: #fff;
    width: 100%;
    min-width: 160px;
    /* border-radius: 5px; */
    /* border: 1px solid; */
    /* top: -999px; */
}
  .navbar > ul > li:hover > ul > li {
    height: 28px;
  }
  .navbar > ul > li:hover > ul > li>a{
  }

  .navbar > ul > li > ul > li:hover,
  .navbar > ul > li > ul > li.active{
    /* color: #fff; */
    display: block;
    line-height: 22px;
  }    
  .navbar > ul > li > ul > li.active > a {
    color: #172646;
  }
  .navbar > ul > li > ul > li > a {
    font-size: 13px;
    color: #172646;
    text-shadow: none;
    opacity: 0;
    width: initial;
    line-height: 14px;
    transition: all .2s ease;
    display: block;
    padding: 4px 10px;
    z-index: 9999;
    width: 100%;
        text-transform: uppercase;
}
  .navbar > ul > li > ul > li:hover > a {
    color: #ff9800;
    text-decoration: underline;
  }
  .navbar > ul > li:hover > ul > li > a {
    opacity: 1;
  }
  .navbar > ul > li > ul > li > ul {
    position: absolute;
    transition: all .3s ease;
    visibility: hidden;
    list-style: none;
    position: absolute;
    top: 0;
    left: 100%;
    transition: all .3s ease;
    opacity: 0;
    background: #121212;
  }

  .navbar > ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .navbar > ul > li > ul > li > ul > li {
    padding: 0 10px;
    border-radius: 5px;
  }
  .navbar > ul > li > ul > li > ul > li:hover,
  .navbar > ul > li > ul > li > ul > li.active {

  }
  .navbar > ul > li > ul > li > ul > li > a {
    font-family: Roboto Condensed, sans-serif;
    text-shadow: none;
    color: #fff;
  }
  .navbar > ul > li > ul > li:hover > ul > li > a {

  }
  .navbar > ul > li > ul > li > ul > li:hover > a {
    text-decoration: underline;
  }
}
@media (min-width: 1270px) {
  .navbar > ul {
  }

  .navbar > ul > li > a {}
  .navbar > ul > li {

  }
}
@media (min-width: 1400px) {
  .navbar > ul > li > a {
    font-size: 16px;
  }
  .navbar > ul > li {
    margin-right: 5px;
  }
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--flex-video

= = = = = = = = = = = = = = = = = = = = = = */

.flex-video {
  position: relative;
  padding-top: 10%;
  padding-bottom: 53.5%;
  height: 0;
  overflow: hidden; }
.flex-video.widescreen {
  padding-bottom: 56.34%; }
.flex-video.vimeo {
  padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/*>>= = = = = = = = = = = = = = = = = = = = <<


MODULE: Requirements CMS


= = = = = = = = = = = = = = = = = = = = = = */

/*>>= = = = = = = = = = = = = = = = = = = = <<

--MediaBox control

= = = = = = = = = = = = = = = = = = = = = = */
/* System: Start mediaBox control */

.MediaBox_shadow{
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100000;
}

* html .MediaBox_shadow{
    position: absolute;
}

.MediaBox{
    position: fixed;
    display: none;
    background: #fff;
    z-index: 100001;
}

* html .MediaBox{
    position: absolute;
}

.MediaBox_shadowL, .MediaBox_shadowR, .MediaBox_shadowT, .MediaBox_shadowB, .MediaBox_shadowLT, .MediaBox_shadowRT, .MediaBox_shadowLB, .MediaBox_shadowRB{
    position: absolute;
    overflow: hidden;
}

.MediaBox_shadowL, .MediaBox_shadowR{
    width: 15px;
    height: 100%;
    background: url(_img/ami_jsapi/shade-v.png) repeat-y;
}

.MediaBox_shadowL{
    left: -15px;
    top: 0px;
}

.MediaBox_shadowR{
    right: -15px;
    top: 0px;
    background-position: -15px 0px;
}

.MediaBox_shadowT, .MediaBox_shadowB{
    width: 100%;
    height: 15px;
    background: url(_img/ami_jsapi/shade-h.png) repeat-x;
}

.MediaBox_shadowT{
    left: 0px;
    top: -15px;
}

.MediaBox_shadowB{
    left: 0px;
    bottom: -15px;
    background-position: 0px -15px;
}

.MediaBox_shadowLT, .MediaBox_shadowRT, .MediaBox_shadowLB, .MediaBox_shadowRB{
    width: 15px;
    height: 15px;
    background: url(_img/ami_jsapi/shade-c.png) no-repeat;
}

.MediaBox_shadowLT{
    left: -15px;
    top: -15px;
}

.MediaBox_shadowRT{
    right: -15px;
    top: -15px;
    background-position: -15px 0px;
}

.MediaBox_shadowLB{
    left: -15px;
    bottom: -15px;
    background-position: 0px -15px;
}

.MediaBox_shadowRB{
    right: -15px;
    bottom: -15px;
    background-position: -15px -15px;
}

.MediaBox_speckLT{
    position: absolute;
    width: 0px;
    height: 0px;
}

.MediaBox_speckRB{
    position: absolute;
    width: 0px;
    height: 0px;
}

.MediaBox_close{
    position: absolute;
    width: 39px;
    height: 39px;
    right: -20px;
    top: -20px;
    background: url(_img/ami_jsapi/close.png);
    cursor: pointer;
}

.MediaBox_loader{
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin: -16px 0px 0px -16px;
    background: url(_img/ami_jsapi/loader.gif);
}

.MediaBox_container{
    margin: 10px 10px;
}

/* Black version */

.MediaBoxBlack{
    background: #000;
}

.MediaBoxBlack .MediaBox_shadowL, .MediaBoxBlack .MediaBox_shadowR{
    background-image: url(_img/ami_jsapi/glass-frame-v.png);
}

.MediaBoxBlack .MediaBox_shadowT, .MediaBoxBlack .MediaBox_shadowB{
    background-image: url(_img/ami_jsapi/glass-frame-h.png);
}

.MediaBoxBlack .MediaBox_shadowLT, .MediaBoxBlack .MediaBox_shadowRT, .MediaBoxBlack .MediaBox_shadowLB, .MediaBoxBlack .MediaBox_shadowRB{
    background-image: url(_img/ami_jsapi/glass-frame-c.png);
}

.MediaBoxBlack .MediaBox_speckLT{
    background-image: url(_img/ami_jsapi/glass-frame-c2lt.png);
}

.MediaBoxBlack .MediaBox_speckRB{
    background-image: url(_img/ami_jsapi/glass-frame-c2rb.png);
}

.MediaBoxBlack .MediaBox_close{
    right: -25px;
    top: -25px;
    background-image: url(_img/ami_jsapi/glass-frame-close.png);
}

.MediaBoxBlack .MediaBox_loader{
    background-image: url(_img/ami_jsapi/loader-black.gif);
}

.MediaBoxBlack .MediaBox_container{
    margin: 0px 0px;
}

img[data-ami-mbpopup],
.mb-image {
    cursor: url(_img/ami_jsapi/pointer_plus.png), pointer;
}

.MediaBox_loader{
    position: absolute;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin: -16px 0px 0px -16px;
    background: url(_img/ami_jsapi/loader.gif);
    z-index: 100002;
}

.MediaBox_group{
    margin: 10px;
    margin-bottom: 0px;
    font-style: italic;
}

.MediaBox_header{
    margin: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: bold;
}

.MediaBox_url{
    margin: 10px;
    margin-bottom: 0px;
    text-align: center;
}

.MediaBox_description{
    padding: 10px;
    padding-bottom: 0px;
}

.MediaBox_imageArea{
    position: relative;
}

.MediaBox_previous{
    position: absolute;
    left: -28px;
    top: 50%;
    width: 32px;
    height: 63px;
    margin-top: -32px;
    background: url(_img/ami_jsapi/mb-prev.png);
    cursor: pointer;
}

.MediaBox_next{
    position: absolute;
    right: -28px;
    top: 50%;
    width: 32px;
    height: 63px;
    margin-top: -32px;
    background: url(_img/ami_jsapi/mb-next.png);
    cursor: pointer;
}

.MediaBox_container{
    position: relative;
    margin: 10px 10px 0px 10px;
    text-align: center;
}

.MediaBox_zoom{
    margin: 10px;
    margin-bottom: 0px;
    text-align: right;
    font-style: italic;
}

.MediaBox_zoom a{
    font-style: italic;
}

#MediaBox_sliderPrevious{
    float: left;
    width: 10px;
    height: 20px;
    margin: 40px 0px 0px 10px;
    background: #00f;
    cursor: pointer;
}

#MediaBox_sliderNext{
    float: right;
    width: 10px;
    height: 20px;
    margin: 40px 10px 0px 0px;
    background: #00f;
    cursor: pointer;
}

.MediaBox .disabled{
    background: #ccf !important;
    cursor: default !important;
}

.MediaBox_slider{
    position: relative;
    overflow: hidden;
    height: 80px;
    margin: 10px 30px 0px 30px;
    white-space: nowrap;
}

.MediaBox_sliderImage{
    max-height: 80px;
    cursor: pointer;
}

.MediaBox_sliderDelimeter{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 10px;
}

.MediaBox_counter{
    margin: 10px;
    margin-bottom: 0px;
    text-align: right;
    font-style: italic;
}

/* SYSTEM: End mediaBox control */


/* SYSTEM: Start multiselectbox */

div.mselectFrame{
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid #848484;
    overflow: auto;
}

div.mselectOption, div.mselectOptionselected{
    padding: 0px 2px;
    white-space: nowrap;
    cursor: default;
}

div.mselectOptionselected{
    background: #5fabfe;
    color: #fff;
}

/* System: End multiselectbox */


/* MODULE: Start hyper modules: blog 
 * @tpl ami_multifeeds.tpl
 */

div.blog_item-small-row__header,
div.blog_item-row__header,
div.blog_item-small-row__cat_header,
blog_item-row__img_small-img{
    margin-bottom: 15px;
    padding-right: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
div.blog_item-small-row__header>a,
.blog_item-small-row__announce>p {
}
.l-extra1 div.blog_item-small-row__header>a,
.l-extra1 .blog_item-small-row__announce>p {
    color: #fff;
}

.blog_item-row__announce,
.blog_item-cat-row__announce,
.blog_item-small-row__announce,
.blog_item-row__img_small-img {
    margin-bottom: 10px;
    padding-right: 15px;
}

.image_click_blog {
    margin-bottom:15px;
}
.blog_item-row__img_small-img {
    margin-bottom:15px;
}
.blog_item .blog_item-row {
    overflow: hidden;
    display: block;
}
.blog-anounce_body {
    
}
@media(min-width:640px) {
    .image_click_blog {
        float: left;
        margin-right:15px;
    }
}
@media(min-width:640px) {
    .blog_item .blog_item-row__img_small-img  {
        float: left;
        margin-right:15px;
        overflow:hidden;
    }

}
@media(max-width:1023px) {
    .blog_item-small-row__img {
        text-align: center;
    }
    div.blog_item-small-row__header,
    .div.blog_item-small-row__header>a, 
    .blog_item-small-row__announce>p {
        text-align: center;
    }
}

/* MODULE: End hyper modules: blog 
 * @tpl ami_multifeeds.tpl
 */

/* System: Start discussion
 * @tpl discussion.tpl
 */
.popupContent {
    background:lightgray;
    padding:20px;
    border-radius:5px;
}
.discussion_amiroTEdDivPreview,
.quest_preview,
.forum_preview {
    border: 1px solid #A5A5A5;
    display: none;
    padding: 4px;
    background: #F0F0F0;
    margin-bottom: 10px;
    margin-left: 4px;
    margin-top: 6px;
}

.front_edit_msg, .quest_subject_item_row, .quest_answer_for, .forum_topic,
.forum_front_edit, .forum_tr_create_topic, .discussion_front_edit,
.discussion_span_answer_for {
    display: none;
}

.quest_bb_preview,
.forum_bb_preview {
    text-align:center;display:none;
}
a[name="forum"] ~ table,
a[name="forum"] ~ table>tbody,
a[name="forum"] ~ table>tbody>tr {
    width:100%;
    display:block;
}
.quest_quote_messages,
.quest_quote_messages tbody,
.quest_quote_messages tr {
    display: block;
    width:100%;
    max-width: 320px;
    overflow: hidden;
}
.amiroTEdCtrl {
    max-width:320px;
}
/* System: End discussion
 * @tpl discussion.tpl
 */


/**/
.nav-menu {

}
.nav-menu_position_top {

}
.nav-menu__item {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}

/*CMS utilities*/
.expand {display: none}
table[id*="sign"] {display: none!important;}
/*>>= = = = = = = = = = = = = = = = = = = = << 


MODULE: Custom styles


= = = = = = = = = = = = = = = = = = = = = = */

/*>>= = = = = = = = = = = = = = = = = = = = << 

all layouts

= = = = = = = = = = = = = = = = = = = = = = */
.wrap {
  max-width: 1000px;
  /* overflow: hidden; */
}

/*>>= = = = = = = = = = = = = = = = = = = = << 

layout header

= = = = = = = = = = = = = = = = = = = = = = */

.l-header {
  z-index: 99999;
  width: 100%;
  top: 0;
}

@media (max-width:1023px) {
  .l-header {
    position: initial;
    background: #ff9800;
  }


}

.logo {
    transition: all 0.3s linear;
    position: relative;
    display: block;
    z-index: 0;
    height: 130px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media(min-width:1024px){
  .logo:after {
      position: absolute;
      content: "";
      height: 100%;
      width: 700px;
      background: #ff9800;
      right: 0;
      top: 0;
      z-index: -1;
      -webkit-transform: skew(-36deg);
              transform: skew(-36deg);
      box-shadow: 30px 24px 0 #fff;
  }
}
.logo_title1  {
  font-size: 20px;
  transition: all .3s linear;
  text-shadow: 0px 0px 0px #fff;
  line-height: initial;
  text-transform: uppercase;
  text-align: center;
}
@media(min-width:1200px){
  .logo_title1{
    font-size: 28px;
  }
}

.logo_title2 {
  text-shadow: none;
  font-size: 15px;
  line-height: initial;
  text-align: center;
}
@media(max-width:1023px){
   .logo {
   }
  .logo_title1  {
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    transition: all .3s linear;
    background-position-y: 15px;
  }
  .logo_title2 {
    font-size: 20px;
  }

  .phone_code {
    color:#fff;
  }
}

@media(min-width:1024px){
    .logo {
      margin-bottom: -26px;
    }
    .top-links_link>a {
      color:#fff;
   }
}
@media(min-width:1400px){
 .logo {

 }
  .logo_title1  {
  }
  .logo_title2 {

font-size: 20px;

}
}


.phone {
}
.phone_text {
  font-size: 40px;
  /* line-height: 0px; */
  display: block;
  font-weight: bold;
    margin: 0 0 5px;
}
@media(max-width:639px){
  .phone_text {
    font-size: 24px;
  }
}
.phone_code {
  font-size: 16px;
  color: #191919;
  line-height: 24px;
}
@media(max-width:639px){
  .phone {
  text-align: center!important;
}
  .phone_text {
  color: #fff;
  }
  .phone_code {
  color: #fff;
  }
}

.bc_call {box-shadow: 0 4px 0 #ff9800;}
@media(max-width:1023px){
 .phone_text, .phone_code, .bc_call {color: #fff;}
}

.l-contacts {
}

.in-home .l-contacts {
  }
.top-links {

}
.top-links_link {
  font-size: 16px;
}
.top-links_link>a {
  transition: all .3s ease;
  font-size: 13px;
  font-family: Opensans;
  color: #fff;
}
@media (min-width:640px){
  .top-links_link>a {
    font-size: 13px;
  }
}
.top-links_link>a:hover {
  /* color: #fff; */
  text-shadow: none;
  box-shadow: 0 4px 0 #ff9800;
}
@media(min-width: 1200px){
  .top-links_link>a {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
@media (min-width:1024px) {
  .top-links_link>a {
    color: #172646;
  }
}


/*>>= = = = = = = = = = = = = = = = = = = = << 

layout nav

= = = = = = = = = = = = = = = = = = = = = = */
.l-nav {
  z-index: 999;
}
@media (min-width:1024px) {
  .l-nav {
    border-bottom: 0;
    z-index: 2;
    position: relative;
    /* transition: all .3s linear; */
  }
  .is-sticky .l-nav{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
  }
}
.wrap-nav{
  /* transition:all .3s ease; */
  background: #172646;
    background: url(_mod_files/ce_images/files/wraper.png) repeat-x #e7e7e7;
  z-index: 999;
  width: 100%!important;
}
/*.wrap-nav:before{
    left: 20%;
    transform: skew(-36deg);
    position: absolute;
    content: "";
    height: 100%;
    width: 100px;
    left: 100px;
    background: #172646;
    transition: 0.35s all ease;
    z-index: -1;
}*/
.is-sticky .wrap-nav {
    width: 100%!important;
    left:0;
    /* transition: all .3s ease; */
    box-shadow: 0 0 10px #000;
}

/*>>= = = = = = = = = = = = = = = = = = = = << 

layout slider

= = = = = = = = = = = = = = = = = = = = = = */
.l-slider{
    overflow: visible;
    position: relative;
    background-size: 100%;
    background: #ff9800;
}
.l-slider:after {
    content: "";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, transparent 59.9%, #fff 60%);
    margin-top: -30px;
}

/*>>= = = = = = = = = = = = = = = = = = = = <<

layout crumbs

= = = = = = = = = = = = = = = = = = = = = = */
.l-crumbs {
    list-style: none;
    height: 15vw;
    background-image: url(_mod_files/ce_images/files/slider01.jpg);
    background-image: url(_mod_files/ce_images/files/banner-profnastil.jpg);
    background-size: cover;
    background-position: 100% 0px;
    background-attachment: fixed;
    /* margin-bottom: 26px; */
}

.l-crumbs:after {
    content: "";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, transparent 59.9%, #fff 60%);
    margin-top: -30px;
}
.crumbs-wrap{
  background: rgba(0, 0, 0, 0.4);
  height: 15vw;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .09);
  transition: all .3s ease;
}

.l-crumbs .pages_path {
    margin-top: 0px;
    padding-bottom: 0;
    z-index: -1;
    text-align: left;
    left: 0;
    bottom: 100px;
    color: #fff;
}
.l-crumbs .pages_path a {
  color:#fff;
  font-weight: bold;
}
.page_header {
}
.page_header--title {
  text-align:left;
  line-height: 1.2963;
  font-size: 54px;
  color: #fff;
  margin-bottom: 70px;
}
/*>>= = = = = = = = = = = = = = = = = = = = << 

layout central

= = = = = = = = = = = = = = = = = = = = = = */
.l-central {
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}
@media(
    min-width: 1024px) {
  .l-central {padding-top: 20px;}
}

/*>>= = = = = = = = = = = = = = = = = = = = << 

layout crumbs

= = = = = = = = = = = = = = = = = = = = = = */
@media (max-width:1023px) {
  .l-crumbs div, .l-crumbs li {
    text-align: center;
  }
  .l-crumbs {
    display: none;
  }
}

/*>>= = = = = = = = = = = = = = = = = = = = << 

layout content

= = = = = = = = = = = = = = = = = = = = = = */
.l-content {

}

@media ( max-width:1023px) {
  .l-content div, .l-content li {
    /* text-align: center; */;}
}
.home-h1 {
}
h1:first-letter {
    box-shadow: 0 -4px 0 #ff9800;
}
.l-content
    p, .l-content ul, .l-content ol {list-style: none;}
.l-content
    ul,
.l-content ol{
  list-style-position: inside !important;
}
.l-content .catalog
    p,
.l-contentr .catalog li {
  overflow: auto;
}
.l-content
    p img{
    transition: all .3s ease;
    float: none;
}
@media (
    min-width:640px) {
  .l-content p img {
    float: left;
    margin: 3px 15px 5px 0!important;
    overflow: hidden;
  }
  .l-content p img,
  .l-content li img {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
    transition: all .3s ease;
  }
  .l-content a img:hover {
    box-shadow: 0 1px 11px 0 rgba(0,0,0,.5),0 4px 15px 0 rgba(0,0,0,.15);
  }
}
    ul.slick-slider-grid-container {
  padding: 0;
    opacity:0;
    transition: opacity .3s ease;
}
.l-content p a {
  box-shadow: 0 4px 0 #ff9800;
}


.homeSlider_img {
}
.homeSlider_img:before{
    content: '';
    background: url(_mod_files/ce_images/files/slider-pattern.png);
    position: absolute;
    top: 0;
    right: -60%;
    width: 150%;
    height: 1000px;
    -webkit-transform: rotate(30deg);
    transform: rotate(125deg);
    background: rgba(255, 255, 255, 0.72);
    display: none;
}
.homeSlider_title {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 54px;
    /* max-width: 700px; */
    line-height: 70px;
    font-weight: 600;
    font-family: Roboto Condensed;
    text-align: center;
    text-shadow: 0 0 0 #000;
    /* max-height: 150px; */
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}
.homeSlider_title-wrap {
  
max-width: 700px;
  
max-height: 150px;
  
margin: auto;
  
position: relative;
  
height: 150px;
  
margin-top: 10%;
}
@media(
    max-width:1023px) {
  .homeSlider_title {
    /* top: 20%; */
    font-size: 30px;
    line-height: 50px;
    /* max-width: 300px; */
  }
}
/*---------------blog-----------*/
.pager_pages {
    display: none;
}

/* ---------- catalog ---------- */
.main-catalog {

}
.main-catalog--sub {

}
.main-catalog_item {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
    transition: all .3s ease;
}
.main-catalog_item--link:hover {
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.4),0 2px 11px 0 rgba(0,0,0,.15);
}
.main-catalog_title {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding-top: 10px;
}
.main-catalog_link {
}
.main-catalog_img {
    box-shadow: none!important;
}
.main-catalog_text {
    color: #333;
    font-family: Roboto Condensed;
    padding: 5px;
    margin: 0;
    text-align: center;
}

.product-card {
    /* margin: 30px 0; */
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09); */
    /* background: #f2f2ff; */
    /* background: #ff9800; */
    /* color: #fff; */
}
.product-card_img {
    text-align: center;
}
.product-card_text {
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
/* ---------- home ---------- */

.whywe {

margin-top: 10px;

margin-bottom: 30px;
}
.whywe_item {
    color: #fff;
}
.whywe_title {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 15px;
}
.whywe_img {
    width: 92px;
    text-align:center;
    padding: 22px;
    border-radius: 50%;
    overflow: hidden;
    background: #ff9800;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
    transition: all .3s ease;
    margin: auto;
    height: 90px;
}
    ul.whywe div.whywe_img>img {
  overflow: hidden;
  float: none;
  margin: 0!important;
  box-shadow: none;
  width: 70px;
}
    ul.whywe .whywe_item>.whywe_img>img:hover {;}
.whywe_text {
    margin-top: 15px;
}

.mark {
    color: red;
}


/*>>= = = = = = = = = = = = = = = = = = = = <<

layout extra

= = = = = = = = = = = = = = = = = = = = = = */
.l-extra {
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* background: url(_mod_files/ce_images/files/extra2-bg.jpg) 0 0 no-repeat fixed; */
    background: #eee;
}
@media(
    max-width: 1023px){
  .l-extra {
    /* background: #EE7722; */;}
}
.l-special-offer{
    overflow: hidden;
    min-height: 350px;
    color: #fff;
    text-shadow: 0px 0px 1px #000;
}


.in-home .l-ceiling {
    /* min-height: 400px; */
}

.in-main .l-ceiling {

}
.wrap-ceiling {

}
.ceiling {
  
}
.ceiling_img {
}
.ceiling_img img {
  background: #f2f2ff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .09);
}
.ceiling_text {

}

@media(min-width:1024px){
  .wrap-ceiling {
      /* background: #ff9800; */
      /* transform: skew(-36deg); */
      /* box-shadow: 30px 24px 0 #fff; */
  }
  .ceiling  {
    /* transform: skew(36deg); */
  }
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

layout extra1

= = = = = = = = = = = = = = = = = = = = = = */

.l-extra1 {
    overflow: hidden;
    background: #7f7f7f;
}
.l-extra1:before {
    content:"";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, #fff 29.9%, #7f7f7f 30%);
}
.l-extra1:after {
    content:"";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, #7f7f7f 69.9%, #eee 70%);
}

/*
.products-title {

}
.products {

}
.products_item {
  display: block;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.12),0 2px 10px 0 rgba(0,0,0,.09);
  transition: all .3s ease;
}
.products_item:hover {
  box-shadow: 0 1px 11px 0 rgba(0,0,0,.5),0 4px 15px 0 rgba(0,0,0,.15);
}
.products_figure {
  position: relative;
  overflow: hidden;
}
.products_img {
  transition: all .3s ease;

}
.products_item:hover .products_img {
  transform: scale(1.1);}
.products_title {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  padding: 10px;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 800;
  -webkit-transition: all 0.4s ease;
  text-align: left;
  transition: all .3s ease;
}
.products_item:hover .products_title {
  color: #ED7823;
  font-size: 26px;
  line-height: 34px;
  text-shadow: 1px 1px 0px #eee;
  width: 100%;
}
.products_description {
  color: #333;
  background: #ED7823;
  text-align: left;
  padding: 15px;
  font-family: Roboto Condensed;
  color: #fff;
  transition: all .3s ease;
}
.products_item:hover .products_description {
  background: #444;
}
*/













.products-title {
    line-height: 39px;
    font-weight: 600;
    font-size: 45px;
    text-align: center;
}

.products {}


.products_figure:after, .products_figure:hover:after {
    opacity: 0;
}
.products_figure:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(246, 233, 210, 0.15);
    transition: 0.3s all ease;
    opacity: 1;
}
.products_item.waves-float {
    display: block;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0 rgba(0, 0, 0, .09);
    transition: all .3s ease;
    cursor: auto!important;
}
.products_item--home {
    /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .12), 0 0px 0px 0 rgba(0, 0, 0, .09);*/
}
.products_item:hover {
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, .5), 0 4px 15px 0 rgba(0, 0, 0, .15);
}

.products_figure {
    position: relative;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #ddd;
    background: #fff;
}


.products_img {
    transition: all .3s ease;
    display: block;
    margin: auto;
}
.products_item:hover {
}
.products_item:hover .products_img {
    /* transform: scale(1.05) rotate(1deg); */
    /* box-shadow: none; */
    /* display: block; */
    box-shadow: inset 30px 30px 10px #000;
}

.products_title {
    position: absolute;
    color: #fff;
    bottom: 0;
    right:0;
    padding: 8px 8px 8px 46px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    transition: all .5s ease;
    font-family: Opensans;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-transform: uppercase;
    background:#ff9800;
}
@media (min-width: 1220px){
  .products_title {
    background: linear-gradient(128deg, #ff9800 88%, transparent 88.5%);
    left: -30px;
  }
  .products_title:before {
    opacity: 0;
    left: 10px;
  }
  .products_item:hover .products_title {
    left:0;
  }
}

.products_title:before {
    content: '\27a4';
    position:absolute;
    font-size: 20px;
    line-height: 17px;
    color:#fff;
    transition: all .8s ease;
    opacity: 1;
    left: 10px;
}
.products_item:hover .products_title:before {
  opacity: 1;
  left: 20px;
}
.products_description {
    text-align: left;
    padding: 15px;
    transition: all .5s ease;
    background: #f5f5f5;
    color: #000;
}
.products_name {
    
}
.products_item:hover .products_description {}

.products_description tr {
    background:none!important;
}
.products_description td{
    border: none;
    padding: 4px;
}
.products_price {
       text-align: center;
    /* color: #f00; */
    box-shadow: 0 4px 0 #ff9800;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}
.products_see {
    display: block;
    font-size: 13px;
    text-align: center;
    color: #fff;
    max-width: 100%;
    text-transform: uppercase;
    padding: 8px;
    margin: 10px auto 0;
    background: #FF5722;
    border-radius: 8px;
}
.seebtn {
    max-width: 320px;
    margin: 15px 0;
    border-radius: 8px;
    background: #ff9800;
    display:block;
    padding: 10px 20px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    font-family: Opensans;
}
.seebtn:hover {
    text-shadow: none;
}
.bonus {
  
}


.l-posts {
    padding-top:30px;
    padding-bottom:30px;
    overflow: hidden;
}
.bot-links_link {
    margin-bottom: 22px;
}
.bot-links
    a {
  text-transform: uppercase;
    color: #ffd700;
    font-size: 18px;
}    
.l-callback {
    min-height:300px;
    overflow: hidden;
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

layout extra2

= = = = = = = = = = = = = = = = = = = = = = */
.l-extra2 {
    background: #eee;    border-top: 1px solid #bdbdbd;
}
.in-home .l-extra2 {
    background: #fff;
}

.action-wrap {
}
.action {
  
}
.action_btn {
    border: 2px solid #ed7823;
    padding: 21px 42px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    background-color: #ed7823;
    text-shadow: none;
    border-radius: 0;
    display: block;
}
.action_btn:hover {
    background:none;
    color: #ed7823;
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

layout extra3

= = = = = = = = = = = = = = = = = = = = = = */
.l-extra3 {

}

/*>>= = = = = = = = = = = = = = = = = = = = <<

layout sidebar

= = = = = = = = = = = = = = = = = = = = = = */
.l-sidebar {
    padding-bottom: 30px;
}
@media(
    min-width:1024px){
  .l-sidebar {

padding-top: 25px;
}

}

.side-nav{

}
.side-nav_item {
    list-style:none;
    padding-left:0;
    margin: 0;
}
.side-nav_item-title {
    font-size:30px;
    line-height:30px;
    margin-top: 0;
}
.side-nav_item-title,
.side-nav_item-title
    a{
  transition: all .3s ease;
    color: #ffa930;
}
.side-nav_item-title:hover,
.side-nav_item-title
    a:hover{
  color: #147fcb;
}
.side-nav_item-link {
    line-height: 25px;
}
.news-announce--sidebar_title
    a {
  color: #ffa930;
    transition: all .3s ease;
}
.news-announce--sidebar_title
    a:hover {
  color: #147fcb;
}
.news_title {background: linear-gradient(130deg, #ff9800 90%, transparent 90.5%);left: -30px;}
.news_title {font-size: 12px; line-height: 16px;font-weight:600; padding:5px;margin-bottom:8px;color: #fff;    text-transform: uppercase;}
.name_otzyv {background: linear-gradient(130deg, #ff9800 20%, transparent 20.5%);font-size: 18px; line-height: 22px;font-weight:600; padding:8px;margin-bottom:8px;color: #fff; }
.quest_attach_icon {display:none;}
.cena_price {    margin: 15px 0;
    border-radius: 2px;
    background: #f5f5f5;
    display: block;
    color: #000;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: Opensans;
    padding: 9px;}
/*>>= = = = = = = = = = = = = = = = = = = = <<

layout footer

= = = = = = = = = = = = = = = = = = = = = = */
.l-footer {
    color: #fff;
    overflow: hidden;
    background: url(_mod_files/ce_images/files/banner-metalloprofil.jpg) 0 0 no-repeat;
}
.footer-wrap {
    background: rgba(23, 38, 70, 0.95);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%,#222 100%);padding-top:35px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);
}
.l-footer:before {
    content:"";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, #eee 29.9%, rgba(0, 0, 0, 0.5) 30%);
}
.in-home .l-footer:before {
    content:"";
    height: 30px;
    width: 100%;
    z-index: 0;
    position: relative;
    display: block;
    background: linear-gradient(130deg, #fff 29.9%, rgba(0, 0, 0, 0.5) 30%);
}
    h5 {;}
.sitemap {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin: 15px 0;
    color: #fff;
}
.sitemap
    i {
  font-size: 12px;
    line-height: 50px;
}

.logoimark {
    width: 53px;
    height: 31px;
    background: url(_mod_files/ce_images/files/logo11.png) 50% 50% no-repeat;
    background-size: 80%;
    margin: auto;
    padding-bottom: 28px;
    position: relative;
    overflow: hidden;
}

.pegi18 {
    margin: 25px 0 15px 0;
    text-align: center;
}

.counter {
    height: 31px;
    text-align: center;
    margin: 25px 0 15px 0;
}
@media(
    max-width: 1023px){
  .counter { display: none;}
}

.footer {
    display: table-row;
}
/* Footer */
.footer >
    div {
  vertical-align: bottom;
    display: table-cell;
}

.copyright {
    text-align: center;
}
.copyright
    h5 {
  color: #eee;

}

.bdrs5px {
    border-radius:5px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 35px;
    height: 35px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: rgba(61,183,239,0.8);
    border-radius: 0;
    border: 1px solid #fff;
    opacity: 0;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    background: rgba(255, 255, 255, 0.3);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0px;
    z-index: 1;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.slick-prev:before
{
    content: '\27a4';
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;
}


.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\27a4';
    font-weight: bold;
    font-size: 15px;
    line-height: 7px;
}


/* Dots */
.slick-slider
{
}

.slick-dots
{
    position: absolute;
    bottom: 15px;
    display: block;
    padding: 0 7px;
    height: 26px;
    float: right;
    clear: both;
    background: transparent;
    border-radius: 11px;
    right: 0;
    list-style: none;
    left: 0;
    max-width: 300px;
    margin: auto;
    text-align: center;
    z-index: 1;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
position: absolute;
top: 0;
left: 0;
margin: 0 4px;
border-radius: 7px;
width: 15px;
height: 15px;
background: #fff;
display: inline-block;
overflow: hidden;
content: ' ';
text-align: center;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: black;
    background: #ff9800;
}

.loader-gif {
    background: #fff url('data:image/gif;base64,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') center center no-repeat;
}
/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  /* display: inline-block; */
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}
.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 400px;
  padding: 15px 30px;
  border-radius: 8px;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
  background-color: #fff;
}

.modal a.close-modal {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,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") no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,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") #111 no-repeat center center;
  border-radius: 8px;
}
.cd-top {
  display:none;
}
@media (min-width: 0px) {
  .cd-top {
    display: inline-block;
    height: 22px;
    width: 30px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    overflow: hidden;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    font-size:30px;
    white-space: nowrap;
    text-decoration:none;
    text-shadow: 0px -1px 3px gray;
    background: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover {
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
  }
  .cd-top.cd-fade-out {
    opacity: .5;
  }
 .cd-top:hover {
    opacity: 1;
    text-shadow: -1px -1px 5px gray;
  }
}

.price_tovar {background: #fea41f;padding: 8px;color: #fff;text-align: center;background: linear-gradient(130deg, #ff9800 96%, transparent 96.5%);}







/*------------------ G.F.A ------------------*/
/* RAL colors block */
.ral_item {border-radius:8px;height:60px;width:100%;box-shadow:0 1px 4px gray;font-size:12px;font-family:Roboto Condensed;font-weight:800;padding:5px 5px}
.ral_id,.ral_name {position:relative;width:100%;text-align:left;display:block;line-height:14px}
.ral_item--ral1014 {color:#000; background:#e0cfa1}
.ral_item--ral1018 {color:#000; background:#fed82d}
.ral_item--ral3003 {color:#fff; background:#b10239}
.ral_item--ral3005 {color:#fff; background:#581e2a}
.ral_item--ral3011 {color:#fff; background:#931306}
.ral_item--ral5002 {color:#fff; background:#0c4da1}
.ral_item--ral5005 {color:#fff; background:#006cb7}
.ral_item--ral5021 {color:#fff; background:#00696f}
.ral_item--ral5024 {color:#000; background:#9fc4de}
.ral_item--ral6002 {color:#fff; background:#0a6f47}
.ral_item--ral6005 {color:#fff; background:#145f4a}
.ral_item--ral6019 {color:#000; background:#c3dea9}
.ral_item--ral6029 {color:#fff; background:#0a7251}
.ral_item--ral7004 {color:#000; background:#a8a9ad}
.ral_item--ral7024 {color:#fff; background:#45494e}
.ral_item--ral8004 {color:#fff; background:#b13b17}
.ral_item--ral8017 {color:#fff; background:#68110a}
.ral_item--ral9002 {color:#000; background:#e6e3d2}
.ral_item--ral9003 {color:#000; background:#fff}
.ral_item--ral9004 {color:#fff; background:#000}
.ral_item--ral9006 {color:#000; background:#8b8283}
.ral_item--rr11    {color:#fff; background:#39462c}
.ral_item--rr21    {color:#000; background:#bcbdc1}
.ral_item--rr29    {color:#fff; background:#940308}
.ral_item--rr32    {color:#fff; background:#4c281a}
/* RAL colors block */

.products_see { background: #ff9800; }
input[type="submit"] { background: #ff9800 !important; }
input[type="submit"]:hover { background: #ff5722; }
:root {--clr1: #ff9800; --clr2: #9e9e9e;}
* {-webkit-transition: all .5s ease !important; -o-transition: all .5s ease !important; transition: all .5s ease !important;}
.main_img {overflow: hidden; float: left; margin: 0 30px 5px 0; width: 300px;}
.main_img img {border-radius: 13px;}
.cb {clear:both}
.p10_ > * {padding: 10px;}
.zoom {overflow: hidden}
.zoom:hover img, .main_img:hover img {transform: scale(1.1,1.1)}
.products_text ul, .products_tex ul {padding-left: 5px}
.products_text, .products_tex {min-height: 130px}
.products_text ul li:nth-child(5) {text-align: center; margin: 8px auto 0; font-size: 16px}
.products_text ul li:nth-child(5) span {font-size: 18px;font-weight: bold; color: #ff9800}
.products .products_text ul, .products .products_tex ul { font-size: 12px; }
.products_tex *[itemprop="name"] {text-align: center;font-size: 16px; font-weight: bold; height: 66px;
    display: block; overflow: hidden}
.logo img {display:none;}
.flex {display:flex; justify-content:space-between; flex-wrap:wrap}
.df4 > * {min-width:200px; width: 24%}
.shadow > * {box-shadow: 0 0 5px #00000030}
.call-action {border-radius: 13px; padding: 6vw; background-image: url('_mod_files/ce_images/proflist/bg-proflist.jpg'); background-size: cover;}
.call-action:hover {background-position: center;}
.call-action-box {border: 2px solid #ff9800; text-align: center; background: #fffffff2;border-radius: 13px;}
.call-action-text {font-size: 18px; padding: 10px; font-family: 'Opensans';}
.call-action-link {width: 290px; margin: 10px auto;}
.attention_ {width: 300px;border: 2px solid var(--clr1);color:var(--clr1); text-align: center; font-size: 16px; 
    padding: 10px; font-weight: bold; margin: 20px auto; display: block;border-radius: 13px;text-decoration:none;}
.attention_:hover {color:#fff;background:var(--clr2);border: 2px solid var(--clr2);}
*[itemtype$="schema.org/Product"] {border-radius: 13px; border: 1px solid #ff9800; padding: 0 0 7px 0;}
*[itemtype$="schema.org/Product"] img {border-top-left-radius: 13px;border-top-right-radius: 13px}
*[itemtype$="schema.org/ImageObject"], *[itemtype$="schema.org/ImageObject"] img {border-radius: 13px}
*[itemprop="name"] {font-size: 18px; text-align: center; font-weight: bold; opacity: 0.99; height: 44px; 
    overflow: hidden; margin: 10px}
*[itemprop="description"] {list-style: none; text-align: left; padding: 0;margin: 10px 0 !important}
*[itemprop="description"] li b {float: right}
*[itemprop="description"] > * {padding: 0 10%;text-align: left}
*[itemprop="offers"] {text-align: center; font-weight: bold; font-size: 18px}
*[itemprop="lowPrice"], *[itemprop="offers"] span {font-size: 22px; color:var(--clr1)}
.flex2, .flex3, .flex4 {display: flex; flex-wrap: wrap; gap: 1rem;}
.flex2 > * {flex: 1 1 calc((100% / 2) - 2rem);}
.flex3 > * {flex: 1 1 calc((100% / 3) - 2rem);}
.flex4 > * {flex: 1 1 calc((100% / 4) - 2rem);}
.ral {margin: 0 auto 20px;}

.attention {width: 300px; border: 2px solid var(--clr1); color: var(--clr1); text-align: center; font-size: 16px;
    padding: 10px; font-weight: bold; margin: 40px auto 0; display: block; border-radius: 13px;
    text-decoration: none;}
.attention:hover {color: #fff; background: var(--clr2); border: 2px solid var(--clr2)}

/*-- Блок таблица цен --*/
#tab {width: 100%; overflow: auto; margin: 30px 0 0}
#tab table {width: 100%; text-align: center; table-layout: fixed; min-width: 700px}
#tab thead {font-weight: bold}
#tab td {width: calc((100% - 180px) / 9); padding: 5px 3px}
#tab td:nth-child(1) {text-align: left; width: 180px; font-weight: bold; padding-left: 10px; white-space: nowrap}
@media (min-width 700px) { #tab {overflow-x: scroll} }
/*-- Блок таблица цен --*/

/*-- Блок отзывов --*/
.otzivy{display:flex;gap:2rem;flex-wrap:wrap;margin:30px auto 0}.otzivy>*{flex:1 1 calc(100% / 3 - 2rem)}.otzivy>*:nth-child(-n+3){border-bottom:1px solid #ccc;padding:0 0 2rem}.otzivy>div>div{display:flex}.otzivy>div>div>img{margin:0 10px 0 0}.otzivy>div>div:nth-child(1){margin:0 0 15px 0}.otzivy>div>div:nth-child(1)>div{display:flex;flex-direction:column}.otzivy>div>div:nth-child(1)>div span:nth-child(2){color:#999}.otzivy>div>div:nth-child(2){margin:0 0 5px 0}.otzivy>div>div:nth-child(2) img{width:15px}.otzivy>div>div:nth-child(2)>div:nth-child(1){margin:0 10px 0 0;display:flex;align-items:center}.otzivy>div>div:nth-child(2){color:#999}.otzivy>div>div:nth-child(2) span{font-weight:bold;border:solid 1px #ccc;border-radius:3px;padding:3px;color:#000}@media(min-width:481px) and (max-width:768px){.otzivy>*{flex:1 1 calc(100% / 2 - 1rem);border-bottom:1px solid #ccc;padding:0 0 2rem}.otzivy>*:nth-last-child(-n+2),.otzivy>*:last-child{border-bottom:0}}@media(max-width:480px){.otzivy>*{flex:1 1 100%;border-bottom:1px solid #ccc;padding:0 0 2rem}.otzivy>*:last-child{border-bottom:0}}
/*-- Блок отзывов --*/

/*-- Блок вопросов и ответов --*/
.quest {display: flex; gap: 30px; margin: 30px auto 0;} 
.quest>*:first-child{border-top:1px solid #ed7823}
.quest>*:last-child{flex-basis:250px;width:250px;min-width:250px;border:solid 2px #ed7823;padding:20px;border-radius:13px;min-height:396px;height:min-content}
.quest>*:last-child p{font-size:20px}
.quest>*:last-child p:first-child{margin:0 auto}
.quest>*:last-child *{text-align:center}
.quest svg,.quest .svg{transition:.3s linear;cursor:pointer;width:45px;height:45px}
.quest .quest__details{padding-bottom:10px;border-bottom:1px solid #ed7823}
.quest .quest__details[open] svg{transform:rotate(90deg)}
.quest .quest__summary{font-weight:bold;font-size:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px 0 0}
.quest input{width:100%;font-size:14px;padding:7px;border-radius:8px;border:1px solid #999;margin:0 0 10px}
.quest input[type="checkbox"]{width:15px;margin:0}
.quest .span_check_agreement,.quest label{font-size:10px;line-height:1.2}
.quest button{width:100%;margin:20px auto;padding:7px;height:auto;border-radius:8px}
.quest form{width:100% !important;margin:15px auto 0}
@media(max-width:768px){.quest{flex-wrap:wrap}.quest>*:last-child{margin:0 auto}}
/*-- Блок вопросов и ответов --*/

.btn {padding: 5px; display: flex; justify-content: center; align-items: center; margin: 10px auto 0;
    text-align: center; width: 210px; color: #fff; background: #ff9800; border: 1px solid #fff;
    border-radius: 8px; text-decoration: none; cursor: pointer;}
.btn:hover {color: #ff9800; background: #fff; border: 1px solid #ff9800;}

.action-wrap{background:linear-gradient(135deg,#fff 25%,transparent 25%),linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(135deg,transparent 24%,rgb(237 120 35 / .15) 25%,rgb(237 120 35 / .15) 30%,transparent 31%,transparent 39%,rgb(237 120 35 / .15) 40%,rgb(237 120 35 / .15) 45%,transparent 45%),linear-gradient(45deg,transparent 24%,rgb(237 120 35 / .15) 25%,rgb(237 120 35 / .15) 30%,transparent 31%,transparent 39%,rgb(237 120 35 / .15) 40%,rgb(237 120 35 / .15) 45%,transparent 45%);background-size:1em 1em;background-color:#fff;padding:0;margin:30px auto 0;min-width:300px;min-height:200px}
.action-wrap .action{flex-basis:80%;min-height:150px;display:flex;flex-direction:column;justify-content:space-evenly}
.action-wrap .btn{font-size:20px;padding:12px 25px 15px;width:250px}
.action-wrap p{margin:0 auto}

/* css dlia str/ kartochki */
.crts>*{border:solid 1px var(--clr2);border-radius:13px;overflow:hidden;display:flex;width:100%;align-items:center;justify-content:center;padding:5px}
.crts>div:hover{border:solid 1px var(--clr1)}
.crts>div:hover img{transform:scale(1.1) translate(5px,-5px);transform-origin:center center}
.crts *[itemprop="description"]{width:100%}.crts>*:nth-child(2){max-width:250px;overflow:hidden}
@media(max-width:768px){.crts>*:nth-child(2){max-height:144px;max-width:100%}}
.telephone{white-space:nowrap}
.crts .telephone{font-size:18px;font-weight:bold}

.blks{text-align:center}
.blks>div{border:solid 1px var(--clr2);border-radius:8px;overflow:hidden;position:relative}
.blks>div:hover{border:solid 1px var(--clr1)}.blks>div:hover img{transform:scale(1.1) translate(5px,-5px);transform-origin:center center}
.blks>div>div:last-child{position:absolute;bottom:0;left:0;right:0;background:#ffffffd5;border-top:1px solid var(--clr2);padding:5px 0}
/* css dlia str/ kartochki */


#MediaBox, #MediaBox img {border-radius: 13px;}

@media (max-width: 768px) {
	.flex2 > * {flex: 1 1 calc((100% / 2) - 2rem);}
	.flex3 > * {flex: 1 1 calc((100% / 2) - 2rem);}
	.flex4 > * {flex: 1 1 calc((100% / 2) - 2rem);}
	.nav .navbar > ul {display: flex; flex-direction: column;}
}

@media (max-width: 500px) {
	.main_img {width: 100%; float: none; margin: 10px auto;}
	p {text-align: justify;}
}

@media (max-width: 480px) {
	.flex2 > * {flex: 1 1 calc(100% - 2rem);}
	.flex3 > * {flex: 1 1 calc(100% - 2rem);}
	.flex4 > * {flex: 1 1 calc(100% - 2rem);}
}
/*--------------------- GFA -----------------------*/

*[itemprop="offers"] {
    font-size: 0px !important;
	& * {font-size: 0px !important}
}
*[itemprop="offers"]:before {content: "Цена по запросу"; font-size: 18px !important;}
/*
 * FILE END: _mod_files/_css/ami_custom.css
 */