@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');

* {
	box-sizing: border-box;
}

/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea {
	width: 100%;
}

body {
	font-family:'Montserrat', sans-serif;
}
p, address {
	line-height:1.5em;
	margin-bottom:1em;
	font-size: 1.2rem;
}
a {
	text-decoration:none
}
p a {
	color:#374A9A;
	transition: .3s ease;

}

p:hover a {
	color: #383838;
	transition: .3s ease;
}

strong {
	font-weight:600;
}

img{
	max-width: 100%;
	vertical-align: bottom;

}

.hide-tablet {
	display: none;
}

.hide-pro {
	display: none;
}

.pro {
	display: block;
}

.hide-mobile {
	display: none;
}

.mobile {
	display: block;
}

.tablet {
	display: block;
}


.hidden {
	display: none;
}

.no-padding {
	padding: 0;
}

.respnsive-container {
	position: relative;
	 overflow: hidden;
	 padding-top: 56.25%;
}

.entry-header {
 font-weight: 600;
 font-size: 3rem;
}

.margined-section {
	margin: 50px auto;
}

.right {
	text-align: right;
}

.image-container {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-shrink: ;
}
/* helpers */
h1, h2, h3, h4, h5, h6 {
	font-weight:600;
}
.edit_link {
	font-size:15px;
	color:red !important;
	background-color:black;
	padding:0px 15px;
	display:inline-block;
	margin: 15px auto;
}
.edit_link a {
	color:#fff;
}
.row {
	display:flex;
}
.align-center {
	text-align:center;
}
.align-right {
	text-align:right;
}

.headline-link {
	color:#77C7C2;
	margin-bottom:1em;
}
.headline-link a {
	color:#333;
}
h3.headline-link {
	font-size:1.5em;
	font-weight:700;
}
.text-center {
	text-align:center;
}
.row {
	display:flex;
	flex-direction: column;
	justify-content:space-between;
}
.row.half > div {
	width: 100%;
	display:flex;
	flex-direction:column;
	margin: 25px auto;
	padding: 0 5px;
}
/* .row.quarter > div {
	width:24%;
	display:flex;
	flex-direction:column;
} */
.container {
	max-width:1400px;
	margin:0 auto;
	padding: 0 30px;
}
.container.inner {
	padding:3em;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.rmain {
	text-align: center;
}

.header {
	background-color:#383838;
	color:#fff;
	padding:1em 0 3em;
}
.header .container .row {
	border-bottom:1px solid #77C7C2;
	margin-bottom:1em;
	padding-bottom: 1.5em;
}
.header a {
	color:#fff;
	text-decoration:none;
}
.header address,
.header p {
	font-family:'Montserrat', sans-serif;
	font-size:0.8em;
	line-height:1.3em;
}
.fa-calendar-alt, .fa-calendar-alt {
	color:#77C7C2;
}
.fa-map-marker-alt, .fa-map-marker-alt {
	color:#F17665;
}
.fa-mobile-android-alt, .fa-mobile-android-alt {
	color:#E2E165;
}
.header i.fal {
	font-size:2.5em;
	margin:0.5em;
}

.contact i.fal {
	font-size:2.5em;
	margin: 0 15px;
}

select {
	height: 50px;
}

select.quick-links {
	background-color: #fff;
	border-color: #383838;
	border-width: 3px;
	font-size: 1.3rem;
	margin: 0 auto;
	width: 75%;
	font-weight: 600;
	margin: 10px auto;
}

select.quick-links option {
}

.dark-bg {
	background-color: #383838;
	color: #fff;
	font-size: 1.2rem;
}

.eee-bg {
	background-color: #eee;
}

.border-right {
	border-right: 1px solid #fff;
}

input {
	padding: 10px 15px !important;
}

a.article_ala {
	outline: none;
}

.dark-bg-button {
	border: 2px solid #383838 !important;
	color:#fff;
	background-color:#383838 !important;
	font-size:1.3em;
	padding: 15px;
	font-family:'Montserrat', sans-serif;
	font-style:italic;
	font-weight:600;
	cursor:pointer;
	margin:.5em 0;
	outline: none;
	transition: .3s ease;
	/* width: 100%; */
}

.dark-bg-button:hover {
	border:2px solid #383838;
	background: #fff !important;
	color: #383838;
	transition: .3s ease;
}

.alternate-button {
	border: 2px solid #383838;
	background-color: white;
	color: #383838;
	font-size:1.3em;
	padding: 15px;
	font-family:'Montserrat', sans-serif;
	font-style:italic;
	font-weight:600;
	outline: none;
	transition: .3s ease;
}

.alternate-button2 {
	border: 2px solid #383838;
	background-color: white;
	color: #383838;
	font-size:1.1em;
	padding: 10px;
	font-family:'Montserrat', sans-serif;
	font-style:italic;
	font-weight:600;
	outline: none;
	transition: .3s ease;
	display: block;
}

.alternate-button:hover {
	border: 2px solid white;
	background-color: #383838;
	color: white;
	transition: .3s ease;
}

#aux_helper {
	cursor: pointer;
}

#aux_helper i {
	font-size: 1.5rem;
	color: #383838;
	padding: 0 15px;
	transition: .3s ease;
}

#aux_helper:hover i {
	color: #77C7C2;
	transition: .3s ease;

}

.tooltip-container {
	position: absolute;
	left: 0;
	right: 0;
	margin: 5px auto;
	height: auto;
	width: 95%;
	max-width: 1200px;
	background-color: #eee;
	border: 2px solid #383838;
	padding: 15px 10px;
}

.tooltip-container .tooltip-header {
	display: none;
	text-align: right;
}

.tooltip-container p {
	color: #383838;
	font-size: 1.2em !important;
	line-height: 1.8;
	margin: 8px auto !important;
}

.tooltip-header #close-tip {
	cursor: pointer;
}


.columns {
    margin: 0 !important;
}

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

.button-white {
	background: #fff;
	border: 3px solid #fff;
	border-radius: 25px;
	padding: 10px 20px;
	color: #FF0000 !important;
	transition: .3s ease;

}

.button-white:hover {
	background-color: #FF0000;
	color: #fff !important;
	transition: .3s ease;
}

/*------------------------------------*\
    NOTIFICATION BAR
\*------------------------------------*/
	#notification-banner {
		text-align: center;
		margin: 0 auto;
	}

	.notification-slider {
		opacity: 0;
		visibility: hidden;
		transition: .4s ease;
	}

	.notification-slider.slick-initialized {
		opacity: 1;
		visibility: visible;
	}

	.notification-block {
		padding: 15px 0;
	}

	.notification-block.red {
		background-color: #FF0000 ;
	}

	.notification-block.green {
		background-color: #77C7C2;
	}

	.notification-block p{
		color: white;
		font-weight: 700;
		margin: 0;
	}

	.notification-block p:hover a {
		color: #fff;
	}

	.notification-block a {
		color: white;
		font-weight: 700;
		opacity: 1;
		transition: .3s ease;
	}

	.notification-block a:hover {
		opacity: .6;
		text-decoration: underline;
		transition: .3s ease;
	}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#top-header {
	border-bottom: 1px solid #77c7c2;
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	-ms-align-items: center;
	align-items: center;
}

