/* universal code blocks*/
body, html, main {
	/* important */
	height: 100%;
	margin: 0; padding: 0;
	/*overflow-x: hidden;*/
}

/* Lovelo Family */
@font-face {
  font-family: "loveloblack";
  src: url(../fonts/lovelo/lovelo-black.woff);
}
@font-face {
  font-family: "loveloblackopen";
  src: url(../fonts/lovelo/lovelo-black.otf);
}
@font-face {
  font-family: "loveloblackeot";
  src: url(../fonts/lovelo/lovelo-black.eot);
}

/* Texta Family */
@font-face {
  font-family: "texta";
  src: url(../fonts/texta/texta-regular.woff);
}
@font-face {
  font-family: "textaopen";
  src: url(../fonts/texta/texta-regular.otf);
}
@font-face {
  font-family: "textaeot";
  src: url(../fonts/texta/texta-regular.eot);
}

/* Idler Family */
@font-face {
  font-family: "idler";
  src: url(../fonts/idler/idler_solid.woff);
}
@font-face {
  font-family: "idleropen";
  src: url(../fonts/idler/idler_solid.otf);
}
@font-face {
  font-family: "idlereot";
  src: url(../fonts/idler/idler_solid.eot);
}

.loveloblack
{
    font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
}
.texta
{
    font-family:"texta","textaopen", "textaeot", "verdana";
}
.idler
{
    font-family:"idler","idleropen", "idlereot", "verdana";
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  /*display: block; *//* For Firefox */
  color: #000000;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    font-size: 16px;
}
button:active
{
    color: #fff !important;
    background-color: #000 !important;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em;
    color: #ccc;
}
a {
    text-decoration: none;
	color: #000000;
}
a:visited {
	color:#000000;
}
a img {
    text-decoration: none;
	border: 0 !important;
}
a:hover {
    border-bottom: 3px double;
}
p {
	font-family:"texta","textaopen", "textaeot", "verdana";
}

h1 {
	font-family:"idler","idleropen", "idlereot", "verdana";
}

h2 {
	font-family:"loveloblack","loveloblackopen","verdana";
}

h3 {
	font-family:"loveloblack","loveloblackopen","verdana";
}

h4 {
	font-family:"loveloblack","loveloblackopen","verdana";
}

h5 {
	font-family:"loveloblack","loveloblackopen","verdana";
}
input {
	font-size: 1em;
	color: #000000; 
}
hr
{
	width: 100%;
    border: 3px #000 double;
}
hr.yellowline
{
	width: 100%;
    border: 3px #ffd200 double;
}
hr.thinline {
    width: 100%;
    border: solid 1px #000;
}
hr.thinline-small{
    width: 50%;
    border: solid 1px #000;
}

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}
.testing
{
    background-color: aquamarine;
}
.active {
	background-color: #000000;
	opacity: 0.4;
  	filter: alpha(opacity=0);
}
.inactive 
{
	background-color: #000000;
	opacity: 0.4;
  	filter: alpha(opacity=40);
}
.text-overlay, 
.dark-cover
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.text-overlay, 
.super-dark-cover
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.text-overlay
{
	color: #ffffff;
}
.black-text-overlay
{
	color: #000000;
}
.dark-cover
{
    width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.4;
  	filter: alpha(opacity=40);
}
.super-dark-cover
{
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
  	filter: alpha(opacity=80);
}
.full-opacity
{
	opacity: 1;
  	filter: alpha(opacity=100);
}
.ten-fixed-bg {
	height: 100%;
	min-height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
    z-index: 1;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    will-change: transform;
}

.ten-fixed-bg-small {
    height: 75px;
	background-repeat: no-repeat;
	background-position: center center;
    z-index: 1;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    will-change: transform;
}
.ten-partial-bg
{
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
}
 
