@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
a{ outline: none;}
body{ font-family:'Lato', sans-serif; font-size: 16px;  }
img{ max-width: 100%; outline: none !important; border: none;}
@media all and (-ms-high-contrast:none) {
  .test { color: green } /* IE10 */
  *::-ms-backdrop, .support-form .col-md-6 { padding-left: 15px; padding-right: 15px;   } /* IE11 */
}
.container-fluid { max-width: 1470px;}
.container { max-width: 1200px; }
.font-bold { font-weight: 900;}
.btn { background: rgb(242,91,0);background: -moz-linear-gradient(0deg, rgba(242,91,0,1) 0%, rgba(255,145,48,1) 100%);background: -webkit-linear-gradient(0deg, rgba(242,91,0,1) 0%, rgba(255,145,48,1) 100%);background: linear-gradient(0deg, rgba(242,91,0,1) 0%, rgba(255,145,48,1) 100%);box-shadow: 0px 4px 6px 0px rgb(5 4 13 / 34%);border: none;  border-radius: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px; font-weight: 700; color: #FFFFFF!important; font-size: 16px;  line-height: 30px; padding-bottom: 12px; padding-left: 30px; padding-right: 30px; text-decoration: none;  }
.btn img { margin-right: 4px;}  
.buy-now-btn { background: none; border: #FFFFFF solid 2px;  margin-left: 23px;}
.ban-btn:hover,.btn:hover { background: rgb(245,105,13);background: -moz-linear-gradient(0deg, rgba(245,105,13,1) 0%, rgba(255,162,79,1) 100%);background: -webkit-linear-gradient(0deg, rgba(245,105,13,1) 0%, rgba(255,162,79,1) 100%);background: linear-gradient(0deg, rgba(245,105,13,1) 0%, rgba(255,162,79,1) 100%);} 
.buy-now-btn:hover { background: none; }
.navbar {  -webkit-transition:padding 0.2s ease; -moz-transition:padding 0.2s ease;  -o-transition:padding 0.2s ease; transition:padding 0.2s ease; position: absolute; width: 100%;}
.affix {padding-top: 0.2em !important; padding-bottom: 0.2em !important; -webkit-transition:padding 0.2s linear; -moz-transition:padding 0.2s linear; -o-transition:padding 0.2s linear; transition:padding 0.2s linear;} 
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #10d2ff; } 
.navbar-light .navbar-nav .nav-link { color: #FFFFFF;  }
.navbar-light .navbar-nav .nav-link:hover { color: #FFFFFF; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px; background-color: transparent; border: none;}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover { color: #FFFFFF; } 
.navbar-brand {margin-top: 10px;}
.navbar-expand-lg .navbar-nav{ margin-top: 12px; margin-right: 22px;}
.navbar-text {padding-top: 18px;}  
.navbar-light .navbar-nav li.nav-item { position: relative; }
.navbar-expand-lg .navbar-toggler {display: none;}
/* .dropdown:hover .dropdown-menu { display: block;} */
.dropdown-menu {margin-top: 0;}
.dropdown-menu  {  background:#bddbff; border-radius: 4px; padding: 15px; width: 540px;  margin-left:-200px;}
.dropdown-menu.dm { width: 305px;  margin-left:-108px; }
.dropdown-menu.dm1 { width: 200px;  margin-left:-28px; }
.dropdown-menu.dm3 { width: 365px;  margin-left:-180px; left: 50%; }
.dropdown-menu ul { display: block; margin: 0; padding: 0;}
.dropdown-menu li { display: block; width: 100%;} 
.dropdown-menu:after { background: url(../png/drop-arrow.png) center bottom repeat-x; content: ''; position: absolute; left: 50%; top: -7px; margin-left: -10px; width: 20px; height: 7px;  clear: both; }
.dropdown-menu a { display: block; padding: 5px 10px 9px 10px; font-size: 16px; line-height: 27px; color: #2a2c37;   text-decoration: none; } 
.dropdown-menu a:hover,
.dropdown-menu a.active { background: #deedff; } 
.dropdown-menu a img { margin-right: 12px;}  
_:-ms-lang(x), .navbar { padding:24px 0\9; }  
.stickyHeader {padding: 10px 0; line-height: 40px; background-color: #ffffff; box-shadow: 0 2px 7px 0 rgba(48, 67, 84, 0.18); position: fixed; top: 0px; width: 100%; z-index: 100; box-sizing: border-box; display: none; }
.stickyHeader .head-right { float: right; }
.stickyHeader .head-right img { max-height: 52px;} 
.stickyHeader .ban-btn { margin: 0px; padding-top: 8px; padding-bottom: 10px;}
.ban-head { font-size: 35px; margin-top: 0; line-height: 45px; font-weight: 900;  }
.ban-subhead { font-size: 26px; line-height: 38px; margin-top: 22px; margin-bottom: 15px;}
.main-banner p { font-weight: 300; font-size: 18px;}
.g-main-banner p {font-weight: 300;font-size: 18px;}
.ban-btn { min-width: 220px; min-width: 215px\0; font-size: 18px; line-height: 30px; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 17px; margin-top: 22px;} 
.ban-btn img {margin-right: 11px;}
p.compatible-text { font-size: 13.4px; margin-top: 15px; color: #d7d7d7; opacity: 0.8; text-align: center; max-width: 468px; }  
p.compatible-text2 { text-align: left;}
.feat-compatible { font-size: 13px; line-height: 18px; text-align: center; color: #585858; width: 100%; margin-top: 18px;}
.core-feat { width: 100%; float: left; padding-top: 90px; padding-bottom: 30px; text-align: center; background: url(../jpg/core-feature-bg.jpg) no-repeat center 0; } 
.core-feat-head { color: #000000; font-size: 42px; line-height: 50px; font-weight: 700; margin-bottom: 13px; }
.core-feat-subhead { font-size: 25px; line-height: 30px; color: #686868; padding-bottom: 51px; } 
.cdfp-btn { margin-left: 25px; width: 300px; height: 62px; font-size: 19px; line-height: 47px; margin-top: 20px;} 
.cdfp-btn { width: 220px; } 
.faq-row { width: 100%; float: left; padding-top: 60px; padding-bottom: 62px;}
.faq-head { color: #000000; font-weight: 700; text-align: center; font-size: 42px; line-height: 50px; margin-bottom: 8px; } 
.eachFaqRow { width: 100%; float: left; }
.eachFaq { border-bottom: #d5d8e8 solid 1px; background: #fff; border-left: #d5d8e8 solid 1px; border-right: #d5d8e8 solid 1px; border-top: #d5d8e8 solid 1px; margin-bottom: 20px;} 
.eachFaqFirst { border-top: #d5d8e8 solid 1px; }   
.eachFaq .title { font-size: 1.0625rem; color: #1a1b1d; margin: 0; padding: 19px 50px 14px 16px; position: relative; font-weight: 600; cursor: pointer; }
.eachFaq .title:hover{ color: #081146; }
.eachFaq.close .title:before, 
.eachFaq.open .title:before {content: ''; position: absolute; right: 15px; margin: 5px 0 0 0; width: 14px; height: 14px; background: url(../png/plus-icon.png) no-repeat 0 0; }
.eachFaq.open .title:before{  background: url(../png/minus-icon.png) no-repeat 0 0;} 
.bg-gray{ background: #f8fafc;}
.faq-subhead{font-size: 18px;line-height: 30px;color: #686868; text-align: center; margin-bottom: 42px;}
.faq-icons{margin-right: 21px; margin-top: -5px; width: 30px;} 
.accordion-content { color: #686868; font-size: 15px; line-height: 23px; padding: 2px 40px 37px 68px;}
.accordion-content p { margin: 0; }  
.tech-part { background: #232937; width: 100%; float: left; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 9;}
ul.tech-part-list { display: block; width: 100%; padding: 0; margin: 0;}
ul.tech-part-list li {display: block; float: left; max-width: 16%; margin-left: 7%; margin-right: 4%;}
ul.tech-part-list li img { max-width: 100%;}
ul.tech-part-list li:first-child { margin-left: 0px;}
ul.tech-part-list li:last-child { margin-right: 0px;} 
ul.tech-part-list li button {border: none; background-color: transparent; padding: 0;}
.footer-section { background: #141821; width: 100%; float: left; padding-top: 64px; position: relative; z-index: 9; }
.footer-head { font-weight: 700; font-size: 20px; color: #c4c7dc; line-height: 26px; margin-bottom: 20px /*42px*/; }
.footer-nav { display: block; float: left; padding: 0px; margin: 0px; width: 100%;}
.footer-nav li { display: block; width: 100%; float: left; padding-top: 10px; padding-bottom: 5px; }
.footer-nav li a { display: inline-block; font-size: 14px; line-height: 20px; color: #FFFFFF; text-decoration: none; }
.footer-nav li a:hover,
.footer-nav li.active a {  color: #c4c7dc; } 
.footer-nav02 li:first-child { padding-top: 10px;}
.footer-nav02 li { padding-top: 15px; padding-bottom: 15px;  } 
.footer-nav li a img { float: left; }
.footer-nav li a span { display: block; float: left; margin-top: 7px; margin-left: 15px; } 
.follow-us { margin-bottom: 20px; } 
.get-dpf { border-left: #2b3343 solid 1px; border-right: #2b3343 solid 1px; padding-left: 65px; padding-right: 65px; padding-left: 35px\0; padding-right: 35px\0; min-height: 262px;  } 
.follow-us-col { padding-left: 45px;}
.copy-right { width: 100%; float: left; border-top: #2b3343 solid 1px; padding-top: 34px; padding-bottom: 39px; font-size: 14px; color: #c5c7dc; text-align: center; margin-top: 30px; }
.cookies { font-size: 12px; line-height: 1.3; position: fixed; z-index: 2147483647; width: 240px; right: 7px; bottom: 7px; color: #666; padding: .75rem; border: 1px solid #eee; border-radius: .25rem; background: rgba(255, 255, 255, .9);box-sizing: border-box;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);}
.cookies div {  padding: .25rem;  margin-bottom: .5rem; }
.cookies div a { color: #1d3784;  }
.cookies div a:hover {  color: #0e6aa9; }
.cookies .got-it { border: none;  font-weight: 700; text-align: center; text-decoration: none; width: 7rem;  padding: .35rem; margin: auto;  background: #e7e9ef;  color: rgb(68, 64, 64);border: 1px #e7e9ef solid;display: block; cursor: pointer; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3); transition: all .5s; }
.cookies .got-it:hover { color: rgb(68, 64, 64);border: 1px rgb(17, 16, 16) solid; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .4); }
.return-to-top {border:none;cursor: pointer; position: fixed; z-index: 999; bottom: 144px/*81px*/; right: 20px; background: #000; background: rgba(0, 0, 0, .5); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none;-webkit-transition: all .3s linear;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; text-align: center;}
.return-to-top .syst-icon {color: #fff; margin: 0; position: relative; left: 16px; top: 16px; font-size: 19px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} 
.return-to-top img { margin-top: 2px; height: 22px;}
.gray-bg {background-color: #f5f7fc;}
.separator-row { float: left; width: 100%; text-align: center; }
.separator-row img { max-width: 100%;}

@media (min-width:768px) {
  .navbar-light .navbar-nav li.nav-item:hover .dropdown-menu {display: block;}
}
@media only screen and (min-width:768px) and (max-width:1023.98px) {
  li.nav-item { position: relative } 
  .navbar-expand-lg .navbar-nav .dropdown-menu { top: 42px; position: absolute; } 
  .navbar-expand-lg .navbar-nav .dropdown-menu.dm1 { margin-left: -100px !important; left: 50% !important } 
  .navbar-expand-lg .navbar-nav .dropdown-menu.dm { margin-left: -152px !important; left: 50% !important }
  
}
@media (max-width:1199px) {
  .follow-us-col {padding-left: 15px;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-left: 10px;padding-right: 10px;}
  img { height: inherit; } 
  .core-feat { padding-top: 50px; padding-bottom: 0px; }
  .core-feat-subhead { padding-bottom: 20px; }
  ul.tech-part-list li { max-width: 10% } 
  .tech-part { padding-top: 20px; padding-bottom: 20px }
  .btn img { height: auto;  }
}
@media (max-width:1023px) {
  .stickyHeader .head-right img { max-height: 46px;}
  /* .navbar-light .navbar-nav li.nav-item:hover .dropdown-menu { display: block; }  */
}
@media (max-width:991px) {
  .follow-us-col {padding-left: 0;}  
  .header-row { padding: 0 } 
  .header-row .navbar { padding: 0 } 
  .header-row .navbar-brand { font-size: 18px; line-height: 40px } 
  .header-row .navbar-brand img { width: 40px; margin-right: 10px; margin-top: 10px }   
  .navbar-toggler { display: none } 
  .navbar { flex-wrap: nowrap } 
  .navbar-expand-lg .navbar-collapse { display: flex !important } 
  .navbar-nav { float: right } 
  .navbar-expand-lg .navbar-nav .nav-item { margin: 0 5px } 
  .navbar-expand-lg .navbar-nav .nav-link { font-size: 13px; padding-left: 5px; padding-right: 5px } 
  .navbar-expand-lg .navbar-nav .download-h-btn { padding: 0 11px } 
  .navbar-expand-lg .navbar-nav .dropdown-menu { top: 62px; left: 388px } 
  .navbar-collapse .btn { padding-left: 10px; padding-right: 10px; line-height: 24px; font-size: 12px } 
  .navbar-collapse .btn img { max-height: 15px } 
  .core-feat-subhead { padding-bottom: 0; font-size: 20px; padding-left: 2%; padding-right: 2%; } 
  .core-feat { padding-top: 60px } 
  .core-feat-head { font-size: 32px;}
  .follow-us-col { margin-right: -20px } 
  .footer-nav li a span { margin-left: 10px } 
  .get-dpf { padding-left: 20px; padding-right: 20px;}
  .copy-right { padding-top: 20px; padding-bottom: 20px;}
  .navbar-expand-lg .navbar-nav .dropdown-menu {left: 20px;}  
  .ban-head { font-size: 30px; line-height: 38px;}
  .appstore-btn-col img,
  .ind-mac-btn img { max-width: 200px; }
} 

@media(max-width:825px) {
  .cookies { text-align: center; } 
}
@media (min-width:768px) {
  .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box !important }
  .navbar-expand-lg .navbar-nav { margin-right: 0 }
  .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link { padding-right: 0 }
}
@media (max-width:767px) {
  .navbar-expand-lg .navbar-nav .nav-link {display: inline-block; width: 100%; text-align: left;}
  .navbar-toggler {display: block !important;}
  .fea-ban  img {max-width: 76%;}
  .global-banner img {max-width: 76%;}  
  .header-row.affix { position: relative }
  .navbar-toggler { display: block }
  .navbar-expand-lg .navbar-collapse { margin-top: 10px; z-index: 999 }
  .navbar { flex-wrap: wrap; padding: 0; border-bottom: none; margin-top: 10px }
  .navbar-expand-lg .navbar-nav { display: flex !important; float: none; margin: 0; flex: 1; background: #fff }
  .navbar-expand-lg .collapse:not(.show) { display: none !important }
  .navbar-expand-lg .navbar-nav .nav-item { padding: 0; margin: 0 }
  .navbar-expand-lg .navbar-nav .nav-item.active { background: #008aff }
  .navbar-expand-lg .navbar-nav .nav-item.active a.nav-link,
  .navbar-expand-lg .navbar-nav .nav-item.show .nav-link,
  .navbar-expand-lg .navbar-nav .nav-link:focus,
  .navbar-expand-lg .navbar-nav .nav-link:hover { color: #000 !important;  }
  .dropdown-menu { margin-left: 0; width: 100% }
  #dropdownMenu { margin-left: 0 }
  .navbar-expand-lg .navbar-nav .nav-link { color: #3c3c3c !important; font-size: 16px; padding: 10px 15px; line-height: initial; border-bottom: solid 1px #dedede }
  .dropdwonmenulinks .dropdown-item:first-child { border-bottom: solid 1px #ccc }
  .navbar-brand { margin: 0 }
  .navbar-expand-lg .navbar-nav .nav-item.last,
  .navbar-expand-lg .navbar-nav .nav-item:last-child { padding-left: 0 }
  .navbar-light .navbar-toggler { border: none; background: 0 0; padding: 6px 12px 8px; border: solid 1px #fff; margin-top: -2px }
  .navbar-light .navbar-toggler span { display: block; width: 26px; height: 2px; background: #ffffff; margin: 0px 0;}
  .navbar-light .navbar-toggler span:nth-child(2) { margin: 6px 0;}
  .navbar-expand-lg .navbar-nav .download-h-btn { color: #fff !important; margin: 10px 15px; font-size: 18px }
  .navbar-expand-lg .navbar-nav .dropdown-menu { top: 0; left: 0; position: relative; margin-top: 0; border-radius: 0; border: none; margin-left: 0; max-width: 100%; width: auto }
  span.navbar-text { display: none }
  .dropdown-menu:after { left: 0; margin-left: 26px }
  .navbar>.container { padding-left: 15px; padding-right: 15px }
  .core-feat { padding-top: 60px }
  .core-feat-head { font-size: 30px; line-height: 36px; margin-bottom: 5px }
  .core-feat-subhead { font-size: 20px; line-height: 24px }  
  .faq-subhead { font-size: 16px; }
  .faq-head { font-size: 30px; line-height: 36px; margin-bottom: 10px }
  .accordion-button { padding: 10px 15px 1.faq-head0px 50px }
  .accordion-body { padding: 0 15px 30px 50px }
  .footer-nav02 li { padding-top: 10px; padding-bottom: 0 }
  .footer-nav li { padding-top: 10px; padding-bottom: 0 }
  ul.tech-part-list li { max-width: 100%; float: none; display: inline-block; margin-left: 1%; margin-right: 1%; margin-bottom: 20px }
  ul.tech-part-list { width: auto; padding: 0 15px }
  .tech-part { padding-top: 20px; padding-bottom: 5px }
  .stickyHeader { margin-top: -1px;}
  .stickyHeader .ban-btn { padding-left: 10px; padding-right: 10px;}
  .stickyHeader .navbar-brand {   display: block; float: left; padding-top: 0px; padding-bottom: 0px;} 
  .cookies { width: 100%; right: 0px; border-radius: 0px; bottom: 0px;} 
  .cookies div { width: 75%; float: left; text-align: left; margin-bottom: 0px; padding: 0px;}
  .cookies .got-it { float: right; max-width: 90px;} 
  .return-to-top { bottom: 80px!important;}
  .get-dpf, .follow-us-col { padding-left: 0; padding-right: 0; border: none; margin-top: 30px; margin-bottom: 20px }
  .footer-head { font-size: 18px; margin-bottom: 0px;}
  .footer-section {padding-top: 30px;}
  .get-dpf {min-height: auto;}
  .follow-us-col {padding-left: 0;}
  .ban-head { font-size: 26px; line-height: 32px;}
  .cdfp-right .appstore-btn-col { padding-left: 0;}

}
@media(max-width:575px){ 
  .navbar-expand-lg .navbar-collapse { margin: 9px -15px -10px }
  .header-row.affix { position: relative }
  .navbar-brand img { width: 230px }
  .follow-us-col { margin-right: 0 }
  main { padding-top: 0 }
  .buy-now-btn {margin-left: 5px;}
  .faq-icons{ display: none;}
  .eachFaq .title{ font-size: 1rem;}
  .accordion-content{padding-left: 20px;}
}
@media(max-width:479px) { 
  .stickyHeader { display: none!important;} 
  .core-feat-head { font-size: 24px; line-height: 30px;}
  .cookies .got-it { width: 70px;}
  .return-to-top { bottom: 100px!important;}
  .ban-btn { width: inherit; max-width: 300px; }
  .buy-now-btn { margin-left: 0px; margin-top: 15px;} 
}
@media only screen and (max-width:360px) { 
  .navbar-brand img { max-width: 220px } 
  .navbar-light .navbar-toggler { padding: 3px 8px 8px }
}
iframe[name="google_conversion_frame"] {height: 0px !important;}