* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  }
/*CatEleganceColor
CatPremiumColor*/

@font-face{
  font-family: PF Din Text Cond Pro Bold;   /* имя шрифта для CSS правил */
  src: url("/templates/styles/fonts/pfdintextcondpro-bold.eot");
  src: local("PF Din Text Cond Pro"),   /* проверяем наличие шрифта в ОС пользователя */
  url("/templates/styles/fonts/pfdintextcondpro-bold.eot?#iefix") format("embedded-opentype"),   /* если шрифта нет в системе, загружаем его по указанному пути */
  url("/templates/styles/fonts/pfdintextcondpro-bold.ttf") format("truetype");   /* если шрифта нет в системе, загружаем его по указанному пути */
}
@font-face{
  font-family: PF Din Text Cond Pro Light;   /* имя шрифта для CSS правил */
  src: url("/templates/styles/fonts/pfdintextcondpro-light.eot");
  src: local("PF Din Text Cond Pro"),   /* проверяем наличие шрифта в ОС пользователя */
  url("/templates/styles/fonts/pfdintextcondpro-light.eot?#iefix") format("embedded-opentype"),   /* если шрифт не установлен, тогда загружаем его по указанному пути */
  url("/templates/styles/fonts/pfdintextcondpro-light.ttf") format("truetype");   /* если шрифт не установлен, тогда загружаем его по указанному пути */
}


