/*
 * Date created: 2026-05-26 20:53:22
 */
/*
 * 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
 */

@charset "UTF-8";
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'),
       url('font/RobotoCondensed/roboto-condensed.woff') format('woff'),
       url('font/RobotoCondensed/roboto-condensed.ttf') format('ttf'),
       url('font/RobotoCondensed/roboto-condensed.eot') format('eot');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed'),
       url('font/RobotoCondensed/roboto-boldcondensed.woff') format('woff'),
       url('font/RobotoCondensed/roboto-boldcondensed.ttf') format('ttf'),
       url('font/RobotoCondensed/roboto-boldcondensed.eot') format('eot');
}

/*CSS-framework: "Lucy-frame" v. 0.8.2
- - - - - - - - - - - - - - - - -
||      ||  ||  |||||| ||    ||    |||
||      ||  ||  ||      ||  ||     |||
||      ||  ||  ||        ||    |||||||||
||      ||  ||  ||        ||       ||| 
||||||  ||||||  ||||||    ||       |||
- - - - - - - - - - - - - - - -
I--РАЗРАБОТЧИКИ И ЛИЦЕНЗИИ
Разработка сайта:
- freetitelu@gmail.com (контакты/ник/префикс/даты разработчиков сайта)
Изменения сайта:
- <добавить при редизайне>
Лицензии:
- Snippet-bar "Lucy" (c) freetitelu@gmail.com MIT
- Normalize.css v3.0.2 MIT git.io/normalize 
- PocketGrid 1.1.0 (c) 2013 A.Leray MIT
- UIkit 2.10.0 (c) 2014 YOOtheme MIT
-<добавить при разработке/изменении сайта>
- - - - - - - - - - - - - - - - - -
II--АРХИТЕКТУРА CSS
МОДУЛИ ( Навигация - Ctrl-f и (примеры): 9--, --Example, >>, <<, >>>, <<< )
    -Lucy-code - одобренный (лично Lucy) инструментарий
    -imported-code - инструменты, добавленные при разработки сайта/ов
    -candidate-code - постоянные инструменты - кандидаты в Lucy
1-Defaults (кросбраузерные сбросы, стили печати, глобальные стили тегов)
2-Utilities-Tools (Один класс - одно действие. Используются много раз.
Можно добавлять, удалять, но не изменять (Lucy Flash Drive)
Использовать, только если создание нового селектора будет слишком затратно)
3-Snippets-Tools (один/два класса - много действий. Используется много раз.
можно в т.ч. изменять, но глобально - без привязки к контексту)
4-Widget-Tools (группа классов для одного виджета. Можно в т.ч. изменять. 
При повторном использовании (в некоторых случаях, если спецификация по месту 
расположения не целесообразна) предполагается дублирование классов с 
указанием в новых именах контекста/причины повторного использования)
5-Requirement-Tools (классы/селекторы, навязанные бэкендом)
6-Contextual-Semantic-Specific CSS(ваши спец.стили и спецификация 1-6 модулей)
7-Overrides (стили "postproduction editing", когда "всё сложно" в модулях 1-6)
- - - - - - - - - - - - - - - - - -
III--START CSS
>>>1--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
..||
||||      MODULE:
..||                --DEFAULTS
..||
||||||   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/



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

--Normalize and --Print
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

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}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{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;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}
@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}
@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


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

--Base
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

body {
    font: 16px/21px Helvetica, Arial;
    color: #444;
    background-size: 100%;
    background: #a71606;
}
/* Headings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin: 20px 0 15px 0;
    text-transform: none;
    text-align: center;
    font-family: Roboto Condensed;
    font-weight: 100;
}
@media (max-width: 1023px) {
    h1,.h1 { font-size: 24px; line-height: 30px; }
    h2,.h2 { font-size: 18px; line-height: 24px; }
    h3,.h3 { font-size: 16px; line-height: 22px; }
    h4,.h4 { font-size: 14px; line-height: 20px; }
    h5,.h5 { font-size: 12px; line-height: 18px; }
    h6,.h6 { font-size: 10px; line-height: 16px; }
}
@media (min-width: 1024px) {
    h1,.h1 { font-size: 36px; line-height: 42px;}
    h2,.h2 { font-size: 24px; line-height: 30px; }
    h3,.h3 { font-size: 18px; line-height: 24px; }
    h4,.h4 { font-size: 21px; line-height: 22px; }
    h5,.h5 { font-size: 14px; line-height: 20px; }
    h6,.h6 { font-size: 12px; line-height: 18px; }
}
a, .a {
    text-decoration: none;
    cursor: pointer;
    color: #a71606;
}


/* Images
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
img {
    max-width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
/* 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 {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #ddd;
    width: 100%;
}

/* Blockquotes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
blockquote {
    padding-left: 15px;
    border-left: 5px solid #dddddd;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

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

/* Iframe
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
iframe {
    border: 0;
}

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

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-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;}

input, .input {
    border: 2px solid rgba(220,220,220,1) !important;
    margin: 7px 0;
    color: #dbb558;
    font-size: 16px;
    box-shadow: 1px 1px 3px 1px rgba(200,200,200, 0.2) inset;
    padding: 5px;
    outline: none;
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    background: none;
    width: 100%;
}

input:hover, .input:hover {
    border: 2px solid #dbb558 !important;
    box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, 0.2) inset;
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* 
>>>2--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
.|||||
||..||    MODULE
...||               --Utilities-Tools
.||         Lucy-code
||||||    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/


/*CSS-library: "Lucy Flash Drive" v. 0.4.0
- - - - - - - - - - - - - - - - - -
||||||||||||||||||||||||||||||
|| ||||| ||| |||    || ||| ||Flash
|| ||||| ||| ||| |||||| | |||||| |
|| ||||| ||| ||| ||||||| ||||||| |
||    |||   ||||    |||| ||||Drive
||||||||||||||||||||||||||||||
- - - - - - - - - - - - - - - - - -*/

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

--Free simple Widths (aka PocketGrid)
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */
/*padding и border - в составе width, закомментировать при необходимости*/
*,*:after,*:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*Служебный код для "самодельных" нестандартных сеток*/
._grid:before,._grid:after{display:table;content:" ";line-height:0}
._grid:after{clear:both}
._grid{list-style-type:none;padding:0;margin:0}
._grid>._grid{clear:none;float:left;margin:0 !important}
._width{float:left;width:100%}

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

--Widths - non-responsive, non-grid utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.width-0  {width: 0%}  .width-5  {width: 5%}
.width-10 {width: 10%} .width-15 {width: 15%}
.width-20 {width: 20%} .width-25 {width: 25%}
.width-30 {width: 30%} .width-35 {width: 35%}
.width-40 {width: 40%} .width-45 {width: 45%}
.width-50 {width: 50%} .width-55 {width: 55%}
.width-60 {width: 60%} .width-65 {width: 65%}
.width-70 {width: 70%} .width-75 {width: 75%}
.width-80 {width: 80%} .width-85 {width: 85%}
.width-90 {width: 90%} .width-95 {width: 95%}
.width-100{width: 100%}

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