.ten-scrolling-bg {
	min-height: 100%;
    
}
.ten-splash-bg
{
    min-height: 100%;
    background-color: #ffd200;
}
video.bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: url(polina.jpg) no-repeat;
	background-size: cover;
}
.big-spacer
{
	clear: both;
	margin-top: 50px;
}
.spacer
{
	clear: both;
	margin-top: 20px;
}
.clean
{
	border: none;
	margin: 0;
	padding: 0;
}
.underline
{
	text-decoration: underline;
}
.dblunderline
{
    border-bottom: 3px double;
}
.strike {
    text-decoration: line-through;
}
.nostrike {
    text-decoration: none !important;
}
.skip-line
{
	display: block;
}
.curved
{
    border-radius: 15px;
}
.curved-light
{
    border-radius: 10px;
}
.hidden
{
	display: none !important;
}
.hiddenish
{
    display: none;
}
.vertical-center
{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.img-middle
{
	vertical-align: middle;
}
.scoot-left
{
    margin-left: 5px;
}
.scoot-right
{
    margin-right: 5px;
}
.smallest-pad
{
    padding: 5px;
}
.small-pad
{
	padding: 10px;
}
.med-pad
{
    padding: 15px;
}
.big-pad
{
    padding: 25px;
}
.vertical-wiggle-room
{
	margin-bottom: 5px;
	margin-top: 5px;
}
.horizontal-wiggle-room
{
	padding-left: 5px;
	padding-right: 5px;
}
.center-outer {
  width: 100%;
  height: 250px;
  line-height: 250px;
  text-align: center;
}

.center-inner {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}
.middle
{
	line-height: 100%;
}
.right
{
	text-align: right;
}
.left
{
	text-align: left;
}
.centered-text
{
    text-align: center;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.centered-button
{
    margin:0 auto;
    display:block !important;
}
.top-right
{
	position: absolute;
	top: 25px;
	right: 25px;
}
.bottom-center
{
	vertical-align:bottom;
	text-align: center;
}
.bottom-right
{
	position: absolute;
	bottom: 25px;
	right: 25px;
}
.top-left
{
	position: absolute;
	top: 25px;
	left: 25px;
}
.bottom-left
{
	position: absolute;
	bottom: 25px;
	left: 25px;
}
.bottom-right-edit
{
	position: absolute;
	bottom: 60px;
	right: 25px;
}
.on-top
{
	z-index: 9997;
}
.listing-text-left
{
    display: inline-block;
    max-width: 60%;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.move-right
{
    float: right;
}
.light-grey
{
	color: #cccccc;
}
.white
{
    color: #ffffff;
}
.blackened
{
    background-color: #000000;
    padding: 3px;
}
.black-override
{
    color: #000000 !important;
}
.black
{
    color: #000000;
}
.red
{
    color: #ff0000;
}
.green
{
    color: #88C425;
}
.holiday-green
{
    color: #1E792C;
}
.yellow
{
    color: #ffd200;
}
.yellow-bg
{
    background-color: #ffd200;
}
.red-bg
{
    background-color: #ff0000;
}
.white-bg
{
    background-color: #ffffff;
}
.grey-bg
{
	background-color: #f2f2f2;
}
.wild-bg
{
    background-color: cyan;
}
.overlay
{
	position: absolute;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0.5);
	z-index: 9998;
}
.no-margin 
{
    margin: 0 !important;
}
.reset-margin
{
	margin: 0 auto;
}
.pointy
{
    cursor: pointer;
}
.no-pointer
{
	cursor: default;
}
.u-list-item {
    list-style-image: url(../images/icons/check.png);
    
    padding-top: 2px;
}
.u-list-item:first-child
{
    padding-top: 10px;
}
.u-list-item:last-child
{
    padding-bottom: 10px;
}
.content-container {
    width: 90%;
    margin: auto;
}
/* ui code blocks*/
.slidecontainer {
  width: 100%; /* Width of the outside container */
}
.slidecontainer-review {
  width: 80%; /* Width of the outside container */
}
/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #ccc; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    margin-left: -1px;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #ff0000; /* black background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #ff0000; /* black background */
  cursor: pointer; /* Cursor on hover */
}
.single-line-form
{
    height: 25px;
    width: 100%;
    margin: auto;
    display: inline;
}
.small-button{
    background:rgba(255, 255, 255, 0.95);
    border: 2px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 8px;
    padding: 6px;
    text-transform: uppercase;
}
.small-button:hover {
    background-color: #ffd200;
    cursor: pointer;
}
.med-button{
    background:rgba(255, 255, 255, 0.95);
    border: 2px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    padding: 10px;
    text-transform: uppercase;
}
.med-button:hover {
    background-color: #ffd200;
    cursor: pointer;
}
.med-label {
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
    display: block;
    text-decoration: underline;
    text-align: left;
}
.search-input {
    text-transform: uppercase;
    padding: 10px;
    font-size: 12px;
    text-align: left;
    border: 2px solid #000;
    margin-left: -1px;
}
#menu-icon
{
    cursor: pointer;
}
#menu-icon2
{
    max-width: 75px;
    max-height: 75px;
    cursor: pointer;
}
.close-img
{
    max-height: 40px;
}
.close-img:hover
{
    cursor: pointer;
}
.yellow-border
{
    border-radius: 5px;
    border: solid 2px #000;
}
.half-screen-img
{
    max-width: 90%;
}
.electric-stunner
{
    max-width: 90%;
    max-height: 340px;
}
.electric-text
{
    position: relative;
    color: #000;
    background: #fcf113;
    padding: 5px;
    background-size: 50%;
}
.electric-text:after
{
    content: attr(data-content);
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #000;
}
.black-electric-text
{
    background-color: #000;
    color: #fff;
}
.black-electric-text a
{
    color: #fff;
    text-decoration:rgba(255, 255, 255, 0.95) underline;
}
/* mobile code blocks*/
@media only screen and (max-width: 1080px) {
    /* For mobile phones: */
	body{
    	-webkit-text-size-adjust: none;
  	}
    .mobile-reverse
    {
        display: flex;
        flex-direction: column-reverse;
    }
    .mobile-hidden
    {
        display: none;
    }
    .mobile-extend
    {
        width: 100% !important;
    }
    .mobile-third
    {
        width: 32.33% !important;
    }
    .mobile-half
    {
        width: 49% !important;
    }
    .mobile-locked-text
    {
        word-wrap: break-word;
        overflow: hidden;
        width: 32%;
        font-size: 1.5em !important;
    }
    .ten-bg-asseenon
    {
        background-image: url(../images/backgrounds/asseenon.png);
    }
    .ten-bg-rockstar
    {
        background-image: url(../images/backgrounds/Modern_Guitar_Straps-mobile.png);
    }
    .ten-bg-lucky
    {
        background-image: url(../images/backgrounds/rockstar-mobile-lucky.png);
    }
    .ten-bg-review
    {
        background-image: url(../images/backgrounds/crowd-red-mobile.png);
    }
    .ten-bg-quality
    {
        background-image: url(../images/backgrounds/quality.png);
    }
    .ten-bg-sale
    {
        background-image: url(../images/backgrounds/sale-across.png);
    }
    .xxl
    {
        font-size: 6em;
    }
    .xl
    {
        font-size: 5em;
    }
    .large
    {
        font-size: 4em;
    }
    .med
    {
        font-size: 3em;
    }
    .smallish
    {
        font-size: 3em;
    }
    .small 
    {
        font-size: 1.5em;
    }
    .xs
    {
        font-size: 1em;
    }
    .gotocart-button
    {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        height: 120px;
        padding: 10px;
        text-transform: uppercase;
        width: 100%;
    }
    .gotocart-button:hover {
        background-color: #fff;
        border: 2px solid #000;
        color: #000;
        cursor: pointer;
    }
    .addtocart-box
    {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 225px;
    }
    .addtocart-button {
        background:#fff;
        border: 2px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        padding: 10px;
        text-transform: uppercase;
        width: 100%;
        line-height: 50px;
    }
    .addtocart-button:hover {
        background-color: #000;
        border: 2px solid #fff;
        color: #fff;
        cursor: pointer;
    }
    .attn-button {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        height: 100px;
        padding: 10px;
        text-transform: uppercase;
    }
    .attn-button:hover {
        background-color: #fff;
        border: 2px solid #000;
        color: #000;
        cursor: pointer;
    }
    .inline-label {
        text-transform: uppercase;
        font-size: 24px;
        padding-right: 10px;
        font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
        display: inline;
        align-content: center;
        margin: auto;
        text-align: left;
        line-height: 50px;
    }
    .inline-input 
    {
        text-transform: uppercase;
        height: 50px;
        padding: 5px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        margin-left: -1px;
    }
    .inline-button{
        background:rgba(255, 255, 255, 0.95);
        border: 2px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        display: inline;
        height: 50px;
        width: 100px;
        font-size: 24px;
        padding: 5px;
        text-transform: uppercase;
    }
    .inline-button:hover {
        color: #fff;
        background-color: #000;
        cursor: pointer;
    }
    .exit-button
    {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .exit-button img
    {
        max-height: 100px;
    }
    .tiny-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 100%;
        display: inline;
    }
    .mini-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 100%;
        display: inline;
    }
    .long-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 100%;
        display: inline;
    }
    .med-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 100%;
    }
    .pop-in-input
    {
        text-transform: uppercase;
        padding: 10px;
        width: 75%;
        border: 2px solid #000;
        text-align: left;
        margin: auto;
        display: block;
        font-size: 24px;
    }
    .pop-in-button
    {
        background:rgba(0, 0, 0, 0.95);
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: block;
        font-size: 24px;
        padding: 10px;
        text-transform: uppercase;
        margin: auto;
        width: 75%;
    }
    .med-text-area {
        width: 100%;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
    }
    .tiny-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 48%;
        display: inline;
        border-radius: 0;
    }
    .long-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 48%;
        border-radius: 0;
    }
    .med-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 24px;
        text-align: left;
        border: 2px solid #000;
        width: 48%;
        border-radius: 0;
    }
    .review-icon
    {
        width: 100%;
    }
    .review-icon img
    {
        display: block;
        margin: auto;
        max-height: 300px;
    }
    #menu-layout 
    {
        width: 100%;
        height: 300px;
        z-index: 100;
        text-align: center;
    }
    .menu-item {
        width: 20%;
        font-family:"loveloblack","loveloblackopen","verdana";
        display: inline-block;
        height: 100%;
        line-height: 300px;
        float: left;
    }
    .menu-item img {
        max-height: 100px;
        max-width: 100px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .menu-item img.logo {
        /* max-height: 100%;
        max-width: 100%; */
        max-width: 225px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-item input {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/icons/Search.png);
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: right;
    }
    #deals {
        position: fixed;
        bottom: 0;
        left: 2%;
        height: 100px;
        width: 250px;
        background-color: #ffd200;
        border-left: solid 6px #f2f2f2;
        border-top: solid 6px #f2f2f2;
        border-right: solid 6px #f2f2f2;
        border-bottom: none;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        z-index: 100;
        line-height: 100px;
        font-weight: bolder;
        font-size: 3em;
        text-align: center;
        font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
        overflow: hidden;
    }
    #deals:hover {
        cursor: pointer;
    }
    .deals-container
    {
        width: 100%;
        position: fixed;
        height: 800px;
        bottom: 0;
        z-index: 1001;
        background-color: #ffd200;
        border-top: solid 6px #f2f2f2;
    }
    .deals-img
    {
        position: relative;
        max-height: 300px;
    }
    .main-product-image-container
    {
        width: 100%;
        position: relative;
    }
    .main-product-image-container img 
    {
        /*max-height: 400px;
        max-width: 400px;*/
        max-width: 100%;
        border: solid 3px #f2f2f2;
    }
    .image-farm {
        text-align: center;
    }
    .farm-image {
        margin-top: 10px;
        border: solid 2px #f2f2f2;
        max-width: 200px;
        cursor: pointer;
    }
    .video-farm
    {
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    .video-farm:after
    {
        content: '';
        position: absolute;
        top: 0; right: 0;
        bottom: 0; left: 0;
        background: url(../images/icons/play.png) no-repeat;
        background-position: center;
        background-size: 80px;
    }
    .side-menu
    {
        position: fixed;
        right: 0;
        /*visibility: hidden;*/
        height: 100%;
        width: 100%;
        border-left: solid 3px #fff;
        background-color: #ffd200;
        z-index: 1001;
    }
    .addon-menu
    {
        position: fixed;
        right: 0;
        /*visibility: hidden;*/
        height: 100%;
        width: 100%;
        border-left: solid 3px #f2f2f2;
        background-color: #ffffff;
        z-index: 999;
    }
    .footer-content
    {
        border-top: solid 4px #cccccc;
        height: 525px;
        padding: 10px;
        color: #000000;
        background-color: #f2f2f2;
    }
    .footer-content-left
    {
        height: 510px;
        width: 50%;
        float: left;
        background-color: #f2f2f2;
        position: relative;
    }
    .footer-content-left img
    {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .footer-content-right
    {
        height: 510px;
        width: 50%;
        float: right;
        text-align: center;
        background-color: #f2f2f2;
        display: table;
    }
    .footer-text
    {
        display: table-cell;
        vertical-align: middle;
        background-color: #f2f2f2;
    }
    .prodreview
    {
        text-align: center;
        height: 70px;
        line-height: 70px;
    }
    .prodreview img
    {
        max-height: 70px;
        vertical-align: middle;
    }
    review-heading
    {
        width: 100%;
        height: 100px;
        line-height: 100px;
    }
    .review-heading-content img
    {
        padding-right: 5px;
        max-height: 70px;
        vertical-align: middle;
    }
    .review-summary
    {
        background-color: #ffd200;
        height: 120px;
        text-align: center;
    }
    .review-image img
    {
        max-height: 100px;
        max-width: 100px;
    }
    .review-item
    {
        text-align: center;

        height: 100%;
        line-height: 100%;
    }
    .feature-list 
    {
        margin: auto;
        width: 100%;
        background-color: #ffd200;
    }
    .feature-image 
    {
        width: 90%;
        text-align: center;
        margin: auto;
    }
    .feature-image img 
    {
        max-height: 320px;
        max-width: 90%;
        border: solid 3px #f2f2f2;
    }
    .cartdot 
    {
        height: 50px;
        width: 50px;
        background-color: #ff0000;
        border-radius: 50%;
        display: inline-block;
        color: white;
        line-height: 50px;
        position: relative;
        top: 20px;
        right: 30px;
        font-size:20px;
    }
    .rec-product-image
    {
        max-width: 100%;
        min-width: 100%;
        border: solid 3px #f2f2f2;
    }
    .addtocart-image
    {
        max-height: 225px;
        border: solid 3px #f2f2f2;
    }
    .addtocart-text
    {
        line-height: 50px;
    }
    .listing-container
    {
        padding-top: 15px;
        width: 100%;
        border-bottom: solid 2px #ccc;
    }
    .assurance-container
    {
        min-height: 400px;
        width: 100%;
        background-color: #F1EBEB;
        border: solid 1px #ccc;
    }
    .mobile-cart-container
    {
        width: 100%;
        margin: auto;
    }
    .mobile-cart-item
    {
        border: solid 4px #f2f2f2;
        overflow: auto;
        padding: 8px;
        margin-bottom: 10px;
    }
    .mobile-cart-item-image
    {
        max-height: 320px;
        display: block;
        text-align: center;
        margin: auto;
    }
    .mobile-cart-item-details
    {
        height: 600px;
    }
    .cart-container
    {
        width: 90%;
        margin: auto;
    }
    .cart-item
    {
        border-bottom: solid 2px #f2f2f2;
        border-top: solid 2px #f2f2f2;
        margin: auto;
        text-align: center;
        height: 300px;
    }
    .cart-text
    {
        height: 300px;
        line-height: 300px;
        margin: auto;
        font-size: 1em !important;
        position: relative;
        overflow-x: hidden;
    }
    .incart-image
    {
        max-height: 240px;
        max-width: 100%;
        border: solid 3px #f2f2f2;
        display: block;
        margin: auto;
    }
    .infunnelcart-image
    {
        max-height: 75px;
        max-width: 100%;
        border: solid 3px #f2f2f2;
        display: block;
    }
    .form-container
    {
        width: 100%;
    }
    .multi-line-form
    {
        width: 100%;
        margin: auto;
        display: inline;
    }
    .ccard
    {
        max-width: 250px;
    }
    .formfield
    {
        border-top: solid 2px #ffd200;
        border-left: solid 2px #ffd200;
        border-bottom: none;
        border-right: none;
        margin-bottom: 20px;
    }
    .bordered-button-link
    {
        padding: 8px;
        border: solid 1px #000;
        border-radius: 5px;
    }
    .splash-container
    {
        width: 100%;
        text-align: center;
    }
    .splash-img
    {
        max-height: 500px;
    }
    .contact-container
    {
        width: 100%;
        padding: 5px;
        border: solid 1px #ccc;
        text-align: center;
    }
    .contact-review
    {
        margin-top: 5px;
        width: 100%;
        padding: 5px;
        border: solid 1px #ccc;
        text-align: center;
    }
    .contact-review img
    {
        max-height: 100px;
    }
    .order-container
    {
        width: 100%;
        border: solid 1px #ccc;
        margin-bottom: 10px;
    }
    .order-header
    {
        border-bottom: solid 1px #ccc;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .order-item
    {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        /*height: 100px;*/
    }
    .order-item img
    {
        max-height: 250px;
    }
    .order-summary
    {
        border-top: solid 1px #ccc;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .review-stars
    {
        max-height: 200px;
    }
    .add-summary
    {
        width: 100%;
        border: solid 1px #ccc;
        height: 300px;
        position: relative;
    }
    .add-summary-img
    {
        max-height: 175px;
        border: solid 3px #f2f2f2;
    }
    .center-content
    {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-page-container
    {
        width: 100%;
        vertical-align: middle;
    }
    .home-page-main-img
    {
        max-width: 100%;
        vertical-align: middle;
    }
    .home-page-header-text
    {
        position: absolute;
        bottom: 5%;
        left: 45%;
    }
    .home-page-button
    {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 32px;
        height: 100px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
    }
    .home-page-button:hover
    {
        cursor: pointer;
    }
    .stunner-button-white
    {
        background:#fff;
        border: 2px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 32px;
        height: 100px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
    }
    .stunner-button-white:hover
    {
        cursor: pointer;
    }
    .bogo-container
    {
        width: 100%;
        height: 250px;
        text-align: center;
    }
    .bogo-img
    {
        max-height: 100%;
        max-width: 43%;
        display: inline;
        vertical-align: middle;
    }
    .bogo-text
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    #pick1
    {
        width: 100%;
        max-height: 350px;
    }
    #pick2
    {
        width: 100%;
        max-height: 350px;
    }
    .countdown-deal
    {
        width: 100%;
        height: 300px;
        border: solid 1px #ccc;
        position: relative;
    }
    .countdown-deal-img
    {
        max-height: 175px;
        max-width: 95%;
    }
    #cards-accepted-box
    {
        border: solid 1px #000;
        text-align: center;
    }
    #cards-accepted
    {
        max-width: 100%;
    }
    .shop-box
    {
        border: solid 1px #ccc;
        padding: 5px;
        max-height: 300px;
        width: 100%;
    }
    .shop-box img
    {
        max-height: 250px;
        display: block;
        margin: auto;
    }
    .email-logo
    {
        padding-top: 10px;
        display: block;
        margin: auto;
        max-height: 250px;
    }
    #email-pop-in
    {
        display: none;
        position: fixed;
        z-index: 50000;
        top: 5%;
        left: 5%;
        width: 90%;
        height: 90%;
        background-image: url(../images/backgrounds/strap-diag-mobile.png);
        border-radius: 10px;
        border: solid 4px #f2f2f2;
        background-size: cover;
    }
    #email-pop-in-container
    {
        width: 100%;
    }
    #promo-bar
    {
        display: inline-block;
        position: fixed;
        z-index: 1000;
        line-height: 50px;
        top: 0px;
        left: 0px;
        height: 100px;
        width: 100%;
        background-color: #ffd200;
    }
    #promo-container
    {
        height: 100px;
    }
    .holiday-image
    {
        max-width: 100%;
    }
    .holiday-list
    {
        /* list-style-image: url('../images/icons/christmas-ball.png'); */
        
    }
    .holiday-list-item
    {
        list-style: none;
        background-image: url("../images/icons/christmas-ball.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 35px;
        line-height: 35px;
        padding-left: 40px;
    }
    .duplex-img
    {
        max-width: 45%;
        max-height: 320px;
    }
    .return-img
    {
        max-width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .special-offers
    {
        padding: 10px;
        border: #000 double 6px;
        display: table;
    }

    /* fuck */

    .landing-img
    {
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 600px;
    }
    .landing-button
    {
        background:#fff;
        color: #000;
        border: 2px solid #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 75px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
        display: block;
    }
    .landing-button-inline
    {
        background:#fff;
        color: #000;
        border: 2px solid #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 75px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
        display: inline;
        margin-right: 10px;
    }
    .funnel-strap-square
    {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: solid 2px #c2c2c2;
        padding: 10px;
    }
    .funnel-strap-square img
    {
        display: block;
        max-width: 90%;
        margin: auto;
    }
    .tunnel-logo
    {
        display: inline-block;
        max-height: 6em;
        line-height: 6em;
    }
    .step-indicator {
        margin-top: 50px;
        display: flex;
        align-items: center;
        padding: 0 40px;
      }
      
      .step {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
      }
      
      .step-indicator .step-icon {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background: #c2c2c2;
        font-size: 10px;
        text-align: center;
        color: #ffffff;
        position: relative;
        line-height: 100px;
        font-size: 40px;
      }
      
      .step.current .step-icon {
        background: crimson;
      }
      
      .step p {
        text-align: center;
        position: absolute;
        bottom: -80px;
        color: #c2c2c2;
        font-size: 28px;
        font-weight: bold;
      }
      
      .step.current p {
        color: crimson;
      }
      
      .indicator-line {
        width: 100%;
        height: 4px;
        background: #c2c2c2;
        flex: 1;
      }
      
      .indicator-line.current {
        background: crimson;
      }

      .tunnel-product-container
      {
        border: solid 4px #000;
        padding: 5px;
        border-radius: 10px;
        height: 100%;
        width: 100%;
      }
      .fancypants-container
      {
        height: 150px;
      }
      .fancypants
      {
        border: solid 2px #ffd200;
        border-radius: 10px;
        padding: 10px;
        line-height: 75px;
      }
      .strings-package-img
      {
        max-width: 100%;
      }
      .order-bump-img
      {
        max-height: 150px;
      }
      .upgrade-order-img
      {
        max-height: 120px;
      }
      .special-offers
      {
        padding: 5px;
        border: #000 double 3px;
        display: table;
        display: inline-block;
      }
      .funnelreviewblock
      {
        width: 100%;
        margin: auto;
      }
      .funnelreviewblock img
      {
        display: block;
        max-height: 200px;
        max-width: 80%;
        margin: auto;
      }
      #addpicks
      {
        width:30px;
        height:30px;
      }
}
/* desktop code blocks*/
@media only screen and (min-width: 1081px) {
    .ten-bg-asseenon
    {
        background-image: url(../images/backgrounds/asseenon.png);
    }
    .ten-bg-rockstar
    {
        background-image: url(../images/backgrounds/Modern_Guitar_Animation.gif);
    }
    .ten-bg-lucky
    {
        background-image: url(../images/backgrounds/rockstar-lucky.png);
    }
    .ten-bg-review
    {
        background-image: url(../images/backgrounds/crowd-red.png);
    }
    .ten-bg-quality
    {
        background-image: url(../images/backgrounds/quality.png);
    }
    .ten-bg-sale
    {
        background-image: url(../images/backgrounds/sale-across.png);
    }
    .desktop-hidden
    {
        display: none;
    }
    .xxl
    {
        font-size: 3.5em;
    }
    .xl
    {
        font-size: 2.5em;
    }
    .large
    {
        font-size: 2em;
    }
    .med
    {
        font-size: 1.5em;
    }
    .smallish
    {
        font-size: 1em;
    }
    .small 
    {
        font-size: .75em;
    }
    .xs
    {
        font-size: .5em;
    }
    .modal
    {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%;
        background:rgba(255, 255, 255, 0.95);
        z-index: 9999;
        display: none;
    }
    .inline-label {
        text-transform: uppercase;
        font-size: 12px;
        padding-right: 10px;
        font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
        display: inline;
        align-content: center;
        margin: auto;
        text-align: left;
        line-height: 25px;
    }
    .inline-input 
    {
        text-transform: uppercase;
        height: 35px;
        padding: 5px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        margin-left: -1px;
    }
    .inline-button{
        background:rgba(255, 255, 255, 0.95);
        border: 2px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        display: inline;
        height: 35px;
        width: 70px;
        font-size: 12px;
        padding: 5px;
        text-transform: uppercase;
        vertical-align: middle;
    }
    .inline-button:hover {
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }
    .gotocart-button {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        padding: 10px;
        text-transform: uppercase;
        width: 100%;
    }
    .gotocart-button:hover {
        background-color: #fff;
        border: 2px solid #000;
        color: #000;
        cursor: pointer;
    }
    .addtocart-button {
        background:#fff;
        border: 2px solid #000;
        color: #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        padding: 10px;
        text-transform: uppercase;
        width: 100%;
        line-height: 25px;
    }
    .addtocart-button:hover {
        background-color: #000;
        border: 2px solid #fff;
        color: #fff;
        cursor: pointer;
    }
    .attn-button {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        padding: 10px;
        text-transform: uppercase;
    }
    .attn-button:hover {
        background-color: #fff;
        border: 2px solid #000;
        color: #000;
        cursor: pointer;
    }
    .exit-button
    {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .exit-button img 
    {
        max-height: 50px;
    }
    .tiny-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 20%;
        display: inline;
    }
    .mini-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 40%;
        display: inline;
    }
    .long-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 60%;
        display: inline;
    }
    .med-input
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 80%;
    }
    .pop-in-input
    {
        text-transform: uppercase;
        padding: 10px;
        width: 50%;
        border: 2px solid #000;
        text-align: left;
        margin: auto;
        display: block;
    }
    .pop-in-button
    {
        background:rgba(0, 0, 0, 0.95);
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: block;
        font-size: 12px;
        padding: 10px;
        text-transform: uppercase;
        margin: auto;
        width: 50%;
    }
    .med-text-area {
        width: 80%;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
    }
    .tiny-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 20%;
        display: inline;
        border-radius: 0;
    }
    .long-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 60%;
        border-radius: 0;
    }
    .med-select
    {
        text-transform: uppercase;
        padding: 10px;
        font-size: 12px;
        text-align: left;
        border: 2px solid #000;
        width: 80%;
        border-radius: 0;
    }
    .review-icon
    {
        width: 100%;
    }
    .review-icon img
    {
        display: block;
        margin: auto;
        max-height: 150px;
    }
    #menu-layout 
    {
        width: 100%;
        height: 150px;
        z-index: 100;
        text-align: center;
    }
    .menu-item {
        width: 20%;
        font-family:"loveloblack","loveloblackopen","verdana";
        display: inline-block;
        height: 100%;
        line-height: 150px;
        float: left;
    }
    .menu-item img {
        max-height: 50px;
        max-width: 50px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }
    .menu-item img.logo {
        max-height: 100%;
        max-width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .menu-item input {
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/icons/Search.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: right;
    }
    #deals {
        position: fixed;
        bottom: 0;
        left: 2%;
        height: 60px;
        width: 145px;
        background-color: #ffd200;
        border-left: solid 6px #f2f2f2;
        border-top: solid 6px #f2f2f2;
        border-right: solid 6px #f2f2f2;
        border-bottom: none;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        z-index: 1002;
        line-height: 60px;
        font-weight: bolder;
        font-size: 1.5em;
        text-align: center;
        font-family:"loveloblack","loveloblackopen", "loveloblackeot", "verdana";
        overflow: hidden;
    }
    #deals:hover {
        cursor: pointer;
    }
    .deals-container
    {
        width: 100%;
        position: fixed;
        height: 300px;
        bottom: 0;
        z-index: 1001;
        background-color: #ffd200;
        border-top: solid 6px #f2f2f2;
    }
    .deals-img
    {
        position: relative;
        max-height: 300px;
    }
    .main-product-image-container
    {
        width: 100%;
        position: relative;
    }
    .main-product-image-container img 
    {
        /*max-height: 400px;
        max-width: 400px;*/
        max-width: 100%;
        border: solid 3px #f2f2f2;
    }
    .main-product-image-container img.img-arrowleft
    {
        border: none !important;
        position: absolute;
        top: 45%;
        left: 5px;
        cursor: pointer;
        max-height: 50px;
    }
    .main-product-image-container img.img-arrowright
    {
        border: none !important;
        position: absolute;
        top: 45%;
        right: 5px;
        cursor: pointer;
        max-height: 50px;
    }
    .image-farm {
        text-align: center;
    }
    .farm-image {
        margin-top: 10px;
        border: solid 2px #f2f2f2;
        max-width: 100px;
        cursor: pointer;
    }
    .video-farm
    {
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    .video-farm:after
    {
        content: '';
        position: absolute;
        top: 0; right: 0;
        bottom: 0; left: 0;
        background: url(../images/icons/play.png) no-repeat;
        background-position: center;
        background-size: 40px;
    }
    .side-menu
    {
        position: fixed;
        right: 0;
        /*visibility: hidden;*/
        height: 100%;
        width: 50%;
        border-left: solid 3px #fff;
        background-color: #ffd200;
        z-index: 1001;
    }
    .addon-menu
    {
        position: fixed;
        right: 0;
        /*visibility: hidden;*/
        height: 100%;
        width: 50%;
        border-left: solid 3px #f2f2f2;
        background-color: #ffffff;
        z-index: 999;
    }
    .footer-content
    {
        border-top: solid 4px #cccccc;
        height: 240px;
        padding: 10px;
        color: #000000;
        background-color: #f2f2f2;
    }
    .footer-content-left
    {
        height: 225px;
        width: 50%;
        float: left;
        background-color: #f2f2f2;
        position: relative;
    }
    .footer-content-left img
    {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .footer-content-right
    {
        height: 225px;
        width: 50%;
        float: right;
        text-align: center;
        background-color: #f2f2f2;
        display: table;
    }
    .footer-text
    {
        display: table-cell;
        vertical-align: middle;
        background-color: #f2f2f2;
    }
    .prodreview
    {
        text-align: center;
        height: 35px;
        line-height: 35px;
    }
    .prodreview img
    {
        max-height: 35px;
        vertical-align: middle;
    }
    review-heading
    {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
    .review-heading-content img
    {
        padding-right: 5px;
        max-height: 35px;
        vertical-align: middle;
    }
    .review-summary
    {
        background-color: #ffd200;
        height: 60px;
        text-align: center;
    }
    .review-image img
    {
        max-height: 50px;
        max-width: 50px;
    }
    .review-item
    {
        text-align: center;

        height: 100%;
        line-height: 100%;
    }
    .feature-list 
    {
        margin: auto;
        width: 100%;
        background-color: #ffd200;
    }
    .feature-image 
    {
        width: 90%;
        text-align: center;
        margin: auto;
    }
    .feature-image img 
    {
        max-height: 160px;
        max-width: 90%;
        border: solid 3px #f2f2f2;
    }
    .cartdot 
    {
        height: 25px;
        width: 25px;
        background-color: #ff0000;
        border-radius: 50%;
        display: inline-block;
        color: white;
        line-height: 25px;
        position: relative;
        top: 12px;
        right: 20px;
        font-size:10px;
    }
    .cart-container
    {
        width: 90%;
        margin: auto;
    }
    .cart-item
    {
        border-bottom: solid 2px #f2f2f2;
        border-top: solid 2px #f2f2f2;
        margin: auto;
        text-align: center;
        height: 175px;
    }
    .cart-text
    {
        height: 175px;
        line-height: 175px;
        margin: auto;
        overflow-x: hidden;
    }
    .incart-image
    {
        max-height: 120px;
        max-width: 100%;
        border: solid 3px #f2f2f2;
        display: block;
        margin: auto;
    }
    .infunnelcart-image
    {
        max-height: 75px;
        max-width: 100%;
        border: solid 3px #f2f2f2;
        display: block;
    }
    .rec-product-image
    {
        max-width: 100%;
        min-width: 100%;
        border: solid 3px #f2f2f2;
    }
    .addtocart-image
    {
        max-width: 100%;
        min-width: 100%;
        border: solid 3px #f2f2f2;
    }
    .addtocart-text
    {
        line-height: 25px;
    }
    .listing-container
    {
        padding-top: 15px;
        width: 100%;
        border-bottom: solid 2px #ccc;
    }
    .assurance-container
    {
        min-height: 125px;
        width: 100%;
        background-color: #F1EBEB;
        border: solid 1px #ccc;
    }
    .form-container
    {
        width: 100%;
    }
    .multi-line-form
    {
        width: 100%;
        margin: auto;
        display: inline;
    }
    .ccard
    {
        max-width: 125px;
    }
    .formfield
    {
        border-top: solid 2px #ffd200;
        border-left: solid 2px #ffd200;
        border-bottom: none;
        border-right: none;
        margin-bottom: 20px;
    }
    .link-pagination
    {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border: solid 1px #000;
        display: inline-block;
    }
    .active-page
    {
        background-color: #ff0000;
    }
    .active-link
    {
        color: #ffffff;
    }
    .bordered-button-link
    {
        padding: 8px;
        border: solid 1px #000;
        border-radius: 5px;
    }
    .splash-container
    {
        width: 100%;
        text-align: center;
    }
    .splash-img
    {
        max-height: 250px;
    }
    .contact-container
    {
        width: 100%;
        padding: 5px;
        border: solid 1px #ccc;
        text-align: center;
    }
    .contact-review
    {
        margin-top: 5px;
        width: 100%;
        padding: 5px;
        border: solid 1px #ccc;
        text-align: center;
    }
    .contact-review img
    {
        max-height: 50px;
    }
    .order-container
    {
        width: 100%;
        border: solid 1px #ccc;
        margin-bottom: 10px;
    }
    .order-header
    {
        border-bottom: solid 1px #ccc;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .order-item
    {
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 25px;
    }
    .order-item img
    {
        max-height: 125px;
    }
    .order-summary
    {
        border-top: solid 1px #ccc;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .review-stars
    {
        max-height: 100px;
    }
    .add-summary
    {
        width: 100%;
        border: solid 1px #ccc;
        height: 150px;
        position: relative;
    }
    .add-summary-img
    {
        max-height: 125px;
        border: solid 3px #f2f2f2;
    }
    .center-content
    {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .home-page-container
    {
        width: 100%;
        vertical-align: middle;
    }
    .home-page-main-img
    {
        max-width: 100%;
        vertical-align: middle;
    }
    .home-page-header-text
    {
        position: absolute;
        bottom: 5%;
        left: 45%;
    }
    .home-page-button
    {
        background:#000;
        border: 2px solid #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 50px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
    }
    .home-page-button:hover
    {
        cursor: pointer;
    }
    .stunner-button-white
    {
        background:#fff;
        color: #000;
        border: 2px solid #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 50px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
    }
    .stunner-button-white:hover
    {
        cursor: pointer;
    }
    .bogo-container
    {
        width: 100%;
        height: 200px;
        text-align: center;
    }
    .bogo-img
    {
        max-height: 100%;
        max-width: 43%;
        display: inline;
        vertical-align: middle;
    }
    .bogo-text
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    #pick1
    {
        max-height: 350px;
        width: 100%;
    }
    #pick2
    {
        max-height: 350px;
        width: 100%;
    }
    .countdown-deal
    {
        width: 100%;
        height: 150px;
        border: solid 1px #ccc;
        position: relative;
    }
    .countdown-deal-img
    {
        max-height: 125px;
    }
    #cards-accepted-box
    {
        border: solid 1px #000;
        text-align: center;
    }
    #cards-accepted
    {
        max-width: 100%;
    }
    .shop-box
    {
        border: solid 1px #ccc;
        padding: 5px;
        max-height: 150px;
        width: 100%;
    }
    .shop-box img
    {
        max-height: 125px;
        display: block;
        margin: auto;
    }
    .email-logo
    {
        padding-top: 10px;
        display: block;
        margin: auto;
        max-height: 100px;
    }
    #email-pop-in
    {
        display: none;
        position: fixed;
        z-index: 50000;
        top: 12.5%;
        left: 12.5%;
        width: 75%;
        height: 75%;
        background-image: url(../images/backgrounds/strap-diag.png);
        border-radius: 10px;
        border: solid 4px #f2f2f2;
        background-size: cover;
    }
    #email-pop-in-container
    {
        width: 100%;
    }
    #promo-bar
    {
        display: inline-block;
        position: fixed;
        z-index: 1000;
        line-height: 50px;
        top: 0px;
        left: 0px;
        height: 50px;
        width: 100%;
        background-color: #ffd200;
    }
    #promo-container
    {
        height: 50px;
    }
    #cartadd-bar
    {
        display: inline-block;
        position: fixed;
        z-index: 1000;
        line-height: 125px;
        bottom: 0px;
        left: 0px;
        height: 125px;
        width: 100%;
        /* background-color: #ffffff; */
        border-top: solid 3px #f2f2f2;
        background-color: #88C425;
    }
    #cartadd-container
    {
        height: 125px;
    }
    .cartadd-text
    {
        line-height: 125px;
        font-size: 1em;
        background-color: #fcf113;
    }
    .cartadd-img
    {
        max-height: 115px;
    }
    .holiday-image
    {
        max-width: 100%;;
    }
    .holiday-list
    {
        /* list-style-image: url('../images/icons/christmas-ball.png'); */
        
    }
    .holiday-list-item
    {
        list-style: none;
        background-image: url("../images/icons/christmas-ball.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 35px;
        line-height: 35px;
        padding-left: 40px;
    }
    .duplex-img
    {
        max-width: 45%;
        max-height: 640px;
    }
    .return-img
    {
        max-width: 225px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .landing-img
    {
        max-width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 400px;
    }
    .landing-button
    {
        background:#fff;
        color: #000;
        border: 2px solid #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 50px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
        display: block;
    }
    .landing-button-inline
    {
        background:#fff;
        color: #000;
        border: 2px solid #000;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        height: 50px;
        padding: 10px;
        text-transform: uppercase;
        border-radius: 10px;
        display: inline;
        margin-right: 10px;
    }
    .funnel-strap-square
    {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: solid 2px #c2c2c2;
        padding: 10px;
    }
    .funnel-strap-square img
    {
        display: block;
        max-width: 90%;
        margin: auto;
    }
    .tunnel-logo
    {
        display: inline-block;
        max-height: 4em;
        line-height: 4em;
    }
    .step-indicator {
        margin-top: 50px;
        display: flex;
        align-items: center;
        padding: 0 40px;
      }
      
      .step {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
      }
      
      .step-indicator .step-icon {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        background: #c2c2c2;
        font-size: 10px;
        text-align: center;
        color: #ffffff;
        position: relative;
        line-height: 50px;
        font-size: 20px;
      }
      
      .step.current .step-icon {
        background: crimson;
      }
      
      .step p {
        text-align: center;
        position: absolute;
        bottom: -40px;
        color: #c2c2c2;
        font-size: 14px;
        font-weight: bold;
      }
      
      .step.current p {
        color: crimson;
      }
      
      .indicator-line {
        width: 100%;
        height: 2px;
        background: #c2c2c2;
        flex: 1;
      }
      
      .indicator-line.current {
        background: crimson;
      }

      .tunnel-product-container
      {
        border: solid 4px #000;
        padding: 5px;
        border-radius: 10px;
        height: 100%;
        width: 100%;
      }
      .fancypants-container
      {
        height: 100px;
      }
      .fancypants
      {
        border: solid 2px #ffd200;
        border-radius: 10px;
        padding: 10px;
        line-height: 50px;
      }
      .strings-package-img
      {
        max-width: 100%;
      }
      .order-bump-img
      {
        max-height: 100px;
      }
      .upgrade-order-img
      {
        max-height: 80px;
      }
      .special-offers
      {
        padding: 5px;
        border: #000 double 3px;
        display: table;
        display: inline-block;
      }
      .funnelreviewblock
      {
        width: 100%;
        margin: auto;
      }
      .funnelreviewblock img
      {
        display: block;
        max-height: 100px;
        max-width: 80%;
        margin: auto;
      }
      .main-slider
      {
        width: 100%;
      }
      .main-slider img
      {
        height: 320px;
        min-height: 320px;
        /* background-repeat: no-repeat;
        background-position: center center; */
        z-index: 1;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        /* background-size: cover;
        will-change: transform; */
      }
}