/* @override 
	http://localhost/grail/lib/css/main.css */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaLight/ProximaNova-Light-webfont.eot");
src: url("lib/fonts/ProximaNovaLight/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaLight/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg"),url("lib/fonts/ProximaNovaLight/ProximaNova-Light-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaLight/ProximaNova-Light-webfont.ttf") format("truetype");
font-weight: 300;
font-style: normal
}

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaLightItalic/ProximaNova-LightIt-webfont.eot");
src: url("lib/fonts/ProximaNovaLightItalic/ProximaNova-LightIt-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaLightItalic/ProximaNova-LightIt-webfont.svg#proxima_novalight_italic") format("svg"),url("lib/fonts/ProximaNovaLightItalic/ProximaNova-LightIt-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaLightItalic/ProximaNova-LightIt-webfont.ttf") format("truetype");
font-weight: 300;
font-style: italic
}

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaRegular/ProximaNova-Reg-webfont.eot");
src: url("lib/fonts/ProximaNovaRegular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaRegular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"),url("lib/fonts/ProximaNovaRegular/ProximaNova-Reg-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaRegular/ProximaNova-Reg-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal
}

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaRegularItalic/proximanova-regularitalic-webfont.eot");
src: url("lib/fonts/ProximaNovaRegularItalic/proximanova-regularitalic-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaRegularItalic/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic") format("svg"),url("lib/fonts/ProximaNovaRegularItalic/proximanova-regularitalic-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaRegularItalic/proximanova-regularitalic-webfont.ttf") format("truetype");
font-weight: normal;
font-style: italic
}

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.eot");
src: url("lib/fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"),url("lib/fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaSemibold/ProximaNova-Sbold-webfont.ttf") format("truetype");
font-weight: 600;
font-style: normal
}