--Widths - responsive/fixed grid utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.grid {
    width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
.grid {
    max-width: 1234px;
}

.grid:before,.grid:after,
.grid>[class*="-width"]:first-child:after,
.grid>[class*="-width"]:last-child:before
 {content: " "; display: table}
.grid:after {clear: both}
.grid .grid {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    max-width: none;
}

[class*="-width"] {width: 100%; float: left; transition: width .5s ease; transition-delay: .2s;}
.grid>[class*="-width"]:first-child {padding-left: 0}
.grid>[class*="-width"]:first-child:after {clear: left}
.grid>[class*="-width"]:last-child {padding-right: 0}
.grid>[class*="-width"]:last-child:before {clear: right}

/*размеры "sm-" применимы, в т.ч. и к "true fixed design",
т.к. помимо "SMall-width", это еще и "Stark-@Media-width" */
[class*="sm"][class*="-width"] {padding-left: 5px;padding-right: 5px}

.sm1-width {width: 8.33333%;}
.sm2-width {width: 16.66667%;}
.sm3-width {width: 25%;}
.sm4-width {width: 33.33333%;}
.sm5-width {width: 41.66667%;}
.sm6-width {width: 50%;}
.sm7-width {width: 58.33333%;}
.sm8-width {width: 66.66667%;}
.sm9-width {width: 75%;}
.sm10-width{width: 83.33333%;}
.sm11-width{width: 91.66667%;}
.sm12-width{width: 100%;}

@media (min-width: 640px) {
    .grid {padding-left: 20px; padding-right: 20px;}
    [class*="md"][class*="-width"] {padding-left: 10px;padding-right: 10px;}
    .md1-width {width: 8.33333%}  .md7-width {width: 58.33333%}
    .md2-width {width: 16.66667%} .md8-width {width: 66.66667%}
    .md3-width {width: 25%}       .md9-width {width: 75%}
    .md4-width {width: 33.33333%} .md10-width{width: 83.33333%}
    .md5-width {width: 41.66667%} .md11-width{width: 91.66667%}
    .md6-width {width: 50%}       .md12-width{width: 100%}
}
@media (min-width: 1024px) {
    .grid {padding-left: 30px; padding-right: 30px;}
    [class*="lg"][class*="-width"] {padding-left: 15px;padding-right: 15px;}
    .lg1-width {width: 8.33333%}   .lg7-width {width: 58.33333%}
    .lg2-width {width: 16.66667%}  .lg8-width {width: 66.66667%}
    .lg3-width {width: 25%}        .lg9-width {width: 75%}
    .lg4-width {width: 33.33333%}  .lg10-width{width: 83.33333%}
    .lg5-width {width: 41.66667%}  .lg11-width{width: 91.66667%}
    .lg6-width {width: 50%}        .lg12-width{width: 100%}
}


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

--Positions aka push, pull, off-set left, 
off-set right - responsive utilities 
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

[class*="1-left"],[class*="2-left"],[class*="3-left"],
[class*="4-left"],[class*="5-left"],[class*="6-left"],
[class*="7-left"],[class*="8-left"],[class*="9-left"],
[class*="10-left"],[class*="11-left"]{right: auto; position: relative}
[class*="1-right"],[class*="2-right"],[class*="3-right"],
[class*="4-right"],[class*="5-right"],[class*="6-right"],
[class*="7-right"],[class*="8-right"],[class*="9-right"],
[class*="10-right"],[class*="11-right"]{left: auto; position: relative}

.sm1-left {left: 8.33333%}  .sm1-right {right: 8.33333%}
.sm2-left {left: 16.66667%} .sm2-right {right: 16.66667%}
.sm3-left {left: 25%}       .sm3-right {right: 25%}
.sm4-left {left: 33.33333%} .sm4-right {right: 33.33333%}
.sm5-left {left: 41.66667%} .sm5-right {right: 41.66667%}
.sm6-left {left: 50%}       .sm6-right {right: 50%}
.sm7-left {left: 58.33333%} .sm7-right {right: 58.33333%}
.sm8-left {left: 66.66667%} .sm8-right {right: 66.66667%}
.sm9-left {left: 75%}       .sm9-right {right: 75%}
.sm10-left{left: 83.33333%} .sm10-right{right: 83.33333%}
.sm11-left{left: 91.66667%} .sm11-right{right: 91.66667%}

.sm1-margin-left {margin-left: 8.33333%}
.sm2-margin-left {margin-left: 16.66667%}
.sm3-margin-left {margin-left: 25%}
.sm4-margin-left {margin-left: 33.33333%}
.sm5-margin-left {margin-left: 41.66667%}
.sm6-margin-left {margin-left: 50%}
.sm7-margin-left {margin-left: 58.33333%}
.sm8-margin-left {margin-left: 66.66667%}
.sm9-margin-left {margin-left: 75%}
.sm10-margin-left{margin-left: 83.33333%}
.sm11-margin-left{margin-left: 91.66667%}

.sm1-margin-right {margin-right: 8.33333%}
.sm2-margin-right {margin-right: 16.66667%}
.sm3-margin-right {margin-right: 25%}
.sm4-margin-right {margin-right: 33.33333%}
.sm5-margin-right {margin-right: 41.66667%}
.sm6-margin-right {margin-right: 50%}
.sm7-margin-right {margin-right: 58.33333%}
.sm8-margin-right {margin-right: 66.66667%}
.sm9-margin-right {margin-right: 75%}
.sm10-margin-right{margin-right: 83.33333%}
.sm11-margin-right{margin-right: 91.66667%}

@media (min-width: 640px) {
    .md1-left {left: 8.33333%}  .md1-right {right: 8.33333%}
    .md2-left {left: 16.66667%} .md2-right {right: 16.66667%}
    .md3-left {left: 25%}       .md3-right {right: 25%}
    .md4-left {left: 33.33333%} .md4-right {right: 33.33333%}
    .md5-left {left: 41.66667%} .md5-right {right: 41.66667%}
    .md6-left {left: 50%}       .md6-right {right: 50%}
    .md7-left {left: 58.33333%} .md7-right {right: 58.33333%}
    .md8-left {left: 66.66667%} .md8-right {right: 66.66667%}
    .md9-left {left: 75%}       .md9-right {right: 75%}
    .md10-left{left: 83.33333%} .md10-right{right: 83.33333%}
    .md11-left{left: 91.66667%} .md11-right{right: 91.66667%}
    
    .md1-margin-left {margin-left: 8.33333%}
    .md2-margin-left {margin-left: 16.66667%}
    .md3-margin-left {margin-left: 25%}
    .md4-margin-left {margin-left: 33.33333%}
    .md5-margin-left {margin-left: 41.66667%}
    .md6-margin-left {margin-left: 50%}
    .md7-margin-left {margin-left: 58.33333%}
    .md8-margin-left {margin-left: 66.66667%}
    .md9-margin-left {margin-left: 75%}
    .md10-margin-left{margin-left: 83.33333%}
    .md11-margin-left{margin-left: 91.66667%}

    .md1-margin-right {margin-right: 8.33333%}
    .md2-margin-right {margin-right: 16.66667%}
    .md3-margin-right {margin-right: 25%}
    .md4-margin-right {margin-right: 33.33333%}
    .md5-margin-right {margin-right: 41.66667%}
    .md6-margin-right {margin-right: 50%}
    .md7-margin-right {margin-right: 58.33333%}
    .md8-margin-right {margin-right: 66.66667%}
    .md9-margin-right {margin-right: 75%}
    .md10-margin-right{margin-right: 83.33333%}
    .md11-margin-right{margin-right: 91.66667%}
}

@media (min-width: 1024px) {
    .lg0-left {left: 0%}        .lg0-right {right: 0%}
    .lg1-left {left: 8.33333%}  .lg1-right {right: 8.33333%}
    .lg2-left {left: 16.66667%} .lg2-right {right: 16.66667%}
    .lg3-left {left: 25%}       .lg3-right {right: 25%}
    .lg4-left {left: 33.33333%} .lg4-right {right: 33.33333%}
    .lg5-left {left: 41.66667%} .lg5-right {right: 41.66667%}
    .lg6-left {left: 50%}       .lg6-right {right: 50%}
    .lg7-left {left: 58.33333%} .lg7-right {right: 58.33333%}
    .lg8-left {left: 66.66667%} .lg8-right {right: 66.66667%}
    .lg9-left {left: 75%}       .lg9-right {right: 75%}
    .lg10-left{left: 83.33333%} .lg10-right{right: 83.33333%}
    .lg11-left{left: 91.66667%} .lg11-right{right: 91.66667%}

    .lg0-margin-left {margin-left: 0%}
    .lg1-margin-left {margin-left: 8.33333%}
    .lg2-margin-left {margin-left: 16.66667%}
    .lg3-margin-left {margin-left: 25%}
    .lg4-margin-left {margin-left: 33.33333%}
    .lg5-margin-left {margin-left: 41.66667%}
    .lg6-margin-left {margin-left: 50%}
    .lg7-margin-left {margin-left: 58.33333%}
    .lg8-margin-left {margin-left: 66.66667%}
    .lg9-margin-left {margin-left: 75%}
    .lg10-margin-left{margin-left: 83.33333%}
    .lg11-margin-left{margin-left: 91.66667%}

    .lg0-margin-right {margin-right: 0%}
    .lg1-margin-right {margin-right: 8.33333%}
    .lg2-margin-right {margin-right: 16.66667%}
    .lg3-margin-right {margin-right: 25%}
    .lg4-margin-right {margin-right: 33.33333%}
    .lg5-margin-right {margin-right: 41.66667%}
    .lg6-margin-right {margin-right: 50%}
    .lg7-margin-right {margin-right: 58.33333%}
    .lg8-margin-right {margin-right: 66.66667%}
    .lg9-margin-right {margin-right: 75%}
    .lg10-margin-right{margin-right: 83.33333%}
    .lg11-margin-right{margin-right: 91.66667%}
}


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

--Grids for galleries - responsive utilities 
(use ul>li, Widths: 1 block=sm1, 2 blocks=sm2, etc.)
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

[class*="-grid"] {display: block;padding: 0;margin: 7.5px -7.5px;}
[class*="-grid"]:before,[class*="-grid"]:after{content:" ";display:table}
[class*="-grid"]:after {clear: both}
[class*="-grid"]>li{
    display: block;
    height: auto;
    float: left;
    padding: 7.5px; 
    list-style: none;
    transition: width .5s ease;
    transition-delay: .2s;
}

@media (max-width: 639px) {
    [class*="-grid"]:not([class^="sm"])>li{
        float: none;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}
.sm1-grid>li {width: 100%}      .sm7-grid>li {width: 14.28571%}
.sm2-grid>li {width: 50%}       .sm8-grid>li {width: 12.5%}
.sm3-grid>li {width: 33.33333%} .sm9-grid>li {width: 11.11111%}
.sm4-grid>li {width: 25%}       .sm10-grid>li{width: 10%}
.sm5-grid>li {width: 20%}       .sm11-grid>li{width: 9.09091%}
.sm6-grid>li {width: 16.66667%} .sm12-grid>li{width: 8.33333%}

/*centered block (like last)*/
.sm-center {margin-left: auto; margin-right: auto; float: none}
.sm-center:last-child {float: none}
.sm-uncenter-left {margin-left: 0; margin-right: 0; float: left}
.sm-uncenter-left:last-child {float: left}
.sm-uncenter-right {margin-left: 0; margin-right: 0; float: right}
.sm-uncenter-right:last-child {float: left}

.sm1-grid>li:nth-of-type(1n),.sm2-grid>li:nth-of-type(1n),
.sm3-grid>li:nth-of-type(1n),.sm4-grid>li:nth-of-type(1n),
.sm5-grid>li:nth-of-type(1n),.sm6-grid>li:nth-of-type(1n),
.sm7-grid>li:nth-of-type(1n),.sm8-grid>li:nth-of-type(1n),
.sm9-grid>li:nth-of-type(1n),.sm10-grid>li:nth-of-type(1n),
.sm11-grid>li:nth-of-type(1n),.sm12-grid>li:nth-of-type(1n){clear: none}
.sm1-grid>li:nth-of-type(1n+1),.sm2-grid>li:nth-of-type(2n+1),
.sm3-grid>li:nth-of-type(3n+1),.sm4-grid>li:nth-of-type(4n+1),
.sm5-grid>li:nth-of-type(5n+1),.sm6-grid>li:nth-of-type(6n+1),
.sm7-grid>li:nth-of-type(7n+1),.sm8-grid>li:nth-of-type(8n+1),
.sm9-grid>li:nth-of-type(9n+1),.sm10-grid>li:nth-of-type(10n+1),
.sm11-grid>li:nth-of-type(11n+1),.sm12-grid>li:nth-of-type(12n+1){clear:both}

@media (min-width: 640px) {
    [class*="-grid"]>li{padding: 7.5px;}
    .md1-grid>li {width: 100%}      .md7-grid>li {width: 14.28571%}
    .md2-grid>li {width: 50%}       .md8-grid>li {width: 12.5%}
    .md3-grid>li {width: 33.33333%} .md9-grid>li {width: 11.11111%}
    .md4-grid>li {width: 25%}       .md10-grid>li{width: 10%}
    .md5-grid>li {width: 20%}       .md11-grid>li{width: 9.09091%}
    .md6-grid>li {width: 16.66667%} .md12-grid>li{width: 8.33333%}
    
    /*centered block (like last)*/
    .md-center {margin-left: auto; margin-right: auto; float: none}
    .md-center:last-child {float: none}
    .md-uncenter-left {margin-left: 0; margin-right: 0; float: left}
    .md-uncenter-left:last-child {float: left}
    .md-uncenter-right {margin-left: 0; margin-right: 0; float: right}
    .md-uncenter-right:last-child {float: left}
    
    .md1-grid>li:nth-of-type(1n),.md2-grid>li:nth-of-type(1n),
    .md3-grid>li:nth-of-type(1n),.md4-grid>li:nth-of-type(1n),
    .md5-grid>li:nth-of-type(1n),.md6-grid>li:nth-of-type(1n),
    .md7-grid>li:nth-of-type(1n),.md8-grid>li:nth-of-type(1n),
    .md9-grid>li:nth-of-type(1n),.md10-grid>li:nth-of-type(1n),
    .md11-grid>li:nth-of-type(1n),.md12-grid>li:nth-of-type(1n){clear: none}
    .md1-grid>li:nth-of-type(1n+1),.md2-grid>li:nth-of-type(2n+1),
    .md3-grid>li:nth-of-type(3n+1),.md4-grid>li:nth-of-type(4n+1),
    .md5-grid>li:nth-of-type(5n+1),.md6-grid>li:nth-of-type(6n+1),
    .md7-grid>li:nth-of-type(7n+1),.md8-grid>li:nth-of-type(8n+1),
    .md9-grid>li:nth-of-type(9n+1),.md10-grid>li:nth-of-type(10n+1),
    .md11-grid>li:nth-of-type(11n+1),.md12-grid>li:nth-of-type(12n+1){clear:both}
    
}
@media (min-width: 1024px) {
    [class*="-grid"] {margin: 15px -15px;}
    [class*="-grid"]>li{padding: 15px;}
    .lg1-grid>li {width: 100%}      .lg7-grid>li {width: 14.28571%}
    .lg2-grid>li {width: 50%}       .lg8-grid>li {width: 12.5%}
    .lg3-grid>li {width: 33.33333%} .lg9-grid>li {width: 11.11111%}
    .lg4-grid>li {width: 25%}       .lg10-grid>li{width: 10%}
    .lg5-grid>li {width: 20%}       .lg11-grid>li{width: 9.09091%}
    .lg6-grid>li {width: 16.66667%} .lg12-grid>li{width: 8.33333%}
    
    /*centered block (like last)*/
    .lg-center {margin-left: auto; margin-right: auto; float: none}
    .lg-center:last-of-type {float: none}
    .lg-uncenter-left {margin-left: 0; margin-right: 0; float: left}
    .lg-uncenter-left:last-of-type {float: left}
    .lg-uncenter-right {margin-left: 0; margin-right: 0; float: right}
    .lg-uncenter-right:last-of-type {float: left}
    
    .lg1-grid>li:nth-of-type(1n),.lg2-grid>li:nth-of-type(1n),
    .lg3-grid>li:nth-of-type(1n),.lg4-grid>li:nth-of-type(1n),
    .lg5-grid>li:nth-of-type(1n),.lg6-grid>li:nth-of-type(1n),
    .lg7-grid>li:nth-of-type(1n),.lg8-grid>li:nth-of-type(1n),
    .lg9-grid>li:nth-of-type(1n),.lg10-grid>li:nth-of-type(1n),
    .lg11-grid>li:nth-of-type(1n),.lg12-grid>li:nth-of-type(1n){clear: none}
    .lg1-grid>li:nth-of-type(1n+1),.lg2-grid>li:nth-of-type(2n+1),
    .lg3-grid>li:nth-of-type(3n+1),.lg4-grid>li:nth-of-type(4n+1),
    .lg5-grid>li:nth-of-type(5n+1),.lg6-grid>li:nth-of-type(6n+1),
    .lg7-grid>li:nth-of-type(7n+1),.lg8-grid>li:nth-of-type(8n+1),
    .lg9-grid>li:nth-of-type(9n+1),.lg10-grid>li:nth-of-type(10n+1),
    .lg11-grid>li:nth-of-type(11n+1),.lg12-grid>li:nth-of-type(12n+1){clear: both}
}


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

--display-none - responsive utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.display-none {display: none !important}
@media (max-width: 1023px) {
    .md-display-none {display: none !important}
}
@media (min-width: 1024px) {
    .lg-display-none {display: none !important}
}




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

--text - responsive utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */


.text-left {text-align: left !important}
.text-right {text-align: right !important}
.text-center {text-align: center !important}
.text-justify {text-align: justify !important}
.text-top {vertical-align: top !important}
.text-middle {vertical-align: middle !important}
.text-bottom {vertical-align: bottom !important}
.text-nowrap {white-space: nowrap}
.text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.text-break {word-wrap: break-word; hyphens: auto}
.text-bold {font-weight: bold}
.text-italic {font-style: italic}

@media (min-width: 640px) {
    .md-text-left {text-align: left !important}
    .md-text-right {text-align: right !important}
    .md-text-center {text-align: center !important}
    .md-text-justify {text-align: justify !important}
    .md-text-top {vertical-align: top !important}
    .md-text-middle {vertical-align: middle !important}
    .md-text-bottom {vertical-align: bottom !important}
    .md-text-nowrap {white-space: nowrap}
    .md-text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
    .md-text-break {word-wrap: break-word; hyphens: auto}
    .md-text-bold {font-weight: bold}
    .md-text-italic {font-style: italic}
}
@media (min-width: 1024px) {
    .lg-text-left {text-align: left !important}
    .lg-text-right {text-align: right !important}
    .lg-text-center {text-align: center !important}
    .lg-text-justify {text-align: justify !important}
    .lg-text-top {vertical-align: top !important}
    .lg-text-middle {vertical-align: middle !important}
    .lg-text-bottom {vertical-align: bottom !important}
    .lg-text-nowrap {white-space: nowrap}
    .lg-text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
    .lg-text-break {word-wrap: break-word; hyphens: auto}
    .lg-text-bold {font-weight: bold}
    .lg-text-italic {font-style: italic}
}


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

--align - responsive utilities
            (for most images: img.align-*)
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.align-left {margin-right: 15px; margin-bottom: 15px; float: left}
.align-right {margin-left: 15px; margin-bottom: 15px; float: right!important}
.align-center {margin-left: auto; margin-right: auto}
.align-top {vertical-align: middle; display: inline-block; max-width: 100%}
.align-middle {vertical-align: middle; display: inline-block; max-width: 100%}
.align-bottom {vertical-align: bottom; display: inline-block; max-width: 100%}

@media (min-width: 640px) {
    .md-align-left {margin-right: 15px; margin-bottom: 15px; float: left}
    .md-align-right {margin-left: 15px; margin-bottom: 15px; float: right}
    .md-align-center {margin-left: auto; margin-right: auto}
    .md-align-top {vertical-align: middle; display: inline-block; max-width: 100%}
    .md-align-middle {vertical-align: middle; display: inline-block; max-width: 100%}
    .md-align-bottom {vertical-align: bottom; display: inline-block; max-width: 100%}
}
@media (min-width: 1024px) {
    .lg-align-left {margin-right: 15px; margin-bottom: 15px; float: left}
    .lg-align-right {margin-left: 15px; margin-bottom: 15px; float: right}
    .lg-align-center {margin-left: auto; margin-right: auto}
    .lg-align-top {vertical-align: middle; display: inline-block; max-width: 100%}
    .lg-align-middle {vertical-align: middle; display: inline-block; max-width: 100%}
    .lg-align-bottom {vertical-align: bottom; display: inline-block; max-width: 100%}
}


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

--margin --padding - responsive utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.margin-0 {margin: 0 !important}
.margin-top-0 {margin-top: 0 !important}
.margin-bottom-0 {margin-bottom: 0 !important}
.margin-left-0 {margin-left: 0 !important}
.margin-right-0 {margin-right: 0 !important}
.padding-0 {padding: 0 !important}
.padding-top-0 {padding-top: 0 !important}
.padding-bottom-0 {padding-bottom: 0 !important}
.padding-left-0 {padding-left: 0 !important}
.padding-right-0 {padding-right: 0 !important}
@media (min-width: 640px) {
    .md-margin-0 {margin: 0 !important}
    .md-margin-top-0 {margin-top: 0 !important}
    .md-margin-bottom-0 {margin-bottom: 0 !important}
    .md-margin-left-0 {margin-left: 0 !important}
    .md-margin-right-0 {margin-right: 0 !important}
    .md-padding-0 {padding: 0 !important}
    .md-padding-top-0 {padding-top: 0 !important}
    .md-padding-bottom-0 {padding-bottom: 0 !important}
    .md-padding-left-0 {padding-left: 0 !important}
    .md-padding-right-0 {padding-right: 0 !important}
}
@media (min-width: 1024px) {
    .lg-margin-0 {margin: 0 !important}
    .lg-margin-top-0 {margin-top: 0 !important}
    .lg-margin-bottom-0 {margin-bottom: 0 !important}
    .lg-margin-left-0 {margin-left: 0 !important}
    .lg-margin-right-0 {margin-right: 0 !important}
    .lg-padding-0 {padding: 0 !important}
    .lg-padding-top-0 {padding-top: 0 !important}
    .lg-padding-bottom-0 {padding-bottom: 0 !important}
    .lg-padding-left-0 {padding-left: 0 !important}
    .lg-padding-right-0 {padding-right: 0 !important}
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--other responsive utilities
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */
.font-bold {font-weight: bold}
.font-italic {font-style: italic}
.overflow-hidden {overflow: hidden}
.visibility-hidden {visibility: hidden !important}
.opasity-0 {opacity: 0}
.display-block {display: block !important}
.display-table {display: table !important}
.display-inline {display: inline !important}
.display-inline-block {display: inline-block !important}
.float-none {float: none!important}
.float-left {float: left!important}
.float-right {float: right!important}
.center{float: none; margin: auto}
.position-absolute {position: absolute !important}
.position-relative {position: relative !important}
.position-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
.max-width-none,.max-width-none img {max-width: none}
.height-100 {height: 100%}
.width-100 {width: 100%}
.clearfix:before,.clearfix:after {content: " ";  display: table}
.clearfix:after {clear: both}
/*при переполнении появится скролл*/
.overflow-auto {overflow: auto; -webkit-overflow-scrolling: touch}
    
@media (min-width: 640px) {
    .md-font-bold {font-weight: bold}
    .md-font-italic {font-style: italic}
    .md-overflow-hidden {overflow: hidden}
    .md-visibility-hidden {visibility: hidden !important}
    .md-opasity-0 {opacity: 0}
    .md-display-block {display: block !important}
    .md-display-table {display: table !important}
    .md-display-inline {display: inline !important}
    .md-display-inline-block {display: inline-block !important}
    .md-float-none {float: none!important}
    .md-float-left {float: left!important}
    .md-float-right {float: right!important}
    .md-center{float: none; margin: auto}
    .md-position-absolute {position: absolute !important}
    .md-position-relative {position: relative !important}
    .md-position-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
    .md-max-width-none,.md-max-width-none img {max-width: none}
    .md-height-100 {height: 100%}
    .md-width-100 {width: 100%}
    .md-clearfix:before,.md-clearfix:after {content: " ";  display: table}
    .md-clearfix:after {clear: both}
    /*при переполнении появится скролл*/
    .md-overflow-auto {overflow: auto; -webkit-overflow-scrolling: touch}
}

@media (min-width: 1024px) {
    .lg-font-bold {font-weight: bold}
    .lg-font-italic {font-style: italic}
    .lg-overflow-hidden {overflow: hidden}
    .lg-visibility-hidden {visibility: hidden !important}
    .lg-opasity-0 {opacity: 0}
    .lg-display-block {display: block !important}
    .lg-display-table {display: table !important}
    .lg-display-inline {display: inline !important}
    .lg-display-inline-block {display: inline-block !important}
    .lg-float-none {float: none!important}
    .lg-float-left {float: left!important}
    .lg-float-right {float: right!important}
    .lg-center{float: none; margin: auto}
    .lg-position-absolute {position: absolute !important}
    .lg-position-relative {position: relative !important}
    .lg-position-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
    .lg-max-width-none,.lg-max-width-none img {max-width: none}
    .lg-height-100 {height: 100%}
    .lg-width-100 {width: 100%}
    .lg-clearfix:before,.lg-clearfix:after {content: " "; display: table}
    .lg-clearfix:after {clear: both}
    /*при переполнении появится скролл*/
    .lg-overflow-auto {overflow: auto; -webkit-overflow-scrolling: touch}
}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||end Lucy Flash Drive |||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


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

--Animation (from UIkit+js) Tools
        candidate-code
= = = = = = = = = = = = = = = = = = = = = = */

[class*='uk-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Hide animated element if scrollspy is used */
@media screen {
    [data-uk-scrollspy*='uk-animation-'] {/* opacity: 0; */}}
/*Fade. Higher specificity (!important) needed because of reverse modifier*/
.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important;
}
/*Fade with scale*/
.uk-animation-scale-up {-webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02;}
.uk-animation-scale-down {-webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18;}
/*Fade with slide*/
.uk-animation-slide-top {-webkit-animation-name: uk-fade-top; animation-name: uk-fade-top;}
.uk-animation-slide-bottom {-webkit-animation-name: uk-fade-bottom;animation-name: uk-fade-bottom;}
.uk-animation-slide-left {-webkit-animation-name: uk-fade-left; animation-name: uk-fade-left;}
.uk-animation-slide-right {-webkit-animation-name: uk-fade-right; animation-name: uk-fade-right;}
/*Scale*/
.uk-animation-scale {-webkit-animation-name: uk-scale-12; animation-name: uk-scale-12;}
/*Shake*/
.uk-animation-shake {-webkit-animation-name: uk-shake; animation-name: uk-shake;}
/* Direction modifiers
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.uk-animation-reverse {-webkit-animation-direction: reverse; animation-direction: reverse;
 -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
/* Duration modifiers
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.uk-animation-10 {-webkit-animation-duration: 10s; animation-duration: 10s;}
/* Origin modifiers
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.uk-animation-top-left {-webkit-transform-origin: 0 0; transform-origin: 0 0;}
.uk-animation-top-center {-webkit-transform-origin: 50% 0; transform-origin: 50% 0;}
.uk-animation-top-right {-webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.uk-animation-middle-left {-webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.uk-animation-middle-right {-webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.uk-animation-bottom-left {-webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.uk-animation-bottom-center {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.uk-animation-bottom-right {-webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;}
/* Keyframes: Fade. Used by dropdown, datepicker and slideshow component
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes uk-fade {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes uk-fade {0% {opacity: 0;} 100% {opacity: 1;}}
/* Keyframes: Fade with slide
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Top*/
@-webkit-keyframes uk-fade-top {
    0% {opacity: 0; -webkit-transform: translateY(-100%);}
    100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes uk-fade-top {
    0% {opacity: 0; transform: translateY(-100%);}
    100% {opacity: 1; transform: translateY(0);}
}
/*Bottom*/
@-webkit-keyframes uk-fade-bottom {
    0% {opacity: 0; -webkit-transform: translateY(100%);}
    100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes uk-fade-bottom {
    0% {opacity: 0; transform: translateY(100%);}
    100% {opacity: 1; transform: translateY(0);}
}
/*Left*/
@-webkit-keyframes uk-fade-left {
    0% {opacity: 0; -webkit-transform: translateX(-100%);}
    100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes uk-fade-left {
    0% {opacity: 0; transform: translateX(-100%);}
    100% {opacity: 1; transform: translateX(0);}
}
/*Right*/
@-webkit-keyframes uk-fade-right {
    0% {opacity: 0; -webkit-transform: translateX(100%);}
    100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes uk-fade-right {
    0% {opacity: 0; transform: translateX(100%);}
    100% {opacity: 1; transform: translateX(0);}
}
/* Keyframes: Fade with scale
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Scale by 0.2*/
@-webkit-keyframes uk-fade-scale-02 {
    0% {opacity: 0; -webkit-transform: scale(0.2);}
    100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes uk-fade-scale-02 {
    0% {opacity: 0; transform: scale(0.2);}
    100% {opacity: 1; transform: scale(1);}
}
/*Scale by 1.5. Used by slideshow component*/
@-webkit-keyframes uk-fade-scale-15 {
    0% {opacity: 0; -webkit-transform: scale(1.5);}
    100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes uk-fade-scale-15 {
    0% {opacity: 0; transform: scale(1.5);}
    100% {opacity: 1; transform: scale(1);}
}
/*Scale by 1.8*/
@-webkit-keyframes uk-fade-scale-18 {
    0% {opacity: 0; -webkit-transform: scale(1.8);}
    100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes uk-fade-scale-18 {
    0% {opacity: 0; transform: scale(1.8);}
    100% {opacity: 1; transform: scale(1);}
}
/* Keyframes: Slide. Used by slideshow component
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Left*/
@-webkit-keyframes uk-slide-left {
    0% {-webkit-transform: translateX(-100%);}
    100% {-webkit-transform: translateX(0);}
}
@keyframes uk-slide-left {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
/*Right*/
@-webkit-keyframes uk-slide-right {
    0% {-webkit-transform: translateX(100%);}
    100% {-webkit-transform: translateX(0);}
}
@keyframes uk-slide-right {
    0% {transform: translateX(100%);}
    100% {transform: translateX(0);}
}
/*Left third*/
@-webkit-keyframes uk-slide-left-33 {
    0% {-webkit-transform: translateX(33%);}
    100% {-webkit-transform: translateX(0);}
}
@keyframes uk-slide-left-33 {
    0% {transform: translateX(33%);}
    100% {transform: translateX(0);}
}
/*Right third*/
@-webkit-keyframes uk-slide-right-33 {
    0% {-webkit-transform: translateX(-33%);}
    100% {-webkit-transform: translateX(0);}
}
@keyframes uk-slide-right-33 {
    0% {transform: translateX(-33%);}
    100% {transform: translateX(0);}
}
/* Keyframes: Scale
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes uk-scale-12 {
    0% {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1);}
}
@keyframes uk-scale-12 {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
/* Keyframes: Rotate. Used by icon and search component
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes uk-rotate {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);}
}
@keyframes uk-rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(359deg);}
}
/* Keyframes: Shake
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes uk-shake {
    0%,
        100% {-webkit-transform: translateX(0);}
    10% {-webkit-transform: translateX(-9px);}
    20% {-webkit-transform: translateX(8px);}
    30% {-webkit-transform: translateX(-7px);}
    40% {-webkit-transform: translateX(6px);}
    50% {-webkit-transform: translateX(-5px);}
    60% {-webkit-transform: translateX(4px);}
    70% {-webkit-transform: translateX(-3px);}
    80% {-webkit-transform: translateX(2px);}
    90% {-webkit-transform: translateX(-1px);}
}
@keyframes uk-shake {
    0%,
        100% {transform: translateX(0);}
    10% {transform: translateX(-9px);}
    20% {transform: translateX(8px);}
    30% {transform: translateX(-7px);}
    40% {transform: translateX(6px);}
    50% {transform: translateX(-5px);}
    60% {transform: translateX(4px);}
    70% {transform: translateX(-3px);}
    80% {transform: translateX(2px);}
    90% {transform: translateX(-1px);}
}
/* Keyframes: Fade with slide fixed. Used by dropdown and search component
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Top fixed*/
@-webkit-keyframes uk-slide-top-fixed {
    0% {opacity: 0;-webkit-transform: translateY(-10px);
    }
    100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes uk-slide-top-fixed {
    0% {opacity: 0; transform: translateY(-10px);}
    100% {opacity: 1; transform: translateY(0);}
}
/*Bottom fixed*/
@-webkit-keyframes uk-slide-bottom-fixed {
    0% {opacity: 0; -webkit-transform: translateY(10px);}
    100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes uk-slide-bottom-fixed {
    0% {opacity: 0; transform: translateY(10px);}
    100% {opacity: 1; transform: translateY(0);}
}

/* ========================================================================
   Javascript Component: --Modal
 ========================================================================== */
.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  background: rgba(0, 0, 0, 0.6);
  /* 5 */
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  /* 6 */
  touch-action: cross-slide-y pinch-zoom double-tap-zoom;
}
/*
 * Open state
 */
.uk-modal.uk-open {
  opacity: 1;
}
/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
  overflow: hidden;
}
/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for caption, spinner and close button
 * 2. Set box sizing
 * 3. Set style
 * 4. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 50px auto;
  padding: 20px;
  max-width: 80%;
  /* 3 */
  background: #ffffff;
  /* 4 */
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s linear, transform 0.3s ease-out;
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Fit in small screen
     */
  .uk-modal-dialog {
    width: auto;
    margin: 10px auto;
  }
}
/*
 * Open state
 */
.uk-open .uk-modal-dialog {
  /* 4 */
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
  margin-bottom: 0;
}
/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
  margin: -10px -10px 0 0;
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-modal-dialog > .uk-close:first-child + *:not([class*='uk-modal-']) {
  margin-top: 0;
}
/* Modifier: `uk-modal-dialog-lightbox`
 ========================================================================== */
.uk-modal-dialog-lightbox {
  margin: 15px auto;
  padding: 0;
  min-height: 200px;
  max-width: 95%;
  max-width: calc(100% - 30px);
}
/*
 * Close button
 */
.uk-modal-dialog-lightbox > .uk-close:first-child {
  position: absolute;
  top: -12px;
  right: -12px;
  margin: 0;
  float: none;
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-modal-dialog-lightbox > .uk-close:first-child {
    top: -7px;
    right: -7px;
  }
}
/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-modal-dialog-large {
    width: 930px;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-modal-dialog-large {
    width: 1130px;
  }
}
/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
 ========================================================================== */
.uk-modal-header {
  margin-bottom: 15px;
}
.uk-modal-footer {
  margin-top: 15px;
}
/*
 * Remove margin from the last-child
 */
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}
/* Sub-Object: `uk-modal-caption`
 ========================================================================== */
.uk-modal-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin-bottom: -10px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Sub-Object: `uk-modal-spinner`
 ========================================================================== */
.uk-modal-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #ddd;
}
.uk-modal-spinner:after {
  content: "\f110";
  font-family: FontAwesome;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}
/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background: transparent;
  /* 8 */
  display: inline-block;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  opacity: 0.3;
}
/* Icon */
.uk-close:after {
  display: block;
  content: "x";
  font-family: Helvetica Neue, Arial, sans-serif;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-close:hover,
.uk-close:focus {
  opacity: 0.5;
  /* 2 */
  outline: none;
  /* 3 */
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* Modifier
 ========================================================================== */
.uk-close-alt {
  padding: 2px;
  border-radius: 50%;
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
  opacity: 1;
}
/* Icon */
.uk-close-alt:after {
  opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
  opacity: 0.8;
}
/* 
>>>3--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = <<<
||||||
....||    MODULE 
..|||               --Snippets-Tools
....||
||||||    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/

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

--images
        Candidate-code
= = = = = = = = = = = = = = = = = = = = = = */
/* --------------------------------------------------------------------------- */
/* hover-эффекты для картинок-ссылок 
класс "img-link" присваивается ссылке <a>, содержащей картинку */

.img-link {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

/* hover-эффект 1 - яркая тень (свечение) при наведении 
лучше использовать без .env-img или перенести эффект на него */
.wrap-img {    
    transition: box-shadow 0.3s ease;
}
.wrap-img:hover {
    box-shadow: 0 1px 15px 0 #03F;
}

/* hover-эффект 2.1 - затемнение при наведении*/
.wrap-img {    
    background: #000;
    color: #fff;   
}

.wrap-img img {  
    transition: opacity 0.5s ease;   
}
.wrap-img:hover img {
    opacity: 0.7;
}


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

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

/* Tables */
.table {
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.table::-webkit-scrollbar {
    display: none;
}
.table td {
    padding: 11px .5em;
    vertical-align: top;
}
.table tr:first-child td {
    color: #fff;
    font-weight: bold;
    padding-bottom: 22px;
}
.table tr:nth-child(2n+1) {
    background: #eee;
}
.table tr:first-child {
    font-size: 1.1em;
    background: #292b2e;
}
.table td {
    border: 1px solid #ddd;
}
.table tr td:first-child {
    font-weight: bold;
}
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 {
    color: #333;
    background: #F7F7F7;
}

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

--Tooltip
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.tool {
    cursor: help;
    font-weight: bold;
    position: relative;
}
.tool:after {
    content: " ?";
    display: inline-block;
    background: #444;
    border-radius: 100%;
    color: #ddd;
    width: 1.5em;
    text-align: center;
}
.tip, label span .tip {
    background: #333;
    color: #ddd;
    padding: .5em;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    display: none;
    cursor: default;
    overflow: hidden;
    line-height: 1.5em;
    z-index: 999;
    text-align: left;
    opacity: 0;
    width: 300px;
}
.tip.open, .tool:hover .tip {
    opacity: 1;
    display: block;
    top: 2em;
}

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

--flex-video
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.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%; }

/*
>>>4-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
||..||
||..||    MODULE
||||||              --Widget-Tools
....||                Lucy-code
....||    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/

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

--navbar
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */
@media (max-width: 1023px) {
    input#nav-mobile, input#nav-mobile-open {display: none;}
    
    .navbar {
        position: fixed;
        width: 0;
        height:100%;
        z-index: 9999;
        background: #333;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all .6s ease;
        box-shadow: inset -7px 0 15px #111;
        top: 0;
        left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    input#nav-mobile:checked + .navbar {
        width: 80%;
        z-index: 9999;
        
    }
    label[for="nav-mobile-open"] {
        width: 100%;
        height: 100%;
        z-index: -1;
        background: none;
        top:0;
        left: 0;
        transition: all .5s ease;
        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) {
        text-shadow: 500px 0 0 #ccc !important;
        margin-left: -500px;
        width: 0!important;
        transition-delay: .2s;
        
        transition: all 0 ease;
    }
    .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) {
        text-shadow: 1px 1px 0 #000 !important;
        margin-left: 0;
        width: 100%!important;
        transition-delay: .1s;
    }
    .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;
        transition: all .5s ease;
        cursor: pointer;
        border-left: 3px solid rgba(0, 0, 0, 0.3);
        border-right: 3px solid rgba(0, 0, 0, 0.3);  
        box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.1);  
        border-bottom: 2px outset #111;  
        border-top: 1px solid #333;
        display: block;
        
    }
    .navbar > ul > li:hover,
    .navbar > ul > li.active {
        background: #555;
    }
    .navbar > ul > li > a {
        color: #ccc;
        text-decoration: none;
        padding: 10px 10px;
        line-height: 35px;
        font-size: 18px;
        display: block;
        text-shadow: 1px 1px 0 #000;
        transition: all .4s ease;
        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;
        transition: all .5s ease;
        background: #222;
        display: block;
        
    }
    .navbar > ul > li > ul > li {
        border: none;
        box-shadow: none;
        transition: all .5s ease;
        cursor: pointer;
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        border-bottom: 1px solid #111;
        border-top: 1px solid #333;
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
        display: block;
        height: 0;
        overflow: hidden;
    }
    
    .navbar > ul > li > ul > li:hover,
    .navbar > ul > li > ul > li.active {
        background: #444;
    }    
    .navbar > ul > li > ul > li > a {
        color: #ccc;
        text-decoration: none;
        transition: all .2s ease;
        padding: 0 10px;
        font-size: 16px;
        display: block;
        text-shadow: none;
        visibility: hidden;
        white-space: nowrap;
    }
    .navbar > ul > li:hover > ul > li {
        height: inherit;
    }
    .navbar > ul > li:hover > ul > li > a {
        font-size: 16px;
        padding: 15px 10px;
        height: inherit;
        
        visibility: visible;
        transition: all .3s ease;
    }
    .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"] {
        position: fixed;
        top: 0;
        left: 0;
        cursor: pointer;
        border-top: 6px solid #F23533; 
        border-bottom: 18px double #F23533; 
        content:"";
        height: 30px; 
        width:30px;
        margin-top: 10px;
        margin-left: 15px;
        transition: all .6s ease;
        z-index: 2;
    }
    input#nav-mobile:checked ~ label[for="nav-mobile"] {
        transform: rotate(45deg);
        left: 81%;
        border: none;
    }
    input#nav-mobile:checked ~ label[for="nav-mobile"]:after {
        content: "+";
        font-size: 70px;
        font-weight: 700;
    }
}
@media (min-width: 1024px) {
    input#nav-mobile, input#nav-mobile-open {display: none;}
    
    .navbar {
    }
    .navbar > ul {
        list-style: none;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        padding-left: 0;
        z-index: 999;
    }
    .navbar > ul > li {
        float: left;
        margin: 0;
        position: relative;
        word-wrap: break-word;
    
        height: 94px;
        overflow: hidden;
}
    .navbar > ul > li:hover > a,
    .navbar > ul > li.active > a {
        color:#fff;
        background:  #e57100;
    }
    .navbar > ul > li > a {
        font: 12px/26px Helvetica, Arial;
        display: block;
        transition: all 0.3s ease;
        text-shadow: 0 0 0 #000;
        text-align: center;
        color: #a71606;
        padding: 34px 8px;
        background: #fff;
        border-left: 1px solid #e9e9e9;
    }
    .navbar > ul > li:first-child > a {
        border-left: 0 solid #e9e9e9;
    }
    .navbar > ul > li > a.active,
    .navbar > ul > li > a:hover {
        
    color: #fff;
    background: #a71606;
}
    .navbar > ul > li > ul {
        position: absolute;
        padding-left: 0;
        border-radius: 5px;
    
        height: 0;
        transition: all .3s ease;
}
    .navbar > ul > li:hover > ul {
        
    
        height: inherit;
}
    .navbar > ul > li > ul > li {
        white-space: nowrap;
        list-style: none;
        text-align: left;
        
        transition: all .2s ease;  
        padding: 0 10px;
    
        height: 0;
        background: #a71606;
        width: 100%;
        display: block;
	}
    .navbar > ul > li:hover > ul > li {
        height: 30px;
	}
    
    .navbar > ul > li > ul > li:hover,
    .navbar > ul > li > ul > li.active{
    background: #fff;
    color: #a71606;
    display: block;
    line-height: 22px;
	}    
    .navbar > ul > li > ul > li.active > a {
    	color: #a71606;
    }
    .navbar > ul > li > ul > li > a {
        font-family: Roboto Condensed, sans-serif;
        font-size: 14px;  
        color: #fff;
        text-shadow: none;
        opacity: 0;
        width: 100%;
        line-height: 15px;
    
        transition: all .2s ease;
        display: block;
        padding: 6px;
}
    .navbar > ul > li > ul > li:hover > a {
        color: #a71606;
    }
    .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: 90%;
        transition: all .3s ease;
        opacity: 0;
    }
    
    .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 {
        
    }
    
}
@media (min-width: 1270px) {
    .navbar > ul {
    }

    .navbar > ul > li > a {
        font: 14px/26px Helvetica, Arial;
    
      
}
    .navbar > ul > li {
        
    }
}

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

--contactable
        imported-code
= = = = = = = = = = = = = = = = = = = = = = */

#contactable #contactable_inner {
    background:url(/_mod_files/ce_images/common/feeback.png) 100% 0 no-repeat;
    color:#000;
    background-color:#E5E5E5;
    cursor:pointer;
    height:265px;
    left:0;
    margin-left:-5px;
    *margin-left:-5px;
    overflow:hidden;
    position:fixed;
    *position:absolute;
    text-indent:-100000px;
    top:102px;
    *margin-top:10px;
    width:37px;
    z-index:100000;
}

#contactable #contactForm {
    background:#E5E5E5;
    border:2px solid #FFFFFF;
    color:#000;
    height:auto;
    left:0;
    margin-left:-400px;
    *margin-left:-434px;
    margin-top:-160px;
    overflow:hidden;
    padding-left:30px;
    position:fixed;
    top:200px;
    width:394px;
    z-index:99;
}

#contactable form#contactForm input {
    background:#FFFFFF none repeat scroll 0 0;
    outline-style:none;
    outline-width:medium;
    width:325px;
    padding:5px;
    border:1px solid #dfdfdf;
    font-family: georgia;
    font-size:1em;
    margin-bottom:10px;
}