.contact-info-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


.contact-info-container {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	/* text-align: center; */
}

.contact-info-container i {
	color: #374A9A !important;
}

.header .container .row > div {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row;
}
.header .container .row > div:last-child {
	display:flex;
	justify-content:space-between;
	max-width:50%;
}
.header .container .row > div:last-child p {
	margin-bottom:0;
}
.header .container .row > div:last-child > div {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row;
}
nav.headernav {
	display:none;
	-ms-align-items: center;
	align-items: center;
}
nav.headernav:last-child {
	justify-content:flex-end;
}


nav.headernav ul {
	padding-left:none;
	list-style:none;
}
nav.headernav > li {
	position:relative;
	padding-left:none;
	list-style:none;
	padding: 1em 0;
	font-size:1em;
	width: 33.33%;
	text-align: center;
}
nav.headernav > li i {
	padding:0 0.1em;
}
nav.headernav > li > ul {
	display:none;
	position:absolute;
	top:36px;
	left:0;
	background-color:#fff;
	width:800px;
	border-bottom:5px solid #F17665;
	column-count: 3;
	padding:2em;
	z-index: 2;
}
nav.headernav > li.slim > ul {
	width:200px;
	column-count:1;
}
nav.headernav > li:hover > ul {
	display:block;
}
nav.headernav > li > ul > li {
	display:flex;
	margin-bottom: 25px;
	text-align: left;
}
nav.headernav > li > ul > li > a {
	color:#333;
	font-weight:700;
}
nav.headernav > li > ul > li > a:hover {
	color:#77C7C2;
}
.container.nav {
	display:flex;
	justify-content:space-between;
}
.container.nav input[type="text"] {
	font-family:'Montserrat', sans-serif;
	border:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:6px 15px;
	font-size:1em;
	min-width:300px;
}
.container.nav input[type="text"] {}

	.sub-navigation {
		justify-content: center;
		align-items: center;
	}

	.sub-navigation .login-cart-container {
		text-align: center;
		padding: 15px 0 0 0;
	}

	.login-cart-container .columns {
		align-items: center;
		justify-content: center;
	}

	.login-cart-container p {
		margin: 0;
		font-size: 1em;
	}

	.login-cart-container i {
		padding-right: 5px;
	}

	.login-cart-container .cart-count{
		width: 100%;
    background-color: white;
    padding: 5px 10px;
    margin: 0 5px;
    font-weight: 900;
    color: #383838;
    border-radius: 50%;
	}

/* MOBILE MENU */

.toggle-menu {
	height: 50px;
	position: absolute;
	right: 30px;
	z-index: 2;
	cursor: pointer;

}

.mobile-menu-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

.mobile-menu-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: center; */
	height: 100%;
}

.mobile-menu-bar {
	position: relative;
	height:3px;
	width: 30px;
	background: white;
	transition: .5s ease;
}

.mobile-menu-bar:nth-child(1),
.mobile-menu-bar:nth-child(3) {
	margin: 8px 0;
	transition: .5s ease;

}

.mobile-menu-bar:nth-child(3) {
	width: 17px;
	transition: .5s ease;

}

.mobile-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	/* justify-content: space-around; */
	padding: 0 20px;
}

.mobile-menu-active{
	/* position: absolute; */
	margin: -3px 0 !important;
	transition: .5s ease;
}

.mobile-nav-container {
	height: 100vh;
	width: 100%;
	background: #383838;
	position: fixed;
	z-index: 1;
	top: 0;
	bottom: auto;
	right: 0;
	margin: 0;
	padding: 0 ;
	overflow-y: auto;
	overflow-x: hidden;
}

.mobile-nav-container:before {
	height: 200vh;
	position: absolute;
	top: auto;
	bottom: 0;
	background: #383838;

}

.mobile-active {
	position: fixed;
}

.not-active {
	position: absolute;
}

.mobile-menu-header {
	padding: 2em 1em 1.2rem 1em;
	margin-bottom: 1em;
}

.mobile-nav-container .products-accordion	 ul {
	column-count: 3;
}

.mobile-menu-footer {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.mobile-menu-footer .contact {
	-ms-align-items: center;
	align-items: center;
}

.mobile-menu-footer .subfooter {
	display: flex;
	flex-direction: column-reverse;
	margin: 25px auto;
}

.mobile-menu-footer .subfooter .rightsreserved {
	padding: 0;
	margin: 5px auto 0 auto;
}



/* BANNER */


.banner {
	background-color:#77C7C2;
	color:#fff;
	padding: 2em 0.5em;
	text-align:center;
}

#banner{
	background-color:#77C7C2;
	color:#fff;
	padding: 2em 0;
	text-align:center;
}

.slider-banner {
	margin: -3px 0;
}
.banner.pad {
	padding:3em 0;
}
.banner h2, #banner h2 {
	font-weight:600;
	font-size:3em;
	margin: 0;
}
.banner h3, #banner h3 {
	font-weight:600;
	font-size:2.4em;
	margin: 0;
}
.banner h4 {
	font-weight:600;
	font-size:2em;
	margin:0.6em 0;
}
.banner a {
	color:#fff;
	text-decoration:none;
}
.intro {
	color:#383838;
	text-align:center;
	padding:4em 0;
}
h1 {
	font-weight:600;
	font-size:2.6em;
	margin: 0 0 25px 0;
}
.intro .container {
	max-width:800px;
}
.visit {
	background-color:#F0F0F0;
	padding:3em 0;
}
.visit .row > div {
	width:100%;
	padding: 0 5px;
}
.visit img {
	max-width:90%;
	margin-top:1em;
}
.page-title,
.visit h3 {
	font-size:2.4em;
	padding:0.2em 0 0.2em 0.5em;
	font-weight:800;
	line-height:1.3em;
	border-left:8px solid #F17665;
	margin: 15px 0;
}
.visit .contact {
	border-top:1px solid #374A9A;
	padding-top:3em;
	margin-top:2em;
}
.visit .contact a {
	color:#333;
	text-decoration:none;
}
.visit .contact i.fal {
	color:#374A9A;
	font-size:2.4em;
	margin:0 20px;
}

.featured {
	padding:3em 0;
}

.featured-product-container {
	height: 100%;
}

.featured-product {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	text-align: center;
	transition: .3s ease;
	padding: 10px 20px;
	height: 100%;
}

.featured-product .featured-product-image {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 200px;
	width: 100%;
	margin: 10px auto;
}

.featured-product p {
	color: #333;
	font-weight: 600;
}

