body{padding: 0; margin: 0; color: #363636; font-size: 16px; line-height: 22px;font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
html{ scroll-behavior: smooth;}
::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { background: #f1f1f1;}/* Handle */::-webkit-scrollbar-thumb { background: #141925;}/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #555;}/* Firefox */ * {scrollbar-width: auto;scrollbar-color: #222222 #f1f1f1;}

@font-face {font-family: 'Forma DJR Display';src: url('FormaDJRDisplay-Regular.woff2') format('woff2'), url('FormaDJRDisplay-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Forma DJR Micro';src: url('FormaDJRMicro-Regular.woff2') format('woff2'), url('FormaDJRMicro-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face { font-family: Helvetica; src: url("Fonts/Helvetica.ttf") format("ttf")}
h1{font-size: calc(28px + (50 - 25) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif; color: #000000;}
h2{font-size: calc(24px + (40 - 20) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
h5{font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
h6{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2500 - 300))); font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;color: #000000;}
p{font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}
*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
.h1, .h2, .h3,  .h4,  .h5,  .h6, h1,  h2,  h3,  h4, h5,  h6 { padding: 0px; margin: 0px; font-weight: 500; }
.container-wrap a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;}

.container-wrap a, .container-wrap img {text-decoration: none;outline: none;}
.container-wrap ul{margin:0;padding:0;list-style:none;}
.container-wrap a:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
img{ max-width: 100%; }
html:not([lang=zh-cn]):not([lang=zh-tw]):not([lang=zh-hk]):not([lang=ja-jp]) body * {word-break: keep-all;}
.hp_btnPrimary {display: inline-block;padding: 0 0 11px 30px;}
.hp_btnPrimary a{color: #FFFFFF;background-color: #000000;border: 2px solid #000000; white-space: nowrap; padding: 7px 30px;font-size: 20px;display: inline-block;-webkit-transition: all .3s ease;transition: all .3s ease;}
.hp_btnPrimary a:hover{   background:#b456f3;border-color:#b456f3; text-decoration: none;}
.container-wrap *:hover{ transition: all .5s;outline:0;}
.container-wrap sub, .container-wrap sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
.container-wrap sup {top: -0.5em;}
.container-wrap .btn-close:focus {outline: 0;box-shadow: 0 0 0 0;}
.container-wrap  {max-width:1280px; margin: auto; width: 100%; padding: 0 15px; font-family: 'Forma DJR Micro',Arial,Helvetica,sans-serif;}

/*Nav*/
.logo {float: left; padding: 23px 40px 0 0; }
.logo a {font-size: 20px;padding: 0;margin: 26px 0 0;font-weight: 500;height: auto;line-height: 1.25;color: #000;text-decoration: none;}
.main-nav{z-index: 999;min-height: 72px;float: left;width: 100%;background: #fff;box-shadow:0 3px 6px 0 rgb(197 197 197 / 16%); position: fixed; border-bottom: 1px solid #000; transition: all .5S !important;}
nav ul { width: auto; float: left;margin: 0 auto; list-style: none; text-align: center; display: table;}
nav ul li { float: left;  padding: 25px 15px 23px 15px;  vertical-align: middle; position: relative;-webkit-transition: all .3s ease;  transition: all .3s ease;  }
nav ul li:first-child {padding-left: 0;}
nav ul li a { padding: 10px 0; color: #000; text-decoration: none; transition: all 0.2s ease; font-size: 16px;}
nav ul li a:hover { color: #165dba; }
nav ul li.dropdown-toggle{border-bottom: 3px solid transparent;}
nav .dropdown-list {display: none;top: 73px; margin: 0; padding: 7px 0; left: 0px;position: absolute;background-color: #fff;min-width: 204px;box-shadow:0 12px 12px 0 rgba(0,0,0,.2);z-index: 1;}
.dropdown-list li {width: 100%;  padding: 0;  text-align: left;}
.dropdown-list a { font-size: 14px; position: relative; color: black;padding: 8px 16px;text-decoration: none; display: block; }
.dropdown-list a:hover {background-color: #e6fcff;}
.dropdown-toggle:hover .dropdown-list {display: block;}
nav ul li.dropdown-toggle:hover  {color: #165dba;border-bottom: 3px solid #165dba;border-radius: 2px;}
.dropdown-list li>a:after {border-top: 1px solid #000;bottom: 0;content: "";display: block; left: 17px; position: absolute; right: 17px;   transition: border-top-color .3s ease;}
.dropdown-list li:last-child >a:after{ border-top-color: transparent !important;}
.dropdown-list li:hover>a:after {border-top: 1px solid transparent;}
.main-nav .btn-group {  float: right; margin: 5px 0 0; display: flex;}
a.button.primary {font-size: 16px;line-height: 33px;padding: 1px 16px 0 16px;display: block;margin: 14px 0 0 12px;color: #fff;background: #000;border-color: transparent;background-origin: border-box;}
a.button.primary:hover {background: #5a5a5a;;border-color: transparent;}
.btncta a:hover{background: #5a5a5a;color: #FFFFFF;}
.dropdown-menu a{ color: #000;  padding: 8px 7px; opacity: 0.6; line-height: 29px;display: block; text-align: left;     float: left; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))); position: relative; overflow: hidden;}
.disabled{background: grey !important; border-color: grey !important; color: #fff !important;cursor: not-allowed; pointer-events: none;}

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 18px; margin:26px 0px 5px 0px;}
.mobile_btn a {text-decoration: none; color: #000; }
.btn-open:after { display: none; font-size: 24px;margin-left: 10px; color: #000; content: "\f107"; font-family: "FontAwesome";  }
.btn-close:after {display: none;  font-size: 24px; margin-left: 10px; color: #000; content: "\f106"; font-family: "FontAwesome";  }
.toggle_menu {display: none; position: absolute; top:70px; width: 100%; height: 100vh; overflow: auto; z-index: 999; right: 0; background: rgb(0 0 0 / 49%);   box-shadow: 0 4px 6px 0 rgba(0,0,0,.2);}
.toggle_menu ul{background: #fff;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile_btn a.btn-close { margin: 0 0 0;}
.mobile_nav{display: none;}
/*Nav*/

/* banner */
.banner_sec{width:100%; float:left;position: relative; margin-top: 72px;}
.x3l{font-size: 105px; line-height: 105px; padding: 46px 10px 52px 0; text-align: center;  width: 100%; }
/* banner */

/* Section 2 */
section.section_2 { float:left; overflow: hidden;display: block;width: 100%;}
.section_2 h2{ padding:80px 10px 95px 0; text-align: center;  width: 100%; }
.xxl{font-size: 70px; line-height: 74px;}
.img_sec{display: flex;align-items: center; flex-direction: row-reverse;justify-content: space-between;}
.img_sec img{max-width: 790px; width: 100%;margin-right: -133px;}
/* Section 2 */

/* Section 3 */
.sec_video{width:100%;float:left;position: relative;padding: 0 15px; margin: -27px 0 0;display: flex; align-items: center;justify-content: center;}
.sec_video video{max-width: 390px;}
/* .rtl_vid{background: url("../images/Andaz-w-Helix-HPcom-FINA.jpg") no-repeat 50% 50% / cover;} */
.rtl_vid video{background: url("../images/Andaz-w-Helix-HPcom-FINA_2.jpg") no-repeat 50% 50% / cover;}
/* Section 3 */

/* Section 4 */
.hp-component{width:100%; float:left; background-color: #e6e6e6; padding: 84px 0 122px; }
.hp-component a{display: block; height: 100%;}
.set_over{ position: relative; height: 378px; width: 100%;}
.set_over_1{ background: url("../images/Group-12286-2x.jpg") no-repeat 50% 50% / cover;}
.set_over_2{ background: url("../images/Group_12285-2x.jpg") no-repeat 50% 50% / cover;}
.set_over_3{ background: url("../images/Group_12288-2x.jpg") no-repeat 50% 50% / cover;}
.set_over_4{ background: url("../images/Group-12306-2x.jpg") no-repeat 50% 50% / cover;}
.set_over_5{ background: url("../images/Group-12320-2x.jpg") no-repeat 50% 50% / cover;}
.set_over_6{ background: url("../images/Group-123192x.jpg") no-repeat 50% 50% / cover;}
.overlay_1{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;     max-width: 364px;width: 100%;}
.overlay_1 p{font-size: 34px; line-height: 40px; color: #fff;    margin: 0;}
.overlay_1 img{width: 35px;}.space_20{padding-top: 20px;}
/* Section 4 */

/* Section 5 */
.pc-desktop{width:100%; float:left; background: #e6e6e6; padding:36px 0 20px;}
.pc-desktop h2{text-align: center; padding-bottom: 0;}
.sli_mo{padding: 0 15px;}
.slider_sec{width:100%; float:left;  padding: 0px 0 0px;  }
.slider_sec .slick-list.draggable{background-color: #ffffff; max-width: 1280px; margin: auto; width: 100%;}
.sli_flex{ display: flex;margin: 0 0 -6px; width: 100%;float: left;}
.slide_img{ position: relative;  float:left; max-width: 640px; width: 100%; height: 550px; overflow: hidden;}
.content-inner{ float:left; padding:51px 30px 20px; max-width: 50%; width: 100%;}
.slide_img img{display: none;}
.content-inner h4{color: #000000; font-size: 40px; line-height: 42px; padding: 0 0 29px;}
.content-inner p{color: #000000;font-size: 22px; line-height: 28px;}
.slick-dots li {width:6px;height:6px;margin: 0 6px;transition: all .5s;padding: 0;}
.slick-dots li button:before{ background-color: #c6c6c6;}
.slick-dots li.slick-active button::before {background-color: #000; border-radius: 15px;}
.slick-dots li.slick-active { width: 62px; border-radius: 15px;}

.slide_pc_2{ background: url("../images/snap-dragon-elite.jpg") no-repeat 50% 50% / cover;}
.slide_pc_3{ background: url("../images/Comp_1_2_1-2x.jpg") no-repeat 50% 50% / cover;}
.slide_pc_4{ background: url("../images/Comp_1_1-2x.jpg") no-repeat 50% 50% / cover;}
/* Section 5 */

/* Section 6 */
.battery_sec{width:100%; float:left; display: flex; min-height: 800px; overflow: hidden; background: url("../images/Comp1_4_2-2x.jpg") no-repeat 50% 50% / cover;   }
.battery_sec h2{color: #fff;}
.battery_sec p{font-size: 28px; line-height: 34px;color: #fff;padding: 25px 0 0;}
.battery_Text{ display: flex; align-items: center;justify-content: space-between;}
.rtl_img img{ max-width: 340px; margin-right: -44px;}
.info_text{max-width: 900px; width: 100%;}
/* Section 6 */

/* Section 7 */
.weniger{width: 100%;float: left;position: relative;padding:67px 0 35px;}
.weniger .heading .xxl{font-size: 70px;line-height: 74px;}
.weniger .heading p{font-size: 28px;line-height: 34px;margin-top: 34px;}
.weniger .weniger_content{display: flex; padding: 30px 0px;}
.weniger .weniger_content .text_weniger ul>li{display: flex;padding-bottom: 37px;align-items: flex-start;width: 420px;}
.weniger .weniger_content .text_weniger ul>li .img{margin-top: 10px;padding: 0 15px;width: 131px;}
.weniger .weniger_content .text_weniger ul>li .copy{padding: 0 15px;width: 288px;}
.weniger .weniger_content .text_weniger ul>li .copy h6{font-size: 22px;line-height: 28px;}
.weniger .weniger_content .text_weniger ul>li .copy p{font-size: 16px;line-height: 22px;margin-top: 8px;}
/* Section 7 */

/* Section 8 */
.andaz-Banner{width:100%;float:left;position: relative;min-height: 770px;display: flex;height: 100%; text-align: center; background: url("../images/Andaz_1-2x.jpg") no-repeat 50% 50% / cover;align-items: center;justify-content: center;}
.andaz-Banner h2{ padding: 14px 15px 8px 15px;width: 100%;float: left;color: #fff;  margin: 0;}
.andaz-Banner p{font-size: 28px;line-height: 34px;padding: 10px 15px 20px 15px;width: 100%;float: left;color: #fff;   margin: 0;}
.vector_img{width:100%;float:left;display: flex;position: relative;justify-content: center;margin: 49px 0 51px;}
.vector_img img:nth-child(2){position: absolute;margin: 22px 0 0;}
/* Section 8 */

/* Section 9 */
.technology{background-color:#ffffff;float: left;width: 100%;padding: 34px 0 43px;}
.flex_energy{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.efficient_design{max-width: 800px; width: 100%;}
.description {  max-width: 420px;}
.description h2{font-size: 34px; line-height: 40px; padding: 10px 10px 10px 0; float: left;}
.description a{ font-size: 16px;line-height: 42px;padding: 0 32px 0;display: block;margin: 14px 0 0 0px;color: #fff;background: #000;border-color: transparent;background-origin: border-box;}
.description a:hover{background: #5a5a5a;;border-color: transparent;}
/* Section 9 */


/* Section 10 */
.Neuen{background-color:#E6E6E6;float: left;width: 100%;padding: 98px 0 98px;}
.flex_Neuen{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.descr_Neuen{ max-width: 677px;width: 100%;}
.descr_Neuen p{font-size: 40px;line-height: 42px;padding: 24px 0 0;width: 100%;float: left;color: #000;   margin: 0;}
.colText_slide{background-color: #fff;border: 1px solid #000;padding: 20px 20px 135px;max-width: 405px;min-height: 633px;position: relative;}
.colText_slide img{display: inline;margin-bottom: 0;background-color: #e6e6e6;}
.text_box ul{float: left;width: 100%;  padding:16px 0 0 15px; height: 189px;overflow: hidden;}
.text_box ul li {float: left;width: 100%;position: relative;font-size: 14px;}
.text_box ul li::before{position: absolute;content: '';width: 4px;height: 4px;background-color: #000;left: -15px;top: 7px;}
.text_box p{color: #4759F5;font-size: 12px;line-height: 16px;float: left;width: 100%;padding: 0 0 0; margin: 0;min-height: auto;}

.text_box ul li p{font-size: 16px;line-height: 22px;padding-bottom: 4px;}
.hide_imgs{display: none !important;}
.img_sli_data{position: relative;width: 100%;float: left;margin: 0 0 9px;}
.label-content{position: absolute;padding: 5px 16px 4px;left: 0;font-size: 14px;bottom: 0;color: #fff;background: #4759F5;}
.colText_slide .actiit{display: none;}
.colText_slide .actiit1{overflow: visible; height: auto;}
.colText_slide .com_footer {position: absolute;bottom: 0;width: 90%;}
.colText_slide .com_footer .show_more{padding-bottom: 12px;border-bottom: 1px solid #000;}
.colText_slide .com_footer a{color: #333334;}
.colText_slide .com_footer .shop{display: flex;align-items: center;padding: 17px 0 32px;}
.colText_slide .com_footer .shop a{height: auto;padding: 5px 16px 5px;width: auto;display: flex;align-items: center;justify-content: center;color: #fff;margin-right: 20px;background-color:#000;}
.colText_slide .com_footer .shop a:hover{background: #5a5a5a;;border-color: transparent;}
.variation-selector{display: flex;float: left;width: 100%;font-size: 12px;padding: 10px 0 0;}
.variation-selector span{display: inline-block;height: 17px;padding: 0px;width: 17px;/* margin: 0 3px; */}
.color-swatches{border: 1px solid #000;padding: 2px 2px 2px;display: flex;margin: 0 7px;}
/* Section 10 */

/* Section 11 */
.Info-Banner{width:100%; float:left;position: relative;  }
.Info-Banner .custom_Text{vertical-align:middle;min-height: 830px;width:100%;padding: 0;background: rgba(0, 0, 0, 0.5);}
.Info-Banner .custom_Text .in_text{color: #fff;vertical-align: middle;float: left;width: 100%;position: absolute;left: 0;bottom: 0;text-align: left;background: rgba(0, 0, 0, 0.4);}
.Info-Banner .custom_Text h1{font-size: 70px;line-height: 75px;padding: 14px 15px 8px 15px;width: 100%;float: left;color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin: 0;}
.Info-Banner .custom_Text h2{font-size: 28px;line-height: 34px;padding: 10px 15px 33px 15px;width: 100%;float: left;color: #fff;/* border-bottom: 1px solid #fff; */margin: 0;}
.Info-Banner .cus_img{ max-width: 100%; position: absolute;right: 0;width: 100%; height: 100%; background: url("../images/DEx-Custom-Info-Banner-2x.jpg") no-repeat 50% 50% / cover;   }
/* Section 11 */

/* Section 12 */
.services{width: 100%;float: left;padding: 88px 0 89px;border-bottom: 1px solid #000;}
.services h2{padding: 30px 0 24px;}
.services img{width: 100%;}
.services .box{position: relative; padding-bottom: 46px;}
.services .box:nth-child(1){padding-right: 35px;}
.services .box:nth-child(2){padding-left: 35px;}
.services p{font-size: 20px;line-height: 24px;}
.services .btn-group{position: absolute; bottom: 0;}
.services .btn-group a{ font-size: 16px;line-height: 33px;padding: 1px 16px 0 16px;display: block;margin: 14px 0 0 0px;color: #fff;background: #000;border-color: transparent;background-origin: border-box;}
.services .btn-group a:hover{background: #5a5a5a;;border-color: transparent;}
/* Section 12 */

/* component  css*/
.hp-lap{padding: 61px  0px 60px;width: 100%;float: left; text-align: left; overflow: hidden;}
.hp-lap h1 {width: 100%;padding:13px 0 2px;font-size: 34px;line-height:40px; align-items: center;color: #000;display: flex;justify-content: left;position: relative;}
.hp-lap h4{color: #ffffff;background: #000;font-size: 22px;line-height: 28px;float: left;text-align: center;width: 100%;padding: 29px 0 18px;min-height: 88px;border-left: 1px solid #fff;}
.text_lap ul { padding: 0 20px 0;}
.text_lap_2 ul { padding: 0 0 0;}
.text_lap ul li { float: left; width: 100%;}
.text_lap {text-align: center;padding: 0 0 0;float: left;width: 50%;border: 1px solid #000; border-right: 0;}
.text_lap_2{width: 100%;text-align: left;}

.hp-lap .slick-slide:nth-child(1) h4{background-color: transparent;}
.c_cta { float: left;width: 100%; text-align: center;}
.c_cta a{font-size: 16px;line-height: 33px;padding: 1px 16px 0 16px;margin: 25px 0 21px 0px;color: #fff;background: #000;display: inline-block;border-color: transparent;background-origin: border-box;}
.c_cta a:hover{background: #5a5a5a;;border-color: transparent;}

a.cta_lap {font-size: 16px;line-height: 33px;padding: 1px 16px 0 16px;margin: 18px 0 90px 0px;color: #000;background: transparent;font-weight: 400;display: inline-block;border-color: transparent;border: 1px solid #000;background-origin: border-box;}
a.cta_lap:hover{background: #000000; color: #ffffff; border-color: transparent;}
.text_lap ul li:last-child p{border: 0;}
.text_li_1,.text_li_2{font-size: 20px;line-height: 26px;color: #000000;}
.text_li_1{background-color: #7f7f7f;min-height: 120px; color: #fff;    padding: 37px 16px 11px;}
.text_li_2{background-color: #e6e6e6;min-height: 185px; padding: 37px 16px 11px;}
.hp-lap p{padding: 14px 0 12px; border-bottom: 1px solid #000; margin: 0; font-weight: 400;font-size: 20px;line-height: 26px;color: #000000; display: flex; width: 100%; align-items: center; justify-content: space-around;}
.text_lap_2 p{padding: 14px 20px 12px; justify-content: left; padding-left: 20px;}
.text_lap ul li:nth-child(1) > p{ min-height: 145px;}
.text_lap ul li:nth-child(4) > p{ min-height: 80px;}
.text_lap ul li:nth-child(5) > p{ min-height: 62px;}
.text_lap ul li:nth-child(7) > p{ min-height: 100px;}

.hp-lap .slick-prev, .hp-lap .slick-next{top: -4%;}
.hp-lap .slick-prev{left: auto; right: 50px;}
/* .lap_slide{ border: 1px solid #000;} */

.hp-lap .slick-slide:last-child .lap_slide {border-right: 1px solid #000;}
@media (min-width: 1272px) {.xxl { font-size: 80px;line-height: 84px; }  }
@media (min-width: 1200px) {.component_slide .slick-slide{margin: 0 0; width: 600px !important;} .component_slide .slick-slide:nth-child(1){ width: 300px !important;} }
.hp-lap .slick-list{overflow: visible;}
/* component*/

/* Modal custom css*/
a.open_popup{ cursor: pointer;}
.popup_body{ opacity: 0;visibility: hidden;overflow: hidden;height: 0;position:fixed;z-index: 999999;top:0;left:0;right:0;bottom:0;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
.popup_body_show{ opacity: 1;visibility: visible;overflow: visible;height: auto;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;-ms-transition: 300ms;transition: 300ms;}
.popup_back{background: rgba(0,0,0,0.4);position: fixed;left:0;right:0;top:0;bottom:0;}
.popup_contain{ position: absolute; background: #fff; max-width: 80%; width: 100%; margin: 0 auto 0; min-height: 150px; left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.popup_close{background: #e2e2e2;padding:3px 10px 5px;position: absolute;z-index: 99;right: -38px;top: -30px;font-size: 20px;color: #121212;border-radius: 50%;cursor: pointer;width: 48px;padding: 16px;height: 48px;}
.vid_modal_body{max-width:850px; width: 100%; background: transparent;}
.vid_modal_body iframe { min-height: 490px; width: 100%;}
/* Modal custom css*/

/*footer CSS*/
.textfooter{background-color:#f6f6f6;float: left;width: 100%;padding: 40px 0 34px;}
.textfooter .text_ftp{padding: 0px 24px 23px;background-color: #fff;float: left;width: 100%;border-radius: 0px;}
.textfooter ol{list-style-type: decimal; margin-left: 12px;padding-left: 0;}
.textfooter p, .textfooter  li {padding: 2px  0;color: #000;line-height: 20px;font-size: 12px; margin: 0 0 10px; letter-spacing: .3px;font-weight: 400;}
.textfooter p{padding-left: 0;}
.textfooter  li {margin:0 0 1px 0px;}
.collapsible-text{margin: 4px 0 0; color: #000000;  }
.dropClose{cursor: pointer;float: left;width: 100%; margin: 29px 0 24px;}
.dropClose h3{float: left;font-size: 18px;font-weight: 400;}
.dropClose i{float: right;font-size: 22px; font-weight: bolder;} .dropOpen{ float: left; width: 100%;}
.textfooter p a, .textfooter li a{text-decoration: underline;color: #474747;}.textfooter p a:hover, .textfooter li a:hover{text-decoration: underline;color: #0077C0;}.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}.btn2in{ margin: 19px 0 16px;}
/*footer CSS*/
[data-external-link-icon] { background-image: url("../images/download.webp") !important; background-position: 100% 0 !important; background-repeat: no-repeat !important;background-size: 1em !important; padding-right: 1.3em;}
.slick-prev {left: 0px;background: rgb(251 251 251 / 68%) url(../images/left-arrow.png) no-repeat center; height: 21px;width: 21px;background-size: 17px;height: 30px;width: 30px;padding: 6px 16px 4px;border: 1px solid #000;transition: all .5s;}
.slick-next {right: 0px; background: rgb(251 251 251 / 68%) url(../images/right-arrow.png) no-repeat center; height: 21px;width: 21px;background-size: 17px;height: 30px;width: 30px;padding: 6px 16px 4px;border: 1px solid #000;transition: all .5s;}
.slick-prev:hover {background-image: url(../images/left-arrow_hover.png);background-color: #000000;background-repeat: no-repeat; background-position: center;}
.slick-next:hover { background-image: url(../images/right-arrow_hover.png);background-color: #000000;background-repeat: no-repeat; background-position: center;}
.slick-prev.slick-arrow.slick-disabled {opacity: .5 !important;cursor: auto; background-image: url(../images/left-arrow.png);background-color: rgb(251 251 251 / 68%);}
.slick-next.slick-arrow.slick-disabled {opacity: .5 !important;cursor: auto; background-image: url(../images/right-arrow.png);background-color: rgb(251 251 251 / 68%);}

.affix {width: 100%;top: 0px;position: fixed;overflow: visible!important;transition: all .5s;z-index: 9998;margin: 0 auto;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .1s;animation-delay: .1s;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.opacityin {opacity: 0;visibility: hidden;z-index: -1;transition: all .5S !important;margin-top: -91px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .1s;animation-delay: .1s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@media (min-width: 1920px) {.xxl { font-size: 80px;line-height: 84px; }}




/* Mobile view css*/
@media screen and (max-width:1270px) {
.xxl,.Info-Banner .custom_Text h1,.weniger .heading .xxl { font-size: 60px;  line-height: 66px; }
.x3l{font-size: 80px; line-height: 90px;}
.component_slide .slick-slide:nth-child(1){ width: 300px !important;}
.descr_Neuen{ padding: 0 15px 0 0;}
.rtl_img img{ margin-right: 0;}
.info_text{width: 100%;}
.hp-component{  padding: 84px 0 29px; } 
}

@media screen and (max-width:1100px) {
.hp-component{padding: 84px 0 22px;}
.x3l,.xxl,.weniger .heading .xxl,.Info-Banner .custom_Text h1  {line-height: normal; font-size: calc(32px + (70 - 18) * ((100vw - 300px) / (2500 - 300)));}
.content-inner h4,.description h2,.descr_Neuen p,.services h2,.hp-lap h1,.overlay_1 p {line-height: normal; font-size: calc(24px + (34 - 16) * ((100vw - 300px) / (2500 - 300)));}
.battery_sec p,.weniger .heading p,.andaz-Banner p,.Info-Banner .custom_Text h2{line-height: normal; font-size: calc(22px + (26 - 16) * ((100vw - 300px) / (2500 - 300)));}
.content-inner p,.services p{line-height: normal; font-size: calc(18px + (22 - 16) * ((100vw - 300px) / (2500 - 300)));}
.img_sec img {max-width: 668px;margin-right: -74px;}
.slide_img{ height: 430px;}
.weniger .weniger_content .text ul>li{width: auto; padding-bottom: 0px;}
.component_slide .slick-slide:nth-child(1){ width: 400px !important;}
}
@media screen and (max-width:992px) {
/* menu*/
nav ul { width: 100%;}
ul.dropdown-list{background-color: #f3f3f3; position: static; width: 100%;  padding:0;float: left; box-shadow: 0 0 0 rgba(0,0,0,.2);}
.toggle_menu ul li a{ padding: 10px 15px 7px;}
.toggle_menu .dropdown-list li a{ border-top: 1px solid transparent !important; padding: 12px 10px 12px 29px;}
.toggle_menu ul li .fa{ float: right; font-size: 24px;position: absolute;right: 15px;}
.mobile_btn {display: block;float: left;}
nav ul li{padding:0px} 
.main-nav .container .col-md-12{padding: 0px;}
.desktop_nav {display: none !important;}
.mobile_nav {display: block  ;}
.rotedArrow1 i.fa.fa-angle-down, .rotedArrow2 i.fa.fa-angle-down, .rotedArrow3 i.fa.fa-angle-down, .rotedArrow4 i.fa.fa-angle-down,.rotedArrow5 i.fa.fa-angle-down, .rotedArrow6 i.fa.fa-angle-down {    transform: rotate(180deg);}
.CloseMenu {text-align: center;padding: 20px 0;height: 100%;}
.CloseMenu:after{ display:none}
.CloseMenu img{cursor: pointer; margin: 18px 0 0;height: 33px;}
/* menu*/

.flex_energy {flex-direction: column;}
.description{max-width: 100%; width: 100%;padding: 0;}
.description p{ width: 100%; float: left; }
.efficient_design {max-width: 100%;}
.popup_close{ right: 0;top: -33px; color: #121212; width: 34px;padding: 6px 11px 6px;height: 34px;}
.img_sec{ flex-direction: column;}
.sec_video{margin: 0;}
.img_sec img { margin-right: 0;}
.slide_img{height: auto; background: none;}
.slide_img img{display: inline-block;}
.sli_flex{ align-items: center;}
.weniger .weniger_content{ flex-direction: column;}
.weniger .weniger_content .text ul>li .copy{width: 100%;}
.text_weniger{padding-bottom: 20px;}
.copy {padding: 18px 0 7px;}
.weniger .weniger_content .text_weniger ul>li .copy,.weniger .weniger_content .text_weniger ul>li{width: 100%;}
.services .box:nth-child(1){padding-right: 15px;margin-bottom: 35px;}
.services .box:nth-child(2){padding-left: 15px;}
.section_2 h2 {padding: 54px 10px 21px 0;}
.text_lap_2 {width: 75%; float: right;}
.pc-desktop{ padding: 1px 0 20px;}
}

@media screen and (max-width:767px) {
.printing_scan h4{padding: 0 0 8px;}
.textfooter{padding: 5px 0 22px;}
.btncta{padding: 13px 0 11px 0;}
.custom_tab_nav h1{padding: 18px 0 12px;}

.slick-next{right: -5px; transform: scale(.8);}
.slick-prev{left: -5px; transform: scale(.8);}
.rtl_img img {max-width: 192px;}
.flex_Neuen{flex-direction: column;}
.colText_slide{margin-top: 25px;}
.sli_flex{ flex-direction: column;}
.content-inner{padding: 0 15px; max-width: 100%;}
.services .box:nth-child(1){ margin-bottom: 35px;}
.x3l{padding: 34px 0px 18px 0;}
.content-inner h4{ padding: 19px 0 13px;}
.content-inner p{padding-bottom: 15px;}
.slide_img video{height: 278px;}
}

@media screen and (max-width:567px) {
.x3l{line-height: normal; font-size: calc(32px + (70 - 18) * ((100vw - 300px) / (2500 - 300)));}
.xxl,.weniger .heading .xxl,.Info-Banner .custom_Text h1  {line-height: normal; font-size: calc(28px + (70 - 18) * ((100vw - 300px) / (2500 - 300)));}
.content-inner h4,.description h2,.descr_Neuen p,.services h2,.hp-lap h1,.overlay_1 p {line-height: normal; font-size: calc(22px + (34 - 16) * ((100vw - 300px) / (2500 - 300)));}
.battery_sec p,.weniger .heading p,.andaz-Banner p,.Info-Banner .custom_Text h2{line-height: normal; font-size: calc(20px + (26 - 16) * ((100vw - 300px) / (2500 - 300)));}
.content-inner p,.services p{line-height: normal; font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (2500 - 300)));}
.section_2 h2 {padding: 16px 10px 12px 0;}
ul.list_tabs li{ font-size: 17px;padding: 6px 19px;}
.head_tech h1{font-size: 24px;}
.bg_tab{ min-height: 51px; margin: 0 0 18px;}
.main-nav{ min-height: 56px; width: 100%;text-align: center;}
.mobile_btn{ margin: 8px 0px 5px 0px;width: 100%;}
a.button.primary{margin: 6px 5px 0;display: inline-block; line-height: 30px;padding: 1px 10px 0 11px;}
.banner_sec{ margin-top: 80px;}
.battery_sec{  background: url("../images/Comp-1_4_2-mobile-2x.jpg") no-repeat 50% 0% / cover;   }
.main-nav .btn-group{ margin: 0px 0 11px;width: 100%;justify-content: center;}
.textfooter .text_ftp {padding: 0px 13px 23px;}
.img_sec {text-align: center;}
.hp-component{padding: 53px 0 0;}
.set_over{ height: 210px; margin: 0 0 31px;}
.space_20{padding-top: 0;}
.battery_Text{flex-direction: column;}
.weniger{padding: 48px 0 32px;}
.weniger .weniger_content .text_weniger ul>li {padding-bottom: 10px;}
.andaz-Banner{  background: url("../images/Andaz-2-2x.jpg") no-repeat 50% 0% / cover; min-height: 566px;  }
.vector_img img{ height: 110px;}
.Neuen{ padding: 39px 0 39px;}
.vector_img img:nth-child(2){ height: 80px;    margin: 15px 0 0;}
.vector_img{margin: 22px 0 19px;}
.colText_slide .com_footer .shop a{ margin:0 2px;padding: 5px 12px 5px;}
.services{ padding: 50px 0 49px;}
.hp-lap {padding: 30px 0px 35px;}
.component_slide .slick-slide { width: 360px !important;}
.component_slide .slick-slide:nth-child(1){ width: 180px !important;}
.text_lap_2 {width: 100%; float: right;}
.rtl_img img {max-width: 201px; margin-top: 32px;}
.sec_video video{width: 100%;}
.andaz-Banner h2 {padding: 14px 0 8px 0;}
.description a{ line-height: 37px;}
.text_li_1, .text_li_2 ,.hp-lap p{font-size: 18px; padding: 18px 8px 11px;}
.text_li_2{min-height: 230px;}
.text_lap ul li:nth-child(1) > p {min-height: 181px;}
.text_lap ul li:nth-child(3) > p {min-height: 116px;}
.c_cta a {font-size: 15px;}
.text_lap ul {padding: 0 8px 0;}
.set_mobile{padding: 0; padding-left: 10px;}
.slick-next{right: 2px; transform: scale(.8);}

}
@media screen and (max-width:370px) {
.component_slide .slick-slide { width: 300px !important;}
a.button.primary  {font-size: 14px;}
.colText_slide .com_footer a {font-size: 13px;}
.text_li_1, .text_li_2,.hp-lap p {font-size: 16px; }
.c_cta a {font-size: 13px; line-height: 29px; padding: 5px 8px 0 8px;}
}