#contactable  textarea {
    background:#FFFFFF none repeat scroll 0 0;
    outline-style:none;
    outline-width:medium;
    width:325px;
    padding:5px;
    border:1px solid #dfdfdf;
    font-family: georgia;
    font-size:1em;
    height:50px;
    margin-bottom:10px;
}

#contactable form#contactForm .submit {
    background: #FF0000 none repeat scroll 0 0;
    outline-style:none;
    outline-width:medium;
    width:325px;
    padding:5px; height: 30px;
    border:3px solid #fff;
    outline-color:-moz-use-text-color;
    font-family: georgia;
    font-size:1em;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    font-weight:bolder;
    font-family:Helvetica;
    margin-top:10px;
}

#contactable form#contactForm p {
    width:325px;
    font-size:0.9em;
}

#contactable form#contactForm .disclaimer {
    *margin-left:20px;
}

#contactable #contactForm .red {
    color:  #F5410F;
}

#contactable #overlay {
    background-color:#E5E5E5;
    display:none;
    height:100%;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
}
#contactable .error { background-color: #EDBE9C; }

#contactable #name.error { background-color: #EDBE9C; }
#contactable #email.error { background-color: #EDBE9C; }
#contactable #comment.error { background-color: #EDBE9C; }

#contactable form#contactForm label{
    *margin-left:20px;
}