@font-face {
font-family: "ProximaNova";
src: url("lib/fonts/ProximaNovaBold/ProximaNova-Bold-webfont.eot");
src: url("lib/fonts/ProximaNovaBold/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("lib/fonts/ProximaNovaBold/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold") format("svg"),url("lib/fonts/ProximaNovaBold/ProximaNova-Bold-webfont.woff") format("woff"),url("lib/fonts/ProximaNovaBold/ProximaNova-Bold-webfont.ttf") format("truetype");
font-weight: 700;
font-style: normal
}
@charset "UTF-8";

/*:root {
  --color-primary: #A48555;
  --color-darkest: #000;
  --color-lightest: #fff;
  --color-darkGrey: #4D4D4D;
  --color-lightGrey: #B6B6B6;
}

/* Color *!/

.color-primary {
	color: var(--color-primary);
}
.color-dark {
	color: var(--color-darkest);
}
.color-white {
	color: var(--color-lightest);
}
.color-dark_grey {
	color: var(--color-darkGrey);
}
.color-light_grey {
	color: var(--color-lightGrey);
}

/* Background Color *!/
	
.bg-primary {
	background-color: var(--color-primary);
}
.bg-dark {
	background-color: var(--color-darkest);
}
.bg-white {
	background-color: var(--color-lightest);
}
.bg-grey {
	background-color: var(--color-darkGrey);
}
.bg-light_grey {
	background-color: var(--color-lightGrey);
}*/
/* ==========================================================================
   GENERAL
   ========================================================================== */

.container {
	/*	max-width: 1270px;*/
}
.container-fluid {
		max-width: 1140px;
}
.container-small {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.no-pointer {
	pointer-events: none;
}
/* ==========================================================================
   OVERRIDES
   ========================================================================== */

.btn {
	border-radius: 0px !important;
}

a:hover {
	text-decoration: none;
}
.p-6{padding:4rem!important}
.py-6{padding-top:4rem!important;padding-bottom:4rem!important;}
.p-7{padding:5rem!important}
.py-7{padding-top:5rem!important;padding-bottom:5rem!important;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, input, input:focus {
    outline: 0;
}
/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

body {
	font: normal normal normal 16px/1.6 "ProximaNova",sans-serif;
	font-weight: 300;
}

.font-primary {
	font-family: 'ProximaNova', sans-serif;
}

.font-highlight {
	font-family: 'Oswald', sans-serif;
}

.underlined {
	text-decoration: underline;
}

.not-underlined {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif;
	margin: 0;
	text-transform: uppercase;
}

h1, .h1 {
	font-size: 2.5rem;
}

h2, .h2 {
	font-size: 2rem;
}

h3, .h3 {
	font-size: 1.75rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}

.text-xl {
	font-size: 2.5em;
}

.text-lg {
	font-size: 1.5em;
	line-height: 1.4em;
}

.text-md {
	font-size: 0.9em;
}

.text-sm {
	font-size: 0.75em;
}

.text-xs {
	font-size: 0.6em;
}

.text-spaced {
	letter-spacing: 1px;
}

.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

::after,::before{box-sizing:border-box}
.text-uppercase {
	text-transform: uppercase;
}
.font-weight-bold {
	font-weight: bold;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

@media (max-width: 767.98px) {
	.text-lg {
		font-size: 1.5em;
		line-height: 1em;
	}
}
@media (max-width: 575.98px) {
	h1, .h1 {
		font-size: 2rem !important;
		line-height:1.1em;
	}
	h2.section-title, .product-specs h2{
		font-size: 2rem !important;
		line-height:1.1em;
	}
	.text-lg {
		font-size: 1.3em  !important;
	}
	.mt-5 {
		margin-top: 1.5em !important;
	}
	.mb-5 {
		margin-bottom: 1.5em !important;
	}
	.my-5 {
		margin-top: 1.5em !important;
		margin-bottom: 1.5em !important;
	}
	.pb-5 {
		padding-bottom: 1.5em !important;
	}
	.py-5 {
		padding-top: 1.5em !important;
		padding-bottom: 1.5em !important;
	}
	.py-7{
		padding-top:2rem!important;
		padding-bottom:2rem!important;
	}
	
}

/* ==========================================================================
   Forms
   ========================================================================== */

input {
	border-radius: 0px !important;
}
/* ==========================================================================
   Colors
   ========================================================================== */

:root {
	--color-primary: #A48555;
	--color-darkest: #000;
	--color-lightest: #fff;
	--color-darkGrey: #4D4D4D;
	--color-lightGrey: #B6B6B6;
}


/* Color */

a{
	color: #000;
	text-decoration:none;
	background-color:transparent;
	transition: color .3s;
}
a:hover{
	color:#A48555;
	text-decoration:none;
}
a.text-primary:hover {
	color: #A48555 !important;
}
a.link-full {
	width: 100%;
	height: 100%;
}

.text-primary {
	color: #A48555 !important;
}

.text-dark {
	color: #000 !important;
}
.text-white {
	color: #fff !important;
}
.text-light {
	color: #fff !important;
}

.text-grey {
	color: #737272 !important;
}

.text-dark_grey {
	color: #4D4D4D !important;
}

.text-light_grey {
	color: #B6B6B6 !important;
}
.page-item.active a{
	background-color: transparent !important;
	color: #aaa !important;
}
.page-link {
	color: #333;
	border: none;
	font-weight: 400;
}
.page-link:hover {
	color: #000;
	background-color: transparent !important;
}
/* Background Color */

.bg-primary {
	background-color: #A48555 !important;
}

.bg-dark {
	background-color: #000000 !important;
}

.bg-light {
	background-color: #fff !important;
}

.bg-grey {
	background-color: #737272 !important;
}

.bg-dark_grey {
	background-color: #4D4D4D !important;
}

.bg-light_grey {
	background-color: #F2F2F2 !important;
}

/* SVG Color */

.svg-primary, .svg-primary path {
	fill: #A48555;
}

.svg-dark, .svg-dark path {
	fill: #000;
}

.svg-light, .svg-light path {
	fill: #fff;
}

.svg-grey, .svg-grey path {
	fill: #737272;
}

.svg-dark_grey, .svg-dark_grey path {
	fill: #4D4D4D;
}

.svg-light_grey, .svg-light_grey path {
	fill: #B6B6B6;
}

/* Buttons */

.btn {
	text-transform: uppercase;
	font-weight: 600;
	border: none;
}

.btn-lg {
	padding: 14px 80px;
	font-size: 1em;
	letter-spacing: 2px;
}

.btn-md {
	padding: 10px 60px;
	font-size: 1em;
	letter-spacing: 2px;
}



.btn-wide {
	padding: 18px 80px;
}
.btn-sm.btn-wide {
	padding: 12px 40px;
}
.btn-primary {
	background: #A48555 !important;
}

.btn-primary:hover {
	color: #A48555;
	background: #fff !important;
}

.btn-dark {
	background: #000 !important;
}
.btn-dark:hover {
	color: #FFF;
	background: #A48555 !important;
}
.btn-light {
	background: #fff !important;
}

.btn-grey {
	background: #737272;
}

.btn-dark_grey {
	background: #4D4D4D !important;
}

.btn-light_grey {
	color: #fff;
	background: #B6B6B6 !important;
}

.btn-outlined {
	border: 1px solid #333;
}

.btn-light.btn-outlined {
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent !important;
}
.btn-primary.btn-outlined {
	background-color: transparent !important;
	color: #A48555 !important;
	border-color: #A48555;
}
.btn-primary.btn-outlined:hover {
	background-color: #A48555 !important;
	color: #fff !important;
	border-color: #A48555;
}


.hr-line {
	width: 100%;
	display: block;
	height: 1px;
}
@media (max-width: 575.98px) {
	.btn-wrapper {
		width: 100%;
	}
	.btn {
		padding-right: 20px;
		padding-left: 20px;
		width: 100% !important;
		display: inline-block;
	}
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.top-bar {
	font-size: 0.7em;
	line-height: 1em !;
}
.link-back_to_WG span svg{
	width: 10px;
	height: 10px;
	margin-top: -2px;
}
.top-slogan {
	flex: 1;
}

#main-navigation-wrapper .d-flex > div {
	flex: 1;
}

#main-logo-wrapper {
	flex: 1 !important;
	text-align: center;
}

#main-logo-wrapper svg path {
	fill: #ffffff;
}
#main-navigation a.icon-g {
	display: inline-block;
	position: relative;
	top: -2px;
}
#main-navigation a.icon-g:hover svg path {
	transition: all .3s;
}
#main-navigation a.icon-g:hover svg path{
	fill: #A48555 !important;
}
#main-navigation ul a {
	font: 12px 'Montserrat', sans-serif;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	transition: all .3s;
	text-decoration: none !important;
}

#main-navigation ul a:hover {
	color: #A48555;
}

#main-navigation ul a.current {
	color: #A48555;
}

#main-search-wrapper .input-group {
	display: inline-block;
}

#main-search-wrapper .input-search {
	background-color: transparent !important;
	display: inline-block;
	margin: 0 au;
	border: 1px solid #fff;
	color: #fff;
	padding-right: 30px;
}

.icon-inside {
	position: absolute;
	right: 10px;
	top: calc(50% - 15px);
	pointer-events: none;
	font-size: 16px;
	font-size: 1.125rem;
	color: #c4c3c3;
	z-index: 3;
}

.svg-search {
	width: 16px;
	height: 16px;
}




/* ==========================================================================
   MOBILE NAV
   ========================================================================== */


body.navigation-open {
	overflow: hidden;
}

#mobile-nav {
	position: relative;
	z-index: 1000;
}

