@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
     font-family:'poppins';
}
 #topHeader{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     background-color:#222;
     color:#fff;
     padding-right:50px;
     padding-left:50px;
     font-family:"Poppins", sans-serif;
     height:42px;
}
 #topHeader p{
     margin:0;
}
 .redLinks{
     color:#ed272e;
     cursor: pointer;
}
 #topRight ul{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
         -ms-flex-align:center;
             align-items:center;
     list-style-type: none;
     padding-left:0;
     margin:0 
}
 #topRight ul li{
     padding:3px;
}
 #mainHeader{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     width:100%;
     padding:20px 0 
}
 #middleHeader{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     width:100%;
}
.mainNavLink{
      display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     padding:25px 15px;
    transition: 0.2s ease-in
}
 #middleHeader li a{
     color:#000;
     text-transform: uppercase;
     font-size:13px;
     font-family:"Poppins", sans-serif!important;
     font-weight:500;
}
 #middleHeader li a:hover{
     color:#cf2e2e;
     transition: 0.2s ease-in
}
 #rightHeader{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding-right:65px;
}
 #navList{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack: start;
         -ms-flex-pack: start;
             justify-content: flex-start;
     max-width:1039px;
     width:100%;
}
 #desktopNav{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     list-style-type: none;
     max-width: 650px;
     width:100%;
     position: relative;
}
 .hoverBorder{
     background:white;
     width:100%;
     height:2px;     
}
 .dropTab:hover > .hoverBorder{
     background:#e24646;
     display:block;
     -webkit-animation-name: borderWidth;
             animation-name: borderWidth;
     -webkit-animation-duration: 0.2s;
             animation-duration: 0.2s;
}
 #mobileNav{
     display:none;
}
 #user{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:vertical;
     -webkit-box-direction:normal;
         -ms-flex-direction:column;
             flex-direction:column;
     -webkit-box-align:center;
         -ms-flex-align:center;
             align-items:center;
     font-size:16px;
     margin-left:10px;
}
 .dropTab:hover{
     color:#cf2e2e!important 
}
 .dropBox{
     display:none;
}
 .dropTab:hover > .dropBox{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     position: absolute;
     list-style-type: none;
     top:75px;
     z-index: 999999;
     background-color:#fff;
     box-shadow:rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;
     padding: 15px;
     width:150px;
}
 .dropBox li{
     padding: 5px 0;    
}

 .dropBox li a:hover{
     color:#cf2e2e!important;
     transition:0.2s ease-in;
}
.dropBoxTab{
    font-weight:400!important;
    transition:0.2s ease-in;
    text-transform:capitalize!important;;
}
 #searchButton {
     display: block;
     color: #000;
     z-index: 500;
     font-size: 15px;
     margin: 2px 5px;
}
 #searchButton:hover {
     cursor: pointer;
}
 #searchBox {
     margin: 0 auto!important;
     vertical-align: top;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     position: relative;
     max-width: 800px;
     width: 100%;
     top: 31px;
     left: 0;
     z-index: 100000;
}
 #searchEngine {
     width: 100%;
     margin: 0 auto;
     z-index: 100;
     position: relative;
     overflow: hidden;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     height: 0;
     padding: 0 15px;
     right: 0;
     background: #fff;
}
 #searchInputBox {
     display: inline-block;
     vertical-align: top;
     border-bottom: 1px solid #000;
     background: transparent;
     border-right: 0px;
     height: 45px;
     width: calc(100% - 60px);
}
 #searchInputBox input {
     border: 0px;
     background: transparent;
     margin: 2px;
     padding: 0px 0px 10px;
     width: 100%;
     font-size: 26px;
     color: #000;
     font-weight: 300;
}
 #searchSubmitBtn {
     vertical-align: top;
     background: transparent;
     line-height: 45px;
     padding: 0px 15px 0px 10px;
     color: #fff;
     cursor: pointer;
     border-bottom: 1px solid #fff;
     margin-left: -5px;
     font-size: 18px;
     display: inline-block;
}
 #logo {
     padding-left:50px;
     width:150px;
}
 #logo img{
     width:170px;
}
 footer{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 #topFooterFlex{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
}
 #topFooter {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     width: 100%;
     background-color:#efefef;
}
 #topFooterflex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
}
 #bottomFooter{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     background:#383838;
     width:100%;
     padding:25px 0;
     color:#fff;
}
 #bottomFooterFlex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     width: 100%;
     max-width: 1600px;
     margin:0 auto;
}
 #mailListSub {
     background-color: #e24646;
     color:#fff;
     font-weight:700;
     letter-spacing: 1.5px;
     padding: 10px 25px;
}
 #mailListSub:hover{
     background-color:#000;
}
 #termsAndCards{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     max-width: 200px;
     width:100%;
}
 #termsAndCards a{
     color:#e24646;
}
 #terms{
     padding-bottom:15px;
}
 #middleBottom a{
     color:#fff;
     font-weight:400;
     padding:0 15px;
}
 #middleBottom a:hover{
     color:#b34242;
}
 .fa-facebook, .fa-instagram, .fa-pinterest{
     color:#3b5998;
     font-weight:400;
     font-size:15px;
}
 .fa-facebook:hover, .fa-instagram:hover, .fa-pinterest:hover{
     color:#b34242;
}
 .fa-twitter{
     color: #1ea1f3 
}
 .fa-youtube{
     color:#b34242 
}
 .hamburger {
     display: none;
}
 .hamburger.active .top-bar {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
}
 .hamburger.active .middle-bar {
     opacity: 0;
}
 .hamburger.active .bottom-bar {
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
     top: 50%;
}
 .top-bar , .middle-bar, .bottom-bar {
     width: 22px;
     height: 2px;
     background-color: #fff;
     position: absolute;
     right: 50%;
     -webkit-transition-delay: 0.1s,0.2s;
          -o-transition-delay: 0.1s,0.2s;
             transition-delay: 0.1s,0.2s;
     -webkit-transition-duration: 0.1s,0.1s;
          -o-transition-duration: 0.1s,0.1s;
             transition-duration: 0.1s,0.1s;
     -webkit-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
             transition-timing-function: ease-in-out;
     left: calc(50% - 11px);
     border-radius: 5px;
}
 .top-bar {
     top: calc(50% - 7px);
     -webkit-transform-origin: 11px 1px;
         -ms-transform-origin: 11px 1px;
             transform-origin: 11px 1px;
}
 .middle-bar {
     top: 50%;
}
 .bottom-bar {
     top: calc(50% + 7px);
}
 #back-to-top-btn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     background-color: #000;
     color: #fff;
     border: none;
     border-radius: 5px;
     padding: 10px 15px;
     cursor: pointer;
     font-size: 16px;
     opacity: 0;
     -webkit-transition: opacity 0.3s ease;
     -o-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
    /* Smooth fade transition */
     z-index: -1;
}
 #back-to-top-btn.ios {
     display: block;
}
 #back-to-top-btn.visible {
     display: block;
     opacity: 1;
     z-index: 1001;
     -webkit-transition: opacity 0.3s ease;
     -o-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
    /* Smooth fade transition */
}
 #back-to-top-btn:hover {
     background-color: #666;
}
 #back-to-top-btn i {
     width: 12px;
     height: 16px;
     font-size: 1rem;
}
 @media only screen and (max-width: 977px) {
     #mobileNavList{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         padding-right:500px;
         width:100%;
    }
     #blackCanvas.show{
         background: rgba(0,0,0, 0.5);
         position: fixed;
         margin-top:-250px;
         padding:50%;
         height: 100%;
         z-index: 50 
    }
     #naviconSet{
         border-top:1px solid #eee;
    }
     #mobileNav #navSocial{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         -webkit-box-align: end;
             -ms-flex-align: end;
                 align-items: flex-end;
         height:100%;
         width:100%;
    }
     #navSocial{
         border-top:1px solid #eee;
    }
     #navSocial .fab{
         margin-top:15px;
         padding:0 43px;
         color:#aaa 
    }
     #navSocial .fab:hover{
         color:#cf2e2e;
    }
     #mobileNavStore{
         padding:12px 0;
         font-size:18px;
         width:100%;
         border-top:1px solid #eee;
         border-bottom:1px solid #eee;
    }
     #mobileNavStore a{
         color:#000;
         padding-left:20px;
         font-size:14px;
    }
     #mobileMenuMain{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         width:100%;
    }
     #mobileMenuMain.active{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
    }
     #mobileMenuMain.hide{
         display:none;
    }
     #mobileMenuSecondary{
         display:none;
         width:100%;
    }
     #storeTab{
         padding-left:0;
         list-style-type: none;
    }
     #mobileMenuSecondary.active{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
    }
     #topHeader{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-align:center;
             -ms-flex-align:center;
                 align-items:center;
         height:auto;
    }
     #desktopNav{
         display:none;
    }
     #mobileNav{
         display:none;
    }
     #mobileNav.show{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-align: end;
             -ms-flex-align: end;
                 align-items: flex-end;
         list-style-type: none;
         background:#fff;
         padding-left:10px;
         padding-right:10px;
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         margin-top:0;
         margin-right:600px;
         margin-bottom:500px;
         height:100%;
         max-width: 420px;
         width:100%;
         z-index: 9999;
    }
     #menuTabStore{
         background: #f9f9f9;
    }
     #mobileMenuSelection{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         width:100%;
         padding-top:10px;
         cursor:pointer;
    }
     #menuTab{
         width:100%;
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: start;
             -ms-flex-pack: start;
                 justify-content: flex-start;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         font-size:14px;
         color:#aaa 
    }
     #mobileMenuSelection{
         margin-top:-12px;
    }
     #menuTab{
         padding:15px;
    }
     #menuTabStore{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         color:#aaa;
         width:100%;
         border:1px solid #eee;
         padding:15px;
    }
     .fa-bars,.fa-th-large{
         padding-right:6px;
    }
     #menuSelectionTabs{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         width:100%;
    }
     #mobileNav #navTitle{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
         width:100%;
         font-size:14px;
         font-weight: bold;
         margin-top:15px;
         margin-bottom:15px;
    }
     .mobiledropTab{
         padding:12px 0;
         font-size:18px;
         width:100%;
         border-top:1px solid #eee;
    }
     .mobiledropTab:hover{
         background-color:#f9f9f9 
    }
     .mobiledropTab a{
         color:#000;
         padding-left:20px;
         font-size:14px;
    }
     .mobiledropTab a:active{
         color:#cf2e2e;
    }
     #mobileNav .mobileDropBox{
         display:none 
    }
     #mobileNav .mobileDropBox.show{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         text-align:left;
         list-style-type: none;
         padding-left:0;
         background-color:#fff;
    }
     .mobileDropBox li{
         padding-top:10px;
    }
     .mobileDropBox li:hover{
         background-color:#d6d6d6;
    }
     .mobileDropBox a{
         color:#000;
         padding-right:15px;
    }
     #rightHeader{
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-align:center;
             -ms-flex-align:center;
                 align-items:center;
    }
     .hamburger {
         background-color:#cf2e2e;
         width:5px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         -webkit-box-align: end;
             -ms-flex-align: end;
                 align-items: flex-end;
         cursor: pointer;
         padding: 20px;
         position: relative;
         z-index: 99 
    }
     .fa-search{
         padding:0 15px 
    }
     .fa-user{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         font-size:26px;
    }
     .showMobileangle.rotate180 {
         -webkit-transform: rotate(180deg);
             -ms-transform: rotate(180deg);
                 transform: rotate(180deg);
    }
     .fa-angle-down::before {
         content: "\f107";
    }
     .showMobileangle {
         display: inline-block !important;
         vertical-align: middle;
        /*! padding: 1.2rem .5rem;
         */
    }
}
 @media screen and (max-width:727px){
     #topFooterflex{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         padding-top:65px;
    }
     #termsAndCards{
         padding-top:15px;
    }
     #middleTop{
         padding:35px;
    }
     #bottomFooterFlex{
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-align:center;
             -ms-flex-align:center;
                 align-items:center;
    }
     #middleBottom{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         margin:25px 0;
    }
     #leftBottom{
         font-size:15px;
    }
     #middleBottom a{
         margin:5px 0;
         font-size:15px;
    }
}
 @media screen and (max-width:657px){
     #mobileNav.show{
         width:320px;
    }
     #navSocial .fab{
         padding: 0 30px 
    }
}
 @media only screen and (max-width: 600px) {
     #back-to-top-btn {
         bottom: 10px;
         right: 10px;
         font-size: 14px;
    }
}
 @media screen and (max-width:539px){
     #mobileNav.show{
         width:280px;
    }
     #navSocial .fab{
         padding: 0 20px 
    }
}
 @media screen and (max-width:491px){
     .hamburger{
         position: absolute;
         top:0;
         right:0;
    }
     #mobileNav.show{
         width:260px;
    }
     #navSocial .fab{
         padding: 0 10px 
    }
}
 @-webkit-keyframes borderWidth{
     0%{
         width:0% 
    }
     100%{
         width:100%;
    }
}
 @keyframes borderWidth{
     0%{
         width:0% 
    }
     100%{
         width:100%;
    }
}