html {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

b, strong {
    font-weight: 600;
}

body {
    font: 1rem/1.77 Roboto,Helvetica,Arial,sans-serif;
}

body,button, input, optgroup, select, textarea {
    font-size: 1.0rem;
    color: #000;
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}


/*body.lang-ru {
    font: 1rem/1.77 RobotoCyr,Helvetica,Arial,sans-serif;
}*/

body.lang-zh {
    font: 1rem/1.77 NotoSansSC,Helvetica,Arial,sans-serif;
}

#main_content.main-fixed {
    padding-top: 6.25rem;
}

.content-wrapper {
    padding-top: 2rem;
}


@font-face {
  font-family: 'Font Awesome 5 Light';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/AweSome2/fa-light-300.eot");
  src: url("../fonts/AweSome2/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/AweSome2/fa-light-300.woff2") format("woff2"), url("../fonts/AweSome2/fa-light-300.woff") format("woff"), url("../fonts/AweSome2/fa-light-300.ttf") format("truetype"), url("../fonts/AweSome2/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/AweSome2/fa-solid-900.eot");
  src: url("../fonts/AweSome2/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/AweSome2/fa-solid-900.woff2") format("woff2"), url("../fonts/AweSome2/fa-solid-900.woff") format("woff"), url("../fonts/AweSome2/fa-solid-900.ttf") format("truetype"), url("../fonts/AweSome2/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/AweSome2/fa-regular-400.eot");
  src: url("../fonts/AweSome2/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/AweSome2/fa-regular-400.woff2") format("woff2"), url("../fonts/AweSome2/fa-regular-400.woff") format("woff"), url("../fonts/AweSome2/fa-regular-400.ttf") format("truetype"), url("../fonts/AweSome2/fa-regular-400.svg#fontawesome") format("svg");
}



/* Helpers */
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 