#mobile-header {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 64px;
}
#mobile-header .hamburger {
	transform: scale(.7);
	margin-top: 5px;
}
#mobile-header .container {
	height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mobile-logo-wrapper svg {
	height: 30px;
}

.mobile-search svg {
	width: 24px;
	height: 24px;
	margin-top: -5px;
	display: none;
}
.mobile-search svg.active {
	display: block;
}
.hamburger {
	padding: 0;
}

#mobile-nav-wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mobile-nav-wrapper {
	display: none;
}

#mobile-nav-wrapper {
	display: block;
	position: fixed;
	z-index: 100;
	background: #000000;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: scale(.5);
	opacity: 0;
	-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
	visibility: hidden;
	/*	  top: 100%;*/
	top: 0;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch; /* lets it scroll lazy */
	padding-bottom: 80px;
}

#mobile-nav-wrapper.active {
	/*		top: 47px;*/
	top: 0;
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	height: 100vh;
}

#mobile-nav-inner {
	max-width: 100%;
	margin: 90px auto 0;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	height: 100%;
}

#mobile-nav-inner .menu-header-container {
	float: none;
	margin: 0;
}

#mobile-nav-inner ul {
	float: none;
	margin: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	height: 80%;
}

#mobile-nav-inner ul li {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

#mobile-nav-inner ul li a {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	padding: 10px 5px;
	display: block;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}

#mobile-nav-inner ul li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.1);
}

#mobile-nav-inner ul.sub-menu {
	padding-left: 40px;
	display: none;
}

#mobile-nav-inner ul.sub-menu.active {
	display: block;
}

.menu-item-has-children > a:after {
	content: "+";
	color: #AF8543;
	position: absolute;
	right: 10px;
	font-weight: bold;
}

.menu-item-has-children.active > a:after {
	content: "-";
}

#mobile-nav-inner ul.sub-menu li {
	border: none;
}

#mobile-nav-inner .social ul li a svg {
	width: 40px;
	fill: #AF8543;
}

#mobile-nav-inner  .social ul li {
	display: inline-block;
	float: left;
	width: inherit;
	float: none;
	margin-right: 10px;
	margin-left: 10px;
}
#mobile-header .container {
	z-index: 2;
	position: relative;
	background-color: #000;
}
#mobile-search {
	background-color: #111;
	box-shadow: 0 0 5px #000000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	transition: all .3s;
}
#mobile-search.active {
	top: 64px;
}
#mobile-search .mobile-search-inner {
	padding: 15px 10px;
}
#mobile-search form input {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #333;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 10px;
	
}
#mobile-search .icon-inside {
	opacity: .2;
	top: -1px;
}
@media (max-width: 575.98px) {
	#main-wrapper {
		padding-top: 60px;
	}
}


/* ==========================================================================
   HOME
   ========================================================================== */



/* Hero Slider */

.hero-slide {
	background-size: cover !important;
	background-position: center center;
	background-repeat: no-repeat;
}

.hero-slide .container .row {
	height: 500px;
}

.slide-content {
	padding-top: 40px;
	padding-bottom: 40px;
		
		
	/*	max-width: 40vw;*/
	padding-right: 20px;
}

.slide-text h2 {
	font-size: 4em;
	font-weight: 500;
	line-height: 1em;
	margin: 0;
}

.inline-price .svg-stockx {
	width: 1.9em;
	height: auto;
	fill: #737272;
	margin-bottom: 0.1em;
}

.svg-affirm {
	width: 2.8em;
	height: auto;
	fill: #fff;
	margin-bottom: 10px;
}
.slide-text .svg-affirm path {
	fill: #fff;
}
.btn-wrapper {
	display: inline-block;
}

.slide-img {
	background-size: contain !important;
	background-position: -30px center;
	background-repeat: no-repeat;
	text-align: left;
	flex-grow: 1;
}

@media (max-width: 575.98px) {
	.hero-slide {
		background-size: 200% !important;
		background-position: 100% top !important;
	}
	
	.hero-slide .container .row.d-flex {
		height: auto;
		flex-direction: row-reverse !important;
	}
	.slide-text h2 {
		font-size: 2.4em;
		line-height: 1.1em;
	}
	.slide-img {
		height: 300px;
		width: 100%;
		text-align: center;
		background-position: center center;
		order: -1;
	}
	.slide-logo svg{
		width: 40px;
		height: auto;
	}
}

/* Section-category row */
.categories-row .container-fluid {
	max-width: 100%;
}
.category-item {
	padding-right: 0;
	padding-left: 0;
	text-align: right;
	width: 100%;
}

