/* Minification failed. Returning unminified contents.
(798,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
@font-face {
  font-family: 'DINPro';
  src: url('../fonts/DINPro-Medium.eot');
  src: url('../fonts/DINPro-Medium.woff') format('woff'),
       url('../fonts/DINPro-Medium.ttf') format('truetype'),
       url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg'),
       url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Icons';
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff') format('woff'),
       url('../fonts/fontello.ttf') format('truetype'),
       url('../fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
  margin:0px auto;
  padding:0px;
  min-width: 960px;
  max-width: 1680px;
  -webkit-text-size-adjust: none;
}

h1,h2,h3{clear: both}

h1{
  font: normal 38px 'DINPro';
  margin:60px 0px 45px 0px;
  color:#6f7071;
}

h2{
  font: normal 38px 'DINPro';
  margin:60px 0px 45px 0px;
  color:#000;
  text-align: center;
}

h3{
  font: normal 19px 'DINPro';
  color:#1c68b1;
  margin:1em 0px 2em 0px;
  padding-left:25px;
}

  h3 img{
    position: absolute;
    margin:4px 0px 0px -25px;
    width: 18px;
    height: 18px;
  }

p, input, ul, ol, a, table{
  font: normal 17px Arial, Helvetica, sans-serif;
  line-height: 1.5em;
}

  p, ul, ol, table{
    margin:1em 0px 2em 0px;
    color: #6f7071;
  }

a{color: #8eb4d8}
a:hover{text-decoration: none;}

  div.columns p{margin-bottom:1em;color:#bbb}

  a.download{
    text-decoration: none;
    color:#6f7071;
    margin:0px auto;
    padding: 0px 0px 3px 40px;
    display: block;
  }

    a.download.youtube{
      padding-left: 62px;
      background: transparent url('../Content/Images/icon__youtube.svg') no-repeat 0px 50%;
      background-size: 48px;
    }

      a.download.youtube p {color: #FA6161}

    a.download.rutube{
      padding-left: 55px;
      background: transparent url('../Content/Images/icon__rutube.svg') no-repeat 0px 0px;
      background-size: 46px 40px;
    }
    
      a.download.rutube p {color: #625D83}

    a.download.aspdf{width:170px; background: transparent url('../Content/Images/background/pdf-wh@small.png') no-repeat 0px 0px;}
      #manual a.download.aspdf{background-image: url('../Content/Images/background/pdf@small.png');}
    a.download.aszip{width:260px; background: transparent url('../Content/Images/background/zip@small.png') no-repeat 0px 0px;}

    a.download.abok,
    a.download.tg {
        padding-left: 100px;
        padding-top: 15px;
        height: 60px;
        background-size: 60px;
    }

      a.download.abok {
        background: transparent url('../Content/Images/background/abok.svg') no-repeat 0px 0px;
      }

      a.download.tg {
        background: transparent url('../Content/Images/background/tg_qr.svg') no-repeat 0px 0px;
      }

    a.download p{
      color:#8eb4d8;
      font: normal 17px 'DINPro';
      margin:0px;
      text-decoration: underline;
    }

      a.download:hover p{text-decoration: none;}
      a.download span{font-size: 80%;line-height: 100%;margin:0px;}

ul{
  margin:1em 0px 2em 25px;
  padding:0px;
}

  ul li{
    list-style-type: none;
    margin:1em 0px 1em 0px;
  }

  .introcol ul li{
    margin:1em 0px 2em 0px!important;
  }

  div.columns li{margin:0.5em 0px 0.5em 0px;}
  div.columns ul li:before{content: '\221a';}
  div.columns.docs ul li:before{
    margin: 2px 0px 0px -25px;
    content: '\2261';
  }

  ul li:before{
    font: normal 18px 'Icons';
    color:#1c68b1;
    content: '\2B';
    position: absolute;;
    margin: 4px 0px 0px -25px;
  }

a.button{
  font: normal 21px 'DINPro';
  color:#fff;
  text-decoration: none;
  border: 2px solid #fff;
  padding: 15px 30px;
  border-radius: 10px;
}

  a.button:hover{background-color: #6196c9;}

  a.signin{
    padding-left:65px;
    float:right;
  }

    a.button span, a.link span{
      font: normal 35px 'Icons';
      position: absolute;
      margin: -3px 0px 0px -40px;
    }

a.link{
  font: normal 21px 'DINPro';
  color:#fff;
  text-decoration: none;
  padding:3px 0px 3px 0vw;
  border-bottom: 2px dotted #fff;
  cursor: pointer;
}

    a.signup{
      margin:14px 0px 0px 40px;
      float: left;
    }

      a.signup:hover{border-bottom:none;}

a.forgot{
  position: absolute;
  top:70px;
  color:#8eb4d8;
  right:95px;
  font: normal 17px 'DINPro';
  text-decoration: underline;
  cursor: pointer;
}

a.forgot:hover{text-decoration: none;}

a.submit{
  display: inline-block;
  margin:60px 0px 30px 0px;
  padding-right: 30px;
  background-color: #009933;
}

a.submit:hover{background-color: #4db779;}

a.submit span{
  position: relative;
  font: normal 21px 'DINPro';
  margin:-2px 0px 0px 20px;
}

div.widthwrap{
  max-width: 1280px;
  margin:0px auto;
}

div.widthpad{
  padding:0px 60px;
  position: relative;
}

div.line {
  border-top: 1px solid #CCCCCC;
  margin: 5rem 0;
  height: 1px;
  width: 100%;
}

/* -- Алерт -- */

