* {
  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: local("PF Din Text Cond Pro"),   /* проверяем наличие шрифта в ОС пользователя */
  url(/templates/styles/fonts/pfdintextcondpro-bold.ttf);   /* если шрифта нет в системе, загружаем его по указанному пути */
}
@font-face{
  font-family: PF Din Text Cond Pro Light;   /* имя шрифта для CSS правил */
  src: local("PF Din Text Cond Pro"),   /* проверяем наличие шрифта в ОС пользователя */
  url(/templates/styles/fonts/pfdintextcondpro-light.ttf);   /* если шрифт не установлен, тогда загружаем его по указанному пути */
}


h1,h2,h3,h4,h5 {text-transform: uppercase; font-family: PF Din Text Cond Pro Light;}
h1 {font-size: 4em; margin-bottom:0.5em;}
h2 {font-size: 2em; margin-bottom:0.5em;}
h3 {}
h4 {}
h5 {}

p  {margin-bottom:16px;}

.content a       {text-decoration:underline;}
.content a:hover {text-decoration:none;}

/* КЛАССИКИ */
.clearfix   {clear: both;}
.overhidd   {overflow: hidden;}

.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;}
a         {text-decoration:none;}



.adWidth  {width:984px; margin:0 auto;}




body      {min-width:1024px; overflow:auto;}
header    {}
footer    {}

footer,
footer a  {}




.logo-top    {width:204px; height:52px;
              top:14px; left:14px; position: fixed; z-index:70;
}
.logo-top img{width:128px; height:auto;}

.logo-bottom img {margin:42px 0 18px;}






        /* Backgrounds will cover all the section
        * --------------------------------------- */
        .section{background-size: cover;}
        .slide{background-size: cover;}

        /* Sections
         * --------------------------------------- */
        #section0 ,
        #section1 {

        }
        #section2 {

        }
        #section2 #slide1{
          background-image: url("images/bckgr-erlit.png"), linear-gradient(220deg, #0d47a1, #64b5f6);
          /*background: linear-gradient(220deg, #0d47a1, #64b5f6);*/
          /*background-size: 100% 100%;*/
          -webkit-animation: grer 10s ease infinite;
          -moz-animation: grer 10s ease infinite;
          -o-animation: grer 10s ease infinite;
          animation: grer 10s ease infinite;
          @-webkit-keyframes grer {0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%}}
          @-moz-keyframes grer {0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%}}
          @-o-keyframes grer {0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%}}
          @keyframes grer {0%{background-position:0% 51%} 50%{background-position:100% 50%} 100%{background-position:0% 51%}}
        }
        #section2 #slide2{
          background-image: url("images/bckgr-mirwell.png"), linear-gradient(220deg, #2e7d32, #00c853);
          /*background: linear-gradient(220deg, #2e7d32, #00c853);*/
          /*background-size: 400% 400%;*/
          background-size: contain; background-position: center; background-repeat: no-repeat;
          -webkit-animation: dsd 0s ease infinite;
          -moz-animation: dsd 0s ease infinite;
          -o-animation: dsd 0s ease infinite;
          animation: dsd 0s ease infinite;
          @-webkit-keyframes dsd {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
          @-moz-keyframes dsd {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
          @-o-keyframes dsd {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
          @keyframes dsd {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
        }
        #section2 #slide3{
          /*background-image: url("images/bckgr-private-label.jpg");*/
          background: rgba(169,3,41,1);
          background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
          background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
          background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
          background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
          background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
          background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );
        }

        /*#section3 #slide1{background-color: #00695C; background-color: rgb(80, 80, 80);}*/
        #section3 #slide1{background-image: url("images/bckgr-world.jpg");}
        #section3 #slide2{background-image: url("images/bckgr-net.jpg");}
        #section4 {background-image: url("images/bckgr-contacts.jpg");}
        /* Sections
         * --------------------------------------- */

        /* Размытие START */
        .onBlur{filter: blur(5px); 
        -webkit-filter: blur(5px); 
           -moz-filter: blur(5px);
             -o-filter: blur(5px); 
            -ms-filter: blur(5px);
        }
        .offBlur{filter: blur(0px); 
        -webkit-filter: blur(0px); 
           -moz-filter: blur(0px);
             -o-filter: blur(0px); 
            -ms-filter: blur(0px);
        }
        /* Размытие END */


/*.intro  {margin-top:80px;}*/
.intro p{
    font-size: 1.5em;
}

.planvisual{z-index:999;}
.jvectormap-container{яz-index: 777;}

/* ЯЗЫКИ START */
#langs {margin: 0; padding: 0;
    top: 26px; right: 24px;  
    width:220px; height: 40px;
    position: fixed; z-index: 70;
}
#langs li {
    margin: 0 8px; display: inline-block;
    color: #000; border-bottom: 1px solid rgba(255,255,255,0.5);
}
#langs li a, #langs li.active a {
    padding: 4px 4px;
    display: block;
}
#langs li a {
    font-size: 18px; letter-spacing: 1px; text-decoration: none;
    color: rgba(255,255,255,0.5); text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