.category-item-inner {
	padding-bottom: 75%;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.category-item-text {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.category-item .text-xs {
	font-size: 0.6em;
}

.category-item .shadow {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
	width: 100%;
	height: 40%;
	z-index: 2;
	position: absolute;
	bottom: 0;
}

.category-item-image {
	background-size: contain;
	background-position: 15px -5px;
	background-repeat: no-repeat;
	text-align: left;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
}
/*.mobile-slick-carousel .slick-list {
	padding-left: 0 !important;
}*/

/* Section */

.section-home {
	margin-top: 60px;
	margin-bottom: 60px;
}

.section-title-wrapper {
	position: relative;
}

.subtitle {
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: 1px;
	color: #AF8543;
	text-transform: uppercase;
}

h2.section-title {
	font-size: 3em;
	line-height: 1.1em;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.section-trending .section-title-wrapper .logo-certified {
	position: absolute;
	top: 0;
	right: 0;
}

.section-trending .section-title-wrapper .logo-certified svg {
	width: 150px;
}

.section-trending .section-title-wrapper .logo-certified svg path {
	fill: #A48555;
}

.trending-carousel {
/*	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;*/
}
.trending-carousel .item{
	margin-right: 15px;
	margin-left: 15px;
}
@media (max-width: 575.98px) {
	h2.section-title, .text-xl {
		margin: 0;
		font-size: 10vw !important;
	}
	.section-trending .section-title-wrapper {
		padding-bottom: 0 !important;
	}
	.section-trending .btn-wrapper {
		padding-top: 0 !important;
	}
	.container-fluid.mobile-full{
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 767.98px) {
	.section {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.section-trending .section-title-wrapper .logo-certified {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 0 !important;
	}
}


/* Section Carousel */

.item {
	text-align: center;
	
}

.slick-carousel-item a {
	text-decoration: none;
}

.item .item-image {
	border-bottom: 1px solid #B6B6B6;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.item-image img {
	max-width: 100%;
}

.item .item-title {
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	
}

.item-price {
	display: flex;
	font-size: 1.1em;
	font-weight: 500;
	justify-content: center;
}

.item-price > div {
	margin-right: 10px;
	margin-left: 10px;
}

.item-price svg {
	height: 1.1em;
	width: auto;
}

.item-grail-price svg {
	fill: #A48555;
	display: inline-block;
	margin-top: -7px;
}

.item-stockx-price svg {
	fill: #B6B6B6;
	margin-top: -5px;
}





@media (max-width: 575.98px) {
	.mobile-slick-carousel {
	}
	.item {
		margin-bottom: 0 !important;
	}
}

/* Blog */


#blog-template .section-title {
	text-align: left;
	border-bottom: 1px solid #B6B6B6;
	padding-bottom: 10px;
	font-size: 2em;
}

/* Section Geek Out */


.articles-list h2 {
	text-transform: none;
	font-size: 1.1em;
	font-weight: 600;
}
.articles-list h2 a:hover {
	color: #555;
}
.btn-play-wrapper {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.article-hero .btn-play-wrapper {
	width: 100px;
	height: 100px;
}
.article-hero h2 {
	font-size: 1.8em;
}
.article-hero h2 a {
	color: #fff;
	
}
.article h2, .article h3 {
	text-transform: none;
	font-size: 1.2em;
	line-height: 1.4em;
}

.btn-play-wrapper svg {
	width: 100%;
	height: auto;
}

.article-thumbnail {
	position: relative;
	padding-bottom: 68.333%;
	background-size: cover;
	background-position: center center !important;
	background-repeat: no-repeat;
}

.article-thumbnail img {
	max-width: 100%;
}

.title-md, h1.title-md, h2.title-md {
	font-size: 40px;
}


.article-hero .article-title {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.article-hero .article-thumbnail {
	background-color: #333;
	background-size: cover;
	background-position: center center !important;
	background-repeat: no-repeat;
/*	padding-bottom: 54.65%;*/
	padding-bottom: 44.82%;
}
.geekout-articles .article-hero .article-thumbnail{
	padding-bottom: 54.65%;
}

.article-hero .article-thumbnail .article-info {
	margin-right: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}




@media (max-width: 767.98px) {
	.section-geekout .article-thumbnail {
		padding-bottom: 68.333% !important;
	}
	
	.btn-play-wrapper {
		width: 70px !important;
		height: 70px !important;
	}
	
	.geekout-articles-list {
		display: flex;
		justify-content: space-between;
	}
	
	.geekout-articles-list .article {
		width: 50%;
		box-sizing: border-box;
		padding-left: 10px;
	}
	
	.geekout-articles-list .article:first-child {
		padding-right: 10px;
		padding-left: 0;
	}
	.article-hero .article-info {
		align-self: center;
		margin-right: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		margin-left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0, 0, 0, 0.5);
		height: 100%;
		min-height: 50vw;
	}
	.article {
		position: relative;
	}
	.article-hero .article-title {
		padding: 20px;
		text-align: center;
		height: 100%;
		width: 100%;
		
	}
	.geekout-articles .article-hero {
		margin-bottom: 20px;
	}
	.geekout-articles .article-hero .article-title{
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	.geekout-articles .article-hero .article-title h3{
		font-family: 'Oswald', sans-serif !important;
		text-transform: uppercase;
		font-size: 1.5em;
	}
	.article-hero .article-thumbnail .article-info {
		position: relative;
	}
	.article-hero .article-thumbnail {
		padding-bottom: inherit;
		min-height: 50vw;
	}
	
}
@media (max-width: 575.98px) {
	.article-hero .btn-play-wrapper {
		display: none;
	}
}

/* ==========================================================================
   SINGLE ARTICLE
   ========================================================================== */

.hero-overlap {
	height: 36vh;
	background-size: cover !important;
	background-position: center center;
}
.content-overlap {
	padding-top: 60px;
	padding-right: 100px;
	padding-left: 100px;
	max-width: 1000px;
	margin: -150px auto 80px;
	position: relative;
	background-color: #fff;
}
.single-article .article-title {
	margin-bottom: 10px;
}
.article-meta {
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding-top: 5px;
	padding-bottom: 1px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.article-author {
	font-size: 0.7em;
}
.author-name {
	font-weight: bold;
	letter-spacing: 1px;
}
.article-content .article-text:first-child p:first-child:first-letter{
    font-size: 6em;
	line-height: 0em;
	font-weight: 500;
}
.article-text {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}

.article-img-block {
	margin-top: 60px;
	margin-bottom: 60px;
}

.article-full-img img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.article-two-img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.article-two-img img {
	max-width: 50%;
}
.two-img-sbs img {
	padding: 10px;
	width: 50%;
}
.two-img-layout-1 img:first-child {
	max-width: 40%;
	z-index: 1;
	margin-right: -5%;
}
.two-img-layout-2 img {
	max-width: 30%;
	z-index: 1;
	display: block;
	margin-top: 15%;
}
.two-img-layout-2 img:first-child {
	max-width: 60%;
	z-index: 1;
	top: 0;
	right: 0;
	margin-top: -15%;
	margin-right: -10%;
}


@media (max-width: 575.98px) {
	
	.single-article-hero {
		height: 30vh;
	}
	.single-article {
		margin-top: 20px;
	}
	.content-overlap {
		max-width: 100%;
		margin: 20px auto 60px;
		position: relative;
		background-color: #fff;
		padding: 0;
	}
	
	.article-author {
		margin-bottom: 5px;
	}
	.article-img-block {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.article-two-img {
		display: block;
	}
	.article-two-img img {
		max-width: 100% !important;
		width: 100% !important;
		margin: 10px 0 !important;
		padding: 0 !important;
	}
}

/* ==========================================================================
   SINGLE VIDEO
   ========================================================================== */


.video-hero {
	background-color: #161616;
	padding-bottom: 60px;
	color: #fff;
}
.video-wrapper {
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
	margin-bottom: 40px;
	margin-top: 40px;
	display: inline-block;
}
.video-wrapper iframe {
	width: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
}
h1.video-title {
	font-size: 1.5em;
}
.related-videos h2.section-title {
	text-align: left;
	border-bottom: 1px solid #B6B6B6;
	padding-bottom: 10px;
	font-size: 2em;
	margin-bottom: 40px;
}

@media (max-width: 575.98px) {
	.video-hero {
		padding-bottom: 20px;
	}
	.video-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.video-info {
		display: block !important;
		text-align: center;
	}
	.video-info h1.video-title {
		font-size: 1.5em !important;
	}
	.video-info .social {
		width: 100%;
		margin: 10px auto 0;
		text-align: center;
	}
	.video-info ul.social-icons {
		width: 100%;
		margin: 10px auto 0 !important;
		text-align: center !important;
	}
	.related-videos h2.section-title {
		font-size: 1.5em !important;
	}

}

/* SOCIAL */

.social ul {
	margin: 0;
}
.social ul li {
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	display: inline-block;
}
.social ul li a {
	display: block;
	opacity: 1;
	transition: opacity .3s ease-in-out 0s;
}
.social ul li svg {
	width: 36px;
	height: auto;
}

#main-footer .social ul li a svg {
	width: 26px;
	opacity: .7;
}
#main-footer .social ul li a svg path {
	fill: #fff !important;
}
#main-footer .social ul li a:hover {
	opacity: .3;
}


/* ==========================================================================
   CATEGORY
   ========================================================================== */

.category-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top bottom;
	min-height: 60vw;
}

.category-title-wrapper {
	max-width: 680px;
	text-align: center;
	padding-top: 60px;
	margin-bottom: 120px;
}
.category-title {
	font-size: 5em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.category-intro {
	font-weight: 500;
}
@media (min-width: 575.98px) {

.category-carousel .item-image {
	border: none;
}

.category-carousel .item-text{
	transition: all .3s;
	opacity: 0;
/*	transform: translate(0, -50%);*/
	margin-top: -60px;
/*	position: absolute;
	border: 0;
	left: 0;
	width: 100%;*/
}
.category-carousel .slick-track {
/*	overflow: visible !important;*/
}
.category-carousel-wrapper {
	margin-bottom: -20px;
}
.category-carousel .item {
	transition: all .3s;
	background-color: rgba(255, 255, 255, 0);
	position: relative;
	top: 0;
	margin: 0 -40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.category-carousel .item:hover {
/*	transform: scale(1.1);*/
	background-color: #fff;
	margin-top: -60px;
	z-index: 1000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.category-carousel .item:hover .item-text{
	opacity: 1;
/*	font-size: 0.8em;*/
	margin-top: 0;
}
.category-carousel .item-inner .item-image {
	padding: 10px;
}

.category-carousel .slick-list {
  padding: 60px 0 0;
  margin: -60px 0;
}

}
@media (max-width: 575.98px) {
	.category-hero {
		min-height: inherit;
	}
	.category-carousel .item {
		margin-right: 10px;
		margin-left: 10px;
	}
	.btn-learn_more {
		display: none;
	}
}


/*.category-carousel-wrapper .item:hover {
	transform: scale(1.1);
}
.category-carousel-wrapper .item:hover .item-inner{
	background-color: #fff;
}
.category-carousel-wrapper .item:hover .btn-learn_more{
	display: block;
}*/

#category-spotlight .container-fluid {
	max-width: 980px;
}
.spotlight-hero {
	height: 60vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}
.spotlight-hero-inner {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: flex-end;
	
}
.spotlight-hero-inner h2 {
	font-size: 3em;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 20px;
}
.spotlight-text h3 {
	margin-bottom: 0.5em;
}
.spotlight-meta {
	font-size: 0.9em;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}
.spotlight-hero-inner .spotlight-text {
	max-width: 400px;
}
.spotlight-detail {
	height: auto;
	max-height: 600px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
}
.spotlight-detail-inner {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: flex-start;
}
.spotlight-text {
	width: 45%;
}

@media (max-width: 575.98px) {
	.category-title-wrapper {
		max-width: 100%;
		text-align: center;
		padding-top: 40px;
		margin-bottom: 40px;
	}
	.spotlight-hero, .spotlight-detail {
		height: auto;
		width: 100%;
		padding-top: 60%;
		max-height: inherit;
		background-size: contain;
		background-position: center top;
	}
	.spotlight-hero-inner {
		display: block;
	}
	.spotlight-text {
		width: 100%;
	}
	.spotlight-hero-inner h2 {
		font-size: 2.5em;
	}
	.spotlight-detail-inner {
		display: block !important;
		height: auto;
	}
}

/* Section Collector's Corner */

.hcard {
	border: 1px solid #B6B6B6;
	font-size: 1.1em;
}

.hcard-content {
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hcard .btn {
	padding-right: 30px;
	padding-left: 30px;
}
.hcard-brand {
	
}
.hcard-thumbnail {
	width: 100%;
	height: auto;
	display: block;
	background-size: cover;
	background-position: center center !important;
	background-repeat: no-repeat;
	position: relative;
	padding-bottom: 62%;
	flex-grow: 1;
}
.image-link-alt {
	position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 400;
}
@media (max-width: 767.98px) {
	.collectors-carousel .hcard-wrapper{
		padding-right: 5px;
		padding-left: 5px;
	}
	.hcard img {
		max-width: 100%;
	}
	
	.hcard {
		display: block !important;
	}
	
	.hcard-thumbnail {
		padding-bottom: 60%;
		background-size: cover;
		background-position: center center !important;
		background-repeat: no-repeat;
		position: relative;
	}
	
	.hcard .btn {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 10px;
	}
}



/* ==========================================================================
   SHOP
   ========================================================================== */


.page-top {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	opacity: 1;
	position: relative;
	z-index: 10;
	
}
.breadcrumb-links {
	font-size: .9em;
	letter-spacing: 1px;
}
.breadcrumb-links a{
	color: #737272;
}
.breadcrumb-links a.breadcrumb-current {
	color: #000;
}
.page-title {
	position: relative;
}
.page-title .logo-certified {
	position: absolute;
	top: 0;
	right: 0;
}

.page-title .logo-certified svg {
	width: 150px;
	height: auto;
}

.page-title .logo-certified svg path {
	fill: #A48555;
}

/* Shop Items */

.shop-item img {
	max-width: 100%;
}

.shop-item .item-title a {
	font-size: 1.25em;
	font-weight: 400;
	color: #000;
	
}
.shop-item .item-title a:hover {
	color: #A48555;
	
}
.shop-item .item-price {
	font-size: .9em;
	margin-top: 5px;
}

@media (max-width: 575.98px) {
	.shop-item .item-text {
		font-size: 1.4em;
		line-height: 1.4em;
	}
	.shop-item .item-title a {
		font-weight: 500;
		
	}
}
/* Sidebar */



.sidebar {
	margin-top: 80px;
}
.filter-group-title {
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0;
	border-bottom: 1px solid #B6B6B6;
	cursor: pointer;
	font-size: 0.9em;
}
.filter-group-title .icon-plus {
	float: right;
}
.filter-group .filters {
	margin: 0;
	padding: 0;
}
.filter-list {
	margin: 10px 0 0;
	padding: 5px;
	list-style: none;
	font-size: 0.9em;
}

.icon-check {
	width: 12px;
	height: 12px;
	border: 1px solid #B6B6B6;
	display: inline-block;
	margin-right: 5px;
	border-radius: 2px;
	transition: all .3s;
}
.filter-list a:hover {
	color: #000;
}
.filter-list a:hover .icon-check {
	border-bottom: 1px solid #B6B6B6;
	background-color: #B6B6B6;
}
.icon-check.active {
	background-color: #4D4D4D !important;
	border: 1px solid #4D4D4D !important;
}




@media (max-width: 575.98px) {
	.sidebar {
		margin-top: 0;
	}
	.page-title {
		text-align: center;
	}
	.page-title .logo-certified {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 10px;
	}
	.shop-item .item-price {
		font-size: 1em;
		margin-top: 5px;
	}
	
}

/* ==========================================================================
   PRODUCT
   ========================================================================== */

h1.product-title {
	font-size: 2.6em;
}
.g_certified-logo svg {
	max-width: 40px;
	height: auto;
}
.product-details {
	border-top: 3px solid #D8D8D8;
	border-bottom: 3px solid #D8D8D8;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.product-images ul.slick-dots {
	
}
.product-image a {
	text-align: center;
}
.product-image img {
	max-width: 100%;
	margin: 0 auto;
}

.product-price .price-grail {
	font-size: 2.8em;
	font-weight: 500;
	line-height: 1em;
}
.product-price .price-stockx {
	font-size: 1.5em;
	line-height: 1em
}
.product-condition {
	font-size: 1.5em;
	font-weight: 500;
}
.product-affirm {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 1.1em;
}

.product-photoshoot {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
	grid-template-rows: 1fr 1fr;
	grid-gap: 10px;
	background-color: #fff;
	color: #444;
	text-align: center;
	max-width: 980px;
	margin-top: 100px;
}
.product-photoshoot img {
	width: 100%;
}
.product-photoshoot-1 {
	grid-column: 1 / span 2;
	grid-row: 2 / span 1;
	z-index: 1;
	position: relative;
}
.product-photoshoot-2 {
	grid-column: 2 / span 4;
	grid-row: 1 / span 2;
	
}


.product-specs {
	padding-top: 160px;
	margin-top: -160px;
	background: url(../../img/icons/logo-grail-shield.svg) #000;
	background-size: 216px;
	background-repeat: no-repeat;
	background-position: 10% 80%;
}
.product-specs h2 {
	font-size: 2.6em;
}
.product-specs-list .row {
	max-width: 800px;
	margin: 0 auto;
}
/*.product-specs-list ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.product-specs-list ul li {
	flex-grow: 1;
	  width: 33%;
	padding: 10px;
}*/
.product-specs-list ul li {
	padding: 10px;
}
.spec-title {
	font-size: 1.4em;
	line-height: 1em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.product-editorial {
	margin-top: 80px;
	margin-bottom: 80px;
	line-height: 1.9em;
}

@media (max-width: 575.98px) {
	.product-details {
		text-align: center;
		
	}
	.product-details .product-detail{
		margin-bottom: 10px !important;
		
	}
	.product-price, .product-affirm {
		text-align: center;
	}
	h1.product-title {
		font-size: 1.8em !important;
	}
	.product-images {
		padding: 0;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	.product-specs-list ul li {
/*		text-align: center;*/
		padding: 5px;
	}
	
	
}


/* ==========================================================================
   CONTENT PAGES
   ========================================================================== */
   
.page-section {
	margin-top: 5vmin;
	margin-bottom: 5vmin;
}

#page-certification-template .page-section {
	margin-top: 10vmin;
	margin-bottom: 10vmin;
}
.page-section .section-title {
	font-size: 2.5em;
}

.page-section .section-text {
	font-size: 0.92em;
}

.section-half .section-content{
	width: 60%;
	max-width: 600px;
}
.page-section img {
	max-width: 100%;
}
@media (max-width: 575.98px) {
	.page-section {
		margin-top: 0;
		margin-bottom: 0;
	}
	.page-section .p-5 {
		padding: 20px 0 !important;
	}
	.page-section .section-title-wrapper {
		text-align: center;
	}
	.section-half .section-content{
		width: 100%;
		max-width: 100%;
	}
}


   /* Certification */
   
   

.certification-title {
	background: url(../../img/guide/svg-mask-arrow.svg) center 101% no-repeat/contain, url('../../img/guide/bg_guide_1.jpg') center center / cover no-repeat #000;
	min-height: 400px;
	height: 45vh;
	display: flex;
	align-items: center;
	padding-bottom: 60px;
}
.certification-title .container-fluid {
	max-width: 500px;
	color: #fff;
}

.certification-title .g_certified-logo svg.svg-primary path {
	fill: #fff !important;
}


.certification-title .g_certified-logo svg{
	width: 100px;
	max-width: inherit !important;
}
.certification-title h1 {
	border-bottom: 2px solid #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#certification-section-authenticity .section-image{
	width: 500px;
	height: auto;
	padding-bottom: 40%;
	background: #f5f5f5 url('../../img/guide/img-authenticity.jpg') no-repeat center center / cover;
}
#certification-section-authenticity .container-fluid {
	display: flex;
	align-items: center;
}
#certification-section-authenticity .section-content {
	max-width: 700px;
	margin-left: -100px;
	padding: 40px 50px;
}

#certification-section-curated .container-fluid {
	max-width: 900px;
}
#certification-section-curated .img-full{
	width: 100vw;
	height: 20vw;
	background: #f5f5f5 url('../../img/guide/watches_row.jpg') no-repeat center center / cover;
	margin-top: 0;
	margin-bottom: 100px;
}
#certification-section-curated .section-content{
	margin-right: auto;
	margin-left: auto;
}
#certification-section-curated .section-text{
	text-align: left;
}
#certification-section-member_support {
	background: #f5f5f5 url('../../img/guide/bg_guide_2.jpg') no-repeat center center / cover;
	margin-top: 100px;
	margin-bottom: 100px;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}


.iphone-mockup {
	background-image: url('../../img/guide/guide_iphone.png');
	background-size: cover;
	background-position: 10vw 5vw;
	background-repeat: no-repeat;
	height: 100%;
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
}

#certification-section-shipping {
	background-image: url('../../img/guide/guide_box2.jpg');
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: left center;
}
#certification-section-shipping .d-flex {
	justify-content: flex-end;
}

