/* --------------------------
Betalink CSS
Copyright, Frank Van Laere
-------------------------- */

*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;

	-webkit-font-smoothing:antialiased;

	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	background: #F4F4F4;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #3F3F3F;
	text-align: center;
}

ul, ol {
	list-style-position: inside;
}
li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}

table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	text-align: left;
	padding: 5px;
}
th {
	background: #E7E7E7;
	color: #797979;
	font-weight: normal;
}
table tr {border-bottom: #DBDBDB 1px solid;}
table tr:first-child {border-bottom: #DBDBDB 2px solid;}
table tr:last-child {border-top: #DBDBDB 2px solid;}
.tr {
	border-bottom: #DBDBDB 1px solid;
}
.tr:nth-child(even){
	background-color: #EEEEEE;
}
.tr:hover {
	background-color: #FFFFFF;
	color: #000000;
}
.tr a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.tr a:visited { color: #3F3F3F; }
.tr a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.tr a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.tr_no_link a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.tr_no_link a:visited { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.tr_no_link a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.tr_no_link a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}

hr {
	border: 0;
	border-top: 1px solid #dce0e0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hr_text {
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid #000; 
	line-height: 0.1em;
	margin: 10px 0 20px;
}
.hr_text span { 
    background:#fff; 
    padding:0 10px; 
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(20px + 0.5vw);
	line-height: calc(25px + 0.5vw);
	text-align: center;
	padding-top: 25px;
	padding-bottom: 0px;
	color: #4C4C4C;
}
h2 {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(15px + 0.5vw);
	line-height: calc(20px + 0.5vw);
	padding-top: 50px;
	padding-bottom: 15px;
	color: #4C4C4C;
}
h3 {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(12px + 0.5vw);
	line-height: calc(16px + 0.5vw);
	padding-top: 30px;
	padding-bottom: 10px;
	color: #4C4C4C;
}
h3 :first-of-type {
	padding-top: 0px;
}
h4 {
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(10px + 0.25vw);
	line-height: calc(14px + 0.25vw);
	padding-top: 20px;
	padding-bottom: 10px;
	color: #4C4C4C;
}
h4 :first-of-type {
	padding-top: 0px;
}
h5 {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(10px + 0.25vw);
	line-height: calc(12px + 0.25vw);
	padding-top: 18px;
	padding-bottom: 10px;
	color: #4C4C4C;
}
h5 :first-of-type {
	padding-top: 0px;
}

/*Tooltip*/
[tooltip] {
	position: relative; /* opinion 1 */
}

[tooltip]::before,
[tooltip]::after {
	text-transform: none; /* opinion 2 */
	font-size: .9em; /* opinion 3 */
	font-weight: normal;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
	content: attr(tooltip); /* magic! */

	/*font-family: Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	text-align: center;

	min-width: 3em;
	max-width: 21em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: rgba(51, 51, 51, 0.95);
	color: #fff;
	z-index: 1000; 
}

[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block;
}

[tooltip='']::before,
[tooltip='']::after {
	display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
}

@keyframes tooltips-vert {
	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz {
	to {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}
/*Tooltip end*/

/*Popup*/
.overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay_show {
	display: initial;
	visibility: visible;
	opacity: 1;
}

.popup {
	position: relative;
	height: 75vh;
	width: 45%;
	margin: 70px auto;
	padding: 20px;
	background: #ffffff;
	overflow: auto;
	border-radius: 7px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	transition: all .5s ease-in-out;
}
.popup_login {
	/*width: 60%;*/
}
@media screen and (max-width: 900px){ 
	.popup {
		width: 75%;
	}
}
@media screen and (max-width: 700px){
	.popup {
		width: 95%;
	}
}

.popup .popup_close {
	position: absolute;
	top: 5px;
	right: 15px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
.popup .popup_close:hover {
	color: rgba(255, 216, 0, 1);
}
.popup .popup_content {
	max-height: 90vh;
	overflow: auto;
}
@media screen and (max-width: 500px){ .popup .form_input {
	max-width: 170px;
}}

.popup_opened {
	/*-webkit-filter: blur(.25em);
    filter: blur(.25em);*/
}
.no_scroll {
	/*overflow-y: hidden;*/
}
/*Popup end*/

.shadow {
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

.glass:before {
	z-index: -1;
	
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.glass {
	z-index: 0;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
input[type=checkbox] {
	cursor: pointer;
	-webkit-appearance: checkbox;
}
input {
	border-radius: 0;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input {
    overflow: visible;
}

/* Float label*/
/**
* Make the field a flex-container, reverse the order so label is on top.
*/
/*.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}*/
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
/*label, input {
  transition: all 0.2s;
  touch-action: manipulation;
}

input {
  font-size: 1.5em;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
}

input:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}

label {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}*/
/**
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.
*/
/*input:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.5);
}*/
/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
/*::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}*/
/**
* Show the placeholder when the input is focused.
*/
/*input:focus::-webkit-input-placeholder {
  opacity: 1;
}*/
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
/*input:not(:placeholder-shown) + label,
input:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}*/
/* https://css-tricks.com/float-labels-css/
<div class="field">
    <input type="text" name="fullname" id="fullname" placeholder="Jane Appleseed">
    <label for="fullname">Name</label>
  </div>*/
/* End float label*/

.feedback {
	position: absolute;
	top: 0;
	right: 15px;
	width: 275px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.feedback_error {
	display: inline-block;
	width: 100%;
	background: #CA2112;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 15px;
	
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.feedback_error a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_error a:visited { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_error a:hover { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.feedback_error a:active { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.feedback_warning {
	display: inline-block;
	width: 100%;
	background: #FFCC5E;
	color: #AF7B00;
	padding: 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.feedback_warning a:link { color: #AF7B00; text-decoration: none; border-bottom:none;}
.feedback_warning a:visited { color: #AF7B00; text-decoration: none; border-bottom:none;}
.feedback_warning a:hover { color: #AF7B00; text-decoration: none; border-bottom:1px dotted #AF7B00;}
.feedback_warning a:active { color: #AF7B00; text-decoration: none; border-bottom:1px dotted #AF7B00;}
.feedback_success {
	display: inline-block;
	width: 100%;
	background: #390;
	color: #FFFFFF;
	padding: 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.feedback_success a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_success a:visited { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_success a:hover { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.feedback_success a:active { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.feedback_information {
	display: inline-block;
	width: 100%;
	background: #57a6f6;
	color: #FFFFFF;
	padding: 15px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.feedback_information a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_information a:visited { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.feedback_information a:hover { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.feedback_information a:active { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}

.feedback_popup {
	display: inline-flex;
}

.color_gray { color: #999999;}

.radio_container {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    align-items: stretch;
}
.radio_container input[type="radio"]:checked+label {
	color: #FFFFFF;
	background-color: #5B3A99;
}
.radio_container input[type="radio"] {
	display: none;
}
.radio_container label:hover {
	color: #FFFFFF;
	background-color: #7047BB;
}
.radio_container label:first-of-type {
	border-radius: 6px 0 0 6px;
}
.radio_container label:last-of-type {
	border-radius: 0 6px 6px 0;
	border-right: none;
}
.radio_button {
	margin: 0;
    padding: 8px 20px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border-right: solid 1px #DDD;
    background-color: #FFFFFF;
    line-height: 140%;
    text-align: center;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	cursor: pointer;
}

.form_checkbox_input {
	height: 0;
	width: 0;
	visibility: hidden;
}
.form_checkbox_label {
	cursor: pointer;
	text-indent: -9999px;
	width: 60px;
	height: 36px;
	background: grey;
	display: block;
	border-radius: 36px;
	position: relative;
}
.form_checkbox_label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 30px;
	transition: 0.3s;
}
.form_checkbox_input:checked + .form_checkbox_label {
	background: #5CB85C;
}
.form_checkbox_input:checked + .form_checkbox_label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}
.form_checkbox_label:active:after {
	width: 43px;
}

.form_label {
	line-height: 35px;
}
.form_label_homepage {
	flex: 1 0 100px;
	flex-grow: 0;
}
@media screen and (max-width: 1000px) { .form_label_homepage {
	flex: 1 0 80px;
	flex-grow: 0;
}}

#panel_email {
	margin-top: -10px;
}
@media screen and (max-width: 713px) { #panel_email {
	margin-top: 0px;
}}

#request_email {
	width: 60%;
}
@media screen and (max-width: 650px) { #request_email {
	width: 90%;
}}

#form_label_homepage_email {
	line-height: 60px;
}
@media screen and (max-width: 713px) { #form_label_homepage_email {
	line-height: 40px;
}}
@media screen and (max-width: 636px) { #form_label_homepage_email {
	line-height: 60px;
}}
@media screen and (max-width: 500px) { #form_label_homepage_email {
	line-height: 35px;
}}

.form_input {
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #FFFFFF;
	background-clip: padding-box;
	border: 1px solid #CED4DA;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form_input:focus {   
    border-color: rgba(255, 216, 0, 1);
    outline: 0 none;
}
@media screen and (max-width: 960px) { .form_input {
	
}}

.sign_in_email_container_pane .form_input {
	width: 90%;
}

.form_input_multiple {
	height: auto;
	width: auto;
}
@media screen and (max-width: 800px) { .form_input_multiple {
	width: 250px;
}}
.form_input_select {
	height: 36px;
}

.form_button {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	border-bottom: 2px solid #E5BF00;
	background-color: #FFD800;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.form_button:hover {
	background-color: #FFE205;
}
@media screen and (max-width: 960px) { .form_button {
	
}}
.form_button_shadow {
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.35);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.35);
}
.form_button_open {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.form_button_open:hover {
	background-color: #FFFFFF;
	border: 1px solid #FFE205;
}
.form_button_black {
	color: #FFFFFF;
	border: solid 1px #000000;
	background-color: #000000;
}
.form_button_red {
	color: #FFFFFF;
	border: solid 1px #A02112;
	background-color: #A02112;
}
.form_button_green {
	color: #FFFFFF;
	border: solid 1px #339900;
	background-color: #339900;
	border-bottom: 2px solid #2C7F00;
}
.form_button_green:hover {
	background-color: #3AA500;
}

.form_button-1 {
	line-height: 12px;
}

.button {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	line-height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	border-bottom: 2px solid #E5BF00;
	color: #000000;
	background-color: #FFD800;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button:hover {
	background-color: #FFE205;
}
@media screen and (max-width: 960px) { .button {
	
}}

.button-1 {
	height: 30px;
	font-size: 0.85rem;
	line-height: 29px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.button_red {
	color: #FFFFFF;
	background-color: #A02112;
	border-bottom: 2px solid #77180E;
}
.button_red:hover {
	color: #FFFFFF;
	background-color: #B72616;
}
.button_red:active {
	color: #FFFFFF;
	background-color: #B72616;
}

.button_green {
	color: #FFFFFF;
	background-color:#339900;
	border-bottom: 2px solid #287200;
}
.button_green:hover {
	color:#FFFFFF;
	background-color:#33BE00;
}
.button_green:active {
	color:#FFFFFF;
	background-color:#339900;
}

.button_green_dark {
	color: #FFFFFF;
	background-color:#2A7200;
	border-bottom: 2px solid #1C4900;
}
.button_green_dark:hover {
	color:#FFFFFF;
	background-color:#338C00;
}
.button_green_dark:active {
	color:#FFFFFF;
	background-color:#2A7200;
}

.button_black {
	color: #FFFFFF;
	background-color:#333333;
	border-bottom: 2px solid #0C0C0C;
}
.button_black:hover {
	color:#FFFFFF;
	background-color:#333333;
}
.button_black:active {
	color:#FFFFFF;
	background-color:#000000;
}

.button_gold {
	color: #000000;
	background-color: #FFD800;
	border-bottom: 2px solid #E5BF00;
}
.button_gold:hover {
	color:#000000;
	background-color: #FFE205;
}
.button_gold:active {
	color:#000000;
	background-color: #FFE205;
}

.button_gold_dark {
	color: #FFFFFF;
	background-color: #FFB400;
	border-bottom: 2px solid #D89700;
}
.button_gold_dark:hover {
	color: #FFFFFF;
	background-color: #FFC83F;
}
.button_gold_dark:active {
	color: #FFFFFF;
	background-color: #FFC83F;
}

.button_secondary {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4C4C4C;
	height: 40px;
	line-height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_secondary:hover {
	color: #262626;
}

.highlight {
	color: #FFFFFF;
	padding: 1px 5px 1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.highlight_large {
	padding: 3px 8px 3px 8px;
}
.highlight_green { background: #349600;} /*#38A507*/
.highlight_red { background: #E2331C;}
.highlight_orange { background: #FFD800; color: #3F3F3F;}

header {
	position: relative;
	height: 300px;
	overflow: hidden;
}
.header_background {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(#FFD800, #FFC029);
	transform: skewY(-6deg);
	transform-origin: top left;
}

.header_container {
	margin-top: -270px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { /*Chrome*/
	.header_container {
		display: inline-block;
	}
}
@-moz-document url-prefix() {
    .header_container {
		display: block;
    }
}

.header_text {
	position: relative;
	margin-top: 75px;
}
.header_panel_aftertext {
	margin-top: 10px !important;
}
.header_panel {
	position: relative;
	background-color: #F4F4F4;
	padding: 20px;
	margin-top: 55px;
	
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.header_panel h1 {
	margin: 0;
	margin-bottom: 15px;
	padding-top: 0px;
	text-align: center;
	position: relative;
	font-size: 1.2rem;
}
.header_panel h2 {
	margin: 0;
	padding-top: 0px;
	text-align: center;
	position: relative;
	font-size: 1.2rem;
}
.header_panel h3 {
	margin: 0;
	padding-top: 0px;
	text-align: center;
	position: relative;
	font-size: 1.1rem;
	text-transform: uppercase;
}
.header_panel_left {
	flex: 1 0 350px;
	flex-grow: 2;
	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
@media screen and (max-width: 637px) { .header_panel_left {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}}
.header_panel_right {
	height: 100%;
	flex: 1 0 250px;
	background-color: #7047BB;
	color: #FFFFFF;
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
@media screen and (max-width: 637px) { .header_panel_right {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}}
.header_panel_right li {
	text-indent: -1.4em;
    padding-left: 1.5em;
}

.header_panel_right_financial_text {
	color: #95E567;
}

.content_panel {
	position: relative;
	background-color: #F4F4F4;
	padding: 20px;
	margin-top: 25px;
	
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.content_panel_homepage {
	flex: 1 0 250px;
	margin-right: 15px;
}
.content_panel_homepage:last-child {
	margin-right: 0px;
}
@media screen and (max-width: 550px) { .content_panel_homepage {
	flex: 1 0 300px;
	margin-right: 0px;
}}


.share_social {
	width: 30px;
	height: 30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.share_social:hover {
	opacity: 0.8;
}
.share_social_link {
	display: inline-flex;
	width: 160px;
	height: auto;
	padding: 5px;
	color: #495057;
	background-color: #FFFFFF;
	border: 1px solid #CED4DA;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.overview_panel_left {
	
}
.overview_panel_right {
	flex-grow: 1.5;
	background-color: #339900;
}
.overview_panel_right h2 {
	color: #FFFFFF;
}

.overview_pay_code {
	display: inline-block;
	background-color: #7047BB;
	color: #FFFFFF;
	font-size: 1.5rem;
	padding: 10px 20px;
	border: 1px solid #503487;
	overflow: hidden;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#overview_payment_small {
	display: none;
}
@media screen and (max-width: 750px) { #overview_payment_small {
	display: block;
}}

.pay_panel_left {
	margin-top: 30px;
}
.pay_panel_right {
	flex-grow: 1.5;
	background-color: #318C00;
	margin-top: 30px;
}
.pay_panel_right h2 {
	color: #FFFFFF;
}
.pay_panel_right h4 {
	color: #FFFFFF;
	border-bottom: 1px solid #dce0e0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 30px;
}

.pay_panel_right h4:first-of-type {
	padding-top: 0px;
}

.pay_panel_left {
	
}
.pay_panel_right {
	flex-grow: 1.5;
	/*background-color: #0A91CC;*/
}
.pay_panel_right h1 {
	color: #FFFFFF;
}
.pay_panel_right h2 {
	color: #FFFFFF;
}

#pay_to > .table_row:hover {
	background: none;
	color: #FFFFFF;
}
#costs_transaction > .table_row:hover {
	background: none;
	color: #FFFFFF;
}

.panel_pay {
	background-color: rgba(235,235,235,1);
	cursor: pointer;
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.15);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.15);
}
.panel_pay:hover {
	background-color: rgba(248,248,248,1);
}
.panel_pay_selected {
	background-color: #FFD800 !important;
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.35);
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.35);
}

.header {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: transparent;
	margin-top: -300px;
	padding-top: 6px;
}
@media screen and (max-width: 960px) { .header {
	/*height: 200px;*/
}}
.header_logo {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}
@media screen and (max-width: 960px) { .header_logo {
	height: 100px;
}}
.header_logo_name {
	font-size: 27px;
	font-weight: bold;
}
@media screen and (max-width: 680px) { .header_logo_name {
	display: none;
}}
.header_logo_name a:link { color: #000000; text-decoration: none; border-bottom:none;}
.header_logo_name a:visited { color: #000000; text-decoration: none; border-bottom:none;}
.header_logo_name a:hover { color: #000000; text-decoration: none; border-bottom:none;}
.header_logo_name a:active { color: #000000; text-decoration: none; border-bottom:none;}
.header_info {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.header_info a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_info a:visited { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_info a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_info a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}

#header_create {
	display: inline-block;
}
@media screen and (max-width: 500px) { #header_create {
	display: none;
}}
#header_overview {
	display: inline-block;
}
@media screen and (max-width: 600px) { #header_overview {
	display: none;
}}

.header_info_button {
	display: inline-block;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
	
	margin-top: 3px;
	margin-left: 5px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
@media screen and (max-width: 400px) { .header_info_button {
	margin-right: 0px;
	padding-left: 6px;
	padding-right: 6px;
}}
.header_info_button:hover {
	color: #000000;
	text-decoration: none;
}
.header_info_button_primary {
	background-color: #339900;
	color: #FFFFFF;
}
.header_info_button_primary:hover {
	background-color: #33BE00;
	color: #FFFFFF;
}

.panel {
	background-color: rgba(240,240,240,1);
	padding: 15px;
	margin: 10px;
	box-sizing: border-box;
	text-align: left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.panel h3 { color: #4C4C4C; padding-top: 0px; }
.panel_purple { background-color: rgba(91, 58, 153, 1); color: #FFFFFF; }
.panel_purple h3 { color: #FFFFFF; }
.panel_blue { background-color: rgba(217, 237, 247, 1); color: rgba(49, 112, 143, 1);}
.panel_green { background-color: rgba(223, 240, 216, 1); color: rgba(60, 118, 61, 1);}
.panel_red { background-color: rgba(242, 222, 222, 1); color: rgba(169, 68, 66, 1);}
.panel_yellow {background-color: rgba(252, 248, 227, 1); color: rgba(138, 109, 59, 1);}
.panel_gold { background-color: rgba(255, 215, 0, 1); color: #000000;}

.create_header_item {
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: solid #E6E6E6 3px;
}
@media screen and (max-width: 700px) { 
	.create_header_item {
		font-size: 0.75rem;
	}
}
.create_header_item_done {
	border-bottom: solid #FFD800 3px;
}

#create_header {
	margin-top: 20px;
}
@media screen and (max-width: 700px) { 
	#create_header {
		margin-top: 0px;
	}
	
	#create_step_2 h2 {
		padding-top: 30px;
	}
	
	.panel > .form_input {
		max-width: inherit;
	}
}

.help_header {
	display: inline-block;
	padding-top: 0px;
	margin-right: 20px !important;
}
.help_header:hover {
	color: #565656;
}

/* GOT2SELL STUFF */

#header_categories {
	visibility: visible;
}
@media screen and (max-width: 680px) { 
	#header_categories {
		display: none;
	}
}
.header_categories_menu {
	position: fixed;
	background-color: #F9F9F9;
	left: 40px;
	top: 34px;
	margin-top: 5px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 180px;
	max-height: 350px;
	overflow-y: auto;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	color: #3F3F3F;
	
	border: solid 1px #E5E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.header_categories_menu a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_categories_menu a:visited { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_categories_menu a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_categories_menu a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_categories_menu_header {
	background-color: #E6E6E6;
}
.header_categories_menu_item {
	padding: 5px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.header_categories_menu_item:hover {
	background-color: #FFFFFF;
}
.header_categories_menu_header {
	background-color: #E6E6E6;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#create_listing_long {
	visibility: visible;
}
#create_listing_short {
	display: none;
}
#create_listing_icon {
	display: none;
}
@media screen and (max-width: 870px) { 
	#create_listing_long {
		display: none;
	}
	#create_listing_short {
		display: inherit;
		visibility: visible;
	}
}
@media screen and (max-width: 650px) { 
	#create_listing_short {
		display: none;
	}
	#create_listing_icon {
		display: inherit;
		visibility: visible;
	}
}
@media screen and (max-width: 500px) { 
	#header_info_create {
		display: none;
	}
}

.header_info_account {
	float: right;
	width: auto;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.header_account_menu {
	position: absolute;
	background-color: #F9F9F9;
	right: 0;
	top: 40px;
	margin-top: 2px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 180px;
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	color: #3F3F3F;
	z-index: 100;
	
	border: solid 1px #E5E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.04);
}
.header_account_menu a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_account_menu a:visited { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_account_menu a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_account_menu a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.header_account_menu_item {
	padding: 5px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.header_account_menu_item:hover {
	background-color: #FFFFFF;
}

.menu_vertical_left {
	width: 200px;
	border-right: 1px solid #E5E5E5;
	margin-right: 20px;
}
.menu_vertical_left > p {
	padding: 5px;
	margin: 0px 0px 5px 5px;
	cursor: pointer;
}
.menu_vertical_left > p:hover {
	background-color: #E5E5E5;
}
.menu_vertical_left_item_active {
	background-color: #E5E5E5;
	font-weight: bold;
}
.menu_vertical_left > h3 {
	padding: 5px;
	margin: 30px 0px 0px 5px;
	font-size: 0.8rem;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
.menu_vertical_left > h3:first-of-type {
	margin-top: 0px;
	padding-top: 0px;
}

.search_category {
	font-weight: bold;
	padding-left: 15px;
	margin: 5px;
	line-height: 25px;
}

.sign_in {
	display:none;
	background-color: #E5E5E5;
	color: #3F3F3F;
	padding: 20px;
}
@media screen and (max-width: 550px) { .sign_in {
	padding: 5px;
}}
@media screen and (max-width: 400px) { .sign_in {
	padding: 0px;
}}
.sign_in_email_container {
	display: flex;
	flex-wrap: wrap;
}
.sign_in_email_container_pane {
	flex: 1 0 300px;
	padding-right: 10px;
}
@media screen and (max-width: 400px) { .sign_in_email_container_pane {
	flex: 1 0 300px;
}}

.sign_in_social_google {
	flex: 1 0 150px;
	text-align: left;
	padding: 5px;
}
@media screen and (max-width: 550px) { .sign_in_social_google {
	flex: 1 0 300px;
	text-align: center;
}}
.sign_in_social_facebook {
	flex: 1 0 150px;
	text-align: right;
	padding: 5px;
}
@media screen and (max-width: 550px) { 
	.g-signin2{
		width: 100%;
	}

	.g-signin2 > div{
		margin: 0 auto;
	}
	.sign_in_social_facebook {
		flex: 1 0 300px;
		text-align: center;
	}
	
}

.form_row_left {
	float: left;
	width: 50%;
	text-align: right;
	padding: 3px;
	line-height: 2.5;
}
@media screen and (max-width: 550px) { .form_row_left {
	width: 25%;
}}
@media screen and (max-width: 400px) { .form_row_left {
	width: 100%;
	text-align: center;
}}
.form_row_right {
	float: left;
	width: 50%;
	text-align: left;
	padding: 3px;
}
@media screen and (max-width: 550px) { .form_row_right {
	width: 75%;
}}
@media screen and (max-width: 400px) { .form_row_right {
	width: 100%;
	text-align: center;
}}

.wallet {
	display:none;
	background-color: #E5E5E5;
	color: #3F3F3F;
	padding: 20px;
}

.feedback_got2sell {
	display:none;
	background-color: #E5E5E5;
	color: #3F3F3F;
	padding: 20px;
}

.content {
	width: 100%;
	min-height: 550px;
}

.homepage_spotlight {
	width: 100%;
	height: calc(300px + 10vw);

	color: #FFFFFF;
	font-weight: bold;
	
	box-shadow: inset 0px 0px 20px -10px #333333, inset 0px -10px 20px -10px #333333;

	background-repeat: repeat-x;
	background-position: 50% 50%;
	background-size: 100%;
	
	-webkit-animation: animate_background 15s ease-in-out 0s;
	-moz-animation: animate_background 15s ease-in-out 0s;
	-o-animation: animate_background 15s ease-in-out 0s;
	animation: animate_background 15s ease-in-out 0s;
}
@-webkit-keyframes animate_background { 
	0% { 
		 background-position: 50% 20%;
	} 
	66% { 
		 background-position: 50% 80%;
	}
	100% { 
		 background-position: 50% 50%;
	} 
}
@-moz-keyframes animate_background { 
	0% { 
		 background-position: 50% 20%;
	} 
	66% { 
		 background-position: 50% 80%;
	}
	100% { 
		 background-position: 50% 50%;
	} 
}
@-o-keyframes animate_background { 
	0% { 
		 background-position: 50% 20%;
	} 
	66% { 
		 background-position: 50% 80%;
	}
	100% { 
		 background-position: 50% 50%;
	} 
}
@keyframes animate_background { 
	0% { 
		 background-position: 50% 20%;
	} 
	66% { 
		 background-position: 50% 80%;
	}
	100% { 
		 background-position: 50% 50%;
	} 
}
@media screen and (max-width: 860px) { .homepage_spotlight {
	background-size: 110%;
}}
@media screen and (max-width: 660px) { .homepage_spotlight {
	background-size: 120%;
}}
@media screen and (max-width: 560px) { .homepage_spotlight {
	background-size: 135%;
}}
@media screen and (max-width: 460px) { .homepage_spotlight {
	background-size: 150%;
}}
@media screen and (max-width: 400px) { .homepage_spotlight {
	background-size: 175%;
}}
@media screen and (max-width: 375px) { .homepage_spotlight {
	background-size: 200%;
}}
@media screen and (max-width: 350px) { .homepage_spotlight {
	background-size: 250%;
}}
.homepage_spotlight_welcome {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700; 
	text-align: center;
	padding-bottom: 10%;
}
@media screen and (max-width: 960px) { .homepage_spotlight_welcome {
	
}}
.homepage_spotlight_information {
	text-align: center;
}
@media screen and (max-width: 960px) { .homepage_spotlight_information {
	
}}
.homepage_spotlight_information_box {
	background-color: rgba(255, 255, 255, 0.6);
	color: #333333;
	padding: 7px;
}
.homepage_spotlight_information_box_price {
	background-color: rgba(71, 204, 0, 0.6);
	color: #FFFFFF;
}
@media screen and (max-width: 460px) { #homepage_listing_view {
	display: none;
}}

.container {
	margin: auto;
	width: 960px;
	line-height: 24px;
	text-align: left;
}
@media screen and (max-width: 1000px) { .container {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}}
.container_wide {
	width: 1300px;
}
.container_header {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(20px + 0.5vw);
	line-height: calc(25px + 0.5vw);
	
	padding-top: 75px;
	padding-bottom: 25px;
	color: #4C4C4C;
}
.container_subheader {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: calc(15px + 0.5vw);
	line-height: calc(20px + 0.5vw);
	
	padding-top: 30px;
	padding-bottom: 15px;
	color: #4C4C4C;
}

.category_container {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.category {
	flex: 1 0 150px;
	/*width: calc(100px + 5vw);*/
	height: calc(100px + 5vw);
	/*max-width: 200px;*/
	max-height: 150px;
	background-size: 100%;
	background-repeat: repeat-x;
	background-position: 50% 50%;
	margin: 5px;
}
@media screen and (max-width: 960px) { .category {
	
}}
.category a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.category a:visited { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.category a:hover { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.category a:active { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.category_text {
	width: 100%;
	height: calc(100px + 5vw);
	max-height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	resize: vertical;
	overflow: auto;
	background-color: rgba(255, 255, 255, 0.0);
	color: #FFFFFF;
	font-size: 1.15em;
	font-weight: bold;
	word-wrap: break-word;
	
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
@media screen and (max-width: 960px) { .category_text {
	/*padding-bottom: 10px;*/
}}
.category_text:hover {
	background-color: rgba(0, 0, 0, 0.65);
}

.listing_item_container {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.listing_item {
	flex: 1 0 250px;
	height: 200px;
	max-width: 550px;
	margin: 10px;
	margin-top: 0px;
	background-size: 120%;
	background-repeat: repeat-x;
	background-position: 50% 50%;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
	
	-moz-transition: background-size 1s; /* Mozilla */
	-webkit-transition: background-size 1s; /* Safari */
	transition: background-size 1s;
	
	
}
@media screen and (max-width: 960px) { .listing_item {
	
}}

.listing_item a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.listing_item a:visited { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.listing_item a:hover { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.listing_item a:active { color: #FFFFFF; text-decoration: none; border-bottom:none;}

.listing_item:hover {
	background-size:150%;
}

.listing_item_container_top {
	height: 80px;
	display: flex;
	flex-wrap: wrap;
}
.listing_item_container_middle {
	height: 40px;
	width: 100%;
}
.listing_item_container_bottom {
	height: 80px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	font-weight: bold;
	
	opacity: 0;
	-moz-transition: opacity .3s; /* Mozilla */
	-webkit-transition: opacity .3s; /* Safari */
	transition: opacity .3s;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.listing_item:hover .listing_item_container_bottom {
	opacity: 1;
}

.listing_item_container_top_left {
	flex: 1 0 150px;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}
.listing_item_container_top_right {
	flex: 1 0 90px;
	text-align: right;
	padding-top: 2px;
}
.listing_item_characteristics {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.listing_item_characteristics_item {
	flex: 1 0 80px;
}
@media screen and (max-width: 600px) { .listing_item_characteristics_item_2 {
	display: none;
}}
.listing_item_characteristics_item_top {
	
}
.listing_item_characteristics_item_bottom {
	color: #BFBFBF;
}

.listing_item_box {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	color: #333333;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 960px) { .listing_item_box {
	
}}
.listing_item_box_characteristics {
	margin-top: 6px;
}
@media screen and (max-width: 960px) { .listing_item_box_characteristics {
	
}}
.listing_item_box_price {
	background-color: rgba(71, 204, 0, 0.6);
	color: #FFFFFF;
	margin-top: 0px;
	padding: 3px;
	padding-top: 1px;
}
@media screen and (max-width: 960px) { .listing_item_box_price {
	
}}
.listing_item_box_price_sale {
	background-color: rgba(160, 33, 18, 0.6);
}
.listing_item_box_information {
	background-color: rgba(0, 0, 0, 0.35);
	color: #EEEEEE;
	padding: 15px;
}
@media screen and (max-width: 700px) { #listing_item_characteristic_4 { display: none;}}
@media screen and (max-width: 700px) { #listing_item_characteristic_3 { width: 33%;}}
@media screen and (max-width: 700px) { #listing_item_characteristic_2 { width: 33%;}}
@media screen and (max-width: 700px) { #listing_item_characteristic_1 { width: 34%;}}

@media screen and (max-width: 500px) { #listing_item_characteristic_4 { display: none;}}
@media screen and (max-width: 500px) { #listing_item_characteristic_3 { display: none}}
@media screen and (max-width: 500px) { #listing_item_characteristic_2 { width: 50%;}}
@media screen and (max-width: 500px) { #listing_item_characteristic_1 { width: 50%;}}

.listing_item_information {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100%;
	color: #FFFFFF;
	height: 126px;
}
@media screen and (max-width: 960px) { .listing_item_information {
	/*height: 393px;*/
}}
.listing_item_photo_feedback {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.listing_spotlight {
	width: 100%;
	height: calc(350px + 10vw);

	color: #FFFFFF;
	font-weight: bold;
	
	box-shadow: inset 0px 0px 20px -10px #333333, inset 0px -10px 20px -10px #333333;
	
	background-repeat: repeat-x;
	background-position: 50% 50%;
	background-size: 100%;
	
	margin-bottom: 15px;
	
	-webkit-animation: animate_background 15s ease-in-out 0s;
	-moz-animation: animate_background 15s ease-in-out 0s;
	-o-animation: animate_background 15s ease-in-out 0s;
	animation: animate_background 15s ease-in-out 0s;
}
@media screen and (max-width: 860px) { .listing_spotlight {
	background-size: 120%;
}}
@media screen and (max-width: 660px) { .listing_spotlight {
	background-size: 140%;
}}
@media screen and (max-width: 400px) { .listing_spotlight {
	background-size: 175%;
}}
@media screen and (max-width: 375px) { .listing_spotlight {
	background-size: 200%;
}}
@media screen and (max-width: 350px) { .listing_spotlight {
	background-size: 250%;
}}
.listing_spotlight_name {
	position: relative;
	text-align: center;
}
@media screen and (max-width: 960px) { .listing_spotlight_name {
	text-align: left;
}}
.listing_spotlight_name_title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.listing_spotlight_characteristics {
	padding-top: 53px;
}
@media screen and (max-width: 960px) { .listing_spotlight_characteristics {
	/*padding-top: 375px;*/
}}
.listing_spotlight_information {
	height: 100px;
	text-align: center;

	padding-top: 269px;
}
@media screen and (max-width: 960px) { .listing_spotlight_information {
	padding-top: 160px;
}}
.listing_spotlight_information_box_price {
	background-color: rgba(71, 204, 0, 0.6);
	color: #FFFFFF;
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.listing_spotlight_information_box_price_sale {
	background-color: rgba(160, 33, 18, 0.6);
}
.listing_highlights {
	margin-top: 20px;
	margin-bottom: 20px;
}
.listing_buttons_options {
	
}
@media screen and (max-width: 460px) { .listing_buttons_options {
	width: 75%;
}}
.listing_characteristic {
	color: #4F4F4F;
	font-weight: bold;
	text-align: right;
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.listing_characteristic_value {
	font-weight: normal;
	text-align: left;
}

.listing_location_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_location_left {
	flex: 1 0 200px;
}
.listing_location_right {
	flex: 1 0 200px;
}

.category_characteristic {
	float: left;
	width: 50%;
}
@media screen and (max-width: 550px) { .category_characteristic {
	width: 25%;
}}
@media screen and (max-width: 500px) { .category_characteristic {
	width: 100%;
}}
.category_characteristic_value {
	float: left;
	width: 50%;
}
@media screen and (max-width: 550px) { .category_characteristic_value {
	width: 75%;
}}
@media screen and (max-width: 500px) { .category_characteristic_value {
	width: 100%;
}}

.listing_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_container_left {
	flex: 1 0 300px;
	padding-right: 10px;
}
.listing_container_right {
	flex: 1 0 300px;
	padding-left: 10px;
}

#listing_bid_seperator {
	display: none;
}
@media screen and (max-width: 610px) { #listing_bid_seperator {
	display: block;
}}

.listing_photos_mini_container {
	padding: 5px;
}
.listing_photos_mini {
	float: left;
	width: 100px;
	height: 100px;
	
	margin: 5px;
	
	background-size: 150%;
	background-repeat: repeat-x;
	background-position: 50% 50%;
}
@media screen and (max-width: 960px) { .listing_photos_mini {
	width: 150px;
	height: 150px;
}}
.listing_photos_mini:hover {
	background-size: 200%;
	-webkit-transition: background-size 2s; /* Safari */
	transition: background-size 2s;
}

.listing_info_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_info_container_stock {
	flex: 1 0 300px;
	padding-right: 10px;
}
.listing_info_container_payment {
	flex: 1 0 500px;
	padding-right: 10px;
}
@media screen and (max-width: 700px) { .listing_info_container_payment {
	flex: 1 0 300px;
}}
.listing_info_container_payment_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_info_container_payment_secure {
	flex: 1 0 250px;
}
.listing_info_container_payment_unsecure {
	flex: 1 0 250px;
}
.listing_info_container_shipping {
	flex: 1 0 300px;
	padding-right: 10px;
}
@media screen and (max-width: 700px) { .listing_info_container_shipping {
	flex: 1 0 200px;
}}

.listing_buy_shipping_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_buy_shipping {
	flex: 1 0 300px;
	margin: 3px;
}
.listing_buy_payment_container {
	display: flex;
	flex-wrap: wrap;
}
.listing_buy_payment {
	flex: 1 0 300px;
	margin: 3px;
}
.listing_buy_payment_method {
	padding: 10px;
	background-color: rgba(255,255,255,0.3);
	border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.listing_buy_payment_method_direct {
	background-color: rgba(0,0,0,0.05);
}

.background_gray {
	background-color: #D8D8D8;
	box-shadow: inset 0px 10px 20px -10px #999999, inset 0px -10px 20px -10px #999999;
}
.background_gray_dark {
	background-color: #545454;
	box-shadow: inset 0px 10px 20px -10px #000000, inset 0px -10px 20px -10px #000000;
}
.background_green {
	background-color: #339900;
}
.background_red {
	background-color: rgba(160, 33, 18, 1);
}
.background_gold {
	background-color: #FFD800;
}

.member_photo {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.member_profile_container {
	display: flex;
	flex-wrap: wrap;
}
.member_profile_photo {
	flex: 1 0 300px;
}
@media screen and (max-width: 600px) { .member_profile_photo {
	text-align: center;
	margin-bottom: 20px;
}}
.member_profile_information {
	flex: 1 0 300px;
}

.panel_header {
	display: flex;
	width: 100%;
	justify-content: center;
	border-bottom: 2px solid #E5E5E5;
	padding-bottom: 20px;
}
.panel_header a {
	color: #3F3F3F;
	text-decoration: none;
	font-size: calc(14px + 0.3vw);
	line-height: 30px;
	font-weight: bold;
	margin: 5px;
	padding: 5px;
	padding-bottom: 1px;
	cursor: pointer;
}
.panel_header a:hover {
	border-bottom: 2px solid #3F3F3F;
}
.panel_header_item_active {
	border-bottom: 2px solid #FFD800;
}

.listing_create_properties_left {
	text-align: right;
	padding: 5px;
}
@media screen and (max-width: 500px) { .listing_create_properties_left {
	text-align: left;
}}
.listing_create_properties_right {
	text-align: left;
	padding: 5px;
}

.listing_management_photos {
	min-height: 100%; /* Set to minimum height so overflow doesn't get hidden */
	overflow-y: hidden; /* HIDE overflow; I know, it doesn't make much sense */
}
.listing_management_photo {
	float: left;
	width: 250px;
	height: 150px;
	margin: 20px;
	background-size:120%;
	background-repeat: repeat-x;
	background-position: 50% 50%;
}
.listing_management_photo:hover {
	background-size:150%;
}

.account_personal_container {
	display: flex;
	flex-wrap: wrap;
}
.account_personal_left {
	flex: 1 0 150px;
}
@media screen and (max-width: 580px) { .account_personal_left {
	text-align: center;
}}
.account_personal_right {
	flex: 1 0 150px;
}
@media screen and (max-width: 580px) { .account_personal_right {
	display: none;
}}

.order_overview_header_container {
	overflow: auto;
}
.order_overview_header {
	display: flex;
	flex-wrap: wrap;
	min-width: 820px;
}
.order_overview_header_item {
	flex: 1 0 100px;
}
.order_overview_header_item_large {
	flex: 1 0 200px;
}
.order_overview_header_icon {
	margin-top: 7px;
	margin-bottom: 7px;
}

.messages_overview {
	height: 100px;
	padding: 5px;
	padding-top: 15px;
}
.messages_overview_detailed {
	background-color: #FFD800;
	color: #000000;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.messages {
	display: flex;
	flex-wrap: wrap;
}
.messages_logo {
	flex: 1 0 120px;
}
.messages_message {
	flex: 1 0 120px;
	flex-grow: 100;
}

.terms {
	padding-bottom: 15px;
}

.box_white {
	background-color: #FEFEFE;
	border: solid 1px #DDDDDD;
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_gold {
	background-color: #FFD800;
	color: #000000;
	border: solid 1px #DDB800;
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_gray {
	background-color: #EFEFEF;
	border: solid 1px #CCCCCC;
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_green {
	background-color: #339900;
	color: #FFFFFF;
	border: solid 1px #297c00; /*TODO check correct distance*/
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_blue {
	background-color: #2196F3;
	color: #FFFFFF;
	border: solid 1px #1b82d3; /*TODO check correct distance*/
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box_orange {
	background-color: #ff9800;
	color: #FFFFFF;
	border: solid 1px #ed8e00; /*TODO check correct distance*/
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.disabled_look {
	opacity: 0.3;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

.footer_got2sell {
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer_items {
	display: flex;
	flex-wrap: wrap;
}
.footer_got2sell_item {
	flex: 1 0 200px;
	margin: 10px;
}
@media screen and (max-width: 960px) { .footer_got2sell_item {
	flex: 1 0 300px;
}}
@media screen and (max-width: 680px) { .footer_got2sell_item {
	flex: 1 0 200px;
}}
.footer {
	margin: auto;
	margin-top: 30px;
	padding-top: 30px;
	width: 900px;
	background-color: #545454;
	border-top: 4px solid rgba(255, 216, 0, 1);
	text-align: center;
	color: #999999;
	font-size: 15px;
	line-height: 24px;
}
.footer_left {
	text-align: right;
	padding-right: 20px;
}
.footer_left a {
	display: block;
	margin-bottom: 8px;
}
.footer_right {
	text-align: left;
	padding-left: 20px;
}

.about_menu {
	display: flex;
	flex-wrap: wrap;
}
.about_menu_item {
	flex: 1 0 60px;
	padding-bottom: 10px;
	text-align: center;
	cursor: pointer;
}
.about_border_gold {
	border-bottom: solid #FFD800 5px;
}

.form_input_header {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	height: 35px;
	width: 100%;
	padding: 5px;
	background-color: #FFED66;
	border: solid 1px #F2C900;
	margin-top: 2px;
	outline-color: #F2C900;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
@media screen and (max-width: 960px) { .form_input_header {
	
}}
.form_input_header_transparent {
	background-color: rgba(255, 255, 255, 0.75);
	outline: none;
	border: none;
	height: 100%;
	width: 80%;
	padding: 8px;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.form_input_footer {
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	width: 250px;
	padding: 5px;	
	background-color: #999999;
	border: solid 1px #4C4C4C;
	margin-top: 2px;
	outline-color: #4C4C4C;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.clear {
	clear: both;
}
.clearfix {
	display: inline-block;
	height: 1px;
}

.table_header {
	background: #E7E7E7;
	color: #797979;
	padding: 3px;
}
.table_row {
	border-bottom: #DBDBDB 1px solid;
	padding: 3px;
}
.table_row:hover {
	background: #FFFFFF;
	color:#000000;
}
.table_row a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.table_row a:visited { color: #3F3F3F; }
.table_row a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.table_row a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.table_row_no_link a:hover { text-decoration: none; border-bottom:none;}
.table_row_no_link a:active { text-decoration: none; border-bottom:none;}
.table_footer {
	background: #E7E7E7;
	color: #797979;
	padding: 3px;
}

.table_cell {
	
}
.table_cell div {
	padding: 2px 5px 2px 5px;
}

.table_row {
	border-bottom: #DBDBDB 1px solid;
    padding: 3px;
}
.table_row :last-child {
	/*border-bottom: none;*/
}

.row {
	margin-bottom: 5px;
}

.button_open {
	color: #3F3F3F;
	font-size: calc(10px + 0.15vw);
	font-weight: bold;
	padding: 3px 8px 2px 8px;
	border: solid #4C4C4C 2px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.button_open:hover {
	background-color: rgba(0,0,0,0.05);
}
.button_open a:link { color: #3F3F3F; text-decoration: none; border-bottom: none;}
.button_open a:visited { color: #3F3F3F; }
.button_open a:hover { color: #3F3F3F; border-bottom: none;}
.button_open a:active { color: #3F3F3F; border-bottom: none;}

.button_open_gold {
  color: #3F3F3F;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 3px;
  border: solid #FFD800 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.button_open_gold:hover {
  background: #FFD800;
  text-decoration: none;
}

.button_open_gray {
	color: #3F3F3F;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 3px;
	border: solid #4C4C4C 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.button_open_gray:hover {
	background-color: #4C4C4C;
	color: #FFFFFF;
	text-decoration: none;
}
.button_open_gray_selected {
	background-color: #4C4C4C;
	color: #FFFFFF;
}
.button_open_gray_small {
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 1px;
	font-size: 0.9em;
}

.button_open_white {
	color: #FFFFFF;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 3px;
	border: solid #FFFFFF 2px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.button_open_white:hover {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

.button_blue {
	background-color:#0064FF;
	opacity: 0.8;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	display: inline-block;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.button_blue:hover {
	color:#FFFFFF;
	background-color:#3284FF;
}
.button_blue:active {
	color:#FFFFFF;
	background-color:#0064FF;
}

.button_blue_facebook {
	background-color: rgba(60, 90, 153, 1);
	padding: 5px;
	margin: 5px;
	color:#FFFFFF;
	text-decoration:none;
	display: inline-block;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.button_blue_facebook:hover {
	color:#FFFFFF;
	background-color: rgba(60, 90, 153, 0.8);
}
.button_blue_facebook:active {
	color:#FFFFFF;
	background-color: rgba(60, 90, 153, 1);
}

.button_blue_twitter {
	background-color: rgba(85, 172, 238, 0.8);
	opacity: 0.8;
	padding: 6px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	display: inline-block;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.button_blue_twitter:hover {
	color:#FFFFFF;
	background-color: rgba(85, 172, 238, 0.6);
}
.button_blue_twitter:active {
	color:#FFFFFF;
	background-color: rgba(85, 172, 238, 0.8);
}


.button_toggle_green {
	background-color: #5CB85C;
	padding: 6px;
	margin: 3px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button_toggle_green:hover {
	color: #FFFFFF;
	background-color: #6EB76E;
}
.button_toggle_green:active {
	color: #FFFFFF;
	background-color: #6EB76E;
}
.button_toggle_red {
	background-color: #D9534F;
	padding: 6px;
	margin: 3px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button_toggle_red:hover {
	color: #FFFFFF;
	background-color: #D86765;
}
.button_toggle_red:active {
	color: #FFFFFF;
	background-color: #D86765;
}
.button_toggle_header {
	font-weight: normal;
}
.button_toggle_footer {
	font-size: 11px;
	line-height: 22px;
}

.button_xl {
	padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 6px;
	font-size: 1.1em;
}

.shop_layout_item {
	background: #fff;
	border-radius: 3px;
	min-height: 200px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shop_layout_item_selected, .shop_layout_item:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shop_layout_pages {
	background: #FFFFFF;
	border-radius: 3px;
	min-height: 200px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	cursor: pointer;
}
.shop_layout_pages_selected, .shop_layout_pages:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shop_layout_container {
	min-height: 200px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	border-top: 3px dashed #DDDDDD;
}
.shop_layout_container:first-of-type {
	border-top: none;
}

.shop_layout_column {
	background: #FFFFFF;
	border-radius: 3px;
	min-height: 200px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.invisible {display: none;}
.hide {visibility: hidden;}
.show {visibility: visible;}





.text_black {color: #000000}
.text_white {color: #FFFFFF}
.text_gray {color: #999999}
.text_gray_dark {color: #666666}
.text_red {color: #FF0000}
.text_red_dark {color: #E83A2E}
.text_red_darker {color: #7F0000}
.text_blue {color:#5E84B3}
.text_blue_dark {color:#476487}
.text_blue_darker {color:#28394C}
.text_green {color: #339900}
.text_green_dark {color: #277000}
.text_green_darker {color: #184400}
.text_orange{color: #FF8000}
.text_purple {color: #800080}
.text_gold {color:#FFB600}
.text_gold_link_no_underline a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:visited { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:hover { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:active { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_dark {color:#AF7B00}
.text_gold_bright {color:#FFD800}
.text_brown {color:#993300}


.text_5 { font-size: calc(30px + 1vw); line-height: 60px;}
.text_4 { font-size: calc(25px + 0.75vw); line-height: 50px;}
.text_3 { font-size: calc(20px + 0.5vw); line-height: 40px;}
.text_2 { font-size: calc(16px + 0.3vw); line-height: 30px;}
.text_1 { font-size: calc(14px + 0.3vw); line-height: 30px;}
.text_05 { font-size: calc(12px + 0.25vw); line-height: 26px;}
.text-1 { font-size: calc(9px + 0.2vw); line-height: 24px;}
.text-2 { font-size: calc(8px + 0.2vw); line-height: 22px;}
.text-3 { font-size: calc(7px + 0.2vw); line-height: 21px;}
.text-4 { font-size: calc(6px + 0.2vw); line-height: 20px;}
.text-5 { font-size: calc(5px + 0.2vw); line-height: 18px;}

.text_left {text-align: left;}
.text_center {text-align: center;}
.text_right {text-align: right;}

.text_underline {border-bottom: 2px solid #FFD800;}
.text_uppercase {text-transform: uppercase;}
.textlink {
	color: #3F3F3F;
	border-bottom: 1px solid #3F3F3F;
	cursor: pointer;
}
.textlink:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

.text_highlight {
	background-color:#FC0;
	padding: 1px;
}

.text_vertical_center {
	display: table-cell;
	vertical-align: middle;
}
.text_vertical_bottom {
	display: table-cell;
	vertical-align: bottom;
}

.links_red a:link { color: #990000; text-decoration: none; border-bottom:1px dotted #990000;}
.links_red a:visited { color:#990000;}
.links_red a:hover { color:#F00; border-bottom:1px solid #F00;}
.links_red a:active { color:#990000; border-bottom:1px dotted #990000;}

.links_white a:link { color: #FFFFFF; text-decoration: none; border-bottom:1px dotted #FFFFFF;}
.links_white a:visited { color:#FFFFFF;}
.links_white a:hover { color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.links_white a:active { color:#FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black a:link { color: #000000; text-decoration: none; border-bottom:1px dotted #000000;}
.links_black a:visited { color:#000000;}
.links_black a:hover { color:#000000; border-bottom:1px solid #000000;}
.links_black a:active { color:#000000; border-bottom:1px dotted #000000;}

.links_green a:link { color: #339900; text-decoration: none; border-bottom:1px dotted #339900;}
.links_green a:visited { color:#339900;}
.links_green a:hover { color:#47CC00; border-bottom:1px solid #47CC00;}
.links_green a:active { color:#339900; border-bottom:1px dotted #339900;}

.links_gray a:link { color: #3F3F3F; text-decoration: none; border-bottom:1px dotted #3F3F3F;}
.links_gray a:visited { color: #3F3F3F; }
.links_gray a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.links_gray a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.links_gray_no_underline a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline a:visited { color: #3F3F3F; }
.links_gray_no_underline a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.links_gray_no_underline a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.links_gray_no_underline_no_hover a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline_no_hover a:visited { color: #3F3F3F; }
.links_gray_no_underline_no_hover a:hover { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.links_gray_no_underline_no_hover a:active { color: #3F3F3F; text-decoration: none; border-bottom:none;}

.links_white_no_underline a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline a:visited { color: #FFFFFF; }
.links_white_no_underline a:hover { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}
.links_white_no_underline a:active { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_white_no_underline_no_hover a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline_no_hover a:visited { color: #FFFFFF; }
.links_white_no_underline_no_hover a:hover { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline_no_hover a:active { color: #FFFFFF; text-decoration: none; border-bottom:none;}

.links_black_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no_underline a:visited { color: #000000; }
.links_black_no_underline a:hover { color: #000000; border-bottom:1px dotted #000000;}
.links_black_no_underline a:active { color: #000000; border-bottom:1px dotted #000000;}

.links_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:visited { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:hover { color: #000000; text-decoration: none; border-bottom:none;}
.links_no_underline a:active { color: #000000; text-decoration: none; border-bottom:none;}

.links_footer a:link { color: #999999; text-decoration: none; border-bottom:none;}
.links_footer a:visited { color: #999999; text-decoration: none; border-bottom:none;}
.links_footer a:hover { color: #E5E5E5; text-decoration: none; border-bottom:none;}
.links_footer a:active { color: #E5E5E5; text-decoration: none; border-bottom:none;}

.no_link { cursor:pointer;}
.no_underline { text-decoration:none; border-bottom:none;}

.underline_gray { color: #3F3F3F; text-decoration: none; border-bottom:1px dotted #3F3F3F;}

.arrow { cursor: default;}
.hand { cursor: pointer;}

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.flex_10 { flex: 1 0 10px;}
.flex_15 { flex: 1 0 15px;}
.flex_20 { flex: 1 0 20px;}
.flex_25 { flex: 1 0 25px;}
.flex_30 { flex: 1 0 30px;}
.flex_35 { flex: 1 0 35px;}
.flex_40 { flex: 1 0 40px;}
.flex_45 { flex: 1 0 45px;}
.flex_50 { flex: 1 0 50px;}
.flex_55 { flex: 1 0 55px;}
.flex_60 { flex: 1 0 60px;}
.flex_65 { flex: 1 0 65px;}
.flex_70 { flex: 1 0 70px;}
.flex_75 { flex: 1 0 75px;}
.flex_80 { flex: 1 0 80px;}
.flex_85 { flex: 1 0 85px;}
.flex_90 { flex: 1 0 90px;}
.flex_95 { flex: 1 0 95px;}
.flex_100 { flex: 1 0 100px;}
.flex_125 { flex: 1 0 125px;}
.flex_150 { flex: 1 0 150px;}
.flex_175 { flex: 1 0 175px;}
.flex_200 { flex: 1 0 200px;}
.flex_250 { flex: 1 0 250px;}
.flex_275 { flex: 1 0 275px;}
.flex_300 { flex: 1 0 300px;}
.flex_350 { flex: 1 0 350px;}
.flex_400 { flex: 1 0 400px;}
.flex_450 { flex: 1 0 450px;}
.flex_500 { flex: 1 0 500px;}
.flex_550 { flex: 1 0 550px;}
.flex_600 { flex: 1 0 600px;}
.flex_650 { flex: 1 0 650px;}
.flex_700 { flex: 1 0 700px;}
.flex_750 { flex: 1 0 750px;}
.flex_800 { flex: 1 0 800px;}
.flex_850 { flex: 1 0 850px;}
.flex_900 { flex: 1 0 900px;}
.flex_950 { flex: 1 0 950px;}
.flex_1000 { flex: 1 0 1000px;}
.flex_grow_0 { flex-grow: 0;}
.flex_grow_025 { flex-grow: 0.25;}
.flex_grow_05 { flex-grow: 0.5;}
.flex_grow_1 { flex-grow: 1;}
.flex_grow_2 { flex-grow: 2;}
.flex_grow_3 { flex-grow: 3;}
.flex_grow_4 { flex-grow: 4;}
.flex_grow_5 { flex-grow: 5;}
.flex_grow_6 { flex-grow: 6;}
.flex_grow_7 { flex-grow: 7;}
.flex_grow_8 { flex-grow: 8;}
.flex_grow_9 { flex-grow: 9;}
.flex_grow_10 { flex-grow: 10;}
.flex_hide_100 { visibility: visible;}
@media screen and (max-width: 100px) { .flex_hide_100 { display: none;}}
.flex_hide_200 { visibility: visible;}
@media screen and (max-width: 200px) { .flex_hide_200 { display: none;}}
.flex_hide_300 { visibility: visible;}
@media screen and (max-width: 300px) { .flex_hide_300 { display: none;}}
.flex_hide_400 { visibility: visible;}
@media screen and (max-width: 400px) { .flex_hide_400 { display: none;}}
.flex_hide_500 { visibility: visible;}
@media screen and (max-width: 500px) { .flex_hide_500 { display: none;}}
.flex_hide_550 { visibility: visible;}
@media screen and (max-width: 550px) { .flex_hide_550 { display: none;}}
.flex_hide_600 { visibility: visible;}
@media screen and (max-width: 600px) { .flex_hide_600 { display: none;}}
.flex_hide_650 { visibility: visible;}
@media screen and (max-width: 650px) { .flex_hide_650 { display: none;}}
.flex_hide_700 { visibility: visible;}
@media screen and (max-width: 700px) { .flex_hide_700 { display: none;}}
.flex_hide_750 { visibility: visible;}
@media screen and (max-width: 750px) { .flex_hide_750 { display: none;}}
.flex_hide_800 { visibility: visible;}
@media screen and (max-width: 800px) { .flex_hide_800 { display: none;}}
.flex_hide_900 { visibility: visible;}
@media screen and (max-width: 900px) { .flex_hide_900 { display: none;}}
.flex_hide_1000 { visibility: visible;}
@media screen and (max-width: 1000px) { .flex_hide_1000 { display: none;}}
.flex_hide_1100 { visibility: visible;}
@media screen and (max-width: 1100px) { .flex_hide_1100 { display: none;}}
.flex_hide_1200 { visibility: visible;}
@media screen and (max-width: 1200px) { .flex_hide_1200 { display: none;}}
.flex_hide_1300 { visibility: visible;}
@media screen and (max-width: 1300px) { .flex_hide_1300 { display: none;}}
.flex_hide_1400 { visibility: visible;}
@media screen and (max-width: 1400px) { .flex_hide_1400 { display: none;}}
.flex_hide_1500 { visibility: visible;}
@media screen and (max-width: 1500px) { .flex_hide_1500 { display: none;}}
.flex_max_50 { max-width: 50px;}
.flex_max_100 { max-width: 100px;}
.flex_max_150 { max-width: 150px;}
.flex_max_200 { max-width: 200px;}
.flex_center { align-items: center;}

.frame_1 { float: left; width: 1%; }
.frame_2 { float: left; width: 2%; }
.frame_3 { float: left; width: 3%; }
.frame_4 { float: left; width: 4%; }
.frame_5 { float: left; width: 5%; }
.frame_6 { float: left; width: 6%; }
.frame_7 { float: left; width: 7%; }
.frame_8 { float: left; width: 8%; }
.frame_9 { float: left; width: 9%; }
.frame_10 { float: left; width: 10%; }
.frame_11 { float: left; width: 11%; }
.frame_12 { float: left; width: 12%; }
.frame_13 { float: left; width: 13%; }
.frame_14 { float: left; width: 14%; }
.frame_15 { float: left; width: 15%; }
.frame_16 { float: left; width: 16%; }
.frame_17 { float: left; width: 17%; }
.frame_18 { float: left; width: 18%; }
.frame_19 { float: left; width: 19%; }
.frame_20 { float: left; width: 20%; }
.frame_21 { float: left; width: 21%; }
.frame_22 { float: left; width: 22%; }
.frame_23 { float: left; width: 23%; }
.frame_24 { float: left; width: 24%; }
.frame_25 { float: left; width: 25%; }
.frame_26 { float: left; width: 26%; }
.frame_27 { float: left; width: 27%; }
.frame_28 { float: left; width: 28%; }
.frame_29 { float: left; width: 29%; }
.frame_30 { float: left; width: 30%; }
.frame_31 { float: left; width: 31%; }
.frame_32 { float: left; width: 32%; }
.frame_33 { float: left; width: 33%; }
.frame_34 { float: left; width: 34%; }
.frame_35 { float: left; width: 35%; }
.frame_36 { float: left; width: 36%; }
.frame_37 { float: left; width: 37%; }
.frame_38 { float: left; width: 38%; }
.frame_39 { float: left; width: 39%; }
.frame_40 { float: left; width: 40%; }
.frame_41 { float: left; width: 41%; }
.frame_42 { float: left; width: 42%; }
.frame_43 { float: left; width: 43%; }
.frame_44 { float: left; width: 44%; }
.frame_45 { float: left; width: 45%; }
.frame_46 { float: left; width: 46%; }
.frame_47 { float: left; width: 47%; }
.frame_48 { float: left; width: 48%; }
.frame_49 { float: left; width: 49%; }
.frame_50 { float: left; width: 50%; }
.frame_51 { float: left; width: 51%; }
.frame_52 { float: left; width: 52%; }
.frame_53 { float: left; width: 53%; }
.frame_54 { float: left; width: 54%; }
.frame_55 { float: left; width: 55%; }
.frame_56 { float: left; width: 56%; }
.frame_57 { float: left; width: 57%; }
.frame_58 { float: left; width: 58%; }
.frame_59 { float: left; width: 59%; }
.frame_60 { float: left; width: 60%; }
.frame_61 { float: left; width: 61%; }
.frame_62 { float: left; width: 62%; }
.frame_63 { float: left; width: 63%; }
.frame_64 { float: left; width: 64%; }
.frame_65 { float: left; width: 65%; }
.frame_66 { float: left; width: 66%; }
.frame_67 { float: left; width: 67%; }
.frame_68 { float: left; width: 68%; }
.frame_69 { float: left; width: 69%; }
.frame_70 { float: left; width: 70%; }
.frame_71 { float: left; width: 71%; }
.frame_72 { float: left; width: 72%; }
.frame_73 { float: left; width: 73%; }
.frame_74 { float: left; width: 74%; }
.frame_75 { float: left; width: 75%; }
.frame_76 { float: left; width: 76%; }
.frame_77 { float: left; width: 77%; }
.frame_78 { float: left; width: 78%; }
.frame_79 { float: left; width: 79%; }
.frame_80 { float: left; width: 80%; }
.frame_81 { float: left; width: 81%; }
.frame_82 { float: left; width: 82%; }
.frame_83 { float: left; width: 83%; }
.frame_84 { float: left; width: 84%; }
.frame_85 { float: left; width: 85%; }
.frame_86 { float: left; width: 86%; }
.frame_87 { float: left; width: 87%; }
.frame_88 { float: left; width: 88%; }
.frame_89 { float: left; width: 89%; }
.frame_90 { float: left; width: 90%; }
.frame_91 { float: left; width: 91%; }
.frame_92 { float: left; width: 92%; }
.frame_93 { float: left; width: 93%; }
.frame_94 { float: left; width: 94%; }
.frame_95 { float: left; width: 95%; }
.frame_96 { float: left; width: 96%; }
.frame_97 { float: left; width: 97%; }
.frame_98 { float: left; width: 98%; }
.frame_99 { float: left; width: 99%; }
.frame_100 { float: left; width: 100%; }

.frame_absolute_4 { float: left; width: 4px; }
.frame_absolute_5 { float: left; width: 5px; }
.frame_absolute_10 { float: left; width: 10px; }
.frame_absolute_15 { float: left; width: 15px; }
.frame_absolute_19 { float: left; width: 19px; }
.frame_absolute_20 { float: left; width: 20px; }
.frame_absolute_25 { float: left; width: 25px; }
.frame_absolute_30 { float: left; width: 30px; }
.frame_absolute_40 { float: left; width: 40px; }
.frame_absolute_50 { float: left; width: 50px; }
.frame_absolute_60 { float: left; width: 60px; }
.frame_absolute_70 { float: left; width: 70px; }
.frame_absolute_80 { float: left; width: 80px; }
.frame_absolute_90 { float: left; width: 90px; }
.frame_absolute_100 { float: left; width: 100px; }
.frame_absolute_110 { float: left; width: 110px; }
.frame_absolute_120 { float: left; width: 120px; }
.frame_absolute_130 { float: left; width: 130px; }
.frame_absolute_140 { float: left; width: 140px; }
.frame_absolute_150 { float: left; width: 150px; }
.frame_absolute_160 { float: left; width: 160px; }
.frame_absolute_170 { float: left; width: 170px; }
.frame_absolute_180 { float: left; width: 180px; }
.frame_absolute_190 { float: left; width: 190px; }
.frame_absolute_200 { float: left; width: 200px; }
.frame_absolute_250 { float: left; width: 250px; }
.frame_absolute_300 { float: left; width: 300px; }
.frame_absolute_350 { float: left; width: 350px; }
.frame_absolute_400 { float: left; width: 400px; }
.frame_absolute_450 { float: left; width: 450px; }
.frame_absolute_500 { float: left; width: 500px; }