/* CSS Document */
@media (min-width: 992px) {
    .body-sticker > ul {padding: 15px 0;background: #fff;}
    .body-sticker > ul > li {position: relative;  display: inline-block;  padding: 0 8px;}
    .body-sticker > ul li .fa {display: none;}
    .body-sticker > ul > li > a {  position: relative;  font-size: 15px;  padding: 8px 0;  display: block;  font-weight: 600; color: #6a6a6a;}
    .body-sticker > ul > li > a::before {  content: '';  background: #f0832b;  width: 0;  height: 2px;  position: absolute;  bottom: 0;  left: 50%;  -webkit-transition: all .6s linear;  transition: all .6s linear;}
    .body-sticker > ul > li > a.active::before, .body-sticker > ul > li:hover > a::before {  width: 100%;  left: 0;}
    .body-sticker > ul > li ul {position: absolute;background: rgba(90, 149, 177, .8);min-width: 168px;top: 100%;left: 0;z-index: 1;border-radius: 0;/* box-shadow: 0 0 8px rgba(0,0,0,.3); */transition: ease-out opacity .3s,ease-out top .3s,ease-out transform .3s;visibility: hidden;transform: scaleY(0);transform-origin: 0 0;padding: 0;}
    .body-sticker > ul > li ul li a {display: block; white-space: nowrap;}
    .body-sticker > ul > li ul li {position: relative;border-bottom: 1px solid rgba(255, 255, 255, .6);}
    .body-sticker > ul > li:last-child ul {left: initial;right: -6px;}
    .body-sticker > ul > li > ul li ul {left: 100%;}
    .body-sticker > ul > li:last-child ul li ul {left: -100%; width: 168px}
    .body-sticker > ul > li > ul li ul {top: 0;left: 100%;padding: 0;transition: ease-out opacity .3s,ease-out top .3s,ease-out transform .3s;visibility: hidden;transform: scaleY(0);transform-origin: 0 0;}
    .body-sticker > ul > li:hover > ul {visibility: visible;transform: scaleY(1);}
    .body-sticker > ul > li > ul li:hover > ul {visibility: visible;transform: scaleY(1);}
    .body-sticker > ul > li > ul:after { content: ""; position: absolute; display: block;  height: .4px; top: -.4px; width: 100%; }
    .body-sticker > ul > li ul li > a {color: #fff;padding: 8px 10px 8px;line-height: 18px;border-left: 3px solid rgba(17, 17, 17, 0);font-size: 15px;text-align: center;font-weight: 500;}
    .body-sticker > ul > li ul li > a:hover, .body-sticker > ul > li ul li.active > a {background: #fff;color: #f0832b;}
    .body-sticker > ul > li.active > a:before, .body-sticker > ul > li:hover > a:before, .body-sticker > ul > li.active > a:after, .body-sticker > ul > li:hover > a:after {opacity: 1;}
    .body-sticker > ul > li > ul li:last-child {border-bottom: 0;}
    .fixed-sticker #sticker { background: #fff; box-shadow: 0 1px 2px #636363; }
}
@media(max-width: 992px) {
    .header {height: 56px;}
    .logo {margin: 0 !important}
    #sticker {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;visibility: hidden;z-index: 106;transition: all .6s ease-in-out;}
    #sticker.opened {visibility: visible;opacity: 1;left: 0;}
    #sticker .sticker-overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;visibility: hidden;background: rgba(0,0,0,0.5);-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;}
    #sticker.opened .sticker-overlay {opacity: 1; visibility: visible}
    .sticker-wrapper {position: relative;width: 330px;max-width: 100%;height: 100%;background: #ffffff;transition: all .35s;transform: translate(-100%,0);}
    #sticker.opened .sticker-wrapper {transform: none;z-index: 100;}
    #sticker .header-sticker {/* position: absolute; */width: 100%;top: 0;left: 0;}
    #sticker .header-sticker .title {font-size: 24px;line-height: 72px;font-weight: 700;text-transform: uppercase;color: #6a6a6a;padding: 0 50px 0 15px;font-family: "Muli", sans-serif;border-bottom: 1px solid #fff;}
    #sticker .header-sticker .close-menu {position: absolute;right: 15px;top: 15px;width: 35px;height: 35px;}
    #sticker .header-sticker .close-menu span {position: absolute;width: 18px;height: 2px;background: #000;top: 16px;left: 8px;transform: rotate(180deg);}
    #sticker .header-sticker .close-menu span:before, #sticker .header-sticker .close-menu span:after {content: '';position: absolute;border: 2px solid transparent;top: -3px;height: 8px;width: 8px;transform: rotate(45deg);right: 0px;border-top-color: #000;border-right-color: #000;display: block;z-index: 100;}
    #sticker .sticker-wrapper .body-sticker {position: relative;height: 100%;overflow: auto;}
    #sticker .sticker-wrapper .body-sticker > ul {max-height: 100%;margin: 0;list-style: none;display: block;}
    .body-sticker > ul > li {position: relative; padding: 0;border-bottom: 1px dotted #000;}
    .body-sticker > ul > li a {position: relative;color: #6a6a6a;font-size: 15px;text-transform: capitalize;padding: 5px 25px 5px 15px;font-weight: 500;display: inline-block;vertical-align: top;}
    .body-sticker > ul > li ul {list-style: none;background: #151515;display: none;padding: 0;}
    .body-sticker > ul > li ul li {position: relative;background: rgba(90, 149, 177, .8);}
    .body-sticker > ul > li ul li .fa {right: 10px}
    .body-sticker > ul > li ul li a { font-size: 13px; color: #ffffff}
    .body-sticker > ul > li > ul li.list-mb::before {color: #ffffff}
    .body-sticker > ul li:last-child {border-bottom: none}
    .body-sticker > ul li .fa {content: '';position:absolute;width: 40px;height: 33px;font-size: 20px;line-height: 33px;top: 0;right: 15px;text-align: center; transition: all .35s;}
    .body-sticker > ul li .up {transform: rotate(180deg);}
    #sticker .fr-search {position: relative;}
    #sticker .fr-search input {width: 100%;height: 40px;line-height: 40px;padding: 0 60px 0 15px;background-color: #dedede;border: none;outline: none !important;}
    #sticker .fr-search button {position: absolute;top: 0;right: 25px;height: 100%;background: none !important;color: #6a6a6a;outline: none !important;border: none;font-size: 20px;padding: 0;}
    #touch-menu {width: 30px;height: 25px;float: right;position: absolute;right: 15px;top: -15px;vertical-align: middle;z-index: 99;transition: ease-in-out .3s;}
    #touch-menu .touch-menu-inner, #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after {position: absolute;background-color: #f0832b;width: 30px;height: 4px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform;}
    #touch-menu .touch-menu-inner {display: block;margin-top: -2px;top: auto;bottom: 0;transition-delay: .13s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);transition-duration: .13s;}
    #touch-menu.opened .touch-menu-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg); }
    #touch-menu.opened .touch-menu-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg); }
    #touch-menu.opened .touch-menu-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0; }
    #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after { display: block; content: ""; }
    #touch-menu .touch-menu-inner:before {top: -10px;transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);}
    #touch-menu .touch-menu-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear; }
}
@media(max-width: 767px){
    ._wreapper .selection-content .main .box-left .list-advertisement { display:flex;margin: 0 -15px;}
}
@media(max-width: 991px) {
    ._wreapper .selection-content .main .select-title {margin: 1rem 0 0;}
    ._wreapper .selection-content .main .box-left .list-advertisement {margin: 0 -15px;}
    ._wreapper .selection-content .main .box-right .list-advertisement {display: flex; flex-wrap: wrap; margin: 0 -15px;}
    ._wreapper .selection-content .main .box-left .list-advertisement .adv, ._wreapper .selection-content .main .box-right .list-advertisement .adv {padding: 0 15px;}
    ._wreapper .selection-content .main .box-left .list-advertisement .adv img, ._wreapper .selection-content .main .box-right .list-advertisement .adv img {width: 100%}
    ._wreapper .selection-content .main .fr-horizontal .form-group:last-child {display: inline-block; margin: 0 auto 1rem}
    ._wreapper .selection-content .main .te-pagination a, ._wreapper .selection-content .main .te-pagination strong {margin-bottom: 10px;}
    ._wreapper .selection-content .main.track .desc-trackLs { padding: 15px 0 0;}
    ._wreapper .selection-content .main.track {padding: 0 0 15px}
    ._wreapper .selection-content .main.downL .item .desc h3 {font-size: 1rem}
    ._wreapper .footer ._ctent-footer .list-itemFt {flex-wrap: wrap;}
    ._wreapper .footer ._ctent-footer .list-itemFt .item {flex: 0 0 25%;margin: 0 0 15px;}
    ._wreapper .footer ._ctent-footer .list-itemFt > ul {flex-wrap: wrap;}
    ._wreapper .footer ._ctent-footer .list-itemFt > ul > li {flex: 0 0 25%;margin: 0 0 15px;}
    ._copyRight p {text-align: center;margin: 0 0 10px;}
    ._wreapper .footer ._copyRight span {padding: 0;margin: 0 auto;display: table;}
}
@media(max-width: 767px) {
    ._wreapper .header ._menu-header .logo {padding: .5rem 0;}
    ._wreapper .header ._menu-header .lang {display: block !important;}
    ._wreapper .selection-content .main.track .desc-trackLs .list-itemTr .item .ig-logtK {flex: 100%; margin: 0 0 1rem}
    .back-top {right: 15px;}
    ._wreapper .selection-content .main .t_itemRin .box-right .list-advertisement .adv {flex: 50%}
    ._wreapper .selection-content .main .select-ctent.work .item {flex-direction: column;}
    ._wreapper .selection-content .main .select-ctent.work .item .avt {flex: 100%; padding: 60% 0 0}
    ._wreapper .selection-content .main .select-ctent.work .item .desc {flex: 100%; padding: 0 10px}
    ._wreapper .selection-content .main .list-solution {flex-wrap: wrap;padding: 0 0 15px;}
    ._wreapper .selection-content .main.solution .list-solution .ic-item {flex: 33.33%}
    ._wreapper .selection-content .main.downL .item .desc h3 {font-size: .8rem} 
    ._wreapper .footer ._ctent-footer .list-itemFt .item {flex: 0 0 50%;}
    ._wreapper .footer ._ctent-footer .list-itemFt > ul > li {flex: 0 0 50%;}
    ._wreapper .footer ._copyRight .slec-lk {margin: 0 0 1rem;}
}
@media(max-width: 575px) {
    ._wreapper .selection-content .main .box-left .list-advertisement .adv, ._wreapper .selection-content .main .box-right .list-advertisement .adv {flex: 50%}
    ._wreapper .selection-content .main .list-solution .ic-item {margin: 0 0 1rem;}
    ._wreapper .selection-content .main .tab-service .nav-tabs .nav-link {padding: .5rem 1rem;}
    ._wreapper .selection-content .main .box-right .list-advertisement, ._wreapper .selection-content .main .box-left .list-advertisement {padding: 0;}
}
@media(max-width: 480px) {
    ._wreapper .selection-content .main .list-solution .ic-item a img {width: 40px;height: 40px;}

}
@media(max-width: 425px) {
    ._wreapper .header ._menu-header .lang img {width: 28px;}
    
}