
/* Продукция на главной START */

.BoxProductionMain        {opacity: 0.75; margin-bottom:26px !important;}
.BoxProductionMain:hover  {opacity: 1; cursor: pointer;}

.BoxProductionMain img           {transform: scale(1.0);}
.BoxProductionMain:hover img {transform: scale(1.05);}

.BoxProductionMain,
.BoxProductionMain div   {display: block;}

.BoxProductionMain div   {width: 60%; margin: 0 auto;
                           text-transform: uppercase; color:#4d72a9; font-family:PF Din Text Cond Pro Bold;
                           background-image: url(images/el-arrow-left.png), url(images/el-arrow-right.png);
                           background-position: right -4px center, left -4px center;
                           background-repeat: no-repeat;
}

.BoxProductionMain:hover div{background-position: right 4px center, left 4px center;}

/* Продукция на главной END */


/* Блок с номером горячей линии на Главной START */
.hotlineMB           {width:410px; height:174px; margin:0 auto; overflow: hidden; background:url(images/ui-hl-image.png) no-repeat right bottom;}
.hotlineMB .contents {width:294px; height:62px; margin-top:60px; padding-left:62px; background:url(images/ui-hl-phone.png) no-repeat left center;}
.hotlineMB .title,
.hotlineMB .desc,
.hotlineMB a         {display:block; text-transform:uppercase;}
.hotlineMB a         {font-size:30px; color:#336699; margin-bottom:4px; font-family:PF Din Text Cond Pro Bold;}
.hotlineMB .title    {font-size:12px; color:#0098da; margin-bottom:3px; font-family:PF Din Text Cond Pro Bold;}
.hotlineMB .desc     {font-size:12px; color:#336699;}

/* Блок с номером горячей линии на Главной END */



/* Main Tabs START */

.features {}

.features #tab1:hover {background-image: url(images/bt-mn-adv-6-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab2:hover {background-image: url(images/bt-mn-adv-1-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab3:hover {background-image: url(images/bt-mn-adv-3-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab4:hover {background-image: url(images/bt-mn-adv-7-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab5:hover {background-image: url(images/bt-mn-adv-2-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab6:hover {background-image: url(images/bt-mn-adv-4-lt.png), url(images/bt-mn-adv-arrow.png);}
.features #tab7:hover {background-image: url(images/bt-mn-adv-5-lt.png), url(images/bt-mn-adv-arrow.png);}

.features #tab1 {background-image: url(images/bt-mn-adv-6.png);}
.features #tab2 {background-image: url(images/bt-mn-adv-1.png);}
.features #tab3 {background-image: url(images/bt-mn-adv-3.png);}
.features #tab4 {background-image: url(images/bt-mn-adv-7.png);}
.features #tab5 {background-image: url(images/bt-mn-adv-2.png);}
.features #tab6 {background-image: url(images/bt-mn-adv-4.png);}
.features #tab7 {background-image: url(images/bt-mn-adv-5.png);}



.features ul.tabs {
    width:100%;
    overflow:hidden;
    text-align: center;
    box-sizing: border-box;
    padding-left:48px;
}

.features ul.tabs li {
    width:96px; height:96px;
    background-position: center top, center bottom; background-repeat: no-repeat;
    /*opacity: 0.2;*/
    list-style:none;
    display:block;
    /*display: inline-flex;*/
    float:left;
    margin:2px;
    cursor:pointer;
    margin:36px 18px 0px 18px;
    padding-bottom:36px;
}

.features ul.tabs li:first-child   {margin-left:0px;}
.features ul.tabs li:last-child    {margin-right:0px;}

/*.features ul.tabs li:hover,
.features ul.tabs li.current{
    opacity: 1;
}*/

.features .contents  {margin: -1px auto; width:91%;
            display:none;
            border:1px solid #d6e9f6;
            /*background-image: url(images/bgr-top-slid-right.png);*/
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center right;
            /*background-color: #f4f5f7;*/
           }

.features:hover {margin-bottom: 36px;}
.features:hover .contents {display: block;}

.features .tabscontent {
    padding:24px; box-sizing: border-box;
    display:none;
    min-height: 288px;
}


.features .tabscontent {background-repeat: no-repeat; background-position: center left;}
.features .tabscontent h3 {margin-bottom:18px; font-size:18px;}
.features .tabscontent p {font-size:18px; line-height:22px; color:#336699;}
.features .tabscontent .details {margin:220px 0 0 772px; position: absolute; padding: 6px 12px 7px; border-radius: 2px; display:block; width:64px; text-align:center;
               background: linear-gradient(to bottom, #72c7ec 0%,#4fb3e1 48%,#018ed1 52%,#0086c9 100%);
               color: #fff;
}

.features .tabscontent .box      {float:right;}
.features .tabscontent .titlelt  {display:block; margin-bottom:20px; color:#0098da; font-size:19px; line-height:28px; font-family:PF Din Text Cond Pro Bold;}
.features .tabscontent .title    {display:block; margin-bottom:20px; color:#336699; font-size:18px; line-height:26px; font-family:PF Din Text Cond Pro Bold;}
.features .tabscontent .text     {display:block; margin-bottom:20px; color:#336699; font-size:18px; line-height:24px;}



/* Main Tabs END */


/* Main Service Widget START */


.WidService         {width: 96%; padding:16px; margin:36px 0; display: block;
                     border:1px solid #e6ecf3; box-shadow: 5px 5px 0px 0px #e6ecf3;
                    }

.WidService .title  {padding:68px 0 0;
                     background-repeat: no-repeat; background-position: top center;
                     text-transform: uppercase; color:#336699;
                     font-family: PF Din Text Cond Pro Bold;
                    }
.WidService .desc   {}
.WidService img     {margin:16px 0;}


/* Main Service Widget END */



/* Main Top Slider START */
#slider {margin:0 auto; width:984px; position: relative; overflow: hidden; z-index: 5;}

#slider ul {height:336px; margin:0 auto; padding:0; position:relative;
            list-style: none; overflow: hidden; width:984px;
}

#slider ul li {
           width:984px; height:336px; margin:0; padding:0;  display: block; position: relative; float: left;
           /*line-height: 300px;*/ text-align: center;
}

a.control_prev, a.control_next {
  top: 42%; width:48px; height:48px;
  display: block; position: absolute; border-radius: 50px;
  background-position: center; background-repeat: no-repeat; background-color:#555555; 
  color: #fff; text-decoration: none;
  font-size: 18px; font-weight: 600;
  z-index: 999; opacity: 0.05; cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 0.2;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {background-image: url(images/ui-arr-left.png);}

a.control_next {background-image: url(images/ui-arr-right.png);
  right: 0;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

/* Стили текста в слайдере START */
#slider .txtBig,
#slider .collTit,
#slider .collTgln {position:absolute;}
#slider .collTit  {font-size:20px; text-transform:uppercase;}
#slider .collTgln {font-size:24px; font-style:italic; width:440px; margin-left:424px; text-align:right;}
#slider  .txtBig {font-family: PF Din Text Cond Pro Bold; text-transform: uppercase;}

/* Стили текста в слайдере END */

/* Main Top Slider END */





/* Вывод файлов START */
.OutFilePdf                 {padding:20px 20px; width:164px; float:left; text-align: center;}
.OutFilePdf .LinkFile,
.OutFilePdf .LoadFile       {display: block;}
.OutFilePdf .LinkFile       {padding-bottom:60px; margin-bottom:6px;
                             background: url('images/ico-pdf.png') center bottom no-repeat;}
/*.OutFilePdf .LinkFile:hover {background: url('images/ico-pdf.png') center 22px no-repeat;}*/
.OutFilePdf .LinkFile:hover {background: url('images/ico-pdf.png') center bottom+6px no-repeat;}
.OutFilePdf .LoadFile:hover {text-decoration: underline;}

.OutFilePdf a        {text-decoration: none; color:#336699; font-size:16px;}
.OutFilePdf a:hover  {}

#InstructionLost .OutFilePdf {padding:24px 20px; width:178px;}

/* Вывод файлов END */

/* Вывод картинок START */
a.OutImgFile {width:166px; margin:0 24px 24px 0; display:block; float:left;
             text-decoration:none;
}
.OutImgFile .name {padding:6px 8px; font-size: small; background-color:#336699; color:#FFFFFF; border-bottom:4px solid #e1e8f0;}
.OutImgFile .prev {width:166px; height:230px; background:#ededed none repeat scroll 0 0 / 100% 100%;}
.OutImgFile span  {padding:4px 8px; height:100%; display:block;
                  background-color:rgba(255, 255, 255, 0.5);
                  font-size: small; text-transform: uppercase; text-align: right; vertical-align: bottom;
}
.OutImgFile:hover span {opacity:0;}
/* Вывод картинок END */



/* Авторизованные сервисные центры START */
.citylinks            {}
.citylinks a          {color:#80a0c0; display: block; padding:2px 0; font-size: 18px; text-decoration:none;}
.citylinks a.active   {color:#336699; background-image: url(images/el-arrow-left.png); background-position: right center; background-repeat: no-repeat;}
.citylinks a:hover    {color:#336699; text-decoration:underline;}

.ascLineBox, .ascLogo {margin-bottom:12px;}
.ascLineBox           {float:left; font-size:16px; line-height:18px;}
.ascLogo              {float:right; max-height:96px; max-width:128px;}

.acsLine              {margin:6px 0; display: block;}

.ascLineBox a        {text-decoration: none; color:#336699;}
.ascLineBox a:hover  {text-decoration: underline;}
/* Авторизованные сервисные центры END */



/* Маркетинговая поддержка - Промо материалы START */
.PromoContainer   {margin:46px 0; overflow: hidden;}
.PromoContainer .PromoBox   {float:left;}
.PromoBox         {/*width:241px;*/ /*width:196px;*/ width:156px; height:auto; margin:0 11px 28px;
                  font-size:16px; text-align:left; text-decoration:none!important;}
.PromoBox .imgBox {height:192px; margin-bottom:4px; display:table-cell; vertical-align: middle;}
.PromoBox img     {height:80%;}
.PromoBox .data   {}
.PromoBox .name   {color:#336699; font-weight:bold; letter-spacing:1px; line-height:18px; margin-bottom:6px;}
.PromoBox .ext    {text-transform:uppercase;}
.PromoBox .info   {color:#999; /*font-size:14px;*/ font-size:12px; /*float:left;*/ letter-spacing:0.5px; /*text-transform:uppercase;*/}
.PromoBox .links   {color:#999;}
.PromoBox .date   {/*color:#555;*/  font-size:12px;}
/* Маркетинговая поддержка - Промо материалы  END */



/* Контакты START */
.BoxListInfo  {padding-left:56px; min-height:48px; margin-bottom:12px; background-repeat:no-repeat; background-position: top left;}
.icoLocation  {background-image: url(images/ico-location.png);}
.icoPhone     {background-image: url(images/ico-phone.png);}

.BoxListInfo .contain {}

.BoxListInfo a        {text-decoration: none; color:#336699;}
.BoxListInfo a:hover  {text-decoration: underline;}

/* Контакты END */




/* Интернет-магазины START */
.buyShopsBox   {overflow: hidden; text-align: center; margin-bottom:24px;}

.buyShopsBox a {width:148px; margin:24px; display:inline-block;
                text-decoration: none;
                opacity: 0.5;
}

.buyShopsBox a .img,
.buyShopsBox a .name {display:block; width:100%;}
  
.buyShopsBox a .img  {height:96px;
                      background-position: center; background-size: 85%; background-repeat: no-repeat;}
.buyShopsBox a .name {text-align: center; text-align: center;}

.buyShopsBox a:hover {text-decoration: underline;
                      opacity: 1; background-size: 100%;
}

.buyShopsBox a:hover .img {background-size: 100%;}

/*.buyShopsBox a span{width: 100%; display: block; text-align: center;}*/

/* Интернет-магазины END */

/* Раздел видео START */
.runVideo,
.runVideo .plan,
.runVideo iframe {width:232px; height:130px;}
.runVideo        {display:inline-block; margin:3px 2px; overflow: hidden; border:1px solid #f2f5f7; box-sizing:border-box;}
.runVideo .plan  {padding:8px 11px; display:block; position:absolute; box-sizing:border-box; background: rgba(255,255,255,0.75); opacity:1; z-index: 5;
                  color:#336699; font-weight:bold; font-size:14px; letter-spacing: 1px; line-height:18px;
}
.runVideo .plan:hover{opacity:0;}

.runVideo iframe {
 -webkit-filter: url(#blur);
 filter: url(#blur);
 -webkit-filter: blur(2px);
 filter: blur(2px);
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
 -webkit-transition: 1s -webkit-filter linear;
 transition: 1s filter linear;
}
.runVideo:hover iframe{
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
 -webkit-filter: blur(0px);
 filter: blur(0px);
}

/* Раздел видео END */

/* Страница результатов поиска */
.Srchcabine { margin-bottom: 40px;}
.Srchcabine h2 { margin-bottom: 26px;}
.SrchcabineItem { display: inline-block; width: 298px; margin-bottom: 16px; margin-right: 16px; position: relative;}
.SrchcabineImg { width: 80px; height: 100px; background-repeat: no-repeat; background-size: contain; background-position: center; position: relative;}
.SrchcabineImg a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.SrchcabineItem .SrchcabineNamelink { 
  font-size: 22px;
  position: relative;
  margin-bottom: 6px;
  display: inline-block;
}
.SrchcabineItem .SrchcabineNamelink:hover { text-decoration: none;}
.SrchcabineDetail { margin-top: 8px; padding-left: 6px;}
.SrchcabineImg, .SrchcabineDetail { display: inline-block;     vertical-align: top;}
.SrchcabineWraplink { position: absolute; top: 0; right: 0; bottom: 0; left: 0;     display: block;}













/*  START */

/*  END */





















