/*  ----------------------------------------------------------------------------
    This file will load automatically when the YourStore theme is active. You can use it
    for custom CSS.
*/
@font-face {
	font-family: 'Lato';
	font-style:  normal;
	font-weight: 500;
	src:         local('Lato Medium'),
				 local('Lato-Medium'),
				 url(/framework/Fonts/Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Medium.woff2) format('woff2'),
				 url(/framework/Fonts/Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Medium.woff) format('woff'),
				 url(/framework/Fonts/Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Medium.ttf) format('ttf');
}

/**
Zen Overrides
 */
.mainContainer {
	overflow: visible;
}
#contentMainWrapper {
	margin-bottom: 0;
}

.breadcrumb {
	padding: 20px 0;
}

.content a,
.alert a {
	text-decoration: underline;
}
.content a:hover,
.content a:focus,
.alert a:hover,
.alert a:focus {
	color: #cc6a12;
	text-decoration: underline;
}

.pzenajx-wrapper .success-msg {
	background-color: #e0f2fc;
	color:            #17587a;
}

.grid-view .products-grid-list {
	display:   flex;
	flex-wrap: wrap;
}

.product .product-area a {
	display:   block;
	position:  relative;

	max-width: 263px;

	margin:    0 auto;
}

/*.product .product-area a::before {
	content:        "";
	display:        block;
	padding-bottom: 100%;
}

.product .product-area a img {
	position:   absolute;
	left:       50%;
	top:        50%;
	z-index:    1;

	width:      auto;
	max-width:  100%;

	height:     auto;
	max-height: 100%;

	transform:  translateX(-50%) translateY(-50%);
}*/
.product-content a {
	text-decoration: none;
}
.product-content h4 a {
	display: block;
	
	font-size: 16px;
}

.col-sidebar .box h2.title {
	text-transform: none;
}

.dFilterToggleImg {
	display: none;
}

.product-img span.badge {
	left:  auto;
	right: 0;
}

.product-icon,
.centerBoxWrapper .product-icon {
	right: auto;
	left:  -20px;
	top:   4px;
}

.product-wrapper:hover .product-icon,
.grid-view .product-wrapper:hover .product-icon,
.centerBoxWrapper .product-wrapper:hover .product-icon {
	right: auto;
	left:  15px;
}

.product-icon ul li {
	margin-bottom: 0;
}

.product-icon ul li a {
	margin-bottom: 3px;
}

.otcard .totalBox,
#cartSubTotal .totalBox {
	color: #000;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	width: auto;
}
.otcard .lineTitle,
#cartSubTotal .lineTitle {
	float: left;
	font-weight: 600;
	line-height: 24px;
	margin: 0 10px 0 0;
}
#cartSubTotal .totalBox,
#cartSubTotal .lineTitle {
	float: right;
}


/**
Layout
 */
