/**
*
* OGIO.CSS
*
* Write your "generic" CSS styles here. These should apply to all of the
* media query states.
*
* Any styles that are tied to a specific media query state should be
* added to OGIO-RESPONSIVE.CSS.
*
*/

/**
*
* GLOBAL STYLES
*
*/
html, body {height:100%;}
body { margin: 0; padding: 0; font-family: 'Mulish', sans-serif; color:#222; }
body.loading, body.loading button, body.loading input, body.loading span { cursor:wait; }
p {margin: 0 0 20px;}
a {color: #C60C30;}
a:hover {text-decoration:none;}
img {max-width:100%;}

#page-title {padding:100px 15px 40px; }
#page-title h1 {text-transform:uppercase;}

.select.btn-group, .select .btn { width: 100%; }
.noDisplay {display:none;}
.collapse { height: 0 !important; padding: 0 !important; margin: 0 !important; }
.clear {clear:both;}
.noMargin {margin:0;}

.btn {padding-left:25px; padding-right:25px; border-radius:0; text-transform:uppercase; transition: all 0.3s ease 0s;}
.btn-primary {background-color:#E82409; border-color:#E82409;}
.btn-primary:hover, .btn-primary:focus {background-color:#9F1503; border-color:#9F1503;}
.btn-warning, .btn-warning:hover {background-color:#feb312 ; border-color:#feb312;}
.btn-outline {background-color:transparent; border:2px solid #E82409;}
.btn-outline:hover, .btn-outline:focus {background-color:#E82409; border-color:#E82409; color:#fff;}

input.form-control {box-shadow:none;}
select { height: 34px; }
select[multiple] { height: auto; }
.input-lg, .form-group-lg input.form-control { border-radius: 0; font-size:14px; }
.btn-lg, .btn-group-lg > .btn {padding:14px 26px; font-size:14px;}
.label {padding-left:0; color:#999;}

.radio-inline { margin-left: 0; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
.radio-inline + .radio-inline { margin-left: 0; }
a.skip-nav {
    opacity: 0;
    position: absolute;
    top: 100vh;
    left: 100vw;
    padding: 10px;
    color: #fff;
    background-color: #000;
    border-radius: 20px;
}

a.skip-nav:focus { opacity: 1; top: 25%; left: 20%; }

.loading-bg {
	position: relative;
	overflow: hidden;
}
.loading-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	background: transparent url(../images/loading-small.gif) center center no-repeat;
}

.slide-panel-content.loading-bg { position: fixed; }

.noscript{ text-align: center; width: 100%; font-weight: bold; padding: 2rem; background-color: #ffe4bd;}

a.skip-main {
	display: block;
	margin: 0 0 0 -999px;
	height: 0px;
	overflow: hidden;
}

a.skip-main:focus, a.skip-main:active {
	margin: 0 auto;
	color: #fff;
	background-color:#000;
	height: max-content;
	width: max-content;
	padding: 6px 12px;
	border-radius: 30px;
	text-align: center;
	font-size: 1.2em;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#category-results .toggle-div #secondary.open { display: unset; }
#category-results .toggle-div #secondary { display: none; }
button#nav-icon { border: unset; background-color: unset; }
#cart-slideout { display: none; }
#cart-slideout.open { display: unset; }

/* ADA contrast ratio too low - changed from #999 > #727272  */
.nav-secondary-content .email-subscription input.form-control::placeholder {
	color: #727272;
}

/*
 * .compact Bootstrap class
 *
 * Removes left and right margin on .container, .row, .col-*-*
 * Adds padding to .col-*-* classes instead.
 *
 * Example:
 * <div class="container compact">
 *     <div class="row">
 *     ...
 *     </div>
 * </div>
 */
.compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.compact .row { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.compact .col-xs-1,  .compact .col-sm-1,  .compact .col-md-1,  .compact .col-lg-1,
.compact .col-xs-2,  .compact .col-sm-2,  .compact .col-md-2,  .compact .col-lg-2,
.compact .col-xs-3,  .compact .col-sm-3,  .compact .col-md-3,  .compact .col-lg-3,
.compact .col-xs-4,  .compact .col-sm-4,  .compact .col-md-4,  .compact .col-lg-4,
.compact .col-xs-5,  .compact .col-sm-5,  .compact .col-md-5,  .compact .col-lg-5,
.compact .col-xs-6,  .compact .col-sm-6,  .compact .col-md-6,  .compact .col-lg-6,
.compact .col-xs-7,  .compact .col-sm-7,  .compact .col-md-7,  .compact .col-lg-7,
.compact .col-xs-8,  .compact .col-sm-8,  .compact .col-md-8,  .compact .col-lg-8,
.compact .col-xs-9,  .compact .col-sm-9,  .compact .col-md-9,  .compact .col-lg-9,
.compact .col-xs-10, .compact .col-sm-10, .compact .col-md-10, .compact .col-lg-10,
.compact .col-xs-11, .compact .col-sm-11, .compact .col-md-11, .compact .col-lg-11,
.compact .col-xs-12, .compact .col-sm-12, .compact .col-md-12, .compact .col-lg-12 {
	padding: 0;
	margin: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; 
}

/*
 * Bootstrap equal-height columns in a row
 *
 * Example:
 * <div class="container">
 *     <div class="row row-eq-height">
 *        <div class="col-md-6"> ... </div>
 *        <div class="col-md-6"> ... </div>
 *     </div>
 * </div>
 *
 */
@media (min-width: 768px) {
	.row.row-eq-height { display: table; }
	.row.row-eq-height > .col-sm-1,
	.row.row-eq-height > .col-sm-2,
	.row.row-eq-height > .col-sm-3,
	.row.row-eq-height > .col-sm-4,
	.row.row-eq-height > .col-sm-5,
	.row.row-eq-height > .col-sm-6,
	.row.row-eq-height > .col-sm-7,
	.row.row-eq-height > .col-sm-8,
	.row.row-eq-height > .col-sm-9,
	.row.row-eq-height > .col-sm-10,
	.row.row-eq-height > .col-sm-11,
	.row.row-eq-height > .col-sm-12 {
		display: table-cell; float: none; vertical-align: top; 
  	}
}
@media (min-width: 992px) {
	.row.row-eq-height { display: table; }
	.row.row-eq-height > .col-md-1,
	.row.row-eq-height > .col-md-2,
	.row.row-eq-height > .col-md-3,
	.row.row-eq-height > .col-md-4,
	.row.row-eq-height > .col-md-5,
	.row.row-eq-height > .col-md-6,
	.row.row-eq-height > .col-md-7,
	.row.row-eq-height > .col-md-8,
	.row.row-eq-height > .col-md-9,
	.row.row-eq-height > .col-md-10,
	.row.row-eq-height > .col-md-11,
	.row.row-eq-height > .col-md-12 {
		display: table-cell; float: none; vertical-align: top; 
  	}
}
@media (min-width: 1200px) {
	.row.row-eq-height { display: table; }
	.row.row-eq-height > .col-lg-1,
	.row.row-eq-height > .col-lg-2,
	.row.row-eq-height > .col-lg-3,
	.row.row-eq-height > .col-lg-4,
	.row.row-eq-height > .col-lg-5,
	.row.row-eq-height > .col-lg-6,
	.row.row-eq-height > .col-lg-7,
	.row.row-eq-height > .col-lg-8,
	.row.row-eq-height > .col-lg-9,
	.row.row-eq-height > .col-lg-10,
	.row.row-eq-height > .col-lg-11,
	.row.row-eq-height > .col-lg-12 {
		display: table-cell; float: none; vertical-align: top; 
  	}
}

body.IE {
    overflow-y: scroll !important;
    -ms-overflow-style: scrollbar;
}

/*
 * Constant-Aspect Ratio Responsive Box
 * 
 * Maintains aspect ratio while resizing to parent container width.
 * Chrome, FireFox, IE8+
 *
 * Example:
 * <div class="box box-4x3">
 *    <div class="content"> ... </div>
 * </div>
 *
 */
.box { position: relative; width: 100%; overflow: hidden; }
.box:before { content: ""; display: block; padding-top: 100% }
.box > .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.box-1x1:before { padding-top: 100%; }
.box-4x3:before { padding-top: 75%; }
.box-3x2:before { padding-top: 66.66666666%; }
.box-16x9:before { padding-top: 56.25%; }
.box-2x1:before { padding-top: 50%; }
.box-21x9:before { padding-top: 42.857142857143%; }

/**
* 
* HOMEPAGE STYLES
*
*/
#home-slider {margin-bottom:60px;}
#home-slider .swiper-pagination-bullet-active {background:#68809b;}

.homepage-hero .contentAsset {
	height:100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.homepage-hero .contentAsset h2, .homepage-hero .contentAsset h3, .homepage-hero .contentAsset h4 {margin:5px 0;}
.homepage-hero .contentAsset h2 {
	font-size:4rem;
	text-transform:uppercase;
	font-weight:600;
	line-height:4rem;
	letter-spacing:-1px;
}
.homepage-hero .contentAsset h3 {font-size:2.2rem; text-transform:uppercase;}
.homepage-hero .contentAsset h4 {font-size:2.2rem;}
.homepage-hero .contentAsset hr {margin:15px 0; border-top:2px solid #999;}
.homepage-hero .contentAsset a.btn {margin-top:20px;}
.homepage-hero .contentAsset .glyphicon {vertical-align:top;}

.home-secondary {padding-bottom:30px; margin:30px 0; transition: all 0.3s ease 0s;}
.home-secondary:hover {background-color:#f2f2f2;}
.home-secondary h3 {text-transform:uppercase; font-weight:600; font-size:18px;}
.home-secondary h5 {margin-bottom:20px; color:#999;}
.home-secondary .home-secondary-bg {background-size:cover; background-repeat:no-repeat;}

/**
* 
* HOMEPAGE SLOT TEMPLATES
*
*/
#media-image-right, #media-image-left { position:relative; margin: 100px auto; }
#media-image-right .row, #media-image-left .row { height:400px; }
#media-image-right .media-img, #media-image-left .media-img { background-size:cover; height: 100%; }


#main div#content-container{
	padding-top: 0;
	padding-bottom:0;
}

.pdp-gallery .swiper-slide,
#home-slider .swiper-slide {
	height: auto;
	width: 100% !important;
}

.homepage-hero {  
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media (max-width: 1024px) {
	.pdp-gallery .swiper-slide,
	#home-slider .swiper-slide {
		height: 600px;	
	}
} 

@media (max-width: 480px) {
	.pdp-gallery .swiper-slide,
	#home-slider .swiper-slide {
		height: 700px;
	}

	.homepage-hero .contentAsset h2 {
    	font-size: 2rem;
    }
    
    .homepage-hero .contentAsset h4 {
    	font-size: 2rem;
    }
}  

/**
*
* LOYALTY STYLES
*
*/
.loyaltyOverview {padding:20px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.loyaltyOverview h3 {text-align:center; margin-top:0; margin-bottom:30px; font-weight:600;}
.loyaltyOverview h3 .icons {color:#feb312}
.loyaltyOverview label {font-weight:500; color:#999;}
.loyaltyOverview .value {font-size:6rem; line-height:5.5rem; font-weight:600;}
.loyaltyOverview .rewards-activity {line-height:8rem;}

img.header-loyalty {
  width: 22px;
  margin-right: 5px;
  margin-bottom: -12px;
  position: relative;
  margin-top: -14px;
}

.optinCurrentUser {margin-top: 20px;}
.checkbox.checked.appendlink {display:inline; margin-right:5px}

.loyalty-points.table {
  margin-bottom: 80px;
  border-bottom: 1px solid #cccccc;
}

.loyalty-points.table td {
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #cccccc;
  width: 10%;
}

.loyalty-points.table td span {
  color: #E82409;
}

.loyalty-points.table td.pointsLoyalty {
  font-weight: 600;
  background-color: #f2f2f2;
  text-align: center;
}

.loyalty-points.table-border tbody:first-child tr:first-child th {
  background-color: #222;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 15px;
}

.loyalty-points.table-striped tbody>tr:nth-child(odd)>td {
  background-color: #f9f9f9;
}

.loyaltyItem.productTile {text-align:center; margin-bottom:30px;}

#page-title .loyaltyHeaderPoints span {
  color: #fff;
  display: inline-block;
  padding: 22px 0;
}

.tileDescription > h4.pointsAmount span {
  font-size: 1.6rem;
  font-weight: 400;
}

.tileDescription > h4.pointsAmount {
  color: #E82409;
  background-color: #ddd;
  border-radius: 4px;
  padding: 10px 20px;
  width: auto;
  display: inline-block;
}

#page-title .loyaltyHeaderPoints h5 {
    background-color: #000;
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 20px 30px 22px 30px;
    font-weight: 600;
    font-size: 24px;
}

.loyaltyHeaderPoints {
  text-align: right;
}

a.btn.btn-small.btn-primary.loyalty-btn {
    margin-top: 20px;
}

.alert.alert-error.loyalty-alert  {
    margin-top: 20px;
    margin-bottom: 10px;
}

.pt_account textarea#txtGigyaAdditionalParameters {
    display: none;
}

#RegistrationForm_Account select.btn.btn-small{background-color: #a5aaae;}

/*My account change password modal styles*/
#changePasswordModal div.modal-content{
	border-radius: 6px;
    overflow: hidden;
}
#changePasswordModal div.modal-header{
	background: #E82409 none repeat scroll 0 0;
    height: 25px;
}
#changePasswordModal div.modal-header p{
	color: white;
    float: left;
    font-size: 22px;
}
#changePasswordModal p{
	color: #E82409;
    font-size: 16px;
    margin-bottom: 0;
}
#changePasswordModal p.changePassModalInstruct{
	color:black;
	margin-bottom:10px;	
}
#changePasswordModal input{
	width: 98%;
}
button.changePasswordDoneButton{
	background-color: #418cff;
    border-radius: 6px;
    color: #ffffff;
    float: left;
    opacity: 1;
    padding: 10px 60px;
    text-shadow:none;
}
button.changePasswordDoneButton:hover{
	background-color:#5da4ff;
	color: #ffffff;
	opacity:1;
}
.changePasswordDoneButton:disabled{
	opacity:0.2;
	background-color:grey;
	color: #000000;
}
.changePasswordDoneButton:disabled:hover{
	opacity:0.2;
	background-color:grey;
	color: #000000;
}

/**
*
* HELP & ACCOUNT BUTTON STYLES
*
*/
#site-help, #my-account { position: relative; }
#site-help > a, #my-account > a { height: 60px; overflow: hidden;opacity:.8 ; filter: alpha(opacity=80); }

#header-help-container {
	position: absolute;
	top: 85px;
	right: 0;
	width: 200px;
	padding:15px 0;
	font-size: 1.3rem;
	line-height: 15px;
	background-color: #F6F7F9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.25s, visibility 0.25s;
	   -moz-transition: opacity 0.25s, visibility 0.25s;
	     -o-transition: opacity 0.25s, visibility 0.25s;
	        transition: opacity 0.25s, visibility 0.25s;
}

#sign-in-menu {
	position: absolute;
    right: 0px;
	line-height:1.8rem;
	background-color: #F6F7F9;
	visibility: hidden;
	opacity: 0;
	padding:20px;
	-webkit-transition: opacity 0.25s, visibility 0.25s;
	   -moz-transition: opacity 0.25s, visibility 0.25s;
	     -o-transition: opacity 0.25s, visibility 0.25s;
	        transition: opacity 0.25s, visibility 0.25s;
}

#locale-selector-menu {
	position: absolute;
    right: 0px;
	width: 350px;
	line-height:1.8rem;
	background-color: #F6F7F9;
	visibility: hidden;
	opacity: 0;
	padding:20px;
	-webkit-transition: opacity 0.25s, visibility 0.25s;
	   -moz-transition: opacity 0.25s, visibility 0.25s;
	     -o-transition: opacity 0.25s, visibility 0.25s;
	        transition: opacity 0.25s, visibility 0.25s;
}

@media (max-width: 450px) {
  #sign-in-menu {
    right: -50px !important;
  }
}

#header-help-container ul, #locale-utility ul { padding: 0; margin: 0; list-style: none outside none; }
.help-open #header-help-container, .sign-in-open #sign-in-menu, .locale-open #locale-selector-menu { visibility: visible; opacity: 1; z-index:50006; }
.help-open > a, .help-open > a:hover { background-color: #F6F7F9; }
.sign-in-open > a, #locale-utility a:hover, #my-account-utility a:hover, #search-utility a:hover, #help-utility a:hover, #cart-utility a:hover {background-color: #F6F7F9; color: #222; }
.utility-section #header-help-container ul a { display: block; color: #68809b; padding: 10px 20px; line-height:initial; }
.utility-section #header-help-container ul a:hover { background-color: #68809b; color:#fff; }
#sign-in-menu a, #locale-selector-menu a {padding:0; color:#444; line-height:initial;}
#sign-in-menu > i, #locale-selector-menu > i {position:absolute; color:#2F3336; top:-13px; right:140px; font-size:20px !important;}
#sign-in-menu .resetPaswordLink {display:inline-block; margin-left:15px; font-style: italic;}
#sign-in-menu #header-my-account-links {margin:20px 0 0 0; list-style: none; padding-left: 0;}
#sign-in-menu #header-my-account-links li {padding:5px 0;}

#sign-in-menu .liLoginHeader {margin-top:30px;}
#sign-in-menu .needAccount {font-size: 1.8rem; margin:50px 0 15px;}
#sign-in-menu .gigya-header { font-size: 18px; }
#orderStatusModal {z-index: 500000; }

.breadcrumbContainer {
	margin-top: 105px;
}

/**
*
* MOBILE NAV STYLES
*
*/
#nav-mobile-icon { padding: 30px 20px; }
#nav-mobile-icon .fa-bars { font-size: 2.6rem; color: #fff; }
#nav-mobile { display: none; }

.mm-menu .mm-listview > li:after {left:0 !important;}
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-top: 71px; }

/**
*
* SEARCH BAR STYLES
*
*/
.search-close .search-container { display: none; visibility:hidden; }
.search-open .search-container { visibility: visible; position:relative; padding:5px 0; text-align:center; background:#F6F7F9 none; z-index:10000; border-bottom: 5px solid #ddd; }
.search-container .input-append {position:relative;}
.search-container .input-append input {background:transparent; border:none;}
.search-container .input-append input::placeholder {color: #505050;}
.search-container .input-append input:focus {outline:none; box-shadow:none !important;}
.search-container button {position:absolute; top:0; right:0; background: transparent; font-size: 28px; height: 100%; padding:0 20px; border:none;}

/**
* 
* FOOTER STYLES
*
*/
footer { background-color:#fff; color:#191A1B; }

footer .footer-logo {
	width: 50%;
	height: auto;
	padding-top: 50%;
	background: #fff url(../images/ogio-logo-vertical-black.svg) 0 50% no-repeat;
	background-size: contain;
}

footer .why-buy a {
	color: #191A1B;
}
footer #connect-container {text-align:left; margin-bottom:80px;}
footer #connect-container .input-append, #emailSignupModal .modal-body .input-append {
	position:relative;
	margin-top:15px;
	width: 100%;
}
footer #connect-container .form-group-lg input.form-control {
	width: 75%;
}
footer #connect-container .input-append button, #emailSignupModal .modal-body .input-append button {
	position:absolute;
	top:0;
	left:75%;
	border:none;
	background:#C60C30 none;
	color:#fff;
	font-size:1.4rem;
	font-family:'Mulish', Sans-Serif;
	text-transform: uppercase;
	line-height: 46px;
	padding: 0 30px;
}
footer #connect-container h3 {
	color: #191A1B;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 900;
    margin: 10px 0 5px;
}
footer #connect-container p {magin-bottom:5px;}

footer #footer-nav h5 {
	text-transform:uppercase;
	color:#191A1B;
	font-weight: 700;
}
footer #footer-nav nav ul {padding: 0; list-style-type: none;}
footer #footer-nav nav ul a {color:#6f6f6f; display:inline-block;}
footer #footer-nav .footer-social-links {margin-top:30px;}
footer #footer-nav .footer-social-links a {color:#fff; display:inline-block; margin-right:20px; font-size:2rem;}