.featured-product:hover {
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);
	transition: .3s ease;
}

.educational {
	text-align:center;
	padding:5em 0;
}
.educational h2 {
	font-size:1.6em;
	font-weight:800;
	margin-bottom:1em;
}
.logos {
	padding-top:4em;
	margin: 15px auto;
}

.logo-container {
	min-height: 300px;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	-webkit-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	-moz-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	padding: 1rem 2rem;
	border-radius: 15px;
	transition: .4s ease;
	filter: grayscale(0);
	position: relative;
}

.logo-container:before{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,.6);
	opacity: 0;
	visibility: hidden;
	transition: .4s ease;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
}


.logo-container:hover:before {
	opacity: 1;
	visibility: visible;
}

.logos .row img {
	max-width:90%;
	-webkit-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	-moz-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
}
ul.products {
	padding:1em;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-start;
}
ul.products li {
	padding:1em;
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin-bottom:1em;
}
ul.products li a {
	display:inline-block;
	font-weight:600;
	color:#333;
	text-align:center;
}
ul.products li img {
	margin:0 auto;
	display:block;
	width:80%;
	height:auto;
}
ul.products li:hover {
	-webkit-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	-moz-box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
	box-shadow: 3px 3px 7px 2px rgba(185,185,185,0.5);
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

.featured-products-container .slick-dots  {
	bottom: 0;
	margin: 25px auto;
}

.featured-products-container .slick-track {
	padding: 15px 0;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

	#copyright {
		width: 100%;
		border-top: 1px solid rgba(47,78,76, .7);
		padding: 50px 0 25px 0;
	}

	#copyright .row {
		align-items: center;
	}

	#copyright .subfooter {
		flex-direction: column-reverse;
	}

	#copyright .rightsreserved {
		font-size: .8rem;
	}

.footer {
	background-color:#383838;
	color:#fff;
	/* padding:1em 0; */
}

.footer a, .subfooter i {
	transition: .3s ease;
	color: inherit;
}

.footer a:hover, .subfooter i:hover{
	transition: .3s ease;
	color:#77C7C2;
}

.footer .contact {
	border-right: none;
	-ms-align-items: center;
	align-items: center;
}

 .contact-info {
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	padding: 0 1rem;
}

.admin_link {
        font-size:15px;
        color:black !important;
        background-color:orange;
	text-align: center;
        padding:10px 10px;
        display:inline-block;
	margin-right: 30px;
}

.top-footer {
	padding: 15px 0;
	border-bottom: 1px solid #77C7C2;
}

.footer-account-container {
	margin-top:2em;
	padding:20px;
	border-top:1px solid #77C7C2;
}

.footer-account-container ul li {
	margin: 10px auto;
	line-height: 1.2;
}

.footer .contact p,
.footer .contact address{
	font-size:0.8em;
}

/* .footer > .container > .row.half > div:first-child {
	border-right:3px solid #fff;
	width:60%;
} */

.footer > .container > .row.half > div:last-child {
	padding-left:2em;
	width:40%;
}
.footer > .container > .row.half > div {
	display:flex;
}
.footer a {
	color:#fff;
}
.footer .paytypes {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.footer .paytypes .column {
	text-align: center;
}

.footer .paytypes .primex-shipping-icon {
	width: 100%;
}

.footer .paytypes .fab {
	font-size: 3em;
}
.footer .paytypes img {
	max-width:100%;
}
.footer .menus {
	padding:20px;
	margin: 2em auto;
}
.footer h4 {
	text-transform:uppercase;
	color:#77C7C2;
	margin-bottom:1em;
	font-weight:700;
}
.footer .menus ul {
	column-count: 5;
	line-height:1.5em;
}
.footer .menus ul li {
	font-size:0.9em;
	display:block;
	margin-bottom:1em;
}
.footer .row.quarter {
	margin-top:2em;
	padding:3em 4em;
	border-top:1px solid #77C7C2;
}
.footer .row.quarter ul {
	line-height:1.5em;
}

.breadcrumb {
	background-color:#374A9A;
	color:#fff;
	padding:1em;
	font-size:0.9em;
	margin:2em 0;
}
.breadcrumb a {
	color:#fff;
}
.breadcrumb a strong {
	font-weight:700;
}

.section-header {
	margin-bottom:2em;
}
.section-header img {
	width:100%;
	max-width:100%;
}
.section-header h1 {
	font-size:3em;
	font-weight:800;
	margin-bottom:0.5em;
}
.section-header p {
	font-weight:0.8em;
}
.section-header .row > div:first-child {
	width:60%;
}
.section-header .row > div:last-child {
	width:38%;
}

.section-header .section-image {
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;

}

ul.brands,
ul.cats {
	display:flex;
	flex-direction:row;
	margin:2em 0;
	flex-flow: row wrap;
}

#brands, #cats {
	margin: 50px auto !important;
}

#brands .brand-container  {
	background-color:#eee;
	display: flex;
	flex-direction: column;
	padding: 5em 1em;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	transition: .3s ease;

}

#brands .brand-container:hover {
	background-color:#d6d6d6;
	cursor: pointer;
	transition: .3s ease;
}

#cats .cat-container {
	display: flex;
	flex-direction: column;
	padding: 3em 1em;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	transition: .3s ease;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%);
	filter
	filter: grayscale(90%);
}

#cats .cat-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22, 22, 22, .4);
	transition: .3s ease;

}


#cats .cat-container:hover {
	background-color: #4a4a4a;
	transition: .3s ease;
	filter: none;
}

#cats .cat-container:hover:before {
	background-color: rgba(22, 22, 22, .2);
	transition: .3s ease;


}

#cats .cat-name {
	color: white;
	font-size: 1.4rem;
	font-weight: 600;
	text-transform: center;
	transition: .3s ease;
	width: 100%;
	z-index: 2;
	margin: 0;
}

#brands .brand-name {
	color: #383838;
	font-size: 1.2rem;
	margin: 10px auto;
	text-decoration: underline;
	transition: .3s ease;
}

#brands .brand-name:hover {
	color: #77C7C2;
	transition: .3s ease;
}

ul.brands li,
ul.cats li {
	display:flex;
	width:14%;
	margin:0 1%;
	flex-basis:1;
	margin-bottom:1em;
	align-items:center;
	background-color:#383838;
	flex-direction:column;
}
ul.brands li {
	background-color:#eee;
	width:13%;
	padding:4em 2em;
}
ul.brands li a {
	display:block;
	color:#383838;
	text-align:center;
}
ul.cats li a {
	width:100%;
	display:block;
	padding:4em 1em;
	color:#fff;
	text-align:center;
	font-weight:700;
}

ul.cats li:hover {
	background-color:#4a4a4a;
}

/*------------------------------------*\
    POPUP
\*------------------------------------*/


#popup .container {
	height: 100%;
}

#popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(25, 29, 21, 0.46);
    z-index: 1000000;
    display: none;
}