div.topalert{
  position: relative;
  background-color: #c00;
  margin:0px;
  padding:0px;
  height: 150px;
  transition: height 0.5s ease;
  overflow: hidden;
}

  div.topalert div.widthpad{padding: 20px 60px;}

  div.topalert div.PDFdown{
    float: left;
    width: auto;
    text-align: center;
    margin: 3px 30px 0px 0px;
    padding: 3px 30px 0px 0px;
    border-right: 1px solid #fff;
  }

    div.topalert div.PDFdown a,
    div.topalert div.PDFdown p{
      color:rgba(255,255,255,0.7)
    }

    div.topalert div.PDFdown a:hover{
      text-decoration: none;
    }

  div.topalert a.alertclose{
    position: absolute;
    top:0px;
    right:20px;
    color:rgba(255,255,255,0.5);
    transition: color 0.5s ease;
    font: normal 40px 'DINPro';
    z-index: 2;
    text-decoration: none;
    transform: rotate(45deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

    div.topalert a.alertclose:hover{color:#fff;}

  div.topalert h3{
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#fff;
    clear: none;
  }

  div.topalert p, div.topalert a{
    margin:0px;
    padding: 0px;
    color:rgba(255,255,255,0.7);
  }

/* -- Шапка -- */

header{
  padding:60px 0px 80px 0px;
  min-width: 960px;
  background: #ffffff url('../Content/Images/background/smartwater.jpg') no-repeat 50% 50%;
  background-size: cover;
}

  header h1{
    margin: 60px 0px 0px 0px;
  }

  header.er404{
    padding: 70px 0px 100px 0px;
    background-image: url('../Content/Images/background/404.jpg');
  }

img.intro{
  margin:0px;
  padding:0px;
  font-size: 0px;
}

  #logoMiniature .innerwrapper {
    position: relative;
  }

  #logoMiniature img.abok{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 150px;
  }

/* --- Серый блок --- */

a.certimage img{
   border: 10px solid rgba(0, 0, 0, 0.25);
}

a.certimage:hover img{
  border: 10px solid #1c68b1;
}

div.grayfloor{
  width: 100%;
  background-color: #ebebeb;
  padding: 60px 0px;
  margin: 80px 0px;
}

  div.gridlist{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0px 60px;
  }

  div.gridlist div.maincert{
    display: flex;
    flex-direction: column;
    padding-right: 60px;
    border-right: 1px solid #ccc;
    gap: 10px;
  }

  /* div.grayfloor p{
    min-height: 200px
  } */

    div.grayfloor p a{
      display: block;
      /* width: 150px; */
      text-align: center;
      /* margin:0px 0px 40px 0px; */
    }

      div.grayfloor div.maincert p:last-child{margin:0px;}

      div.grayfloor p a{
        color: #6f7071;
        text-decoration: none;
      }

      div.grayfloor p a span{border-bottom: 1px dotted #6f7071;}
      div.grayfloor p a:hover span{border-bottom: none;}

    div.grayfloor p img{
      border:10px solid #ccc;
      margin: 0 auto 10px auto;
      display: block;
    }

      div.grayfloor p a:hover img{border-color: #aaa;}

  div.grayfloor div.partners{
    display: grid;
    gap: 10px;
  }

  div.grayfloor div.partners--col4 {
    gap: 10px 30px;
    grid-template-columns: repeat(4, 1fr);
  }

  div.articles{
    display: block;
    width:100%;
    padding: 60px 0 0 0;
    box-sizing: border-box;
    display: flex;
  }

  div.articles p{
    display: inline-flex;
    margin: 0px;
    height: auto;
    width: 33.3%;
    padding: 0 20px;
    box-sizing: border-box;
  }

    div.articles p:first-child {padding-left: 0}
    div.articles p:last-child {padding-right: 0}

  div.articles p:last-child{ margin:0 }

    div.articles p a{
      display: block;
      text-align: center;
      margin:0px;
    }

      div.articles p a{
        color: #6f7071;
        text-decoration: none;
      }

      div.articles p a span{clear:both; border-bottom: 1px dotted #6f7071;}
      div.articles p a:hover span{border-bottom: none;}

    div.articles p img{
      border:10px solid #ddd;
      margin-bottom: 10px;
    }

      div.articles p a:hover img{border-color: #bbb;}

  p.videolist{
    margin:0px;
  }

  p.videolist a{
      padding-left:25px;
      color:#6f7071;
      text-decoration:none;
  }

  p.videolist a::before{
      font: normal 18px 'Icons';
      color: #1c68b1;
      content: '\003E';
      position: absolute;
      margin: 8px 0px 0px -25px;
  }

  p.videolist a span{
      border-bottom: 1px dotted #6f7071;
  }

  p.videolist a:hover span{border-bottom:none;}

/* --- Форма --- */

div.register{
  background-color: #1c68b1;
  padding:45px 0px;
  margin-top:-5px;
}

  div.register h1{
    margin:10px 0px;
    text-align: center;
    color:#fff;
  }

div#form{
  border:2px solid #548dc4;
  border-radius: 10px;
  margin-top:85px;
  padding:60px 40px 30px 30px;
  box-sizing:border-box;
}

  div#form .formline, div#popup .formline{
    width:100%;
    padding-left:140px;
    box-sizing:border-box;
    margin: 0px 0px 30px 0px;
  }


  div#form p.infotext{
    clear: both;
    color: #8eb4d8;
    padding-left: 140px;
    font-size: 14px;
    margin-bottom: 30px;
  }

  div#form p.infotext a{
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
  }

  div#form p.infotext a:hover{
    text-decoration: none;
  }


  div#form div.formline p, div#popup div.formline p{
    position: relative;
    width: 110px;
    margin:0px 0px 0px -140px;
    padding:0px;
    line-height: 40px;
    float: left;
    text-align: right;
    overflow: hidden;
    color:#fff;
  }

  div#form input, div#popup input{
    background-color: #fff;
    border-radius: 10px;
    width:100%;
    line-height:38px;
    border:0px none;
    color:#000;
    outline: none;
    padding:0px 35px 0px 10px;
    box-sizing:border-box;
    height:40px;
  }

  input.verified, input.valid{
    background: #fff url(../Content/Images/background/icon_ok.png) no-repeat 100% 50%;
    background-size: contain;
  }

  input.error, input.input-validation-error{
    background: #fff url(../Content/Images/background/icon_error.png) no-repeat 100% 50%;
    background-size: contain;
  }

    div#form .fphone{
      width:41%;
      float:left;
    }

    div#form .fcode{
      width:105px;
      float:right;
      padding-left:0px;
    }

    a#confirmationCodeLink{
      margin-left: 30px;
      border: 2px solid #fff;
      padding: 9px 20px 8px 20px;
      border-radius: 10px;
      text-decoration: none;
    }

      a#confirmationCodeLink:hover{
        text-decoration: none;
        background-color: #6196c9;
      }

      a#confirmationCodeLink.disabled{
        display: none;
      }      

    div#form .fpass{
      padding-left: 170px;
    }

      div#form div.fcode p, div#form div.fpass p{width:110px;}

    div#form .femail, div#form .fpass{
      width:50%;
      float:left;
    }

    .codesend{
      width: auto;
      float: left;
      margin-top: 1px;
    }