#contactable form#contactForm #loading {
    background: url(/_mod_files/ce_images/common/ajax-loader.gif) no-repeat;
    width:55px;
    height:55px;
    margin: 100px auto;
    display:none;
}

#contactable #callback {
    font-family: georgia;
    font-size:1.1em;
    color: #000;
    width:325px;
    margin: 100px auto;
    display:none;
}

#contactable .holder {
    margin:0 auto;
    *margin-left:20px;
    padding-top:20px;
}


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

--srollup
        imported-code
= = = = = = = = = = = = = = = = = = = = = = */

#scrollUp {
    background: url(_mod_files/ce_images/common/top.png) no-repeat;
    height: 22px;
    width: 22px;
    bottom: 20px;
    right: 20px;
    transition: 1s;
}
#scrollUp:hover{
    opacity: 0.5;
}


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

--social icons
        imported-code
= = = = = = = = = = = = = = = = = = = = = = */

#share42 {
    background:none; 
    left:0; width: 32px !important; 
    position: fixed; 
    z-index: 9999; 
    padding: 3px; 
    background: none; 
    border: 1px solid #F7941D; 
    border-radius: 4px;
}

#share42:hover {
    background: #F6F6F6; 
    border: 1px solid #D4D4D4; 
    box-shadow: 0 0 5px #DDD;
}