body {
	min-width:               320px;

	-webkit-font-smoothing:  antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/**
Internal Content
 */
.TableWrapper {
	position:   relative;
	overflow-x: auto;
	overflow-y: hidden;
}

.TableWrapper td {
	padding: 0.5em;
}
ul.NoStyle-Indented {
	padding-left: 2em;
}
ul.NoStyle-Indented li {
	margin: 0.75em 0;
}
.informationStrong {
	padding: 10px 3px;
	line-height: 150%;
	font-size: 1.5em;
}

/**
Blackout overlay
 */
.Blackout {
	position:            fixed;

	left:                0;
	top:                 100%;

	width:               100%;
	height:              100%;

	z-index:             1001;

	display:             block;

	background-color:    black;

	opacity:             0;


	transition-property: opacity, top;
	transition-duration: 0.5s, 0s;
	transition-delay:    0s, 0.5s;
}

.BlackoutActive {
	top:              0;

	opacity:          0.75;

	transition-delay: 0s, 0s;
}

.BlackoutLoading {
	background-image: url("/framework/Images/BlackoutLoading.gif");
	background-size:  cover;

	width:            40px;
	height:           40px;

	position:         absolute;

	left:             50%;
	top:              50%;

	margin-left:      -20px;
	margin-top:       -20px;
}

/**
Icons
 */
.Icon {
	width:  1em;
	height: 1em;
	color:  inherit;
	fill:   currentColor;
}

/**
Forms
 */
.FormRow {
	margin:  0 0 20px 0;
	display: flex;
}

.FormRow.AlignRight {
	justify-content: flex-end;

	text-align:      right;
}

.FormField {
	width:     100%;
	margin:    0 5px;
	flex-grow: 1;
	display:   inline-block;
}

.FormRow.AlignRight .FormField {
	flex-grow: 0;
	width:     auto;
}

.FormField:first-child {
	margin-left: 0;
}

.FormField:last-child {
	margin-right: 0;
}

.FormFieldStaticBox, .FormFieldTextBox, .FormFieldPasswordBox, .FormFieldEmailBox, .FormFieldDatePicker, .FormFieldTimePicker, .FormFieldTextArea, .FormFieldSelect {
	width:   100%;
	margin:  0;
	display: block;
}

.FormFieldInput {
	font-size:          14px;
	padding:            15px;
	color:              #484848;
	font-family:        inherit;
	vertical-align:     middle;
	border:             1px #acacac solid;
	border-radius:      2px;
	transition:         0.25s border;
	-webkit-appearance: none;
	-moz-appearance:    none;
	line-height:        normal;
}

.FormFieldTextArea {
	min-height: 100px;
	resize:     none;
}

.FormFieldLabel {
	margin:      0 0 10px 0;
	display:     block;
	font-family: inherit;
	font-weight: 600;
	color:       #2e2e2e;
}

.FormFieldRequired {
	color:         #f64a33;
	padding-right: 4px;
}

.FormButtons {
	text-align: right;
}

.Tooltip {
	max-width:        100%;
	position:         absolute;
	background-color: transparent;
	color:            #f64a33;
	font-size:        11px;
	font-weight:      700;
	text-align:       right;
	padding:          0;
	pointer-events:   none;
	display:          none;
}

.TooltipActive,
.FormFieldHasValue:invalid ~ .Tooltip,
.FormSubmitted .FormFieldInput:invalid ~ .Tooltip {
	display: block;
}

.Form button,
.Form input[type=button],
.Form input[type=submit] {
	vertical-align: middle;
}

.FormButton,
.FormButtonSubmit {
	margin-left:        20px;
	display:            inline-block;
	background-color:   #004990;
	color:              #ffffff;
	border:             none;
	border-radius:      50px;
	font-family:        Montserrat, sans-serif;
	font-weight:        700;
	height:             48px;
	line-height:        50px;
	padding:            0 40px;
	cursor:             pointer;
	transition:         0.25s;
	-webkit-appearance: none;
	-moz-appearance:    none;
	letter-spacing:     1px;
	font-size:          15px;
}

/**
Custom Buttons
 */
.CustomButton {
	position:        relative;

	display:         inline-flex;
	justify-content: center;
	align-items:     center;

	width:           212px;
	max-width:       212px;
	height:          56px;

	font-family:     Montserrat, sans-serif;
	font-size:       18px;
	font-weight:     700;

	letter-spacing:  -0.45px;

	text-align:      center;

	white-space:     nowrap;

	border-radius:   3px;

	transition:      all 0.25s, color 0.1s;

	background:      white scroll no-repeat right center;
}

.CustomButton .ButtonText {
	display: block;
}

.CustomButton.Orange {
	color:            #ffffff;

	background-color: #eba42f;

	border:           2px solid #ffffff;
}

.CustomButton.Orange:hover,
.CustomButton.Orange:focus {
	background-color: #d27928;
}

.CustomButton.WhiteBlue {
	color:  #17587a;

	border: 2px solid #17587a;
}

.CustomButton.WhiteBlue:hover,
.CustomButton.WhiteBlue:focus {
	color:            #ffffff;

	background-color: #17587a;
}

.CustomButton.WithArrowRight::after {
	content:         "";

	position:        absolute;
	right:           13px;
	top:             50%;
	z-index:         1;

	width:           13px;
	height:          13px;

	background:      transparent url("/framework/Images/IconArrowRight.svg") scroll no-repeat center center;
	background-size: contain;

	transform:       translateX(-13px) translateY(-50%);

	opacity:         0;

	transition:      all 0.25s;
}

.CustomButton.WithArrowRight:hover::after,
.CustomButton.WithArrowRight:focus::after {
	transform: translateX(0) translateY(-50%);

	opacity:   1;
}

/**
Header
 */
.HeaderBarWrapper,
.Header,
.NavigationWrapper,
.SubNavigationWrapper {
	font-family: 'Montserrat', sans-serif;
}

/**
Header Bar
 */
/*============================================================================*/
.HeaderBarWrapper {
	width:      100%;
	min-width:  320px;

	color:      white;

	background: #494949;
}

.HeaderBar {
	display:         flex;

	justify-content: flex-end;

	max-width:       1280px;

	position:        relative;

	margin:          0 auto;
}


/**
Header Navigation
 */
.HeaderNavigationWrapper {
	margin-right: 17px;

	padding-top:  10px;
}

.HeaderNavigation {
	display:         flex;

	list-style-type: none;

	margin:          0;
	padding:         0;

	white-space:     nowrap;
}

.HeaderNavigation li {
	margin:  0;
	padding: 0;
}

.HeaderNavigation li:last-child {
	padding-right: 0;
}

.HeaderNavigation a {
	display:   inline-block;

	color:     inherit;

	font-size: 14px;
}

.HeaderNavigation a:hover,
.HeaderNavigation a:focus {
	color:           inherit;

	text-decoration: underline;
}

.HeaderNavigation li:last-child a {
	margin-right: 0;
}

.HeaderBarWrapper.HasActiveButton {
	/* display over top of chat footer */
	z-index: 1000;
}

.HeaderBarRightButtons {
	display:     flex;

	height:      52px;

	margin-top:  6px;
	margin-left: 25px;

	color:       #ffffff;
}

.HeaderBarButton {
	display:             flex;
	justify-content:     center;
	align-items:         center;

	height:              100%;

	font-size:           13px;
	font-weight:         bold;

	padding:             0 15px;

	background-repeat:   no-repeat;
	background-position: 5px center;
	background-size:     40px 52px;

	position:            relative;

	color:               inherit;

	cursor:              pointer;

	transition:          all 0.25s;
}

.HeaderBarButton:focus,
.HeaderBarButton:hover {
	color: inherit;
}

.HeaderBarButtonText {
	display:     flex;
	align-items: center;

	white-space: nowrap;
}

.HeaderBarButton:focus .HeaderBarButtonText,
.HeaderBarButton:hover .HeaderBarButtonText {
	text-decoration: underline;
}

.HeaderBarButton .PrimaryIcon {
	display:      block;

	width:        21px;
	height:       21px;

	margin-right: 10px;

	color:        #d2d3d4;
}

.HeaderBarButtonDropDown {
	line-height: 1.2;

	font-weight: normal;
}

/*============================================================================*/
.HeaderBarMyAccount .HeaderBarButtonText span {
	display:         inline-block;
	max-width:       75px;
	overflow:        hidden;
	text-overflow:   ellipsis;
	white-space:     nowrap;
	vertical-align:  middle;
	text-decoration: inherit;
}

.HeaderBarMyAccount .IconAngleDown {
	width:          0.642858em;
	height:         0.928572em;

	margin-left:    6px;

	vertical-align: middle;

	opacity:        0.45;

	transition:     opacity 0.25s;
}

.HeaderBarMyAccount.Active .IconAngleDown {
	opacity: 1;
}

.HeaderBarMyAccount.Active {
	background-color: #17587a;

	cursor:           auto;
}

.HeaderBarMyAccount.Active .IconAngleDown {
	transform: rotateX(180deg);
}

.HeaderBarMyAccountClose,
.HeaderBarCartClose {
	cursor:   pointer;

	display:  none;

	position: absolute;

	left:     0;
	top:      0;
	z-index:  10;

	width:    100%;
	height:   100%;
}

.HeaderBarMyAccount.Active .HeaderBarMyAccountClose {
	display: block;
}

/*============================================================================*/
.HeaderBarCart .PrimaryIcon {
	margin-right: 4px;
}

.HeaderBarCartCount {
	position:     relative;

	margin-right: 6px;
}

.HeaderBarCartCount > span {
	position:    absolute;
	left:        0;
	top:         -1.08333em;

	font-size:   12px;
	font-weight: normal;

	color:       #eba42f;
}

.HeaderBarCartActive {
	background-color: #d27928;

	cursor:           auto;
}

.HeaderBarCartActive .HeaderBarCartClose {
	display: block;
}

/*============================================================================*/
.HeaderBarCallUs .PrimaryIcon {
	margin-right: 8px;

	transform:    rotate(15deg);
}

.HeaderBarCallUs a {
	color:           inherit;

	text-decoration: none;
}

.HeaderBarCallUs a:focus,
.HeaderBarCallUs a:hover {
	color: inherit;
}

.HeaderBarCallUs .CallText {
	display: none;
}

/*============================================================================*/
.HeaderLogin {
	width:            290px;
	max-height:       0;

	padding:          0 20px;

	background-color: #17587a;

	position:         absolute;

	left:             0;
	top:              52px;

	border-radius:    0 0 5px 5px;

	z-index:          100;

	overflow:         auto;

	transition:       max-height 0.25s, padding 0.25s;
}

.HeaderBarMyAccount.Active .HeaderLogin {
	max-height: calc(100vh - 52px);

	padding:    29px 20px 20px 20px;
}

.HeaderLogin input {
	width:                 100%;
	height:                40px;
	line-height:           40px;

	font-size:             16px;

	border:                none;

	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;

	background:            #ffffff scroll no-repeat 9px center;
	background-size:       18px 18px;

	padding:               10px 10px 10px 40px;

	margin:                0 0 20px 0;

	color:                 #282525;

	box-shadow:            0 1px 2px 0 rgba(0, 0, 0, 0.20);
}

.HeaderLogin input[name=email_address] {
	background-image: url("/framework/Images/IconUserOrange.svg");
}

.HeaderLogin input[name=password] {
	background-image: url("/framework/Images/IconLockOrange.svg");
}

.HeaderLoginSubmit {
	background-color: #eba42f;

	color:            white;

	width:            100%;
	height:           40px;

	padding:          0;

	line-height:      44px;

	font-size:        24px;

	text-align:       center;

	margin-bottom:    16px;

	cursor:           pointer;

	border:           none;

	transition:       background-color 0.25s;
}

.HeaderLoginSubmit:focus,
.HeaderLoginSubmit:hover {
	background-color: #d27928;
}

.HeaderLoginLinks {
	font-size:  12px;
	color:      #ffffff;
	text-align: center;
}

.HeaderLogin a {
	color:         inherit;

	padding-left:  5px;
	padding-right: 5px;
}

.HeaderLogin a:focus,
.HeaderLogin a:hover {
	color:           inherit;

	text-decoration: underline;
}

.HeaderAccountLinks {
	margin-top:  -10px;

	font-size:   14px;

	line-height: 2;
}

/*============================================================================*/
.HeaderCart {
	width:                 254px;
	max-height:            0;

	padding:               0 20px;

	background-color:      white;

	position:              absolute;

	left:                  -1px;
	top:                   52px;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius:    0 0 5px 5px;
	border-radius:         0 0 5px 5px;

	box-shadow:            0 1px 9px 0 rgba(35, 31, 32, 0.75);

	z-index:               100;

	overflow:              auto;

	transition:            max-height 0.25s, padding 0.25s;
}

.HeaderBarCartActive .HeaderCart {
	max-height: calc(100vh - 52px);

	padding:    20px;
}

.HeaderCartNoItems {
	display:     block;

	text-align:  center;

	color:       black;
	font-weight: bold;
}

.HeaderCart.CartHasItems .HeaderCartNoItems {
	display: none;
}

.HeaderCartItem {
	border-bottom:  1px #c8c8c8 solid;

	padding-bottom: 5px;
	margin-bottom:  10px;
}

.HeaderCartItemImage {
	float:               left;

	margin-right:        5%;

	max-width:           80px;
	width:               25%;
	height:              80px;

	background-repeat:   no-repeat;
	background-size:     contain;
	background-position: top center;
}

.HeaderCartItemContent {
	width:     70%;

	float:     left;

	font-size: 14px;

	color:     #000000;
}

.HeaderCartItem b {
	width:         100%;

	font-size:     16px;

	display:       block;

	text-overflow: ellipsis;
	white-space:   nowrap;
	overflow:      hidden;

	margin-bottom: 5px;
}

.HeaderCartItemQuantity {
	font-size:     16px;

	font-weight:   300;

	display:       block;

	margin-bottom: 20px;
}

.HeaderCartItemQuantity span {
	color: #d27928;
}

.HeaderCartItem a {
	color: #302d2d;
}

.HeaderCartItemDelete {
	cursor: pointer;
}

.HeaderCartButton {
	display:         none;

	background:      #118dc3 url("/framework/Images/IconCart.svg") scroll no-repeat center center;
	background-size: 24px 24px;

	width:           100%;
	height:          40px;

	transition:      background-color 0.25s;
}

.HeaderCart.CartHasItems .HeaderCartButton {
	display: block;
}

.HeaderCartButton:hover {
	background-color: #d27928;
}


/**
Header
 */
.HeaderWrapper {
	position:   relative;
	z-index:    101;

	background: #494949;
}

.Header {
	display:         flex;
	justify-content: space-between;
	align-items:     flex-start;

	max-width:       1280px;
	height:          84px;

	margin:          0 auto;
}

.LogoWrapper {
	margin-right: 55px;
}

.Logo {
	display: block;

	width:   279px;
	height:  51px;
}

.Logo img {
	display: block;

	width:   100%;
	height:  100%;
}

.Logo .LogoSmallImage {
	display: none;
}

/**
Search
 */
/*============================================================================*/
.SearchWrapper {
	flex:          1 1 auto;

	min-width:     262px;
	max-width:     473px;

	position:      relative;

	margin-top:    10px;

	background:    #ffffff;

	border-radius: 4px;
}

.Search {
	width:    100% !important;
	position: relative;
}

input.SearchInput {
	position:           relative;
	z-index:            5;

	width:              100%;
	height:             46px;

	padding:            0 13px 0 43px;

	display:            block;

	background:         transparent;

	border:             2px solid #dedede;
	border-radius:      3px;

	font-family:        Lato, sans-serif;
	font-size:          17px;

	color:              #363636;

	-moz-appearance:    none;
	-webkit-appearance: none;
	appearance:         none;

	outline:            none;

	transition:         all 0.25s;
}

.SearchInput:focus {
	padding-left: 13px;
}

.SearchInput:valid {
	padding: 0 96px 0 13px;
}

input.SearchInput::-webkit-search-cancel-button {
	display: none;
}

input.SearchInput::-ms-clear {
	display: none;
}

input.SearchInput::placeholder {
	color: #999999;
}

input.SearchInput::-ms-input-placeholder {
	color: #999999;
}

.SearchInputBg {
	position:   absolute;
	left:       14px;
	top:        14px;
	z-index:    4;

	font-size:  17px;

	color:      #9a9a9a;

	transition: all 0.25s;
}

.SearchInput:focus ~ .SearchInputBg,
.SearchInput:valid ~ .SearchInputBg {
	opacity: 0;
}

.SearchSubmit,
.SearchReset {
	position:            absolute;
	right:               0;
	top:                 0;
	z-index:             4;

	padding:             0;

	cursor:              pointer;

	line-height:         normal;

	-moz-appearance:     none;
	-webkit-appearance:  none;
	appearance:          none;

	opacity:             0;

	border:              none;

	transition-property: opacity, background-color, z-index;
	transition-duration: 0.25s;
	transition-delay:    0s, 0s, 0.25s;
}

.SearchSubmit {
	width:            51px;
	height:           100%;

	font-size:        17px;

	color:            #ffffff;

	background-color: #eba42f;

	border-radius:    0 3px 3px 0;
}

.SearchSubmit:focus,
.SearchSubmit:hover {
	background-color: #d27928;
}

.SearchInput:focus ~ .SearchSubmit,
.SearchInput:valid ~ .SearchSubmit {
	z-index:          6;

	opacity:          1;

	transition-delay: 0s, 0s, 0s;
}

.SearchSubmit .Icon,
.SearchReset .Icon {
	position:       relative;
	bottom:         1px;
	vertical-align: bottom;
}

.SearchReset {
	width:            26px;
	height:           26px;

	right:            60px;
	top:              9px;

	font-size:        16px;
	color:            #999999;
	background-color: #efefef;
	border-radius:    100%;

	transition:       transform 0.25s;
}

.SearchReset:focus,
.SearchReset:hover {
	transform: scale(1.2);
}

.SearchInput:valid ~ .SearchReset {
	z-index:          6;

	opacity:          1;

	transition-delay: 0s, 0s, 0s;
}


/**
Navigation
 */
.NavigationMobile {
	display: none;
}

.NavigationWrapper {
	background-color: #eba42f;
	height:           auto;
	line-height:      normal;
	overflow:         hidden;
	position:         relative;
	z-index:          1;
}

.PrimaryNavigation {
	display:         flex;
	justify-content: flex-start;
	max-width:       1280px;
	height:          auto;
	padding-left:    0;
	padding-right:   0;
	margin:          0 auto;
}

.PrimaryNavigation li {
	height:          auto;
	line-height:     normal;

	list-style-type: none;

	margin:          0;
	padding:         0;

	font-size:       15px;

	text-align:      center;

	transition:      background-color 0.25s;
}

.PrimaryNavigation li:hover {
	background-color: #d27928;
}

.PrimaryNavigationItemText {
	display:     block;
	color:       white;

	margin:      0;
	padding:     8px 10px;

	font-weight: 600;

	cursor:      default;

	transition:  color 0.25s, background-color 0.25s;
	height: auto;
    line-height: normal;
}

.PrimaryNavigationItemText:hover,
.PrimaryNavigationItemText:focus {
	color: white;
}

.PrimaryNavigation li .Icon {
	font-size:      20px;

	vertical-align: text-bottom;
}


/**
Sub-Navigation
 */
/*============================================================================*/
.MobileHeaderNavigationWrapper {
	display: none;
}

/*============================================================================*/
.SubNavigationWrapper {
	max-width: 1280px;

	position:  relative;

	margin:    0 auto;
}

.SubNavigation {
	width:            100%;
	height:           0;

	background-color: white;

	border-top:       0 #d27928 solid;

	position:         absolute;

	left:             0;
	top:              -1px;

	z-index:          50;

	display:          block;

	color:            #363636;

	font-family:      Lato, sans-serif;
	font-weight:      400;
	font-size:        16px;

	border-radius:    0 0 6px 6px;

	box-shadow:       0 2px 6px 0 rgba(0, 0, 0, 0);

	overflow:         hidden;

	transition:       border-top-width 0.25s, height 0.25s, box-shadow 0.25s;
}

.SubNavigation.SubNavigationHover,
.SubNavigation.SubNavigationActive {
	border-top-width: 4px;

	height:           367px;

	box-shadow:       0 2px 6px 0 rgba(0, 0, 0, 0.23);
}

.SubNavigationClose {
	display: none;
}

.SubNavigationHover {
	z-index: 60;
}

.SubNavigationColumns {
	display: flex;

	width:   100%;
	height:  100%;
}

.SubNavigationListColumn {
	flex:            0 1 auto;

	width:           267px;
	min-width:       267px;

	overflow:        hidden;

	border-right:    1px #cdcdcd solid;

	margin:          0;
	padding:         10px 0;

	list-style-type: none;
}

.SubNavigationListColumn:nth-last-child(2) {
	border-color: transparent;

	box-shadow:   1px 2px 4px 0 rgba(0, 0, 0, 0.20);
}

.SubNavigationListColumn a {
	color: #000000;
}

.SubNavigationListColumn > li {
	width:       100%;
	line-height: 38px;

	display:     block;
}

.SubNavigationListColumn > li a {
	color:         inherit;

	width:         100%;
	height:        38px;

	padding-left:  19px;
	padding-right: 11px;

	display:       block;

	overflow:      hidden;
	text-overflow: ellipsis;
	white-space:   nowrap;

	transition:    all 0.25s;
}

.SubNavigationListColumn li a:hover {
	background-color: #d27928;
	color:            white;
}

.SubNavigationContentColumn {
	flex:    1 1 auto;

	padding: 30px 19px 17px 40px;
}

.SubNavigationContent {
	height:          100%;

	padding-right:   291px;

	color:           #636363;

	line-height:     1.5;

	background:      transparent scroll no-repeat right top;
	background-size: contain;
}

.SubNavigationContent h3 {
	max-width:   400px;

	font-size:   25px;
	font-family: Montserrat, sans-serif;

	color:       #17587a;
}

.SubNavigationContent p {
	max-width: 400px;
}

.SubNavigationContentButton {
	min-width:        180px;
	height:           38px;
	line-height:      38px;

	font-size:        16px;
	font-weight:      bold;

	padding-left:     20px;
	padding-right:    20px;

	background-color: #eba42f;

	color:            white;

	text-align:       center;

	display:          inline-block;

	cursor:           pointer;

	transition:       all 0.25s;
}

.SubNavigationContentButton:focus,
.SubNavigationContentButton:hover {
	background-color: #d27928;
	color:            white;
}


/**
Alert Bar
 */
.AlertBarWrapper {
	font-family: Lato, sans-serif;
	font-size:   15px;
	color:       #17587a;
	text-align:  center;

	line-height: 1.2;
	background:  #f1f1f1;
}

.AlertBarContent {
	max-width: 1280px;
	margin:    0 auto;

	padding:   12px 22px 17px;
}


/**
Footer Quick Contact Us
 */
.QuickContactUsInner {
	padding:    72px 20px 83px;
	margin:     0 auto;
	max-width:  720px;
	transition: 0.25s;
	color:      #636363;
}

.QuickContactUsHeading {
	font-family:   Montserrat, sans-serif;
	font-size:     36px;
	font-weight:   700;
	text-align:    center;
	margin-bottom: 10px;
	display:       block;
	color:         #17587a;	
}

.QuickContactUsDescription {
	max-width:   552px;
	font-size:   18px;
	text-align:  center;
	margin:      0 auto 38px;
	display:     block;
	line-height: 1.444444;
}

.QuickContactUs form {
	display: block;
}

.QuickContactUsForm .FormField {
	position: relative;
}

.QuickContactUsForm .FormFieldLabel {
	font-size:        17px;
	font-weight:      500;
	color:            #b1b1b1;
	background-color: white;
	margin:           -20px 0 0 0;
	padding:          10px 0 0 10px;
	width:            calc(100% - 4px);
	height:           30px;
	position:         absolute;
	left:             2px;
	top:              50%;
	pointer-events:   none;
	transition:       0.25s;
}

.QuickContactUsForm .FormFieldTextArea + .FormFieldLabel {
	top: 25px;
}

.QuickContactUsForm .FormFieldInput:focus + .FormFieldLabel,
.QuickContactUsForm .FormFieldHasValue + .FormFieldLabel {
	font-size: 14px;
	top:       2px;
	margin:    0;
}

.QuickContactUsTooltip {
	right:  3px;
	bottom: 1px;
}


.QuickContactUsForm .FormFieldInput {
	border-color: #e1e1e1;
}

.QuickContactUsForm .FormFieldInput {
	border-width:  2px;
	border-radius: 2px;
	padding:       30px 10px 10px 10px;
	height:        62px;
}

.QuickContactUsForm .FormFieldTextArea {
	height:     auto;
	min-height: 160px;
}


/**
Product Listing
 */
.breadcrumb .RemoveFeatureButton {
	width:          1em;
	height:         1em;

	padding:        0;

	color:          #333333;

	font-size:      1.2em;

	text-align:     center;

	line-height:    0.9;

	background:     transparent;

	border:         1px solid #333333;
	border-radius:  100%;

	vertical-align: text-top;

	transition:     all 0.25s;
}

.breadcrumb .RemoveFeatureButton:hover,
.breadcrumb .RemoveFeatureButton:focus {
	color:            #ffffff;

	background-color: #333333;
}

.breadcrumb .RemoveFeatureButton .Icon {
	width:  0.75em;
	height: 0.75em;
}

.ProductListingSidebarMobile {
	display:     none;

	font-family: Montserrat, sans-serif;
	font-weight: 700;
}

#dynamicfilter .dfilter-item {
	display:     block;

	margin:      0 0 23px;

	padding:     0;

	font-size:   16px;

	color:       #494949;

	line-height: 1.25;

	border:      none;
}