footer .locale-selector {text-align:center;}
footer #footer-nav-logo-region a#callaway-footer-logo {background:url(../images/sprite-frame.png) 0 -264px; width:172px; height:96px; display:inline-block; margin:10px 0 40px;}
footer .mini-locale-selector .btn {background:#444; color:#999;}
footer .mini-locale-selector ul {padding:0; border-radius:0;}
footer .mini-locale-selector ul li a, footer .mini-locale-selector ul dt {padding:7px 40px;}
footer .mini-locale-selector ul li.locale-group {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0;}

footer #footer-logos { border-top: 1px solid #ccc; padding-top: 20px;}
footer #footer-logos ul {padding:0; list-style-type: none; text-align:center; margin:80px 0 20px;}
footer #footer-logos ul li {display:inline-block; margin:15px 40px; vertical-align:middle;}
footer #footer-logos ul li a {background:url(../images/sprite-frame.png); display:block;}
footer #footer-logos ul li a#ody-footer-logo {width:152px; height:30px; background-position:-45px -36px;}
footer #footer-logos ul li a#toulon-footer-logo {width:186px; height:30px; background-position:-45px -0;}
footer #footer-logos ul li a#cgpo-footer-logo {width:169px; height:39px; background-position:-45px -66px;}
footer #footer-logos ul li a > span, footer #footer-nav-logo-region a > span {display:block; text-indent:-4000px; height:inherit;}

footer .footer-copyright { text-align: right; color: #6f6f6f; }
footer #focusHolder {opacity:0; display:none;}
footer #focusHolder:focus {display:unset;}
/**
*
* CART STYLES
*
*/
#basket-summary-container {padding:20px; background-color:#F6F7F9;}
.basket-summary-title { font-size: 2rem; margin-top: 0; font-weight:600; }
#basket-shipping-selector { margin: 0; }
.basket-section { padding: 8px 0; }
.basket-section form {margin:0;}
#basket-total { font-weight: bold; }

.paypalButton {padding:0; border:0; background:#ddd; width:100%;}
.paypalOrder {margin-top:20px;}
#basket-order-summary .alert-error p { font-size: 1.6rem; line-height: 1.8rem; margin-left: 40px; }

.basketContainer .lineItem {margin-bottom:3.5rem;}
.basketContainer p {margin-bottom:1rem;}
.basketContainer .availability {font-style:italic; margin-bottom:1rem;}
.basketContainer ul {color:#6f6f6f;; list-style:none; margin:0; padding:0; font-size:1.2rem; }
.basketContainer ul li {line-height:1.6rem;}
.basketContainer .lineItemActions input {text-align:center; margin-bottom:15px;}
.basketContainer .lineItemPrice {text-align:right;}
.basketContainer .itemPriceSubtotal, .basketContainer .itemPriceCustomization {margin-bottom:0.6rem; color:#6f6f6f;; font-size:1.4rem; line-height:normal;}
.basketContainer .priceWas {text-decoration:line-through; color:#ccc;}
.basketContainer .itemPriceTotal {font-weight: 900;}
.basketContainer .productattributes .label, .basketContainer .productoption .label {color: #222;}

.titu-text-value {font-weight:bold;}
.ordershipmenttable .row {margin: 0;}
.ordershipments .lineItemActions {margin-top:10px; font-weight:bold;}

/**
*
* CHECKOUT
*
*/
.checkout-container {margin:auto; padding-bottom:150px;}
.checkout-container #page-title {padding: 20px 0 0; text-align: left;}
.checkout-container .ordersummary, .confirmation .ordersummary {margin-top:20px;}
.checkout .error_message,
.checkout .error_message a {color:#E82409;}
.checkout h4 {margin-top:3.5rem; font-size:2rem;}

#rewardsform .rewards-points-text, #rewardsform #rewardsapplied {margin-bottom:5px;}
#rewardsform .rewardsDollarConversion, #rewardsform .rewardsDollars {font-weight:bold;  color: #057D3F;}

.checkoutLogin h6 {margin-top:1rem; line-height:1.5rem;}
.checkoutLogin p {margin-bottom:5px;}
.checkoutLogin .alert .btn {margin:0;}
.checkoutLogin a {display:inline-block; margin:10px 0 0 10px; font-weight:normal; color:#6f6f6f;}
.checkoutLogin form {margin:0;}
.checkoutLogin .form-group {margin-bottom:0;}

.emailHint {font-size:1.8rem; color:#6f6f6f; font-weight:300;}

#locateGiftCardNumber {display:inline-block; margin:5px 0 0 15px;}
.paymentmethods p {margin-top:3rem;}
.delivery-date-entry { display:none }

.giftcardRedemptions table {margin:20px 0;}

.checkoutsummary_minicart {margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #6f6f6f;}
.checkoutsummary_minicart .summaryproduct {margin:30px 0;}
.checkoutsummary_minicart .summaryproduct .summary-name {margin-bottom:10px;}
.checkoutsummary_minicart .summaryproduct .promo{ padding-left: 5rem; }
.checkoutsummary_minicart .summaryproduct .standardprice{ opacity: 0.5; text-decoration: line-through; }
.ordersummary table {width:100%; text-align:right;}
.ordersummary table td {padding-bottom:5px;}
.ordersummary table .ordertotal td {font-weight:bold;}

.submit_status {display:inline-block; margin:15px 0 0 25px;}

.savedEmail {margin-bottom:20px;}
.savedEmail .labeltext {padding-right:10px;}
.savedEmail .valuetext {font-weight:bold;}

.confirmation .confirmation-number {margin:20px 0;}
.confirmation .confirmation-number .text-label {font-weight:bold;}
.confirmation .ordershipments {margin:20px 0; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.confirmation .ordershipment {margin-bottom:20px;}
.confirmation .ordertotals table {text-align:right; width:50%; float:right;}
.confirmation .ordertotals table td {padding:5px 0 5px 5px;}
.confirmation .ordertotals .ordertotal {font-weight:bold;      }
.confirmation .minishipment .details, .confirmation .minibilling .details {margin-bottom:20px;}
.confirmation .minishipment .text-label, .confirmation .minibilling .text-label {font-weight:bold;}

.confirmation .saveaccount .indielabel {font-weight:bold; padding-right:5px;}

.formfield_container.country .dropdown-menu, .formfield_container.state .dropdown-menu { max-height: 380px !important; }

#dwfrm_billing_paymentMethods_creditCard { display: none; }
.billingform .continuecheckoutbutton { display: none; }
.billingform .continuecheckoutbutton .orderBtn { display: block; width: 100%; }
/* .checkbox input[type="checkbox"].billingmargin, .checkout_info .emailsignup input, .checkout_info .giftmessage input { margin-left: 0; } */
.military-discount .IDmeButtonMil {padding-left: 0;}

.checkout-container .alert-info {color: #191A1B; background-color: #F6F7F9; border-width: 0;}
.checkout-container .summary-qty .label {color:#6f6f6f;}
.checkout-container button.btn.btn-block.btn-warning.orderBtn.IFrameButton.btn-lg {background-color: #c60c30; border: none; }

.paypalOr {text-align:center; padding: 1.5rem 0; }

/**
*
* Sort and Filter
*
*/
.refinements .refinement {padding-top:2rem; border-top: 1px solid #DDD; margin: 5rem 5rem;}
.refinements .refinement h5.toggle {cursor:pointer; display:inline-block;}
.refinements .refinement h5.toggle:hover i {color: #68809b;}
.refinements .refinement .clear-refinement {display:inline-block; font-size:12px; color:#999;}
.refinements .refinement .clear-refinement a {color:#999;}
.refinements .refinement .nav > li > a {padding:1rem 0; color:#666;}
.refinements .refinement .nav > li > a:hover {padding-left:10px;}
.refinements .refinement .nav > li.selected a {color:#e82409;}
.refinements .refinement #category-level-1 a.active {color:#68809b;}
.refinements .refinement #category-level-2 {margin-left:8px; font-weight:normal; font-size:1.2rem;}

/**
*
* SEARCH GRID & NO RESULTS STYLES
*
*/

@media (min-width: 992px) {
	.search-result-items .grid-tile:nth-of-type(3n+1) {
		clear: both;
	} 
}
@media (max-width: 991px) {
	.search-result-items .grid-tile:nth-of-type(2n+1) {
		clear: both;
	} 
}
@media (max-width: 767px) {
	
}

.pagination {color:#999;}
.pagination span {font-weight:bold;}

.search-result-content #search-result-items {padding:0; margin:0; list-style-type:none;}

.search-result-content .categoryResult {margin-bottom:40px; padding-top:15px;}
.search-result-content .categoryResult a {display:block; color:#222; text-align:center;}
.search-result-content .categoryResult .product-tile a { color: #fff; }
.search-result-content .categoryResult .product-image {text-align:center;}
.search-result-content .categoryResult .product-name h3 {font-size:1.4rem;} 
.search-result-content .categoryResult .product-pricing {margin-bottom:15px; color:#999;}
.search-result-content .categoryResult .product-pricing span {display:inline-block;}
.product-pricing .was-adjusted { text-decoration: line-through; }

.search-result-content-extended { max-width: 1200px; margin-left: auto; margin-right: auto; }
.search-result-content-extended ul li.categoryResultExtended { list-style: none outside none; }

#category-results h1.content-header{
	font-size: 30px;
    font-weight: 600;
}

.productTile .tileRating .pRating {margin-left:auto;margin-right:auto}

.ProdListCircular div.round{
	border: #eaeaeb 3px solid;
	overflow: hidden;
	height: 210px;
	position: relative;
	width: 210px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.ProdListCircular p.tileRating{
	display: none;
}
.ProdListCircular div.productTile h3{
	color: #b3b3b3;
	text-align: center;
}


.ShopNowButton{display: none;}
.categoryResultExtended button.ShopNowButton{display: block;}

.infinite-scroll .search-result-content .infinite-scroll-loading {
  text-align: center;
  background: url("../images/loading-small.gif") center no-repeat;
  height: 35px;
  width: 100%; 
}

.disable-infinite-scroll .search-result-content .page-element {
  display: none; 
}

.iscroll{display: block;
    text-align: center;
    visibility: hidden;
}
.iscroll-loading {
    visibility: visible;
}

.search-result-options{
    margin-bottom: 30px;
    padding: 10px 15px;
    width: auto;
    height: 30px;
}

/**
*
* EXTENDED PRODUCT GRID STYLES
*
*/
.ProdListExtended {margin: 0; padding: 0;}

.productContentCont{padding: 0;}
li.categoryResultExtended:nth-of-type(odd) div.productContentCont {float:left;}
li.categoryResultExtended:nth-of-type(odd) div.productLinkCont {float:right;}
li.categoryResultExtended:nth-of-type(even) div.productContentCont {float:right;}
li.categoryResultExtended:nth-of-type(even) div.productLinkCont {float:left;}
.productLinkCont button{
	background: rgba(255, 0, 255, 0) none repeat scroll 0 0;
    border: 3px solid black;
    border-radius: 0;
    color: black;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    text-transform: uppercase;
}
.productLinkCont button:hover{
	background: black;
	color: white;
}

.contentOneCont{height: 200px;}
.contentOneModalClick{cursor: pointer; height: 100%;}
.contentOneModalClick img{}
.contentTwoModalClick{cursor: pointer; height: 100%;}
.wp-post-image{height: auto; width: auto; object-fit: fill}
.contentTwoModalClick div.wp-feature-image{height: 100%;}
.contentOneModalClick div.wp-feature-image{height: 100%;}
.contentTwoModalClick img{}
.contentTwoModalClick p{bottom: 0; color: white; font-size: 12px; margin: 0; position: absolute; padding: 10px;}
.contentOneModalClick p{bottom: 0; color: white; font-size: 12px; margin: 0; position: absolute; padding: 10px;}
.contentTwoModalClick p:first-of-type{bottom: 20px; font-size: 20px;}
.contentOneModalClick p:first-of-type{bottom: 20px; font-size: 20px;}
.contentTwoCont{height: 200px;}
.contentOneCont{height: 200px;}
.productContentSlotOne{position:relative; padding: 0;}
.productContentSlotTwo{position:relative; padding: 0;}
.productContentSlotTwo img{height: 100% !important; width: 100% !important; padding: 0 !important;}
.productContentSlotOne img{height: 100% !important; width: 100% !important; padding: 0 !important;}
.productLinkCont {
	height: 400px; 
	position: relative; 
	padding: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,ffffff+100&0+25,1+100 */
	background: -moz-linear-gradient(top,  rgba(125,126,125,0) 0%, rgba(158,158,158,0) 25%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,0) 0%,rgba(158,158,158,0) 25%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,126,125,0) 0%,rgba(158,158,158,0) 25%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d7e7d', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.productLinkCont div.product-image{bottom: 0; position: absolute; right: 0;}
.productLinkCont div.product-details{bottom: 10px; left: 25px; position: absolute; width: 60%;}
.blogTextCont{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100&0+50,0.9+100 */
	background: -moz-linear-gradient(top,  rgba(125,126,125,0) 0%, rgba(70,70,70,0) 50%, rgba(14,14,14,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,0) 0%,rgba(70,70,70,0) 50%,rgba(14,14,14,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,126,125,0) 0%,rgba(70,70,70,0) 50%,rgba(14,14,14,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d7e7d', endColorstr='#e60e0e0e',GradientType=0 ); /* IE6-9 */
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.backgroundProdImg{
	background: #eaeaeb;
    height: 100%;
    position: absolute;
    width: 100%;
}
.backgroundProdImg div{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(125,126,125,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,126,125,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007d7e7d', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	height: 100%;
    position: absolute;
    width: 100%;
}
.backgroundProdImg img{
    height: 100%;
    width: 100%;
}
.categoryResultExtended {margin-bottom: 0;}
.categoryResultExtended div.product-name h3{
	color: #000000;
    font-size: 28px;
    text-transform: uppercase;
}

.iscroll-container { text-align: center; }
.iscroll img { visibility: hidden; }
.iscroll.iscroll-loading img { visibility: visible; }

li.current-page{
	background: #f2f3f5;
    border: none;
    border-left: 2px solid #e3e5e8;
    color: #5A6673;
    line-height: 16px;
    min-height: 17px;
    min-width: 19px;
    outline: none;
    padding: 12px 10px;
    text-align: center;
}
div.pt_product-search-result-extended div#secondary{
	float: right;
}

/**
*
* RATING STYLES
*
*/
.pRating {display:block;width:95px;height:17px;background:url(../images/sprite-stars.png) 0 0 repeat-x;} 
.stars5 {background-position:-95px 0;}
.stars4 {background-position:-114px 0;}
.stars3 {background-position:-133px 0;}
.stars2 {background-position:-152px 0;}
.stars1 {background-position:-171px 0;}
.stars0 {background-position:0px 0;}
.stars4_5 {background-position:-114px -17px;}
.stars3_5 {background-position:-133px -17px;}
.stars2_5 {background-position:-152px -17px;}
.stars1_5 {background-position:-171px -17px;}
.stars0_5 {background-position:-190px -17px;}

.BVFieldRatingsGroup div.cancel, .BVFieldRatingsGroup div.star { padding: 0 !important; margin-top: 7px !important; }

/**
*
* ACCOUNT STYLES
*
*/
.accountLogin {margin-top:60px;}
.accountLogin h2 {font-family:'Mulish', Sans-Serif; margin-bottom:30px;}
.accountItalics {color: #999; margin:0 0 10px; display:block;}
.accountInfoForm {margin-bottom:30px;}

.accountBenefits {
	box-sizing: border-box;
	padding: 120px 0 20px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom:30px;
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: center 15px;
	text-align:center;
}
.accountBenefits.shippingBox {background-image:url(../flat/images/icons/Box@2x.png);}
.accountBenefits.cartBox {background-image:url(../flat/images/icons/Pocket@2x.png);}
.accountBenefits.checkoutBox {background-image:url(../flat/images/icons/Retina-Ready@2x.png);}
.accountBenefits h6 {font-size:2rem;}
.accountBenefits p {padding:0 20px;}

.accountOverview .module {margin-bottom:60px;}

.order {margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ccc;}
.order .orderHeader {margin-bottom:20px;}
.orderInfoTable td {vertical-align:top; padding:10px 30px 0 0;}
td.orderTotal {padding-right:0;}
.order .label { color: #222; }

.accountAddress, .creditCard {margin-top:30px; min-height: 230px; }
.accountAddress .miniAddress, .creditCard .miniCreditCard {margin-bottom:20px;}
div.gig-achievements-container {
  border: 0 !important;
}
.gigya-login-providers-container {margin:0 !important;}
.gigya-login-providers-list-container {text-align:left !important; width:auto !important;}

span.gig-userStatus-pointsValue {
  color: #E82409 !important;
}

a.gig-userStatus-points, a:hover.gig-userStatus-points, div.gig-userStatus-points {
  color: #E82409 !important;
}
div.gig-userStatus-name {
  font-size: 22px !important;
  color: #313131 !important;
  width: auto !important;
}

a.gig-userStatus-badge-container, a:hover.gig-userStatus-badge-container {
  padding: 25px 0 0 0 !important;
  float: left !important;
}

div.gig-userStatus-userPhoto-container {
  padding-right: 25px !important;
}

div.gig-userStatus-container {
  padding: 10px 0 !important;
  border: 0 !important;
}

hr.orDivider {
    padding: 0 0 0 20px;
    border: none;
    border-top: 1px dotted #A5AAAE;
    color:#fff;
    margin-top:40px;
}
hr.orDivider:after {
    content: "OR";
    display: inline-block;
    position: relative; 
    left: 80px;
    top: -0.8rem;  
    font-size: 1.8rem;
    padding: 0 1rem;
    background: white;
}

#paymentModal .modal-body {
	overflow-y:visible;
}

/* Reasons To Buy Slot  */
.reasonsToBuy {
	text-align: center;
	padding: 0.25px;
	height: inherit;
	display: flex;
	justify-content: center;
	flex-direction: column; 
	height: 480px;
}

.reasonsToBuy { border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px; background-color:#fff; }
.reasonsToBuy i { color: #0652fd; }
.reasonsToBuy h4 {font-family:'Mulish', sans-serif; text-transform:uppercase; font-weight:500;}
.reasonsToBuy p { color: #999;}
.reasonsToBuy p:nth-of-type(2) { color: #0652fd; }
.reasonsToBuy:visited, .reasonsToBuy:active, .reasonsToBuy:link, .reasonsToBuy:hover { color: #222; text-decoration: none; }

/* Social Wall CSS */

#social-wall {
	margin-bottom: 50px;
}

.social-wall-header {
	text-align: center;
}

.float {
	float: left;
} 

.left-col div, .middle-col div, .right-col div {
	padding: 0;
} 

.lrg-sqr {
	display: table;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.sm-sqr { 
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.social-media {
	display: flex;
	flex-direction: column;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
}

.social-media h3 {
	font-family: 'Mulish', sans-serif;
	margin-bottom: 20px;
}

.twitter {
	background: #1D1D1D;
	color: #FFF;
}

.twitter .fa-twitter {
	color: #4CACE4;
}

.instagram {
	background: #E6231A;
	color: #FFF;
}

.facebook {
	background: #F3F3F3;
	color: #000;
}

.facebook .fa-facebook {
	color:#3A5A97;
}

.see-more-btn {
	margin: 0 auto;
	background: inherit;
	color: inherit;
	border-color: inherit;
}

.see-more-btn:hover, .see-more-btn:visited {
	background: inherit;
	color: inherit;
	border-color: inherit;
}

.see-more-btn:hover {
       -webkit-transform: scale(1.3);
       -ms-transform: scale(1.3);
       transform: scale(1.3);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
   .see-more-btn { width: 31.33%; }
}

/**
*
* BAZAARVOICE OVERRIDE
*
*/
.BVRRDisplayContentNoReviewsImage, .BVRRDisplayContentNoReviews {text-align:center;}
.BVRRContainer .BVDI_QTTitle {
	font-family: 'Mulish', sans-serif;
    font-size: 2.8rem;
    color: #191A1B;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-align:center;
    font-weight:500;
}
.BVRRAvatar {display:none !important;}
.BVRRContainer .BVDI_QTHeader {padding:0 !important;}
#BVRRContainer {margin:0 auto; max-width:100% !important; }
#BVRRQuickTakeContentContainerID .BVRRHistogramTitle .BVRRNumber {color:#222 !important;}
.BVRRQuickTakeSummary .BVRROverallRatingContainer {margin-bottom:0 !important;}
.BVRRQuickTakeSummary .BVRRBuyAgainContainer {font-size:16px !important; letter-spacing:0 !important;}
.BVRRDisplayContentHeaderContent {padding:1.5rem 0 3rem !important; border-bottom:1px solid #ddd;}
.BVRRDisplayContentLinkWrite a, .BVRRDisplayContentLinkWrite a:visited {
	font-size:inherit !important;
	letter-spacing:0 !important;
	text-transform:uppercase;
	background:none transparent !important;
	border-radius:0 !important;
	border:2px solid #E82409 !important;
	padding:12px 40px !important;
	color:#E82409 !important;
	line-height:inherit !important;
	font-family: 'Mulish', sans-serif !important;
}
#BVRRQuickTakeContentContainerID .BVRRHistogramTitle .BVRRCount {font-family:'Mulish', Sans-Serif !important;}
.BVRRRatingOverall .BVRRRatingNormalOutOf {margin-left:-115px !important; font-family:'Mulish', Sans-Serif !important;}
#BVRRQuickTakeContentContainerID .BVRRHistogram {width:500px !important;}
.BVRRQuickTakeSummary .BVRRRatingNormalLabel {line-height:inherit !important;}
.BVRRRatingNormalLabel {font-size:inherit !important; letter-spacing:0 !important;}
.BVRRSortAndSearch .BVRRDisplayContentSelect {font-size:12px !important; font-family:inherit !important;}
.BVRRSecondaryRatingsContainer {display:none !important;}

@media (max-width: 600px){
	.BVRRWidget .BVDI_QT, .BVRRWidget .BVRRDisplayContentHeader {padding: 0 !important;}
	.BVRRWidget .BVRRDisplayContentBody {padding: 0 !important;}
	.BVRRWidget .BVRRDisplayContentHeaderContent {width:auto !important;}
}

/**
*
* Category Header & Footer Slider
*
*/
#category-slots-footer-1 .category-video-slider, #category-slots-footer-2 .category-video-slider, #category-slots-footer-1 .category-header-slider, #category-slots-footer-2 .category-header-slider {margin-bottom:-80px;}
.category-video-slider {background-color:#fff; padding:80px 0;}
.category-video-slider a, .category-header-slider a {cursor:pointer;}
.category-video-slider .wp-category, .category-header-slider .wp-category {color:#0652fd; text-transform:uppercase; font-weight:600; letter-spacing:0.8pt; font-size:1.2rem;}
.category-video-slider .wp-date, .category-header-slider .wp-date {color:#999; font-size:1.2rem;}
.category-video-slider h3 a {font-weight:600; color:#222; font-size:2rem;}
.category-video-slider .swiper-pagination-bullet, .category-header-slider .swiper-pagination-bullet {margin:0 5px;}
.category-video-slider .swiper-pagination-bullet-active {background:#E82409;}
.category-video-slider .swiper-nav { color: #222; }
.category-video-slider .swiper-nav.swiper-button-disabled { color: #ddd; }
.category-video-slider .swiper-nav { position: absolute; bottom: 0; font-size: 40px; width: 40px; height: 40px; }
.category-video-slider .swiper-prev { left: 33%; }
.category-video-slider .swiper-next { right: 33%; }
.category-video-slider .slider-icon-container, .category-header-slider .slider-icon-container { margin: 10px; }
.category-video-slider .slider-icon-container .icon-arrow-left::before { content: "\e605"; }
.category-video-slider .slider-icon-container .icon-arrow-right::before { content: "\e606"; }
.category-video-slider .swiper-slide iframe, 
.category-video-slider .swiper-slide img { display: block; margin: 0 auto; }
.category-video-slider .product-images-main h2 { vertical-align: middle; }
.category-video-slider .swiper-pagination { position: static; }
.category-video-slider .wp-feature-image img { max-height: 300px; margin: 0; }
.category-video-slider .swiper-slide .wp-meta, .category-header-slider .swiper-slide .wp-meta { padding-top: 20px; }
/* .category-video-slider .swiper-slide .wp-post .icon.video::before { content: "\f03d"; position: absolute; font-family: "FontAwesome"; font-size: 2rem; font-weight: normal; line-height: 2rem; color: white; background-color: ##E82409; padding: 15px; top: 0; right: 0; z-index: 5;}
 */
.category-video-slider a.mediaModalView, .category-header-slider a.mediaModalView { display: block; }
.category-video-slider .media-preview-image, .category-header-slider .media-preview-image { background-size: cover; }
.category-video-slider .modal-body, .category-header-slider .modal-body { height: 100%; width: 100%; }
.category-video-slider-modal .modal-body iframe.modal-iframe, .category-header-slider-modal .modal-body iframe.modal-iframe { height: 100%; width: 100%; }

.category-header-slider { margin: auto; background-color: #222; padding: 40px 40px 20px 40px; }
.category-header-slider h3 a {color:#fff; font-size:1.8rem; font-weight:600;}
.category-header-slider .slider-icon-container { height: 50px; margin: 10px; }
.category-header-slider .slider-icon-container .swiper-pagination-bullet { background: #ddd; }
.category-header-slider .swiper-pagination { position: static; }

/**
*
* Password Reset Modal
*
*/
#asset-password-reset-modal-cg2 .hide { display: block !important; }
#passwordResetModal { overflow-y: hidden; }
#passwordResetModal.modal.fade.in { top: 10%; }
#passwordResetModal.modal .fade { transition: opacity 0.3s, linear, top 0.3s, ease-out; }
#passwordResetModal.fade.in { opacity: 1; }
#passwordResetModal.modal { height: 350px; z-index: 60000; position: fixed; left: 50%; right: auto; margin-left: -280px; }
#passwordResetModal .modal-backdrop { background-color: transparent; }
#passwordResetModal .modal-header { padding: 9px 15px; border-bottom: 1px solid #f2f2f2; }
#passwordResetModal button #myModalLabel { color: #ffffff; }
#passwordResetModal .modal-body { max-height: 80%; overflow-y: auto; }
.accountpasswordreset form .fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	min-width: -webkit-min-content;	
}

@media (max-width: 768px) {
	#passwordResetModal.modal { left: 15px; right: 15px; margin-left: 0; }
}

.checkout-region {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 15px;
	flex-wrap: wrap;
}
.checkout-region .dropdown-toggle {
	display: block;
	border-radius: 4px;
	border: 1px solid #d1d1d1;
	height: 40px;
	padding: 10px 15px;
	width: 100%;
	box-shadow: none;
	color: #000;
	font-size: 14px;
	line-height: 14px;
	background-color: #fff;
}
.checkout-region .checkout-region-txt {
	padding: 8px 0;
	font-size: 14px;
	line-height: 24px;
}
.checkout-region .dropdown-item {
	display: block;
	padding: 10px 15px;
	width: max-content;
}