#share42 a {
    opacity: 0.5
}

#share42:hover a {
    opacity: 0.7
}

#share42 a:hover {
    opacity: 1
}


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

--SLICK SLIDER
        imported-code
= = = = = = = = = = = = = = = = = = = = = = */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; width:100%; }
.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; }

/* Icons */
@font-face { font-family: "slick"; 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"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; }
.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: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: 25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider { }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.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; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

[dir="rtl"] .slick-next {right: auto;left: 25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: 25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}

.single-item.slick-slider span {
    display: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    color: #be272d;
    font: bold 11px/36px Roboto Condensed;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.69);
    border-radius: 0 0 20px 20px; 
}

.single-item.slick-slider span {
    display: inline-block;
    font-size: 28px;
    line-height: 55px;
}

.banner> div {
    position: relative;
    overflow: hidden;
    width: 33.33333%;
    float: left;
}
.center .slick-slide p {-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform: scale(0.7);}
.center .slick-center p {-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform: scale(1);}
.center p {opacity:0.8;transition:all 300ms ease;margin: 10px 0 40px 0;}
.center .slick-slide {
}
.center.slick-slider {
    background: #fff;
    
    padding-top: 30px;
}
.center.slick-slider span {
    position: relative;
    min-width: 246px;
    color: #fff;
    font-family: Roboto Condensed;
    padding: 5px 5px 5px 10px;
    background: url(_mod_files/ce_images/files/menu.png) repeat-x left top #2575ed;
    border-radius: 10px;
    text-align: center;
    display: block;
    max-width: 80%;
    margin: auto;
}

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