.dfilter-item::after {
	content: "";
	display: block;
	clear:   both;
}

#dynamicfilter .dFilterButtonWrapper + .dfilter-item {
	margin-top: -4px;
}

.dFilterHeading {
	margin:        0 0 14px;
	padding:       0 0 8px 1px;

	float:         none;

	font-size:     16px;
	font-weight:   bold;

	color:         inherit;

	border-bottom: solid 1px #d8d8d8;
}

.dFilterHeading + .dFilterClear {
	margin-top: -42px;
}

.dFilterProductCount {
	font-size: 31px;
}

.FeatureListWrapper {
	padding: 0 10px;
}

.FeatureListSubHeading {
	display: none;

	margin:  14px 0 9px -8px;

	color:   #222222;
}

.FeatureListRow {
	margin-bottom: 9px;
}

.ProductListBodyContent .dFilterExpand {
	max-height: 145px;

	transition: max-height 0.25s;
}

.sideBoxContent ul li.dFilterLink {
	position: relative;
	margin:   0 0 9px;
	padding:  0;
}

.dFilterLink.disabled {
	display: none;
}

.dFilterLink input[type=checkbox] {
	left:     0;
	top:      0;
	z-index:  0;

	margin:   0 5px 0 0;

}

.dFilterLink input[type=checkbox] + label {
	display:       block;

	position:      relative;
	z-index:       2;

	min-height:    20px;

	margin-bottom: 0;

	padding-left:  33px;

	line-height:   1.25;

	cursor:        pointer;
}