#popup h3 {
		color: white;
		margin: 15px auto;
		font-size: 2rem;
		text-decoration: underline;

}

.popup-container {
		height: 400px;
		max-width: 800px;
		margin: 0 auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		background: #383838;
		border: 5px solid white;
}

#exit-button {
	cursor: pointer;
	transition: .3s ease;

}

#exit-button:hover i {
	transition: .3s ease;
	color: #FF0000;

}
#exit-button i {
	font-size: 2rem;
	color: white;
	transition: .3s ease;

}

.popup-content-wrapper {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.popup-content {
	text-align: right;
	padding: 20px 30px;
	position: relative;
}

.popup-text {
	text-align: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup-text p {
	margin: 5px 0;
}

.popup-text p:last-child {
	padding-bottom: 25px;
}

.popup-text a {
	color: #fff;
	transition: .3s ease;
}

.popup-text a:hover {
	color: #FF0000;
	transition: .3s ease;
}


/*------------------------------------*\
    LOGIN
\*------------------------------------*/

#login-register {

}

#login-register input[type="text"], #login-register input[type="password"] {
	margin-top: 5px;
	margin-bottom: 15px;
}

#login-register form {
	width: 75%;
}

.login-content-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		background-color: #77C7C2;
		color: white;
		padding: 15px 0;
	}

 .login-content-container p {
		font-size: 3rem;
		font-family:'Montserrat', sans-serif;
		font-weight: 700;
		font-style: italic;
		margin: 0 auto;
		text-align: center;
	}

	.login-content-container .percentage {
		font-size: 4rem;
	}

#login-cred {
	background-color: #383838;
	color: white;
	border-right: none;
}

#login-cred input[type="submit"], #cart-login input[type="submit"]  {
	border:2px solid #fff;
	color:#383838;
	background-color:#fff;
	font-size:1.3em !important;
	font-family:'Montserrat', sans-serif;
	font-style:italic;
	font-weight:600;
	cursor:pointer;
	margin:2em 0;
	outline: none;
	transition: .3s ease;
}

#login-cred input[type="submit"]:hover {
	background-color:#383838;
	color:#fff;
	border:2px solid #fff;
	transition: .3s ease;

}

#login-tabs ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

#login-tabs ul > li {
	width: 50%;
	text-align: center;
	padding: 25px 10px;
	transition: .3s ease;
	border-bottom: 2px solid #77C7C2;


}

#login-tabs ul > li.ui-tabs-active {
	background-color: #77C7C2;
	transition: .3s ease;

}

#login-tabs ul > li:first-child {
	border-right: 2px solid #77C7C2;
}

#login-tabs ul > li > a {
	color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: 1.2rem;
  outline: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  transition: .3s ease;

}
#login-tabs ul > li.ui-tabs-active > a {
	color: #383838;
	transition: .3s ease;
}

#login-tabs ul > li > a >i {
	margin: 0 15px;
	font-size: 2.2rem;
}

	.flex-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

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

	.flex-column-container input {
		margin: 10px auto;
	}

/*------------------------------------*\
    FORGOT PASSWORD
\*------------------------------------*/

	#forgot-password-form.columns{
		/* flex-direction: column-reverse; */
	}

	.forgot-password-container {
		background: #383838;
		color: white;
		text-align: center;
	}

	.forgot-password-container a {
		color: white;
		transition: .3s ease;
		cursor: pointer;

	}

	.forgot-password-container a:hover{
		color: #374A9A;
		transition: .3s ease;
	}

	.forgot-password-container input {
		margin: 5px 0 15px 0;
	}

	.forgot-password-container input[type="submit"] {
		width: 100%;
		cursor: pointer;
	}

	.forgot-password-content {
		height: 100%;
		width: 100%;
		padding: 15px 10px;
		text-align: left;
	}

	.forgot-password-content h2 {
		text-align: center;
	}

	.forgot-password-image-container {
		background: #77C7C2;
	}

		.forgot-password-image-container img {
			padding: 25px;
		}

/*------------------------------------*\
    BILLING
\*------------------------------------*/
#billing-form form {
}

/*------------------------------------*\
    ABOUT
\*------------------------------------*/

.about-contact-info {
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-bottom: 1px solid #374A9A;
}

/*------------------------------------*\
    PRODUCTS
\*------------------------------------*/

.products {
	/* margin-top:1em; */
}
.products h4 {
	display:block;
	font-weight:600;
	font-size:1.8em;
	margin:0.5em 0;
}

.products .quicklinks {
	width:100%;
}
.products .quicklinks > ul {

}
.products .quicklinks > ul li {
	padding:1em 0;
	border-bottom:1px solid #77C7C2;
}
.products .quicklinks > ul li a {
	color:#555;
	font-weight:600;
}
.products > .row > div {
	display:flex;
	flex:1 0 auto;
	flex-direction:column;
	align-items:flex-start;
}
.products > .row > div:first-child {
	width:17%;
	padding-right:2%;
}
.products > .row > div:last-child {
	width:60%;
}


.container.search {
	padding-bottom:3em;
}

.search .products {
	/* column-count:2; */
}

.products .brand-image-container {
	text-align: center;
	padding: 0;
}

.products .brand-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 175px;
	width: 400px;
	margin:0 auto 50px auto;
}
.products .cat {
	margin-bottom:1em;
	width:100%;
}
.products .cat ul {
	list-style:disc;
	padding-left:20px;
}
.products .cat ul li {
	padding:0.2em 0;
	justify-content:space-between;
	align-items:center;
	display: flex;
	line-height: 1.5;
}
.products .cat ul li a {
	color:#555;
	font-weight: 600;
}
.subsection-info .sheet {
	display:flex;
	justify-content:space-between;
	margin:2em 0;
}
.subsection-info .sheet > a {
	width:32%;
}

.sheet-image {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 350px;
	width: 100%;

}
.subsection-info .sheet img {
	width:100%;
}
.subsection-info {
	margin-bottom:1em;
	max-width:996px;
}
.subsection-info h1 {
	font-size:2em;
	font-weight:600;
	margin:1em 0 0.5em;
}
.single-product-info > div {
	padding:3em 2em;
}
.single-product-info > div:first-child {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.single-product-info > div:first-child a {
	text-align:center;
	color:#77C7C2;
}
.single-product-info > div:first-child a img {
	margin-bottom:1em;
}
.single-product-info > div h1 {
	font-size:2em;
	font-weight:600;
	margin-bottom:1em;
}

#more-content {
	text-align: center;
	margin: 0 auto;
	padding: 15px 35px;
	display: none;
}

.container.tight {
	max-width:960px;
}
.container h2 {
	font-size:1.4em;
	font-weight:600;
	margin:1em 0;
}


.product-table {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 auto;
}

.product-table thead {
	width: 40%;
}

.product-table tbody {
	width: 60%;
}

.product-table thead, .product-table tbody {
	display: inline;
}

