/* 444019 Custom/Seamless */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --purple: #151533;
    --purple-hover: rgb(190, 199, 213);
    --dark-purple: #161634;
}
body{font-family:"Montserrat", sans-serif; color:#000;}
.fullWidthHeaderZone{display:none;}
.container_12 .grid_12{margin:0;}
a, a:link, a:visited{color:var(--purple) !important}
a.btn{background:var(--purple) !important; border-radius:5px !important;}
a.btn:hover{background:var(--purple-hover) !important}
h1, h2{font-family:"Montserrat", sans-serif; color:var(--purple); text-align:center;}
h3, h4, h5, h6{font-family:"Montserrat", sans-serif;}
body:not(.Home) .sectionWrap{max-width:1400px;}

html{scroll-behavior:smooth}
#search {padding-top: 100px; margin-top:-100px;}
body:not(.Home) #search{padding-top:0; margin-top:0;}

/* HEADER */
.headerRow2{display:block; max-width:unset; height:84px; display:flex; align-items:center;}
.headerZone2{display:none;}
.headerZone3{width:95% !important; max-width:unset; padding:0; margin:0 auto; display:flex; align-items:center; float:none; grid-gap:0; justify-content:inherit;}
.headerZone3 .Menu{width:70%; margin:0 0 0 15%; float:left;}
.headerZone3 .menu{background:none; height:unset; line-height:unset; top:unset; left:unset; margin-bottom:0; display:flex; justify-content:center;}
.headerZone3 .menu ul{margin-bottom:0;}
.headerZone3 .Menu .menu ul li{padding:0 40px;}
.headerZone3 .menu a{color: var(--purple); text-transform:uppercase; font-size:15px;}
.headerZone3 .menu .arrow-right:after{content:"\f105"; font-family:FontAwesome; font-size:12px; color: var(--purple); margin-left:5px; position:relative; top:-2px; transition:all .25s ease-in-out;}
.headerZone3 .menu a:hover, .headerZone3 .menu a.arrow-right:hover:after{color: var(--purple-hover); transition: all .25s ease-in-out}
.menu ul.dropdown{border:none; padding-top:20px;}
.headerZone3 .Menu .menu ul.dropdown li{padding:0 7.5px;}
.headerZone3 .Menu .menu ul.dropdown li a span{font-size:15px; line-height:30px; padding:0; font-weight:400; color:var(--purple);}
.headerZone3 .Menu .menu ul.dropdown li:hover a span{color:var(--purple-hover)}
.headerRow2b{border-bottom:40px solid var(--purple);}
.Home .headerRow2b{border-bottom:0;}
.headerZone4{width:90% !important; margin:0 auto !important; display:flex; justify-content:space-between; align-items:center; float:none;}
.Home .headerZone4{width:100% !important;}
.Home .headerZone4 .Content{display:none;}
.headerZone4 .Content{display:block; flex:15%}
.headerZone4 .Content:last-child{display:none;}
.project-buttons{float:right;}
.project-buttons .aiabtn{background: var(--purple); border-radius:5px; color:#fff !important;}
.project-buttons .aiabtn:hover{background: var(--purple-hover)}
.Project .mainZone7a{margin-bottom:60px;}

header .logo{padding:10px 0;}

/* SHOPPING CART */
.ShoppingCart{color:var(--purple) !important}
header .shoppingCart-container .btnTxt{font-size:0;}
header .shoppingCart-container .btnTxt:before{background:none; content:""; font-family:FontAwesome; color:#fff; background: var(--purple); line-height:34px; font-size:16px; font-weight:400; height:34px; width:34px; border-radius:5px;}
header .shoppingCart-container .btnTxt:after{content:""; background:url(https://cdn.asicentral.com/esp-websites/109480/444019/custom/cart-icon.png); width:22px; height:22px; position:absolute; display:block; background-size:cover; top:9px; left:7px;}
header .shoppingCart-container .btnTxt span{border:1px solid var(--purple); width:20px; height:20px; position:absolute; color:var(--purple); font-size:10px; line-height:17px; text-align:center; border-radius:50px; top:-7px; right:-12px; background:#fff; padding-left:2px; transition:all .25s ease-in-out;}
header .shoppingCart-container .btnTxt:hover:before{background:var(--purple-hover); transition:all .25s ease-in-out;}
.shopping-cart-header h5{color:var(--purple)}
.bootstrap-container .btn{letter-spacing:0;}
.bootstrap-container .btn-primary{background-color:var(--purple);}
.bootstrap-container .btn-primary:hover{background-color:var(--purple-hover);}
.bootstrap-container .btn-link{color:var(--purple);}
.bootstrap-container .btn-link:hover{color:#000;}
.shoppingCart-container .bootstrap-container .hide{display:none !important;}
.bootstrap-container .btn-sm{font-size:14px;}

/* SEARCH BAR */
.Home .QuickSearchBasic{max-width:640px; margin:0 auto; border:1px solid var(--purple); border-radius:5px; height:38px; flex:70%;}
body:not(.Home) #search{max-width:640px; margin:0 auto; border:1px solid var(--purple); border-radius:5px; height:38px; flex:70%;}
.ui-helper-hidden-accessible{display:none !important;}

.Home .QuickSearchBasic{margin-bottom:84px;}
.ProductResults #search, .ProductDetails #search{padding-top:0}
.QuickSearchBasic .search-keyword{width:95%;}
.QuickSearchBasic input[type="text"]{border:none; min-width:unset; width:100%;}
.QuickSearchBasic .search-keyword input {font-size: 0px; position: absolute; top: 0px; width: 100%; left: 0px;right: 0px; text-align: left; background:none;}
.QuickSearchBasic .search-keyword input:active, .QuickSearchBasic .search-keyword input:focus {font-size: 18px; background: #fff; padding-left: 20px; height:36px;}
.QuickSearchBasic .search-keyword:before {content: "Search Here"; font-size: 18px; color: #000; text-align:center; width:100% !important; display:block; height:38px; line-height:35px;}
.QuickSearchBasic .buttons a:before{content:""; position:absolute; right:10px; display:block; top: 17px; font-size:0; background:url(https://cdn.asicentral.com/esp-websites/109480/444019/custom/search-icon.png); width:25px; height:25px; background-size:cover; background-repeat:no-repeat}
.QuickSearchBasic .buttons a.btn{background:none !important; font-size:0;}


/* INTRO TEXT */
.introText{max-width:640px; margin:84px auto 0 !important; float:none; display:block}
.introText h1{font-size:22px; color: var(--dark-purple); letter-spacing: 4.4px; font-weight:700; font-family:"Montserrat", sans-serif; line-height:37.5px; margin: 0 auto 34px; text-align:center;}
.introText p{font-size:18px; color: var(--dark-purple); font-weight:700; line-height:37.5px; text-align:center;}

/* SOCIAL FEED */
.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled{display:none;}

/* FOOTER */
.FooterZone5{background:var(--purple); display:flex; flex-wrap:wrap; min-height:368px; align-content:center; width:100%; margin:0 auto;}
.FooterZone5 .Content{padding:0; flex:100%;}
.FooterZone5 .Content:first-child{padding: 0 0 10px 0; margin-top:-40px;}
.FooterZone5 .Logo .logo img{max-width:120px; max-height:unset; margin:0 auto; display:block}
.FooterZone5 .Logo .logo{padding:0;}
.FooterZone5 .Logo .logo a{padding:0; margin:0;}
.FooterZone5 .SocialLinks{text-align:center; margin-top:5px; margin-bottom:15px; flex:100%}
.FooterZone5 ul.social{display:flex; align-content:center; justify-content:center; flex-direction:row-reverse;}
.FooterZone5 #btnIconLink:before{font-size:24px; font-weight:400;}
.FooterZone5 .socialLinks ul li{padding:0 5px;}
#foot-copyright{font-size:13px; color:var(--purple-hover);}
#foot-copyright a{text-decoration:none; color:var(--purple-hover) !important}
#foot-copyright a:hover{text-decoration:underline; color:var(--purple-hover);}

/* PRODUCT RESULTS */
.ProductResultsBasic{width:90%; margin-left:auto; margin-right:auto;}
.resultsViews{display:none !important;}
.prodTileWrap .Addiv .col4{width:23% !important;}
.prodTileWrap .Addiv .col4 div:last-child{border-bottom:0 !important}
.ProductResults .ui-widget-header h5{color:#000;}
.ProductResults .button, .ProductResults input[type="submit"]{height:30px; padding:0 7px !important; line-height:30px !important; color:#fff; background-color:var(--purple); border-radius:5px; transition: all .25s ease-in-out}
.ProductResults .button:hover, .ProductResults input[type="submit"]:hover{background-color:var(--dark-purple); transition:all .25s ease-in-out}
.ProductResults input[type="text"]{height:30px; line-height:30px;}
.ProductResults .productListControls label{display:inline;}
.ProductResults .prodTileWrap{border-bottom:0;}
.Addiv{overflow-y:auto; width:100%;}
.Addiv .col4{width:25% !important}
.prodImg .qk-vw a{background:var(--purple);}
.prodImg .qk-vw a:hover{background:var(--purple-hover)}
.prdrebMain h6 .btnTxt{font-size:16px; text-transform:uppercase;}

/* PRODUCT DETAILS  */
.ProductDetails .prodImage{position:relative; width: auto !important; margin:0 auto;}
.ProductDetails .prodImg ._p_a_tag > img{margin:0 auto !important; display:block;}
.ProductDetails .pageControls a:link{color:#888 !important;}
.ProductDetailVS i{background:none;}
.ProductDetailVS i:before{content:"\f019"; font-family:FontAwesome; font-size:18px; font-weight:400; font-style:normal; }
.virtualsample .virtualsampleIcon{background:none !important}
.virtualsample .virtualsampleIcon:before{content:"\f5ae"; font-family:FontAwesome; color:#fff; font-size:18px; font-weight:400; font-style:normal; top:-8px; position:relative;}
#customWidget{position:absolute !important;}
.Virtual.Samples a.btn{background: var(--purple) !important;}
.ProductDetailsBasic .prdrebMain{grid-template-columns: 25% auto !important;}
.ProductDetails .grid_8.omega{width:auto;}
.attributesContainer h1{text-align:left;}
.QuickRequest a.btn{background:#151533; margin-right:10%;}
.QuickRequest a.btn:hover{background:rgb(190, 199, 213);}

.Addiv{display:none;}

@media screen and (min-width:768px) and (max-width:1200px){
    .prodTileWrap{grid-template-columns:auto auto auto !important;}
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .headerZone3 .Menu{width:80%; margin: 0 0 0 10%;}
    .ProductResultsBasic{width:90%; margin:0 auto;}
    .prdrebMain{grid-template-columns:30% auto !important;}
    .prodTileWrap{grid-template-columns: 31% 31% 31% !important}
    .ProductDetailsBasic{width:90%;}
    .ProductDetailsBasic .prdrebMain{grid-template-columns: 35% 60% !important; gap: 5%;}
    .ProductDetails .prodImage{width:100% !important;}
    .ProductDetails .grid_8.omega{width:100% !important;}
    .ProductDetails .prodImg ._p_a_tag > img{width:100%; height:100%;}
    .QuickSearchBasic{flex:45%; max-width:625px;}
    
}

/* MOBILE */
@media screen and (max-width:480px){
    nav.mobile-menu a.toggle-nav{padding:35px 15px;}
    body > nav.mobile-menu, nav.mobile-menu{left:0; top:0; background:none; width:50%;}
    nav.mobile-menu a.toggle-nav{font-size:0;}
    nav.mobile-menu .mobile-menu-icon:after, nav.mobile-menu .mobile-menu-icon:before{background:#000;}
    nav.mobile-menu .mobile-menu-icon span{background:#000}
    nav.mobile-menu > ul{background:#fff; box-shadow:none; border:1px solid #000;}
    .headerZone3{width:90% !important; justify-content:end;}
    .ShoppingCart .Cart #shoppingCart{right:unset; left:-300px; width:335px;}
    .sectionWrap{padding:0;}
    .project-buttons a{font-size:11px;}
    .headerZone4{flex-wrap:wrap;}
    .headerZone4 .Content:first-child{flex:50%; order:0;}
    .headerZone4 .Content{flex:50%; order:1;}
    .headerZone4 .Content:nth-child(2){order:1;}
    #search{order:2}
    body:not(.Home) .mainZone1{width:90%; }
    .introText{margin-top:30px !important;}
    .prdrebProduct{width:90% !important;}
    .ProductDetailsBasic .prdrebMain{grid-template-columns:auto !important;}
    .ProductDetails .prodImage{width:66% !important;}
    .prodDetail{padding-left:0;}
    .prdrebMain .prodDetail.grid_8.omega{width:75% !important; display:block !important;}
    .Home .mainZone7a{margin-bottom:50px;}
    .Home .mainZone8 .Content{margin-bottom:0;}
}