.dFilterLink input[type=checkbox] + label::before {
	content:         "";

	position:        absolute;
	left:            0;
	top:             0;
	z-index:         1;

	display:         block;

	width:           20px;
	height:          20px;

	border:          1px solid #979797;

	background:      white url("/framework/Images/IconCheck.svg") scroll no-repeat 20px center;
	background-size: 14px auto;
}

.dFilterLink input[type=checkbox]:checked + label::before {
	background-position: center center;
}

.dFilterLink input[type=checkbox]:disabled + label {
	cursor: not-allowed;
}

.dFilterButtonWrapper,
.dFilterClearAllWrapper {
	text-align: right;
}

.dFilterButton {
	margin: 14px;
}

.dfilter-item + .dFilterButtonWrapper .dFilterButton {
	margin-top: -22px;
}

.dFilterButton .button {
	padding:        9px 23px 10px;

	font-family:    Montserrat, sans-serif;
	font-weight:    700;
	font-size:      15px;

	letter-spacing: -0.45px;

	line-height:    1.266667;

	text-transform: none;

	color:          #ffffff;

	background:     #eba42f;

	border:         none;
	border-radius:  3px;

	cursor:         pointer;
}

.dFilterButton .button:hover,
.dFilterButton .button:focus {
	background-color: #d27928;
}