div.modalwin .codesend{float:right;}

      .codesend p{
        color: #fff;
        display: block;
        text-align: right;
        width: auto;
        margin:0px;
        padding:0px;
        line-height: 40px;
      }

      .codesend p a{color: #fff;}
      .codesend p a:hover{text-decoration: none;}

      div#formclosed{
        overflow: hidden;
        max-height: 0px;
        transition: max-height linear 0.5s;
      }

  div#form:before{
    content: '';
    display: block;
    width:50px;
    height:25px;
    position: relative;
    margin:-85px 0px 60px 170px;
    background: #1c68b1 url(../Content/Images/background/icon_top.png) no-repeat 0px 0px;
    background-size: contain;
  }

/* --- Контент --- */

div.columns{
  width:auto;
  margin:0px -30px 0px -30px;
  clear: both;
}

  div.columns div.col2{
    width:50%;
    padding: 0px 30px;
    box-sizing: border-box;
    float: left;
  }

#setup{
  position: absolute;
  left:50%;
  transform: translateX(-50%);
}

  #setup a{
    color:#8eb4d8;
    font: normal 17px 'DINPro';
    text-decoration: underline;
  }

    #setup a:hover{text-decoration: none;}

div.setupclient{
  display: block;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 1s ease;
}

  div.setupclient div{
    padding: 60px 60px 90px 60px;
    border:2px solid #fff;
  }