h1,h2,h3,h4,h5 {text-transform: uppercase; font-family: PF Din Text Cond Pro Bold; color:#336699; font-size:20px;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

p  {margin-bottom:16px;}

.link            {color:#2AAFC7;}
.content a,
.link            {text-decoration:underline;}
.content a:hover,
.link:hover      {text-decoration:none;}

/* КЛАССИКИ */
.clearfix   {clear: both;}
.overhidd   {overflow: hidden;}
.noLink     {pointer-events: none;}

.pad1x{padding:12px!important;}
.pad2x{padding:24px!important;}
.pad3x{padding:36px!important;}
.pad4x{padding:48px!important;}

.marbt1x{margin-bottom:12px!important;}
.marbt2x{margin-bottom:24px!important;}
.marbt3x{margin-bottom:36px!important;}
.marbt4x{margin-bottom:48px!important;}

/*Выравнивание по центру по вертикали*/
  .vertaid    {height:100%;}
  .vertaid .el{vertical-align:middle; display:inline-block;}
  .vertaid:before{content:''; height:100%; display:inline-block; vertical-align:middle;}
/*Выравнивание по центру по вертикали*/


.BoxSizing{box-sizing: border-box;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}


/* quick or fast */
.trsdurQ{transition-duration: 0.25s;
                  -o-transition-duration: 0.25s;
                -moz-transition-duration: 0.25s; 
             -webkit-transition-duration: 0.25s;}
/* middle */
.trsdurM{transition-duration: 0.5s;
                  -o-transition-duration: 0.5s;
                -moz-transition-duration: 0.5s; 
             -webkit-transition-duration: 0.5s;}
/* slow */
.trsdurS{transition-duration: 1s;
                  -o-transition-duration: 1s;
                -moz-transition-duration: 1s; 
             -webkit-transition-duration: 1s;}

.BRadiusQ {border-radius:3px;}
.BRadiusM {border-radius:6px;}
.BRadiusS {border-radius:12px;}

.bgrBl    {background-color:#e1e8f0;}
.clrBl    {color:#336699;}

/* КЛАССИКИ */





html      {font-family: PF Din Text Cond Pro Light;
           line-height: 19px;
          }
a         {text-decoration:none;}



.adWidth  {width:984px; margin:0 auto;}
.cols-3   {width:33.3%; float:left; text-align:center;}
.cols-4   {width:25%;   float:left; text-align:center;}
header .cols-3:first-child                {text-align:left;}
header .cols-3:last-child                 {text-align:right;}

html * {max-height:1000000px;}
/*html,
body,
base,
footer{width:100% !important;}*/


body      {background:url(images/bgr-body.png) repeat-y center top #dee5ed;}
header    {background:url(images/bgr-header.png) repeat-y center top #ced5df;}
footer    {padding:42px 0; overflow: hidden;}

footer,
footer a  {color:#FFFFFF;}



.logo-top {width:204px; height:52px;}
.logo-bottom img {margin-bottom:18px;}

/*  */
.box-header           {height:142px;}


.box-header .contacts {text-align:right;}


.interBox   {min-height:100x;}
.interTitle {height:28px; padding:4px 0; margin-bottom:16px; text-align:center; text-transform: uppercase;
             font-family: PF Din Text Cond Pro Bold; box-sizing: border-box;
            }




.BigSlider    {height:336px;
               background-image: url(images/el-shadow.png), url(images/bgr-top-slid-right.png), url(images/bgr-top-slid-left.png); 
               background-repeat: no-repeat; 
               background-position: center top, center right, center left;
               background-color: #f4f5f7;
}
#bgswbgblue { background-image: url(images/banners_curvesbgr.png); z-index: 1; height: inherit; position: absolute; width: 100%;}
#bgswbgocher { background-image: url(images/slidBigBg_palletfencing_left.png), url(images/slidBigBg_palletfencing_right.png);
  background-color: #cdccbf; z-index: 1; height: inherit; position: absolute; width: 100%;
  background-position: center left, center right;
  background-repeat: no-repeat;
}


/* Ссылка вверх START */
#scaTop      {width:42px; height:42px;  position:fixed; bottom:24px; right:24px; background-repeat:no-repeat; background-position: center top 9px; cursor:pointer;
              opacity:0.3; background-color:#FFF; background-image:url(images/ui-scaTop-comf.png); border:3px solid #336699; /*#7e4b52*/ /*#6D3B25*/  border-radius:50px; z-index:5;}
#scaTop:hover{opacity:1;}
/* Ссылка вверх TOP */

#scaTop       {display:none;}
#scaTop.scroll{display:block;}


/* МЕНЮ START */

/* Меню главное */
.menu-main nav ul li a        {padding:8px 16px; display: block; text-transform: uppercase; font-family: PF Din Text Cond Pro Bold;}
.menu-main nav ul li a:hover  {text-decoration:underline;}
.menu-main nav ul li          {display: inline-block; list-style:none;}
.menu-main nav ul             {text-align: center;}

.manu-top nav ul li a {}

.manu-left nav ul li a {}

/* Меню главное Второй уровень */

.menu-main nav ul li ul       {display:none; background-color: #336699; text-align:left; border-radius:0 0 4px 4px; z-index:1000; box-shadow: 0px 3px 6px rgba(126,153,180,0.55);}
.menu-main nav ul li:hover ul {display:block; position: absolute;}

.menu-main nav ul li ul li    {display: block;}
.menu-main nav ul li ul li a  {color:#FFFFFF; text-transform:inherit; font-family: PF Din Text Cond Pro Light;}
.menu-main nav ul li ul li a       {padding:4px 18px 4px 16px;}
.menu-main nav ul li ul li.first a {padding:10px 18px 4px 16px;}
.menu-main nav ul li ul li.last a  {padding:4px 18px 12px 16px;}



/* Меню второстепенное TOP */
.menuSecondTop ul li a        {padding:4px 12px 3px; display:block; text-transform:uppercase; font-family:PF Din Text Cond Pro Bold; font-size: 14px;
                               opacity:0.7; border-bottom: 1px solid #e4e7ea;
                              }
.menuSecondTop ul li a:hover  {opacity:1; border-bottom: 1px solid #e4e7ea;}
.menuSecondTop ul li.active a {background:url('images/bgr-ui-mst-active.png') repeat-x center; color:#FFFFFF; opacity:1; border-bottom: 1px solid #4da1d4;}
.menuSecondTop ul li          {display:table-cell; list-style:none; background-color:#f7f7f9;}
.menuSecondTop ul             {width:100%; display:table; margin:0 auto 16px; border: 1px solid #f2f5f7; padding:1px; text-align: center;  box-sizing: border-box;}
.menuSecondTop .mtChlds2x li  {width:50%;}
.menuSecondTop .mtChlds3x li  {width:33.33%;}


/* Меню второстепенное SEC */
.menuSecondSec                {float:left;}

.menuSecondSec ul li a        {padding:8px 12px; display:block; font-family: PF Din Text Cond Pro Light;
                               opacity:0.7; border-bottom: 1px solid #e4e7ea;
                              }
.menuSecondSec ul li a:hover  {opacity:1; border-bottom: 1px solid #e4e7ea;}
.menuSecondSec ul li.active a {background:url('images/bgr-ui-mst-active.png') repeat-x center; color:#FFFFFF; opacity:1; border-bottom: 1px solid #4da1d4; line-height: 16px;}
.menuSecondSec ul li          {list-style:none; background-color:#f7f7f9;}
.menuSecondSec ul             {border: 1px solid #f2f5f7; padding:1px; margin-bottom:12px;}

/* Меню второстепенное LOWER */
.menuSecondSec ul,
.menuLower a      {width:200px;}
.menuLower      {}
.menuLower a,
#ChainMapSrchResult .default a{padding:10px 12px; margin-bottom:12px; display:block; font-family: PF Din Text Cond Pro Light; box-sizing: border-box;
                               background-color:#f7f7f9; border: 1px solid #e4e7ea; /*opacity:0.7;*/
}
.menuLower a:hover,
#ChainMapSrchResult .default a:hover{border:1px solid #4da1d4;}
.menuSecondSec a.active {background:url('images/bgr-ui-mst-active.png') repeat-x center; color:#FFFFFF; opacity:1; border-bottom: 1px solid #4da1d4; line-height: 16px;}

.menuLower #InstructionList{width:100%; margin:0 0 12px 0;}
.menuLower #InstructionList #findInstruction{width:100%; padding:10px 12px; box-sizing: border-box;}

#ChainMapSrchResult .default a:last-child {margin-bottom: 10px;}
#ChainMapSrchResult .default a {display:block; margin-bottom:3px; text-align:left;}

.menuLower.cntbtn a {margin-top:16px; float:right; width:244px; border-radius: 6px;}

/* МЕНЮ ПОДВАЛ */
/*
footer                {width:100%; display:block;}
footer nav ul         {list-style:none; display:inline-flex; min-width:146px; max-width:170px;}
footer nav ul ul      {margin-right:24px;display:block;}
footer nav ul li a    {display:block;}
footer nav ul li a    {margin-bottom:12px; text-transform:uppercase; font-family: PF Din Text Cond Pro Bold;}
footer nav ul li li a {margin-bottom:4px; text-transform:inherit; font-family: PF Din Text Cond Pro Light;}
*/

footer                {width:100%; display:block;}
footer nav ul         {list-style:none; display:block; min-width:146px;}
footer nav ul ul      {margin-right:24px; display: block;}
footer nav ul .last ul{margin-right:0;}
footer nav ul li      {float:left;  max-width:164px;}
footer nav ul li li   {float:none;}
footer nav ul li a    {display:block;}
footer nav ul li a    {margin-bottom:12px; text-transform:uppercase; font-family: PF Din Text Cond Pro Bold;}
footer nav ul li li a {margin-bottom:4px; text-transform:inherit; font-family: PF Din Text Cond Pro Light;}

footer a:hover        {text-decoration: underline;}

/*footer nav ul .title  {margin-bottom:12px; text-transform: uppercase; font-family: PF Din Text Cond Pro Bold;}*/
footer nav ul li a    {}
/* МЕНЮ END */

footer .info{
  margin-top:42px;
  float:left; width: 800px;
}
footer .socicons{
  margin-top:42px;
  float:right; width: 164px;
}
footer .socicons .title{
  text-transform: uppercase;
  font-family: PF Din Text Cond Pro Bold;
}
footer .socicons a{
  margin: 8px 10px 0 0;
  display: inline-block;
  cursor: pointer;
}
footer .socicons a:hover{
  opacity: 0.75;
}
footer .socicons img{
  width: 30px;
}



/* Поиск по городам в менюшке */
.findinm {
  width: 100%;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 1px solid #b6c8d9;
  display: block;
  margin-bottom:12px;
}
.findinmerr { display: none;}
.findinm:focus { border: 1px solid #5f87af;}
/*/ Поиск по городам в менюшке */

.content,
#content{padding:16px; border: 1px solid #f2f5f7; overflow: hidden; border-radius:6px; background:#FFFFFF;}

#content{width:750px; min-height: 512px;
    float:right;
}

#contentRight{/*width:656px;*/ width:624px; min-height: 512px;
    float:right;
}

#contentLeft{width:300px; float:left;}

#columnLeft{width:184px; /*width:216px;*/ float:left;}




/* Форма поиска START */
.sisea-search-form{margin:0; padding:0;  z-index:9999}
.fsinput          {display:block; float:left; width:160px; margin:0;  color:#747474; background-color:#FCFAF7;
                   border-left:1px solid #b6c8d9; border-top:1px solid #b6c8d9; border-bottom:1px solid #b6c8d9;}
.fssubmit         {width:28px; color:#FFF; cursor:pointer;
                   background: url('images/ui-fssubmit.png') center no-repeat #80a0c0;}
.fssubmit,
.fsinput          {height:28px; padding:1px 7px 1px; box-sizing:border-box;}

.typeahead.dropdown-menu    {margin-top:-1px; display:block; position: absolute; background-color:#FFFFFF; z-index:999;
                             border:1px solid #b6c8d9; border-right:1px solid #b6c8d9; border-bottom:1px solid #b6c8d9;}
.typeahead.dropdown-menu li {list-style:none; padding:4px 10px 4px 8px; display:block; font-size:14px;}
.typeahead.dropdown-menu li.active{background-color:#EAEDF2;}
/* Форма поиска END */

/* Стили для поиска START */

.sisea-results      {text-transform: uppercase; font-family: PF Din Text Cond Pro Bold; color:#336699; font-size:20px;}
.sisea-paging       {margin-bottom:20px;}
.sisea-results-list .sisea-result      {margin-bottom:20px; border-bottom:1px dashed #dddddd;}
.sisea-results-list .sisea-result h3   {margin-bottom:14px;}
.sisea-results-list .sisea-result h3 a       {text-decoration: none;}
.sisea-results-list .sisea-result h3 a:hover {text-decoration: underline;}
.sisea-results-list .sisea-highlight    {background-color:#EDEEF2;}

/* Стили для поиска END */





/* Стили форм обратной связи START */

.formstyle{width:75%; margin:48px auto 24px;}
.formstyle .smallText{font-size:16px;}
.formstyle .PMDstyle {width:100%;}
.formstyle .PMDstyle .jq-checkbox{margin:0 !important;}

.formstyle input[type=text],
.formstyle input[type=submit],textarea{
  width:100%;
  padding:8px 12px 8px; margin:3px 0; border-radius:6px;;
          box-sizing: border-box;
     -moz-box-sizing: border-box; /*Firefox 1-3*/
  -webkit-box-sizing: border-box; /* Safari */
  }

.formstyle input[type=text],
.formstyle textarea{
  border:1px solid #b6c8d9 /*#E4E4E4*/;
  color:#999999; /*font-size:14px; font-family:Tahoma,Verdana,Arial;*/
  resize:none;
}
.formstyle input[type=text]:visited,
.formstyle textarea:visited{font-style:italic;}
.formstyle input[type=text]:focus,
.formstyle textarea:focus{color:#000000; border-color:#336699;  box-shadow:none;/*box-shadow:0px 0px 5px 0px #B00000;*/}


  
.formstyle input[type=submit]{
  background-color:#317bb8;
  border:0px;
  padding:9px 12px 9px;
  color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;
}
.formstyle input[type=submit]:active{background-color:#1e67a4;}
.formstyle input[type=submit]:hover{/*background-color:#448cc7;*/ cursor:pointer;}

/* SELECT */
.formstyle .jq-selectbox__select,
.formstyle .jq-selectbox__dropdown      {width:100%;}

.formstyle .jq-selectbox.jqselect      {width:100%;}

.formstyle .jq-selectbox__select        {margin:3px 0; border-radius:6px;
                              background: #FFFFFF;
                              border:1px solid #b6c8d9 /*#E4E4E4*/; box-sizing: border-box;
}

.formstyle .jq-selectbox__select-text   {padding:8px 12px 8px;
                             color:#999999; /*font-size:14px;*/ line-height:21px; /*font-family:Tahoma,Verdana,Arial;*/}


.formstyle .opened .jq-selectbox__select{border-color:#336699; background-color:#ecf0f3;}
.formstyle .jq-selectbox__dropdown      {margin-left:0px; margin-top:-11px; width:calc(100% - 2px);
                              background-color:#FFFFFF;
                              border-radius:6px; border:1px solid #336699; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
                             }
.formstyle .jq-selectbox__dropdown ul   {margin:0!important; padding:0!important; }
.formstyle .jq-selectbox__dropdown li   {padding:8px 12px 8px!important; margin:0!important; /*border-top:1px solid #EDEDED;*/
                              font-size:14px!important; list-style:none!impostant;}
.formstyle .jq-selectbox__dropdown li:nth-child(2n+1){background: #fff; /* Цвет нечетной ячейки */}
.formstyle .jq-selectbox__dropdown li:nth-child(2n){background: #f9f9f9; /* Цвет четной ячейки */}
.formstyle .jq-selectbox__dropdown li:hover{background-color:#ecf0f3; cursor:pointer;}
.formstyle .jq-selectbox__dropdown li.sel{display:none;}
/* SELECT end */


/* Элементы форм НАЧАЛО */

.formstyle .jq-radio,
.formstyle .jq-checkbox{width:24px; height:24px; margin:0 24px 0 8px; padding:4px; display:block!important; border-radius:6px; box-sizing: border-box;
          background:#FFFFFF; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3) inset;}
.formstyle .jq-radio span,
.formstyle .jq-checkbox span{width:100%; height:100%; display:block; background:#EDEDED; border-radius:3px;}
.formstyle .jq-radio.checked,
.formstyle .jq-checkbox.checked{}
.formstyle .jq-radio.checked span,
.formstyle .jq-checkbox.checked span{background:#317bb8;}
.formstyle .jq-radio.checked:hover,
.formstyle .jq-checkbox.checked:hover{cursor:default;}
         
.formstyle .jq-radio:hover{cursor:pointer;}


.formstyle .OnlineApp{}
.formstyle .OnlineApp table{/*margin-left:16px;*/}
.formstyle .OnlineApp table th{padding:2px;
       font-size:14px; color:#000000; text-transform:uppercase; 
       font-family:Resavska-BG-Sans;}
.formstyle .OnlineApp table td{padding:0 6px; font-size:14px; line-height:30px;}
  

.formstyle .OnlineApp .error{margin:-4px 0 4px; display:block; color:#B00000; text-align:center; font-size:12px;}



.formstyle .inforules{margin:12px auto;  font-size:16px; color:#999999;}

/* Элементы форм КОНЕЦ  */

.formstyle .error   {color:#C00000; letter-spacing:1px; font-size:14px; font-weight:bold;}
.formstyle hr{margin:0;}
.formstyle table td{height:48px; vertical-align: middle; padding:0px!important;}
.formstyle .titleTxt{padding:0 0 10px 2px; display:block; font-size:18px; color:#afc0d0;}

/* Стили форм обратной связи END */



/* Дата-тех таблица >>> */
.techtable    {font-size:14px; line-height:14px; width:100%; border-collapse:collapse;
  border-top:1px solid #ededed;
  border-right:1px solid #ededed;
}
.techtable td,th {padding:4px 8px !important;
  border-left:1px solid #ededed;
  border-bottom:1px solid #ededed;
}
.techtable th  {font-weight:bold; text-align:left;}
.techtable tr:hover td {background: #f2f5f7;}
/* Дата-тех таблица <<< */


/* Карта сайта */
.content .sitemap{}
.content .sitemap a        {text-decoration:none; /*color:#638DB7;*/ color:#00689e;}
.content .sitemap a:hover  {text-decoration:underline;}
.content .sitemap          {margin:12px 0 14px;}
.content .sitemap ul       {margin:8px 0 12px;}
.content .sitemap ul ul    {margin:6px 0 4px;}
.content .sitemap li       {margin:0 0 0 24px; color:#E9ECEF; list-style-type:square;}
.content .sitemap li:hover {color:#99b2cc;}
.content .sitemap li       {opacity:0.95; font-weight:bold;}
.content .sitemap li li    {opacity:0.85; font-weight:normal;}
.content .sitemap li li li {opacity:0.65;}


/* Аккордион */
.AccordiKhife.nactive { cursor: pointer;}
.AccordiBox { position: relative; margin-bottom: 20px;}
.AccordiBox.hidden { display: none;}
.AccordiBox .more { text-align: right; cursor: pointer;}
.AccordiBox .sneaky { display: none;}

.AccordiBox.open { overflow: auto;}
.AccordiBox.open .more { display: none;}
/*/ Аккордион */

/* Фиксы */

.bottomfoot{
  position: fixed;
  bottom: 0;
}

/* Поиск интрукций */
.ui-autocomplete { max-height: 450px; overflow-y: auto; overflow-x: hidden;}
#InstructionList { margin: 30px auto; width: 322px;}
#InstructionList label { font-weight: bold; margin-right: 10px; width: 312px;}
#findInstruction { border: 1px solid #b6c8d9; padding: 5px;}
#findInstruction:focus { border: 1px solid #5f87af;}
#InstructionResult { float: none; margin: 0 auto;}
#InstructionLost { text-align: center;}
/*/ Поиск интрукций */




/* END */