.DynamicFilterMobileCloseButton {
	display: none;
}


/**
Footer Main
 */
.Footer {
	background-color: #484848;
	color:            #9a9a9a;
}

.Footer li {
	margin:      0 0 5px 0;
	line-height: 1.5;
}

.Footer li:last-child {
	margin-bottom: 0;
}

.FooterInner {
	margin:    0 auto;
	padding:   80px 20px 26px 20px;
	max-width: 1400px;
}

.FooterContent {
	padding-bottom: 75px;
	display:        flex;
}

.FooterAbout {
	padding-right: 137px;
	flex:          0 1 416px;
	width:         416px;

	font-size:     16px;
}

.FooterAboutLogo {
	width:         100%;
	margin-bottom: 40px;
}

.FooterAboutLogoImage {
	width: 100%;
}

a.FooterAboutLink,
a.FooterAboutLink:hover,
a.FooterAboutLink:focus {
	color: #eba42f;
}

.FooterAboutLink .Separator {
	color: #9a9a9a;
}

.FooterAboutLink .AlternateColor {
	color: #ffffff;
}

.FooterLists {
	flex:    1 1;
	display: flex;
}

.FooterNavigation {
	flex: 1 1;
}

.FooterNavigation > .NavigationList {
	margin:          0;
	padding:         0;
	list-style-type: none;
	display:         flex;
}

.FooterNavigation > .NavigationList > .NavigationItem {
	flex:          1 1;
	padding-right: 40px;
}

.FooterNavigation > .NavigationList > .NavigationItem > .NavigationItemInner,
.FooterSocialHeading {
	font-weight: 600;
}

.FooterNavigation > .NavigationList > .NavigationItem > .NavigationItemInner,
.FooterSocialHeading {
	font-size:      15px;
	font-weight:    500;
	color:          #d2d3d4;
	margin-bottom:  10px;
	text-transform: uppercase;
}