.product-table tr {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 0 1 auto;

	background: #eee;
}

.product-table tr td {
	padding: 1em 0.5em;
}

.product-table thead th {
	background-color: #333;
  color: #fff;
  border: 1px solid #fff;
  padding: 1em 0.5em;
  min-height: 110px;
	height: 100%;
	flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-table tbody td {
	width: 100%;
  min-height: 110px;
	height: 100%;
	background-color: inherit;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  border: 1px solid white;
}
.product-table tbody tr td {
	text-align:center;
	display: flex;
	flex: 0 1 auto;
	justify-content: center;
	flex-direction: column;

}
.product-table tbody td input {
	padding:7px 15px;
	font-size:1em;
}
.row.buttons {
	padding:2em 0 5em;
}

.submit-container {
	text-align: right;
}

.buttons-container {
	flex-direction: column-reverse;
}

.buttons input[type="submit"] {
	cursor: pointer;
	background-color:#383838;
	border: 2px solid #383838;
	padding:1.5em 4em !important;
	color:#fff;
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:14px;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	width: 100%;
}

.buttons input[type="submit"]:hover {
	background: #fff;
	color: #383838;
	transition: .3s ease;
}

.buttons .back_to {
	display:block;
	text-align: center;
	padding:1.5em 4em;
	color:#383838;
	border:2px solid #383838;
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:14px;
	transition: .3s ease;

}

.buttons .back_to:hover {
	background-color:#383838;
	color: #fff;
	transition: .3s ease;
}

img.img {
	max-width:100%;
	height:auto;
}
ul.faqs {
	margin-bottom:5em;
}
ul.faqs li {
	padding:1.5em 0;
	border-bottom:1px solid #374A9A;
}
ul.faqs li:last-child {
	border-bottom:none;
}
ul.faqs li h5 {
	font-weight:600;
	font-size:1.4em;
	margin-bottom:0.8em;
}
.contactus.container.tight {
	padding:5em 0;
}

.contactus {
	margin: 25px auto;
}
.contactus .row.contact {
	padding:2em 0 1em;
	border-bottom:1px solid #374A9A;
	margin-bottom:2em;
}
.contactus .row.contact a {
	color:#383838;
}
.contactus .row.contact i.fal {
	color:#374A9A;
}
.directions {
	background-color:#F0F0F0;
	padding:3em;
	margin-bottom:3em;
}
.directions h4 {
	font-weight:600;
	margin-bottom:0.5em;
}
.login-container {
	background-color:#383838;
	color: white;
	padding:1em;
	display: flex;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
	width: 100%;
	min-height: 450px;
}
.login-container h1 {
	font-size:2em;
	font-weight:600;
	margin:1em 0;
	text-align: center;
}

.login-container a {
	color: white;
}
.login-container td {
	padding:0.4em 0;
}
.login-container td.v {
	display:flex;
	flex-direction:row;
}
.login-container td.n {
	font-size:0.8em;
}
span.required {color:Red;}
.orderboth {
	padding:0 0 2em;
}
input[type="email"],
input[type="text"],
input[type="password"] {
	padding:5px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
input[type="submit"] {
	background-color:#77C7C2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:7px 20px;
	border:none;
	color:#fff;
	-webkit-appearance:default-button;
}
.onsale {
    color: RED;
    font-style: italic;
}

/*------------------------------------*\
    404
\*------------------------------------*/

/*------------------------------------*\
    FORMS
\*------------------------------------*/
	#searchform {
		display: flex;
		justify-content: center;
	}

	#searchform  input[type="text"], #searchform input[type="submit"] {
		border-radius: 0 !important;
		font-size: 1rem;
	}

	#searchform  .findme {
		width: 75%;
		padding: 10px;
		font-size: 1.2em;
	}

/*
	#recaptcha-status {
		color: #8b4600;
		padding: 5px 0;
		font-weight: 600;
		font-size: 1.2rem;
	} */

/*------------------------------------*\
    CART
\*------------------------------------*/

#shopping-cart {
	margin: 50px auto;
}

#order-details {
	display: flex;
	flex-wrap: wrap;
}

#order-details tr {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#order-details tr td {
	width: 100%;
	min-height: 110px;
}

#order-details thead {
	width: 40%;
}

#order-details tbody {
	width: 60%;
}

#order-details thead, #order-details tbody , .product-table thead, .product-table tbody{
	margin: 10px auto;
}

.cart-intro .page-title {
	margin-left:0;
}
.cart-intro p {
	margin:25px;
}
.order_box {
	margin-bottom:2em;
}

.orderboth input {
	padding: 10px;
	font-size: 1rem;
}

#coupon-and-order-details {
	align-items: flex-end;
	position: relative;
}

#coupon-and-order-details .order_box {
	margin: 0;
}

.orderboth .order_box table tr{
	background-color:#eee;
	padding:0;
}
.orderboth .order_box table th {
	background-color:#333;
	color:#fff;
	border:1px solid #fff;
	padding: 1em 0.5em;
	min-height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.orderboth .order_box table tr.tra td, .orderboth .order_box table tr.tr td {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.orderboth .order_box table td a {
	color:#77C7C2;
}
.orderboth .order_box table td small {
	font-size:0.8em;
}
.orderboth .order_box table tr td {
	padding:1em 0.5em;
}
.orderboth .order_box table tr td.crncy {
	width:10%;
}
.orderboth .order_box table tr.tra td, .orderboth .order_box table tr.tr td {
	background-color:inherit;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	border: 1px solid white;
}

.orderright .order_box table td,
.orderright .order_box table th {
	padding:15px;
	min-width: 100px;
	border: 1px solid white;
}

th.dark-bg.border-right {
	width: 30%;
}

td.dark-bg {
	width: 70%;
}

.orderright .order_box table tr th {
	font-weight:600;
}
.orderright form[name="checkout"] {
	display:flex;
	justify-content:flex-end;
}
.container.tight .shipping  h2 {
	font-size:2em;
	font-weight:600;
	margin:0;
	line-height:1.3em;
}

.sn{
	margin: 15px auto;
}

input.qnty {
	width: 50%;
}

.adjust-quantities {
	display: flex;
}

#updateqty {
	background-color: white;
	border: 2px solid #383838;
	border-radius: 5px;
	padding: 10px 15px;
	color: #77C7C2;
	font-size: 1rem !important;
	cursor: pointer;
	transition: .3s ease;

}

#updateqty:hover {
	background-color: #77C7C2;
	color: white;
	transition: .3s ease;
}

#delete-quantities {
  padding: 10px 25px;
  border-radius: 5px;
  font-size: 1rem;;
  margin: 0 10px;
  color: #77C7C2;
	background-color: #fff;
	transition: .3s ease;
	border: 2px solid #383838;


}

#delete-quantities:hover {
	background-color: #e50000;
	color: #fff;
	transition: .3s ease;

}


