/* GADGETS TEMPLATE */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,500);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,700);
@import url(https://cdn.asicentral.com/esp-websites/RotatingBanners/jquery.bxslider.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);

/* RESETS */
body { font-size: 14px; line-height: 28px; font-family:'Poppins', sans-serif!important; color: #000; border-top: 5px solid #000;}
p {font-weight: 300;}
.container { margin: 0 auto;}
.fullWidthHeaderZone {width: 90%; max-width: 1200px; margin: 0px auto; display: block; float: none;}
.subFooter { background: none; border: none; }
.container_12 {width: 100% !important;    margin: 0 auto;}
.container_12 .grid_12 {width:100%!important; margin:0 auto;}
.sectionWrap {max-width:1200px; width: 90%; margin: 40px auto;}
.Home .sectionWrap {width: 100%; max-width: 100%;}
.Home .sectionWrap{max-width:100%; margin: 0;}
header {padding: 20px 0px;}
.Home header {border-bottom: 0px;}
.fa-twitter:before {content: "\e61b";}

#LoginForm a.btn {padding: 8px 20px!important;}
/* Presentation */
*{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* LOGO */
.Logo { clear: both; padding: 0px; line-height: 1em; }
.logo { text-align: center; padding:0; }
.logo a { display: inline-block; font-size: 24px; font-weight: bold; line-height: 1.5em; }
img[id$="imgLogoLnk"]{height:auto!important; width: auto!important; max-width:100%!important; max-height: 150px!important;}
.configurator .header .logo {position: relative!important; transform: none!important; -ms-transform: none!important; top: 0px!important; margin-top: 0px!important;}

/* LINKS */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #cb2127; }
.styledtxt { color: #cb2127; }

/* HEADERS */
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; font-family:'Oswald', sans-serif; color: #cb2127; font-weight: 700;}
h3 {font-size: 20px; font-weight: bold;}
.FAQ h3 {margin-top: 20px; border-top: 1px solid #e2e2e2; padding-top: 20px;}

/* CONTENT */
.section .grid_12 .asiModule { padding: 0; border: none; }
.section h1 {font-size: 38px; font-weight: 700; color: #cb2127; text-align: center; margin-bottom: 30px;}
.section h2 {font-size: 36px; line-height: 40px; text-transform: uppercase; margin-bottom: 20px;}
h1.sectionHeader {font-size: 20px; text-transform: none; margin-bottom: 0px; text-align: left;}

/* ICO BOX */
.icoBox {text-indent: 0;}
.icoBox.vsWand {text-indent:-9999px;}
.icoBox.iArrowLeft, .icoBox.iArrowRight{display:none}

/* FULL WIDTH HEADER */
.menu {background:none;float:left; margin: 0 0 0 10px;}
.menu > ul li {padding: 0px;}
.menu > ul li a:hover {text-decoration: none; color: #f47639 ;}
.fullWidthHeaderZone .socialLinks {margin: 0 0 0 100px; float:left;}
.fullWidthHeaderZone button {color:#fff;font-size:8px;}
.fullWidthHeaderZone .socialLinks h3{display:none;}
.fullWidthHeaderZone a{color:#000; font-size: 12px;}
.fullWidthHeaderZone .phone::before{content:'\f095'; font-family:'FontAwesome'; font-size:16px; margin-right:10px;}
.fullWidthHeaderZone .email a::before{content:'\f0e0'; font-family:'FontAwesome'; font-size:16px; margin-right:10px;}
.fullWidthHeaderZone .phonelabel, .fullWidthHeaderZone .emaillabel {display:none;}
.fullWidthHeaderZone .Menu .menu ul.dropdown li:hover {background:#cb2127; }
.fullWidthHeaderZone .Menu .menu ul.dropdown li a { display: block; font-weight: normal; color: #59605b; line-height: normal; padding: 5px; margin:0; border-radius: 0; text-shadow: none; float: none; text-align:left; }
.fullWidthHeaderZone .Menu .menu ul.dropdown li a:hover{text-decoration:none; color:#fff; }
.fullWidthHeaderZone .Menu .menu ul.dropdown ul{left:100%; top:0; width:auto;}
.fullWidthHeaderZone .Menu .menu ul.dropdown {display: none; position: absolute; left: 0; top: 100%; min-width: 150px; background: #FFF; white-space: nowrap!important; z-index: 999999; border: none; min-width:200px; -moz-box-shadow:1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888;}


/* MAIN HEADER */
.headerRow2 {width: 90%; max-width: 1200px; margin: 0px auto; display: block; position: relative;}
.container_12 .grid_3.headerZone2 {width: 30%; float: left; margin-right: 0px; margin-left: 0px; position: relative;}
.container_12 .grid_9.headerZone3 {width: 68%; float: right; margin: 25px 0px;}

/* END USER STATUS */
.EndUserStatus .menuWrap { border: none; margin: 0; }
.EndUserStatus .menu a { padding: 0 8px; }
.EndUserStatus .divider { display: none; }
.EndUserStatus .menu > ul li { padding: 0; }
.EndUserStatus .menu { height: auto; line-height: 36px; background: none; margin:0; padding: 0; }
.EndUserStatus .menu ul { border-right: none; padding: 0; }
.EndUserStatus {float:right; margin: 0px 8px 0 0; display:block; z-index: 99; position:relative; font-size: 12px;}
.welcome-label {font-size: 12px; margin-right: 10px;}
.EndUserStatus .sign-in {display: none;}
.EndUserStatus .loginModule a {border: 2px solid #000; color: #000; padding: 7px 10px; display: inline-block; line-height: 18px;}
.EndUserStatus .loginModule a:before {content:'\f13e'; font-family:'FontAwesome'; margin-right:5px; font-size: 12px;}
.EndUserStatus .loginModule a:hover {background: #000; color: #fff;}

/* SHOPPING CART */
.ShoppingCart {float:right; background: #fff; border: 2px solid #000; padding: 2px 10px;}
.ShoppingCart:hover {background: #000;}
.ShoppingCart .Cart a.btnLink{ display:none;}
.Cart { background: none; }
.Cart .scTrigger { background: none;}
.Cart .btnLink { float: left; display: inline-block; font-weight: bold; }
.Cart .scTrigger .btnTxt { display: block; color:#000; font-size: 12px; font-weight: normal;}
.Cart .scTrigger .btnTxt::before{ content:'\f07a'; font-family:'FontAwesome'; margin-right:3px; color: #000;}
.Cart a.btnLink { border: none; background: none; padding: 9px 20px 14px; color: #000; margin: 0; border-right: 1px solid #e6e6e6; }
.Cart .btnLink:hover .btnTxt { text-decoration: none; }
.ShoppingCart:hover .Cart .scTrigger .btnTxt, .ShoppingCart:hover .Cart .scTrigger .btnTxt::before {color: #fff;}

/* MAIN MENU */
.header .Menu {float: left; margin-left: 2%;}
.header .Menu .menu { float: none; height: auto; max-width: 1200px; line-height: auto; margin: 0 auto; background: none;z-index:99; }
.header .Menu .menu>ul { list-style-type: none; padding:0; margin: 0; width: 100%; text-align:center; }
.header .Menu .menu .tabs>li>a {float:left; font-size: 16px;}
.header .Menu .menu>ul li {display: inline-block; float: none; margin: 0px 10px; position: relative;}
.top-level::after { content:'\f107'; font-family:FontAwesome; margin-left:10px;  }
.header .Menu .menu .tabs>li>a:hover, .header .Menu .menu .tabs>li>a.current{}
.header .Menu .menu>ul li a  { color: #000; padding: 9px 0px; line-height: 19px; height: 19px;}
.header .Menu .menu>ul li a.divider { padding: 0; }
.header .Menu .menu>ul li a:hover, 
.header .Menu .menu>ul li a.current { border: none; text-decoration: none; }

.header .Menu ul.tabs li a:before {content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; margin-top: 10px; background-color: #cb2127; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.header .Menu ul.tabs li a:hover:before, .header .Menu ul.tabs li a.current:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

/* HEADER DROP MENU */
.header .Menu .menu ul.dropdown { display: none; position: absolute; left: 0; top: 100%; min-width: 150px; background: #FFF; white-space: nowrap !important; z-index: 999; border:none; min-width:200px; -moz-box-shadow:1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;box-shadow: 1px 1px 2px #888; }
.header .Menu .menu ul.dropdown li { display: block; float: none; margin:0; font-size: 14px; clear: left; text-align: left; border: none; text-transform: none; }
.header .Menu .menu ul.dropdown li span { float: none; }
.header .Menu .menu ul.dropdown li a { display: block; font-weight: normal; color: #000; line-height: normal; padding: 10px; margin:0; border-radius: 0; text-shadow: none; float:none; text-transform:uppercase; }
.header .Menu .menu ul.dropdown li a:hover{ background: #cb2127; display:block; cursor:pointer; border: none; color: #fff; }
.header .Menu .menu ul.dropdown ul { left: 95%; top: 0; width: auto; }
.header .Menu .menu ul.dropdown li a:hover span, ul.dropdown li a:hover span { background:none; }

/* FORMS */
a.btnLink { display: inline-block; margin-right:4px; padding: 0.25em 0 0.16em; text-decoration: none; font-weight: bold; line-height: 1.0em; position: relative; cursor: pointer;}
a.btnLink:hover .btnTxt {text-decoration:underline;}
.buttons { padding: 0.3em 8px; border: 0 none; }
a.btn, a.btn.styled, .prodLink a {color: #fff; font-size: 16px; padding: 15px 30px; border: none; border-radius: 5px;
background: #000; box-shadow: inset 0 0 0 0 #f47639 ;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;}

a.btn:hover, a.btn:active, a.btn.styled:hover, a.btn.styled:active, .prodLink a:hover {box-shadow: inset 400px 0 0 0 #f47639 ;}
a.btn:hover .btnTxt { text-decoration: none; }

/* FORM - INLINE */
.formLayout.inline { overflow: hidden; zoom: 1; }
.formLayout.inline .flGrp{ float: left; display: inline-block; clear: none; overflow: hidden; padding: 0 8px; }
.formLayout.inline label.lblTitle { float: left; margin: 0.2em 0.5em 0 0;}
.formLayout.inlineTitle { padding: 0; }
.formLayout.inlineTitle .info { display: inline-block; float: left; margin: 0; padding: 2px 0; border-bottom: 0 none; }
.formLayout.inlineTitle .info h2 { font-size: 2em; line-height: 1.0em; margin: 0; clear: left; }

/* BANNER */
.banner {position: relative; float: left; width: 100%; margin-bottom: 40px;}
.banner-inner {position: absolute; top: 15%; left: 8%; width: 55%;}
.banner img {width: 100%; height: auto;}
.banner h2 {color: #fff; text-align: center; font-size: 45px; line-height: 60px; font-weight: 500;}
.banner h2 span {background: #f47639 ; /* Old browsers */
background: -moz-linear-gradient(left,  #f47639  0%, #cb2127 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f47639  0%,#cb2127 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f47639  0%,#cb2127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47639 ', endColorstr='#cb2127',GradientType=0 ); /* IE6-9 */
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner:after {content: ''; height: 7px; float: left; width: 100%; display: block; background: #f47639 ; /* Old browsers */
background: -moz-linear-gradient(left,  #f47639  0%, #cb2127 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f47639  0%,#cb2127 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f47639  0%,#cb2127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47639 ', endColorstr='#cb2127',GradientType=0 ); /* IE6-9 */;}

/* QUICK SEARCH */
.headerZone4 {padding: 40px 0px 60px 0px; margin-top: 20px!important; background: #f47639 ; /* Old browsers */
background: -moz-linear-gradient(left,  #f47639  0%, #cb2127 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f47639  0%,#cb2127 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f47639  0%,#cb2127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47639 ', endColorstr='#cb2127',GradientType=0 ); /* IE6-9 */;}
.Home .headerZone4 {padding: 0px; background: transparent; margin-top: 0px!important;}
.Home .header .QuickSearchBasic {display: none;}
.QuickSearchBasic {width: 70%; margin: 20px auto;}
.QuickSearchBasic .quickSearch { position: relative; float: left; width: 100%; border-radius: 5px; padding: 0%; background: #fff;}
.quickSearch .formLayout { line-height: 30px; }
.quickSearch .formLayout.inlineTitle .info { background: none; border: none; }
.quickSearch .formLayout.inlineTitle .info h2,
.quickSearch .formLayout.inline span { color: #808080; font-size: 12px; font-weight: bold; line-height: inherit; border: none;}
.quickSearch .formLayout input.text { padding: 0px; height: 60px; border: 0;}
.quickSearch .formLayout input {color: #000; background: transparent; font-family:'Poppins', sans-serif; font-size: 16px;}
.quickSearch .formLayout.inline .flGrp span  { float: none; }
.quickSearch .formLayout.inline .flGrp label { display: none; }
.quickSearch .formLayout.inline a.btn { float: left; font-size: 16px; background: transparent; border: none; background: #000; font-weight: normal; padding: 20px 23px 15px 23px; font-size: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important;}
.quickSearch .formLayout.inline a.btn:before {content:'\f002'; font-family:'FontAwesome'; font-size:24px; color: #fff;}
.quickSearch .formLayout.inline .flGrp.price span + span:before  { content: ""; }
.quickSearch .formLayout.inline .flGrp.price .field  {font-size: 11px;}
.quickSearch .formLayout.inline .flGrp.price .symbol { display: none; }
.quickSearch .formLayout.inline .flGrp.buttons { padding:0; margin:0; float: right; background: #000; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.quickSearch .formLaysout.inline .flGrp.buttons div { position: absolute; top:65px; right:0px; }
.quickSearch .formLayout.inline .flGrp { overflow: visible;}
.quickSearch .errorMessage { display: block; position: absolute; top: 100px; right: 0; margin-right: 10px; text-align: left; }
.quickSearch .info h2{display:none;}
/* .quickSearch .info::before{content:'\f002'; font-family:'FontAwesome'; font-size:18px;}*/
.search-keyword {width: 52%; padding-right: 0px!important;}
.search-keyword input {width: 90%; margin-left: 5%;}
.price {width: 30%; padding: 0px!important;}
.price input {width: 45%!important;}

/* WELCOME TEXT */
.welcome-wrap {width: 90%; max-width: 1200px; padding: 60px 0px; margin: 0px auto;}
.Home .mainZone2 {width: 60%; margin: 0px 1.5%; box-sizing: border-box;}
.Home .mainZone3 {width: 34%; margin: 0px 1.5%; box-sizing: border-box;}
.Home h3 {color: #cb2127; font-size: 32px; line-height: 50px; font-weight: 700;}
.introContent {background: #e2e2e2; padding: 30px; min-height: 450px; box-sizing: border-box;}
.introContent h3 {font-size: 40px; text-align: left;}
.introContent p {font-size: 18px; line-height: 36px; margin-top: 20px;}

/* PRODUCT OF THE DAY */
.ProductOfTheDay {background: #e2e2e2; padding: 30px; width: 100%; text-align: center; float: left;  min-height: 450px;  box-sizing: border-box;}
.PODay .prodInfo {float: right; margin-top: 30px; width: 100%;}
.PODay .prodImg {float: left; margin: 0; width: 100%;}
.PODay .prodLink {font-size: 15px; font-weight: bold; font-size: 18px;}
.PODay img {display: block; margin: 0px auto; max-height: 260px!important;}
.PODay h4 {display: none;}
.PODay h4 a {color: #000;}
.PODay p { margin: 0 0 10px 0;}
.PODay btn { border: none; background: none;}
.PODay .socialLinks { padding: 5px; margin: 0 0 0 17px; float: left;}
.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;}
.grid_3 .PODay .prodNum { display: none;}
.Home .PODay .socialLinks, .prodNum, .prodDescr {display: none;}
.Home .PODay .potd-wand-pos {toP: 10px!important; left: 70px!important;}
h3.move-product strong {color: #fff!important;}
h3.move-product, h3.move-news {font-size: 32px;}

/* TILES */
.Home .mainZone4 {width: 100%!important; text-align: center; padding: 25px 0px 60px 0px; float: left; display: block; margin-left: 0px;}
.mainZone4 .grid {width: 90%; max-width: 1200px; margin: 0px auto; display: block;}
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1.66%;max-width: 30%;height: auto;background: #3085a3;text-align: center;cursor: pointer;}
.grid figure img {	position: relative;	display: block;	width: 100%;min-height: 100%;max-width: 100%;opacity: 0.4;}
.grid figure figcaption {-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}
.grid figure figcaption > a {z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {text-shadow: 1px 1px 10px #000;}
.grid figure span {color: #fff; left: -1000px; position: absolute;}
.grid figure p {color: #fff; font-size: 16px;}

/* Animation */
figure.effect-layla {background: #000;}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {position: absolute;	content: ''; opacity: 0;}
figure.effect-layla figcaption::before {top: 30px;right: 30px;bottom: 30px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
figure.effect-layla figcaption::after {top: 30px;right: 30px;bottom: 30px;left: 30px;border-right: 1px solid #fff;border-left: 1px solid #fff;	-webkit-transform: scale(1,0);	transform: scale(1,0);	-webkit-transform-origin: 100% 0;	transform-origin: 100% 0;}
figure.effect-layla h2 {padding-top: 42%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s; color: #fff; font-size: 28px; line-height: 36px; margin-bottom: 10px;}
figure.effect-layla p {padditang: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-layla:hover img {opacity: 0.8;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);transform: scale(1);}
figure.effect-layla:hover h2, figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
figure.effect-layla:hover img {transform: scale(1.1);}

/* ADDRESS | Header */
.address.inline h3, .address.inline div {display:none;}
.address.inline .email, .address.inline .phone { padding: 0 10px; display: inline; float: left;}

/* SHOPPING CART Menu | Header */
#shoppingCart { -moz-box-shadow: 0px 0px 5px #A4A4A5; -webkit-box-shadow: 0px 0px 5px #A4A4A5; box-shadow: 0px 0px 5px #A4A4A5; }
#shoppingCart { position: absolute; right: -1px; top: 100%; }
#shoppingCart .scTop {border-bottom: 1px solid #CCCCCC; height: 35px; }
#shoppingCart-empty td {padding: 2px 0 5px 10px;}
#shoppingCart .menu ul.tabs li a  {color: #5d5d5d; font-weight: normal; border-left: 1px solid #CCCCCC;}
#shoppingCart .menu ul.dropdown li a  {color: #4d4d4d; font-weight: normal; border-left: none;}
#shoppingCart .menu ul.tabs .divider span {display: none;}
#shoppingCart .menu ul.tabs li a:hover {background: #E6E6E6; color: #0085DB; cursor: pointer;}

/* AD BANNER */
.Ad, .Banner {margin: 0 50px; clear:both; }
.adSlider .btns{display:none;}
.adSlider .pagerBtn .pagination { float:right; margin-top:5px;}
.adSlider .pagerBtn .pagination li { float: left; margin: 0 7px 0 0;}
.adSlider {margin-bottom:50px;}
.adSlider .pagerBtn .pagination li a {background: #ccc; float:left; font-size: 0; height: 12px; width: 12px; line-height: 0; overflow: hidden; border-radius:50%;}
.adSlider .pagerBtn .pagination li.active a { background: #59605b;}

/* SOCIAL LINKS */
.Home .mainZone10 {width: 90%!important; margin-left: 5%; background: #000; margin-right: 0px; margin-top: 40px; padding: 120px 0px 130px 0px; text-align: center; color: #fff; background: url('https://cdn.asicentral.com/esp-websites/33020/gadgets/background-social.png') #000;   background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.Home .mainZone10 p {font-size: 18px;}
.Home .mainZone10 h2 {background: #f47639 ; /* Old browsers */
background: -moz-linear-gradient(left,  #f47639  0%, #cb2127 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f47639  0%,#cb2127 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f47639  0%,#cb2127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47639 ', endColorstr='#cb2127',GradientType=0 ); /* IE6-9 */
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; line-height: 45px; display: inline-block;}
.Home .SocialLinks {width: 90%; float: none; text-align: center; margin: 0px auto;}
.Home .SocialLinks h3 {font-size: 0px; line-height: 0px;}
.Home .social-icon{width: 90px; height: 105px; background: none; margin-right: 0px;}
.Home .social-icon:hover{color:#f47639;}
.Home .socialLinks .fa {background: #f47639;border-radius: 100px; width: 50px; height: 50px; color: #000; padding:  22px 11px 0px 11px; font-size: 32px!important; transition: all ease-in-out .25s; font-family: 'FontAwesome';}
.Home .socialLinks .fa:hover {background: #cb2127;}
.ContactUs .social-icon {background: none;}

/* ARTICLES */
.article { float: left; display: inline-block; line-height: inherit; color:#000; }
.article a{color:#000;}
.article img{display:none;}
.article:last-child { margin-right: 0px; }
.article h3 { font-size:1.25em; line-height: 1.3em; font-weight: 700; margin-top:20px; }
.article .readmore a:after { content:" >";}
.Home .articleDescr p {font-size: 16px; line-height: 26px; font-weight: 400!important; margin-bottom: 0px;}
.Home .articleDescr p strong {font-weight: 400!important;}
.EditorialContentFeed {color:#000; padding: 50px 0px 0px 3%; width: 48%; margin-right: 12%; float: left; box-sizing: border-box;}
.readmore a{color:#000; background: #cb2127; padding: 10px 30px; border-radius: 5px; margin-top: 10px; text-transform: uppercase; font-size: 16px; display: inline-block; margin-bottom: 20px; border: 2px solid #cb2127; transition: all ease-in-out .25s;}
.readmore a:hover {text-decoration: none; background: #fff;}
.ui-accordion .ui-accordion-header, .attributesContainer { background: none; border-style: dashed; border-color: #b2b2b2;}

/* PRODUCT COLLECTION */
.Home .mainZone8 {width: 90%!important; max-width: 1200px; margin: 0px auto; display: block; float: none;}
.ProductSetAutoUpdate {float: left; width: 100%;}
.prodSet h2 {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;}
#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; border: 1px solid #e2e2e2;}
#productset-content.carousel .big { font-size: 13px;} 
#productset-content.carousel .mask { margin-top: -8px; }
.ellipsis {margin:0!important; line-height: 30px;}
h2 .ellipsis {line-height: 45px;}
.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: #000; 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 auto;}

/* CONTACT US PAGE */
.ContactUs .col3 {width: 31%; padding: 0px 1%;}
.ContactUs .col3 p {font-size: 12px; line-height: 22px;}
.ContactUs .col3 p.name {font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 10px}
.ContactUs .col3 p.phone {font-size: 14px;}
.ContactUs .col3 img {border: 3px solid #d1384d; border-radius: 10px;}
.ContactUs .mainZone1 .Content {width: 100%; float: left; margin-top: 20px;}
.ContactUs h1 {text-align: center;}
.ContactUs .col3 p.name em {font-weight: normal;}
.ContactUs .container_12 .grid_9.mainZone4 {width: 60%!important; float: left;}
.ContactUs .map {width: 500px!important; max-width: 100%!important; height: auto!important;}
.ContactUs .map img {max-width: 100%!important; height: auto;}
.ContactUs .container_12 .grid_3.mainZone5 {width: 35%!important; float: right;}
.ContactUs .column {width: 48%!important; margin-right: 2%;}
.ContactUs .container_12 .grid_12.mainZone8 {margin-top: 20px;}

@media \0screen {
.configOptions .configHandle {position: absolute; width: 200px; height: 25px; line-height: 24px; color: #FFF; text-align: center; z-index: 199; font-weight: bold; font-size: 16px; border: 1px solid #0085DB; left: -80px; top: 100px; background: url('images/menuBG.png') left top repeat-x #0085DB; background: -moz-linear-gradient(19% 100% 90deg, #0085DB, #00C6FF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00C6FF), to(#0085DB)); filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); top: 0px; left: 0px;}
}

.configOptions .configHandle:hover {cursor: pointer;}
.configOptions .configHandle:before, .prdrebConfig .configHandle:after {content: ' '; display: block; position: absolute; top: -1px; width: 13px; height: 27px; background: url(images/sprite.png) 0 0 no-repeat;}
.configOptions .configHandle:before {background-position: 0 -52px; left: -13px;}
.configOptions .configHandle:after {background-position: -22px -52px; right: -12px;}
.configOptions .configHolder {overflow: hidden; position: relative; margin-left: 12px; padding: 10px; height: auto; width: auto;}
.configOptions .config {position: relative; background: #FFF; margin: 0 0 0 10px; left: -240px; width: 210px; border: none; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.configOptions .configHolder .ui-widget-header {color: #fff; background: #d1384d;}
.configOptions .configHolder .ui-widget-header h5 {color: #fff;}

/* PROD TILE */
.prodTile .prodName a {color: #000; margin-top: 10px; display: block;}
.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: 158px; left: 40%; z-index: 200;}

/* 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: 65px; font-size: 12px; text-transform: uppercase; color: #999;}
.search-within label {color: #000!important;}
.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;}
.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: #cb2127; padding: 5px 10px; font-size: 12px; font-weight: normal; margin-bottom: 15px; margin-top: 10px;}
.btnQty {background-color: #cb2127; 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;}
.Banner .inner .pagerBtn {float: left;}
.Banner .inner .btns {float: right;}
.ui-dialog {z-index: 9999;}

/* PROD DETAIL */
.ProductDetailsBasic{max-width:1200px;}
.prodDetailLinks a {font-size:16px; color: #fff; background: #000; padding: 5px 20px; border-radius: 5px; float: left; margin-right: 10px;}
.prodDetailLinks a:hover {color: #f47639;}
.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;}
.YouMayAlsoLike .gridFooter {   border: 1px solid #CCC; border-bottom: 2px solid #CCC; border-top: none; background: #FFF; height:180px; width: 16%; float: left;}
.YouMayAlsoLike .gridFooter img{margin-bottom:10px;}
.YouMayAlsoLike .fieldsetInner {   border: none;}
.downloadLinks a{font-size:20px;}
.container_12 .grid_4.prodImage {width: 38%!important;}
.container_12 .grid_8.prodDetail {width: 57%!important; float: right; margin-left: 0px;}
.priceGrid {width: 99.75%;}

/* PRESENTATIONS */
.Presentation .pageControls {position:relative; top:unset; left:unset;}
.Presentation .mainZone1 .btn{color: #fff; font-size: 16px;  padding: 15px 30px;  border: none;  border-radius: 30px;  background: #77bfe2;  background: -moz-linear-gradient(top, #77bfe2 0%, #35a1d4 100%);  background: -webkit-linear-gradient(top, #77bfe2 0%,#35a1d4 100%);   background: linear-gradient(to bottom, #77bfe2 0%,#35a1d4 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bfe2', endColorstr='#35a1d4',GradientType=0 );}
.Presentation .mainZone1 .btn:hover{color:#fff;}

/* FEATURED VIDS */
.featureVideo h6 { margin-bottom: 5px; margin-top: -6px; font-weight: normal; }
.featureVideoSet ul { margin: 0 -5px; }
.featureVideoSet ul li { float: left; padding:0; }
.featureVideoSet .tile { padding: 10px 0; border: none; margin: 5px; }
.featureVideoSet .title { margin: 5px; text-align: center; font-size: 11px; }
.featureVideoSet ul li:first-child { width: 100%; display: block; }
.featureVideoSet ul li:first-child .tile { border: none; margin: 0; }
.featureVideoSet ul li:first-child .title { text-align: left; float: none; font-size: 14px; font-weight: bold; }

/* FOOTER */
.container_12 .grid_5.FooterdZone3 {margin: 0px auto; float: none; width: 100%!important;}
.footerWrap{ background:#000; padding: 40px 0px 60px 0px; text-align: center; margin-top: 60px;}
.footer { color: #FFF; font-size:18px; line-height: 28px; max-width:1200px; margin:0 auto;padding 0 0 20px 0; }
.footer .innerWrapper { margin: 0 auto; padding: 20px 0px; }
.footer .asiModule .email a { white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; white-space: -o-pre-wrap; white-space: -pre-wrap; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
.footer h3, .footer h3 span { color:#FFF; text-transform: uppercase;}
.footer a {color: #fff;}
.footer a.btn { color: #FFFFFF; background: #f47639; border: none; text-transform: uppercase; padding: 10px 40px; }
.footer h3 {font-size: 25px; margin-bottom:10; }
.footer p { font-size:22px;font-weight: normal;}
.footer .txt { clear: both; display: block; }
.footer .Address .map {display: none;}

/* COPYRIGHT */
.fullWidthFooterZone { background: #222;}
.fullWidthFooterZone .asiModule.Content { color: #fff; font-size: 12px; margin: 10px auto; padding: 0; line-height: 2em;text-align: center; }
.fullWidthFooterZone a { color: #fff; font-size: 12px; }

@media only screen and (min-width:481px) and (max-width:1200px) {
.quickSearch .formLayout.inline .flGrp.price {display:none;}
}

/* TABLET */
@media only screen and (min-width:481px) and (max-width: 1024px) {
.fullWidthHeaderZone .SocialLinks{display:none;}
.sectionWrap {max-width:95%; margin: 40px auto;}
	.container_12 .grid_9.headerZone3 {margin-top: 5px;}
.header .Menu {width: 100%; float: right; margin-top: 10px;}
.header .Menu .menu {float: right; margin-right: -12px;}
.Home .prodSet li img {max-width: 96%;}
.banner-inner {width: 86%;}
.PODay h2 {font-size: 26px!important;}
}

/* MOBILE */
@media only screen and (max-width: 480px) {
.headerZone4 {padding-bottom: 15px;}
.ContactUs .container_12 .grid_9.mainZone4 {width: 100%!important; margin-left: 0px;}
.ContactUs .column {width: 100%!important; margin-right: 0px;}
	.banner {margin-bottom: 0px;}
	.banner-inner {top: 10%; left: 5%; width: 90%;}
	.banner h2 {font-size: 30px; line-height: 40px; font-weight: 500; text-transform: none; margin-left: 0px;}
	.Home .mainZone2 {width: 100%; margin-left: 0px;}
	.welcome-wrap {width: 100%; margin: 0px; padding: 0px;}
	.Home .mainZone3 {width: 94%!important; margin: 0px 3%!important;}
	.ProductOfTheDay {padding: 30px 0px!important;}
	.grid figure {max-width: 96%;} 
	.Home .mainZone10 {float: left!important; padding: 40px 0px!important; margin-bottom: 30px!important;}
	.Home .mainZone4 {padding-bottom: 0px;}
	.QuickSearchBasic {width: 90%!important; margin-left: 5%!important;}
	.QuickSearchBasic .quickSearch .formLayout .flGrp.search-keyword {float: left; padding: 3px 0px 2px 0px;}
	.Cart .scTrigger .btnTxt::before {color: #fff;}
body {border-top: 0px;}
nav.mobile-menu a.current {color: #fff;}
.ShoppingCart {background: none; border: none; padding: 0px;}
.container_12 .grid_9.headerZone3 {width: 96%; margin: 0px;}
.container_12 .grid_3.headerZone2 {width: 100%; margin-top: 0px; padding-bottom: 0px;}
.ContactUs .col3 {width: 100%; padding: 0px; text-align: center;}
.headerZone1 .Address {position: relative; top: auto; left: auto;}
.introContent {width: 94%;}
.introContent img {margin-bottom: 20px; margin-top: 0px;}
.introContent p {width: 100%;}
.introContent h3 {text-align: center;}
.Address .address.inline .phone, .Address .address.inline .email {font-size: 24px!important;}
body { min-width: 100%; }
.sectionWrap {max-width:350px;}
body.mobile nav.mobile-menu { color: #fff; background: #cb2127; }
nav.mobile-menu > ul {background:#333;}
.header, .section { padding: 0; border-left: none; border-right: none; }
a.btn, a.btn.styled {font-size:18px;}
.fullWidthHeaderZone { height: auto; background: none; border-bottom: none; color:#59605b; } 
.fullWidthHeaderZone a{color:#59605b;}   
.fullWidthHeaderZone .Address { text-align: center; }
.headerZone1 {margin-top: 0!important;}
.fullWidthHeaderZone .socialLinks, .fullWidthHeaderZone .Address, .fullWidthHeaderZone .Menu { display:none;}
.ShoppingCart .shoppingCart-container{right: 10px; top: -65px; z-index:2; position:absolute;}
.ShoppingCart .Cart #shoppingCart { width: 300px; left: auto; right: 0;}
.Cart .scTrigger .btnTxt {color:#fff; font-size: 16px;}
.shopping-cart-header h5{color:#59605b;}
.quickSearch .formLayout input.text {height: 45px;}
.quickSearch .formLayout.inline a.btn {padding: 15px 12px 10px 12px;}
.banner1{margin-top:9px;}
.banner-inner{ margin: 0; }
.introContent{text-shadow:none; margin:0 3%; text-align:center;}
.arrow{display:none;}
.shopByTile {width:46%; margin:5px; height:200px;}
.tileText {font-size:1.5em; margin:-130px 0 150px;}
.article{ width:90%!important; margin: 0 10px 20px!important;}
.EditorialContentFeed::before {margin:10px;}
.ProductSetAutoUpdate a.next, .ProductSetAutoUpdate a.previous{display:none;}
.ProductSetAutoUpdate {padding: 0!important;}
.NewsletterSignup .formLayout.inlineTitle { display: inline-block; }
.footer .innerWrapper { width: 100%; }
.footer .socialLinks{ margin:10px auto 40px; width:100%;}
.footer a.btn {padding-left: 20px;}
.footer .menu {display:block; margin-bottom:200px;}
.footer .menu li{width:100%;}
.footer .menu > ul li {padding:0 0 0 15px;}
.Home .ProductSetAutoUpdate {margin-right: 0px; margin-top: 20px;}
.Home ul.social {width: 97%; padding: 0px;}
.Home .SocialLinks h3:before {line-height: 28px;}
.column {width: 100%;}
.container_12 .prdrebConfig.grid_3 {width: 100%!important;}
.prdrebProducts.grid_9.omega {width:100%!important;}
.col4.prodPannel {    width: 100%!important;}
.ProductResultsBasic .prdrebConfig.active {   z-index: 1000;   width: 100%;}
.prdrebTopBreadcrumbs{width:100%;float:none;}
.btn-close-filters { content: url(https://cdn.asicentral.com/esp-websites/designstore/summit/images/close.png);}
.ProductResultsBasic .productList .prodTile .prodImg {width: 110px!important;}
.prodTile {height: auto!important; min-height: 1px!important; margin-bottom: 10px;}
.container_12 .grid_4.prodImage, .container_12 .grid_8.prodDetail {width: 100%!important;}
}
/* Presentation */
.container_12 {
    width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}