*{ 
    padding: 0; 
    margin: 0; 
    border: unset; 
    /* font-size: inherit;  */
    /* line-height: inherit;  */
    text-align: unset;
    font-weight: unset;
    text-decoration: unset;
    outline:none;
}

*, *:before, *:after {box-sizing: inherit;}

/* a{color: #06c;} */
a{color:#1a73e8;}
ul, ol, li{list-style: none;}
html{
    box-sizing: border-box;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-smoothing: grayscale;
    color: #383835;
}

html,body{min-height: 100vh;}
/* body{overflow:hidden;} */


header{ position: absolute; width: 100%; z-index: 100;top: 0; z-index: 1000;}
header #nav{margin-top: 24px;}
#nav li, #nav .menu a{display: inline-block; font-size: 1.1em; /* font-weight: bold; */}
#nav #menu-top-text.mobile-yes{display: none;}
#nav #menu-top-text{position: absolute; right: 0;}
#nav .menu a{margin: 12px 8px; color: #444; line-height: 1.5em; /* text-transform: uppercase; */}
#nav.main-dark .menu a{color: #E6E4DD;}
#nav .menu a:hover{ color: rgba(0,51,159,1); border-bottom: #1a73e8 2px solid;}
#nav.main-dark .menu a:hover{ color: #FFD100;}
#nav .menu .current-menu-item a{padding-bottom: 8px; border-bottom: 4px solid #FFD100;} 
.logo-top a{display: inline-block; height: 40px; }
#nav #menu-show-bt{display: none;}
#nav #menu-show-bt{position: absolute; right: 8px; top: 0; padding: 12px; cursor: pointer;}
/* #nav #menu-show-bt:hover svg{fill: #B7004F; } */
#nav.main-dark #menu-show-bt svg{fill: #E6E4DD; }
#nav.main-dark #menu-show-bt:hover svg{fill: #FFD100; }
#nav .menu .bt_contact a{padding: 9px 16px 7px 16px;  border-radius: 18px;  margin: 0 16px; border: 2px solid rgba(255,209,0,.5);background-color: rgba(255,209,0,1);}
#nav.main-dark .menu .bt_contact a{color: #fff; background-color: rgba(56,56,53,.5);}
#nav .menu .bt_contact a:hover{color: #383835;background-color: rgba(255,209,0,1); border-color: rgba(255,209,0,1);}


@media only screen and (max-width: 720px) {
    header #nav{text-align: center;}
    .logo-top.flt_i{float: none; margin: 0 auto; display: inline-block;}
    #nav #menu-top-text{top: 56px; width: 100%;}
    #nav #menu-top-text.mobile-yes{display: none;}
    #nav .menu{background-color: #fff; height: auto; padding: 8px 0;}
    #nav li, #nav .menu a{display: block; line-height: 24px; font-size: 1.15em; margin: 0;}
    #nav .menu a{padding:20px;}
    #nav .menu a:hover{ border-bottom: none;}
    #nav .menu .current-menu-item a{ border: none; font-weight: bold; background-color: #eee;}
    #nav #menu-show-bt{display: block;}
    #nav #menu-show-bt .menu-show-open{display: inline-block;}
    #nav #menu-show-bt .menu-show-close{display: none;}
}

footer{background-color: #1D1D1B; padding: 64px 0; font-size: 14px; color: #999; line-height: 1.3em;}

/* .cnt{max-width: 980px;} */
.cnt, .cnt-max{max-width: 1200px;}
.cntrer{margin-right: auto; margin-left: auto;}
.box{display: block;}
.flt_d{float: right;}
.flt_i{float: left;}
.clr{clear: both;}
.rlt{position: relative;}
.ani{
    -webkit-transition:0.25s;
    -moz-transition:0.25s;
    -o-transition:0.25s;
    transition:0.25s;
}
.boxrad4{border-radius: 4em; overflow: hidden;}
.boxrad2{border-radius: 2em; overflow: hidden;}

.box.r5-2{ width: 100%; padding-top: 40%; /* 5:2 Aspect Ratio */}
.box.r1-1{ width: 100%; padding-top: 100%; /* 1:1 Aspect Ratio */}

.box .cont{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#shortcuts{padding: 32px 0;}
#shortcuts ul{display: flex;}
#shortcuts li{width: 25%; display: inline-block;}
#shortcuts li a{height: 48px; display: block; margin: 0 10px; display: flex; justify-content: center; flex-direction: column; color: #333; padding-left: 72px; font-weight: bold;}
/* #shortcuts li:first-child{width: 50%; } */
#shortcuts li:first-child a{background-color: #ddd; border-radius: 28px; height: 44px; border: solid 2px #ddd; font-weight:normal;}
#shortcuts a{background-repeat: no-repeat; background-position: 8px 0;}
#shortcuts li.open-search a{background-image:url("../img/ico-search.svg");}
#shortcuts li.batteries-link a{background-image:url("../img/ico-battery.svg")}
#shortcuts li.cgs-link a{background-image:url("../img/ico-service.svg");}
#shortcuts a:hover{color:#B7004F;}
#shortcuts li:first-child a:hover{border: solid 2px #B7004F; background-color: #fff; color:#111;}

@media only screen and (max-width: 720px) {
    #shortcuts ul{display: block;}
    #shortcuts li:first-child, #shortcuts li{padding: 16px 0; margin: 0 16px;; display: block; width: auto; }
    /* #shortcuts li{border-bottom: 1px solid #ddd;}
    #shortcuts li:last-child{border-bottom: none;} */
    #shortcuts li:last-child{border-top: 1px solid #ddd;}
}

#features .fad{width: 50%;color: #ddd;}
#features .fad, #features .fad a{color: #fff;}
/* #features .fad:hover, #features .fad:hover a{color: #fff;} */
#features .fad-container{background-color: #8E1537; margin: 2px; position: relative;}
#features .fad-container .fad-container-bg img{display: block; width: 100%;}
#features .fad-container.bgdark, #features .fad-container.bgdark .fad-container-bt{color: #ddd;}
#features .fad-container.bglight{color: #4D5858;}
#features .fad-container.bglight .fad-container-bt{color: #B7004F;}
#features .fad-container .fad-container-bt:hover{color: #B7004F; background-color: #fff;}
#features .fad-container-box{position: absolute; width: 100%;}
#features .fad-container-box-bottom{bottom: 24px;}
#features .fad-container-box-top{top: 24px;}
#features .fad-container-box-caption-content{max-width: 640px; margin: 0 auto; padding: 16px; text-align: center;} 
#features .fad-container-bt{display: inline-block; line-height: 32px; border-radius: 16px; padding: 0 16px; border: 1px solid #B7004F; background-color: #B7004F;}
#features .fad-container.bgdark .fad-container-bt{background-color: transparent; border-color: #B7004F;}
#features .fad-container.bgdark .fad-container-bt:hover{background-color: #B7004F; color: #fff;}
#features .fad-container.bglight .fad-container-bt{background-color: transparent;border-color: #92A5A4;}
#features .fad-container.bglight .fad-container-bt:hover{background-color: #B7004F; color: #fff; border-color: #B7004F;}
#features .fad-container p{margin: 16px 0;}
#features .fad-mini-left .fad-container-bg{margin-right: 50%;}
#features .fad-mini-right .fad-container-bg{margin-left: 50%;}
#features .fad-mini-left .fad-container-box{display: flex; align-items: center; width: 50%; right: 0; top:0; bottom: 0;}
#features .fad-mini-right .fad-container-box{display: flex; align-items: center; width: 50%; left: 0; top:0; bottom: 0;}
#features h2{font-weight: normal;}

h2{font-size: 1.5em; letter-spacing: -1px; line-height: 1.1em;}
/* .mobile-not{display: block;} */
.mobile-yes{display: none;}

@media only screen and (max-width: 1024px) {
    #features .fad{font-size: 13px;}
}

@media only screen and (max-width: 720px) {
    .mobile-not{display: none;}
    .bx.mobile-not{display: none !important;}
    .mobile-yes{display: block;}
    
    #features .fad-container-box-caption-content{max-width: 480px;}
    #features .fad-container-box-bottom{bottom: 16px;}
    #features .fad-container-box-top{top: 16px;}
    #features .fad{width: 100%; font-size: 1em;}
    .fad.flt_i, .fad.flt_d{float: none;}
    #features .fad-container-box-caption-content{padding: 16px;}
}

.appear {
   transition: all 0.8s;
   opacity: 0;
   transform: translateY(40px);
}
  
.appear.inview {
   opacity: 1;
   transform: none;
   transition-delay: 0.3s;
}

#mkLightboxContainer img, #mkLightboxContainer video{
    border-radius: 1.5em;
    overflow: hidden;
}