@media (max-width: 575.98px) {
	
	
	.certification-title {
		height: auto;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}
	.page-section .section-title, .certification-title h1 {
		font-size: 2em;
	}

	
	
	#certification-section-authenticity .section-image{
		width: 100%;
		height: auto;
		padding-bottom: 100%;
	}
	#certification-section-authenticity .container-fluid {
		display: block;
	}
	#certification-section-authenticity .section-content {
		margin-left: 0;
		padding: 0;
		margin-top: 20px;
	}
	
	
	
	#certification-section-curated .img-full{
		padding-bottom: 50%;
		margin-bottom: 50px;
	}
	
	#certification-section-member_support {
		padding-top: 20px;
		padding-bottom: 70vw;
	}
	#certification-section-member_support .section-content.p-5 {
		max-width: 100%;
		padding: 0 !important;
	}
	.iphone-mockup {
		bottom: 0;
		left: 0;
		background-size: 100%;
		background-position: 10vw 10vw;
		width: 100vw;
		height: 70vw;
	}
	
	#certification-section-shipping {
		padding-top: 50vw;
	}
	#certification-section-shipping {
		background-image: url('../../img/guide/guide_box2.jpg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left top;
	}
	
	
}


 /* Buyers Guide */

#guide-title {
	background-image: url('../../img/guide/bg_guide_hero.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 160px;
	padding-top: 80px;
}
#guide-section-brand {
	margin-top: -100px;
}
#guide-title .certified-logo svg {
	max-width: 180px;
}
#guide-title .certified-logo svg path {
	fill: #ffffff;
}
#guide-title p.lead {
	font-weight: 500;
}
.guide-title-copy {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#guide-title h1 {
	border-bottom: 2px solid #fff;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	display: inline-block;
	font-size: 3em;
}
.brands-carousel {
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.brands-carousel li {
	width: 16%;
	height: 90px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
.brands-carousel li img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

#guide-section-movement {
	margin-bottom: 0 !important;
}
#guide-section-detect .section-content, #guide-section-brand .section-content {
	padding: 60px 120px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
}
#guide-section-detect .section-content::before {
	content: "";
	background: url(../../img/icons/logo-grail-shield.svg);
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: 95% 5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .1;
	
}

