/*
============================================
Start - Inherit
============================================
*/

*, :before, :after{background-repeat: no-repeat; background-position: center; background-size: contain; box-sizing: border-box;}
div, header, footer, section, body, input{font-family: "Open Sans", "Helvetica Neue", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "MADE Tommy Soft", "Arial", sans-serif;}
div, header, footer, section, body{display: block; width: 100%;}
img{width: auto; max-width: 100%; max-height: 100%;}
table{width: 100%;}
table, tr, td{text-align: center; vertical-align: middle;}

/*
============================================
End - Inherit
============================================
*/



/*
============================================
Start - General Asset
============================================
*/

.fa, .far, .fas{line-height: inherit;}
.wrapper-inlineblock{font-size: 0px; text-align: center;}
.wrapper-inlineblock > * { font-size: 12px; }
.wrapper-relative, .wrap-relative{position: relative; min-height: 100%;}
.wrap-absolute{ position: absolute; }
*[class*="btn-"], .disable, .unselect{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.animation, .animation-1s{-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.animation-2s{-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.animation-3s{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.animation-4s{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.animation-5s{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.animation-9s{-webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out;}
.ani-bounceback-2s{-webkit-transition: bottom .4s; -moz-transition: bottom .4s; -o-transition: bottom .4s; transition: bottom .4s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.3);} 
.inline-block{display: inline-block; vertical-align: top;}
.table, .table-cell, .table-row, .wrap-absolute{height: 100%; width: 100%; vertical-align: middle;}
.table{ display: table; }
.table-cell{ display: table-cell; }
.table-row{ display: table-row; }

/*
============================================
End - General Asset
============================================
*/



/*
============================================
Start - Menu Button
============================================
*/
.btn-menu{width: 24px; display: inline-block; vertical-align: middle; overflow: hidden;}
.btn-menu .menu-checkbox{ display: none; }
.btn-menu .menu-label{ position: relative; display: block; height: 16px; cursor: pointer; }
.menu-label:before, .menu-label:after, .menu-text-bar
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #403F42;
}

.menu-label:before, .menu-label:after
{
    content: '';
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) left;
}

.menu-label:before {top: 0; } 
.menu-label:after {top: 6px; } 
.menu-text-bar {top: 12px; }

.menu-text-bar:before
{
    content: 'MENU';
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    color: #403F42;
    font-size: 8px;
    font-weight: bold;
    font-family: "Montserrat", "MADE Tommy Soft", "Helvetica Neue", sans-serif;
    line-height: 8px;
    text-align: center;
}

.menu-checkbox:checked + .menu-label:before {left: -100%; }
.menu-checkbox:checked + .menu-label:after {left: 100%; }
.menu-checkbox:checked + .menu-label .menu-text-bar:before
{
	animation: 
	moveUpThenDown 0.8s ease 0.2s forwards, 
	shakeWhileMovingUp 0.8s ease 0.2s forwards, 
	shakeWhileMovingDown 0.2s ease 0.8s forwards;
}

@keyframes moveUpThenDown
{
	0%{ top:0; }
	50%{ top:-16px;}
	100%{ top:-9px; }
}

@keyframes shakeWhileMovingUp
{
	0%{ transform: rotateZ(0); }
	25%{ transform:rotateZ(-10deg); }
	50%{ transform:rotateZ(0deg); }
	75%{ transform:rotateZ(10deg); }
	100%{ transform:rotateZ(0); }
}

@keyframes shakeWhileMovingDown
{
	0%{ transform:rotateZ(0); }
	80%{ transform:rotateZ(3deg); }
	90%{ transform:rotateZ(-3deg); }
	100%{ transform:rotateZ(0); }
}
/*
============================================
Start - Menu Button
============================================
*/


/*
============================================
Start - Product Card - 4x in row as standard
============================================
*/
.card-pro{ width: 24%; margin: 10px 0.5%; display: inline-block; vertical-align: top; background-color: #fff; text-align: left; border-radius: 10px; border: 1px solid #9d9d9d; overflow: hidden; text-decoration: none; cursor: pointer;}
.card-pro a{text-decoration: none; }
.card-pro:hover{ border-color: #004746; }
.card-pro > .image{ font-size: 0px; }
.card-pro > .image .outofstock{display: none;}
.card-pro .content{ padding: 10px; position: relative; }
.card-pro .content .pro-title{ line-height: 20px; font-size: 14px; height: 40px; overflow: hidden; color: #000; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card-pro .content .pro-price, .card-pro .pro-o-price{ font-size: 18px; vertical-align: bottom; color: #FD576B; font-weight: bold; margin-bottom: 4px; }
.card-pro .content .pro-price{ margin-bottom: 10px; }
.card-pro .content .pro-sold{ font-size: 14px; color: #000; }
.card-pro .content .pro-sold.flash{font-size: 0px; border-radius: 5px; overflow: hidden; background-color: #e9f1cc;}
.card-pro .content .pro-sold.flash .proc{display: inline-block; line-height: 14px; font-size: 14px; color: #fff; background-color: #009444; width: auto; padding-right: 5px;}
.card-pro .content .pro-sold.flash .proc .ico{display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; background-image: url('../image/flash-fire-ico.png');}
.card-pro .content .pro-sold.flash .proc .txt-total{line-height: 14px; font-size: 14px; color: #fff; font-weight: normal;}
.card-pro .pro-price span, .card-pro .pro-o-price span, .card-pro .pro-sold span{ color: #ccc; font-weight: lighter; font-size: 12px; text-decoration: line-through; padding-left: 6px; }
.card-pro .pro-price span.info-txt, .card-pro .pro-o-price span.info-txt, .card-pro .pro-sold span{ text-decoration: none; padding-left: 0px; color: #aaa; }
.card-pro .content .act-wrapper{width: 100%; position: absolute; height: 40px; bottom: -41px; left: 0px; cursor: pointer; padding: 0px;}
.card-pro:hover .content .act-wrapper{bottom: 0px;}
.card-pro .content .btn-addtocart{background-color: #004746; color: #fff; outline: 0px; border: 0px; margin: 0px; line-height: 40px; height: 40px; font-size: 14px; letter-spacing: 1px; width: 100%; padding-right: 40px; cursor: pointer;}
.card-pro .content .btn-addtocart:focus{outline: 0px;}
.card-pro .content .btn-wishlist{background-color: #004746; position: absolute; right: 0px; height: 40px; width: 40px; border-left: 1px solid #fff; color: #fff; text-align: center; cursor: pointer;}
.card-pro .content .btn-wishlist input[type="checkbox"]{margin: 0px; height: 0px; width: 0px;}
.card-pro .content .btn-wishlist .fa-heart{font-size: 22px; line-height: 40px; cursor: pointer; background: transparent; border: 0px; margin: 0px; padding: 0px; color: #fff;}
.card-pro .content .btn-wishlist input[type="checkbox"]:checked ~ .fa-heart{color: #e35131;}

.card-pro.disable, .card-pro.disable:hover{ border-color: #ccc; }
.card-pro.disable > .image{position: relative;}
.card-pro.disable > .image .outofstock{position: absolute; display: block; top: 80px; line-height: 50px; font-size: 40px; color: #FD576B; font-weight: 900; text-align: center; z-index: 1;}
.card-pro.disable > .image img{ opacity: 0.5; }
.card-pro.disable .content .btn-addtocart{ background-color: #ccc; cursor: default; }

/*
============================================
End - Product Card
============================================
*/



/* https://transfonter.org/
============================================
Start - Fonts - Helvetica Neue Condensed
============================================
*/

@font-face {
	font-family: 'Helvetica Neue Condensed';
	src: url('HelveticaNeue_CondensedBlack.eot');
	src: url('HelveticaNeue_CondensedBlack.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_CondensedBlack.woff2') format('woff2'),
		url('HelveticaNeue_CondensedBlack.woff') format('woff'),
		url('HelveticaNeue_CondensedBlack.ttf') format('truetype'),
		url('HelveticaNeue_CondensedBlack.svg#HelveticaNeue_CondensedBlack') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue Condensed';
	src: url('HelveticaNeue_CondensedBold.eot');
	src: url('HelveticaNeue_CondensedBold.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_CondensedBold.woff2') format('woff2'),
		url('HelveticaNeue_CondensedBold.woff') format('woff'),
		url('HelveticaNeue_CondensedBold.ttf') format('truetype'),
		url('HelveticaNeue_CondensedBold.svg#HelveticaNeue_CondensedBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/*
============================================
End - Fonts - Helvetica Neue Condensed
============================================
*/

/*
============================================
Start - Fonts - Helvetica Neue
============================================
*/

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_Bold.eot');
	src: url('HelveticaNeue_Bold.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_Bold.woff2') format('woff2'),
		url('HelveticaNeue_Bold.woff') format('woff'),
		url('HelveticaNeue_Bold.ttf') format('truetype'),
		url('HelveticaNeue_Bold.svg#HelveticaNeue_Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_BoldItalic.eot');
	src: url('HelveticaNeue_BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_BoldItalic.woff2') format('woff2'),
		url('HelveticaNeue_BoldItalic.woff') format('woff'),
		url('HelveticaNeue_BoldItalic.ttf') format('truetype'),
		url('HelveticaNeue_BoldItalic.svg#HelveticaNeue_BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_MediumItalic.eot');
	src: url('HelveticaNeue_MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_MediumItalic.woff2') format('woff2'),
		url('HelveticaNeue_MediumItalic.woff') format('woff'),
		url('HelveticaNeue_MediumItalic.ttf') format('truetype'),
		url('HelveticaNeue_MediumItalic.svg#HelveticaNeue_MediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_Medium.eot');
	src: url('HelveticaNeue_Medium.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_Medium.woff2') format('woff2'),
		url('HelveticaNeue_Medium.woff') format('woff'),
		url('HelveticaNeue_Medium.ttf') format('truetype'),
		url('HelveticaNeue_Medium.svg#HelveticaNeue_Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_Regular.eot');
	src: url('HelveticaNeue_Regular.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_Regular.woff2') format('woff2'),
		url('HelveticaNeue_Regular.woff') format('woff'),
		url('HelveticaNeue_Regular.ttf') format('truetype'),
		url('HelveticaNeue_Regular.svg#HelveticaNeue_Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_RegularItalic.eot');
	src: url('HelveticaNeue_RegularItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_RegularItalic.woff2') format('woff2'),
		url('HelveticaNeue_RegularItalic.woff') format('woff'),
		url('HelveticaNeue_RegularItalic.ttf') format('truetype'),
		url('HelveticaNeue_RegularItalic.svg#HelveticaNeue_RegularItalic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_LightItalic.eot');
	src: url('HelveticaNeue_LightItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_LightItalic.woff2') format('woff2'),
		url('HelveticaNeue_LightItalic.woff') format('woff'),
		url('HelveticaNeue_LightItalic.ttf') format('truetype'),
		url('HelveticaNeue_LightItalic.svg#HelveticaNeue_LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_Light.eot');
	src: url('HelveticaNeue_Light.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_Light.woff2') format('woff2'),
		url('HelveticaNeue_Light.woff') format('woff'),
		url('HelveticaNeue_Light.ttf') format('truetype'),
		url('HelveticaNeue_Light.svg#HelveticaNeue_Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_Thin.eot');
	src: url('HelveticaNeue_Thin.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_Thin.woff2') format('woff2'),
		url('HelveticaNeue_Thin.woff') format('woff'),
		url('HelveticaNeue_Thin.ttf') format('truetype'),
		url('HelveticaNeue_Thin.svg#HelveticaNeue_Thin') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_ThinItalic.eot');
	src: url('HelveticaNeue_ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_ThinItalic.woff2') format('woff2'),
		url('HelveticaNeue_ThinItalic.woff') format('woff'),
		url('HelveticaNeue_ThinItalic.ttf') format('truetype'),
		url('HelveticaNeue_ThinItalic.svg#HelveticaNeue_ThinItalic') format('svg');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_UltraLightItalic.eot');
	src: url('HelveticaNeue_UltraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_UltraLightItalic.woff2') format('woff2'),
		url('HelveticaNeue_UltraLightItalic.woff') format('woff'),
		url('HelveticaNeue_UltraLightItalic.ttf') format('truetype'),
		url('HelveticaNeue_UltraLightItalic.svg#HelveticaNeue_UltraLightItalic') format('svg');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('HelveticaNeue_UltraLight.eot');
	src: url('HelveticaNeue_UltraLight.eot?#iefix') format('embedded-opentype'),
		url('HelveticaNeue_UltraLight.woff2') format('woff2'),
		url('HelveticaNeue_UltraLight.woff') format('woff'),
		url('HelveticaNeue_UltraLight.ttf') format('truetype'),
		url('HelveticaNeue_UltraLight.svg#HelveticaNeue_UltraLight') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/*
============================================
End - Fonts - Helvetica Neue
============================================
*/

/*
============================================
Start - Fonts - MADE Tommy Outline
============================================
*/

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_BlackOutline.eot');
	src: url('MADETommySoft_BlackOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_BlackOutline.woff2') format('woff2'),
		url('MADETommySoft_BlackOutline.woff') format('woff'),
		url('MADETommySoft_BlackOutline.ttf') format('truetype'),
		url('MADETommySoft_BlackOutline.otf') format('opentype'),
		url('MADETommySoft_BlackOutline.svg#MADETommySoft_BlackOutline') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_ExtraBoldOutline.eot');
	src: url('MADETommySoft_ExtraBoldOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_ExtraBoldOutline.woff2') format('woff2'),
		url('MADETommySoft_ExtraBoldOutline.woff') format('woff'),
		url('MADETommySoft_ExtraBoldOutline.ttf') format('truetype'),
		url('MADETommySoft_ExtraBoldOutline.otf') format('opentype'),
		url('MADETommySoft_ExtraBoldOutline.svg#MADETommySoft_ExtraBoldOutline') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_BoldOutline.eot');
	src: url('MADETommySoft_BoldOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_BoldOutline.woff2') format('woff2'),
		url('MADETommySoft_BoldOutline.woff') format('woff'),
		url('MADETommySoft_BoldOutline.ttf') format('truetype'),
		url('MADETommySoft_BoldOutline.otf') format('opentype'),
		url('MADETommySoft_BoldOutline.svg#MADETommySoft_BoldOutline') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_MediumOutline.eot');
	src: url('MADETommySoft_MediumOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_MediumOutline.woff2') format('woff2'),
		url('MADETommySoft_MediumOutline.woff') format('woff'),
		url('MADETommySoft_MediumOutline.ttf') format('truetype'),
		url('MADETommySoft_MediumOutline.otf') format('opentype'),
		url('MADETommySoft_MediumOutline.svg#MADETommySoft_MediumOutline') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_RegularOutline.eot');
	src: url('MADETommySoft_RegularOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_RegularOutline.woff2') format('woff2'),
		url('MADETommySoft_RegularOutline.woff') format('woff'),
		url('MADETommySoft_RegularOutline.ttf') format('truetype'),
		url('MADETommySoft_RegularOutline.otf') format('opentype'),
		url('MADETommySoft_RegularOutline.svg#MADETommySoft_RegularOutline') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_LightOutline.eot');
	src: url('MADETommySoft_LightOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_LightOutline.woff2') format('woff2'),
		url('MADETommySoft_LightOutline.woff') format('woff'),
		url('MADETommySoft_LightOutline.ttf') format('truetype'),
		url('MADETommySoft_LightOutline.otf') format('opentype'),
		url('MADETommySoft_LightOutline.svg#MADETommySoft_LightOutline') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft Outline';
	src: url('MADETommySoft_ThinOutline.eot');
	src: url('MADETommySoft_ThinOutline.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_ThinOutline.woff2') format('woff2'),
		url('MADETommySoft_ThinOutline.woff') format('woff'),
		url('MADETommySoft_ThinOutline.ttf') format('truetype'),
		url('MADETommySoft_ThinOutline.otf') format('opentype'),
		url('MADETommySoft_ThinOutline.svg#MADETommySoft_ThinOutline') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/*
============================================
End - Fonts - MADE Tommy Outline
============================================
*/

/*
============================================
Start - Fonts - MADE Tommy
============================================
*/

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Black.eot');
	src: url('MADETommySoft_Black.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Black.woff2') format('woff2'),
		url('MADETommySoft_Black.woff') format('woff'),
		url('MADETommySoft_Black.ttf') format('truetype'),
		url('MADETommySoft_Black.otf') format('opentype'),
		url('MADETommySoft_Black.svg#MADETommySoft_Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_ExtraBold.eot');
	src: url('MADETommySoft_ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_ExtraBold.woff2') format('woff2'),
		url('MADETommySoft_ExtraBold.woff') format('woff'),
		url('MADETommySoft_ExtraBold.ttf') format('truetype'),
		url('MADETommySoft_ExtraBold.otf') format('opentype'),
		url('MADETommySoft_ExtraBold.svg#MADETommySoft_ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Bold.eot');
	src: url('MADETommySoft_Bold.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Bold.woff2') format('woff2'),
		url('MADETommySoft_Bold.woff') format('woff'),
		url('MADETommySoft_Bold.ttf') format('truetype'),
		url('MADETommySoft_Bold.otf') format('opentype'),
		url('MADETommySoft_Bold.svg#MADETommySoft_Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Medium.eot');
	src: url('MADETommySoft_Medium.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Medium.woff2') format('woff2'),
		url('MADETommySoft_Medium.woff') format('woff'),
		url('MADETommySoft_Medium.ttf') format('truetype'),
		url('MADETommySoft_Medium.otf') format('opentype'),
		url('MADETommySoft_Medium.svg#MADETommySoft_Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Regular.eot');
	src: url('MADETommySoft_Regular.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Regular.woff2') format('woff2'),
		url('MADETommySoft_Regular.woff') format('woff'),
		url('MADETommySoft_Regular.ttf') format('truetype'),
		url('MADETommySoft_LightOutline.otf') format('opentype'),
		url('MADETommySoft_Regular.svg#MADETommySoft_Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Light.eot');
	src: url('MADETommySoft_Light.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Light.woff2') format('woff2'),
		url('MADETommySoft_Light.woff') format('woff'),
		url('MADETommySoft_Light.ttf') format('truetype'),
		url('MADETommySoft_Light.otf') format('opentype'),
		url('MADETommySoft_Light.svg#MADETommySoft_Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MADE Tommy Soft';
	src: url('MADETommySoft_Thin.eot');
	src: url('MADETommySoft_Thin.eot?#iefix') format('embedded-opentype'),
		url('MADETommySoft_Thin.woff2') format('woff2'),
		url('MADETommySoft_Thin.woff') format('woff'),
		url('MADETommySoft_Thin.ttf') format('truetype'),
		url('MADETommySoft_Thin.otf') format('opentype'),
		url('MADETommySoft_Thin.svg#MADETommySoft_Thin') format('svg');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/*
============================================
End - Fonts - MADE Tommy
============================================
*/

/*
============================================
Start - Fonts - Open Sans
============================================
*/
@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_ExtraBold.eot');
	src: url('OpenSans_ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_ExtraBold.woff2') format('woff2'),
		url('OpenSans_ExtraBold.woff') format('woff'),
		url('OpenSans_ExtraBold.ttf') format('truetype'),
		url('OpenSans_ExtraBold.svg#OpenSans_ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_ExtraBoldItalic.eot');
	src: url('OpenSans_ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_ExtraBoldItalic.woff2') format('woff2'),
		url('OpenSans_ExtraBoldItalic.woff') format('woff'),
		url('OpenSans_ExtraBoldItalic.ttf') format('truetype'),
		url('OpenSans_ExtraBoldItalic.svg#OpenSans_ExtraBoldItalic') format('svg');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_Bold.eot');
	src: url('OpenSans_Bold.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_Bold.woff2') format('woff2'),
		url('OpenSans_Bold.woff') format('woff'),
		url('OpenSans_Bold.ttf') format('truetype'),
		url('OpenSans_Bold.svg#OpenSans_Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_BoldItalic.eot');
	src: url('OpenSans_BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_BoldItalic.woff2') format('woff2'),
		url('OpenSans_BoldItalic.woff') format('woff'),
		url('OpenSans_BoldItalic.ttf') format('truetype'),
		url('OpenSans_BoldItalic.svg#OpenSans_BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_SemiBold.eot');
	src: url('OpenSans_SemiBold.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_SemiBold.woff2') format('woff2'),
		url('OpenSans_SemiBold.woff') format('woff'),
		url('OpenSans_SemiBold.ttf') format('truetype'),
		url('OpenSans_SemiBold.svg#OpenSans_SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_SemiBoldItalic.eot');
	src: url('OpenSans_SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_SemiBoldItalic.woff2') format('woff2'),
		url('OpenSans_SemiBoldItalic.woff') format('woff'),
		url('OpenSans_SemiBoldItalic.ttf') format('truetype'),
		url('OpenSans_SemiBoldItalic.svg#OpenSans_SemiBoldItalic') format('svg');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_Regular.eot');
	src: url('OpenSans_Regular.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_Regular.woff2') format('woff2'),
		url('OpenSans_Regular.woff') format('woff'),
		url('OpenSans_Regular.ttf') format('truetype'),
		url('OpenSans_Regular.svg#OpenSans_Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_Italic.eot');
	src: url('OpenSans_Italic.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_Italic.woff2') format('woff2'),
		url('OpenSans_Italic.woff') format('woff'),
		url('OpenSans_Italic.ttf') format('truetype'),
		url('OpenSans_Italic.svg#OpenSans_Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_Light.eot');
	src: url('OpenSans_Light.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_Light.woff2') format('woff2'),
		url('OpenSans_Light.woff') format('woff'),
		url('OpenSans_Light.ttf') format('truetype'),
		url('OpenSans_Light.svg#OpenSans_Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_LightItalic.eot');
	src: url('OpenSans_LightItalic.eot?#iefix') format('embedded-opentype'),
		url('OpenSans_LightItalic.woff2') format('woff2'),
		url('OpenSans_LightItalic.woff') format('woff'),
		url('OpenSans_LightItalic.ttf') format('truetype'),
		url('OpenSans_LightItalic.svg#OpenSans_LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
/*
============================================
End - Fonts - Open Sans
============================================