.coupon-wrapper h4{
	font-size: 1.3rem;
	margin: 15px auto;
}

.coupon-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.coupon-container input[type="text"] {
    width: 85%;
    padding: 15px;
    border-radius: 10px;
    font-size: 1.1rem;
    margin: 15px 0;
    outline: none;
    border-color: #383838;
		transition: .3s ease;

}


.coupon-container input[type="submit"] {
	background-color: inherit;
    color: #77C7C2;
    padding: 10px 50px !important;
    border: 2px solid #383838;
    font-size: 1.1rem !important;
    font-weight: 900;
    transition: .3s ease;
    cursor: pointer;
}

.coupon-container input[type="submit"]:hover {
	background-color: #383838;
	color: white;
	transition: .3s ease;
}

.coupon-container i {
	color: #383838;
	font-size: 1.5rem;
	margin: 0 15px;
}


/* CART LOGIN */

#cart-login {
	margin: 50px auto;
}

#cart-login ul {
	height:100%;
	width: 100%;
	display: flex;

}

#cart-login ul > li {
	background: #383838;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid white;
	cursor: pointer;
	outline: none;
	transition: .3s ease;

}


#cart-login ul > li > a {
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	font-size: 1.2rem;
	outline: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px 0;
	transition: .3s ease;

}

#cart-login ul > li > a > i {
	font-size: 2.2rem;
	margin: 10px;
}


#cart-login h1{
	text-align: center;
	font-size: 2.5rem;
	margin: 15px auto;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	font-family:'Montserrat', sans-serif;
	color: #77C7C2;
	text-shadow: 1px 1px 1px #383838;

}

#cart-login h2 {
	font-size: 2em;
    font-weight: 600;
    margin: 1em 0;
    text-align: center;
}

#cart-login input[type="text"], #cart-login input[type="password"] {
	margin: 5px 0 15px 0;
}

#cart-login .ui-tabs-active {
	background-color: #77C7C2;

}

#cart-login p {
	text-align: center;
}

#cart-login .ui-tabs-active a {
	color: #383838;
}

#cart-login .form-container {

	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 500px;
}


#cart-login a {
	color: white;
}

/*------------------------------------*\
    SHIPPING
\*------------------------------------*/
#calculate-shipping {
	background-color: #F0F0F0;
	margin: 15px auto;
}

#calculate-shipping .pickup-order {
	margin: 15px auto;
}

#calculate-shipping h4 {
	font-size: 1.3rem;
	margin: 15px auto;
}
#calculate-shipping form {
	width: 100%;
}

#calculate-shipping .calculate-shipping-container {
	max-width: 1200px;
	margin: 20px auto;
	justify-content: center;
	align-items: center;
}

#calculate-shipping .zip-code-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

#calculate-shipping .zip-code-column input[type="text"] {
	width: 85%;
	padding: 15px;
	border-radius: 10px;
	font-size: 1.1rem;
	margin: 15px 0;
	outline: none;
	border-color: #383838;
}

#calculate-shipping .zip-code-column input[type="submit"] {
	background-color: inherit;
	color: #77C7C2;
	padding: 10px 50px !important;
	border: 2px solid #383838;
	font-size: 1.1rem !important;
	font-weight: 900;
	transition: .3s ease;
	cursor: pointer;
}

#calculate-shipping .zip-code-column input[type="submit"]:hover {
	background-color: #383838;
	color: white;
	transition: .3s ease;
}

.shipping {
	max-width: 1300px;
	margin: 50px auto;
}

.shipping h2 {
	font-size: 2.5rem;
	margin: 15px 0;
	line-height: 1.2;
	font-weight: 700;
}

.shipping h3 {
	line-height: 1.2;
	font-size: 1.2rem;
}

.shipping-header-container {
	margin: 15px auto 75px auto;

}

.shipping-header {
	align-items: flex-end;
	border-bottom: 1px solid #374A9A;
}

.shipping div.row:first-child {
	padding-top:2em;
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:1px solid #374A9A;
}
.shipping div.row:first-child > div {
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
}
.shipping div.row:first-child > div em {
	font-style:italic;
	font-weight:600;
}
.shipping div.row:first-child > div i.fas {
	font-size:2em;
	padding-left:0.4em;
}
.shipping ul.tiles {
	margin:2em 0 3em 0;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.shipping ul.tiles li {
	width:100%;
	background-color:#F0F0F0;
	padding:5em 1em;
	text-align:center;
	justify-content:center;
	align-items:center;
	display:flex;
	margin: 5px 0;

}
.shipping ul.tiles li h4 {
	font-weight:600;
	line-height: 1.3;
}

.fast-shipping-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px auto;
}

.fast-shipping-container p{
	margin: 0 10px;
	font-weight: 700;
	font-style: italic;
	font-size: 1.3rem;
}

/*------------------------------------*\
    BILLING & SHIPPING INFO
\*------------------------------------*/

#billing-info p, #shipping-info p {
	background-color: #383838;
	color: white;
	margin: 25px auto 0 auto;
	font-size: 1.2rem;
	padding: 10px;
	text-align: center;
}

#billing-form table, #shipping-form table {
	background-color: #eee;
}


#shipping-form p {
	background-color: #eee;
	color: #383838;
	margin: 0;
	text-align: center;
}

#shipping-form p input {
	width: auto;
}

.shipping-selection-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	background-color: #eee;
	align-items: center;
}

.shipping-selection-container .checkout_buttons {
	max-width: 75%;
}

.shipping-footer-container {
	align-items: center;
	text-align: center;
	flex-direction: column-reverse;
	margin: 25px auto !important;
}

.shipping-footer-container a > p {
	border: 2px solid #383838;
	border-radius: 5px;
  color: #fff !important;
  background-color: #383838 !important;
  font-size: 1.3em;
  padding: 15px;
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 600;
  cursor: pointer;
  margin: 2em 0;
  outline: none;
  transition: .3s ease;
  width: 100%;
}

.shipping-footer-container a > p:hover {
	color: #383838 !important;
	background-color: #fff !important;

}

#billing-form tr, #shipping-form tr  {
	margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#billing-form input, #billing-form select,
#shipping-form input, #shipping-form select{
	width: 100%;
}

/*------------------------------------*\
    PAYMENT
\*------------------------------------*/

#payment-form {

}

#payment-form h2 {
	background-color: #383838;
	color: white;
	padding: 15px;
	font-size: 1.2em;
	margin: 1em 0 0 0;
}

#payment-form p {
	font-size: 1em;

}

.payment-content {
	margin: 25px auto;
}

.payment-container-bg {
	background: #eee;
	padding: 25px 10px;
	align-items: center;
}

.payment-container-bg p {
	text-align: center;
	font-weight: 600;
	margin: 0;
	font-size: 1.2rem;
}

.payment-container-bg table {
	background: #eee;
}

.payment-container-bg table td{
	display: flex;
}

