html { font-size: 15px }
body { font-family: Lato, sans-serif; font-size: 1rem; color: #242329; /*-ms-overflow-style: scrollbar*/line-height: 1.42857143; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.2;}
ul { padding: 0; margin: 0}
p { font-size: 1rem } 
img { max-width: 100% }
.container-large { margin-left: auto; margin-right: auto; max-width: 1370px; position: relative; padding: 0 15px }
.container-large:after,
.container-large:before { clear: both; display: table; content: "" }
a:active,
a:focus,
a:hover { outline: 0; text-decoration: none; cursor: pointer}
li { list-style: none }
/* .pull-right {
    float: right !important;
  } */
p a { word-break: break-all }
.support-bottom-bg p a,
.support-text p a { word-break: break-word }
/* [class*="col-"] {
    float: left;
} */
.banner-btn,
.btn,
.icon-bar,
.leftbar-button i,
.more-products a,
.product-list .product-list-row,
.site-header .navbar-default .navbar-collapse,
.slide-arrow,
.support-product,
.transition { -webkit-transition: all ease-in-out .15s; -ms-transition: all ease-in-out .15s; transition: all ease-in-out .15s }
.heading-1 { font-size: 3rem; color: #242329; font-weight: 700; margin: 0 0 15px }
.no-margin { margin: 0 !important }
.clear:after { clear: both; display: table; content: "" }
textarea { resize: none }
.carousel-control { z-index: 99 }
.text-normal-initial { text-transform: initial }
.letter-spacing-05 { letter-spacing: .5px }
.shadow-1 { -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1) }
.light-grey-bg { background: #f7f9fc}
main { overflow: hidden; }
.full { width: 100%; float: left }
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }

/*header stick*/  
.pro-header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; padding: 16px 0; transition: all 0.5s; transform: translateY(-110%); }
.pro-header.is-visible {  transform: translateY(0); box-shadow: 0 4px 16px rgb(0 0 0 / 10%); z-index: 1011; }
.pro-header .download-btn { float: right; }
.pro-header .down-btn-col a.download-btn { width: 170px; color: #ffffff; font-size: 15px; line-height: 21px; font-weight: 500; padding: 10px 0 10px; margin: 4px 0 0 0; box-shadow: 0.14px 7.999px 8px 0px rgb(0 0 0 / 18%); border-radius: 4px;  border: none; } 
.pro-header .down-btn-col a.download-btn img { margin-right: 8px;}
.header-outer { position: relative }
.header-inner { position: relative; padding: 6px 0; background: #fff }
.head-support { position: absolute; top: 0; right: 0; background: #08b8e1; width: 71px; height: 48px }
.head-support a { display: block; height: 48px; text-align: center; position: relative }
.head-support a>img { margin: 8px 0 0 -13px }
.head-support a:after { z-index: 1; position: absolute; right: 7px; top: 18px; content: ""; pointer-events: none; border-top: 7px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent }
.head-support a:before { z-index: 2; position: absolute; right: 7px; top: 15px; content: ""; pointer-events: none; border-top: 7px solid #08b8e1; border-right: 6px solid transparent; border-left: 6px solid transparent }
.header-last { background: rgba(0, 0, 0, .7); color: #fff; line-height: 22px; /* padding: 9px 0; */ padding: 4px 0; position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; }
.site-logo { display: inline-block; vertical-align: top; margin-top: 2px }

.navbar-default .navbar-nav>li>a { font-size: 1.1333rem; /* padding-left: 25px; padding-right: 25px */  padding: 14px 20px; position: relative; display: block; color: #232228; line-height: 28px; }
/* .navbar-default .navbar-nav>li>a:after { content: ""; position: absolute; top: 100%;  left: 23px; right: calc(100% - 23px); background: #ff6464; opacity: 0;-webkit-transition: right ease-in-out .15s;-ms-transition: right ease-in-out .15s;transition: right ease-in-out .15s} */ 
 
.navbar-default .navbar-nav>li.active a:after {
    content: "";
    position: absolute;
    bottom: 4px;
    height: 2px;
    left: 12%;
    width: 76%;
    max-width: 100%;
    right: calc(100% - 20px);
    background: #0f9ef7;
    opacity: 0;
    -webkit-transition: right .15s ease-in-out;
    -ms-transition: right .15s ease-in-out;
    transition: right .15s ease-in-out
}

/* .navbar-nav .nav-link.active:after { 
    opacity: 1
} */

 

.navbar-default .navbar-nav>li.active>a:after, 
.navbar-default .navbar-nav>li>a:hover:after { right: 23px; opacity: 1 }
.navbar-default .navbar-nav>.appofthemonth>a { color: #f60 !important }
.navbar-default .navbar-nav>.appofthemonth>a>img { position: relative; top: -7px }
.navbar-default .navbar-nav>li.appofthemonth>a:after { display: none !important }
.header-excellence span { padding-left: 5px; font-size: 14px }
.header-inner,.header-last {-webkit-transition: all ease-in-out .15s;-ms-transition: all ease-in-out .15s;transition: all ease-in-out .15s}
.navbar-nav li {display: inline-block;}
 
/** New menu **/
.navbar-nav li>span { position: relative; display: block; padding: 10px 15px; font-weight:bold; }
.navbar .dropdown-menu div[class*="col"] { margin-bottom:0.5rem; }

@media screen and (min-width:992px) and (max-width:995px) {
    .navbar-default .navbar-nav > li > a {font-size: 14px; padding: 13px;}
    .caret {right: 0;}
    .navbar .dropdown-menu.product-dropdown {margin-left: -341px !important;width: 946px !important;}
}

@media screen and (min-width: 991px) { 
    
.navbar { padding-top:0px; padding-bottom:0px; }
.product-dropdown .nav-item:first-child .nav-link { display: inline-block; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #000; }
 .navbar .nav-item .nav-link {  font-size: 14px; color: #000; font-weight: 400;  padding: 5px 0; }  
 .navbar .nav-item .nav-link img { margin-right: 10px; float: left; margin-top: 3px; transform: none; }
 .nav>li>a:focus, 
 .nav>li>a:hover { background: none; }
 .navbar .nav-item .nav-link:hover { color: #0f9ef7 }
.navbar .dropdown {position: relative /*static*/; padding-right: 8px;} 
.navbar .dropdown-menu {  width: 1016px; left:0; right:0;  top:45px;  display:block; visibility: hidden; opacity: 0; } 
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover { display:block !important; visibility: visible; opacity: 1;  }
.navbar .dropdown-menu { background-color: #fff; z-index: 999; width: 1016px;  margin-top: 5px!important; border-top: 3px solid #0f9ef7; 
     padding: 15px 5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(52,102,241,0.25);-moz-box-shadow: 0px 0px 5px 0px rgba(52,102,241,0.25);box-shadow: 0px 0px 5px 0px rgba(52,102,241,0.25); 
     left: 50%; margin-left: -508px;  } 
.navbar .dropdown-user-guide { width: 280px; margin-left: -140px; padding: 15px 20px;}    
.caret { border: none; border-right: 2px solid #232228; border-bottom: 2px solid #232228; content: ""; position: absolute; cursor: pointer; transform: rotate(45deg); width: 8px; height: 8px; border-left: 0; border-radius: 0; border-top: 0; display: inline-block; top: 23px; right: 4px; }
.navbar-default .navbar-nav > li.dropdown > a::after {display: none; }
.navbar .dropdown-menu::before {position: absolute;left: 50%; margin-left: -8px;  top: -11px; width: 0px; height: 0px; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #0f9ef7; content: ""; }
 .navbar-default .navbar-nav>.open>a, 
 .navbar-default .navbar-nav>.open>a:focus, 
 .navbar-default .navbar-nav>.open>a:hover { background: none;}


}

img.mob-icon { display: none;}
img.def-icon { margin-top: -3px; margin-right: 4px;}

@media only screen and (max-width: 990.98px) and (min-width: 767.99px) { 
    .navbar .dropdown-menu { position: absolute!important; width: 528px!important; margin-left:0; left: inherit; right:234px; top: -50px; border-top: none; border-right: 3px solid #0f9ef7!important; padding: 15px 0; min-width: auto; height: 80vh; overflow-y: auto;overflow-x: hidden; background: #ffffff!important; 
        border: 1px solid rgba(0,0,0,.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;box-shadow: 0 6px 12px rgba(0,0,0,.175)!important;
    
    }     
    .navbar .dropdown-user-guide {  width: 280px!important;  padding: 15px 15px 5px 15px; margin-left:0; left: inherit; right:220px; top: -45px;    height: auto;  }
    .nav>li>a { padding: 8px 0px; }
    .navbar-nav .dropdown-menu .nav>li>a>img { margin-right: 10px;}
    .navbar-nav .dropdown-menu .nav>li>a {    font-size: 14px; color: #000; font-weight: 400; padding: 0px 0; min-height: 30px;}
    .product-dropdown .nav-item:first-child { display: block; width: 100%;}
    .product-dropdown .nav-item:first-child .nav-link { display: inline-block; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #000;  }
    .product-dropdown .nav-item { width: 50%; float: left;  }
}

@media (max-width: 767.98px) {
    .navbar .dropdown-menu { background: #ffffff!important;  height: 66vh;  overflow-y: auto;overflow-x: hidden;  }    
    .navbar .dropdown-user-guide { padding: 0;  height: auto;  } 
    .navbar-nav .dropdown-menu .nav>li>a {  font-size: 13px; color: #000; font-weight: 400; padding: 6px 0; min-height:inherit; }
    .navbar-nav .dropdown-menu .nav>li>a>img { margin-right: 10px;}
    .product-dropdown .nav-item:first-child { display: block; width: 100%;}
    .product-dropdown .nav-item:first-child .nav-link { display: inline-block; margin-bottom: 0px; font-size: 16px; font-weight: 700; color: #000;  }
    .navbar .dropdown-menu div[class*="col"] {-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
  
}

/* End Menu ne */


.site-header.fixed-nav .header-inner { padding: 6px 0 }
.site-header.fixed-nav .header-last { padding: 5px 0; background: rgba(0, 0, 0, .9) }
.app-menu { border-bottom: 1px solid #eaebee }
.breadCrumb { line-height: 22px; margin-top: -2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; padding-bottom: 5px; }
.breadCrumb span { padding-left: 7px; padding-right: 7px; display: inline-block }
.breadCrumb em { font-style: normal }
.breadCrumb a { color: #fff; display: inline-block }
.breadCrumb a:hover { text-decoration: none; color: #8fcaff }
.new-launch { position: fixed; right: 0; top: 112px; text-align: right; z-index: 999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.new-launch .relative { position: relative }
.slide-toggle { cursor: pointer; width: 71px; height: 77px;
    background: url(../png/new_launch_2.png) left top
}
.slide-toggle.active {
    background: url(../png/new_launch.png) left top
}
.new-launch-block { position: absolute; top: 100%; right: 0; width: 556px; padding: 20px 25px 25px 25px; right: -556px;
    -webkit-transition: right ease-in-out .25s;
    -ms-transition: right ease-in-out .25s;
    transition: right ease-in-out .25s;
    border: #cacacd solid 1px;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    -box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3)
}

.new-launch-block.active { right: 0; background: #fff} 
.new-launch-pro { float: left }
.new-launch-info { margin-left: 190px }
.new-launch-title { font-size: 30px; font-weight: 600; line-height: 40px; color: #000; margin-bottom: 5px; margin-top: 0 }
.new-launch-info p { font-size: 15px; line-height: 22px; margin-bottom: 14px }
.new-launch-info ul { display: block; float: left; margin: 0; padding: 0; width: 100% }
.new-launch-info ul li { display: block; float: left; background: url(../png/blue_check_icon.png) left 5px no-repeat; padding-left: 24px; font-size: 16px; line-height: 22px; margin-bottom: 5px }
.free-download-btn { display: block; float: left; width: 222px; height: 44px; border-radius: 22px; margin-top: 20px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; line-height: 40px; background: #5154ff;
    background: -moz-linear-gradient(left, #5154ff 0, #278fff 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #5154ff), color-stop(100%, #278fff));
    background: -webkit-linear-gradient(left, #5154ff 0, #278fff 100%);
    background: -o-linear-gradient(left, #5154ff 0, #278fff 100%);
    background: -ms-linear-gradient(left, #5154ff 0, #278fff 100%);
    background: linear-gradient(to right, #5154ff 0, #278fff 100%)
}

.free-download-btn img { margin-left: 10px }
.free-download-btn:hover { color: #fff; background: #278fff;
    background: -moz-linear-gradient(left, #278fff 0, #5154ff 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #278fff), color-stop(100%, #5154ff));
    background: -webkit-linear-gradient(left, #278fff 0, #5154ff 100%);
    background: -o-linear-gradient(left, #278fff 0, #5154ff 100%);
    background: -ms-linear-gradient(left, #278fff 0, #5154ff 100%);
    background: linear-gradient(to right, #278fff 0, #5154ff 100%)
}
.btn-download,
.btn-newsletter { color: #fff; font-size: 1.06777rem; padding: 10px 32px 12px; line-height: 36px; background-color: #129cf6;
    -ms-box-shadow: 7px 7px 9px 1px rgba(0, 0, 0, .2);
    box-shadow: 7px 7px 9px 1px rgba(0, 0, 0, .2)
}
.btn-download:active,
.btn-download:focus,
.btn-newsletter:active,
.btn-newsletter:focus{ color: #fff }
.btn-download:hover,
.btn-newsletter:hover{ color: #fff; background-color: #0086de }
.btn-buynow { color: #fff; font-size: 1.06777rem; padding: 10px 32px 12px; line-height: 36px; background-color: #0cb041;
    -ms-box-shadow: 7px 7px 9px 1px rgba(0, 0, 0, .2);
    box-shadow: 7px 7px 9px 1px rgba(0, 0, 0, .2)
}
.btn-buynow:active,
.btn-buynow:focus { color: #fff }
.btn-buynow:hover { color: #fff; background-color: #009d33 }
.btn-buynow .syst-icon,
.btn-download .syst-icon { font-size: 24px; margin-right: 10px; vertical-align: middle; position: relative; top: -1px }
.container-950 { margin: auto; max-width: 950px; padding-left: 15px; padding-right: 15px }
.container-950:after,
.container-950:before { content: ""; display: table; clear: both }
/* Independence Day sale logo */
.indysl-logo {display: none; position: absolute;left: 445px;top: 0px;margin-top: -8px;}
.fixed-nav .indysl-logo {margin-top: 0px;width: 80px;left: 478px;}
/* Independence Day sale logo */
.osdependent .mainistabcls{display:none} 
.osdependent .mainistabcls.tabvisible{display:block} 




@media(min-width:1200px) and (max-width:1630px) {
    .container-large { max-width: 1170px }
 
    .navbar-default .navbar-nav>li>a { font-size: 1.1333rem; padding-left: 12px; padding-right: 12px} 
    .navbar-default .navbar-nav>li>a:after { left: 5px; right: calc(100% - 5px) }
    .navbar-default .navbar-nav>li.active>a:after,
    .navbar-default .navbar-nav>li>a:hover:after { right: 5px}
    .navbar-default .navbar-nav>li>a:hover:after { right: 5px}
    .indysl-logo {left: 445px;}
    .fixed-nav .indysl-logo {left: 478px;}
    .navbar .dropdown-menu { margin-left: -474px;}
    .caret { right: -4px; }
    .navbar .dropdown-menu::before { margin-left: -45px;}

    .navbar .dropdown-user-guide {  width: 280px; margin-left: -140px; padding: 15px 20px; } 
    .navbar .dropdown-user-guide::before { margin-left: -12px;} 

}

@media(min-width:993px) and (max-width:1199px) {
    .container-large { max-width: 980px }
    .navbar-default .navbar-nav>li>a { font-size: .93rem; padding-left: 10px; padding-right: 10px } 
    .navbar-default .navbar-collapse .navbar-nav { padding-right: 0 }
    .navbar-default .navbar-nav>li>a:after { left: 0; right: 100% }
    .navbar-default .navbar-nav>li.active>a:after,
    .navbar-default .navbar-nav>li>a:hover:after { right: 0 }
    .indysl-logo{left: 290px;}
    .fixed-nav .indysl-logo {left: 323px;}
    .navbar .dropdown-menu { margin-left: -354px;  width: 916px;}
    .caret { right: -4px; }
    .navbar .dropdown-menu::before { margin-left: -116px;}
    .navbar .dropdown-menu div[class*="col"] { padding-left: 5px; padding-right: 5px;  }

    .navbar .dropdown-menu { margin-left: -354px;  width: 916px;}
    .caret { right: -4px; }
    .navbar .dropdown-menu::before { margin-left: -116px;}
    .navbar .dropdown-menu div[class*="col"] { padding-left: 5px; padding-right: 5px;  }
    .navbar .dropdown-user-guide {  width: 280px; margin-left: -140px; padding: 15px 15px; } 
    .navbar .dropdown-user-guide div[class*="col"] { padding-left: 0px; padding-right: 0px;  }
    .navbar .dropdown-user-guide::before { margin-left: -12px;} 
    

}

@media(min-width:768px) and (max-width:1023px) {
    .container-large { max-width: 960px }
}

@media(min-width:992px) and (max-width:1023px) {
    /* .navbar-default .navbar-nav>li>a { font-size: .93rem; padding-left: 4px; padding-right: 4px; } */
    .indysl-logo { left: 195px; width: 66px; margin-top: 3px; }
}

@media screen and (max-width:1630px) {
    .btn-download, .btn-newsletter, .btn-buynow {
        padding: 10px 15px 12px;
    }
}

@media  (max-width:991px) {
    html { font-size: 14px } 
    main { padding-top: 58px }    
    .site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1024 }  
    .header-inner { padding: 12px 0;}
    .site-logo { margin-top: 6px; }
    .site-logo img {max-height: 20px; width: auto;}
    img.mob-icon { display: inline-block; margin-top: -3px; margin-right: 4px;}
    img.def-icon { display: none; }
    .navbar-default .navbar-nav>li>a {padding: 5px 20px; }
    .navbar-default .navbar-nav>li>a:after { display: none; }
    
    .site-header .navbar-default .navbar-toggler { border: 0; background: 0 0 !important }
    .site-header .navbar-default .navbar-collapse { width: 234px; border: 0; position: fixed; right: -234px; height: auto !important; display: block !important; top: 56px; bottom: 0; background: #111; z-index: 999}
    .site-header.fixed-nav .navbar-default .navbar-collapse { top: 45px }
    .site-header .navbar-default .navbar-collapse[aria-expanded=true] { right: 0 ; overflow: inherit; }
    .site-header .navbar-default .navbar-nav>li>a { color: #fff; font-size: 1rem }
    .site-header .navbar-default .navbar-nav>li { margin-top: 3px}
    .navbar-default .navbar-nav>li>a:after { height: 1px; margin-top: -4px }
    .site-header .navbar-default .navbar-toggler .icon-bar { position: relative; top: 0 }
    .site-header .navbar-default .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) { opacity: 0 }
    .site-header .navbar-default .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px }
    .site-header .navbar-default .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px }
    .indysl-logo{ left: auto;margin-top: -9px;right: 60px;}
    .fixed-nav .indysl-logo{ left: auto; right: 60px; margin-top: -1px;}
    .pro-header.is-visible .navbar-header {float: left; } 
    .navbar-toggler {position: relative;float: right;padding: 9px 10px;margin-top: 0;margin-right: 0;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;display: inline-block !important;} 
    .container-large {max-width: 750px;}
    .navbar-default .navbar-toggler .icon-bar {background-color: #888;}
    .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;-webkit-transition: all ease-in-out .15s;-ms-transition: all ease-in-out .15s;transition: all ease-in-out .15s;}
    .navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;}
    .navbar-header {width: 100%;}
    .site-header .navbar-default .navbar-collapse.show {right: 0;overflow: inherit;}
    .navbar-nav {margin: 7.5px -15px;}
    .site-header .navbar-default .navbar-nav > li {margin-top: 3px;}
    .nav > li {position: relative;display: block; width: 100%;}
    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
      }
      .navbar .dropdown-menu.show {
        display: inline-block !important;
      }
      .navbar .dropdown-menu div[class*="col"] {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .product-dropdown .nav-item {width: 100%;}
      .navbar .dropdown-user-guide {right: 245px; top: 5px;}
      .navbar .dropdown-menu.dropdown-user-guide div[class*="col"] {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    
} 
 

@media(max-width:767px) {
    html { font-size: 13px}
    .breadCrumb span { font-size: 11px; padding-left: 2px; padding-right: 2px}
}

@media(max-width:479px) {
    .breadCrumb { font-size: 12px }
    .indysl-logo { width: 80px; right: 50px; margin-top: -1px; }
    .fixed-nav .indysl-logo{  width: 60px; right: 50px;margin-top: 3px;}
}
@media(max-width:575px) {
.new-launch {
    display: none !important;
  }
}
@media(max-width:360px) {
    .indysl-logo { width: 60px; right: 42px; margin-top: 3px; }
    .fixed-nav .indysl-logo{  width: 60px; right: 42px;margin-top: 3px;}

}
@media(max-width:319px) {
.indysl-logo {width: 40px;right: 42px;margin-top: 6px;}
.fixed-nav .indysl-logo {width: 40px;right: 42px;margin-top: 10px;}
}