/* UNBOXED TEMPLATE */

@charset "utf-8";
/* CSS Document */
@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,600);


/* OVERRIDES */
body {width:100%; padding:0px; margin:0px auto; float:none; font-family: 'Poppins', sans-serif!important; font-size: 14px; line-height: 24px; overflow-x: hidden; font-weight: 300; color: #111;}
p {font-weight: 300;}
.Banner .inner .pagerBtn {float: left;}
.Banner .inner .btns {float: right;}
.container_12 {width: 100%!important; margin: 0px auto; padding: 0px!important;}
.footer {margin: 0px auto; width: 90%; max-width: 1200px;}
.container_12 .grid_12.mainZone1 {width: 100%; display: block; float: left;}
.Home .container_12 .grid_12.mainZone1 {width: 100%!important; max-width: 100%; padding-top: 0px;}
.container_12 .grid_9 {width: 75%!important;}
.container_12 .grid_4 {width: 30%!important; margin-right: 2%;}
.container_12 .grid_8 {width: 66%!important;}
.container_12 .grid_3 {width: 23%!important; margin-right: 2%;}
.container_12 .grid_9.headerZone3 {width: 77%!important; box-sizing: border-box;}
.container_12 .grid_3.headerZone2 {width: 20%!important; box-sizing: border-box;}
.container_12 .grid_6 {width: 50%!important; box-sizing: border-box;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin: 0px}
a, a:link, a:visited {color: #276a89;}
a:hover, a:active, a:focus, a.selected {color: #111; text-decoration: none;}
h1, h2, h3, .attributesContainer h1 {color: #276a89;}
h1 {font-size: 36px;}
h2 {font-size: 28px; text-transform: uppercase; line-height: 36px;}
.sectionWrap {max-width: 1200px; width: 90%!important; margin: 50px auto;}
.Home .sectionWrap {width: 100%!important; max-width: 100%; margin: 0px;}
.button, a.btn, .btn {background: #f8ba1b; border-radius: 5px; padding: 15px 30px; border: none; color: #111; text-transform: uppercase; font-size: 16px;}
.button:hover, a.btn:hover, .btn:hover {background: #dd9f00;}
.Login a.btn {font-size: 14px; padding: 8px 15px; margin-right: 14px;}
#addressForm .form-group label {font-size: 12px!important;}

a.btn.styled {background: #dd9f00; border-radius: 5px; padding: 12px 30px!important; border: none; color: #111; text-transform: uppercase; font-size: 16px;}
a.btn.styled:hover {background: #f8ba1b; color: #111;}

/* HEADER */
header {border-bottom: 2px solid #eaeaea;}
.header .logo a {font-size: 2rem; line-height: 2.25rem; text-align: center; display: block;}
.Logo .logo img {height: auto!important; width: auto!important; display: block; margin: 0px auto; max-width: 100%; max-height: 130px;}
.logo {padding: 15px 0px;}
.menu {background: transparent; margin-bottom: 0px; line-height:inherit; height: auto!important;}
.menu ul {margin-bottom: 0px;}
.header {width: 90%; max-width: 1200px; margin: 0px auto; position: relative;}
.header .address h3, .header .phone, .header .email {display: none;}
.fullWidthHeaderZone a {color: #111;}
.header .Address {width: 60%; float: left;}
.menu>ul li {padding: 0px 7px;}
.menu>ul li a {color: #111;}
.menu>ul li a:hover {text-decoration: none; color: #276a89;}
.header .socialLinks {width: auto; float: left;}
.header .socialLinks h3 {display: none;}
.header .address {width: 60%; float: left; margin-left: 3%;}
.social-icon {background: none; margin: -2px 0px 0px 0px;}
.social-icon a {color: #fff; font-size: 18px;}

/* TOP BAR */
.fullWidthHeaderZone{background:#eaeaea; display:block; padding: 8px 20px 8px 20px; box-sizing: border-box; float: left; width: 100%;}
.fullWidthHeaderZone .Menu {float: left; font-size: 12px;}
.fullWidthHeaderZone .Address{width:auto; float:right; margin: 0px; font-size: 12px; line-height: 12px; margin-top: 3px;}
.fullWidthHeaderZone .EndUserStatus{width:auto; float:left;}
.fullWidthHeaderZone .EndUserStatus ul li {padding: 0px 7px;}
.fullWidthHeaderZone .EndUserStatus ul li.divider {display: none;}
.fullWidthHeaderZone .EndUserStatus ul li a {color:#111; font-size: 12px;}
.fullWidthHeaderZone .EndUserStatus ul li a:hover {color: #276a89;}
.fullWidthHeaderZone .Address h3, .fullWidthHeaderZone .Address .addressline{display:none}
.fullWidthHeaderZone .Address .phone, .fullWidthHeaderZone .Address .fax, .fullWidthHeaderZone .Address .email{display:inline-block; margin-left:10px; color:#111;}
.fullWidthHeaderZone .Address .phone .phonelabel, .fullWidthHeaderZone .Address .email .emaillabel, .fullWidthHeaderZone .Address .fax .phonelabel{display:none;}
.fullWidthHeaderZone .phone:before{content: '\f095'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color: #111; position: relative; top: 1px;}
.fullWidthHeaderZone .email:before{content: '\f0e0'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color: #111;}
.fullWidthHeaderZone .fax:before{content: '\f1ac'; font-family: 'FontAwesome'; font-size: 16px; margin-right: 5px; color: #111;}
.EndUserLogin .fieldrow{width:99%;}
.fullWidthHeaderZone .menu ul.dropdown li ul {left: 100%; top: -1px;}

/* QUICK SEARCH */
.headerZone1 {position: relative;}
.hide-search {float: right; padding: 8px 13px 3px 13px; border-radius: 3px; background: #f8ba1b; margin-left: 10px;}
.hide-search {font-size: 0px;}
.hide-search:hover {background: #dd9f00;}
.hide-search:before {font-family: FontAwesome; content: "\f002"; color: #111; font-size: 18px;}
.header .QuickSearchBasic {z-index: 9; position: absolute; bottom: -52px; right: 0px; width: 500px; padding: 10px; background: #111;}
.header .QuickSearchBasic h2, .header .QuickSearchBasic label, .price-separator {display: none;}
.header input[type="text"], .header input[type="password"], .header input[type="search"], .header select {border: none; color: #fff; font-family: 'Poppins', sans-serif; font-size: 13px; text-transform: capitalize; width: 90%; background: #111;}
.header .quickSearch {border: none;}
.header .price-to input, .header .price-from input {font-size: 10px; width: 40%;}
.header .search-keyword {width: 60%; float: left; padding-right: 0px!important;}
.header .price {width: 33%; float: left;}
.header .buttons {float: right!important;}
.header .buttons a.btn {float: right; border: none; background-color: #111; color: #111; width: 24px; height: 20px; padding: 5px; font-size: 0px; border-radius: 0px;}
.header .buttons a.btn:hover {transition-duration: .5s; color: #fff;}
.header .buttons a.btn:before {font-family: 'Poppins', sans-serif; content: "GO"; color: #fff; font-size: 16px;}
.header .buttons:hover a.btn:before {color: #111; transition-duration: .5s;}

/* SHOPPING CART */
.header .ShoppingCart button.btn-shopping-cart {padding: 8px 8px 2px 12px; font-size: 0px; color: #fff; border-radius: 3px; border: none; background-color:#276a89;} /* CART BUTTON */
.header .btn-checkout {display: none;}
.header .ShoppingCart {float: right; width: auto; margin-left: 10px;}
.header .ShoppingCart button.btn-shopping-cart:hover {background-color: #111; transition-duration: .5s;}
.header .ShoppingCart button.btn-shopping-cart:before {font-family: FontAwesome; padding-right: 5px; content: "\f07a"; color: #fff; font-size:20px;}
.ShoppingCart .notranslate.ng-binding{font-size:10px; position:absolute; top:-5px; background:#f8ba1b; color: #111; padding:0px 9px; border-radius:50px;}
.shopping-cart-actions.ng-scope button {font-size: 14px;}

/* NAVIGATION */
.headerRow2 {position: relative;}
.container_12 .grid_9.headerZone3 {margin-top: 30px; padding-bottom: 25px;}
.headerZone3 .Menu {width: 82%; float: right; text-transform: uppercase; margin-top: 5px; margin-right: 2%;}
.headerZone3 .Menu .menu {float: right; text-align: right;}
.headerZone3 .EndUserStatus {width: 25%; float: right; margin-right: -3px;}
.headerZone3 .Menu .menu>ul li {padding: 0px 10px; float: none; display: inline-table;}
.headerZone3 .Menu .menu>ul li a {color: #848181; font-weight: bold; text-transform: none;}
.headerZone3 .Menu .menu>ul li a:hover {color: #276a89;}
.headerZone3 .Menu .menu>ul li a:after {font-family: FontAwesome; content: "\f107"; font-size: 18px; margin-left: 5px;}
.headerZone3 .Menu .menu>ul li ul li a:after {display: none;}
.headerZone3 .Menu .menu>ul li ul li {padding: 5px 10px;}
.headerZone3 .Menu .menu>ul li ul li a {text-transform: none;}
.headerZone3 .Menu .menu ul.dropdown {border: none; background-color: #fff; box-shadow: 1px 1px 10px #999; text-align: left;}
.headerZone3 .Menu .menu ul.dropdown li {float: none;  display: block; padding: 8px 10px; border-bottom: 1px solid #eaeaea;}
.headerZone3 .Menu .menu ul.dropdown li a {font-weight: 400; padding: 0px;}
div[id$="rowLoginBtns"] {width: 97%;}

/* USER STATUS */
.header ul.user-actions li a {font-size: 10px; text-transform: uppercase;}
.header ul.user-actions li {padding: 0px 5px;}
.welcome-label {line-height: 12px; margin-right: 10px;}

/* BANNER */
.banner {background: #276a89; position: relative;}
.banner img {width: 100%; height: auto;}
.banner-inner {position: absolute; width: 40%; right: 3%; top: 60%; text-align: center;}
.banner-inner h3 {font-size: 44px; line-height: 55px;}

/* INTRO TEXT */
.introContent {width: 100%; padding: 4% 0px; text-align: center; color: #fff; background: #174c64; background: linear-gradient(321deg, #174c64 0%, #276a89 100%);}
.introContent h3 {color: #fff; font-family: 'Poppins', sans-serif; font-size: 36px; line-height: 40px; font-weight: bold; display: block; text-transform: capitalize!important; margin-bottom: 10px;}
.introContent p {font-size: 20px; line-height: 36px; width: 70%; padding: 0px 15%;}

/* ICONS */
.Home .mainZone2 {float: left; width: 100%!important; text-align: center; margin: 50px 0px 40px 0px;}
.Home .mainZone2 .Content {margin: 0px auto; display: block; float: none; max-width: 1200px; width: 90%;}
ul.icons {list-style: none; margin-left: 0px;}
ul.icons li {width: 20%; float: left;}
ul.icons img {background: #f8ba1b; border-radius: 5px; padding: 25px 5px; float: none; margin: 0px auto; display: block; margin-bottom: 10px; width: 80%; box-sizing: border-box; transition: all ease-in-out .25s;}
ul.icons li.icon2 img {background: #174c64;}
ul.icons li.icon3 img {background: #276a89;}
ul.icons li.icon4 img {background: #f8ba1b;}
ul.icons li.icon5 img {background: #174c64;}
ul.icons img:hover {width: 85%; margin-top: -8%;}
ul.icons span {display: block; font-weight: bold; color: #111; font-size: 16px; line-height: 22px; padding: 0px 10px; box-sizing: border-box;}

/* PROD TILE */
.Home .ProductSetAutoUpdate:before {content: "HANDPICKED FOR YOU:"; display: block; color: #276a89; text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.prodSet h2 {display: none;}
.prodTile .prodName a {color: #000; margin-top: 10px; display: block;}
.prodTile .prodName a:hover {color: #276a89;}
.prodSet .tabs li a, .prodSet .tabs li a:hover {background: none!important;}
.prodSet li .prodName, .prodSet .tabs li a:hover .prodName {font-size: 16px; line-height: 2; position: relative; background: none; color: #666; text-shadow: none; text-decoration: none;}
.prodVSTag {position: absolute; top: 10px!important; left: auto!important; right: 10px; z-index: 200;}

/* PRODUCT COLLECTION */
.Home .mainZone4 {width: 100%!important; float: left; display: block; background: url('https://cdn.asicentral.com/esp-websites/900007/UnBoxed/prod-banner.png') #276a89; background-repeat: no-repeat; margin-top: 40px; background-position: right center;}
.Home .ProductSetAutoUpdate {float: left; width: 50%; margin-left: 10%; padding-top: 55px; padding-bottom: 60px;}
.prodSet h2{ font-size:30px; text-align:center;}
.ProductSetAutoUpdate .allLinks {text-align: center; padding:0px;}
.ProductSetAutoUpdate .allLinks a {color: #000; text-transform: uppercase;}
.Home .allLinks .pad5 {padding: 0px 5px;}
.Home .borderRight {padding-right: 7px!important;}
.ProductSetAutoUpdate a.next {float: right;    margin-right: -30px;}
.ProductSetAutoUpdate a.previous {float: left;    margin-left: -50px;}
.ProductSetAutoUpdate a:hover {color:#59605b;}
a.next:before {content: '\f105'; font-family: FontAwesome; font-size: 50px;}
a.previous:before { content: '\f104'; font-family: FontAwesome; font-size: 50px;}
.ProductResults a.next:before { content: '\f105'; font-family: FontAwesome; font-size: 30px;}
.ProductResults a.previous:before { content: '\f104'; font-family: FontAwesome; font-size: 30px;}
#productset-content.carousel .dataTables_info { display:none; }
#productset-content.carousel .ui-toolbar.ui-widget-header { line-height: 15px;} 
#productset-content.carousel .pagination-links { display: none; }
#productset-content.carousel li { padding: 0; }
#productset-content.carousel li .prodName { line-height: 1; height: auto; color: #000; font-size: 12px; background: #f7f7f7; text-shadow: none; position: relative; width: auto; padding: 4px 10px!important; }
#productset-content.carousel li a { background: none;}
#productset-content.carousel .big { font-size: 13px; font-weight: bold;} 
#productset-content.carousel .mask { margin-top: -8px; }
.ellipsis {margin:0!important; line-height: 30px;}
.ProductSetAutoUpdate .fg-toolbar {position: absolute; top: 40%; width: 100%; background: none; border: none;}
.configOptions {position: absolute; left: -35px; top: 230px;  z-index: 200; width: 27px;}
.configOptions .configHandle {position: absolute; width: 200px; height: 25px; line-height: 22px; color: #FFF; text-align: center; z-index: 199; text-transform: uppercase; font-size: 14px;	border: none; background: #61a28f; font-weight:normal; left: -80px; top: 100px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg);}
.Home .prodSet li .prodImg {margin: 0px;}
.icoBox.iArrowLeft, .icoBox.iArrowRight {display: none;}

/* POD */
.Home .mainZone8 {width: 100%!important; float: left; display: block; background: url('https://cdn.asicentral.com/esp-websites/900007/UnBoxed/footer-banner.png') #276a89; background-repeat: no-repeat; background-position: left bottom; padding-top: 50px; padding-bottom: 50px;}
.POD-News-wrapper{max-width:1024px; margin:0 auto;}
.ProductOfTheDay {position: relative; border: none; padding: 50px 4%!important; width: 37%; border-radius: 5px; float: right; box-sizing: border-box; text-align: center; color: #fff; margin-right: 8%; background: #174c64; background: linear-gradient(321deg, #174c64 0%, #276a89 100%);}
.PODay .prodInfo {float: right; margin-top: 10px; width: 100%;}
.PODay .prodImg {float: left; margin: 0; width: 100%;}
.PODay .prodLink {font-size: 15px; font-weight: bold; font-size: 18px; margin-top: 35px;}
.PODay img {display: block; margin: 0px auto; max-height: 260px!important; min-width: 260px;}
.PODay h2 {font-size: 28px; color: #fff; font-weight: 700; margin-bottom: 5px; text-transform: uppercase;}
.PODay h4 a {color: #fff; font-size: 18px; line-height: 24px;}
.PODay p { margin: 0 0 10px 0;}
.PODay btn { border: none; background: none;}
.PODay .socialLinks { padding: 5px; float: none; margin: 0px auto;}
.PODay .addthis_toolbox {display: inline-block!important; margin-bottom: 10px;}
.grid_3 .PODay .socialLinks { position: relative; height: 20px;}
.grid_3 .PODay p { margin: 0 0 5px 0;}
.grid_3 .PODay .prodInfo { width: 100%;}
.grid_3 .PODay .prodImg { width: 110px; margin-left: 45px; }
.grid_3 .PODay h4, .grid_3 .PODay .prodLink, .grid_3 .PODay p { display: block; text-align: center;}
.Home .PODay .prodNum, .Home .PODay .prodDescr {display: none;}
.Home .PODay .potd-wand-pos {toP: 10px!important; left: 10px!important;}
h3.move-product strong {color: #fff!important;}
h3.move-product, h3.move-news {font-size: 32px;}
.prodLink a {padding: 15px 30px; background: #f8ba1b; color: #111; border-radius: 5px; transition: all ease-in-out .25s;}
.prodLink a:hover {background: #dd9f00;}


/*EVENT PLANNER PAGES */
.EventPlannerPage ul {list-style: none; margin-left: 0px;}
.EventPlannerPage li {float: left; width: 16%; margin: 2%; text-align: center;}
.EventPlannerPage li img {width: 100%; height: auto; border-radius: 5px;}

.container_12 .grid_9.mainZone4 {width: 73%!important; margin: 0px; margin-right: 0px;}
.mainZone5 {width: 30%!important; float: right; margin: 0px;}
.Home .container_12 .grid_9.mainZone4 {width: 100%!important; margin: 0px;}

/* EVENT PLANNER */
.Home .EventPlannerPage {width: 46%; float: left; margin-left: 8%;}
.Home .EventPlannerPage img {display: none;}
.Home .EventPlannerPage ul {margin-left: 0px;}
.Home .EventPlannerPage br {display: none;}
.Home .EventPlannerPage h2 {width: 100%; text-align: left; color: #276a89; font-size: 0px; line-height: 0px; margin-bottom: 0px;}
.Home .EventPlannerPage h2:before {content: 'SHOP BY EVENT:'; display: block; text-align: left; font-size: 28px; line-height: 36px; color: #276a89;}
.Home .EventPlannerPage li {list-style: none; width: 48%; padding: 10px 0px; float: left; text-align: left; line-height: 24px; margin: 0px;}
.Home .EventPlannerPage li:last-of-type {width: auto!important;}
.Home .EventPlannerPage li a:hover {padding-left: 10px;}
.Home .EventPlannerPage li a {color: #111; font-size: 16px; line-height: 18px; transition: all ease-in-out .125s; display: block; font-weight: 400;}
.Home .EventPlannerPage li a.btn {font-weight: 600;}
.Home .EventPlannerPage li a.btn:hover {padding-left: 30px;}
.Home .EventPlannerPage a.fltRight {float: left; padding: 6px 25px; border-radius: 5px; color: #111; background: #e3534c; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: 10px; transition: all ease-in-out .25s;}
.Home .EventPlannerPage a.fltRight:after {content: "\f105"; font-family: FontAwesome; margin-left: 10px; transition: all ease-in-out .25s;}
.Home .EventPlannerPage a.fltRight:hover {background: #000;}
.Home .EventPlannerPage a.fltRight:hover:after {margin-left: 20px;}


/*ALL SETS PAGE */
.AllSets .EventPlannerPage ul {margin-left: 0px;}
.AllSets .EventPlannerPage li {list-style: none; width: 23%; padding: 14px 0px; float: left; text-align: left; line-height: 24px; margin: 0px 1%; text-align: center;}
.AllSets .EventPlannerPage img {max-width: 100%; height: auto; border-radius: 20px; opacity: 0.85;}
.AllSets .EventPlannerPage img:hover {opacity: 1.0;}

/* PRODUCT RESULTS */
.container_12 .prdrebConfig.grid_3 {width: 27%!important;}
.container_12 .grid_9.prdrebProducts {width: 70%!important; float: right;}
.ui-widget-header {color: #222;}
.container_12 .prdrebConfig.grid_3 {background-color: #ececec; padding: 15px; box-sizing: border-box;}
.prodTile {min-height: 400px!important; border: none!important;}
.search-within {position: absolute; right: 0px; top: 50px; font-size: 12px; text-transform: uppercase; color: #999; background: #fff; padding: 2px 5px;}
.configOptions {width: 23%!important; float: right; display: none;}
.ProductDetailsBasic, .modProductResultsBasic {margin-top: 20px;}
/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: none; background: none;} */
.prodDetailInfo .addthis {border: none; background: none;}
.prodTile .p_Img_Title {display: block; height: auto!important; width: 100%!important;}
.prodTile .prodImg img {max-width: 100%!important; max-height: 100%!important; width: 100%!important; border: 1px solid #e2e2e2!important;}
/*input[type="text"], input[type="password"], input[type="search"], select {border-radius: 50px;}*/
.ui-widget-header {border: none!important; background: transparent!important;}
.fieldsetInner {border: none; margin-top: 10px;}
.noBorderBottom, .noBorderBot {border-bottom: 1px solid #ccc!important;}
.noBorderTop, .noBorderTop {border-top: 1px solid #ccc!important;}
.col4 {width:33%;}
.prdrebMain h6 .btnTxt {font-size: 15px; color: #222;}
.prdrebMain h6 {margin-bottom: 0px;}
.prdrebConfig ul ul li:nth-of-type(1) {margin-top: 20px;}
.prdrebConfig ul ul li a {color: #222; font-size: 13px; font-weight: 600; text-transform: none;}
.prdrebConfig a.moreLink {color: #fff; background-color: #276a89; padding: 5px 10px; font-size: 12px; font-weight: normal; margin-bottom: 15px; margin-top: 10px; display: inline-block;}
.prdrebConfig a.moreLink.initClosed {display: none;}
.btnQty {background-color: #276a89; color: #fff; border: none;}
.prodTile .prodName a {font-size: 18px; line-height: 22px; margin-bottom: 5px;}
.prdrebMain .icoBox {text-indent: 0px;}
.icoBox.iArrowUp {background-image: none; }
.icoBox.iArrowUp:before {content:'\f106'; font-family:FontAwesome; color: #222; font-size: 18px;}
.icoBox.iArrowDown {background-image: none; }
.icoBox.iArrowDown:before {content:'\f107'; font-family:FontAwesome; color: #222; font-size: 18px;}
.Banner {width: 100%; display: block;}
.Banner .inner {margin: 0px auto; margin-bottom: 30px;}
.Banner .inner .pagerBtn {float: left;}
.Banner .inner .btns {float: right;}
.ui-dialog {z-index: 9999;}
.prodTile .prodDescr {line-height: 17px; height: 50px; overflow: hidden; font-size: 12px;}
.Banner .inner .next {float: right; margin-left: 20px;}
.productListControls {margin-top: 30px;}

/* PROD DETAIL */
.ProductDetailsBasic{max-width:1200px;}
.prodDetailLinks a {font-size:16px; color: #fff; background: #000; padding: 5px 20px; border-radius: 50px; float: left; margin-right: 10px;}
.prodDetailLinks a:hover {background: #276a89;}
.ProductDetailsBasic .prodName{font-size:26px;}
.prodImage .hei300 {height: auto;width: 100%;display: block;}
.prodImage .prodImg ._p_a_tag > img {max-height: none;max-width: none;height: auto;width: 100%;}
.YouMayAlsoLike {margin:20px 0; width: 100%;}
.YouMayAlsoLike .gridFooter {border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-top: none; background: #FFF; float: left; width: 20%; box-sizing: border-box; font-size: 12px; min-height: 200px;}
.YouMayAlsoLike .gridFooter img{margin-bottom:10px;}
.YouMayAlsoLike .fieldsetInner {   border: none;}
.YouMayAlsoLike .prod-det ._50 {width: 100%!important;}
.downloadLinks a{font-size:16px; width: 85%!important;}
.container_12 .grid_4.prodImage {width: 38%!important;}
.container_12 .grid_8.prodDetail {width: 57%!important; float: right; margin-left: 0px;}
.asiModule.Virtual {font-size: 11px; line-height: 20px;}
.carousel .previous {left: -20px; top: 12px;}
.carousel .next {right: -20px; top: 12px;}

/* PRESENTATIONS */
.Presentation .pageControls {position:relative; top:unset; left:unset;}
.Presentation .mainZone1 .btn{color: #111; font-size: 16px;  padding: 15px 30px;  border: none;  border-radius: 5px;  background: #f8ba1b;}
.Presentation .mainZone1 .btn:hover{background: #dd9f00; color: #111;}
.configurator .header {max-width: 100%;}

/* NEWS & VIDEOS PAGE */
.NewsVideos .section {width: 90%!important; max-width: 1200px!important; margin: 0px auto!important;}

/* FOOTER */
footer {background: #111; color: #fff; padding-top: 40px; margin-top: 40px; padding-bottom: 60px;}
.footer .Address h3 {display: none;}
.footer .companyName {font-weight: bold; font-size: 18px; text-transform: uppercase;}
.container_12 .grid_3.FooterZone4 {text-align: right; width: 60%!important;}
.container_12 .grid_4.FooterZone2 {width: 36%!important;}
.Home footer {margin-top: 0px;}
.footerWrap .h2, .footerWrap h3 {text-transform: uppercase; font-weight: 600; color: #276a89; font-size: 16px; display: inline-block; margin-bottom: 15px;}
.footerWrap .socialLinks h3 span {display: none;}
.footerWrap a {color: #fff;}
.footerWrap a:hover {color: #276a89;} 
.footerWrap .menu>ul {}
.footerWrap .menu>ul li {width: 100%; padding: 0px; line-height: 24px;}
.footerWrap .menu>ul li ul {display: none!important;}
.footerWrap .menu>ul li a {color: #fff;}
.footerWrap .menu>ul li a:hover {color: #276a89;}
.FooterZone4 {float: right;}
span.clnumb {margin-left: 10px; border-left: 1px solid #fff; padding-left: 10px;}
.address .map {display: none;}
.footer .address-line1, .footer .address-line2, .footer .address-line3 {display: block;}

.FooterZone2 .expand {display: none;}
.logoColorBox {height: 50px;}
.VirtualSamples .ui-dialog {z-index: 9999;}

.footerWrap .SocialLinks {float:right;}
.footerWrap .social-icon {width: 45px; height: 45px; display: inline-block; margin-left: 5px;}
.footerWrap .socialLinks ul li {display: inline-block; margin-bottom: 20px;}
.footerWrap .socialLinks ul {position: relative;}
.footer .social-icon {color: #000; background: #fff; border-radius: 50px; padding: 10px;}
.footer .social-icon:hover {background: #276a89;}

/* COPYRIGHT */
.fullWidthFooterZone {width: 100%; float: left; background: #222;}
.fullWidthFooterZone .asiModule.Content { color: #fff; font-size: 12px; margin: 8px auto; padding: 0; line-height: 2em;text-align: center; }
.fullWidthFooterZone a { color: #fff; font-size: 12px; }

/* CONTACT PAGE */
.ContactUs .section {width: 90%; max-width: 1200px; margin: 0px auto; display: block; padding: 30px 0px;}
.container_12 .grid_3.mainZone5 {margin-right: 0px; margin-left: 0px!important;}
.ContactUs h2 {font-size: 32px;}
.ContactUs h3 {font-size: 24px; margin-bottom: 0px; margin-top: 20px;}

@media screen and (min-width: 481px) and (max-width: 1166px) {
}

@media screen and (max-width: 480px) {
.fullWidthHeaderZone {z-index: 98;}
	.hide-search {display: none;}
.footerWrap .socialLinks ul li:last-of-type:before {display: none;}
	.fullWidthHeaderZone .Address .phone, .fullWidthHeaderZone .Address .fax, .fullWidthHeaderZone .Address .email {font-size: 18px; line-height: 32px;}
	.introContent {padding: 40px 0px;}
	.introContent p {width: 90%; padding: 0px 5%;}
	.banner-inner {position: relative; width: 100%; background: #fff; right: 0px; padding: 20px 0px;}
	.banner-inner h3 {font-size: 28px; line-height: 34px;}
	.Home .mainZone2 {padding: 30px 0px!important;}
	ul.icons li {width: 50%; float: left; min-height: 230px;}
	.Home .container_12 .grid_9.mainZone4 {float: left!important; background: #eaeaea; padding: 20px 0px;}
	.Home .ProductSetAutoUpdate {margin-left: 0px; padding: 20px 0px; width: 90%!important; margin-left: 5%!important;}
	.Home .EventPlannerPage {width: 90%!important; margin-left: 5%; margin-top: 30px;}
	.Home .EventPlannerPage li {width: 100%;}
	.container_12 .grid_9.mainZone4, .container_12 .grid_9.prdrebProducts, .container_12 .grid_4.prodImage, .container_12 .prdrebConfig.grid_3, .container_12 .grid_8.prodDetail {width: 100%!important;}
	.prodTile {height: auto!important; min-height: 1px!important; margin-bottom: 10px;}
	.header .ShoppingCart button.btn-shopping-cart:hover, .header .ShoppingCart button.btn-shopping-cart {background: transparent;}
.col4.prodPannel {    width: 100%!important;}
.ProductResultsBasic .productList .prodTile .prodImg {width: 110px!important;}
	.header .QuickSearchBasic {position: relative; bottom: auto; box-sizing: border-box;}
.ContactUs .Address {text-align: left;}
.EventPlanner .leftcol {width: 100%;}
.EventPlanner .rightcol {width: 100%;}
.EventPlanner .imgPanel {width: 45%;}
.container_12 .grid_9.headerZone3 {top: -34px; right: 60px;}
.ContactUs .container_12 .grid_9 {width: 90%; padding: 0px 5%;}
.fullWidthHeaderZone .quickSearch, .fullWidthHeaderZone .QuickSearchBasic {background-color: transparent;}
.fullWidthHeaderZone {margin-top: 50px; padding: 15px; float: left;}
.QuickSearchBasic .quickSearch .formLayout.inline {margin-bottom: 0px;}
	.QuickSearchBasic .quickSearch .formLayout .flGrp.search-keyword {float: left;}
.fullWidthHeaderZone .Menu {display: none;}
.mainZone1 .Content {margin-bottom: 0px!important;}
.Home .mainZone8 {margin-bottom: 30px;}
.Home .EventPlannerList ul li {width: 48%!important;}
.logo {padding-bottom: 10px;}
.headerRow2 {width: 100%!important;}
.header .ShoppingCart {position: absolute; top: -157px; right: -70px; z-index: 9999;}
.header .ShoppingCart button {padding: 6px 10px!important; font-size: 12px;}
.ShoppingCart .Cart #shoppingCart {width: 320px; margin-left: -250px;}
.banner-text {top: 10px; left: 20px; width: 90%;}
.bx-viewport {height: 190px!important;}
.banner-text .h2 {font-size: 28px; line-height: 34px;}
.banner-text a {font-size: 18px; line-height: 24px; padding: 10px; margin-top: 10px;}
.ProductSetAutoUpdate .carousel .allLinks a {font-size: 16px!important;}
.Home .mainZone1 .ProductSetAutoUpdate .prodSet:before {font-size: 28px; margin-bottom: -10px;}
.ProductSetAutoUpdate .prodSet li .prodImg {width: auto!important; height: auto!important;}
.prodName .ellipsis {margin-top: 30px;}
.ProductSetAutoUpdate .grp3 li, .ProductSetAutoUpdate .grp4 li, .ProductSetAutoUpdate .grp5 li, .ProductSetAutoUpdate .grp6 li {margin-bottom: 30px;}
.ProductOfTheDay {width: 90%!important; padding: 20px 5%!important; margin-right: 5%!important;}
.ProductOfTheDay h2, .EditorialContentFeed:before {font-size: 28px;}
.header .address {width: 100%; margin: 0px; display: none!important;}
.footerWrap .h3 {margin-bottom: 0px;}
body > nav.mobile-menu, nav.mobile-menu {position: absolute; top: 0px; background-color: #276a89;} 
.header {height: auto; box-shadow: none!important;}
.header .ShoppingCart {width: 45%!important;}
.container_12 .grid_4, .container_12 .grid_6, .container_12 .grid_3, .container_12 .grid_3.headerZone2 {width: 98%!important; margin: 0px; padding: 0px;}
.container_12 .grid_8, .container_12 .grid_6.mainZone2 {width: 100%!important; padding: 0px 5%;}
.Home .container_12 .grid_12 {padding: 0px;}
.container_12 .grid_9 {width: 100%!important;}
footer {padding-bottom: 40px;}
.FooterZone4 {text-align: center;}
.footer .asiModule {margin-bottom: 10px;}
.services nav a:nth-of-type(1) {display: none;}
.services nav li a {display: block!important;}
.services .menuWrap li {margin-bottom: 20px;}
.Home .headerZone4 .Content:nth-of-type(1) {margin-bottom: 0px;}
.Home .headerZone4 .Content:nth-of-type(2) {position: relative; float: left; padding: 20px 0px; top: 0px; left: 0px; height: auto; margin-bottom: 20px;}
.Home .headerZone4 .Content:nth-of-type(2) p {font-size: 25px; line-height: 35px;}
.container_12 .grid_9.headerZone3 {width: 100%!important; padding: 0px; margin: 0px auto;}
.header .ShoppingCart, .header .buttons a.btn {margin-top: 0px;}
.NewsletterSignup .formLayout.inline input, .NewsletterSignup .formLayout.inline .btn {width: auto!important; height: auto!important;}
.container_12 .grid_4.FooterZone2 {width: 100%!important;}
.Home .EventPlannerList ul li {min-height: 170px;}
.footerWrap .h2, .footerWrap h3 {margin-bottom: 0px;}
.footerWrap .socialLinks {text-align: center;}
.Home .EventPlannerList .prodName {top: 180px;}
.Home .EventPlannerList ul li {margin-bottom: 50px;}
	.container_12 .grid_3.FooterZone4 {width: 100%!important; padding: 0px 20px;}
}