.payment-container-bg table select {
	width: 100%;
	background: #fff;
}

#payment-review .payment-content p{
	margin: 0;
	background: #383838;
	color: #fff;
	padding: 15px 10px;
}

#payment-review .order_h {
	background-color: #383838;
	color: white;
	padding: 0 10px;
}

#payment-review .order_h a {
	color: white;
	padding: 10px 15px;
	margin: 0 0 0 auto;
	border: 2px solid #fff;
	transition: .3s ease;
	font-weight: 600;

}

#payment-review .order_h a:hover {
	color: #383838;
	background: #fff;
	transition: .3s ease;
}

.review_t tbody {
	background: #eee;
}

.review_t p {
	color: #383838 !important;
	background: none !important;
}

/* .review_t td {
	padding: 0 15px !important;
} */
#payment-review table  {
	background: #eee;
}

#payment-review table pre {
	font-size: 1.2rem ;
	line-height: 1.5;
	padding: 10px;
}

#payment-review .payment-table {
	width: 100%;
	text-align: center;
}

.review_sheet p {
	margin: 0;
}

#customer-information{
	margin: 25px 0 !important;
}

#customer-information h2 {
	font-size: 1.2em !important;
	margin: 5px 0;
}

#customer-information p {
	word-wrap: break-word;
	text-align: center;
}

/*------------------------------------*\
    FINAL
\*------------------------------------*/

#final-order {

}

#final-order .order_h h2 {
	margin: 0;
	background: #383838;
	color: #fff;
	padding: 15px 10px;
}

#final-order table  {
	background: #eee;
}

#final-order table pre {
	font-size: 1.2rem ;
	line-height: 1.5;
	padding: 10px;
}

/*------------------------------------*\
    SHOP
\*------------------------------------*/
.shop.products {
	height: 100%;
	width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding:2em 0;
}

.shop.products a h4 {
	color:#77C7C2;
}
.formstyles label {
	display:inline-block;
	margin-top:1em;
}
.formstyles input[type="text"],
.formstyles input[type="email"],
.formstyles textarea {
	box-sizing: border-box;
	padding: 15px;
	font-size:14px;
	border:2px solid #000;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0.5em 0;
}
.formstyles input[type="text"]:focus,
.formstyles input[type="email"]:focus,
.formstyles textarea:focus {
	border:2px solid #77C7C2;
}

.formstyles input[type="submit"] {
	border:2px solid #000;
	padding:1em 2em;
	font-size:18px;
	font-style:italic;
	background-color: white;
	font-weight:600;
	color:#383838;
	margin:1em 0 3em;
	transition: .3s ease;
	cursor: pointer;
}

.formstyles input[type="submit"]:hover {
	color: white;
	background-color: #383838;
	transition: .3s ease;

}

input[type="submit"].checkout_buttons {
	border:2px solid #383838;
	color:#fff;
	background-color:#383838;
	font-size:1.3em;
	padding: 15px;
	font-family:'Montserrat', sans-serif;
	font-style:italic;
	font-weight:600;
	cursor:pointer;
	margin:.5em 0;
	outline: none;
	transition: .3s ease;
	width: 100%;
	word-break: break-word;
  white-space: pre-wrap;
}

input[type="submit"].checkout_buttons_alternate {
	border: 2px solid #fff;
  color: #383838;
  background-color: #fff;
  font-size: 1.3em !important;
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 600;
  cursor: pointer;
  margin: 2em 0;
  outline: none;
	cursor: pointer;
  transition: .3s ease;
}

input[type="submit"].checkout_buttons:hover {
	background: transparent;
	color: #383838;
	transition: .3s ease;
}

input[type="submit"].checkout_buttons_alternate:hover {
	background-color: #383838;
  color: #fff;
  border: 2px solid #fff;
  transition: .3s ease;
}

form[name="payment"] td {
	padding:10px 0;
}
/* form[name="payment"] table {
	max-width:60%;
} */
form[name="payment"] input[type="text"] {
	width:100%;
}
form[name="payment"] hr {
	margin:2em 0 3em;
}
.review_sheet table td {
	padding:5px;
}
form[name="form1"] td,
form[name="customer"] td {
	padding:5px;
	vertical-align: middle;
}

form[name="form1"] input[type="text"],
form[name="customer"] input[type="text"] {
	background-color:#fff;
	padding:8px 15px;
	font-size:14px;
}
form[name="form1"] select,
form[name="customer"] select {
	background-color:#fff;
	padding:8px 15px;
	height:40px;
	font-size:14px;
}
div.error {
	background-color:#fbdcdc;
	color:#9c1414;
	border-radius:10px;
	border:1px solid #9c1414;
	padding:1em 2em;
	margin-bottom:2em;
}

/*------------------------------------*\
    SLICK
\*------------------------------------*/

	.slick-image {
		background-position: center;
		background-size: cover;
		height: 450px;
	}

.slick-dots {
	position:relative;
	bottom:50px;
	width:100%;
	text-align:center;
	display:flex;
	justify-content:center;
}
.slick-dots > li {
	padding:0 8px;
}
.slick-dots > li.slick-active button {
	background-color:#77C7C2;
}
.slick-dots > li button {
	background-color:#bbb;
	border-radius:15px;
	font-size:0;
	width:14px;
	height:16px;
}
.slick-dots > li button:focus {
	outline:none;
}

/*------------------------------------*\
    ACCORDION
\*------------------------------------*/

#accordion {
	margin: 25px auto;
}

#mobile-accordion .accordion-header {
	font-size: 1.5rem;
}

.accordion-header, .mobile-accordion-header {
	font-size: 1.2rem ;
	border-top: 1px solid white;
	padding: 20px 0;
	color: #77C7C2;
	margin: 0 !important;
}
 .accordion-header:focus, .mobile-accordion-header:focus {
	color: none;
	outline: none;
}

.accordion-header i, .mobile-accordion-header i {
	float: right;
	color: white;
	font-size: 1.6rem;
	margin: 0 10px;
}

.accordion-content {
	padding-bottom: 15px;
}

.accordion-content ul li {
	margin: 0 auto 10px auto;
}

/*------------------------------------*\
    SOCIAL MEDIA
\*------------------------------------*/

.subfooter {
	text-align: center;

}