.FooterNavigation > .NavigationList > .NavigationItem > .NavigationList {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

.FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner {
	font-size: 17px;
	color:     inherit;
}

.FooterNavigation > .NavigationList > .NavigationItem > .NavigationList > .NavigationItem > .NavigationItemInner > a {
	color: inherit;
}

/**
Footer Bottom
 */
.FooterBottom {
	font-size: 13px;
	color:     #828282;
}

.FooterCopyright {
	margin-right: 28px;
}

.FooterBottomNavigation {
	display: inline-block;
}

.FooterBottomNavigation .NavigationList {
	margin:          0;
	padding:         0;
	list-style-type: none;
}

.FooterBottomNavigation .NavigationItem {
	display: inline-block;
}

.FooterBottomNavigation .NavigationItemInner {
	color: inherit;
}

.FooterBottomNavigation .NavigationItemInner > a {
	color: inherit;
}

.FooterBottomNavigation .NavigationItemInner > a:focus,
.FooterBottomNavigation .NavigationItemInner > a:hover {
	text-decoration: underline;
}

/******************************************************************************
Responsive
******************************************************************************/

/**
Media 1280
 */
@media (max-width: 1280px) {
	/**
	Header Bar
	 */
	.HeaderBarRightButtons *:last-child {
		border-right: none;
	}

	.HeaderCart {
		left:  auto;
		right: -1px;
	}

	/**
	Header
	 */
	.HeaderBar,
	.Header {
		padding-left:  15px;
		padding-right: 15px;
	}

	/**
	Navigation
	 */
	.PrimaryNavigation li {
		font-size: 1.171875vw;
	}

	.PrimaryNavigationItemText {
		padding: 10px;
	}

	/**
	SubNavigation
	 */
	.SubNavigationContent {
		padding-right:   22.734375vw;

		background-size: 24.609375vw auto; /* 315px wide @ 1280vw */
	}

	/**
	Footer
	 */
	.FooterAbout {
		padding-right: 67px;
		flex:          0 1 316px;
		width:         316px;
	}
}

/**
Media 1199
 */
@media (max-width: 1199px) {
	.productslist-grid .product-item {
		width: 50%;
	}
}

/**
Media 1024
 */
@media (max-width: 1024px) {
	.LogoWrapper {
		margin-top:   0.8vw;
		margin-right: 4.171094vw;
	}

	.Logo {
		width:     100%;
		max-width: 279px;
		height:    auto;
	}

	/*============================================================================*/
	.HeaderNavigation li a {
		font-size: 12px;
	}

	.HeaderBarRightButtons {
		margin-left: 2.44140625vw;
	}

	.HeaderBarButton {
		padding: 0 1.0vw;
	}

	/*============================================================================*/
	/*.NavigationWrapper {
		height:      40px;

		line-height: 40px;
	}*/

	/*.PrimaryNavigation {
		height: 40px;
	}*/

	.PrimaryNavigation li {
		flex:        1 1 auto;

		/*height:      40px;
		line-height: 40px;*/

		font-size:   11px;
	}

	.PrimaryNavigationItemText {
		padding: 5px;
	}

	.SubNavigationContent {
		padding-right:    21px;

		background-image: none !important;
	}

	/**
	Footer
	 */
	.FooterContent {
		padding-bottom: 40px;
		display:        block;
	}

	.FooterAbout {
		text-align: center;
		width:      100%;
		padding:    0;
		margin:     0 0 38px 0;
	}

	.FooterAboutLogo {
		margin:    0 auto 26px auto;
		padding:   0 20px;
		max-width: 360px;
		width:     74.4%;
	}
}

/**
Media 991
 */
@media (max-width: 991px) {
	.ProductListBodyContent {
		position: relative;
	}

	.ProductListBodyContent .container {
		width:   100%;
		padding: 0;
	}

	.ProductListBodyContent .container > .row {
		margin: 0;
	}

	.ProductListBodyContent #centercontent-wrapper {
		padding: 0;
	}

	.ProductListingSidebarMobile {
		display:          block;

		background-color: #eba42f;

		transition:       all 0.25s;

		cursor:           pointer;
	}

	.ProductListingSidebarMobile.Active {
		background-color: #d27928;
	}

	.ProductListingSidebarMobile > * {
		display:         flex;
		justify-content: space-between;
		align-items:     center;

		max-width:       750px;
		height:          43px;

		margin:          0 auto;
		padding:         0 15px;

		font-size:       16px;
		color:           #ffffff;
	}

	.ProductListingSidebarMobile > * > *,
	.ProductListingSidebarMobile .Icon {
		display: block;
	}

	.ProductListingSidebarMobile .Icon {
		transition: all 0.25s;
	}

	.ProductListingSidebarMobile.Active .Icon {
		transform: rotateX(180deg);
	}

	.body-content .col-sidebar.ProductListSideBar {
		position:         absolute;
		left:             0;
		top:              43px;
		z-index:          100;

		display:          block;

		width:            100%;
		max-height:       0;

		margin:           0;
		padding:          0;

		overflow:         auto;

		background-color: #ffffff;

		transition:       all 0.25s;
	}

	.body-content .col-sidebar.ProductListSideBar.Active {
		max-height: 100%;

		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.20);
	}

	#dynamicfilter {
		display:   block;

		max-width: 750px;

		margin:    0 auto;

		padding:   17px 0;
	}

	#dynamicfilter .dfilter-item,
	.FeatureButtons {
		padding: 0 15px;
	}


	#indexProductList #cat-top {
		text-align:       center;

		background-color: #efefef;
	}

	#indexProductList .category-wrapper,
	#productListing {
		max-width: 750px;

		margin:    0 auto;

		padding:   0 15px;

		float:     none;
	}

	#indexProductList .category-wrapper {
		padding-top:    22px;
		padding-bottom: 8px;
	}

	#indexProductList .mb-45 {
		margin-bottom: 0;
	}

	#indexProductList .page-title h1 {
		padding:        0;

		margin-bottom:  9px;

		font-weight:    700;

		color:          #636363;

		text-transform: none;
	}

	#indexProductList .page-title h1::before {
		display: none;
	}

	#indexProductList #filter-wrapper {
		display: none;
	}

	.productslist-grid .product-item {
		width: 33.333333%;
	}

	.product-icon {
		left:  15px;
		top:   4px;

		width: auto;
	}

	.product-wrapper:hover .product-icon,
	.grid-view .product-wrapper:hover .product-icon {
		left: 15px;
	}

	.product-icon ul li {
		display: block;
	}
}

/**
Media 768
 */
