#notification-bar *{margin:0;padding:0}
#notification-bar h1,#notification-bar h2,#notification-bar h3,#notification-bar h4{margin:0;padding:0;font-style:normal;font-stretch:normal}
#notification-barh5{margin:0;padding:0;font-style:normal;font-stretch:normal;letter-spacing:normal}
#notification-bar{background-color:#111;color:#fff;position:fixed;display:none;justify-content:center;width:100%;z-index:300;top:0}
#notification-bar p,#notification-bar div,#notification-bar .row{margin:0;padding:0;font-style:normal;font-stretch:normal;letter-spacing:normal}
#notification-bar .container-fluid{padding:0}
#notification-bar .notification-bar__content-text{font-size:12px;line-height:2.17;letter-spacing:.1px;text-align:center;color:#fff}
#notification-bar>.notification-bar__content{padding:7px 0;margin:0 auto}
#notification-bar>.notification-bar__content>.row>.col>a{display:inline-block;text-decoration:none}
#notification-bar>.notification-bar__content>.row>.col>a:after{content:'';display:block;border-bottom:1px dotted #fff;width:0;transition:.5s ease}
#notification-bar>.notification-bar__content>.row>.col>a:hover:after{width:100%}
#notification-bar>.notification-bar__content>.row>.col>a>span.forward-icon{font-size:12px;text-align:Center;line-height:26px;letter-spacing:.1px;color:#fff}
#notification-bar>.notification-bar__content>.row>.col>a>span.forward-icon::after{content:'\2192';padding-left:6px}
@media(min-width:768px){#notification-bar>.notification-bar__content .row{display:flex;justify-content:space-between}
}
@media(min-width:992px){#notification-bar>.notification-bar__content{max-width:821px}
}
#ms-content{margin-top:116px}
.ms-logo{background:url('../../../etc/designs/msi-occ/app/etc/assets/images/motoSolutions.png') no-repeat;height:35px;display:inline-block;float:left;margin-top:15px;background-size:100%}
.ms-header{border-bottom:0;height:64px !important}
.ms-main-nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.ms-header-primary{height:64px}
.ms-header>.ms-site-cont{z-index:200;background-color:#fff}
.buddynav-active .ms-header nav.ms-nav-buddy-menu{z-index:201}
.ms-nav-depth-0 .nav-flyout{border:0}
.nav-search-g{top:-99px !important}
#buddy_nav_close{width:45px;top:5px}
.buddynav-active .ms-header nav.ms-nav-buddy-menu{width:312px}
nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner .nav-login-name{padding:20px 30px 0}
nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner #account_logout{margin-bottom:40px}
nav.ms-nav-buddy-menu.dss-user .ms-nav-buddy-inner{overflow-y:scroll;overflow-x:hidden}
.media-modal .media-modal-close{margin-right:48px;margin-top:48px}
.ms-nav-depth-0>li.haslock>a:after{display:inline-block;position:relative;background:url('../../../etc/designs/msi-occ/app/etc/assets/images/header-footer-icons/lock-closed-24-white.svg');width:24px;height:24px;margin-bottom:-6px;right:-22px}
.ms-nav-depth-2>li.haslock>a>span{display:inline-block;background:url('../../../etc/designs/msi-occ/app/etc/assets/images/header-footer-icons/lock-closed-24.svg');width:24px;height:24px;margin-bottom:-6px}
#mobile-toggle span{display:none}
#ms-nav-main{visibility:hidden;box-shadow:none;overflow:auto;height:auto}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util{display:inline-block;align-items:center}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .close-btn#main_nav_close{display:none}
.header__icon{background-repeat:no-repeat;background-size:contain;background-position:center;height:32px;width:32px}
.header__icon--mobile-nav{background-image:url(../../../etc/designs/msi-occ/app/etc/assets/images/header-footer-icons/menu-32-blue.svg);background-repeat:no-repeat;background-position:center;width:30px;margin-left:15px}
.global-icons{display:flex;flex-direction:row-reverse;align-items:center}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane{display:inline-block;float:right}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g{background-color:transparent;border-bottom:0;position:absolute;margin-right:7px;width:100%;padding:8px;width:75%}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search .ms-search-pane>.nav-search-g .prod-cat-search-row label{color:#111}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search{height:82px;color:#111;padding:0;float:left;position:relative;margin-left:15px}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .nav-search>a{display:inline-block;height:60px;width:60px}
.ms-nav-depth-0 .ms-hide-pane{box-shadow:0 30px 40px 0 rgba(35,35,35,0.3)}
.ms-nav-depth-0 .ms-hide-pane.active{position:relative;display:block;top:0}
.ms-nav-depth-0 .nav-flyout{height:auto;visibility:visible;margin:0;border-bottom:0}
.ms-header.collapsed nav.ms-nav-main{height:100%;opacity:1}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0{height:auto}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li,.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:active,.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover{color:#fff;background-color:#343434;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.3px;border-bottom:1px solid rgba(0,0,0,.1);padding:0;margin:0}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li a,.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li:hover a{color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding-left:15px}
.ms-nav-depth-1>li{padding:0;min-width:15%;text-align:left}
.ms-flyout-list-promo{padding:13px 10px 0 20px;white-space:normal}
.ms-flyout-list{line-height:0}
.ms-flyout-list .sec-title,.ms-flyout-list a.sec-title{color:#fff;background-color:#666;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.3px;padding:17px 0 17px 30px !important;border-bottom:1px solid rgba(0,0,0,.1);text-transform:unset;margin-bottom:0}
.flyout-gutter{color:#000;background-color:#666;padding:0;margin:0;border-top:0}
.flyout-gutter a{padding-left:30px !important}
.ms-nav-links .ms-nav-depth-2{background-color:#ededed;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.29;letter-spacing:.2px;border-bottom:1px solid rgba(0,0,0,.1)}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-links.ms-nav-depth-2>li a{color:#000;padding-left:45px}
.active{display:block !important}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):hover{background:#111}
.ms-flyout-list-promo h2{font-size:12px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:1.6px;color:#343434;background:#fff;text-align:center;border-bottom:0;text-transform:uppercase}
@media screen and (max-width:767.98px){.ms-nav-depth-0 .ms-hide-pane{position:relative;overflow:hidden;top:0;right:0}
.ms-hide-pane{display:none}
.ms-nav-depth-1{width:100%}
.ms-flyout-list{width:100% !important;min-width:100% !important}
.ms-nav-links .ms-nav-depth-2{display:none}
.d-none{display:none}
#notification-bar div:first-of-type{display:inline-block;float:left;padding-left:15px}
#notification-bar div:last-of-type{float:right;padding-right:15px}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner{position:static;height:100vh}
.ms-header.collapsed nav.ms-nav-main{width:100%;margin-right:-100%;top:62px;height:auto}
.sidebar-active .ms-header.collapsed nav.ms-nav-main{margin-right:0;transition:margin 500ms;box-shadow:none}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0{width:100%;text-align:center;padding:0;float:none;left:0;max-width:100%;overflow-x:hidden;clear:both}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li{margin:0;display:block;text-align:left}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane{top:0;height:auto;z-index:5;width:100%;left:0;position:relative}
.ms-flyout-list-promo{display:none}
.ms-flyout-list.cols-2 .ms-nav-depth-2{width:100%}
.ms-nav-links .ms-nav-depth-2 li{border-bottom:1px solid rgba(0,0,0,.1)}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util{display:inline-flex;width:100%}
.ms-header.collapsed nav.ms-nav-main .ms-nav-inner .ms-nav-util>a{display:flex;justify-content:center}
.ms-nav-depth-0>li.hassub>a>span:after,.ms-flyout-list.hassub .sec-title:after{border-style:solid;border-width:1px 1px 0 0;content:' ';display:inline-block;position:relative;transform:rotate(135deg);vertical-align:top;height:9px;width:9px;float:right;top:45%;margin-right:45px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;color:#fff}
li.hassub.openlist>a>span:after,.ms-flyout-list.openlist .sec-title:after{transform:rotate(-45deg);-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.ms-nav-depth-0>.openlist>a>span{background:transparent}
.ms-nav-depth-0>li>a>span:after{border-width:0}
}
@media only screen and (max-width:984px){.ms-body-content{padding-top:0}
}
@media all and (min-width:768px) and (max-width:992px){#mobile-toggle{display:none}
#ms-nav-main{visibility:visible}
#buddy-toggle{display:inline-block}
.ms-nav-depth-0{top:58px;display:flex;justify-content:space-around;padding:0 40px}
.ms-nav-depth-0>li>a{font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.4px;color:#767676;text-align:center;margin-right:0}
.ms-nav-depth-0>li.hassub.show-fly>a{color:#232323}
.ms-flyout-list .sec-title,.ms-flyout-list a.sec-title{background-color:transparent;font-size:10px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:1.4px;color:#232323;border:0;text-transform:uppercase;padding-left:40px}
.ms-flyout-list a{color:#343434}
.ms-nav-depth-0 a:hover>span,.ms-nav-depth-0 a:active>span,.ms-nav-depth-0>li.hassub.show-fly>a>span{border-bottom:solid 3px #111}
.ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane{text-align:left;padding-bottom:40px;top:57px}
.ms-nav-depth-1>li{width:50% !important;background-color:transparent}
.ms-nav-links .ms-nav-depth-2{background-color:transparent;border:0;padding-left:30px}
.ms-flyout-list.cols-2 .ms-nav-depth-2{width:100%}
.ms-flyout-list-promo.promo-first{display:none}
.nav-search-g{margin-right:0}
}
@media all and (min-width:768px){#ms-nav-main{overflow:unset}
.notification-bar__content .row .d-md-block{display:block !important}
.ms-hide-pane-login{right:-19px}
#nav_links{white-space:nowrap !important}
.ms-nav-depth-0>li.haslock>a:after{display:inline-block;background:url('../../../etc/designs/msi-occ/app/etc/assets/images/header-footer-icons/lock-closed-24.svg');width:24px;height:24px;margin-top:-10px;right:-6px}
.flyout-gutter{background-color:transparent;margin-top:28px}
.ms-nav-depth-0>li>a:hover{cursor:pointer}
li.haslock>span.sec-title{width:auto}
li.haslock>span.sec-title:after{content:'';display:inline-block;position:relative;background:url('../../../etc/designs/msi-occ/app/etc/assets/images/header-footer-icons/lock-closed-24.svg');width:24px;height:24px;margin-bottom:-6px;right:-12px;padding-left:30px;padding-top:28px}
}
@media screen and (min-width:768px) and (max-width:1055.98px){.ms-nav-main{height:100% !important;position:relative}
.ms-nav-depth-0{background-color:#fff;width:100%;text-align:center;padding:0;float:none;left:0;max-width:100%;position:fixed;top:64px;margin:0}
.ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane{max-height:75vh;top:58px;left:0;overflow-y:scroll;z-index:5;width:100%;position:absolute;box-shadow:0 30px 40px 0 rgba(35,35,35,0.3);background-color:#fff}
.ms-nav-depth-0>li.hassub.show-fly .nav-flyout{visibility:visible;height:auto}
.ms-nav-depth-1{position:relative}
.ms-flyout-list.w-50{width:50%;min-height:350px}
}
@media all and (min-width:992px){#ms-nav-main{visibility:visible;overflow:visible}
.ms-nav-depth-0 .nav-flyout{background:rgba(255,255,255,1)}
#buddy-toggle{display:inline-block}
.ms-flyout-list .sec-title,.ms-flyout-list a.sec-title{font-size:12px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:1.6px;color:#343434;background:#fff;text-align:left;border-bottom:0;text-transform:uppercase;white-space:normal}
li.haslock>span.sec-title{padding-left:0 !important}
li.haslock>span.sec-title:first-of-type{padding-left:30px !important}
.ms-nav-links .ms-nav-depth-2{background-color:#fff;border-bottom:0}
.ms-nav-depth-0>li.hassub.show-fly>a{color:#111}
.ms-nav-depth-0>li.hassub.show-fly>a>span{border-bottom:3px solid rgba(17,17,17,1);width:48px;margin:0 auto}
.ms-nav-depth-0 a:hover>span{border-bottom:3px solid rgba(17,17,17,.1);width:48px;margin:0 auto}
.ms-nav-links .ms-nav-depth-2 a{font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:.4px;color:#232323;text-align:left;float:left;padding-left:30px;text-decoration:none !important;display:inline-block;width:auto;clear:both;white-space:initial}
.ms-nav-links .ms-nav-depth-2 a:hover{color:#005cb9}
.font__link--animate{color:#005cb9;text-decoration:none !important;display:block}
.ms-nav-links .ms-nav-depth-2 a:after{content:'';display:block;border-bottom:1px dotted #005cb9;width:0;transition:.5s ease;text-decoration:none}
.ms-nav-links .ms-nav-depth-2 a:hover:after{width:100%}
.ms-nav-depth-1:before,.ms-nav-depth-1:after{content:none}
.ms-header{height:64px;border-bottom:0}
.header__icon--mobile-nav{display:none}
.ms-nav-depth-0 .nav-flyout{border:0;padding-bottom:30px;box-shadow:0 30px 40px 0 rgba(35,35,35,0.3)}
.ms-nav-depth-0 .nav-flyout:before{background:#fff;border:0}
.ms-nav-depth-0>li>a{font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:.4px;color:#767676;margin-right:40px}
.ms-flyout-list{width:auto}
.ms-flyout-list:last-of-type{margin-right:30px}
.flyout-gutter{background-color:#fff;text-align:left;padding-left:0;padding-top:28px}
.ms-nav-links .ms-nav-depth-1{display:flex;justify-content:space-between;align-items:flex-start}
.ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane{position:fixed;width:100%;left:0;right:0;overflow-y:auto}
.nav-search-g{margin-right:0}
}
@media screen and (min-width:1056px){.ms-header>.ms-site-cont{padding:0 15px;width:auto;min-width:300px;max-width:100%}
.ms-header-primary{display:block;width:100%;position:relative}
.ms-nav-main{position:relative}
.ms-nav-inner{width:100%}
.ms-nav-depth-0{text-align:center;width:80%;margin-left:23px}
.ms-nav-depth-0 .ms-hide-pane:hover{width:100%;position:fixed;left:0;right:0;top:58px}
.ms-nav-depth-0 .nav-flyout{height:auto}
.ms-flyout-list.w-16{width:16.66%}
}
@media all and (min-width:1527px){.ms-nav-depth-0>li.hassub.show-fly .ms-hide-pane{position:fixed}
}