.social-media {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.social-media  p:first-child {
	width: 100%;
}

.social-media i {
	font-size: 1.8rem;
	padding: 0 10px;
}

.fa-facebook-f {
	padding-left: 15px !important;
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.slide {
	height: 100%;
	width: 100%;
	min-height: 250px;
	background-position: center;
	background-size: cover;
	transition: .3s ease;

}

/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media only screen and (min-width: 400px ) {
	.shipping ul.tiles li {
		width: 49%;
	}

	.container h2 {
		font-size:1.7em;
		font-weight:600;
		margin:1em 0;
	}
}

@media only screen and (min-width: 450px) {
	#mobile-accordion .accordion-header {
		font-size: 2rem;
	}

	.mobile-menu-header {
		padding: 2em 0 1.8em 0;
	}

}

@media only screen and (min-width: 480px) {
	.slide {
		min-height: 350px;
	}

	.accordion-header, .mobile-accordion-header {
		font-size: 1.5rem;
	}

	.login-content-container .percentage {
		font-size: 5rem;
	}

	.login-content-container p {
		font-size: 4rem;
	}

	.login-container  {
		padding: 2em;
	}

	#cats .cat-container {
		padding: 5em 1em;
	}

	.shipping-footer-container {
		flex-direction: row;
	}
}

@media only screen and (min-width: 500px) {
	.about-contact-info {
		flex-direction: row;
	}

	.about-contact-info.column {
		width: inherit;
	}

	/* .mobile-menu-footer {
		position: absolute;
		bottom: 10px;

	} */

}

@media only screen and (min-width: 681px) {
	.hide-mobile {
		display: block;
	}

	.mobile {
		display: none;
	}


	.shipping ul.tiles li {
		margin: 10px 0;
	}


	#billing-form tr, #shipping-form tr {
		display: table-row;
		margin: 10px 50px;
	}

}

@media only screen and (min-width: 769px) {

	.banner h2, #banner h2 {
		font-size: 4em;
	}

	.row {
		flex-direction: row;
	}

	.hide-tablet {
		display: block;
	}

	.tablet {
		display: none;
	}

	#mobile-accordion .accordion-header {
		font-size: 2.5rem;
	}

	.buttons-container {
		flex-direction: row;

	}

	.buttons input[type="submit"]  {
		width: auto;
	}

	.contact-info-container {
		justify-content: center;
		flex-direction: row;
	}

	#order-details, .product-table {
		display: table;
	}

	#order-details tr {
		display: table-row;
	}

	#order-details tr td, .product-table tr td {
		width: 15%;
	}

	#order-details thead, #order-details tbody {
		width: 100%;
	}

	#order-details thead:not(:first-child)  {
		display: none;
	}


	.product-table thead, .product-table tbody {
			width: 100%;
			display: table-row-group;
	}

	.product-table  thead:not(:first-child){
		display: none;
	}

	.product-table tr {
		display: table-row;
	}

	.orderboth .order_box table tr {
		padding: 0.5em 0.2em;
	}

	.orderboth .order_box table th, .product-table thead th {
		display: table-cell;
	}

	.orderboth .order_box table tr.tra td, .orderboth .order_box table tr.tr td, .product-table tr.tra td, .product-table tr.tr td {
		display: table-cell;
	}

	.login-content-container .percentage {
		font-size: 9rem;
	}

	#login-cred{
		border-right: 5px solid #fff;
	}

	#login-tabs ul > li > a {
		flex-direction: row;

	}

	.section-header .section-image {
		height: 400px;
	}

	#payment-form h2 {
		font-size: 1.5em;
	}

	#payment-review .payment-table {
		width: 25%;
	}
	.social-media  p:first-child {
		width: auto;
	}

	#cart-login ul > li > a {
		flex-direction: row;
	}

	th.dark-bg.border-right, td.dark-bg {
		width: 50%;
	}

	#forgot-password-form.columns{
		flex-direction: row;
	}

}

@media only screen and (min-width: 1024px) {
	.slide {
		min-height: 500px;
	}

	nav.headernav {
		display: flex;
	}

	.sub-navigation .login-cart-container {
		padding: 0;
	}

	.social-media {
		justify-content: flex-end;
	}

	.hide-pro {
		display: block;
	}

	.pro {
		display: none;
	}
	.footer .contact {
		border-right: 1px solid white;
	}

	.footer .paytypes img {
		max-width:150px;
	}

	#copyright .subfooter {
		flex-direction: row;
	}

	#copyright .rightsreserved {
		font-size: 1rem;
	}

	.shipping ul.tiles li {
		width: 23%;
	}

	#searchform  .findme {
		width: 100%;
	}

	.login-content-container .percentage {
		font-size: 11rem;
	}
}

@media only screen and (min-width: 1200px) {
	.slide {
		min-height: 550px;
	}

	/* nav.headernav > li {
		text-align: left;
	} */

	nav.headernav > li i {
		padding: 0 0.5em;
	}
}

@media only screen and (max-width: 480px) {
	.about-contact-info .column.is-6-mobile {
		width: 100% !important;
	}

	.mobile-menu-footer .contact {
		display: none !important;
	}

	.products .cat {
		width: 100% !important;
	}
}

@media only screen and (max-device-width : 680px) {
	.container {
		padding:1em;
	}
	.header {
		padding:1em;
	}
	.mobilehide {
		display:none !important;
	}
	.row > div,
	.visit .row > div {
		width:100% !important;
	}
	.container.nav,
	.row.half {
		flex-direction:column !important
	}
	.align-right {
		text-align:center;
	}
	ul.products li {
		width:47% !important;
		padding:0 1%;
	}
	.logos .row {
		flex-direction:column;
	}
	.logos .row > a {
		margin-top:1em;
	}
	.footer > .container > .row.half > div:first-child {
		border-right:none !important;
	}
	.footer > .container > .row.half > div {
		width:100% !important;
		padding-left:0 !important;
	}
	.footer .menus {
		padding:2em 0;
	}
	.footer .menus ul {
		column-count:1;
	}
	.header .container .row > div {
		width:100% !important;
		max-width:100% !important;
	}
	.footer .contact > div {
		padding-right:0 !important;
	}
	nav.headernav {
		font-size:1.2em;
		width:100%;
	}
	nav.headernav > li {
		padding-right:0;
		width:33%;
		text-align:center;
	}
	nav.headernav > li i {
		padding:0;
	}
	.nav form {
		justify-content:center;
		align-items:center;
		padding:2em 0 1em;
	}
	/* nav.headernav:last-child li {
		padding:1em 0 !important;
	} */
	.subfooter p {
		text-align:center;
		padding:1em 0;
		margin: 0;
	}
	.subfooter .row {
		flex-direction:column;
	}
	.visit .row {
		flex-direction:column;
	}
	.visit .contact {
		width:100% !important;
	}
	.visit .contact > div {
		width:100% !important;
	}
	.header .container .row > div:last-child {
		display:none;
	}
	.footer .row.quarter {
		padding:3em 0;
	}
	.footer > .container:first-child  {
		border-bottom:none !important;
	}
	.slideshow {
		min-height:30vh !important;
	}
	.banner h2,
	.banner h3 {
		font-size:2em;
	}
	nav.headernav > li {
		padding-top:0;
	}
	.visit h3 {
		margin:0.2em 0;
	}
	.logo {
		width:70px !important;
	}
}

@media only screen and (max-device-width : 768px) {

	.tooltip-container .tooltip-header {
		display: block;
	}

}