@media (max-width: 768px) {
	body.MobileMenuOpen {
		padding-top: 130px;
		overflow:    hidden;
	}

	.container {
		width:   100%;

		padding: 0 17px;
	}

	/**
	Header Bar
	 */
	.HeaderBarWrapper {
		display: none;
	}

	.HeaderBarRightButtons {
		position:         fixed;
		top:              0;
		left:             0;
		z-index:          1000;

		width:            100%;
		min-width:        320px;

		margin:           0;

		background-color: #494949;

		box-shadow:       0 2px 4px 0 rgba(0, 0, 0, 0.20);
	}

	.HeaderBarButton {
		padding:     0 8px;

		width:       33.333333%;
		min-width:   33.333333%;

		border-left: 1px solid #636363;
	}

	.HeaderBarButton:first-child {
		border-left-color: transparent;
	}

	.HeaderBarMyAccount {
		border-left: 0;
	}

	.HeaderBarCallUs {
		border-right: none;
	}

	.HeaderBarCallUs .PhoneNumber {
		display: none;
	}

	.HeaderBarCallUs .CallText {
		display: inline;
	}

	.HeaderLogin {
		position: fixed;

		width:    100%;
	}

	.HeaderCart {
		position: fixed;

		width:    100%;
	}

	/**
	Header
	 */
	.HeaderWrapper {
		width:         100%;

		border-bottom: 0 solid #d27928;

		transition:    border-bottom-width 0.25s;
	}

	.MobileMenuOpen .HeaderWrapper {
		position:            fixed;
		top:                 0;
		z-index:             1002;

		border-bottom-width: 1px;
	}

	.Header {
		align-items:  center;

		height:       130px;

		padding-top:  52px;
		padding-left: 0;
	}

	.Logo {
		max-width: 240px;
	}

	.LogoWrapper {
		margin: 0 36px 8px;
	}

	/**
	Search
	 */
	.SearchWrapper {
		min-width: 0;

		margin:    0 0 3px;
	}

	/**
	Header Navigation
	 */
	.HeaderNavigation {
		display: none;
	}

	/**
	Navigation
	 */
	/*============================================================================*/
	.NavigationMobile {
		order:            -1;

		background-color: #eba42f;

		display:          block;

		width:            51px;
		min-width:        51px;
		height:           100%;

		font-size:        18px;

		position:         relative;
	}

	.NavigationMobileExpand {
		position:         relative;
		display:          flex;
		justify-content:  center;
		align-items:      center;

		width:            100%;
		height:           100%;

		color:            #eba42f;

		cursor:           pointer;

		background-color: #636363;

		transition:       all 0.25s;
	}

	.MobileMenuOpen .NavigationMobileExpand {
		color:            #ffffff;

		background-color: #eba42f;
	}

	.NavigationMobileExpand .IconWrapper {
		position: relative;

		width:    25px;
		height:   100%;
	}

	.NavigationMobileExpand .Icon,
	.NavigationMobileExpandText > * {
		position:   absolute;
		left:       0;
		top:        0;
		z-index:    1;

		width:      100%;
		height:     100%;

		transition: all 0.25s;

		opacity:    0;
	}

	.NavigationMobileExpand .IconMenu,
	.NavigationMobileExpandText .TextMenu {
		opacity: 1;
	}

	.MobileMenuOpen .NavigationMobileExpand .IconMenu,
	.MobileMenuOpen .NavigationMobileExpandText .TextMenu {
		opacity: 0;
	}

	.MobileMenuOpen .NavigationMobileExpand .IconClose,
	.MobileMenuOpen .NavigationMobileExpandText .TextClose {
		opacity: 1;
	}

	.NavigationMobileExpandText {
		display: none;
	}

	.NavigationMobileExpandText > * {
		top:    9px;

		height: auto;
	}

	/*============================================================================*/
	.NavigationWrapper {
		width:            60vw;
		height:           auto;

		position:         fixed;

		left:             0;
		top:              131px;
		bottom:           0;

		z-index:          1002;

		border-bottom:    none;

		background-color: #d27928;

		transform:        translateX(-100%);

		transition:       transform 0.25s;

		overflow:         auto;
	}

	.MobileMenuOpen .NavigationWrapper {
		transform: translateX(0);
	}

	.PrimaryNavigation {
		display:          block;

		width:            100%;
		height:           auto;

		background-color: #eba42f;
	}

	.PrimaryNavigationItemText {
		padding:     10px 30px;

		font-weight: 700;
	}

	.PrimaryNavigation li {
		position:      relative;

		margin-bottom: 1px;

		width:         100%;
		height:        auto;

		font-size:     17px;

		line-height:   48px;

		text-align:    left;
	}

	.PrimaryNavigation li::after {
		content:       "";

		position:      absolute;
		left:          17px;
		top:           100%;
		z-index:       1;

		width:         calc(100% - 34px);

		border-bottom: 1px solid #d27928;
	}

	.PrimaryNavigation li:hover {
		background-color: transparent !important;
	}

	.PrimaryNavigationItemText {
		cursor: pointer;
	}

	.PrimaryNavigationItemText:hover,
	.PrimaryNavigationItemText:focus,
	.PrimaryNavigationItemText:active {
		color:            #eba42f;

		background-color: rgba(255, 255, 255, 0.9);
	}

	/*============================================================================*/
	.MobileHeaderNavigationWrapper {
		display: block;
	}

	.MobileHeaderNavigationWrapper .PrimaryNavigation {
		background-color: transparent;
	}

	.MobileHeaderNavigationWrapper .PrimaryNavigationItemText {
		font-weight: normal;
	}

	/*============================================================================*/
	.SubNavigationWrapper {
		position:            fixed;

		right:               0;
		top:                 131px;
		bottom:              0;
		z-index:             1002;

		width:               0;
		height:              auto;

		overflow:            hidden;

		transition-property: width, right;
		transition-duration: 0.25s, 0s;
		transition-delay:    0s, 0.25s;
	}

	.MobileMenuSubNavigationOpen .SubNavigationWrapper {
		right:            40vw;

		width:            60vw;

		transition-delay: 0s, 0s;
	}

	.SubNavigation {
		display:             block;

		width:               60vw;
		height:              100%;

		z-index:             1001;

		color:               #ffffff;

		font-family:         Montserrat, sans-serif;
		font-weight:         700;

		border-top:          none;
		border-radius:       0;

		background-color:    #eba42f;

		box-shadow:          none;

		transition-property: z-index;
		transition-duration: 0s;
		transition-delay:    0.25s;

		overflow:            auto;
	}

	.SubNavigation.SubNavigationActive {
		z-index:          1003;

		height:           100%;

		box-shadow:       none;

		transition-delay: 0s;
	}

	.SubNavigationColumns {
		display:  block;

		position: static;

		width:    100%;
		height:   auto;

		float:    left;
	}

	.SubNavigationClose {
		display:     block;

		cursor:      pointer;

		color:       inherit;

		font-weight: 400;

		overflow:    visible;
	}

	.SubNavigationClose .Icon {
		margin-right:   5px;

		width:          8px;

		vertical-align: middle;
	}

	.SubNavigationListColumn {
		width:        100%;

		padding:      0;

		border-right: none;
	}

	.SubNavigationListColumn:nth-last-child(2) {
		box-shadow: none;
	}

	.SubNavigationListColumn > li,
	.SubNavigationClose {
		position:      relative;

		margin-bottom: 1px;

		font-size:     17px;

		line-height:   48px;
	}

	.SubNavigationListColumn > li::after,
	.SubNavigationClose::after {
		content:       "";

		position:      absolute;
		left:          17px;
		top:           100%;
		z-index:       1;

		width:         calc(100% - 34px);

		border-bottom: 1px solid #d27928;
	}

	.SubNavigationListColumn li a,
	.SubNavigationClose {
		height:  auto;

		padding: 0 30px;
	}

	.SubNavigationListColumn li a:hover,
	.SubNavigationListColumn li a:focus,
	.SubNavigationListColumn li a:active,
	.SubNavigationClose:hover,
	.SubNavigationClose:focus,
	.SubNavigationClose:active {
		color:            #eba42f;

		background-color: rgba(255, 255, 255, 0.9);
	}

	.SubNavigationContent {
		display: none;
	}

	.SubNavigationImage {
		display: none;
	}

	/*============================================================================*/
	.MobileMenuOpen .Blackout {
		top:              131px;

		opacity:          0.75;

		transition-delay: 0s, 0s;
	}

	.MobileMenuOpen .BlackoutLoading {
		display: none;
	}

	/*============================================================================*/
	.dFilterButton {
		margin-right: 21px;
	}

	.DynamicFilterMobileCloseButton {
		display: block;

		margin: 46px auto 0;
		padding: 9px 23px 12px;

		color: #ffffff;

		background-color: #636363;

		font-size: 18px;
		text-align: center;

		text-transform: lowercase;

		line-height: 1.222222;

		cursor: pointer;

		border-radius: 3px;
	}

	/**
	Footer
	 */
	.FooterLists {
		display: block;
	}

	.FooterNavigation > .NavigationList {
		flex-direction: row;
		flex-wrap:      wrap;
		display:        flex;
	}

	.FooterNavigation > .NavigationList > .NavigationItem {
		flex:      0 1 50%;
		width:     50%;
		max-width: 50%;
		padding:   0 20px;
		margin:    0 0 37px 0;
	}

	.FooterNavigation > .NavigationList > .NavigationItem:nth-child(odd) {
		text-align: right;
	}

	.FooterBottom {
		text-align: center;
	}

	.FooterCopyright {
		margin:  0 auto 20px auto;
		display: block;
	}

	.FooterBottomNavigation {
		margin:  0 auto;
		display: block;
	}

	.FooterBottomNavigation .NavigationItem {
		margin: 0 10px;
	}
}

/**
Media 750
 */
@media (max-width: 750px) {
	#dynamicfilter {
		padding-bottom: 0;
	}
	.DynamicFilterMobileCloseButton {
		border-radius: 0;
	}
}

/**
Media 640
 */