/* ЯЗЫКИ END */



/* Определение стилей элементов контента START */
.logo-content       {width:25%; margin:0 auto!important; display: block;}
.logo-content:hover {width:27%; margin:0 auto!important; display: block;}

.LeftScontent{float:left; width:50%;}
.RightScontent{float:right; width:50%;}

.LeftScontent .slidImgLogo,
.RightScontent .slidImgLogo {width:50%; margin-bottom:4em;}

.slidImgLogo {width:35%; margin-bottom:4em;}

.slidImgDeal       {width:65%; display: block; margin:0 auto 4em; opacity:1; border-radius:12px;}
/*.slidImgDeal:hover {opacity:0.8;}*/
.slidPDeal  {width:75%; margin:0 auto 1.2em;}

/*
.LeftScontent  .slidImgDeal {float:right;}
.RightScontent .slidImgDeal {float:left;}
*/

.slidImgProduct{display:block; margin:0 auto; max-height:50%; max-width:35%;}

.LeftScontent .slidImgProduct{float:left; max-height:50%; max-width:75%; display:block; margin:0;}
.RightScontent .slidImgProduct{float:right; max-height:50%; max-width:75%; display:block; margin:0;}
/* Определение стилей элементов контента END */


.btn{padding:8px 12px 10px; border:1px solid rgba(255,255,255,0.5); color:#FFFFFF; background-color:rgba(0,0,0,0.0); display:inline-block; font-size: 1.2em; letter-spacing:1px;}
.btn:hover{border:1px solid rgba(255,255,255,1); background-color:rgba(0,0,0,0.05); cursor: pointer;}

/* Адаптация верстки START */

.fluid-width {
  width:92%; max-width:1400px;
  /*width:92%; min-width:1280px;*/
  margin: 0 auto;
  padding-left:3%; padding-right:3%;
}

/*
@media only screen and (max-width:768px) {
  .fluid-width.{
      width: 100%
  }
}
*/
/* Адаптация верстки END */




/*
.modal-section    input[type="text"]{
  width:50%; margin-bottom:1.2em; padding:10px 15px;
  background:#fff;
  border:1px solid #969696; border-radius:5px;
  font-size:1.1em;
  color:#aaaaaa; font-style:italic; outline:none;
}

.modal-section    textarea{
  height:140px; width:100%; margin-bottom:0.5em; padding:10px 15px;
  resize:none;
  border:1px solid #969696; border-radius:5px;
  font-size:1.1em; font-weight:500;
  background:#fff; 
  color:#aaaaaa; outline:none;
}

.modal-section   input[type="submit"]{
  width:50%; margin:2em 8em; padding:11px 1.7em;
  border:none; border-radius:24px;
  background:#B00000;
  font-size:1.1em; font-weight:500;
  color:#ededed; outline:none;
  text-transform:uppercase;
          transition:0.5s all;
  -webkit-transition:0.5s all;
     -moz-transition:0.5s all;
       -o-transition:0.5s all;
      -ms-transition:0.5s all;
}
*/






/* END */





.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  /*overflow-y: scroll;*/
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog {
  width:50%!important;
  position: relative;
  width: auto;
  /*margin: 10px auto;*/
  margin: 50px auto; padding:24px; border-radius:18px;
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}