#guide-section-detect {
	background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 16.8%), url('../../img/guide/bg_guide_hero.jpg') center center / cover no-repeat;
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 16.8%), url('../../img/guide/bg_guide_hero.jpg') center center / cover no-repeat;
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 16.8%), url('../../img/guide/bg_guide_hero.jpg') center center / cover no-repeat;
	background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 16.8%), url('../../img/guide/bg_guide_hero.jpg') center center / cover no-repeat;
	padding-bottom: 200px;
	padding-top: 80px;
}

@media (max-width: 575.98px) {
	#guide-title {
		padding
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#guide-section-brand {
		margin-top: 0;
		padding-top: 20px;
	}
	#guide-section-brand .section-content{
		padding: 0 !important;
	}
	#guide-section-detect {
		padding-top: 20px;
		padding-bottom: 0;
	}
	#guide-section-detect .section-content {
		padding: 200px 20px 20px;
	}
	#guide-section-detect .section-content::before {
		background-size: 90px;
		background-position: center 20px;
	}
}
/* Section Instagram */


.horizontal-gallery-image {
	width: 25vw;
	height: 25vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}


.instagram-icon {
	width: 36px;
	height: 36px;
	background-image: url('../../img/icons/icon-social-instagram.svg');
	position: absolute;
	top: 16px;
	right: 16px;
}
@media (max-width: 575.98px) {
	.horizontal-gallery-image {
		width: 100vw;
		height: auto;
		padding-bottom: 25%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
}
/* ==========================================================================
   SEARCH
   ========================================================================== */

.page-top .search-form-wrapper {
	width: 50%;
}
.page-top .input-search {
	width: 100%;
}
.page-top .search-form-wrapper .icon-inside svg path {
	fill: #B6B6B6;
}
.sort {
	display: flex;
	align-items: center;
}
.dropdown {
	display: inline-block;
	margin-left: 5px;
}

.dropdown .btn {
	font-family: 'ProximaNova', sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #737272;
	border-color: #C8C8C8;
	font-size: 0.95em;
}
@media (max-width: 575.98px) {
	#search-results-template .page-top {
		text-align: center;
	}
	.page-top .d-flex{
		display: block;
	}
	.page-top .search-form-wrapper {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* ==========================================================================
   FAQ
   ========================================================================== */

#faq-accordion {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.faq-row .faq-question .question-btn {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #D6D6D6;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
	cursor: pointer;
}
.faq-row .faq-question .question-btn:hover .icon-plus {
	color: #000 !important;
}
.faq-question h5 {
	width: 100%;
	text-align: left;
}
.faq-question h5 button.btn-link{
	font-size: 1em;
	color: #000;
	width: 100%;
	text-align: left;
}
.faq-question .icon-plus {
	font-size: 2em;
	font-weight: 600;
	transition: all .3s;
}
@media (max-width: 575.98px) {
	.faq-row .faq-question .question-btn {
		padding-right: 40px;
		font-size:0.8em;
		overflow-wrap: break-word;
		  word-wrap: break-word;
		
		  -ms-word-break: break-all;
		  /* This is the dangerous one in WebKit, as it breaks things wherever */
		  word-break: break-all;
		  /* Instead use this non-standard one: */
		  word-break: break-word;
		
	}
	.faq-row .faq-question .icon-plus {
		margin-right: -40px;
	}
}

/* ==========================================================================
   MODAL
   ========================================================================== */
.modal-title {
	font-size: 2em;
	line-height: 1.2em;
}
.modal-content {
	border-radius: 0px !important;
	padding: 20px;
}

.modal-header {
	width: 100%;
	padding: 0;
	margin-bottom: 5px;
	display: block;
}
.modal-body {
	padding: 0;
	font-size: 0.9em;
}
.modal-image-wrapper {
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
}
.modal-image-wrapper .g_certified-logo {
	position: absolute;
	top: 0;
}
.modal-image-wrapper img {
	max-width: 100%;
	max-height: 400px;
	margin-right: auto;
	margin-left: auto;
}
.modal-close {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 1000;
}
#grail-certified-modal img {
}
/* ==========================================================================
   FEATURES BARS
   ========================================================================== */

