﻿*{outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}
body{margin:0;padding:0;background-color:white;font-size:var(--font-size);font-family:var(--font-name),Roboto, sans-serif;color: black;}
a{text-decoration:none;color: inherit;}
a.call{display:block;position:fixed;left:5px;bottom:5px;height:60px;width:60px;background:#46C11E url(images/call.png) center / 35px no-repeat;z-index:99;color:#FFF;font-size:35px;line-height:44px;text-align:center;border-radius:100%}
img[data-src]{display:none}
img{max-width:100%}
input.error,select.error{background-image:url(/images/fail.png) !important;background-repeat:no-repeat !important;background-position:right center !important;border-color:red !important}
iframe{max-width:100%}
.schema{display:none}
.hotline{width:100%;margin-top:20px}
.video{width:800px;height:600px;margin:auto}
.video360{width:600px;height:600px;margin:auto}
.container{width:calc(100% - 20px);padding:0;margin:0 10px;display:inline-block}
.searching{background:url(/images/load.gif) no-repeat top+8px right+5px;background-size:20px 20px}
.right{text-align:right !important}
.d-flex {display: flex;}
.d-none {display: none;}
.d-block {display: block;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
.justify-content-between {justify-content: space-between;}
.nav{width:100%;padding: 15px 0;background-color: #f9faf9;}
.nav ul{margin: 0 auto;padding:0;list-style:none;}
.nav li{margin:0 10px;display:inline}
.nav li:first-child{margin-left:0}
.nav li:last-child{color:#62B846}

.breadcrumb{line-height: 1.5;margin-left:5px;color: #777777;list-style:none;}
.breadcrumb li{margin: 0 5px;display:inline;font-size: 14px;}
.breadcrumb li:first-child{margin-left:0}
.breadcrumb li:last-child{color: #151515;font-weight:bold}

.description{line-height:1.5;font-size:15px;color:#262626}
.description h1,.description h2{font-size:18px;font-weight:bold;line-height:2.5}
.description h3{font-size:16px;font-weight:bold;line-height:2}
.description a{color:#300053}
.description a:hover{text-decoration:underline}
.description table{border-collapse:collapse}
.description td{padding:5px}

.header{width:100%;height:55px;background-color:white;box-shadow:0 0 5px 0 rgb(1 3 4 / 19%);position:fixed;top:0;left:0;z-index:10000;}
.header .container{overflow-x:hidden}
.header a{}
.header .logo{max-width: 55px;height:55px;display:inline-flex;justify-content:left;align-items:center;position: absolute;top: 0;left: 0;}
.header .logo img{max-width: 50px;max-height: 45px;margin: 5px;}
.header h2{height:55px;line-height:55px;font-size: 18px;font-weight:bold;margin: 0 55px 0 55px;width: calc(100% - 110px);padding:0;color:#101C2C;text-align:center}
.header i.fa-bars{height:55px;font-size:24px;color:#101C2C;position:absolute;top: 16px;right: 10px;}
.headersep{width:100%;height:55px;background-color:white;display:inline-block}
.menu{width:100vw;height:100%;margin:0;padding:0;position:fixed;top:0;left:100vw;transition: all 0.3s linear;background-color:white;z-index:10001}
.menu.active{left:0}
.menu .logo{width:calc(100% - 80px);height:55px;display:inline-flex;justify-content:left;align-items:center;}
.menu .logo img{max-height:35px;}
.menu i.fa-times{height:55px;font-size:24px;color:#101C2C;float:right;display: inline-flex;align-items: center;justify-content: right;}
.menu ul{margin:0;padding:0;border-top:1px solid #005FDB;list-style:none}
.menu ul li{line-height:18px;padding:10px;margin:0;}
.menu ul li:last-child{border-right:0;padding-bottom:0}
.menu ul li a{font-size:18px;color:#101C2C;line-height: 25px;font-weight: 500;transition:all .25s ease-in-out;text-decoration:none}
.menu ul li:hover a{color:#0FBF61;}
.menu ul li img{height: 25px;margin-right:8px;float:left}
.menu ul li i{font-size:22px;margin-right: 12px;}
.menu .button{display: block !important;margin: 10px;padding: 0 20px;height: 50px;vertical-align: top;color: white !important;line-height: 48px;width: auto;font-size: 18px;border: 0;}

.slide{}
.slide img{max-width:100%;display:block;margin:auto}
.d-flex.align-items-center.justify-content-between div:first-child {
    padding: 0 15px 0 0;
}
.d-flex.align-items-center.justify-content-between div {
    padding: 0 15px;
}
.d-flex.align-items-center.justify-content-between div:last-child {
    padding: 0 0 0 15px;
}
.feature{padding: 0;}
.feature h1{text-align: center;font-weight: 700;font-size: 22px;line-height: 26.82px;color: #203A6C;margin-top: 20px;}
.feature h2{height:60px;line-height:60px;margin: 0 0 50px;padding:0;text-align:center;font-size:46px;font-weight:700;color:#101C2C}
.feature h2 b{color:#005FDB}
.feature ul{margin:0;padding:0;list-style:none;display: flex;flex-wrap: wrap;justify-content: space-between;}
.feature li{margin: 5px;padding:10px 20px;box-sizing:border-box;color:#101C2C;background-color: white;border-radius: 20px;border: 1px solid #1E3A6C;width: 47%;}
.feature li img{max-width:100%;max-height:82px;display:block;margin:0 0 10px auto;clear: both;width: 40px;height: 40px;object-fit: contain;}
.feature li h3{margin:0;font-size:14px;text-transform:uppercase;color: #203A6C;font-weight: 700;max-width: 70%;}
.feature li p{margin:0;padding:0;font-size:8px;line-height:9.75px;text-decoration:none !important;font-weight: 400;}

.News .SlideNews div {border-radius: 17.63px;overflow: hidden;background-color: white;}
.News .SlideNews img {object-position: top;height: 130px;width: 100%;object-fit: cover;}
.News .SlideNews p {position: relative;padding: 0 20px;box-shadow: 0px -19px 12px 0px #ffff;font-size: 14px;font-weight: 700;text-align: center;margin-top: 10px;margin-bottom: 0;}
.News .SlideNews a {display: block;text-align: center;font-size: 12px;margin: 10px;color: #608ADA;}
.News .SlideNews .slick-dots {display: none;}

.warranty{min-height:calc(100vh - 100px);padding:20px 0;background-color:white}
.warranty .container{width:100%;margin:0}
.warranty .image{width: 100%;}
.warranty .image img{max-width:100%;max-height:100%;margin:auto;display:block}
.warranty .info{width: calc(100% - 40px);margin: 10px 20px;color: #101C2C;}
.warranty .info h1{line-height:1.3;font-size:20px;font-weight:bold;margin:10px 0;}
.warranty .info ul{margin:0;padding:0;list-style: none;}
.warranty .info li{font-size: 16px;line-height:2.2}
.warranty .info li.price{color:red;font-size:18px;font-weight:bold;display: none;}
.warranty .info li a:before{content:", "}
.warranty .info li a:nth-child(2):before{content:""}
.warranty .info a.button{min-width:150px;margin:15px 0;padding:0 15px;height:40px;line-height:40px;font-size:16px;border-radius:3px;text-decoration:none;background-color:#101C2C;border:1px solid #101C2C;color:white;transition:all linear .2s;display: inline-block;text-align: center;cursor:pointer}
.warranty .info a.button:hover{background-color:red;border-color:red}
.warranty .info a.button:before{content:""}
.warranty .infodetail{background-color: #101C2C;box-shadow: 0px 15px 30px rgba(85, 85, 85, 0.2);border-radius:10px;padding: 10px 20px;margin: 10px 0;}
.warranty .infodetail *{color:white}
.warranty .infodetail h1{text-align:center;font-size: 32px;line-height: 1;}
.warranty .infodetail h2{text-align:center;font-size: 20px;}
.warranty .infodetail a.button{width: 100%;max-width: 400px;margin: 15px auto;border:0;border-radius:6px;background-color:white;color: #101C2C;text-transform: uppercase;font-weight: bold;display:block}
.warranty .infodetail a.button:hover{background-color:red;color:white}
.warranty .description{margin:10px}
.warranty .list{width:calc(100% - 20px);margin:10px;color: #101C2C;box-sizing:border-box}
.warranty .list h1{text-align: left;font-size:24px;line-height:1;}
.warranty .list table{margin:10px 0;border-collapse:collapse;box-shadow:0 2px 4px darkgrey;width: 100%;}
.warranty .list table,.warranty .list td,.warranty .list th{border:1px solid #e8e8e8;padding:11px!important;}
.warranty .list table ul{margin:0;padding:0;list-style:none}
.warranty .list table li{line-height:1.5}
.warranty .notfound{width:100%;margin:50px auto;min-height: 550px;}
.warranty .notfound h1{line-height:1.3;font-size:24px;font-weight:bold;margin:0 0 20px;color:black;text-align:center;text-transform:uppercase}
.warranty .notfound h1 a{color:red}
.warranty .notfound img{max-width:100%;max-height:100%;margin:auto;display:block}
.warranty .notfound a.button{width: 220px;margin: 20px auto;padding:0 15px;height:40px;line-height:40px;font-size:16px;border-radius:3px;text-decoration:none;background-color:#101C2C;border:1px solid #101C2C;color:white;transition:all linear .2s;display: block;text-align: center;cursor:pointer}
.warranty .notfound a.button:hover{background-color:red;border-color:red}
.az-modal-main{overflow-y:auto;overflow-x: hidden;}
.az-modal-main h2{margin: 30px 0 10px;padding: 0;line-height: 1.2;font-size: 18px;text-align:center}
.az-modal-main p{margin: 0;padding:0;line-height:1.2;font-size:14px;text-align:center}
.az-modal-main div{margin: 0;padding:0;display: block;}
.az-modal-main label{width: 100% !important;height: 40px !important;line-height: 40px !important;font-size: 16px !important;font-weight: 500 !important;display: inline-block !important;vertical-align: top !important;}
.az-modal-main input[type="text"],.az-modal-main input[type="number"],.az-modal-main select{width: calc(100%) !important;height: 40px !important;margin: 0 !important;padding: 0 10px !important;resize: none !important;font-size: 16px !important;border: 1px solid #aaa !important;border-radius: 4px;}
.az-modal-main .select2-container{width: calc(100%) !important;}
.az-modal-main .select2-selection{height:40px !important;border-radius:0;}
.az-modal-main .error .select2-selection--single{border-color:red}
.az-modal-main .select2-selection__rendered{line-height:40px !important}
.az-modal-main .select2-selection__arrow{height:38px !important}
.az-modal-main .center{text-align:center}
.az-modal-main span{height:30px;line-height:30px;font-size:14px;font-weight:500;color:black}
.az-modal-main .loading{height:100px;margin:100px auto}
.az-modal-main .result{width: 100%;margin: 50px 0;padding:0;line-height: 30px !important;font-size: 18px !important;color:#101C2C;text-align:center;display: block;}
.az-modal-main .result i{margin-right:10px}
.az-modal-main button{margin:15px auto;padding:0 15px;height:40px;line-height:40px;font-size:16px;border-radius:3px;text-decoration:none;background-color:#101C2C;border:1px solid #101C2C;color:white;transition:all linear .2s;display:block;cursor:pointer}
.az-modal-main button:hover{background-color:red;border-color:red}
.loading{display:none}

.az-modal-main.lookup input[type="text"]{margin:15px 0 !important}
.az-modal-main.activation button{height:50px;line-height:50px;margin:20px auto;}

.intro{min-height:calc(100vh - 60px);}
.intro .container{display:flex;flex-direction:column-reverse;margin: 10px;}
.intro ul.list{margin: 0;padding: 0;list-style: none;}
.intro ul.list li{margin:0;padding:0;color:#101C2C;position:relative}
.intro ul.list li.on{font-weight:bold}
.intro ul.list li a{height:35px;line-height:35px;text-indent:10px;border-top:1px solid #E1E1E1;text-transform:uppercase;display:block}
.intro ul.list li:first-child a{margin-top:0;border-top:0}
.intro ul.list li a:hover{background-color:#0FBF61;color:white}
.intro ul.list > img,.intro ul.list > iframe{width:300px;margin:20px 0}
.intro .detail{}
.intro .detail *{line-height:1.5;font-size: 16px !important;}
.intro .detail img{max-width:100% !important;height:auto !important}

.support{min-height:calc(100vh - 60px);}
.support h1{height:40px;line-height:40px;margin: 10px 0 0;padding:0;color:black;text-transform:uppercase;font-size:22px;text-align: center;}
.support .filter select{width:calc(100% - 12px);height:33px;line-height:33px;margin:10px 5px 5px;border:solid 1px #e4e4e4;background:#f5f5f5;padding:0 10px;font-size:14px;text-overflow:ellipsis;white-space: nowrap;}
.support .filter input[type="text"]{width:calc(100% - 32px);margin:10px 5px 5px;padding:0 10px;height:33px;line-height:33px;border:solid 1px #e4e4e4}
.support .filter button{width: 150px;height:40px;line-height:40px;padding:0 10px;border:0;margin: 0 auto;border-radius:3px;font-weight:bold;color:white;background-color:#101C2C;text-align:center;text-transform:uppercase;display: block;}
.support .filter button:hover{background-color:red}
.support .list{min-height:300px}
.support ul{margin: 10px;padding:0}
.support li{width:calc(100% - 32px);line-height:1.5;margin:0;padding:15px;border:1px solid #E1E1E1;border-bottom:0;list-style-type: none;}
.support li:last-child{border-bottom:1px solid #E1E1E1}
.support li i{margin-right:5px}
.support li label{color:#61B846;font-size:16px;font-weight:500;text-transform:uppercase;margin:0 0 5px;padding:0;}
.support li span{margin-top:5px;font-size:15px;color:#262626;text-align:justify;display:block}
.support li a{margin-top:5px;font-size:15px;color:#262626;display:block}

.footer{width:100%;background:#F6F6F6;padding:10px}
.footer div{line-height:1.5;font-size:15px}
.footer .container h2{margin:5px 0;padding:0;line-height:30px;color:black;font-size:18px}

.copyright{width:100%;height:30px;line-height:30px;padding: 40px 0 100px;text-align:center;background: #101C2C;color: white;font-size:14px;text-align:center}
.copyright a{color:yellow}
.select2-container{height:30px;line-height:30px;font-size:14px;}
.select2-dropdown{margin-top:-2px}
body > .select2-container{z-index:10002}
input[type="text"]+.scanner{font-size: 22px;position:relative;margin-left: -35px !important;display:inline !important;vertical-align: middle;}