@media (max-width: 640px) {
	.LogoWrapper {
		margin: 0 3.2vw 3px;
	}

	.Logo {
		width:  63px;
		height: 32px;
	}

	.Logo .LogoImage {
		display: none;
	}

	.Logo .LogoSmallImage {
		display: block;
	}

	/*============================================================================*/
	.NavigationWrapper {
		width: 91vw;
	}

	.MobileMenuSubNavigationOpen .SubNavigationWrapper {
		right:            9vw;

		width:            91vw;

		transition-delay: 0s, 0s;
	}

	.SubNavigation {
		display: block;

		width:   91vw;
	}


	.AlertBarContent {
		padding-bottom: 13px;
	}


	.breadcrumb {
		margin-bottom:    0;

		padding:          15px 0;

		background-color: #ffffff;
	}

	.breadcrumb .breadcrumb-ul {
		padding: 0;
	}

	.breadcrumb-ul li {
		color: #d27928;
	}

	.breadcrumb .breadcrumb-ul li,
	.breadcrumb .breadcrumb-ul li::after {
		display: none;
	}

	.breadcrumb .breadcrumb-ul li.MobileBackTo {
		display: block;
	}

	.breadcrumb .breadcrumb-ul li.MobileBackTo a::before {
		content:         'Back to ';

		display:         inline;

		padding-left:    18px;

		background:      transparent url("/framework/Images/IconBreadcrumbBack.svg") scroll no-repeat left center;
		background-size: 4.88px 8.41px;
	}

	.breadcrumb-ul a:hover,
	.breadcrumb-ul a:focus {
		color: inherit;
	}

	.QuickContactUsForm .FormRow {
		display: block;
	}

	.QuickContactUsForm .FormField {
		margin: 0 0 20px 0;
	}

	.QuickContactUsForm .FormField:last-child {
		margin-bottom: 0;
	}

	#indexProductList .page-title h1 {
		font-size: 22px;
	}

	.productslist-grid .product-item {
		width: 50%;
	}
}

/**
Media 480
 */
@media (max-width: 480px) {
	.FooterInner {
		padding: 42px 16px 43px 16px;
	}

	.FooterNavigation > .NavigationList > .NavigationItem {
		padding: 0 12px;
	}

	.FooterNavigation > .NavigationList > .NavigationItem:nth-child(odd) {
		padding-left: 0;
	}

	.FooterNavigation > .NavigationList > .NavigationItem:nth-child(even) {
		padding-right: 0;
	}

	.FeatureButtons {
		padding: 0;
	}

	.FeatureSubmit {
		width:         100%;

		border-radius: 0;
	}

	.productslist-grid .product-item {
		width: 100%;
	}
}

/**
Media 344
 */
@media (max-width: 344px) {
	.ReCAPTCHAFormRow {
		position: relative;

		height:   72px;
	}

	.QuickContactUsForm .FormField.ReCAPTCHAFormField {
		position:         absolute;
		right:            0;
		top:              0;

		transform:        scale(0.92105);
		transform-origin: right;
	}
}
.product-icon span.min-max-qty {display: none;}
.card--padding{width:100%;display:inline-block;}
.product-tabs .tab-content {display: inline-block;width: 100%;}
.tab-style-fancy ul.nav-tabs li a, .tab-style-fancy ul.nav-tabs li a:hover, .tab-style-fancy ul.nav-tabs li a:focus {font-size:16px;text-transform: capitalize;font-weight: 600;}
.product-info h2 {font-size: 24px;line-height: normal;}
.rm-toggle .catdesc-inn {display: block;width: 100%;max-height: 190px;overflow: hidden;position: relative;transition: all .3s ease-in-out;margin: 0 0 15px;}	
.rm-toggle .catdesc-inn:after {content: "";position: absolute;bottom: -25px;height: 45px;right: 0;background: rgba(255,255,255,0.4);left: 0;}
.rm-toggle {transition: all .8s ease-in-out;position: relative;width: 100%;display: inline-block;}
.rm-toggle .catdesc-readmore, .rm-toggle .catdesc-readmore:focus  {font-weight: 600 !important;display: flex !important;border: 1px solid #e8e8e8;align-items: center;text-transform: capitalize;justify-content: space-between;background:#f5f5f5;}
.rm-toggle .catdesc-readmore:not(:hover):focus{color:initial;}
.rm-toggle.full .catdesc-inn {max-height: 100%;}
.rm-toggle.full .icon-add:before{content:"\e15b"}
.catdesc-readmore .icon:before {font-weight: 700;}

#checkoutPayment .row {justify-content: center;}
.opc-view {margin: 0 0 20px;}
#loginOpcDefault .tt-item, #checkoutOneLeft .tt-item, #checkoutOneRight .tt-item, #checkoutSuccess .tt-item, #checkoutOneBottom .tt-item {
    border: 1px solid #e9e7e7;
    padding: 15px;
}
#loginOpcDefault .tt-item .tt-title, #checkoutOneLeft .tt-item .tt-title, #checkoutOneRight .tt-item .tt-title, #checkoutSuccess .tt-item .tt-title, #checkoutOneBottom .tt-item .tt-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
#loginOpcDefault .opc-block.opc-block-3:last-child {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 20px 0 0;
}
.opc-overlay.active { background: #dcdcdc; height: 100%; width: 100%; opacity: 0.5; top: 0; left: 0; position: absolute; padding: 0; z-index: 1; }
.opc-disabled { background: #dcdcdc; opacity: 0.5; z-index: 1; cursor: not-allowed; pointer-events: none; }
#checkoutShippingChoices fieldset {margin: 0 0 15px;}
#checkoutShippingChoices .custom-control.custom-radio {border: 1px solid #e9e9e9;padding: 5px 10px;margin: 0 0 5px;}
#otshipping .lineTitle {font-size:14px;}
.ccinfo{margin:0}

.accordion__item {
	margin: 5px auto;
}
.accordion__item .accordion__title {
	position: relative;
	display: block;
	padding: 13px 60px 15px 13px;
	margin-bottom: 2px;
	color: #202020;
	font-size: 20px;
	text-decoration: none;
	background-color: #eaeaea;
	border-radius: 3px;
	font-weight:500;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
  cursor: pointer;
}
.accordion__item .accordion__title:hover {
	background-color: #e5e4e4;
	transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
	background-color: #e5e4e4;
}
.accordion__item .accordion__title .accordion__arrow {
	position: absolute;
	top: 10px; right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	margin-right: 5px;
	background-color: #c9c9c9;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
	transform: rotate(225deg);
}
.accordion__item .accordion__content {
	padding: 30px;
	margin-bottom: 2px;
	font-size: 14px;
	display: none;
	background-color: #f3f3f3;
}
.accordion__item .accordion__arrow-item {
	font-weight: 700;
}
/*-------------------------------------*/

input[type="number"] {
    border: 1px solid #e5e5e5;
    box-shadow: none;
    height: 35px;
    line-height: normal;
    padding: 6px 12px;
}
.ccinfo input[type="text"], .ccinfo input[type="number"], .ccinfo .form-control {
    display: inline-block;
    margin-left: 5px;
    width: auto;
    margin-bottom: 5px;
}
.ccinfo .inputLabelPayment {
    width: 140px;
}
#checkoutPaymentMethod .custom-control.custom-radio {
    margin: 15px 0 0px;
}
label.custom-control-label.radioButtonLabel {
    font-weight: 700;
    font-size: 1em;
}
br.clearBoth {
    content: "";
    clear: both;
    display: block;
    margin-bottom: 10px;
}
.alert.alert-text {
    display: inline;
}
#checkoutPayment .buttonRow.forward {float: right;}
#otloworderfee .lineTitle {
    float: left;
    font-weight: 600;
    line-height: 24px;
    margin: 0 10px 0 0;
}
#otloworderfee .totalBox {display: inline-block;font-size: 18px;font-weight: 600;width: auto;}