.support-banner { background:#c2d8e3 url('../jpg/banner-support.jpg') no-repeat bottom right; min-height: 308px; padding: 66px 0 45px 0; }

.support-ban-h { font-size: 48px; line-height: 58px; max-width: 560px; margin-bottom: 17px; }

.s-ban-col { background: #dae9ef; border: #b9c5ca solid 1px; float: left;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right: 16px; }
.wr-mail,
.g-queries { float: left; padding: 16px 14px; position: relative; } 
.g-queries { padding: 13px 15px; } 
.panel-body ul img,.panel-body ol img {margin: 0 0 10px -15px;height: auto;}
.panel-body ul li, .panel-body ol li {
    padding-bottom: 5px;
}
.panel-body img {height: auto;}
/* .wr-mail:before, .wr-mail:after,
.g-queries:before, .g-queries:after { border-color: #b9c5ca;
    border-right: 1px solid;
    content: '';
    display: block;
    height: 8px;
    margin-top: -6px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -4px;
    top: 50%;
    width: 0; 
}

.wr-mail:after,
.g-queries:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
} */






.s-ban-info { float: left; padding: 11px 18px;
    border-left: #b9c5ca solid 1px;  }


.s-ban-info h3 { font-size: 18px; font-weight: 600; color: #242329; line-height: 24px; margin: 0px;  }
.s-ban-info h3 a { color: #337ab7; text-decoration: underline; }
.s-ban-info p { font-size:14px; color: #242329; line-height: 20px; margin: 0px;}





.nav-item dl.dropdown { margin-bottom: 0; }
.setectlang{width:92px;}
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#000000; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #816c5b;}
.dropdown dt a {background:#ffffff url('../png/arrow-3.png') no-repeat scroll right center; display:block; padding-right:20px;
        border:1px solid #d4ca9a; width:180px;}
.dropdown dt a span {cursor:pointer; display:block; padding:3px 5px; margin-top: 2px; font-size: 13px;}
.dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none; 
            left:0px; padding:0px; position:absolute; top:2px; width:auto; min-width:74px; list-style:none; width: 100%!important; }
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#ffae00;}

.dropdown img.flag { visibility: visible; border:none; vertical-align:middle; margin-left:4px; max-height: 11px;    float: right;    margin-top: 4px;    margin-right: 2px;}
/* .flagvisibility { display:none;} */
.flagvisibility { visibility: hidden;}
@media screen and (max-width:1630px) {
    .left-menu > li > a {padding-right: 0 !important;}
    .left-menu {padding: 10px !important;}
}
@media screen and (max-width:1366px) {
    .fluid-img {
        width: auto;
        height: auto;
      }
}
@media (max-width: 767.98px) {
.dropdown dd ul { position: relative;} 
}
.header-last .select-languages dl { 
margin-bottom: 0 !important; 
}

.panel.panel-default.in .collapse { display: block; }



.panel.panel-default.show .panel-collapse{ height: auto !important; display: block !important;}
/* .panel.panel-default.show .collapse.in {display: block !important; height: auto !important;} */
.panel.panel-default.show .collapse.in {display: none !important;}
.panel-title.collapsed .collapse.in {display: none !important;}
.panel-default.show .supports-plus:after {display: none;}
/* product list page */
.support-page { margin-top: 50px;}
.left-menu>li.active>a {
    color: #000000
}

.left-menu>li>a.active {
    color: #ff6464
} 
.suports-accordion { width: 100%; float: left; }
.suports-accordion .panel-heading { border-radius: 0px;}
.suports-accordion .panel-group .panel { border: #dcdee5 solid 1px; }
.suports-accordion .panel-default>.panel-heading { background: #f8fcff; border: none; padding: 10px 15px;  }
.suports-accordion .collapse.in .panel-heading { border-top: none!important;}  

.suports-accordion .panel-title {font-size: 1rem; font-weight: 600;margin-top: 0; line-height: 1.8rem; cursor: pointer; margin-bottom: 0;  }
.suports-accordion .panel-group .panel { border-radius: 0px; margin-bottom: 20px;}
.suports-accordion .panel-default { border:none; float: left; width: 100%;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border: none; border-top: none; padding-left: 45px; padding-bottom: 30px;
background: #f8fcff; 
box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
-webkit-box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
-moz-box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
padding-right: 15px;

}

.panel-default>.panel-heading+.panel-collapse>.panel-body p { font-size: 14px; line-height: 22px; color: #333333; margin-bottom: 10px;word-wrap: anywhere; }
.panel-default>.panel-heading+.panel-collapse>.panel-body ol { display: block; width: 100%; padding: 0px 0px 0px 15px; }
.panel-default>.panel-heading+.panel-collapse>.panel-body ol li { list-style: inherit; font-size: 14px; color: #666666; margin-bottom: 8px; padding-left: 10px;  }
.highlighter-row { background-color: #fffdd4; border: solid 1px #cccccc;  margin: 15px 0px;  padding: 10px 15px;}
.panel-body-ss {  width: 100%; clear: both; margin-bottom: 30px;}
.panel-body-ss:last-child { margin-bottom: 0px;}
.panel-body-ss img { max-width: 100%;}
.font-bold { font-weight: 600;}
 .mb-0 { margin-bottom: 0px;}
 .mb-20 { margin-bottom: 15px;}

.supports-q { display: block; float: left; margin-top: 3px;}
.supports-plus {position: relative; display: block; float: right; height: 31px; width: 30px; border: 1px solid #dcdee6; overflow: hidden; }
.supports-plus:before {position: absolute; left: 50%; top:50%; width: 16px; height: 2px; background-color: #109df7; content: "";
transform: translateX(-50%) translateY(-50%);
}
.collapsed .supports-plus:after {position: absolute; left: 50%; top:50%; height: 16px; width: 2px; background-color: #109df7; content: "";
    transform: translateX(-50%) translateY(-50%);}
.supports-t { display: block; float: left; margin:4px 10px; max-width: 87%;} 

.suports-accordion .panel-group .panel.in .supports-plus:after {
    height: 0;
} 
 
.suports-accordion h4.panel-title.collapsed .supports-plus img { margin-top: 0px!important; }
.suports-accordion h4.panel-title .supports-plus img { margin-top: -40px!important;; }



.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.blue-heading { } 
.submit-ticket-head { float: left; width: 100%; margin-bottom: 30px;  }

.heading-right { font-size: 34px; line-height: 40px; font-weight: 600;
    border-bottom: 2px solid #ff6464;
    padding: 0 5% 10px 0;
    float: left;
    margin: 0px;
}

.submit-ticket-r { float: right;}
.submit-ticket-r .btn-download, 
.submit-ticket-col .btn-download,
.submit-ticket-r .btn-expend {
    border-radius: 25px;
    width: 180px;
    padding: 5px 15px 7px;
    font-size: 1rem;
    line-height: 26px;
    -webkit-box-shadow: 4px 4px 5px 1px rgb(0 0 0 / 20%);
    box-shadow: 4px 4px 5px 1px rgb(0 0 0 / 20%);
}
.btn-expend{
    float: right;
    background: none;
    padding: 0;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.8rem;
    cursor: pointer;
    color:#000000;
    margin-bottom: 20px;
    text-decoration: none;
    width: 178px;
    text-align: center;
}
.btn-expend:hover,.btn-expend:active,.btn-expend:focus{
    background: none;
    color:#000000 !important;
    box-shadow: none;

}

/* .btn-expend { background: #ff6464; margin-left: 20px; }
.btn-expend:hover {background: #fd6f6f; } */
.submit-ticket-r .btn-download img {  margin-right: 7px;}
.submit-ticket-r .btn-expend img {  margin-left: 7px;}
 

.submit-ticket-col { background: url(../png/submit-ticket-bg.png) left top no-repeat; height: 386px; width: 100%; float: left; margin-top: 20px; margin-bottom: 50px;
text-align: center; padding-top: 224px;
}

 .submit-ticket-col p { padding-left: 44px; padding-right: 44px; font-size: 16px; line-height: 20px; color: #fff; }
 .submit-ticket-col p span { font-weight: 600;}
 .submit-ticket-col .btn-download { background: #fff; color: #000000; font-weight: 600; width: 224px;   padding: 9px 10px 11px 10px; margin-top: 10px;}
 .submit-ticket-col .btn-download img { margin-left: 0px; margin-right: 8px;}
 
    .support-page {
        position: relative;
  
    }

    /* left bar */
    
    /* .support-page>.container-large>.row {
        margin: 0;
        
    } */

    .product-col-left {
        float: left;
        /* width: 344px; */
        margin-bottom: 11px;
        position: relative;
        top: 0;
        z-index: 22;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
        width: 100%;
        padding: 0 15px;
        
    }

    .product-col-left.affix {
        top: 90px;
        position: fixed
    }

    .left-bar {
        max-width: 100%;
        float: right;
        background: #f8fcff; 
        border: #d7d9e0 solid 1px;
        width: 100%;
        position: relative
    }

    .left-bar-inner {
        position: relative
    }

    .left-bar-heading {
        background: #daf0fe;
        font-size: 1.222rem;
        color: #000000;
        font-weight: 700;
        margin: 0; 
        overflow: hidden;
        padding: 15px 28px;
         
    }

    .left-bar-heading span {
        float: left;
        position: relative
    }

 

    .left-menu {
        padding: 10px 28px;
        position: relative
    }

    /* .left-menu:after {
        position: absolute;
        right: -2px;
        top: 30px;
        bottom: 30px;
        background: #18bfdf;
        width: 4px;
        content: ""
    } */

    .left-menu>li {
        padding: 5px 0;
        position: relative;
        border-bottom: #e8f0f5 solid 1px;        
    }
    .left-menu>li:last-child { border-bottom: none;}

    .left-menu>li>a {
        display: block;
        font-size: 1rem;
        color: #000000;
        font-weight: 600;
        line-height: 34px;
        padding: 5px 24px 5px 0
    }
 

    .left-menu>li.active>a,
    .left-menu>li>a:hover {
        color: #ff6464
    }

    .prd-icon {
        display: inline-block;
        width: 42px;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: 2px
    }

    .prd-icon .syst-icon {
        font-size: 24px;
        color: #000
    }

    .prd-submenu {
        position: relative;
        left: 27px;
        margin-left: 20px;
        margin-right: 10px;
        display: none
    }

    .prd-submenu>li>a {
        color: #000;
        display: block;
        line-height: 24px;
        padding: 8px 5px 8px 0
    }

    .prd-submenu>li>a:hover {
        text-decoration: underline
    }

    .leftbar-button {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 120px;
        left: 100%;
        background: #e9f1f6;
        cursor: pointer;
        text-align: center;
        line-height: 36px
    }

    .leftbar-button i {
        display: inline-block;
        width: 16px;
        height: 15px;
        background: url(../png/leftbar-arrow.png) no-repeat scroll 0 0;
        vertical-align: middle;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .leftbar-button.active i {
        display: inline-block;
        width: 16px;
        height: 15px;
        background: url(../png/leftbar-arrow.png) no-repeat scroll 0 0;
        vertical-align: middle;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
 


/* right bar */
.product-col-right {
    /* margin-left: 382px */
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
    width: 100%;
    padding: 0 15px;
}
 
 

.order-look-up {border: #dcdee5 solid 1px; 
      margin-bottom: 50px;
    padding: 30px 45px;
    float: left; max-width: 100%;
    background: #f8fcff; 
    box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
    -webkit-box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
    -moz-box-shadow: -1px 10px 10px 0px rgba(49,108,232,0.10);
    
    }
    
    .order-look-up p { font-size: 14px; line-height: 22px; color: #333333; margin-bottom: 10px; }
    .order-look-up ol { display: block; width: 100%; padding: 0px 0px 0px 15px; }
    .order-look-up ol li { list-style: inherit; font-size: 14px; color: #666666; margin-bottom: 8px; padding-left: 10px;  }
    .inputTextEmail { border: #dcdee5 solid 1px!important; padding: 7px; max-width: 100%; border-radius: 0; font-size: 14px; line-height: 22px; color: #333333;} 
    
    .look-up-email { width: 100%; float: left;}
   
    .submit-email {  margin-top: 20px; margin-bottom: 20px;
        border-radius: 25px;
        width: 180px;
        padding: 5px 15px 7px;
        font-size: 1rem;
        line-height: 26px;}



/** select section **/ 
/* .select-languages { float: right; } */
.select-languages {
    position: absolute;
    right: 15px;
    top: 1px;
    width: 180px;
    z-index: 9;
}

.header-last { background: #000000; }
.header-excellence { float: left;}
.navbar-default .navbar-nav > li:last-child > a { padding-right: 0px;}
.navbar-default .navbar-nav > li:last-child > a:hover:after, 
.navbar-default .navbar-nav > li:last-child.active > a:after { right: 0px; }

#Winlaunch { display: none!important;}

.s-hidden { visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block;  position: relative; font-size: 12px; line-height: 28px;  color: #ffffff;  border: 1px solid #5d5c5c; width: 152px; }
  
.styledSelect { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #414040; padding: 0 10px; font-weight: bold; }
.styledSelect:after { content: ""; width: 0; height: 0; border: 5px solid transparent; border-color: #ffffff transparent transparent transparent;
    position: absolute; top: 11px; right: 6px; }
  
  .styledSelect:active,
  .styledSelect.active { background-color: #707070; }
  
  .options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0 0; padding: 0 0; list-style: none; border: 1px solid #5d5c5c;
    background-color: #414040;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
.options li { padding: 0 6px; margin: 0 0; padding: 0 10px; }
.options li:hover { background-color: #39f; color: white; }













    @media(max-width:1199px) {
        .support-ban-h { font-size: 38px; max-width: 465px;}

        .heading-right { font-size: 25px;}
        .submit-ticket-r .btn-download, .btn-expend { width: 160px;}
        .submit-ticket-col .btn-download { max-width: 100%;}
        .supports-t {   width: 84%; }

        .list-right {
            padding-right: 15px
        }
        .product-col-left {-ms-flex: 0 0 38%;
            flex: 0 0 38%;
            max-width: 38%;}
            .product-col-right {
                -ms-flex: 0 0 62%;
            flex: 0 0 62%;
            max-width: 62%;
            }



    }

 

    @media(max-width:991px) {
        .support-banner { background: #c7dde6;}

        .s-ban-col { max-width: 46%; margin-right: 2%;}
        .s-ban-info { max-width: 78%;}
        .s-ban-info p { line-height: 18px; margin-top: 5px;}


        /* .product-col-left { width: 32%;} */
        .left-bar-heading { padding: 10px 10px;}
       

        .left-menu { padding: 10px 10px;}
        .left-menu>li>a { padding-right: 0px; line-height: 22px; font-size: 0.9rem;}
        .prd-icon { width: 24px; display: block; float: left; }
        .prd-icon img { max-width: 100%!important; margin-top: -5px!important;}
        .l-pro-n { margin-left: 31px; display: block;}
        .submit-ticket-col {
            background-size: 100% 100%;
            height: inherit;
            padding-top: 171px;
            width: 100%;
            float: left;
            padding-bottom: 22px;
        }
        .submit-ticket-col p { padding-left: 2%; padding-right: 2%;}
        
        .submit-ticket-r .btn-download,  
        .submit-ticket-r .btn-expend { float: right; }
        .submit-ticket-r .btn-download {  margin-left: 20px;}

        /*right bar*/
        /* .product-col-right { margin-left: 33%; padding-left: 15px; padding-right: 15px; } */

        .heading-right { font-size: 18px; margin-bottom: 15px; line-height: 24px; padding-right: 0px;}
        .supports-t { width: 88%; line-height: 22px; margin-left: 0px;}
        .supports-q { display: none;}
        .submit-ticket-col .btn-download img { display: none;}
        .submit-ticket-col .btn-download { max-width: 90%; margin-left: 5%; }

        .order-look-up { padding: 20px 20px;}
      
        .panel-default>.panel-heading+.panel-collapse>.panel-body { padding-left: 15px; padding-right: 15px;}
        



    }




    @media(max-width:767px) {


        .support-banner { padding: 48px 0 20px 0;}
        .support-ban-h { font-size: 28px; line-height: 32px;}
        .s-ban-col { width:100%; max-width: 100%; margin-right: 0px; margin-bottom: 15px; }
        .heading-right { width: 100%;}
        .supports-t { width: 83%;}

        /* .product-col-right {  padding-left: 15px; padding-right: 15px  }  */

        .submit-ticket-r .btn-download, .btn-expend{ margin-bottom: 5px;}
        .select{width:118px;}
        .dropdown dd { position: absolute; width: 100%;}
        .product-col-left, .product-col-right {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
          }

        
        

    }

    @media(max-width:479.9px) { 
        .product-col-left { width: 100%;}
        /* .product-col-right { margin-left: 0px; padding-top: 40px; clear: both;} */
        .submit-ticket-col { display: none;}
        .supports-t { width: 82%;}
        .dropdown dt a { width: 165px; }
        .s-ban-info { width: 72%;}
        .dropdown img.flag { margin-right: 1px;}
        .select-languages {width: 165px;}


    }
    
    @media(max-width:359.9px) {
        .dropdown dt a span {font-size: 12px;}
        .dropdown dt a {width: 155px;}
        .select-languages {width: 155px;}
    }