--Accordion
        Lucy-code
= = = = = = = = = = = = = = = = = = = = = = */

.accordion{
    text-align: left;
    padding: 0;
}
.accordion li {
    float: none;
    width: 100%;
    margin-top: 1px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    color: #333333;
    padding: 0px 19px;
    display: block;
}
.accordion label{
    padding: 5px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
}
.accordion input:checked + label,
.accordion input:checked + label:hover{
    color: #1a52a5;
}
.accordion label:after,
.accordion input + label:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0px;
    top: 7px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDQjg3QjIzNUEwQTExRTFCMzhGODE4MEUyMzVCOUExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDQjg3QjI0NUEwQTExRTFCMzhGODE4MEUyMzVCOUExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkNCODdCMjE1QTBBMTFFMUIzOEY4MTgwRTIzNUI5QTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkNCODdCMjI1QTBBMTFFMUIzOEY4MTgwRTIzNUI5QTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5cTChyAAAAsUlEQVR42mJcduA0AxBkAvEOIL7PgBuwAXE1EHcA8XcmIFEBxNOA+DAQq+DRtBqI64B4CxBzgjS6QiWlgfgAEKtj0bQOiP2gfF0gVgRp9AHifUia9yJpBmnaCMTeUP5rIHYG4msgjd+xaAbZbADV5IGkyQGIL4M4TFBBmObdUL4EEJ9H0vQCqukazP1MSH4BafZH0syApMkZWRO6RmTNO/BpwqYRpjkIiBegOw8ZAAQYAErPJ/hwLstPAAAAAElFTkSuQmCC) no-repeat center center;  
}
.accordion input:checked + label:after{
    background: none;
}
.accordion input{
    display: none;
}
.accordion div{
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.accordion div a{
}
.accordion input:checked ~ div{
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.accordion input:checked ~ div.ac-items4 {
    height: calc(30px*4);
}
.accordion input:checked ~ div.ac-items5 {
    height: calc(30px*5);
}
.accordion input:checked ~ div.ac-items6 {
    height: calc(30px*6);
}
.accordion input:checked ~ div.ac-items7 {
    height: calc(30px*7);
}


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

--buttons
        Candidate-code
= = = = = = = = = = = = = = = = = = = = = = */

/* кнопка button*/
.box-button {
    margin-top: 20px;
    text-align: center;
}

.button1 {
    display: inline-block;
    background: #a71606;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(80, 21, 13, 0.63);
    text-decoration: none;
    font-size: 16px;
    font-family: Roboto Condensed;
    height: 38px;
    width: 173px;
    line-height: 37px;
    text-align: center;
}
.button1:hover {
    border: 2px solid #dbb558;
}

.links-button {
    display: inline-block;
    background: #a71606;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 3px solid #CA1300;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    line-height: 14px;
    margin-top: 0px;
}
.links-button:hover {
    text-decoration: none;
}

/*кнопка не из button*/
.form-1 {
    
}
.form-1 textarea{
    width: 100%;
    color: #222;
}
.form-1 input {
    width: 100%;
    margin-top:15px;
    margin-bottom:5px;
    color: #222;
}
.form-1 .submit {
    background: tomato;
    color: #fff;
    border: none;
}


/* 
||||||    >>>5--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
||
||||||    MODULE
....||              Requirement-Tools
||||||    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

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

--MediaBox control
        imported-code (CMS utilities)
= = = = = = = = = = = = = = = = = = = = = = */

.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; }

/* Multiselectbox */

div.mselectFrame{ display: -moz-inline-stack; display: inline-block; zoom: 1; border: 1px solid #848484; overflow: auto; *display: inline; }
div.mselectOption, div.mselectOptionselected{ padding: 0px 2px; white-space: nowrap; cursor: default; }
div.mselectOptionselected{ background: #5fabfe; color: #fff; }


.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: 30px; height: 63px; margin-top: -32px; background: url(/_img/ami_jsapi/mb-prev.png); cursor: pointer; }
.MediaBox_next{ position: absolute; right: -28px; top: 50%; width: 30px; 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; width: 10px; *display: inline; }
.MediaBox_counter{ margin: 10px; margin-bottom: 0px; text-align: right; font-style: italic; }

/*CMS utilities*/
table[id*="sign"] {display: none!important;}
.mb-image,img[data-ami-mbpopup] {cursor: url(_mod_files/ce_images/common/search_magnifier1.png), pointer;}


/* 
||||||    >>>5--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
||
||||||    MODULE
||  ||              Contextual-Semantic-Specific
||||||    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

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

--header rows

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

#lay_f1 {}
header { }
.header-bar {
    background: #fff;
    border-bottom: 5px solid #a71606;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;
}
.logo  {
    margin: 17px 0 5px 0;
}
.logo img {
    transition: all .3s ease;
}

.slogan {
    font: 42px/50px Roboto Condensed, sans-serif;
    
}
.contacts {
    font: 17px/27px Roboto Condensed, sans-serif;
    color: #fff;
    padding-bottom: 10px;
    text-align: center;
}
@media (min-width:640px) {}
.contacts {padding: 12px 0;}
}
.contacts span {
    font-size: 17px;
    color: #444;h
    font-weight: lighter;
}
@media (min-width:640px) {
    .contacts {
        text-align: right;
    }
}
@media (min-width:1024px) {
    .contacts {
        font: 34px/20px Roboto Condensed, sans-serif;
        text-align: right;
    }
    .contacts span {
        font-size: 16px;
        padding-right: 15px;
    }
}

.cap {
    font-size: 20px;
}

.cap span {
    font-size: 16px;
}
#mailFormHeader {
    margin-top: 6px;
}
#mailFormHeader input {
    padding: 9px;  
    font-size: 12px;
}
#mailFormHeader links-button {
    margin-top: 5px;
}

@media (max-width:640px){
    #mailFormHeader input {
        width: 85%;
    
        padding: 1px;
        margin-left: 15%;
}
}
#mailFormHeader links-button {
    padding:10px;
}
.say-check {
    font-size: 7px;
    color: #fff;
    position: absolute;
    left: 0;
}
.nav {
    z-index: 999;
    background: #121212;
    width: 100%;
    box-shadow: inset 0px 0px 1px #ddd;
    height: 52px;
}

.top-nav li {
    max-width: 100px;
    min-width: 70px;
    float: left;
    list-style: none;
    padding: 10px 10px 10px 0;
    font-size: 12px;
    text-align: center;
}


.nav-menu_position_bottom a,
.nav-menu_position_top a {
    float: none;
    width: 100%;    
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    display: block;
    font-size: larger;
}
.nav-menu_position_bottom a:hover,
.nav-menu_position_top a:hover {
    color: #444;
    text-decoration: none;
}

.header-bar .top-nav li a {
    background: #fff;
    border-radius: 20px;
    padding: 10px 5px;
    box-shadow: inset 1px 0px 10px #2575ed;
}

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

--slider rows

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

#lay_f2 {
    z-index: 0;
    
}

.slider-bar {
    background-position: 50% 0px;
    background-size: 100%;
    color: #fff;
    
}
@media (max-width:1024px) {
    .slider-bar {background-size: inherit;}
}

.slider-links {}
.slider-links > li {
    text-align: center;
}
.slider-links > li > div {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}


.button-in-slider {
    border: 1px solid #fff;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.button-in-slider:hover {
}
.fancybox-skin {
    background: #a71606 !important;
}
.homeNumbers button {
    display: none!important;
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--crumbs rows

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

#lay_f3 {}

.crumbs-bar {
    padding-bottom: 10px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}
.crumbs-bar a {
}
.in-mains_path {
    float: left;
    font-size: 16px;
    line-height: 18px;
}
.pages_path {
    padding-left: 5px;
    margin-top: 0px;
    padding-bottom: 4px;
    color: #9D9D9D;
    font-family: Roboto Condensed;
}
.trigger {
}


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

--central rows

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

#lay_body {}

.central-bar {
    padding-bottom: 15px;
    background: #fff;
}



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

--content rows

= = = = = = = = = = = = = = = = = = = = = = */
.content-bar {
}

.pages_sibl_bar {
    color: #9D9D9D;    font-family: Roboto Condensed;
    
    font-size: 13px;
    border-bottom: 1px solid#ddd;
    padding: 10px 0;
}
.main_sibl_bar {
    padding: 15px 0;
}
.sort-type {
    padding: 15px;
}
.sort-type__caption {
    display: block;  float: left;  margin-right: 10px;
}
.sort-type__field_header {
    display: block;  float: left;  margin-right: 10px;
}
.sort-type__field_ext_rate_count,
.sort-type__field_ext_rate_rate {
    display: none;
}
.photoalbum_item-list__pager {
    position: relative;
    
}
.pager {
    position: absolute;  
    bottom: -10px;
    
    right: 50%;
}
.photoalbum_item-row__block-header {
    padding: 15px 0;
    font-weight: bold;
    font-size: 15px;
}
.photoalbum_item-row__img-area {
    overflow: hidden;
    display: block;
    padding: 0 10px 10px 0;
    width: 100%!important;
    text-align: left;
}

.photoalbum_item-row {
    float: none;
    overflow: hidden;
    display: block;
    width: 100%;
    float: none;
}
.photoalbum_item-row:nth-of-type(1n){clear: none}
.photoalbum_item-row:nth-of-type(1n+1){clear: both}


@media (min-width: 640px) {
    .content-bar .photoalbum_item-row {
        width: 47%;
        float: left;
        margin-right: 3%;
    
        display: block;
}
   .content-bar .photoalbum_item-row:nth-of-type(1n){clear: none}
   .content-bar .photoalbum_item-row:nth-of-type(2n+1){clear: both}

}
   .content-bar .photoalbum_item-row__block {
       max-width: 320px;
       overflow: hidden;
   
       display: block;
}
@media (min-width: 1024px) {
    .content-bar .photoalbum_item-row {
        width: 46.666%;
        float: left;
        margin-right: 3.333%;
    }
    .photoalbum_item-row:nth-of-type(1n){clear: none}
    .photoalbum_item-row:nth-of-type(3n+1){clear: both}
}

.photoalbum_item-detail__img-area img {
    float: left;
    padding: 0 10px 10px 0;
}
.photoalbum_item-small-row__header {
    padding:10px 0;
}
.photoalbum_item-small-row__img {
    text-align: center;
}
.photoalbum_item-small-row__control-panel {
    display: none;
}
.photoalbum_item-row__header-name {
    
}

/* -------------- оформление текста -------------- */

.content-bar p, .content-bar ul, .content-bar ol {
}
/* италик - cтиль для параграфа который необходимо выделить в тексте */
.content-bar p i {
    font-size: 18px; 
    padding:10px 0px; 
    line-height:30px;
    color: #FC3434; 
    text-align: center;
    display: block;
}
.content-bar ul,
.content-bar ol{
    list-style-position: inside !important;
}

/* --------------------------------------------------------------------------- */
/* картинки в тексте */

.content-bar p {
    font-size: 15px;
}

.content-bar .catalog p,
.content-bar .catalog li {
    overflow: auto;
}

.content-bar .catalog p img,
.content-bar .catalog li img {
    float: none;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    clear: both;
}
.content-bar .catalog p img:hover,
.content-bar .catalog li img:hover {
    transform: scale(1.05);
}
.content-bar li a {
    font-weight: bold;
}
@media (min-width:640px) {
    .content-bar p img {
        float: left;
        margin: 3px 15px 5px 0 !important;
    }
}
.table p {
    margin: 0;
    font-size: 13px;
}
@media (max-width: 639px) {
    .content-bar p img {
        float: none;
        
        width: 100%;
    }
}
p.img-example {
    text-align: center;
}
p.img-example img { 
    float: none;
    margin: 0 !important;
}

.content-bar .table {
    
}
.content-links {
    text-align: center;
    border-left: #ddd;
}
@media (max-width: 639px) {
    .home-links-technology {
        text-align: center;
    }
}
/* ---------- catalog ---------- */
.catalog > li {

}
@media (max-width:640px) {
    .catalog > li {
        text-align: center;
    }
}
.caption {
    font: bold 12px/20px Roboto Condensed;
    text-transform: uppercase;
    padding: 5px 0 15px 0;    
    clear: both;
}
ul.secrets > li > a {
    position: relative;
}
ul.secrets .caption {
    position: absolute;
    z-index: 1;
    left: 11%;
    top: 30%;
    text-align: right;
    font-size: 60px;
    color: #fff;
    text-shadow: 1px 1px 10px #000;
}

.home-numbers {
    font: 700 35px/35px Roboto Condensed;
}
.home-numbers ~ span {
    font-size: 13px;
}
@media (min-width: 1200px) {
    .home-numbers {
        font: 700 55px/35px Roboto Condensed;
    }
    .home-numbers ~ span {
        font-size: 15px;
    }
}

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

--extra1 rows

= = = = = = = = = = = = = = = = = = = = = = */
.extra11-bar {
    background: #9e9e9e;
}

.extra1-bar {
    padding-top: 15px;
    background: url(_mod_files/ce_images/files/extra-bg3.jpg) 0 0 repeat-y fixed;
    /* background-size: 100%; */
    background-position: 50% 0;
}
.title-partners {
    color: #fff;
    
    text-shadow: 0 1px 2px #000;
}

.photoalbum_item-small-row__block {
    width: 100%;
    float: none;
}
@media (min-width:639px){
    .photoalbum_item-small-row__block {
        width: 21.666%;
        float: left;
        margin-right: 3.333%;
    }
}
.reviews {
text-align: center;
}
.reviews img {
    border-radius: 2px;
    transition: all .3s ease;
}
.reviews img:hover {
    border-radius: 2px;
    transform: scale(1.1)
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--extra2 rows

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

.extra2-bar {
    padding-bottom: 25px;
    box-shadow: inset 0px 0px 40px #fff; */;
    /* color: #FFEFEF; */
    /*background: #FF2F2B url(_mod_files/ce_images/files/bg59.jpg) repeat fixed;*/
    background-position: 50% 0;
    background: url(_mod_files/ce_images/files/extra-bg3.jpg) center bottom repeat-y fixed;
    /* background-size: 100%; */
}

.extra22-bar {
    padding-bottom: 25px;
    background: #fff;
}

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

--extra3 rows

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

.extra3-bar {
    padding-top: 0px;
    padding-bottom: 15px;
     /* background: url(_mod_files/ce_images/files/extra-bg3.jpg) right bottom repeat-y fixed;
    /* background-size: 100%; */
   /* background-position: 50% 0;*/
}
.extra3-bar .caption {
    color: #fff;
    text-shadow: 0 0px 0px #000
}
.reviews-title {
    color: #fff;
    text-shadow: 0 1px 2px #000;
}
.reviews img {
    
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--sidebar rows

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

#lay_f4 {}
#lay_f5 {}
.sidebar-bar {
    right: 0;
}
.sidebar .h3 {
    padding: 10px;
    font-weight: bold;
}
.side-nav {}
.side-nav li {
    position: relative;
}
.side-nav .expand {
    font-size: 18px;
    padding-left: 5px;
    cursor: pointer;
}
.sub-nav {
    
}
.sub-nav li { 
    margin-left: 20px;
}
.side-nav a {}
.side-nav a:hover {}

.calc-colors {

}

.calc-colors span {
    
}
.calc-colors span {
    
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--links rows

= = = = = = = = = = = = = = = = = = = = = = */
.links-bar {
    

}


#mailFormLinks input {
    padding: 10px;
    width:100%
}
.links-bar {
    background: #fff;

    border-top: 1px solid #ddd;
}
.photoalbum_item-small {
    min-height: 274px;
    
}

.sidebar-bar input {
    color:#a71606;
}
/*>>= = = = = = = = = = = = = = = = = = = = <<

--footer rows

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

#lay_f9 {}
.footer-bar {
    background-size: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #444;
}
.footer-nav-links {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.footer-nav-links ul {
    padding-left: 0;
}
.footer-nav-links li {
    padding-bottom: 0;
    padding-top: 0;
}
.footer-nav-links a {
    padding-left: 0;
    font-family: Roboto Condensed;
}
.footer-nav-links a:hover {
    /* color: #E0050E; */
}
.footer-nav-links h4 {
    margin-top: 20px;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .footer-nav-links li {
        text-align: center;
    }
    
}

.sitemap {
    display: inline-block;    
    text-decoration: none;
    text-align: center;
    margin: 15px 0;
    color: #fff;
}
.sitemap i {
    font-size: 12px;
    line-height: 50px;
}

.logo-link {    
    width: 53px;
    height: 31px;
    float:left;
    margin: 10px 10px 7px 0;
}
.logo-link a {
    display: block;
    font-size: 3px;
    line-height: 3px;
    text-decoration: none;
    color: #FE0000;
}
.logo-link img {}
.sitemap-wrap {
    
}
.pegi18 {       
    margin: 25px 0 15px 0;
    text-align: center;
}

.counter {      
    height: 31px; 
    text-align: center;
    margin: 25px 0 15px 0;
}

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

.copyright {
    text-align: center;
}
.copyright h5 {
    color: #eee;
  
}
.attention {}
button,
input,
optgroup,
select,
textarea {
    border-radius: 3px;
}


/* 
|||||| >>>5--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
...||
..||     JAVASCRIPT SELECTORS AND REQUIREMENTS
.||
.||     = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */

@media (min-width: 1024px){
    .header-bar {
        position: fixed;
    }
    .slider-bar {
        padding-top: 102px;
    }
    .crumbs-bar {
        padding-top: 108px;
    }
    .js-sticky.header-bar {

    }
    .header-bar.js-sticky .logo img {
        width: 76px;
        transition: all .3s ease;
    }
    .header-bar .logo img {
        width: 123px;
        transition: all .2s ease;
    }
      .navbar>ul>li {
        transition: all .3s ease;
    }
    .js-sticky .navbar>ul>li {
        height: 60px;
    }
    .js-sticky .navbar>ul>li>a {
        padding-top: 20px;
        padding-bottom: 22px;
        line-height: 18px;
    }
}

/* 
|||||| >>>5--= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =<<<
||..||
.||||   OVERRIDES
||..||
||||||   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */




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

--modal (js)

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

.modal {
    display: none;
    max-width: 380px !important;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    z-index:99999!important;
}
.blocker  {z-index:9999!important;
}

.modal a.close-modal {
    position: absolute;
    top: -32.5px;
    right: -32.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 99999!important;
    background: url(_mod_files/ce_images/close.png) no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
  
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}


@media (max-width: 1023px) {
    
    .modal {
    display: none;
    width: 275px;
   
    padding: 10px;
    }
}


@-webkit-keyframes
uptocallphone{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-moz-keyframes uptocallphone{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes uptocallphone{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes uptocallphone2{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-moz-keyframes uptocallphone2{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes uptocallphone2{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@-webkit-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #E60D00, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #E60D00}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
@-moz-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #E60D00, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #E60D00}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
@keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #E60D00, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #E60D00}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
@-webkit-keyframes uptocallmini2{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #E60D00, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #E60D00}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
@-moz-keyframes uptocallmini2{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #71000A, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #71000A}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
@keyframes uptocallmini2{0%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(230, 13, 0,0)}10%{box-shadow:0 0 8px 6px #71000A, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #71000A}100%{box-shadow:0 0 8px 6px rgba(230, 13, 0, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(230, 13, 0, 0)}
}
.call-phone{bottom:30px;box-sizing:border-box;color:rgb(230, 13, 0);cursor:pointer;height:70px;position:fixed;left:90%;width:70px;z-index:200999;perspective-origin:35px 35px;transform-origin:35px 35px;border:0px none rgb(230, 13, 0);font:normal normal normal normal 13px/22px 'Open Sans', sans-serif;outline:rgb(230, 13, 0) none 0px;}
.call-phone-link{box-shadow:rgba(230, 13, 0, 0.713726) 0px 0px 8px 6px, rgba(0, 0, 0, 0) 0px 0px 8.57399px 18.565px, rgba(230, 13, 0, 0.713726) 0px 0px 8.57399px 21.423px;box-sizing:border-box;color:rgb(230, 13, 0);cursor:pointer;display:block;height:70px;text-decoration:none;width:70px;perspective-origin:35px 35px;transform-origin:35px 35px;animation:uptocallmini 1.5s ease-out 0s infinite normal none running;background:rgb(230, 13, 0) none repeat scroll 0% 0%/auto padding-box padding-box;border:0px none rgb(230, 13, 0);border-radius:50% 50% 50% 50%;outline:rgb(255, 128, 0) none 0px;opacity:.3;}
.call-phone-link:hover{opacity:.9;transform:scale(1);}
.call-phone-link:before{background-position:50% 50%;box-sizing:border-box;color:rgb(230, 13, 0);cursor:pointer;display:block;height:70px;left:0px;position:absolute;top:0px;width:70px;z-index:0;align-self:stretch;perspective-origin:35px 35px;transform:matrix(0.944859, 0.327478, -0.327478, 0.944859, 0, 0);transform-origin:35px 35px;content:"";animation:uptocallphone 1.5s linear 0s infinite normal none running;background:rgba(0, 0, 0, 0) url("_mod_files/ce_images/call.png") no-repeat scroll 50% 50%/auto padding-box border-box;border:0px none rgb(230, 13, 0);font:normal normal normal normal 13px/22px 'Open Sans', sans-serif;outline:rgb(230, 13, 0) none 0px;}
.cfff {color:#fff;}


@media (max-width: 1270px)
{
.navbar>ul>li:nth-child(3){
	max-width:70px;
	} 
.navbar>ul>li:nth-child(4){
	max-width:110px;
	}
.navbar>ul>li:nth-child(5){
	max-width:70px;
    }    
.navbar>ul>li:nth-child(6){
	max-width:130px;
	}
}


@media (min-width: 1270px)
{
.navbar>ul>li:nth-child(3){
	max-width:80px;
	}    
.navbar>ul>li:nth-child(4){
	max-width:130px;
	}
.navbar>ul>li:nth-child(5){
	max-width:80px;
	}
.navbar>ul>li:nth-child(6){
	max-width:150px;
	}
}


  body {background: #e1e2e2;}
    .main_slider_sign {font-family: Roboto Condensed;background: #e57100; text-align: center;font-size: 28px;line-height: 36px;color: #fff; text-align: center;font-weight: 600;padding: 12px 0;}
.main_slider_sign_span {display: block;font-size: 21px;}
    @media (min-width: 1024px) {
     .navbar > ul > li > a {
        font: 14px/26px Helvetica, Arial;
            font-family: Roboto Condensed;
        text-shadow: none;
    color: #131817;
        padding: 12px 12px;
            text-transform: uppercase;

    }
        
         .navbar > ul > li > a.active,
    .navbar > ul > li > a:hover {
color: #ffffff;
    background: #e57100;
}
        .navbar > ul > li {
        height: auto;
            
        }
        
        .js-sticky .navbar>ul>li {
       height: auto;
    }
        
        .js-sticky .dn {display:none;}
        .header-bar {
    border-bottom: 0px solid #a71606;box-shadow: 0 0 10px #000; }
        
        .js-sticky .navbar>ul>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
       
    }  }
        
        
        .card {
    background-color: #fff;
    padding: 0px;
    overflow: hidden;
    border-radius: 2px;
    /* border: 1px solid rgba(158, 158, 158, 0.43); */
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
   
}
    .card .caption {padding-left:8px;}
    .bg_tri_terms_titel {margin: 15px 0 10px 0;    font-family: Roboto Condensed;font-size: 18px;line-height: 24px;font-weight:600;}
    .bg_tri_terms_img {border-radius: 100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,.20),0 2px 10px 0 rgba(0,0,0,.15);}

.bg_tri_terms {background: rgba(225, 226, 226, 0.46);}
    
    
    
    .l-extra_bg {
    background: #ffd700;
     background: url(_mod_files/ce_images/common/bg_vlk_2.jpg) center center no-repeat;
    background-size: cover;
}
.l-extra_bg_wrap {
    background: rgba(238, 236, 230, 0.52);
    padding:24px 0;
}
    
    
    .contacts {
    padding-top: 40px;
        color: #000; }
    .cfff {
    color: #000;
}
    
    .extra3-bar .caption {
    color: #000;
    text-shadow: none;
}
    
    a, .a {
    text-decoration: none;
    cursor: pointer;
    color: #000;overflow: hidden;
}

  
@media (max-width: 1270px)
{
.navbar>ul>li:nth-child(3){
	max-width:100%;
	} 
.navbar>ul>li:nth-child(4){
	max-width:100%;
	}
.navbar>ul>li:nth-child(5){
	max-width:100%;
    }    
.navbar>ul>li:nth-child(6){
	max-width:100%;
	}
}


@media (min-width: 1270px)
{
.navbar>ul>li:nth-child(3){
	max-width:100%;
	}    
.navbar>ul>li:nth-child(4){
	max-width:100%;
	}
.navbar>ul>li:nth-child(5){
	max-width:100%;
	}
.navbar>ul>li:nth-child(6){
	max-width:100%;
	}
}
    
    
    
    
    
    
    
    
    
}
/*
 * FILE END: _mod_files/_css/ami_custom.css
 */