.w48{ width: 48%; } .w49{ width: 49%; }
.mrp2 {margin-right:2%;} .mrp1 {margin-right:1%;}
.mlp2 {margin-left:2%;} .mlp1 {margin-left:1%;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear: both;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj { text-align: justify; }
.pd2 {padding:2px;} .pd3 {padding:3px;} .pd4 {padding:4px;}  .pd10 {padding:10px;}

.ml2 {margin-left:2px;} .ml3 {margin-left:3px;} .ml5 {margin-left:5px;} .ml8 {margin-left:8px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml50 {margin-left:50px;}
.mt2 {margin-top:2px;} .mt3 {margin-top:3px;} .mt5 {margin-top:5px;} .mt8 {margin-top:8px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt50 {margin-top:50px;}
.pt2 {padding-top:2px;} .pt3 {padding-top:3px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;}
.pb2 {padding-bottom:2px;} .pb3 {padding-bottom:3px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;}

.mr0 {margin-right:0px !important;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;}  .mr30 {margin-right:30px;}
.mb3 {margin-bottom:3px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;}  .mb30 {margin-bottom:30px;}
.pl3 {padding-left:3px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;}  .pl30 {padding-left:30px;}
.pr3 {padding-right:3px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;}  .pr30 {padding-right:30px;}

.dnone {display:none;} .dblock {display:block;}
.vnone {visibility: hidden;} .vblock {visibility:visible;}
.bold {font-weight:bold;} .under {text-decoration:underline;}
.redl {border:1px solid red;}
.ovh {overflow: hidden;}
.prel {position: relative;}
.red {color: red;}
.gray {color: #808080;}
.center {display: table;margin:0px auto;}

.fb1 {font-size: 1.1em;}
.fb2 {font-size: 1.2em;}
.fb3 {font-size: 1.3em;}
.fs1 {font-size: 0.9em;}
.fs2 {font-size: 0.8em;}
.fs3 {font-size: 0.7em;}

h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.flex {
    display: flex;
    flex-direction: row;
}

a {
    color: #666;
} 


a:hover {
    color: #008c44;
}

.dropdown-menu {
    border-radius: 0.125rem;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #aaa;
}
.dropdown-item:not(.active):focus, .dropdown-item:not(.active):hover {
    background-color: #eee;
}



.dflex {
    display: flex;
}
.dnone {
    display: none;
}

.posabs {
    position: absolute;
}
.posrel {
    position: relative;
}

.banner-top {
    margin-bottom: 1rem;
}
.banner-top img {
    max-width: 100%;
}

.fa {
  font-family: 'Font Awesome 5 Solid';
  font-weight: 900;
}

.far {
  font-family: 'Font Awesome 5 Regular';
  font-weight: 400;
}

.fal, .btn .fa {
    font-family: 'Font Awesome 5 Light';
    font-weight: 300;
    padding: 0;
    font-size: 90%;
}


.btn-primary.focus, .btn-primary:focus {
    box-shadow: unset;
}

/*** BUTTONS start ***/


.button_orange {
    color: #FFFFFF;
    background-color: #FFA500;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.125rem;
    padding: .375rem .95rem;
}

.button_orange:hover {
    background-color: #E69E19;
}

.button-orange_large {
    font-size: 1.5rem;
    height: 4.5rem;
    width: 20rem;
    color: #FFFFFF;
    background-color: #FFA500;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0.125rem;
    padding: .375rem .95rem;
}


.button_frame {
    display: block;
    margin: 1rem;
    text-align: center;
    border: 2px solid #ff771c;
    cursor: pointer;
    font-weight: bold;
    color: #ff771c;
    padding: .375rem .95rem;
    position: absolute;
    border-radius: 2px;
    text-decoration: none;
}

.button_frame:hover {
    text-decoration: none;
    background-color: #ff771c;
    color: #fff;
}



/*** BUTTONS end ***/


ul.list {
    padding-left: 1.5rem;
}
ul.list li {
    margin-bottom: 0.5rem;
}

.hero_search_area {
    position: relative;
}


.nav-chain {
    margin: .9rem 0 1.5rem 0;
    padding: 0;
    font-size: 0.9em;
    color: #a7a7a7;
    list-style: none;
}
.nav-chain li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.nav-chain li:after {
    content: "/";
    padding: 0 0.5em;
    display: inline-block;
}
.nav-chain li:last-child:after {
    display: none;
}

.nav-chain a {
    color: #a7a7a7;
}

.nav-chain a, .nav-chain a:visited {
    color: #a7a7a7 !important;
    font-weight: 300;
}
.nav-chain a:hover, .nav-chain a:hover:visited {
    color: #444 !important;
}

.info-code {
    color: #888888;
    font-size: 0.8em;
}
.info-code .articul {
    display: inline-block;
    margin-left: 3em;
}
.info-code a, .info-code a:visited {
    color: #008c44 !important;
}

.info_guides__title {
    font-weight: 900;
    font-size: 1rem;
}
.card {
    border-radius: 0;
}

.bottom-menu h5 {
    font-size: 0.85em;
    font-weight: 500;
    padding: 0;
    margin: 0 0 2em 0;
}
.bottom-menu > div {
    text-align: center;
}
.bottom-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.bottom-menu ul li {
    margin: 0 0 0.3em 0;
    padding: 0;
    font-size: 0.85em;
}
.bottom-menu a, .bottom-menu a:visited {
    color: #000 !important;
}


.bottom-langs {
    text-align: center;
    margin-top: 5rem;
}
.bottom-langs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.bottom-langs ul li {
    display: inline-block;
    padding: 0 1em;
    color: #888888;
    font-size: 1.1em;
}
.bottom-langs ul li a, .bottom-langs ul li a:visited {
    color: #888888 !important;
}


.bottom-links {
    text-align: center;
    margin-top: 2.5rem;
}
.bottom-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.bottom-links ul li {
    display: inline-block;
    color: #008c44;
    font-size: 1.1em;
}
.bottom-links ul li a, .bottom-links ul li a:visited {
    color: #008c44 !important;
}
.bottom-links ul li:after {
    content: "|";
    padding: 0 0.2em;
    display: inline-block;
}
.bottom-links ul li:last-child:after {
    display: none;
}

.bottom-copy {
    text-align: center;
    margin-top: 3.5rem;
}

.bottom-copy .tc.mb10 {
    display: none;
}


/* POPUP DIALOG BOX */
.dialog_form { position: absolute;display:none;}
.dialog_form img.right{ margin-top: 2px; border:2px solid red;}

.dlg_body h2 {
    color: #383b3e;
    font-size: 1.3rem;
    padding: 0px 0px 10px 0px;
    margin: 0;
    font-weight: 400;
}

.dlg_body .win-close { position: absolute; top: 13px; right: 20px; color: #888;}
.dlg_body .win-close:hover {
    color: #444;
}

.draggable {width:94%;cursor:move;}
.dialog_error,.dialog_mess {padding:20px 30px 30px 30px; font-size: 10pt;font-weight:bold;text-align:center;color:black;}
.dialog_error {color:red;}

#dv_dialog_auth_content {
    height: 480px !important;
}

#dv_dialog_auth_content table {
    height: 460px !important;
}

.dlg_body_bot {padding-bottom:0px;}
.dlg_bottom {margin-top:10px;margin-left:-10px;margin-right:-10px;text-align: center;background: #feefdb;padding: 10px 10px 0px 10px;}

.dialog_body ul.checkers {margin:0;padding: 0 0 15px 0;list-style: none;}
.dialog_body table td {padding: 0px;}



#dv_ajax_loading {
    width: 100% !important;
    bottom: 0% !important;
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
}

.loading {
    height:100%;
    background: #000;
    opacity:0.4;
    top: 50%;
    left: 50%;
}

.loading div#dv_loading_content {
    background: url('/assets/loader/Leaves-3s-72px.svg') center no-repeat;
    height:100%;
}

.dialog_error {
    display: none;
}

.modal-content {
    border-radius: 3px;
}

.page-nav {
    text-align: center;
    font-size: 1.1em;
    color: #467497;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}
.page-nav a,.page-nav span, .page-nav a:visited {
    border: 1px solid #dedede;
    border-right-width: 0;
    padding: 0.25em .7em;
    color: #666 !important;
}

.page-nav a.active, .page-nav a.active:visited {
    background: #ff771c;
    color: #fff !important;
    font-weight: bold;
    border-color: #ff771c;
}

.page-nav a.active:first-child {
    border-left: none;
}

.page-nav a.active:last-child {
    border-right: none;
}

.page-nav a:hover, .page-nav a:hover:visited {
    text-decoration: none;
    color: #fff !important;
    background: #ff771c;
}
.page-nav a.active:hover, .page-nav a.active:hover:visited  {
    color: #fff !important;
}

.page-nav a:last-child {
    border-right-width: 1px;
}
.page-nav a.active:last-child {
}
.page-nav a:last-child i,.page-nav a:first-child i, .page-nav a:last-child:visited i,.page-nav a:first-child:visited i {
    font-size: 1.3em;
    color: #666 !important;
}

.page-nav a:last-child:hover i,.page-nav a:first-child:hover i {
    color: #fff;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 none;
    border-color:#ced4da;
}

.flds .chb_lbl {color: #606060;}
.fldr,textarea,.flds_key, .flds_val {
  margin-top:2px;
  width: 127px;
  border-radius: 0px;
  border: 1px solid #c4c4c4;
  font-size: 14px;
  color: #606060;
  padding: 2px;
  outline: 0 none;
}
.fldr:focus,textarea:focus,.flds:focus,.flds_key:focus,.flds_val:focus {
  border: 2px solid #ababab;
  /*box-shadow: 0 0 5px rgba(0,194,123,0.2);*/
  outline: 0 none;
}

.fld,.fldr,.flds,textarea,.flds_key,.flds_val {
    box-shadow: none;
    /*transition: border 0.2s ease 0s, box-shadow 0.2s ease 0s;*/
}

.spin-container-abs {
    position: absolute;
    top: 40%;
    left: calc(50% - 20px);
}
.spin-loader {
    border-radius: 80%;
    display: block;
    height: 50px;
    width: 50px;
    position: relative;
    -webkit-animation: spin 1s linear 0s infinite normal;
    animation: spin 1s linear 0s infinite normal;
    background: #fff;
}
.spin-loader:before, .spin-loader:after {
    content: "";
    display: block;
    position: absolute;
}
.spin-loader:before {
    border-radius: 0 90px 90px 0;
    height: 50px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: #1ad672;
    background-image: linear-gradient(#1ad672, #00843e);
}
.spin-loader:after {
    border-radius: 80%;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #fff;
}

a:active, a:focus {
    outline: none;
}
input, textarea {
    outline:none;
}
input:active, textarea:active {
    outline:none;
}
:focus {
    outline:none;
}
textarea {
    resize:none;
}
textarea {
    resize:vertical;
}
textarea {
    resize:horizontal;
}
button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}



@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@media (max-width: 1299px) {

    #main_content.main-fixed {
        max-width: unset;
        padding-top: 5rem;
    }
    #main_content.main-fixed.main-hdr-banner {
        padding-top: 9.5rem;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {

    #main_content.main-fixed.main-hdr-banner {
        padding-top: 9.3rem;
    }

    .main-hdr-banner .dropdown-menu-cont {
        margin-top: 0;
    }
    .dropdown-menu-user .dropdown-item:hover {
        background-color: inherit;
    }
}


@media (max-width: 992px) {
    .container {
        max-width: 100%;
    }
}


@media screen and (max-width: 991px) {
    .specs__table {
        height: auto!important;
    }
}

@media (max-width: 900px) {

    #main_content.main-fixed {
        padding-top: 5rem;
        padding-left: 0;
    }
}

@media screen and (max-width: 850px) and (orientation: landscape) {

    .banner-top {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .specs__cell:not(.specs__cell--label):after {
        content: "";
        position: absolute;
        right: 0;
        top: 1px;
        height: 100%;
        width: 0;
        background-color: #fff;
        z-index: 10;
    }
}

@media (max-width: 740px) {

    #main_content.main-fixed {
        padding-top: 4.9rem;
        padding-left: 0;
    }
    #main_content.main-fixed.main-hdr-banner {
        /* padding-top: 4.9rem; */
    }
}

@media (max-width: 720px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 450px) {
    
    .nav-chain li::after {
        padding: 0 0.25rem;
    }
}