div.connectlinks {
  margin-top:60px;
  padding:60px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  display: flex;
  flex-direction: row;
  align-items: center;
}



/* --- YouTube --- */

div.youtubecol{
  width:50%;
  float:left;
  text-align: left;
}

div.downmanual{
  margin:0px 0 50px 0;
  padding:60px 0;
  /* border-top:1px solid #ccc; */
  border-bottom:1px solid #ccc;
  display: flex;
}

/* --- FAQ --- */

p.faq {
    line-height: 1em;
    margin: 1em 0 0 0;
    position: relative;
    padding-left: 25px;
}

  p.faq::before {
      content: '?';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      color: #1c68b1;
  }

  p.faq a {
      text-decoration: none;
      border-bottom: 1px dotted #6f7071;
      color:    #6f7071;
  }

    p.faq a:hover {
        text-decoration: none;
        border: none;
    }

p.faqlink {float: right;margin: 0;}

  p.faqlink a {
      font: normal 17px 'DINPro';
  }

/* --- Футер --- */

footer{
  padding:60px 0px;
  /*border-bottom: 21px solid #1c68b1;*/
}

  footer .widthpad div{position: relative;}

    footer img{position: absolute}

      footer .elita{left:0px;}
      footer .stp{right:0px;}

  footer p, footer a{
    font: normal 17px 'DINPro';
    -moz-font-feature-settings:"ss01" 1;
    -ms-font-feature-settings:"ss01" 1;
    -o-font-feature-settings:"ss01" 1;
    -webkit-font-feature-settings:"ss01" 1;
    font-feature-settings:"ss01" 1;

    text-align: center;
    margin:1em 0px;
  }

    footer a:hover{text-decoration: none}

  footer p span{
    font: normal 17px Arial, Helvetica, sans-serif;
    color:#bbb;
  }

  div.signature{
    padding:10px 0px;
    text-align: center;
    background-color: #1c68b1;
  }

    div.signature p{
      margin: 0px;
      color: #fff;
    }

    div.signature p a{color: #fff;}
    div.signature p a:hover{text-decoration: none;}


/* --- Всплывающее окно --- */

div#popup{
  display: none;
  position: fixed;
  top:0px;
  left:0px;
  width: 100%;
  min-width: 960px;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);*/
}

  div#popup div.modalwin{
    position: absolute;
    background-color: #1c68b1;
    top:50%;
    left:50%;
    min-width: 430px;
    padding:30px 40px 60px 30px;
    border-radius: 10px;
    transform: translate(-50%,-50%);
  }

  div#popup .formline{
    padding-left:80px;
    margin: 0px 0px 60px 0px;
  }

  div#popup .formline p{
    width: 50px;
    margin:0px 0px 0px -80px;
  }

  div#popup p.infotext{
    clear: both;
    color: #8eb4d8;
    padding-left: 80px;
    font-size: 14px;
    margin-bottom: 30px;
  }

  div#popup a.button{
    margin-left: 80px;
  }

  div#popup .codesend p, div#popup .codesend a{
    color:#8eb4d8;
    font-size: 17px;
    line-height: 30px;
  }




/* --- 1024 --- */

@media screen and (max-width: 1165px) {

  a.button, a.link{font-size: 17px}
  a.button span, a.link span{
    font-size:28px;
    margin: -2px 0px 0px -35px;
  }

  a.submit span{
    font-size: 17px;
    margin:-2px 0px 0px 20px;
  }

  a.forgot{
    top:65px;
    right:80px;
    font-size: 16px;
  }

  div#popup .codesend p, div#popup .codesend a{
    font-size: 15px;
    line-height: 25px;
  }

  a.signin{padding-left: 55px;}
  div.widthpad{padding:0px 50px;}

  div#form{padding:60px 30px 30px 20px;}

}