.feature-bar-icon {
	width: 30px;
}

.feature-bar-icon img {
	max-width: 100%;
}

.feature-bar-text {
	padding-left: 10px;
}

.feature-bar-item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.feature-bar-title {
	font-size: 1.2em;
}

@media (max-width: 575.98px) {
	.feature-bar-item {
		display: block;
		margin: 0 auto 20px;
		width: 100%;
		text-align: center;
	}
	
	.feature-bar-icon {
		margin: 0 auto 5px;
	}
	
	.feature-bar-title {
		font-size: 1.3em;
	}
}

/* ==========================================================================
   NEWSLETTER
   ========================================================================== */

#newsletter-wrapper {
	background: url('../../img/newsletter_bg.jpg') no-repeat center center/cover;
}

.newsletter-form {
	min-height: 300px;
	align-items: center;
}

@media (max-width: 575.98px) {
	.newsletter-form {
		min-height: inherit;
		align-items: inherit;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.newsletter-form input {
		margin-bottom: 20px;
	}
	
	.newsletter-form .btn {
		width: 100%;
	}
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer-col {
	font-size: 0.8em;
}

.footer-menu h5 {
	margin: 0 0 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 0.8em;
}

.footer-menu ul {
	margin: 0;
}

.footer-menu ul li {
	margin-bottom: 5px;
}

#main-footer .hr-line {
	opacity: .5;
}

.footer-menu a, .copyright, .copyright a {
	color: #737272;
	transition: all .3s;
}

.footer-menu a:hover, .copyright a:hover {
	color: #fff;
}

@media (max-width: 575.98px) {
	.footer-col {
		text-align: center;
		margin-bottom: 10px;
		font-size: 0.9em;
	}
	
	#footer-logo-wrapper {
		margin-bottom: 20px;
	}
	#footer-logo-wrapper svg {
		max-width: 100px;
		height: auto ;
	}
}