/*

* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Imports
- Grid
- Modal
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities - Search form
- Clearing
- Animations
- Media Queries
*/

/* Imports */

@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700|Raleway:300,400&subset=latin-ext');

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

header{
   height: auto !important;
}

.p-inner-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	width: 100%;
	height: auto;
}

.price-module {
	position: relative;
	flex: 1 1 100%; /*grow | shrink | basis */
    height: auto;
	padding: 20px 20px 140px 20px;
	background-color: rgba(0,0,0,0.7);
	border: 0;
	outline: none;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%), inset 0 -40px 40px -40px rgb(0 0 0 / 39%);
}

.price-module .fancy span {
  color: #f6f6f6 !important;
}
.price-module .fancy span:before,
.price-module .fancy span:after {
  border-bottom: 1px solid #f6f6f6;
  border-top: 1px solid #f6f6f6;
}

.price-module h2.frontpage-header {
	margin-top: 10px !important;
	padding-top: 15px !important;
}

.price-module .price-module-content {
	padding-top: 15px !important;
}

.price-module-left {
background-color: rgba(0,0,0,0.4);
flex: 1;
border: 1px solid #a28a4b;
width: 90vw;
max-width: 90vw;
margin: 0 auto 20px;
}

.price-module-right {
background-color: rgba(0,0,0,0.4);
flex: 1;
border: 1px solid #a28a4b;
width: 90vw;
max-width: 90vw;
margin: 0 auto 20px;
}

.price-module-middle {
background-color: rgba(0,0,0,0.4);
flex: 1;
border: 1px solid #a28a4b;
width: 90vw;
max-width: 90vw;
margin: 0 auto 20px;
}

#external-header-wrapper {
position: relative;
display: block;
text-align: center;
width: 100%;
height: 110px;
max-height: 110px;
-webkit-overflow-scrolling: touch;
padding: 0px;
margin: 0px;
overflow-x: visible;
overflow-y: visible;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
will-change: transform;
z-index: 20; /* Make sure this is higher than #menu */
}

#external-header-wrapper.accelerated {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}

#internal-header-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 0 20px 0 10px;
background: rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
width: 100% !important;
max-width: 1580px;
height: 100%;
max-height: 110px;
min-height: auto;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

form .frm-wrapper {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
border: 0;
margin: 0 auto;
}

#wrapper {
position:relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
border: 0;
margin: 0;
padding: 0 0 30px 0;
width: 100%;
height: auto !important;
min-height: initial;
top: 0;
bottom: -420px;
-webkit-overflow-scrolling: touch; /* only on main containers - flicker issues */
z-index: 2;
}

div.copyright-content {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

#frontpage-internal-wrapper, .content-internal-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0 0 40px 0;
background: rgba(0, 0, 0, 0.5);
width: 100vw;
max-width: 100vw;
height: auto !important;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

#internal-wrapper-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
padding: 0 0 40px 0;
background: rgba(0, 0, 0, 0.5);
width: 100vw;
max-width: 100vw;
overflow: hidden;
height: auto !important;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

#message-internal-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 0;
width: 100vw;
max-width: 1580px;
padding: 0;
background: rgba(0, 0, 0, 0.5);
max-height: 0;
height: 0;
overflow: hidden;
-webkit-transition: height 500ms ease-in, max-height 500ms ease-in;
-o-transition: height 500ms ease-in, max-height 500ms ease-in;
-moz-transition: height 500ms ease-in, max-height 500ms ease-in;
transition: height 500ms ease-in, max-height 500ms ease-in;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 3;
}

#message-alert-wrapper, .msg-properties {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 0;
	width: 100vw;
	max-width: 1580px;
	padding: 0;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	-webkit-transition: height 500ms ease-in, max-height 500ms ease-in;
	-o-transition: height 500ms ease-in, max-height 500ms ease-in;
	-moz-transition: height 500ms ease-in, max-height 500ms ease-in;
	transition: height 500ms ease-in, max-height 500ms ease-in;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 3;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

#msg-wrapper, #msg-m-wrapper {
position:relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
max-width: 100%;
margin: 0 auto 0;
padding:0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}

.new-messages {
padding-top: 12px !important;
}

.msg-display {
height: 100% !important;
max-height: 200px !important;
transition: all 0.7s ease-in;
}

.msg-shrink {
height: 0 !important;
max-height: 0 !important;
transition: all 1s ease-out;
}

.alert {
  padding: 20px;
  white-space: normal;
  background-color: rgba(89,3,9,0.3);
  color: #d4d3d3;
  width: 100%;
  min-width: 100%;
  display: none;
  overflow:visible;
}

.alert-failed-payment {
	padding: 20px;
	white-space: normal;
	background-color: rgba(10,100,10,0.2);
	color: #d4d3d3;
	max-height: unset !important;
	height: auto !important;
	width: 100%;
	min-width: 100%;
	overflow:visible;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.alert-positive {
  display: none;
  padding: 20px;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0.7);
  border-top: 1px solid #a28a4b;
  color: #eeeeee;
  width: 100%;
  min-width: 100%;
  overflow:visible;
}

.alert-blue {
  display: none;
  padding: 20px;
  white-space: normal;
  background-color: rgba(0, 0, 0, 0.7);
  border-top: 1px solid #a28a4b;
  color: #eeeeee;
  width: 100%;
  min-width: 100%;
  overflow:visible;
}

#internal-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 25px 0 40px 0; /* Pushes down - no glitch at the bottom */
background: rgba(0, 0, 0, 0.5);
width: 100%;
width: 100vw;
max-width: 100vw;
height: auto !important;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

.overlay {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width:100vw;
height: 100vh;
margin:auto;
left:0;
top:0;
bottom: 0;
right: 0;
position:fixed;
background: transparent;
z-index: 10;
transition: opacity 400ms linear;
}

.overlay-inactive {
display: none !important;
}

.left-sidebar-module {
	position: relative;
	flex-direction: column;
	align-self: flex-start;
	width: 100vw;
	max-width: 100vw;
	min-height: initial;
	height: auto;
	max-height: 100%;
	padding: 20px 40px 20px 40px;
	margin: 0 0 50px 0;
	overflow: hidden;
	transform: translate3d(0,0,0);
	border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#main-content-left {
	position: relative;
	flex-direction: column;
	align-self: flex-start;
	width: 100%;
	max-width: 100vw;
	min-height: initial;
	height: auto;
	padding: 20px 25px 20px 25px;
	margin: 0 0 50px 0;
	transform: translate3d(0,0,0);
	border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.arena-content-module {
	position: relative;
	flex-direction: column;
	width: calc(100% - 12px);
	max-width: 100vw;
	align-self: center;
	min-height: initial;
	height: auto;
	max-height: 100%;
	padding: 20px 20px 20px 20px;
	margin: 0 auto 50px auto;
	overflow: hidden;
	transform: translate3d(0,0,0);
	border-radius: 2px;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.arena-form-module {
	position: relative;
	flex-direction: column;
	width: auto;
	min-height: initial;
	height: auto;
	max-height: 100%;
	padding: 0;
	margin: 0;
}

#frontpage-grid, #arena-grid, #content-grid {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 25px 0 30px 0; /* Pushes down - no glitch at the bottom */
	width: 100% !important;
	max-width: 1580px;
	height: auto !important;
	z-index: 3;
}

#frontpage-grid, #content-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-webkit-flex: 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 100%;
flex: 0 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 auto;
padding: 0 0 25px 0; /* Pushes down - no glitch at the bottom */
width: 100% !important;
max-width: 1580px;
min-width: initial;
height: auto !important;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

#text-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: initial;
-webkit-flex-grow: initial;
-moz-box-flex: initial;
-ms-flex-positive: initial;
flex-grow: initial;
margin: 0 auto;
padding: 0; /* Pushes down - no glitch at the bottom */
width: 100%;
max-width: 100vw;
min-width: initial;
height: auto !important;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 3;
}

#search {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
transition: all 400ms;
margin: 0 0 50px 0;
}

#result {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 50px 0;
transition: all 400ms;
}

#communication {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 50px 0;
transition: all 400ms;
}

.sticky-content {
position: -webkit-sticky !important;
position: sticky !important;
top:0;
align-self: flex-start; /* <-- this is the fix */
height: 800px;
}

.frontpage-module {
position: relative;
flex-grow: 1;
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0 20px 0 20px;
margin: 0 0 50px 0;
overflow: hidden;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 10%, rgba(0,0,0,0.2)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0) 10%, rgba(0,0,0,0.2)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0) 10%, rgba(0,0,0,0.2)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.2)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#mobile-form-public .frontpage-module-header,
.frontpage-module .frontpage-module-header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
margin-top: 15px;
pointer-events: none;
}

.frontpage-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 89% !important;
max-width: 430px;
padding: 0 15px 35px;
margin-top: 18px;
}

.page-content, .text-content, .signup-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-style: normal;
position: relative;
width: 100%;
max-width: 100%;
padding: 0 0 35px 0;
margin-top: 18px;
}

.signup-content {
padding: 0 20px 35px 30px; /* td-left: padding-right: 10px */
overflow-x: hidden;
}

form#mobile-login-form, form#responsive-login-form {
position: relative;
}

.subtitle {
  margin: 14px 0 20px 0 !important;
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  color: #a28a4b !important;
  opacity: 0.8;
  text-shadow: 1px 1px 1px #000000;
  position: relative;
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #a28a4b;
  border-top: 1px solid #a28a4b;
  -webkit-box-shadow: 0 1px 1px #000000;
 -moz-box-shadow: 0 1px 1px #000000;
 box-shadow: 0 1px 1px #000000;
 opacity: 0.8;
  top: 0;
  width: 50px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

#login-module {
display: flex;
align-self: center;
justify-content: center;
flex-direction: column;
position: relative;
width: 85% !important;
max-width: 430px;
margin-top: 18px;
}

.login-frontpage-module-header {
display: none;
}

#login-mobile-header, #signup-mobile-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}

#mobile-login-link, #mobile-setup-link {
display: block;
position: absolute;
color: #a28a4b;
font-size: 15px;
font-weight: 300;
text-decoration: none;
top: 17px;
right: 40px;
cursor: pointer;
transition: color 400ms;
}

#mobile-login-link:hover,#mobile-login-link:focus,#mobile-login-link:active,
#mobile-setup-link:hover,#mobile-setup-link:focus,#mobile-setup-link:active {
font-weight: 300;
text-decoration: none;
color: #f6f6f6;
}

.reset-account {
padding-top: 5px !important;
}

.right-side-adj {
margin-left: 0;
}

.desktop-only {
display: none !important;
}

.frontpage-module:last-child {
/* margin-bottom: 0px; */
}

.frontpage-module:nth-child(1) {
margin-left: 0px;
}

.frontpage-module:nth-child(2) {
background: -webkit-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Standard*/
}

.frontpage-module:nth-child(3) {
margin-left: 0px;
}

.frontpage-module:nth-child(4) {
background: -webkit-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.4)); /*Standard*/
}

.frontpage-module:nth-child(1n+1) {
margin-right: 0px;
}

.welcome-square, .intro-square, .mature-square, .senior-square, .secondary-square, .campaign-square {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
align-self: center !important;
height: 400px;
padding: 0;
max-height: initial;
min-height: 400px;
border-top-left-radius: 0 !important;
background: url(../images/kristen_dating_1125x750.jpg) no-repeat center 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 72% !important;
}

.intro-square {
background: url(../images/asikter-varderingar-filter.jpg) no-repeat center 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 70% !important;
}

.secondary-square {
background: url(../images/frontpage-1125x750.jpg) no-repeat center 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 55% !important;
}

.mature-square {
background: url(../images/kristen_dating_mature_1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 30% !important;
}

.senior-square {
background: url(../images/kristen_dating_senior_1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 30% !important;
}

.campaign-square {
background: url(../images/summer-campaign-1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 60% !important;
}

.welcome-inner {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
align-self: center !important;
flex-direction: column !important;
margin:0;
padding: 25px 0 25px 0 !important;
width: 100% !important;
max-width: 100vw !important;
}

.arena-module-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100px;
margin: 0px;
padding: 0 0 25px 0;
z-index: 1;
pointer-events: initial;
}

#display-latest-males {
padding-top: 37px;
}

#display-latest-females {
padding-top: 37px;
}

.frontpage-module-content:nth-child(2) {

}

/* Modal
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100vw; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden;
  padding:0 !important;
  background-color: transparent;
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
  transform: translateZ(0);
}

/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 0;
  height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
  overscroll-behavior: contain; /* or "none" */
  background-color: rgba(0,0,0,0.95);
  width: 100%;
  max-width: 100vw;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transform: translateZ(0);
}

.payment-modal-content {
  position: fixed;
  bottom: 0;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #262626;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(black));
  background-image: -webkit-linear-gradient(#262626, black);
  background-image: -moz-linear-gradient(#262626, black);
  background-image: -o-linear-gradient(#262626, black);
  background-image: linear-gradient(#262626, black);
  width: 100%;
  min-width: auto;
  max-width: 100vw;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  -moz-animation-name: slideIn;
  -o-animation-name: slideIn;
       animation-name: slideIn;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
       animation-duration: 0.4s;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
          transform: translateZ(0);
}

.payment-modal-content::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.payment-modal-content::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.payment-modal-content::-webkit-scrollbar-thumb {
  background: #272727;
}

/* Handle on hover */
.payment-modal-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.modal-tab-panel {
position: absolute;
top: -26px;
right: 20px;
display: block;
overflow: hidden;
border:0;
outline: none;
background-color: transparent;
}

.modal-tab {
background-color: inherit;
float: left;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 0 solid #333;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  outline: none;
  color: #ccc !important;
  cursor: pointer;
  padding: 10px 20px;
  transition: 150ms;
  font-size: 15px;
  font-weight: 300;
}

.modal-tab:hover, .modal-tab:active, .modal-tab:focus {
color: #a28a4b !important;
font-weight: 300 !important;
text-decoration: none !important;
}

/* The Close Button */
.close {
position: absolute;
right: 20px;
  color: #bbb;
  float: right;
  font-size: 50px;
  font-weight: bold;
  transition: 300ms all;
}

.close:hover,
.close:focus {
  color: #f6f6f6;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 25px;
  background-color: rgba(0,0,0,0.95);
  border-bottom: 1px solid #252525;
  color: #cccccc;
}

.payment-modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px;
background-color: #181818;
border-top: 1px solid #252525;
border-right: 1px solid #252525;
border-bottom: 1px solid #101010;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
font-weight: 700;
color: #e9e9e9 !important;
}

h2#payment-modal-heading, h4.payment-heading {
color: #e9e9e9 !important;
}

h4.payment-heading {
margin-top: 0 !important;
}

span.emphasize {
color: #f2f2f2 !important;
font-weight: 700;
}

span.desktop-additional-text {
display: none;
}

.modal-header h2 {
color: #cccccc;
font-size: 24px;
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 80%;
}

.modal-body {
position: relative;
display: block;
margin: 0 auto;
padding: 40px 20px 55px 20px;
height: auto;
min-height: 400px;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 100%);
width: 100%;
max-width: 100vw;
}

.payment-modal-body {
position: relative;
display: block;
margin: 10px auto 0;
padding: 22px 0 30px 0;
height: auto;
min-height: 400px;
background-color: transparent;
color: #dddddd !important;
width: 100%;
max-width: 100vw;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: #f8f8f8;
}

div#payment-bg {
display: none; /* Hidden by default */
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: rgba(0, 0, 0, .4);
-moz-backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: all 2s;
z-index: 99999998; /* Sit on top */
}

/* Stripe payment */
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
    font-weight: 300;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
    font-weight: 300;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #444444 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 18px;
}
input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    /* -webkit-box-shadow:0 0 0 50px #444444 inset; */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 18px;
}

/*noinspection ALL*/
select:-internal-autofill-selected {
    background-image: none !important;
    background-color: #000000 !important;
    -webkit-box-shadow:0 0 0 50px #080808 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 18px;
	color: inherit;
}

.StripeElement {
  box-sizing: border-box;
  height: 50px;
  font-family: "Poppins", Arial, sans-serif;
  padding: 14px 12px;
  color: #b8b8b8;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #272727;
}

.StripeElement:focus, .StripeElement:active {
-webkit-box-shadow:0 0 0 50px #272727 inset; /* Change the color to your own background color */
-webkit-text-fill-color: #b8b8b8;
}

.StripeElement--focus {
-webkit-box-shadow:0 0 0 50px #272727 inset; /* Change the color to your own background color */
-webkit-text-fill-color: #b8b8b8;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#card-errors {
position: relative;
margin-top: 10px;
}

#payment-form .inline {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 0 10px 0;
}

#payment-form .inline .col {
position: relative;
margin: 15px 0 25px 0;
width: 50%;
}

#payment-form .inline .col #name {
width: -webkit-calc(100% - 8px);
width: -moz-calc(100% - 8px);
width: calc(100% - 8px);
height: 50px;
margin-right: 8px;
padding-left: 10px;
font-size: 17px;
font-weight: 300;
font-family: "Poppins", Arial, sans-serif;
border-radius: 4px;
background-color: #272727;
-webkit-box-shadow:0 0 0 50px #272727 inset;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #b8b8b8;
border-color: transparent;
outline: none !important;
border: 0 !important;
}

#payment-form .inline .col #email {
width: -webkit-calc(100% - 8px);
width: -moz-calc(100% - 8px);
width: calc(100% - 8px);
height: 50px;
margin-left: 8px;
padding-left: 10px;
font-size: 17px;
font-weight: 300;
font-family: "Poppins", Arial, sans-serif;
border-radius: 4px;
background-color: #272727;
-webkit-box-shadow:0 0 0 50px #272727 inset;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #b8b8b8;
border-color: transparent;
outline: none !important;
border: 0 !important;
}

#payment-form .inline .col #name:focus,
#payment-form .inline .col #email:focus {
background-color: #313131;
-webkit-box-shadow:0 0 0 50px #272727 inset;
color: #b8b8b8;
}

div.form-row .col label {
position: absolute;
font-weight: 300;
  top: -27px !important;
  font-size: 10px !important;
  color: #a28a4b;
  left: 15px;
  transition: 300ms ease all;
}

div#stripe-payment-initial-text {
	position: relative;
	display: block;
	width: 100%;
	max-width: 90vw;
	padding: 20px;
	margin: 0 auto 10px;
}

div#stripe-payment-form {
	position: relative;
	display: block;
	width: 100%;
	max-width: 90vw;
	padding: 20px;
	margin: 10px auto 30px;
}

.execute-stripe-payment {
	position: relative;
	display: inline-block;
	margin: 15px auto 32px !important;
	color: #f6f6f6 !important;
	font-weight: 500 !important;
}

img.stripe-acc-payments {
	display: block;
	position: absolute;
	bottom: 35px;
	right: 48px;
	max-width: 100%;
	height: auto;
}

img.logotype-payment-modal {
	max-height: 36px;
	width: auto;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -80vh; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -80vh; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes slideIn-Large {
  from {bottom: -96vh; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn-Large {
  from {bottom: -96vh; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0}
  to {opacity: 1}
}

@-webkit-keyframes slideOut {
  from {bottom: 0; opacity: 1}
  to {bottom: -80vh; opacity: 0}
}

@keyframes slideOut {
  from {bottom: 0; opacity: 1}
  to {bottom: -80vh; opacity: 0}
}

@-webkit-keyframes fadeOut {
  from {opacity: 1}
  to {opacity: 0}
}

@keyframes fadeOut {
  from {opacity: 1}
  to {opacity: 0}
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
font-family: 'Poppins', 'Raleway', 'Open Sans', Arial, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

html {
width: 100vw;
overflow-x: hidden;
height:100%;
min-height: 100%;
max-width: 100vw;
}

body {
margin: 0 auto;
height:100%;
max-width: 100vw;
padding:0;
overflow-x: hidden;
overflow-y: scroll;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
font-family: 'Poppins', 'Raleway', 'Open Sans', Arial, sans-serif;
font-size: 110%;
color: #f5f4f4;
font-weight: 300;
background: url(../images/bg-kd.jpg) no-repeat center left fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

div.cookie-policy {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(20,20,20,0.92);
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    border-top: 1px solid #333 !important;
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-height: 420px;
	-webkit-transition: max-height 300ms ease-out;
  	-moz-transition: max-height 300ms ease-out;
  	-ms-transition: max-height 300ms ease-out;
  	-o-transition: max-height 300ms ease-out;
  	transition: max-height 300ms ease-out;
	overflow: hidden;
    z-index: 100;
}

div.cookie-left-content {
    padding: 50px 20px 20px 20px;
    width: 100%;
}

div.cookie-right-content {
    padding: 10px 20px 50px 20px;
    width: 100%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 40px);
    border: 0;
}

.resp-image {
max-width: 240px;
height: auto;
}

/* scrollbars */
::-webkit-scrollbar {
width: 14px;
height: 14px;
}

::-webkit-scrollbar-track {
    background: rgba(0,0,0, .6);;
}

::-webkit-scrollbar-corner {
background: #0c0c0c;
}

::-webkit-scrollbar-thumb {
border-radius: 0;
background: #4f370b;
}

::-moz-scrollbar-button, ::-webkit-scrollbar-button {
  width: 0px;
}

iframe::-webkit-scrollbar {
width: 12px;
}

    /* Track */
iframe::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px grey;
        border-radius: 0;
    }

    /* Handle */
iframe::-webkit-scrollbar-thumb {
        background: #651610 !important;
        border-radius: 0;
    }

    /* Handle on hover */
iframe::-webkit-scrollbar-thumb:hover {
        background: #651610;
    }

.campaign-heading {
	background-color: #ffff33 !important;
    background-image: linear-gradient(45deg, #ffff33, #cc6600) !important;
    background-size: 100% !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -moz-text-fill-color: transparent !important;
	text-shadow: none !important;
}

.logotype {
position: relative;
-webkit-tap-highlight-color: transparent;
display: block;
width: 100%;
max-width: 182px;
height: 100%;
max-height: 65px;
margin: 0;
padding: 0;
z-index: 2;
}

.sidenav {
height: 100%;
overflow-y: scroll;
min-height: 520px;
width: 0;
max-width: 100vw;
position: fixed;
top: 0;
left: 0;
background-color: #000;
background-color: rgba(0,0,0,0.92);
background-repeat: no-repeat;
background-position: left top;
overflow-x: hidden;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
will-change: transform;
padding-top: 80px;
-webkit-overflow-scrolling: touch;
z-index: 10000;
}

#mySidenav.accelerated {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}

.sidenav a, .sidenav a.mobile-premium {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-weight: 500;
font-size: 1.250em;
box-sizing: border-box;
color: #bbbbbb !important;
display: block;
margin-left: 32px;
padding-left: 0 !important;
overflow: hidden;
white-space: nowrap;
text-align: left;
cursor: pointer;
}

.sidenav a.mobile-premium {
margin-left: 30px;
}

.sidenav a:hover, .sidenav a.mobile-premium {
color: #dddddd;
text-decoration: none;
}

.sidenav .closebtn {
  position: absolute;
  right: 32px;
  top: 15px;
  width: 40px;
  height: 40px;
  opacity: 0.7;
  cursor: pointer;
  z-index: 20000;
}

.sidenav .closebtn:hover, a .closebtn:hover {
  opacity: 1;
}

.sidenav .closebtn:before, .sidenav .closebtn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #cccccc !important;
  pointer-events: none;
}
.sidenav .closebtn:before {
  transform: rotate(45deg);
}

.sidenav .closebtn:after {
  transform: rotate(-45deg);
}

a.current_page {
color: #a28a4b !important;
}

.expand-compress-btn, .more-info-btn, .expand-compress-btn-c {
position: absolute;
color: #a28a4b;
top: 5px;
right: 28px;
font-size: 25px;
margin-left: 50px;
cursor: default;
opacity: 0;
pointer-events: none;
z-index: 100;
}

.expand-compress-btn-c {
top: 34px;
right: 44px;
}

.message-view-btn {
position: absolute;
color: #a28a4b;
top: 0;
right: 15px;
font-size: 29px;
margin-left: 50px;
cursor: pointer;
z-index: 100;
}

.disabled-message-view-btn-same-pos {
position: absolute;
color: #a28a4b;
top: 3px;
right: 65px;
font-size: 29px;
margin-left: 50px;
cursor: default;
opacity: 0.4;
pointer-events: none;
}

.disabled-message-view-btn {
position: absolute;
color: #a28a4b;
top: 3px;
right: 65px;
font-size: 29px;
margin-left: 50px;
cursor: default;
opacity: 0;
pointer-events: none;
}

.compose-view-btn {
position: absolute;
color: #a28a4b !important;
top: 1px;
right: 15px;
font-size: 30px;
margin-left: 50px;
cursor: pointer;
opacity: 1;
pointer-events: initial;
z-index: 4;
}

.disabled-compose-view-btn {
position: absolute;
color: #a28a4b !important;
top: 4px;
right: 30px;
font-size: 30px;
margin-left: 50px;
cursor: default;
opacity: 0;
pointer-events: none;
}

.message-view-modal-btn {
position: absolute;
color: #a28a4b !important;
top: 2px;
right: 70px;
font-size: 28px;
margin-left: 50px;
cursor: pointer;
z-index: 4;
}

.message-view-btn:hover, .expand-compress-btn:hover, .message-view-modal-btn:hover, .compose-view-btn:hover {
color: #f6f6f6 !important;
}

#composeView, #messageView, #expandView, #compressView, #searchView, #moreSearchInfo, #messageViewModal {
display:none;
}

.main-and-sidebar-wrapper {
	width: 100%;
	height: auto;
	min-height: 100%;
	max-width: 1580px;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	flex-direction: column;
	overflow-y:auto;
	overflow-y: -moz-hidden-unscrollable;
	overflow-x: hidden;
}

.main-and-sidebar-wrapper::-webkit-scrollbar {
	display: none;
}

.main {
	flex: 1;
	margin: 0px;
	padding: 25px 25px 55px 25px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sidebar {
	justify-content: space-between;
	flex-direction: row;
	flex: 1;
	margin: 0px;
	padding: 25px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	max-width: 475px;
	min-width: 100%;
}

.main-content-module {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: calc(100% + 20px);
min-height: 400px;
width: 100vw;
max-width: 100vw;
padding: 0 25px 0 25px;
margin: 0 0 40px;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sidebar-content-module {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 0);
max-width: 100vw;
padding: 0 25px 35px 25px;
max-height: calc(100% + 20px);
margin: 0 0 40px 0;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Hide me */
.hide-me {
display:none;
}

#close-login {
position: absolute;
top:10px;
right:15px;
font-size: 20px;
opacity: 0.5;
cursor: pointer;
text-shadow: 1px 1px 1px #222222;
}

div.res, div.rs-favorite, div.conf, div.unconfirmed, div.premium, div.aktiv {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 55px;
width: 100%;
max-width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px !important;
padding: 18px;
margin: 0 0 8px 0;
font-size: 15px;
outline: none;
font-weight: 300;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.3);
color: #999;
text-align: left;
transition: 0.4s;
border: none;
user-select: none; /* no text selection */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}

div.res:hover {
  background-color: rgba(162, 138, 75, 0.3);
  color: #f6f6f6;
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
}

div.conf {
  background-color: rgba(30, 100, 15, 0.2) !important;
}

div.unconfirmed {
    background-color: rgba(0, 0, 0, 0.2);
}

div.premium {
  background-color: transparent !important;
  background-image: linear-gradient(to right, rgba(100, 21, 15, 0.22), rgba(100, 21, 15, 0)) !important;
}

div.premium:hover {
  background-image: linear-gradient(to right, rgba(100, 21, 15, 0.22), rgba(100, 21, 15, 0.10)) !important;
}

div.aktiv {
	background-color: transparent !important;
	background-image: linear-gradient(to right, rgba(36, 170, 22, 0.22), rgba(36, 170, 22, 0)) !important;
}

div.aktiv:hover {
	background-image: linear-gradient(to right, rgba(36, 170, 22, 0.22), rgba(36, 170, 22, 0.10)) !important;
}

div.oreq {
    background-color: rgba(100, 21, 15, 0.3) !important;
}

div.creq {
    background-color: rgba(15, 85, 100, 0.3) !important;
}

a.m-container div.conf:hover {
  background-color: rgba(30, 100, 15, 0.4) !important;
  color: #ffffff !important;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

a.m-container div.unconfirmed:hover {
  background-color: rgba(162, 138, 75, 0.3) !important;
  color: #f6f6f6 !important;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

a.m-container div.oreq:hover {
  background-color: rgba(100, 21, 15, 0.5) !important;
  color: #f6f6f6 !important;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

a.m-container div.creq:hover {
  background-color: rgba(15, 85, 100, 0.5) !important;
  color: #f6f6f6 !important;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

div.rs-favorite:hover {
  background-color: rgba(100, 21, 15, 0.3) !important;
  -webkit-transform: scale(1.04) !important;
  transform: scale(1.04) !important;
}

.white-text {
	color: #f6f6f6 !important;
}

.active-border {
border: 1px dotted rgba(162, 138, 75, 0.7) !important;
}

img.m-result-image {
  width: 100%;
  max-width: 53px;
  height: auto;
  position: relative;
  pointer-events: none;
  opacity: 0.6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  bottom: 0px;
}

div.res:hover img.m-result-image {
opacity: 1;
}

img.member-profile-image, img.avatar-image {
align-self: flex-start;
  width: 100%;
  max-width: 270px;
  max-height: 270px;
  height: auto;
  position: relative;
  opacity: 1;
-webkit-transition: opacity 150ms linear;
-moz-transition: opacity 150ms linear;
-ms-transition: opacity 150ms linear;
-o-transition: opacity 150ms linear;
transition: opacity 150ms linear;
z-index: 1;
}

img.modal-profile-image {
display:none;
width: 100%;
max-width: 270px;
height: auto;
position: absolute;
top: 40px;
right: -310px;
opacity: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-transition: opacity 250ms linear;
-moz-transition: opacity 250ms linear;
-ms-transition: opacity 250ms linear;
-o-transition: opacity 250ms linear;
transition: opacity 250ms linear;
z-index: 1;
}

div.paging-controllers {
-webkit-transition: all 1.7s ease;
transition: all 1.7s ease;
}

div.paging-controllers strong {
color: #aaa;
font-size: 15px;
font-weight: 500;
}

span.m-text-content {
position: relative;
pointer-events: none;
display: inline-block;
font-size: 15px;
white-space: nowrap;
color: #999;
}

div.res:hover span.m-text-content, div.conf:hover span.m-text-content, div.unconfirmed:hover span.m-text-content {
color: #f6f6f6;
}

span.img_conf, span.img_conf_pending {
position: absolute;
display: block;
margin: 0;
padding: 5px 10px;
top: -33px;
right: 0;
font-size: 12px;
}

span.img_conf {
color: green;
border: 1px dashed #555555;
}

span.img_conf_pending {
color: #f6f6f6;
border: 1px dashed #555555;
}

.saveNotice, .sentConfirmation, .failedNotice {
display: block;
position: absolute;
min-width: 53px;
white-space: normal;
margin: 0;
padding: 2px 6px;
pointer-events: none;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
background-color: #abbc7b;
color: #373f20;
opacity: 0;
-webkit-transition: opacity 500ms linear;
-moz-transition: opacity 500ms linear;
-ms-transition: opacity 500ms linear;
-o-transition: opacity 500ms linear;
transition: opacity 500ms linear;
z-index: 9999999;
}

.failedNotice {
background-color: darkred;
color: #dddddd;
-webkit-transition: opacity 3s linear;
-moz-transition: opacity 3s linear;
-ms-transition: opacity 3s linear;
-o-transition: opacity 3s linear;
transition: opacity 3s linear;
}

#contact-message {
top: 10px;
right: 0;
}

#saveNotice {
top: 10px;
right: 0;
}

#sent-m-Conf {
top: 0;
right: 0;
}

#sentConf {
top: 0;
right: 0;
}

#contact-confirmation {
top: 0;
right: 0;
}

#saveNoticeValues, #saveNoticeEssential {
bottom: 30px;
right: 20px;
}

#saveBasicInfo, #savePrivacySettings {
position: absolute;
display: inline-block;
right: 0;
bottom:30px;
}

#saveNoticePres {
position: absolute;
display: inline-block;
right: 0;
bottom:0;
}

#saveNoticeOpinions {
bottom: 30px;
right: 20px;
padding-left: 6px !important; /* corr for parent div */
text-indent: 0 !important; /* corr for parent div */
}

span.m-sep {
position: relative;
display: inline-block;
pointer-events: none;
font-size: 15px;
color: transparent;
text-shadow: 0 0 0 #a28a4b;
}

span.m-sep-premium {
position: relative;
display: inline-block;
pointer-events: none;
font-size: 12px;
color: transparent;
text-shadow: 0 0 0 #a28a4b;
opacity: 0.6;
}

div.res:hover span.member-text-year, div.conf:hover span.member-text-year, div.unconfirmed:hover span.member-text-year {
color: #f6f6f6;
}

div.m-content-container {
pointer-events: none;
white-space: nowrap;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}

span.profile-prm {
position: relative;
display: block;
padding: 0;
margin: 0;
white-space: nowrap;
line-height: normal;
width: 100%;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
font-weight: 300;
color: #ccc;
text-align: left;
}

span.stars {
color: #a28a4b !important;
}

span.inner-txt {
display: inline-block;
vertical-align: middle;
pointer-events: none;
padding: 0;
margin: 0;
white-space: nowrap;
width: 100%;
max-width: 87%;
overflow: hidden;
text-overflow: ellipsis;
}

div.integrity-tools {
position: relative;
bottom: 0;
left: 0;
display: block;
padding: 0;
margin: 10px 0 0 0;
white-space: nowrap;
line-height: normal;
width: 100%;
max-width: 93%;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}

a#hide-from-member, a#block-member {
color: #aaa;
opacity: 0.7;
text-shadow:1px 1px 1px #000;
font-size: 15px;
font-weight: 300 !important;
cursor: pointer;
text-decoration: none !important;
}

a#add-to-fav {
color: #ccc !important;
font-size: 15px;
font-weight: 300 !important;
cursor: pointer;
text-decoration: none !important;
}

a#hide-from-member:hover, a#block-member:hover, a#add-to-fav:hover {
opacity: 1;
color: #f6f6f6 !important;
}

a#hide-from-member:hover span.profile-hide-person {
color: yellow !important;
cursor: pointer;
text-decoration: none;
}

a#block-member:hover span.profile-report-person {
color: red !important;
cursor: pointer;
text-decoration: none;
}

a#add-to-fav:hover span.profile-add-to-favorites {
color: #64150f;
cursor: pointer;
text-decoration: none;
}

span.profile-value {
color: #a28a4b;
}

div.com-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
flex-direction: row;
min-height: auto;
margin-top: 13px;
}

div.left-side-profile-info {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
-moz-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 42vw;
white-space: nowrap;
align-items: flex-start;
transition: all 0.4s;
}

div.right-side-profile-image {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start; /* always top */
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; /* push to right side */
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
-moz-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 42vw;
white-space: nowrap;
align-self: flex-end;
text-align: right;
}

img.member-profile-image, img.avatar-image {
	position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.profile-img-declined {
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
max-width: 270px;
height: auto;
opacity: 0.3;
-webkit-transition: opacity 150ms linear;
-moz-transition: opacity 150ms linear;
-ms-transition: opacity 150ms linear;
-o-transition: opacity 150ms linear;
transition: opacity 150ms linear;
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
z-index: 1;
}

img.avatar-image {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: 30px auto 0;
padding: 0;
}

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

.bottom-notes {
	position: absolute;
	display: block;
	float: left;
	padding: 30px 0;
	bottom: 23px;
}

.txtbox-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
}

#avatarView {
position: relative;
}

img.css3-shadow{
    position:relative;
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
}
img.css3-shadow:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    bottom:0px;
    left:10%;
    right:10%;
    width:80%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}

/* Menu related */

.primary-nav {
height: auto;
width: 70vw;
display: none;
position: absolute;
right: 40px;
top: 65px;
z-index: 9999;
}

.fixed-nav {
position: relative;
margin: 0px 10px 0px 0px;
padding: 0px;
z-index: 9999;
}

.fp-fixed-nav {
position: relative;
margin: 0px 10px 0px 0px;
padding: 0px;
z-index: 9999;
}

.primary-nav ul, .primary-nav ul ul {
margin: 0;
padding: 0;
list-style: none;
}

.primary-nav ul {
float: right;
}

.fixed-nav ul, .fixed-nav ul ul {
margin: 0;
padding: 0;
list-style: none;
}

.fixed-nav ul {
float: right;
}

.fp-fixed-nav ul, .fp-fixed-nav ul ul {
margin: 0;
padding: 0;
list-style: none;
}

.fp-fixed-nav ul {
float: right;
}

/* Apply style to all elements inside */
.menu-main-container * {

}

#menu-main {
margin: 0px;
border: 0px;
color: #f5f4f4;
z-index: 9999;
}

#menu-main:before,
#menu-main:after {
content: "";
display: table;
}

#menu-main:after {
clear: both;
}

#menu-main {
zoom:1;
}

/* Toplevel menu */

.primary-nav ul li {
float: left;
/* border-right: 1px solid #222;
border-bottom: 0px;
box-shadow: 1px 0 0 #444; */
position: relative;
-webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition: none;
}

.primary-nav ul a {
float: left;
position: relative;
display:inline-block;
padding-top: 4px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 8px;
color: #f5f4f4;
font-weight: 300;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
text-rendering: optimizelegibility !important;
font-size: 17px !important;
text-decoration: none;
/* text-shadow: 0 1px 0 #000; */
   -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition: none;
z-index: 9999;
}

.fixed-nav ul li {
float: left;
/* border-right: 1px solid #222;
border-bottom: 0px;
box-shadow: 1px 0 0 #444; */
position: relative;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.fixed-nav ul a {
float: left;
position: relative;
display:inline-block;
padding-top: 4px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 8px;
color: #f5f4f4;
font-weight: 500;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 16px;
text-decoration: none;
z-index: 9999;
}

.fixed-nav ul a.active {
font-size: 16px;
color: #f5f4f4;
transition: color 0.3s ease-out;
}

.fp-fixed-nav ul li {
float: left;
/* border-right: 1px solid #222;
border-bottom: 0px;
box-shadow: 1px 0 0 #444; */
position: relative;
}

.fp-fixed-nav ul a {
float: left;
position: relative;
display:inline-block;
padding-top: 4px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 8px;
color: #f5f4f4;
font-weight: 500;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 16px;
text-decoration: none;
-moz-transition: font-size 0.3s ease-out;
-ms-transition: font-size 0.3s ease-out;
-o-transition: font-size 0.3s ease-out;
-webkit-transition: font-size 0.3s ease-out;
transition: font-size 0.3s ease-out;
z-index: 9999;
}

.fp-fixed-nav ul a.active {
font-size: 16px;
color: #f5f4f4;
transition: color 0.3s ease-out;
}

#menu-main ul li a {
color: #f5f4f4;
z-index: 9999;
}

#menu-main ul li a:hover {
color: #f7f7f7;
}

/* Stretch the anchor area on the top level menu item to the sub menu, no glitch */

#menu-main a:after {
pointer-events: none;
content:'';
position:absolute;
top:-7px; bottom:-7px;
left:-7px; right:-7px;
}

/* a:before {
  content:'';
  position:absolute;
  top:-1em;
  left:-1em;
  right:-1em;
  bottom:-1em;
  border:solid red;
} */

#menu-main li:hover > a {
	opacity: 1;
}

*html #menu-main li a:hover { /* IE6 only */
	opacity: 1;
}

a.gold-menu-item, a.gold-menu-item.active, a.gold-menu-item.hover {
color: #a28a4b !important;
margin-right: 20px;
}

.menu-gold-caret {
position: absolute;
width: 15px;
height: 15px;
top: 10px;
right: -8px;
padding-left: 4px;
padding-top: 2px;
vertical-align:middle;
-webkit-transition: all .25s linear 0s;
-o-transition: all .25s linear 0s;
-moz-transition: all .25s linear 0s;
transition: all .25s linear 0s;
opacity: 0.85;
}

a.gold-menu-item:hover .menu-gold-caret{
-webkit-transform: translate(4px, 3px) rotate(180deg);
-moz-transform: translate(4px, 3px) rotate(180deg);
-ms-transform: translate(4px, 3px) rotate(180deg);
-o-transform: translate(4px, 3px) rotate(180deg);
transform: translate(4px, 3px) rotate(180deg);
-webkit-transition: all .25s linear 0s;
-o-transition: all .25s linear 0s;
-moz-transition: all .25s linear 0s;
transition: all .25s linear 0s;
}

/* Sub menu */

#menu-main ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 45px;
left: 0;
z-index: 99999;
/*
background: #455372;
background: linear-gradient(rgba(0, 0, 0, 0.3), #000000); */
background: black;
background-color: rgba(0, 0, 0, 0.7);
background: linear-gradient(rgba(162,138,75, 1), rgba(97,76,21, 1));
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
padding-bottom: 6px;
}

#menu-main ul:hover .menu-gold-caret {
-webkit-transform: translate(4px, 3px) rotate(180deg);
-moz-transform: translate(4px, 3px) rotate(180deg);
-ms-transform: translate(4px, 3px) rotate(180deg);
-o-transform: translate(4px, 3px) rotate(180deg);
transform: translate(4px, 3px) rotate(180deg);
-webkit-transition: 300ms linear all;
-o-transition: 300ms linear all;
-moz-transition: 300ms linear all;
transition: 300ms linear all;
}

/* "Om företaget" - Overlapping fix - before you could jump over to the sub menu of "Tjänster" */

#menu-item-201 {
z-index: 9999;
}

.login-li-item {
width: auto;
}

.contact-item {
margin-left: 20px;
}

#menu-main li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}

#menu-main li:hover .menu-gold-caret {
-webkit-transform: translate(4px, 3px) rotate(180deg) ;
-moz-transform: translate(4px, 3px) rotate(180deg) ;
-ms-transform: translate(4px, 3px) rotate(180deg) ;
-o-transform: translate(4px, 3px) rotate(180deg) ;
transform: translate(4px, 3px) rotate(180deg) ;
-webkit-transition: 300ms linear all;
-o-transition: 300ms linear all;
-moz-transition: 300ms linear all;
transition: 300ms linear all;
}

#menu-main ul li:hover > a {
text-indent: 10px;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#menu-main ul li > a {
text-indent: 0px;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#menu-main ul ul {
top: 0;
left: 278px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
box-shadow: -1px 0 0 rgba(0,0,0,.3);
}

#menu-main ul li {
float: left;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
/* box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2); */ /* Inset borders between sub menu items */
border-bottom: 1px solid rgba(0,0,0,.3);
width: 280px;
}

#menu-main ul li:last-child {
box-shadow: none;
}

#menu-main ul a {
padding: 9px;
width: 280px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
text-align: left;
float: left;
}

#menu-main * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#menu-main ul a:hover {
/* Chilli red */
background-color: rgba(255,255,255,0.15);
background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.15));
/* Original light blue and light green
background-color: #56ab2f;
background-image: linear-gradient(#a8e063, #56ab2f); */
color: #000000 !important;
}

/* First and last items styling */

#menu-main ul li:first-child > a {
border-radius: 3px 3px 0 0;
}

/* Last menu item - reverse order */

#menu-main > li:first-child {
border-right-style: none;
border-right:none;
box-shadow: none;
}

#menu-main ul li:first-child > a:after {
/* content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444; */
}

#menu-main ul ul li:first-child a:after {
/* left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b; */
}

#menu-main ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}

#menu-main ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}

#menu-main ul li:last-child > a {
border-radius: 0 0 3px 3px;
}

#menu-main:last-child {
/* border-right: 2px solid red; */

}

/* Current page/menu item */

#menu-main li.current_page_item a {
color: #a28a4b;
}

#menu-main ul li.current_page_item {
background-color: #0186ba;
background-image: linear-gradient(#04acec, #0186ba);
text-indent: 0px;
pointer-events:none;
opacity: 0.4;
}

#menu-main ul li.current_page_item a {
border-bottom: none;
}

#primary-nav-id li.current_page_item a {
color: #a28a4b;
border-bottom: 1px solid #a28a4b;
}

#fp-fixed-nav-id li.current_page_item a {
color: #a28a4b;
border-bottom: 1px solid #a28a4b;
}

/* Set indicator when menu item has children */

#menu-main > li.has-children > a:before {
position: absolute;
content: "";
background: url("../images/arrow-down.svg") no-repeat;
width: 20px;
height: 20px;
top: 3px;
right: -30px;
margin: 0 20px 0 0;
}

/* Add extra space to the right for indicator - parent menu items on top level */

#menu-main > li.has-children {
padding-right: 10px;
}

#menu-main > li.has-children > a {
border: 0px;
margin: 0px;
padding-bottom: 14px; /* increases the clickable area towards the sub menu for parent menu items */
}

#menu-main ul li.has-children > a:after {
content: "\f105";
color: inherit;
border: 0px;
position:absolute;
top: 12px;
left: 250px;
box-shadow: 0px;
background-color: transparent;
font-family: FontAwesome, sans-serif;
float: right;
vertical-align: middle;
}

#menu-main ul li > a:only-child:after {
content: '';
}

/* dropdown login area */

#login-form {
z-index: 6;
}

a:link .login-link, a.login-link.active, a.login-link.hover {
cursor: pointer;
margin-right: 20px;
	width: 200px;
}

a.white-link, a:link.white-link,a:visited .white-link, a.white-link:visited, a.white-link:active, a.white-link:hover {
border-bottom: 1px dotted #cccccc;
text-decoration: none;
color: white !important;
font-weight: 300 !important;
cursor: pointer !important;
}

a.m-container, a:link.m-container,a:visited .m-container, a.m-container:visited, a.m-container:active {
color: #f5f4f4;
text-decoration: none;
}

a.m-container:hover {
color: #a28a4b !important;
text-decoration: none;
}

a#manage-contacts-link {
pointer-events: none;
}

#forgot-password, #mobile-forgot-password-1, #mobile-forgot-password-2 {
position: relative;
display: block !important;
margin: 13px 0 0 0;
padding: 0;
}

a#mobile-forgot-password-1, a#mobile-forgot-password-2 {
color: #999;
font-weight: 300;
}

.login-area {
margin: 20px 0 0 0;
opacity: 0;
position: absolute;
top:65px;
left: -80px;
width: 290px;
height: auto;
z-index: 5;
background: black;
background-color: rgba(0, 0, 0, 0.7);
background: linear-gradient(rgba(68,68,68, 1), rgba(18,18,18, 1));
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
padding: 10px 15px 30px 15px;
text-align: left;
cursor: default;
visibility: hidden;
}

a.login-link .login-btn {
pointer-events: none;
}

a.login-link:hover .login-btn {
pointer-events: auto;
}

/* a.login-link div.login-area { display:none; } */
.activateLoginArea {
margin: 20px 0 0 0;
position: absolute;
left: -80px;
width: 290px;
height: auto;
z-index: 5;
background: black;
background-color: rgba(0, 0, 0, 0.7);
background: linear-gradient(rgba(68,68,68, 1), rgba(18,18,18, 1));
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
padding: 10px 15px 30px 15px;
text-align: left;
cursor: default;
visibility: visible;
-webkit-animation: activateLogin 300ms ease normal forwards;
-moz-animation: activateLogin 300ms ease normal forwards;
-o-animation: activateLogin 300ms ease normal forwards;
animation: activateLogin 300ms ease normal forwards;
}

.deactivateLoginArea {
margin: 20px 0 0 0;
position: absolute;
left: -80px;
width: 290px;
height: auto;
z-index: 5;
background: black;
background-color: rgba(0, 0, 0, 0.7);
background: linear-gradient(rgba(68,68,68, 1), rgba(18,18,18, 1));
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
padding: 10px 15px 30px 15px;
text-align: left;
cursor: default;
visibility: visible;
-webkit-animation: deactivateLogin 300ms ease normal forwards;
-moz-animation: deactivateLogin 300ms ease normal forwards;
-o-animation: deactivateLogin 300ms ease normal forwards;
animation: deactivateLogin 300ms ease normal forwards;
}

/* Selects any valid <input> */
a.login-link div.login-area input:valid {
  visibility: visible;
  opacity: 1;
}

a.login-link div.login-area:focus-within {
  top: 25px;
  visibility: visible;
  opacity: 1;
}

.menu-caret {
position: absolute;
width: 23px;
height: 23px;
top: 5px;
right: -20px;
padding-left: 4px;
padding-top: 2px;
vertical-align:middle;
-webkit-transition: all .25s linear .75s;
-o-transition: all .25s linear .75s;
-moz-transition: all .25s linear .75s;
transition: all .25s linear .75s;
opacity: 0.5;
}

a.login-link:hover .menu-caret {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-ms-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
transition: opacity 1s linear;
}

.login-field {
  position: relative;
  height: 46px;
  width: 100%;
  margin: 3px 0px 13px 0px;
  padding-left: 8px;
  background-color: #444444;
  border-radius: 1px;
  border: 0px;
  border-top: none;
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,.2);
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  transition: color 0.3s linear;
  overflow: hidden;
}

.login-field:focus, .login-field:active {
  position: relative;
  height: 46px;
  width: 100%;
  margin: 3px 0px 13px 0px;
  padding-left: 8px;
  background-color: #484848;
  outline: none;
  color: #b8b8b8;
  border-radius: 1px;
  border: 0px;
  border-top: none;
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,.2);
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  transition: color 0.3s linear;
  overflow: hidden;
}

.login-field:-webkit-autofill,
.login-field:-webkit-autofill:focus,
.login-field:-webkit-autofill:active {
    -webkit-box-shadow:0 0 0 50px #484848 inset !important; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8 !important;
    opacity: 0.8;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow:0 0 0 50px #212121 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #eeeeee;
}

input:-webkit-autofill::first-line {
font-size: 18px !important;
font-weight: 300;
}

.new-member-text-input, .birthDate, .mobileBirth {
position: relative;
display: inline-block;
float: left;
padding: 14px 15px;
height: auto;
min-height: 55px;
line-height: 25px;
font-size: 18px;
width: 100%;
margin: 0;
background-color: black;
border-color: #444 #333 #333 #444;
opacity: 0.8;
border-width: 1px;
-webkit-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mobileBirth {
margin-top: 5px !important;
}

#strEmailaddress, #strEmailaddress:focus, #strEmailaddress:active {
width: 85vw;
max-width: 300px;
}

.new-member-text-input:focus,
.new-member-text-input:active,
.birthDate:focus,
.birthDate:active {
position: relative;
display: inline-block;
float: left;
padding: 13px 15px;
height: auto;
min-height: 55px;
line-height: 25px;
width: 100%;
margin: 0;
background-color: black;
opacity: 0.8;
outline: none !important;
border: 1px solid #a28a4b !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
}

.new-member-text-input:-webkit-autofill,
.new-member-text-input:-webkit-autofill:focus,
.new-member-text-input:-webkit-autofill:active,
.birthDate:-webkit-autofill,
.birthDate:-webkit-autofill:focus,
.birthDate:-webkit-autofill:active {
    -webkit-box-shadow:0 0 0 50px #000000 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8;
    opacity: 0.8;
    font-size: 18px;
}

#strPassword1, #strPassword2 {
max-width: 250px;
margin-right: 15px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999999;
    font-weight: 300;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999999;
    font-weight: 300;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #444444 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 18px;
}
input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    /* -webkit-box-shadow:0 0 0 50px #444444 inset; */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 18px;
}

div.text-input-one-line {
position: relative !important;
height: 50px;
width:100%;
padding-top: 30px;
padding-bottom: 30px;
}

div.first {
padding-top: 30px;
padding-bottom: 50px;
margin-bottom: 5px;
}

div.second {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 50px !important;
}

div.third, div.fourth {
display: none !important;
}

label .lblContactField {
  color: #999999;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 15px;
  top: 15px !important;
  transition: 300ms ease all;
}

.profile-text-input, .contact-text-input {
position: relative;
display: inline-block;
float: left;
height: auto;
min-height: 55px;
max-height: 55px;
line-height: 100%;
padding: 15px 15px 15px 15px;
font-size: 16px;
color: #999999;
width: 99%;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px); /* avoid flickering */
min-width: 95%;
margin: 0;
background-color: #171717;
border-color: #444 #333 #333 #444;
border-width: 1px !important;
border-style: solid !important;
outline: none !important;
opacity: 1;
-webkit-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.profile-text-input:focus, .contact-text-input:focus{
outline: none !important;
border: 1px solid #a28a4b !important;
background-color: rgba(23,23,23,0.8);
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

input.profile-text-input:-webkit-autofill {
-moz-box-shadow: 0 0 0 55px #171717 inset;
-webkit-box-shadow: 0 0 0 55px #171717 inset;
box-shadow: 0 0 0 55px #171717 inset;
-webkit-text-fill-color: #999999;
}

select#country_profile:focus, select#country_profile:active {
outline: none !important;
border: 1px solid #a28a4b !important;
-moz-box-shadow: 0 0 0 55px #000000 inset;
-webkit-box-shadow: 0 0 0 55px #000000 inset;
box-shadow: 0 0 0 55px #000000 inset;
-webkit-text-fill-color: #999999;
background: transparent url('../images/select-box-indicator.gif') no-repeat 95% center;
}

select#country_profile:-webkit-autofill, select#state_profile:-webkit-autofill {
-moz-box-shadow: 0 0 0 55px #000000 inset;
-webkit-box-shadow: 0 0 0 55px #000000 inset;
box-shadow: 0 0 0 55px #000000 inset;
-webkit-text-fill-color: #999999;
background: transparent url('../images/select-box-indicator.gif') no-repeat 95% center;
}

#strUserName {
margin-bottom: 20px !important;
}

#login-strUserName, #responsive-strUserName {
margin-bottom: 34px !important;
}

#login-strPassword, #responsive-strPassword {
margin-bottom: 25px !important;
}

.group-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

/* Search module + accordion */

.TopPadding {
padding-top: 15px;
}

input.leftPanelTextBox {
    border: 1px solid #363636;
	font-size: 15px;
	font-weight: 500;
	color: #ccc !important;
	margin: 30px auto 15px auto !important;
	height: 50px !important;
}

select.multiSelection {
	color: #999999;
	margin: 30px auto 15px auto;
}

select.mSelSingle {
	color: #999999;
	margin: 30px auto 30px auto;
}

.fav-corr {
    margin-bottom: 0 !important;
}

select.mSelMid {
	color: #999999;
	margin: 0 auto 15px auto;
}

select.mSelBot {
	color: #999999;
	margin: 0 auto 30px auto;
}

select.multiSelectionOnly {
	color: #999999;
	margin: 30px auto 30px;
}

div.search-module {
margin: 0 auto 20px auto;
padding: 0;
}

div.result-module {
margin: 0 0 20px 0;
text-align: left;
}

div.communication-module {
position: relative;
margin: 0 0 20px 0;
flex-direction: column;
text-align: left;
-webkit-animation: opacity 0.5s;
-moz-animation: opacity 0.5s;
-o-animation: opacity 0.5s;
animation: opacity 0.5s;
}

.opacity-transition {
-webkit-animation: opacity 2s;
-moz-animation: opacity 2s;
-o-animation: opacity 2s;
animation: opacity 2s;
}

div.com-adj {
margin: 0 0 20px 0;
}

div#cand-color-info {
	background-color: rgba(0, 0, 0, 0.4);
	border: 1px dotted #333333;
	border-top-right-radius: 1px;
	border-top-left-radius: 1px;
	padding: 18px;
	width: 100%;
}

.accordion, .favorites, .ongoing, .profile-accordion,
.noaccess, .unlock, .male-accordion, .female-accordion,
.male-m-accordion, .female-m-accordion, .empty {
  position:relative;
  display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.3);
  color: #999;
  cursor: pointer;
  padding: 18px 18px 18px 18px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 15px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: transform 0.4s ease-in;
  -o-transition: transform 0.4s ease-in;
  -moz-transition: transform 0.4s ease-in;
  transition: transform 0.4s ease-in;
  z-index: 2;
}

.empty {
margin-top: 25px;
}

.male-accordion, .female-accordion {
margin: 8px 0 0 0;
}

.active, .accordion:hover {
  background-color: rgba(162, 138, 75, 0.3) !important;
  color: #f6f6f6 !important;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
  -webkit-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  will-change: transform;
  z-index: 3;
}

.accordion:after {
  content: '\002B';
  color: #999;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion:hover::after {
transition: all .8s ease-in;
color: #dddddd;
}

.noaccess:hover {
    background-color: rgba(51, 51, 51, 0.3) !important;
}

.helpdesk-tab {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
white-space: normal !important;
overflow: hidden !important;
text-overflow: initial !important;
line-height: 135% !important;
}

.active:after {
  content: "\2212";
}

.m-active {
background-color: rgba(24, 148, 227, 0.45) !important;
color: #e5e5e5;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
  transition: all .2s ease-in-out;
  z-index: 3;
}

.m-active:hover, .m-active:active, .m-active:focus {
background-color: rgba(24, 148, 227, 0.55);
}

.m-active:hover:after {
 color: #e5e5e5;
}

.m-active:after {
  content: "\2212" !important;
}

.f-active {
background-color: rgba(218, 95, 188, 0.45) !important;
color: #e5e5e5;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
  transition: all .2s ease-in-out;
  z-index: 3;
}

.f-active:hover, .f-active:active, .f-active:focus {
background-color: rgba(218, 95, 188, 0.55);
}

.f-active:hover:after {
 color: #e5e5e5;
}

.f-active:after {
  content: "\2212" !important;
}

.profile-active {
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
  -moz-transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}

.profile-accordion:hover {
  background-color: rgba(162, 138, 75, 0.3);
  color: #f6f6f6;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  will-change: transform;
}

.profile-accordion:after {
  content: '\002B';
  color: #999;
  font-weight: bold;
  pointer-events: none;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.male-accordion:after, .male-m-accordion:after {
content: '\002B';
color: #dddddd;
font-weight: bold;
pointer-events: none;
float: right;
margin-left: 5px;
transition: 0.5s;
}

.female-accordion:after, .female-m-accordion:after {
content: '\002B';
color: #dddddd;
font-weight: bold;
pointer-events: none;
float: right;
margin-left: 5px;
transition: 0.5s;
}

.profile-accordion:hover:after, .male-accordion:hover:after,
.female-accordion:hover:after, .male-m-accordion:hover:after,
.female-m-accordion:hover:after {
pointer-events: none;
color: #ffffff;
}

.male-accordion, .male-m-accordion {
background-color: rgba(24, 148, 227, 0.3);
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
color: #e5e5e5;
transition: all .2s ease-in-out;
}

.female-accordion, .female-m-accordion {
background-color: rgba(218, 95, 188, 0.3);
box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
color: #e5e5e5;
transition: all .2s ease-in-out;
}

.male-acc-unread {
background: rgba(24, 148, 227, 0.6) !important;
}

.male-acc-unread:hover {
background-color: rgba(24, 148, 227, 0.7) !important;
}

.female-acc-unread {
background-color: rgba(218, 95, 188, 0.6) !important;
}

.female-acc-unread:hover {
background-color: rgba(218, 95, 188, 0.7) !important;
}

.male-acc-read {
background: rgba(24, 148, 227, 0.6) !important;
}

.male-acc-read:hover {
background-color: rgba(24, 148, 227, 0.7) !important;
}

.female-acc-read {
background-color: rgba(218, 95, 188, 0.6) !important;
}

.female-acc-read:hover {
background-color: rgba(218, 95, 188, 0.7) !important;
}

.male-accordion:first-child, .female-accordion:first-child,
.male-m-accordion:first-child, .female-m-accordion:first-child {
border-top: 1px solid #333333;
}

.male-accordion:hover, .male-m-accordion:hover {
background-color: rgba(24, 148, 227, 0.45);
  color: #f6f6f6;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
}

.female-accordion:hover, .female-m-accordion:hover {
background-color: rgba(218, 95, 188, 0.45);
  color: #f6f6f6;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
}

.noaccess:after {
  font-family: 'FontAwesome', sans-serif;
  content: "\f023";
  color: #aaa;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.noaccess:hover:after {
  color: #aaa;
}

.empty:after {
  font-family: 'FontAwesome', sans-serif;
  content: "\f2cb";
  color: #aaa;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.empty:hover:after {
  color: #aaa;
}

.proactive:after {
  content: "\2212";
}

.active-filter {
  background-color: rgba(30, 100, 15, 0.3) !important;
  color: #f6f6f6;
  box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.5) !important;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: matrix(1.00, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.00, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.00, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.00, 0, 0, 1, 0, 0);
  transform: matrix(1.00, 0, 0, 1, 0, 0);
}

.unlock {
  background-color: rgba(30, 100, 15, 0.3);
  color: #f6f6f6;
  box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.5) !important;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.noaccess, .empty {
  background-color: rgba(35, 35, 35, 0.9);
  color: #999;
  box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  vertical-align: center;
  line-height: 1.5;
  opacity: 0.6;
}

.active-filter:hover, .unlock:hover {
  background-color: rgba(30, 100, 15, 0.3) !important;
  color: #f6f6f6;
  box-shadow: inset 0 11px 8px -10px rgba(0, 0, 0, 0.5) !important;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
  z-index: 3;
}

.active-filter:after {
  font-family: 'FontAwesome', sans-serif;
  content: '\f041' !important;
  color: #f0f0f0;
  padding-top:2px;
  font-size: 20px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.active-age-filter:after {
  font-family: 'FontAwesome', sans-serif;
  content: '\f1fd' !important;
  color: #f0f0f0;
  padding-top:3px;
  font-size: 15px;
  font-weight: normal;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.inc-top-margin {
margin-top: 30px !important;
}

.favorites {
background-color: rgba(100, 21, 15, 0.3);
color: #f0f0f0;
}

.favorites:hover, .ongoing:hover {
  background-color: rgba(100, 21, 15, 0.5);
  color: #f6f6f6;
  -webkit-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1, 0, 0);
  -o-transform: matrix(1.04, 0, 0, 1, 0, 0);
  transform: matrix(1.04, 0, 0, 1, 0, 0);
}

.favorites:after {
  content: '\2764' !important;
  color: transparent;
  text-shadow: 0 0 0 #f0f0f0;
  font-size: 15px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.favorites:hover:after {
  color: #f6f6f6;
  transform: scale(1.3);
}

.ongoing:after {
  content: '\266B' !important;
  color: #64150f;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transition: 0.5s;
}

.ongoing:hover:after {
  color: #f6f6f6;
}

.profile-active:after {
	content: "\2212";
}

.panel {
position: relative;
width:100%;
padding: 0 18px;
font-size: 15px;
color: #999999;
background-color: rgba(0, 0, 0, 0.55);
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
-o-transition: max-height 0.2s ease-out;
-moz-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1;
}

.msg-panel, .m-msg-panel, .f-msg-panel {
position: relative;
width: 100%;
padding: 0 18px;
font-size: 15px;
box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.2), inset 0 5px 5px -5px rgba(0, 0, 0, 0.2);
max-height: 0;
overflow-y: hidden;
-webkit-transition: max-height 0.2s ease-out;
-o-transition: max-height 0.2s ease-out;
-moz-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1;
}

.msg-panel {
  color: #e6e6e6;
  background-color: #171717;
}

.m-msg-panel {
  color: #cee8f9;
  background-color: #08263a;
}

.m-msg-panel span.profile-desc {
  color: #cee8f9 !important;
}

.f-msg-panel {
  color: #fbdbf3;
  background-color: #301529;
}

.f-msg-panel span.profile-desc {
  color: #fbdbf3 !important;
}

/* Indent from second line and onwards */
.chkbox-correction {
    padding-left: 41px !important;
    text-indent: -23px !important;
}

.chkbox-corr-btn {
    position: relative !important;
    left: -22px !important;
}

/* Radiobuttons in arena */

.radioSelections:checked,
.radioSelections:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radioSelections:checked + label,
.radioSelections:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 15px !important;
    color: #f5f4f4;
}
.radioSelections:checked + label:before,
.radioSelections:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.radioSelections:checked + label:after,
.radioSelections:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: black;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radioSelections:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radioSelections:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Radio buttons in profile */

div.profileRadioSel-wrapper {
    position: relative;
    display: flex;
    align-self: flex-start;
}

div.radio-unit {
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    clear: left;
    width:100%;
    text-align: left;
}

/* Checkboxes */

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.group {
display: inline-block;
position: relative;
	width: 45%;
}

input[type=checkbox] {
    margin-right: 0.4em;
}

textarea {
  resize: none;
  overflow-y: scroll;
}

.new-member-text-input:focus ~ label, .new-member-text-input:valid ~ label, .new-member-text-input:not(:placeholder-shown) ~ label,
textarea:focus ~ label,
textarea:valid ~ label,
#lblBirthDate, #desktopLblPwd, #mobileLblPwd, .lblPosition {
position: absolute;
  top: -9px;
  font-size: 12px;
  color: #a28a4b;
}
.new-member-text-input:focus ~ .bar:before,
textarea:focus ~ .bar:before {
  width: 320px;
}

#lblMobileBirthDate {
position: absolute;
  top: -7px;
  font-size: 12px;
  color: #a28a4b;
}

#lblBirthDateProfile, #lblResetEmail {
position: absolute;
  top: -23px;
  font-size: 12px;
  color: #a28a4b;
}

label {
  color: #999999;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 15px;
  top: 25px;
  transition: 300ms ease all;
}

.profile-text-input:focus ~ label, .profile-text-input:valid ~ label {
position: absolute;
  top: -24px;
  font-size: 12px;
  color: #a28a4b;
}
.profile-text-input:focus ~ .bar:before,
textarea:focus ~ .bar:before {
  width: 320px;
}

.contact-text-input:focus ~ label, .contact-text-input:valid ~ label {
position: absolute;
left: 3px;
  top: 5px;
  font-size: 12px;
  color: #a28a4b;
}
.contact-text-input:focus ~ .bar:before,
textarea:focus ~ .bar:before {
  width: 320px;
}

.lbl-profile {
  color: #999999;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 15px;
  top: 14px;
  transition: 300ms ease all;
}

.lblContactField {
  color: #999999;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  left: 15px;
  top: 42px;
  transition: 300ms ease all;
}

.lbl-profile-select {
  position: absolute;
  top: -24px;
  font-size: 12px;
  color: #a28a4b;
}

/* Birth date format */
input[type="date"], input[type="date"]:focus, input[type="date"]:active {
    position: relative;
    display: inline-block;
	padding: 12px 15px;
	height: auto;
	min-height: 55px;
	font-size: 18px;
	white-space: nowrap;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    line-height: normal;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]:after {
    font-family: "FontAwesome", sans-serif;
    font-weight: 300;
    content: "\f073";
    padding: 0 15px;
  /* This is the calendar icon in FontAwesome */
  	width: 15px;
  	height: 20px;
    position: absolute;
    margin: auto;
    top: 0; left: auto; bottom: 0; right: 8px;
    display: block;
  	color: #999;
  	pointer-events: none;
}

/* change color of symbol on hover */
input[type="date"]:hover:after {
    color: #a28a4b;
}

/* make the native arrow invisible and stretch it 70% of the field so that you can trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 70%;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
    cursor:context-menu;
}

/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
    opacity: 0;
}

 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }

.golden {
color: #a28a4b !important;
}

a.golden-link, a.golden-link:hover {
color: #a28a4b !important;
}

#love-arena-link {
display: none;
position: absolute;
margin-top: 6px;
padding-top: 6px;
padding-bottom: 15px;
right: 30px;
left:auto;
top: 45px;
color: #f8f8f8;
font-size: 15px;
font-weight: 300 !important;
cursor: pointer !important;
text-shadow: initial;
text-transform: uppercase;
transition: 300ms ease color;
z-index: 4;
}

#love-arena-link:hover, #love-arena-link:focus, #love-arena-link:active {
font-weight: 300 !important;
color: #a28a4b !important;
text-decoration: none !important;
}

.lblMainMessageArea {
  display: block;
  margin-top: 0;
  padding-top:0;
  position: relative;
  top: -10px;
  left: 3px;
  width: 60%;
  font-size: 12px;
  pointer-events: none;
  color: #a28a4b;
}

.lblMainMessageArea-1 {
  display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
  position: relative;
  top: 0;
  left: 3px;
  margin-bottom: 20px;
  font-size: 12px;
  pointer-events: none;
  color: #a28a4b;
}

.lblMainMessageArea-2 {
  display: block;
  position: relative;
  top: 0;
  left: 3px;
  width: 60%;
  font-size: 12px;
  pointer-events: none;
  color: #a28a4b;
}

.lblMessageArea {
  display: none;
  position: relative;
  top: -10px;
  left: 3px;
  font-size: 12px;
  pointer-events: none;
  color: #a28a4b;
}

.lblUnreadMessages {
  display: none;
  position: absolute;
  top: -10px;
  left: 3px;
  font-size: 12px;
  pointer-events: none;
  color: #a28a4b;
}

.s-m-wrapper {
display: inline-table;
width: 100%;
width: calc(100% - 12px);
max-width: 760px;
height: auto;
position: relative;
margin:0;
padding:0;
}

#send-message-m-wrapper {
display: none;
}

.txtMessageArea {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 430px;
  max-height: 700px;
  font-size: 16px;
  color: #999;
  background-color: #171717;
  border-color: #444 #333 #333 #444;
  opacity: 1;
  flex:1;
  border-width: 1px;
  outline: none;
  padding: 17px;
  margin: 0 0 25px 0;
  resize: vertical;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 250ms ease;
 transition: all 250ms ease;
}

.txtMessageArea-1 {
  display: block;
  position: relative;
  width: 90%;
  height: auto;
  min-height: 430px;
  max-height: 700px;
  font-size: 16px;
  color: #999;
  background-color: #171717;
  border-color: #444 #333 #333 #444;
  opacity: 1;
  border-width: 1px;
  outline: none;
  padding: 17px;
  margin: 10px 0 25px 0;
  resize: vertical;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 250ms ease;
 transition: all 250ms ease;
}

div#top-right-information {
  position: absolute;
  display: inline-block;
  width: auto;
  opacity: 1;
  margin: 7px auto 3px;
  top: 130px;
  left: 0;
  right: 0;
  -webkit-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  -moz-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

span#topLoginStatus {
display: none;
}

span#newContactStatus {
margin: 0 12px 0 0;
}

span#msgStatus {
  	color: #a28a4b;
  	cursor: pointer;
  	margin: 0;
}

span#topLoginStatus, span.empty-top-item {
  	font-size: 15px;
  	color: #666666 !important;
  	cursor: default !important;
  	pointer-events: none;
	margin: 0 12px 0 0;
}

span#authWillBeGiven {
    font-size: 15px;
    color: #f5f4f4;
}

span.acc-text {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
}

span.v-middle {
vertical-align:middle;
display:inline;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
pointer-events: none;
}

span.tab-txt-previous {
display:none;
}

span.acc-width {
display: inline-block;
vertical-align: middle;
max-width: 88% !important;
}

.deactivate {
pointer-events: none !important;
cursor: default !important;
}

.img-middle {
vertical-align:middle;
}

#lblGender, #lblCounty, #lblMembershipType, #lblPaymentInterval {
position: absolute;
top: -9px;
left: 15px;
font-size: 12px;
color: #a28a4b;
}

#lblMobileGender, #lblMobileMembershipType, #lblMobilePaymentInterval {
position: absolute;
top: 0;
left: 15px;
font-size: 12px;
color: #a28a4b;
}

input[type="radio"]:focus, input[type="radio"]:active {
outline: 1px dotted #a28a4b !important;
}

#lblUserName {
display: block;
position: absolute;
top: 64px;
left: 20px;
font-size: 12px;
color: #a28a4b;
}

#lblPassword {
display: block;
position: absolute;
top: 133px;
left: 20px;
font-size: 12px;
color: #a28a4b;
}

#login-lblUserName-1, #login-lblUserName-2 {
display: block;
position: absolute;
top: -25px;
left: 20px;
font-size: 12px;
color: #a28a4b;
}

#login-lblPassword-1, #login-lblPassword-2 {
display: block;
position: absolute;
top: 65px;
left: 20px;
font-size: 12px;
color: #a28a4b;
}

#login-area-header {
display: block;
text-align: center;
position: relative;
margin: 15px auto 30px auto;
color: #f5f4f4;
font-size: 18px;
font-weight: 500;
text-shadow: 1px 1px #111111;
}

span.capital-intro-letter {
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
margin-right: 2px;
}

span.message, #lblFullName, #strFullName, #mobile-lblFullName, #mobile-strFullName  {
display: none;
}

span.profile-desc {
position: relative;
display: block;
margin: 20px 0 20px 0;
color: #aaa;
font-size: 15px;
font-weight: 300;
text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

span.profile-add-to-favorites {
color: #f5f4f4;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
}

span.gold { color: #a28a4b;}
span.grey { color: #aaaaaa;}
span.weak { color:red;}
span.medium { color:orange;}
span.strong { color:green;}

span.cand-green, span.cand-unconfirmed, span.cand-red, span.cand-adm, span.cand-info, span.cand-sent-messages {display: inline-block;font-size: 15px;font-weight: 300; color: #bbb;}
span.cand-green:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 5px;background: #1c2e13;vertical-align: middle;line-height: normal;}
span.cand-unconfirmed:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 5px;background: #19282e;vertical-align: middle;line-height: normal;}
span.cand-red:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 5px;background: #33120f;vertical-align: middle;line-height: normal;}
span.cand-adm:before {font-family: 'FontAwesome', sans-serif;content: ' \f007 \00a0';margin:0 3px 0 3px;color: #685628;pointer-events: none;display: inline-block;vertical-align: middle;line-height: normal;}
span.cand-adm a, span.cand-adm a:link, span.cand-adm a:active {color: #a28a4b !important;}
span.cand-info:before {font-family: 'FontAwesome', sans-serif;content: ' \f05a \00a0';margin:0 3px 0 3px;color: #bbbbbb;pointer-events: none;display: inline-block;vertical-align: middle;line-height: normal;}
span.cand-info a, span.cand-info a:link, span.cand-info a:active {color: #bbbbbb !important;}
span.cand-sent-messages:before {font-family: 'FontAwesome', sans-serif;content: ' \f086 \00a0';margin:0 3px 0 3px;color: #183c60;pointer-events: none;display: inline-block;vertical-align: middle;line-height: normal;}
span.cand-sent-messages a, span.cand-sent-messages a:link, span.cand-sent-messages a:active {color: #183c60 !important;}

span.sidenav-bottom-item {
position: absolute;
display: inline-block;
bottom: 30px;
left: 32px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 96%;
color: #888888 !important;
}

span.sidenav-bottom-member-status {
position: absolute;
display: inline-block;
bottom: 70px;
left: 32px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 96%;
color: #659324;
background-color: #659324;
background-image: -webkit-linear-gradient(45deg, #3f610e, #81bc2e);
background-image: -moz-linear-gradient(45deg, #3f610e, #81bc2e);
background-image: -o-linear-gradient(45deg, #3f610e, #81bc2e);
background-image: linear-gradient(45deg, #3f610e, #81bc2e);
-webkit-background-size: 100% 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
        background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}

span.emphasize-heading {
border-bottom: 1px dotted #cccccc;
    text-decoration: none;
}

.small-text-banner {
	font-size: 13px !important;
	margin-left: 8px;
	padding: 5px;
	background-color: rgba(255,255,255,0.4);
}

.login-btn {
position: relative;
display: inline-block;
-moz-border-radius: .25em;
border-radius: .25em;
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
background-color: #659324;
background-image: -moz-linear-gradient(#81bc2e,#659324);
background-image: -ms-linear-gradient(#81bc2e,#659324);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#81bc2e),color-stop(100%,#659324));
background-image: -webkit-linear-gradient(#81bc2e,#659324);
background-image: -o-linear-gradient(#81bc2e,#659324);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e',endColorstr='#659324',GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
background-image: linear-gradient(#81bc2e,#659324);
border: 0;
cursor: pointer;
color: #fff !important;
text-decoration: none;
text-align: center;
font-size: 16px;
padding: 14px 20px !important;
margin: 8px 0 0 0;
height: auto;
min-height: 44px;
top: 0;
line-height: 0;
width: auto;
text-shadow: 0 1px 0 rgba(0,0,0,0.35);
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
}

.login-btn:hover, .login-btn:focus {
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
outline: none;
}

.login-btn:active {
text-shadow: -1px 1px 6px #ffc, 1px -1px 6px #fff;
outline: none;
}

.new-account-btn, .add-to-favorites {
display: inline-block;
-moz-border-radius: .25em;
border-radius: .25em;
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
background-color: #659324;
background-image: -moz-linear-gradient(#81bc2e,#659324);
background-image: -ms-linear-gradient(#81bc2e,#659324);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#81bc2e),color-stop(100%,#659324));
background-image: -webkit-linear-gradient(#81bc2e,#659324);
background-image: -o-linear-gradient(#81bc2e,#659324);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e',endColorstr='#659324',GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
background-image: linear-gradient(#81bc2e,#659324);
border: 0;
cursor: pointer;
color: #fff !important;
text-decoration: none;
text-align: center;
font-size: 16px;
margin: 20px 0px 0px 0px;
padding: 14px 20px !important;
height: auto;
min-height: 44px;
top: 0;
line-height: 0;
width: auto;
text-shadow: 0 1px 0 rgba(0,0,0,0.35);
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
}
.new-account-btn:hover, .new-account-btn:focus {
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;

}
.new-account-btn:active {
text-shadow: -1px 1px 6px #ffc, 1px -1px 6px #fff;
outline: none;
}

.new-account-btn-fp, .main-submit-btn {
display: inline-block;
-moz-border-radius: .25em;
border-radius: .25em;
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
background-color: #659324;
background-image: -moz-linear-gradient(#81bc2e,#659324);
background-image: -ms-linear-gradient(#81bc2e,#659324);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#81bc2e),color-stop(100%,#659324));
background-image: -webkit-linear-gradient(#81bc2e,#659324);
background-image: -o-linear-gradient(#81bc2e,#659324);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e',endColorstr='#659324',GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
background-image: linear-gradient(#81bc2e,#659324);
border: 0;
cursor: pointer;
color: #fff !important;
text-decoration: none;
text-align: center;
font-size: 16px;
padding: 14px 20px;
margin: 0px 0px 0px 0px;
height: auto;
min-height: 44px;
top: 0;
line-height: 0;
width: auto;
opacity: 0.8;
text-shadow: 0 1px 0 rgba(0,0,0,0.35);
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
}
.new-account-btn-fp:hover, .new-account-btn-fp:focus {
-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #85ca26;
outline: none;
}
.new-account-btn-fp:active {
text-shadow: -1px 1px 6px #ffc, 1px -1px 6px #fff;
outline: none;
}

.new-account-btn-fp{
	transform: translate(0,0);
	overflow: hidden;
	will-change: transform;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	mask-image: -webkit-radial-gradient(white, black);
	transition: .3s;
}
.new-account-btn-fp:after{
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	left: -10%;
	bottom: 0;
	background-color: rgba(255,255,255,0.1);
	transform: skewX(15deg);
	z-index: -1;
	transition: .5s;
}
.new-account-btn-fp:hover{
	cursor: pointer;
	color:#5bcaff;
}

.new-account-btn-fp:hover:after{
	left: -10%;
	width: 120%;
}

.search-btn {
	margin: 0 0 30px 0 !important;
	background-image: linear-gradient(#a28a4b,#504016);
	opacity: 0.7;
}

.search-btn:hover, .search-btn:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 0.9;
}

#btn-reset-loc, #btn-reset-age-range {
display: none;
}

.love-btn {
background-image: linear-gradient(#a28a4b,#504016) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 80% !important;
}

.love-btn:hover, .love-btn:active, .love-btn:focus {
background-image: linear-gradient(#a28a4b,#504016);
opacity: 1;
}

.fav-btn {
	display: block;
	float: right;
	min-height: 44px !important;
	height: auto !important;
	line-height: 100%;
	padding: 14px 20px !important;
	margin: 25px 0 30px 0 !important;
	background-image: linear-gradient(#a28a4b,#504016);
	opacity: 0.7;
}

.fav-btn:hover, .fav-btn:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 0.9;
outline: 0;
}

.price--line-through {
	color: #cccccc !important;
    background-color: transparent;
    background-image: gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, transparent), color-stop(.48, transparent), color-stop(.5, #000), color-stop(.52, transparent), color-stop(1, transparent));
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #fff 50%, transparent 52%, transparent 100%);
}

.price--discount {
	font-weight: 500;
}

.price--note {
	color: #eeeeee !important;
	font-size: 15px;
}

.signup-btn {
	margin-top: 50px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.btnPremium, .btnMembership, .btnResponsiveMembership {
	display: none !important;
	float: right;
	color: #CBCBCB !important;
	padding-left: 35px !important;
	margin: -5px 0 0 24px !important;
	background-image: linear-gradient(#24100e,#560404);
	opacity: 0.75;
}

.btnResponsiveMembership {
	float: right;
	color: #CBCBCB !important;
	padding-left: 35px !important;
	margin: 0 !important;
}

.btnMembership, .btnResponsiveMembership {
  	background-image: linear-gradient(#003307,#04560e);
	opacity: 0.45;
}

.btnPremium:hover, .btnPremium:focus, .btnMembership:hover,
.btnMembership:focus, .btnResponsiveMembership:hover, .btnResponsiveMembership:focus {
color: #f6f6f6 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 1;
outline: 0;
}

.btnPremium:before, .btnMembership:before, .btnResponsiveMembership:before {
font-family: 'FontAwesome', sans-serif;
content: ' \f135 \00a0';
font-size: 14px;
color: #f5f4f4;
margin:0 5px 0 -15px;
pointer-events: none;
}

.btnMembership:before, .btnResponsiveMembership:before {
content: ' \f2c2 \00a0';
}

.btnPremium:after, .btnMembership:after, .btnResponsiveMembership:after {
	background-color: rgba(255,255,255,0.02);
	transition-delay: 0.25s;
}

.btnPremiumActive, .btnMemberActive {
	display: none !important;
	float: right;
	color: #CBCBCB !important;
	padding-left: 35px;
	margin: -5px 0 0 24px !important;
	background-image: linear-gradient(#003307,#04560e);
	opacity: 0.85;
	pointer-events: none;
}

.btnPremiumActive:before {
font-family: 'FontAwesome', sans-serif;
content: ' \f135 \00a0';
font-size: 14px;
color: #f5f4f4;
margin:0 5px 0 -15px;
pointer-events: none;
}

.btnMemberActive:before {
font-family: 'FontAwesome', sans-serif;
content: ' \f2c2 \00a0';
font-size: 14px;
color: #f5f4f4;
margin:0 5px 0 -15px;
pointer-events: none;
}

button#btn-save-privacy-settings {
margin-top: 10px !important;
}

.block-btn {
position: relative !important;
display: block;
float: left !important;
margin: 10px 0 5px 0 !important;
background-image: linear-gradient(#a28a4b,#504016);
opacity: 0.7;
}

.set-left-aligned {
	float: left !important;
}

.remove {
opacity: 0.75;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.remove:hover, .remove:focus {
opacity: 1;
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}

.pending-request, .current-fav {
user-select: none;
cursor: default !important;
}

.upload-btn {
    margin-top: 25px;
}

.decline {
margin: 5px 0 0 0 !important;
width: 100% !important;
}

.reject {
margin: 5px 0 0 0 !important;
width: 100% !important;
}

.approve, .withdraw {
margin: 5px 0 8px 0 !important;
width: 100% !important;
}

.view-profile {
margin: 5px 0 8px 0 !important;
width: 100% !important;
}

.m-right-btn {
margin-right: 15px !important;
}

#custom-img-view {
margin-top: 8px !important;
}

.txt-area-disabled {
overflow-y: auto;
cursor: default;
color: #bbbbbb !important;
opacity: 0.75 !important;
}

.disabled-opacity {
opacity: 0.4 !important;
}

.disabled {
opacity: 0.5 !important;
background-image: -moz-linear-gradient(#817f7f,#4b4a4a) !important;
background-image: -ms-linear-gradient(#817f7f,#4b4a4a) !important;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#817f7f),color-stop(100%,#4b4a4a));
background-image: -webkit-linear-gradient(#817f7f,#4b4a4a) !important;
background-image: -o-linear-gradient(#817f7f,#4b4a4a) !important;
background-image: linear-gradient(#817f7f,#4b4a4a) !important;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
cursor: default;
pointer-events: none;
}

.disabled:hover, .disabled:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
cursor: default;
}
.disabled:active {
text-shadow: none;
outline: none;
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
cursor: default;
}

hr.style-one-abs {
	width: 100%;
bottom: 40px;
margin: 30px 0 10px 0;
opacity: 0.15 !important;
border-top: 1px solid #000 !important;
  border-bottom: 1px solid #fff !important;
}

hr.style-one {
position: relative;
margin: 40px 0 30px 0;
opacity: 0.15 !important;
border-top: 1px solid #000 !important;
border-bottom: 1px solid #fff !important;
}

hr.style-two {
	margin: 12px 0 10px 0;
  opacity: 0.15 !important;
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #fff !important;
  width: 73%;
}

hr.style-three {
opacity: 0.2;
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
width: 100%;
margin: 0px 0px 0px 0px;
text-align: left;
}

hr.style-com {
  margin: 30px 0 0 0;
  opacity: 0.15 !important;
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #fff !important;
}

hr.style-recaptcha-top {
  margin: 30px 0 13px 0;
  opacity: 0.15 !important;
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #fff !important;
}

hr.style-recaptcha-bottom {
  margin: 12px 0 17px 0;
  opacity: 0.15 !important;
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #fff !important;
}

hr#profile-hr {
display:none;
}

div.login-area p {
color: #f5f4f4;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-align: center;
}

/* Footer */

.clear {
clear: both;
}

footer#footer {
position: relative;
/* margin-top: -420px; */ /* negative value of footer height */
height: 420px;
left: 0;
right: 0;
bottom: 0px;
width: 100%;
max-width: 100vw;
border: 0px;
z-index: 2;
}

.footerbox-pre {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
width: 100%;
min-width: 100vw;
max-width: 100vw;
height: 200px;
max-height: 200px;
background: #212121;
z-index: -1;
overflow-y: hidden;
overflow-x: hidden;
}

.footerbox-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 330px;
max-height: 330px;
min-height: 330px;
border-top: #353535 1px solid;
border-bottom: #121212 1px solid;
background-color: #272727;
left: 0;
right: 0;
top: 0;
z-index: 3;
}

.footerbox {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 95%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
color: #f8f8f8;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-align: left;
z-index: 4;
}

.footerbox h2 {
margin-top: 2.0rem;
margin-bottom: 1.4rem;
color: #f5f4f4;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.25;
}

.footerbox p {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.25;
}

.footer-link {
border-bottom: 1px dotted #555555;
padding-bottom: 1px;
}

.footer-list-style ol, .footer-list-style ul {
text-indent:-30px;
margin-left:30px;
}

.footer-list-style ol li, .footer-list-style ul li {
margin: 0px;
padding-left: 0;
line-height: 25px;
list-style-position:outside;
}

.footer-list-style ul li:before {
content: "\f054";
font-family: FontAwesome, sans-serif;
font-size: 14px;
color: #f5f4f4;
margin: 0 20px 0 0;
-webkit-text-stroke: 1px #373c40; /* background color */
}

.footer-list-style ul ul {
display: none;
}

.footer-list-style p {
color: #f5f4f4 !important;
}

.footerbox a {
color: #f5f4f4;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: 400;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
text-decoration: none;
letter-spacing: 1px;
line-height: 1.25;
}

.footerbox a:hover {
color: #a28a4b !important;
text-decoration: none;
}

div.footer-list-style a {
color: #dddddd;
text-rendering: optimizeLegibility;
font-size: 14px;
font-weight: 400;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
text-decoration: none;
}

.footerbox.footer-list-style.textwidget {
margin-bottom: 40px;
}

#footer-widget1 {
display: inline-block;
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
padding: 0 40px 20px 0;
margin: 0 0 0 25px;
color:#AAAAAA;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.25;
text-align: left;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

#footer-widget2 {
position: relative;
display: none;
overflow: hidden;
float: left;
color:#AAAAAA;
font-size: 14px;
font-weight: 400;
text-align: left;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

#footer-widget3 {
position: relative;
display: none;
overflow: hidden;
float: left;
color:#AAAAAA;
font-size: 14px;
font-weight: 400;
text-align: left;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.footerbox-bottom-container {
position: relative;
display: block;
width: 100%;
min-width: 100vw;
max-width: 100vw;
height: 92px;
max-height: 92px;
border-top: #121212 1px solid;
background-color: #212121;
margin: 0px;
padding: 0px;
/* -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.4); */
z-index: 3;
}

#footerbox-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;	/* One left, one right */
height: 90px;
color:#777777;
font-weight: 300;
width: calc(95% - 0px); /* Mobile first */
font-size: 16px;
margin: 0 auto;
padding: 0px;
z-index: 4;
}

.footerbox-bottom-left {
white-space: nowrap;
overflow-x: hidden;
max-width: 75%;
overflow-y: hidden;
margin: 0px;
padding: 0px;
z-index: 5;
}

.footerbox-bottom-right {
display: inline-block;
height: 40px;
width: 40px;
margin: 0px;
padding: 0px;
z-index: 5;
}

.scroll-to-top {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 40px;
width: 40px;
border: 1px solid #444444;
border-radius: 1px;
background-color: transparent;
z-index: 5;
}

.footerbox-bottom-right a:link .fa,
.footerbox-bottom-right a:visited .fa,
.footerbox-bottom-right a:active .fa {
color: #f5f4f4;
}

.footerbox-bottom-right a:hover .fa {
color: #a28a4b !important;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1, h2, h3, h4, h5, h6 {
  margin-top: 2rem;
  color: #767676;
  margin-bottom: 2rem;
	font-weight: 400;
	font-style: normal;
	white-space:pre-wrap;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

h1 { font-size: 1.8rem; line-height: 1.2;  letter-spacing: -.01rem;}
h2 { font-size: 1.6rem; line-height: 1.25; letter-spacing: -.01rem; }
h3 { font-size: 1.4rem; line-height: 1.3;  letter-spacing: -.01rem; }
h4 { font-size: 1.3rem; line-height: 1.35; letter-spacing: -.01rem; }
h5 { font-size: 1.2rem; line-height: 1.5;  letter-spacing: -.01rem; }
h6 { font-size: 1.1rem; line-height: 1.6;  letter-spacing: -.01rem; }

h1, h1 a:link {
text-decoration: none;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
}

h1.arena-module-header, h2.arena-module-header {
font-weight: 600;
font-size: 26px;
padding-left: 0;
padding-top: 35px;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
}

#header-send, #header-helpdesk {
margin-top: 20px !important;
padding-left: 0 !important;
}

h1.frontpage-module-header-male, h1.frontpage-module-header-female {
display: flex;
font-weight: 600;
font-size: 26px;
padding: 35px 0 0 0;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
align-self: center;
}

h1.arena-module-header-c, div.arena-module-header-c {
pointer-events: none;
}

h1.frontpage-module-header-signup, h2.frontpage-module-header-signup {
display: flex;
font-weight: 600;
font-size: 26px;
padding: 0 0 0 0;
margin-top: 32px;
margin-bottom: 0;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
align-self: center;
}

h1.mod-h {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 88%;
font-weight: 600;
font-size: 26px;
padding-top: 10px;
padding-left: 5px;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
}

h1#module-header-3 {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 60% !important;
}

h1.center-adj {
max-width: 88%;
}

h1.frontpage-header, h2.frontpage-header, h3.frontpage-header, h4.frontpage-header, h5.frontpage-header {
font-weight: 600;
text-align:center !important;
font-size: 26px;
padding: 30px 0 0 0;
color: #f5f4f4 !important;
text-shadow:1px 1px 1px #000;
}

h1.nightmode-header {
font-weight: 600;
font-size: 28px;
margin-top: 37px !important;
text-transform: uppercase;
color: #f5f4f4 !important;
text-shadow:1px 1px 1px #000;
}

h2.nightmode-header {
font-weight: 600;
font-size: 25px;
padding-top: 20px;
color: #f5f4f4 !important;
text-shadow:1px 1px 1px #000;
}

div.modal-header h2.arena-modal-heading {
color: #cccccc !important;
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 80%;
}

h3.nightmode-header {
font-weight: 600;
font-size: 22px;
padding-top: 10px;
margin: 10px 0 !important;
color: #a28a4b !important;
text-shadow:1px 1px 1px #000;
}

p {
position: relative;
display: block;
font-weight: 300;
font-style: normal;
margin: 1em 0 1em 0;
color: #bbbbbb;
font-size: 100%;
}

p.agreement {
font-size: 0.9375em !important;
}

p.bottom-p {
margin-bottom: 50px;
}

p.chkbox-group {
align-items: center;
display: flex;
}

span.chkbox-text {
display: inline-block;
padding-top:4px;
margin-right: 3px;
}

span.arena-top-item {
	display: inline-block;
	font-weight: 300;
	font-size: 12px;
  	color: #a28a4b;
	margin: 0 10px 0 10px;
}

div.m-content-container > * {
vertical-align:middle;
}

div.male p, .arena-content, .arena-content p {
color: #f5f4f4;
}

div.welcome-inner p.welcome-one, p.intro-one {
position: relative;
display: flex;
border-top-right-radius: 6px;
background-color: rgba(0, 0, 0, 0.7);
color: #f5f4f4;
font-size: 22px !important;
font-weight: 600;
padding: 15px 20px;
margin: 20px 0 15px 0;
width:auto;
}

div.welcome-inner p.welcome-one {
width:100vw;
}

div.welcome-inner p.welcome-two, div.welcome-inner p.intro-two {
position: relative;
display: none;
border-top-right-radius: 6px;
background-color: rgba(230, 230, 230, 0.7);
color: #000000;
font-size: 18px !important;
font-weight: 600;
padding: 15px 20px;
margin: 0 8px 0 8px;
width:auto;
}

div.welcome-inner p.intro-two {
background-color: rgba(230, 230, 230, 0.92);
display: flex;
}

div.female p {
color: #f5f4f4 !important;
}

div#signup-module p {
margin: 1.2em 0 0.3em 0;
color: #e9e9e9 !important;
opacity: 0.8;
font-size: 16px;
text-shadow:1px 1px 1px #000;
}

div#blacklist-module {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}

#op17 {
margin-bottom: 20px;
}

.textwidget p {
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 22px;
}

.textwidget li {
color: #dddddd !important;
font-weight: 400;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

blockquote {
margin: 0px 0px 30px 0px;
overflow: hidden;
padding: 30px;
background-color: #f5f4f4; /* fallback */
background-color: rgba(233, 233, 233, 0.7);
border-left: 8px solid #999999;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a:link, a:visited, a:active, a#open-mobile-login {
color: #222222;
font-weight: 500;
text-decoration: none;
cursor: pointer;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition: all 400ms linear;
}

a:hover {
color: #a28a4b;
text-decoration: underline;
font-weight: 500;
transition: all 400ms linear;
}

a#renew-failed-payment, a#renew-failed-payment:hover, a#renew-failed-payment:active,
a#renew-cancelled-payment, a#renew-cancelled-payment:hover, a#renew-cancelled-payment:active {
	border-bottom: 1px dotted #cccccc;
	text-decoration: none;
	color: white !important;
	font-weight: 300 !important;
	cursor: pointer !important;
}

a.enable-email-functionality {
display: none;
}

a.agreement-link {
color: #f5f4f4;
opacity: 0.7;
font-size: 0.9375em !important;
text-decoration: underline;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.4); /* Safari */
text-decoration-color: rgba(255, 255, 255, 0.4);
font-weight: 300;
transition: all 400ms linear;
}

a.agreement-link:hover {
color: #f5f4f4;
text-decoration: underline;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.4); /* Safari */
text-decoration-color: rgba(255, 255, 255, 0.4);
font-weight: 300;
transition: all 400ms linear; opacity: 1;
}

a.agreement-link:link, a.agreement-link:visited, a.agreement-link:active {
color: #f5f4f4;
text-decoration: underline;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.4); /* Safari */
text-decoration-color: rgba(255, 255, 255, 0.4);
font-weight: 300;
transition: all 400ms linear;
}

li#premium-link {
display: list-item;
cursor: pointer;
}

/* remove apple links */
.apple-link {
color: #a28a4b !important;
text-decoration: none !important;
}

li#member-link, li#member-link-arena {
display: none;
}

/* language panel */

#multi-lang-container {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 5px;
top: 3px;
right: 50px;
width: auto;
height: 50px;
margin: 0 auto;
}

#multi-lang-switcher, #resp-multi-lang-switcher {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 60px;
	width: auto;
	cursor: pointer;
	transition: all 0.3s linear;
}

#resp-multi-lang-switcher {
	min-width: 175px !important;
}

#multi-lang-switcher:hover *, #resp-multi-lang-switcher:hover * {
	color: #ccc;
	transition: all 0.4s linear;
}

#multi-lang-switcher-icon {
	padding: 0 18px 0 18px;
	color: #888;
	pointer-events: none;
}

#multi-lang-state {
	color: #888;
	font-size: 15px;
	pointer-events: none;
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

#multi-lang-pick-container, #resp-multi-lang-pick-container {
	pointer-events: none;
		  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

#multi-lang-angle-icon {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	color: #444;
	font-size: 15px;
	pointer-events: none;
}

#lang-sub-menu {
	position: absolute;
	top: 60px;
	right: 0;
	display: flex;
	flex-direction: row;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	max-height:0;
	color: #ccc;
	font-size: 15px;
	height: auto;
	width: 370px;
	background-color: rgba(0,0,0, 0.95) !important;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
	z-index: 10000;
	transform: translateZ(0);
}

.expanded {
max-height: 300px !important; /* Adjust this value based on the height of the sub-menu */
}

#lang-col-1, #lang-col-2 {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0;
	padding: 5px 0;
	width:100%;
	height: 100%;
}

a.sub-menu-lang-item {
	color: #cccccc !important;
	font-weight: 300 !important;
	font-style: normal;
	cursor: pointer;
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid rgba(50,50,50, 0.4);
	text-indent: 0;
	transition: all 200ms ease-in;
}

a.sub-menu-lang-item:hover {
	cursor: pointer;
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid rgba(50,50,50, 0.4);
	text-decoration: none !important;
	text-indent: 8px;
	transition: all 200ms ease-in;
}

a.sub-menu-lang-item:last-child {
	border-bottom: 1px solid transparent;
}

#language-panel {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 5px;
top: 3px;
right: 50px;
width: auto;
height: 50px;
margin: 0 auto;
}

#mobile-language-panel {
position: absolute;
display: flex;
align-items: flex-end;
flex-direction: row;
padding: 5px;
bottom: 60px;
left: 0;
width: 100%;
max-width: 100vw;
height: 50px;
margin: 30px 0 20px 0;
overflow: visible;
}

#language-panel .lang-switcher {
	width: 27px;
	height: 27px;
	margin:0 0 0 20px;
	padding:0;
}

#mobile-language-panel .lang-switcher {
	display: inline-block;
	width: auto;
	max-width: 17vw;
	height: auto;
	margin:0;
	padding: 0;
	overflow: hidden;
}

#language-panel img {
	display: block;
	width: 27px;
	height: 27px;
	opacity: 0.3;
	transition: opacity 300ms linear;
	cursor: pointer;
}

#language-panel img:hover {
	opacity: 1 !important;
}

#mobile-language-panel img {
	display: block;
	width: 38px;
	height: 38px;
	opacity: 0.9;
	transition: opacity 300ms linear;
	cursor: pointer;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button > i {
    pointer-events: none !important;
}

#responsive-btn {
display: block;
}

span.btn-price-desc {
display: none;
}

.hamburger-icon {
    margin: 0;
    padding: 19px 16px;
    position: absolute;
	top: 20px;
	right: 14px;
	cursor: pointer;
}

.hamburger-icon span {
    width: 40px;
    background-color: #715027;
    height: 2px;
    display: block;
    margin-bottom: 12px;
}
.hamburger-icon span:last-child {
    margin-bottom:0;
}

.btn-wrapper {
position: relative;
margin: 0;
padding: 0;
width: 100%;
}

button:focus {
outline:0;
}

.scroll-new-msg {
display: block;
margin-left: 20px !important;
}

/* Social sharing buttons */

.footerbox-bottom-left ul, .footerbox-bottom-left ul li, .footerbox-bottom-left.social-icons {
list-style: none; margin: 0px 15px 0px 0px; padding: 0px; line-height: 0px;
}

.social-icons {float: left; position: relative; margin: 0px 15px 0px 0px; padding: 0px;}
.social-icons-widget {float: left; position: relative; margin-right: 10px;list-style: none;}
.fa.fa-facebook-square:hover,
.fa.fa-twitter-square:hover,
.fa.fa-linkedin-square:hover,
.fa.fa-google-plus-square:hover,
.fa.fa-copyright:hover {
color: #d10a11;
cursor:pointer;
opacity: 1;
}

.fa.fa-twitter-square,
.fa.fa-facebook-square,
.fa.fa-linkedin-square,
.fa.fa-google-plus-square,
.fa.fa-copyright {
color: #f5f4f4;
font-size:30px;
opacity: 0.4;
}

.fa.fa-ban {
color: #d10a11;
cursor:pointer;
opacity: 1;
font-size: 70vw;
margin-bottom: 100px;
text-shadow: 3px 3px 16px #272634;
}

.fa.fa-expand,
.fa.fa-compress,
.fa.fa-commenting,
.fa.fa-arrows-alt,
.fa.fa-pencil-square-o,
.fa.fa-envelope,
.fa.fa-envelope-open,
.fa.fa-user,
.fa.fa-unlock-alt,
.fa.fa-user-plus,
span.tab-txt-previous,
span.passive,
.fa.fa-times-circle,
.fa.fa-angle-double-left,
.fa.fa-angle-double-right,
.fa.fa-angle-right,
.fa.fa-angle-left {
pointer-events: none;
}

.fa.fa-envelope-open {
opacity: 0.18;
}

.fa.fa-envelope, .close-message {
color: #ffffff !important;
}

.close-message .fa.fa-times, .close-message .fa.fa-window-close {
color: #dddddd !important;
display: block !important;
z-index: 888;
padding: 0 10px 0 25px;
font-size: 24px;
cursor: pointer;
opacity: 0.6;
transform: scale(1);
transition: all 300ms linear;
}

.close-message .fa.fa-times:hover, .close-message .fa.fa-window-close:hover {
opacity: 1;
color: #eeeeee !important;
transform: scale(1.1);
}

/* Hide Copyright in mobile view */

.fa.fa-copyright {
display: none;
}

/* fa-question */
.fa.fa-question {
position: relative;
pointer-events: none;
}

.fa.fa-snowflake-o {
	opacity: 0.8;
	font-size: 13px;
    color: transparent !important;
    text-shadow: 0 0 0 #f6f6f6;
	margin-right: 8px;
}

/* facebook icon in footer */
a.fb-link-in-footer, a.fb-link-in-footer:active {
font-weight: 300;
font-style: normal;
color: #bbbbbb !important;
font-size: 16px;
}

a.fb-link-in-footer:hover {
font-weight: 300;
font-style: normal;
color: #a28a4b !important;
font-size: 16px !important;
}

.slim[data-state*='error'] {
    background-color: #781b0b !important;
    color: #f6f6f6 !important;
}

/* General hide class */
.hide {
display: none !important;
}

.show-block {
	display: block;
	float: left;
	margin-top: 30px;
	-webkit-transition: all 250ms ease;
   transition: all 250ms ease;
}

/* Show */
.show {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#desktop-form-public {
display: none;
}

#mobile-form-public {
display: flex;
}

.new-member-text-input, .birthDate {
border: 1px solid #444444;
}

td.membership-choice div {
display: inline-block;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
height: auto;
min-height: 55px;
width: 100%;
max-width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px !important;
padding: 14px 15px;
margin: 0;
font-size: 18px;
line-height: 23px !important;
border-color: #444 #333 #333 #444;
outline: none;
color: #999999;
font-weight: 300;
background: #000000 url('../images/select-box-indicator.gif') no-repeat 95% center;
opacity: 0.8;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

select:focus {
border-color: #a28a4b !important;
}

select#page_id {
color: #999999;
font-size: 110%;
background: transparent url('../images/select-box-indicator.gif') no-repeat 95% center;
max-width: 220px;
margin: 7px 0px 5px 0px;
}

select#state:focus, select#country:focus, select#location:focus, select#state_profile:focus, select.profSel:focus,
select#mobile-state:focus, select#country_profile:focus {
border-color: #a28a4b !important;
}

select#state_profile, select#country_profile {
margin-bottom: 6px !important;
}

select#avatar {
margin-top: 18px !important;
}

label.screen-reader-text {
	display: none;
}

select::-ms-expand {
    display: none; /* Remove indicator/arrow for IE */
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul#responsive-menu-pro .fa.fa-search {
display: none;
}

ul {list-style: none; margin-top: 10px; margin-left: 0px; padding: 0px;}
li {margin-top: 5px; }

.li_pagination {display: inline-block;padding: 8px 12px;background-color: #0b97c4;}
.ul-presentation {list-style:none; margin-top: 0px; margin-left: 20px; padding: 0px;}
.ul-presentation-sub-list {list-style:none; margin-top: 3px; margin-left: 25px; padding: 0px;}

.ul-presentation li:before {
font-family: 'FontAwesome', sans-serif;
content: '\f105';
margin:0 5px 0 -15px;
color: #555555;
}

.ul-presentation-sub-list li:before {
content: '';
}

#sidebar ul {
margin: 24px 0px 12px 0px;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
border: 0;
padding: 0;
margin: 0;
width: 100%;
}

th,
td {
position: relative;
top:0;
margin: 0;
padding: 12px 0 12px 0;
text-align: left;
}

td.left {
width: 100%;
max-width: 92vw;
min-width: initial;
padding-right: 0;
}

td.right {
	width: 50%;
	max-width: 50%;
	min-width: 50%;
margin-left: 10px;
}

td.quarter {
width:25%;
}

td.center-content, p.center-button {
text-align: center !important;
}

p.center-button {
	width: 100%;
	max-width: 100vw;
	display: inline-block;
}

td.top-padding {
padding-top: 30px;
}

td.left-padding {
padding-left: 20px;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@keyframes opacity {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.alerts-border {
    animation: blink 1s;
    animation-iteration-count: 3;
}

.clickable {
cursor: pointer;
}

@keyframes blink { 50% { border-color: darkred;color:white;-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8); }  }

.header-container-logo img,
.header-container-logo-small img,
.header-container-logo object,
.header-container-logo-small object {
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}

@-webkit-keyframes fade-in-right {
  from {
    opacity: 0;
	-webkit-transform: translateX(-15px);
  	-moz-transform: translateX(-15px);
  	-ms-transform: translateX(-15px);
  	-o-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  to {
    opacity: 1;
	-webkit-transform: translateX(0);
  	-moz-transform: translateX(0);
  	-ms-transform: translateX(0);
  	-o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fade-in-right {
  from {
    opacity: 0;
		-webkit-transform: translateX(-15px);
  	-moz-transform: translateX(-15px);
  	-ms-transform: translateX(-15px);
  	-o-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  to {
    opacity: 1;
		-webkit-transform: translateX(0);
  	-moz-transform: translateX(0);
  	-ms-transform: translateX(0);
  	-o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fade-in-graphics {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in-graphics {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes grow-left {
  from {
		-webkit-transform: scaleX(0);
  	-moz-transform: scaleX(0);
  	-ms-transform: scaleX(0);
  	-o-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
		-webkit-transform: scaleX(1);
  	-moz-transform: scaleX(1);
  	-ms-transform: scaleX(1);
  	-o-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes grow-left {
  from {
	-webkit-transform: scaleX(0);
  	-moz-transform: scaleX(0);
  	-ms-transform: scaleX(0);
  	-o-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
	-webkit-transform: scaleX(1);
  	-moz-transform: scaleX(1);
  	-ms-transform: scaleX(1);
  	-o-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@-webkit-keyframes activateLogin {
  from { top: 65px; opacity: 0; }
  to   { top: 25px; opacity: 1; }
}
@-moz-keyframes activateLogin {
  from { top: 65px; opacity: 0; }
  to   { top: 25px; opacity: 1; }
}
@-o-keyframes activateLogin {
  from { top: 65px; opacity: 0; }
  to   { top: 25px; opacity: 1; }
}
@keyframes activateLogin {
  from { top: 65px; opacity: 0; }
  to   { top: 25px; opacity: 1; }
}

@-webkit-keyframes deactivateLogin {
  from { top: 25px; opacity: 1; }
  to   { top: 65px; opacity: 0; }
}
@-moz-keyframes deactivateLogin {
  from { top: 25px; opacity: 1; }
  to   { top: 65px; opacity: 0; }
}
@-o-keyframes deactivateLogin {
  from { top: 25px; opacity: 1; }
  to   { top: 65px; opacity: 0; }
}
@keyframes deactivateLogin {
  from { top: 25px; opacity: 1; }
  to   { top: 65px; opacity: 0; }
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: pld 0.9s infinite linear;
  animation: pld 0.9s infinite linear;
}
@-webkit-keyframes pld {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pld {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes regularHightLight {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	100% { opacity: 1;color: #f6f6f6 !important;-webkit-transform: scale(1.07);transform: scale(1.07); }
}
@-moz-keyframes regularHightLight {
	0% { -moz-transform: scale(1); transform: scale(1); }
	100% { opacity: 1;color: #f6f6f6 !important;-moz-transform: scale(1.07);transform: scale(1.07); }
}
@-o-keyframes regularHightLight {
	0% { -o-transform: scale(1); transform: scale(1); }
	100% { opacity: 1;color: #f6f6f6 !important;-o-transform: scale(1.07);transform: scale(1.07); }
}
@keyframes regularHightLight {
	0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
	100% { opacity: 1;color: #f6f6f6 !important;-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07); }
}

.attention {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-animation: regularHightLight ease-out 1s infinite alternate forwards;
-moz-animation: regularHightLight ease-out 1s infinite alternate forwards;
-o-animation: regularHightLight ease-out 1s infinite alternate forwards;
animation: regularHightLight ease-out 1s infinite alternate forwards;
-webkit-animation-delay: 10s;
-moz-animation-delay: 10s;
-o-animation-delay: 10s;
animation-delay: 10s;
-webkit-animation-iteration-count: 2;
-moz-animation-iteration-count: 2;
-o-animation-iteration-count: 2;
animation-iteration-count: 2;
}

.preload {
opacity: 0;
}

.no_trans * {
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition: none;
}

#com-preloader, #result-preloader {
position: absolute;
display: none;
top: 50%;
left: 54%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}

#resp-mobile-language-panel	{
	position: relative;
	margin-top: 2px;
	margin-left: 10px;
}

#resp-multi-lang-container {
display: flex;
justify-content: flex-start;
padding: 5px;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: auto;
margin: 0 auto;
}

#resp-multi-lang-switcher-icon {
	font-size: 22px;
	padding: 0 18px 0 18px !important;
}

#resp-multi-lang-state {
font-size: 1.250em;
color: #bbb;
}

#resp-multi-lang-angle-icon {
	position: relative;
	display: inline;
	font-size: 20px;
	margin-left: 12px;
	color: #444;
	pointer-events: none;
}

#resp-lang-sub-menu {
position: fixed;
top: 0;
right: -17px;
overflow: hidden;
display: none;
flex-direction: row;
padding-top: 54px;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
color: #ccc;
font-size: 15px;
height: auto;
width: 100vw;
background-color: rgba(0,0,0, 0.95) !important;
transition: opacity 0.3s ease-in-out;
z-index: 10000;
transform: translateZ(0);
}

.resp-expanded {
max-height: 600px !important; /* Adjust this value based on the height of the sub-menu */
}

#close-language-menu {
	opacity: 0;
	pointer-events: none;
}

#resp-lang-col-1 {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	margin: 0;
	padding: 5px 0;
	width: 100vw;
	height: 100vh;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Chrome & Safari (any version) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    span.arena-top-item {
	font-size: 15px !important;
	}
}

@media (max-height: 1050px) {

.payment-modal-content {
height:80vh;
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
-ms-transition: height 1s ease;
transition: height 1s ease;
}

img.stripe-acc-payments {
display:none;
}

p.payment-text-desktop {
display:none;
}

}

@media (max-height: 1120px) and (max-width: 580px) {

img.stripe-acc-payments {
	display:none;
}

}

@media (max-width: 959px) {

#language-panel {
	top: 22px;
	right: 100px;
}

.msg-properties {
	margin-top: 52px !important;
}

div.member-activation-wrapper.in-header {
display: flex;
position: absolute;
top: 32px;
right: 120px;
justify-content: flex-end;
align-items: center;
width: 100%;
min-width: 100vw;
max-width: 100vw;
padding: 0;
margin: 0;
z-index: 999;
}

div.member-activation-wrapper.under-header {
display: none;
}

.btnResponsiveMembership {
display: block !important;
position: relative;
width: auto;
}

.btn-price-desc-resp {
display: inline !important;
}

}

@media (max-width: 849px) {

.price-module-left {
padding-bottom: 30px !important;
}

.mobile-hide {
	display: none !important;
}

}

@media (max-width: 730px) {

.btn-price-desc-resp {
display: none !important;
}

body.home .msg-properties {
margin-top: 30px !important;
}

body.arena .alert-failed-payment {
	margin-top: 100px;
}

div.member-activation-wrapper.in-header {
	display: none;
}

}

@media (max-width: 600px) {

#language-panel {
display: none;
}

body.help-desk #wrapper {
margin-top: 30px;
}

div.member-activation-wrapper.under-header {
display: none; /* previously flex */
position: relative !important;
right: auto;
justify-content: center;
align-items: center;
width: 100vw;
min-width: 100vw;
max-width: 100vw;
padding: 0 20px 10px 20px;
margin: 35px 0 0 0;
top: 35px;
z-index: 4;
}

.btnResponsiveMembership {
display: block !important;
width: 87vw;
font-size: 17px !important;
}

.btn-price-desc-resp {
display: inline !important;
}

img.stripe-acc-payments {
display:none;
}

p.payment-text-desktop {
display:none;
}

div.form-row {
display: flex;
flex-direction: column;
width: 100%;
}

#payment-form .inline .col {
position: relative;
margin: 15px 0 25px 0;
width: 100%;
}

#payment-form .inline .col #name {
width: 100%;
margin-right: 0;
}

#payment-form .inline .col #email {
width: 100%;
margin-left: 0;
margin-bottom:5px;
}

h1.mod-h, h1.frontpage-header, h2.frontpage-header, h3.frontpage-header, h4.frontpage-header, h5.frontpage-header {
font-size: 24px !important;
max-width: 85vw !important;
color: #cccccc !important;
padding-left: 5px;
padding-right: 10px;
word-break: break-word;
}

div#communication h1.mod-h {
top: 30px !important;
max-width: 97% !important;
font-size: 22px !important;
}

div#communication div.arena-module-header {
	margin-bottom: 20px !important;
}

}

@media (max-width: 580px) {

#multi-lang-container {
display: none !important;
}

.fa.fa-globe {
	font-size: 20px !important;
}

p.secondary-black-bg-text {
	display: none !important;
}

}

@media (max-width: 470px) {

.msg-properties {
	margin-top: 100px !important;
}

body.home .msg-properties {
	margin-top: 0 !important;
}

}

@media (max-width: 465px) {

body {
font-size: 105%;
}

body.help-desk #wrapper {
margin-top: 0;
}

div.m-content-container > * {
vertical-align:middle;
}

.price-module span.intro-text, .price--discount, .price--line-through {
	color: #bbbbbb !important;
}

span.m-text-content {
white-space: nowrap;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}

span.m-sep:nth-child(2),
span.m-text-content:nth-child(3n) {
display: none !important;
}

span.m-sep {
font-size: 10px;
opacity: 0.65;
}

span.m-sep-premium:nth-child(2) {
display: none !important;
}

span.m-sep-premium {
font-size: 10px;
opacity: 0.65;
}

img.logotype-payment-modal {
display:none;
}

.payment-modal-content {
height:80vh;
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
-ms-transition: height 1s ease;
transition: height 1s ease;
}

.payment-modal-body, #stripe-payment-form {
padding-top:0 !important;
}

h2#payment-modal-heading {
	font-size: 1.5rem;
}

h4.payment-heading {
	font-size: 1.5rem;
}

.close-message .fa.fa-window-close {
	font-size: 28px;
	padding-right: 0;
}

#search {
padding-top: 15px !important;
margin-bottom: 0 !important;
}

#search, .text-grid {
margin-top: 20px !important;
}

#result {
margin-bottom: 0 !important;
}

div#top-right-information {
  top: 110px;
}

#btn-scroll-new-msg, #btn-remove-favorite {
width: 100% !important;
}

#btn-scroll-new-msg {
margin: 15px auto 5px !important;
}

#btn-remove-favorite {
margin: 15px auto 50px !important;
}

#lblCounty {
display: none;
}

.frontpage-module {
margin: 0 !important;
}

div.txtbox-wrapper:first-child {
margin-top: 35px !important;
}

#main-content-left {
margin-top: 55px !important;
}

body.pub-contact #main-content-left {
margin-top: 0 !important;
}

body.pub-contact #internal-wrapper {
padding-top: 0 !important;
}

p.premium-expiry-date, p.member-expiry-date, .txtMessageArea, .txtMessageArea-1, .profile-text-input,
#state_profile, #country_profile, .new-account-btn-fp, .accordion, .favorites,
.profile-accordion, span.profile-desc, .main-submit-btn,
.love-btn, .new-member-text-input, input.leftPanelTextBox, .noaccess, select {
font-size: 5vw !important;
}

div.footerbox-bottom-left p, p.chkbox-group {
font-size: 4vw !important;
}

span.chkbox-text, p.golden, div.panel p {
font-size: 4.5vw !important;
}

div.footer-list-style a {
font-size: 4vw !important;
line-height: 110%;
}

.footer-list-style ul li:before {
content: "\f054";
font-family: FontAwesome, sans-serif;
font-size: 4vw !important;
margin: 0 20px 0 0;
color: #CBCBCB !important;
}

h1.arena-module-header, h2.arena-module-header {
color: #cccccc !important;
font-size: 7vw !important;
padding-top: 47px !important;
}

h1.helpdesk-heading {
padding-top: 75px;
padding-left: 0 !important;
padding-bottom: 0;
}

div.footerbox h2 {
font-size: 5vw !important;
}

.modal-header h2 {
font-size: 6vw !important;
}

span.v-middle, #mobile-forgot-password-1, #mobile-forgot-password-2, p.agreement, a.agreement-link {
font-size: 5vw !important;
}

p.intro-text {
color: #cdcdcd !important;
font-size: 5vw;
margin-top: 12px !important;
}

p.intro-text:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}

span.profile-prm {
font-size: 4vw !important;
}

span.arena-top-item {
font-size: 5vw !important;
}

#internal-header-wrapper {
background: rgba(0, 0, 0, 0.2) !important;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)) !important;
}

div.member-activation-wrapper {
display: flex;
position: relative;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100vw;
max-width: 100vw;
padding: 0 20px 10px 20px;
margin-top: 40px;
top: 80px;
z-index: 4;
}

.btnResponsiveMembership {
display: block !important;
position: relative;
width: 90vw;
font-size: 17px !important;
font-weight: 600;
}

div.member-activation-wrapper.under-header {
padding-top: 10px;
margin: 40px 0 0 0;
top: 40px;
}

#mobile-language-panel {
	max-width: 96vw;
}

#mobile-language-panel .lang-switcher {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
	width: auto;
	max-width: 48px;
	height: auto;
	margin:0 0 0 23px;
	padding: 0;
	overflow: hidden;
}

#mobile-language-panel .lang-switcher a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: auto;
	max-width: 48px;
	height: auto;
	margin:0;
	padding: 0;
	overflow: hidden;
}

#mobile-language-panel img {
	display: block;
	width: 30px;
	height: 30px;
	opacity: 0.9;
	transition: opacity 300ms linear;
	cursor: pointer;
}

.price-module span.intro-text, .price--discount, .price--line-through {
	font-size: 15px !important;
}

} /* End media query */

@media (max-width: 405px) {

.btnResponsiveMembership {
display: block !important;
position: relative;
width: 90vw;
font-size: 17px !important;
font-weight: 400;
}

.btn-price-desc-resp {
display: none !important;
}

}

@media (max-width: 395px) {

div.welcome-inner p.welcome-one, p.intro-one {
font-size: 20px !important;
}

} /* End media query */

@media (max-width: 385px) {

td.membership-choice {
	display: flex;
	flex-direction: column;
    column-count: 1;
}

td.membership-choice div {
display: inline-block;
margin-bottom: 8px;
}

} /* End media query */

@media (max-width: 370px) {

span.m-text-content {
max-width: 110px;
}

} /* End media query */

@media (max-width: 350px) {

span.m-text-content {
max-width: 90px;
}

.price-module-left, .price-module-middle, .price-module-right {
width: 92vw;
max-width: 92vw;
}

.price-module span.intro-text, .price--discount, .price--line-through {
font-size: 14px !important;
}

} /* End media query */

@media (max-width: 330px) {

span.m-text-content {
max-width: 77px;
}

.price-module-left, .price-module-middle, .price-module-right {
width: 94vw;
max-width: 94vw;
border: 0;
}

.price-module span.intro-text, .price--discount, .price--line-through {
font-size: 13px !important;
}

} /* End media query */

@media (max-width: 319px) {

body {
overflow-x: hidden !important;
font-size: 16px !important;
background: url(../images/bg-kd.jpg) black no-repeat center left fixed !important;
}

span.m-text-content {
max-width: 70px;
}

header, div#wrapper {
   max-width: 100vw !important;
   overflow-x: hidden !important;
}

.lblPosition {
display:none !important;
}

.profile-text-input:focus ~ label, .profile-text-input:valid ~ label {
position: absolute;
  top: -27px !important;
  font-size: 10px !important;
  color: #a28a4b;
}

#lblBirthDateProfile, .lbl-profile-select {
top: -27px !important;
font-size: 10px !important;
}

#love-arena-link {
color: #a28a4b !important;
}

::-webkit-scrollbar {
	display: none !important;
}

.txtMessageArea, .txtMessageArea-1, .profile-text-input,
#state_profile, #country_profile, .new-account-btn-fp, .accordion, .favorites,
.profile-accordion, span.profile-desc, .main-submit-btn,
.love-btn, .new-member-text-input, input.leftPanelTextBox, .noaccess, select {
font-size: 14px !important;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #444444 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 14px !important;
}
input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    /* -webkit-box-shadow:0 0 0 50px #444444 inset; */
    -webkit-text-fill-color: #b8b8b8;
    font-size: 14px !important;
}

#country:-webkit-autofill,
#country:-webkit-autofill:hover,
#country:-webkit-autofill:focus,
#country:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px black inset !important;
}

#country:-webkit-autofill
{
 -webkit-text-fill-color: #d8d8d8 !important;
}

.main-submit-btn, .love-btn, .fav-btn {
min-height: 46px !important;
height: auto !important;
line-height: 100%;
padding: 14px 20px !important;
}

.arena-content-module, .s-m-wrapper {
width: 100% !important;
}

#mobile-forgot-password-1, #mobile-forgot-password-2 {
margin-top: 30px !important;
}

.scroll-to-top.fa.fa-chevron-up, .scroll-to-top.fa.fa-chevron-up:before {
width: 17px !important;
height: 17px !important;
color: #cccccc;
background-color: transparent;
z-index: 6;
}

#internal-wrapper {
background: rgba(0, 0, 0, 0.8) !important;
}

#search {
margin-top: 25px !important;
}

#display-introduction-text {
padding-right: 15px !important;
padding-left: 15px !important;
}

div.text-content p {
font-size: 17px !important;
}

div.text-content {
padding: 0 !important;
margin: 0 !important;
line-height: normal !important;
}

.slim-file-hopper {
border-style: dashed;
border-width: 1px;
border-color: #a28a4b;
}

.slim-file-hopper:focus, .slim-file-hopper:active {
border-style: solid;
border-width: 1px;
border-color: #000000;
}

p.premium-expiry-date, p.member-expiry-date, .txtMessageArea, .txtMessageArea-1, .profile-text-input,
#state_profile, #country_profile, .new-account-btn-fp, .accordion, .favorites,
.profile-accordion, span.profile-desc, .main-submit-btn,
.love-btn, .new-member-text-input, input.leftPanelTextBox, .noaccess, select {
font-size: 17px !important;
}

div.footerbox-bottom-left p, p.chkbox-group {
font-size: 16px !important;
}

span.chkbox-text, p.golden, div.panel p {
font-size: 16px !important;
}

div.footer-list-style a {
font-size: 16px !important;
line-height: 110%;
}

.footer-list-style ul li:before {
content: "\f054";
font-family: FontAwesome, sans-serif;
font-size: 16px !important;
margin: 0 20px 0 0;
color: #CBCBCB !important;
}

h1.mod-h, h1.frontpage-header, h2.frontpage-header, h3.frontpage-header, h4.frontpage-header, h5.frontpage-header {
font-size: 18px !important;
max-width: 85vw !important;
color: #cccccc !important;
padding-left: 0;
padding-right: 15px;
word-break: break-word;
}

h1.arena-module-header, h2.arena-module-header {
color: #cccccc !important;
font-size: 18px !important;
padding-top: 47px !important;
}

div.footerbox h2 {
font-size: 17px !important;
}

.modal-header h2 {
font-size: 18px !important;
}

span.v-middle, #mobile-forgot-password-1, #mobile-forgot-password-2, p.agreement, a.agreement-link {
font-size: 17px !important;
}

p.intro-text {
color: #cdcdcd !important;
font-size: 17px;
margin-top: 12px !important;
}

span.profile-prm {
font-size: 16px !important;
}

span.arena-top-item {
font-size: 17px !important;
}

} /* End media query */

@media (max-width: 980px) and (min-width: 960px) {

li#member-link {
display: list-item;
cursor: pointer;
}

} /* End media query */

@media (max-width: 1060px) and (min-width: 1000px) {

li#member-link-arena {
	display: list-item;
	cursor: pointer;
}

li.try-a-month {
	display: none;
}

} /* End media query */

@media (min-width: 330px) {

span.arena-top-item {
	font-size: 13px;
	margin: 0 11px 0 11px;
}

}

/* Larger than mobile */
@media (min-width: 341px) {

.scroll-to-top.fa.fa-chevron-up {
width: 18px;
height: 18px;
color: #cccccc;
}

.logotype {
width: 100%;
max-width: 210px;
max-height: 53px;
}

.fa.fa-copyright {
display: inline-block;
}

#footerbox-bottom {
width: -webkit-calc(95% - 35px);
width: -moz-calc(95% - 35px);
width: calc(95% - 35px); /* Mobile first */
}

} /* End media query */

@media (min-width: 466px) {

#display-introduction-text {
padding: 0 0 40px 0 !important;
margin-top: 0 !important;
}

} /* End media query */

@media (min-width: 470px) {

span.arena-top-item {
	font-size: 15px;
	margin: 0 12px 0 12px;
}

#internal-header-wrapper {
margin: 0 auto;
padding: 0 0 0 20px;
}

div#top-right-information {
  width: auto;
  margin: 0 5px 0 0;
  top: 121px;
  left: auto;
  right: 30px;
}

.price-module-left {
	background-color: rgba(0,0,0,0.4);
	flex: 1;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	width: 100%;
	max-width: 80vw;
	margin: 0 auto 20px;
}

.price-module-middle {
	background-color: rgba(0,0,0,0.4);
	flex: 1;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	width: 100%;
	max-width: 80vw;
	margin: 0 auto 20px;
}

.price-module-right {
	background-color: rgba(0,0,0,0.4);
	flex: 1;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	width: 100%;
	max-width: 80vw;
	margin: 0 auto 20px;
}

} /* End media query */

@media (min-width: 580px) {

#multi-lang-container {
padding: 5px;
top: 21px;
right: 100px;
width: auto;
height: 50px;
margin: 0 auto;
}

span#newContactStatus {
margin: 0 12px 0 12px;
}

span#msgStatus {
  	margin: 0 12px 0 12px;
}

.welcome-square, .intro-square, .mature-square, .senior-square, .secondary-square, .campaign-square {
display: flex !important;
align-items: initial !important;
justify-content: flex-start !important;
align-self: initial !important;
height: 400px;
padding: 0;
max-height: initial;
min-height: 400px;
border-top-left-radius: 0 !important;
background: url(../images/kristen_dating_1125x750.jpg) no-repeat center bottom 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 65% !important;
}

.intro-square {
background: url(../images/asikter-varderingar-filter.jpg) no-repeat center center;
background-position-x: 70% !important;
}

.mature-square {
background: url(../images/kristen_dating_mature_1125x750.jpg) no-repeat center center;
background-position-x: 30% !important;
}

.senior-square {
background: url(../images/kristen_dating_senior_1125x750.jpg) no-repeat top !important;
background-position-x: 30% !important;
}

.secondary-square {
background: url(../images/frontpage-1125x750.jpg) no-repeat center center;
background-position-x: 55% !important;
}

.campaign-square {
background: url(../images/summer-campaign-1125x750.jpg) no-repeat center center;
background-position-x: 55% !important;
}

.welcome-inner {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-end !important;
align-self: flex-start !important;
flex-direction: column !important;
margin-top: 100px;
padding-bottom: 35px;
width: 85% !important;
max-width: 430px !important;
}

div.welcome-inner p.welcome-one, p.intro-one {
position: relative;
display: flex;
border-top-right-radius: 6px;
background-color: rgba(0, 0, 0, 0.7);
color: #f5f4f4;
font-size: 24px !important;
font-weight: 600;
padding: 17px 25px;
margin: 20px 20px 15px 20px;
width:auto;
}

div.welcome-inner p.welcome-two, div.welcome-inner p.intro-two {
position: relative;
display: flex;
border-top-right-radius: 6px;
background-color: rgba(230, 230, 230, 0.7);
color: #000000;
font-size: 22px !important;
font-weight: 600;
padding: 17px 25px;
margin: 0 20px 0 20px;
width:auto;
}

div.welcome-inner p.intro-two {
background-color: rgba(230, 230, 230, 0.92);
}

} /* End media query */

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 620px) {

#love-arena-link {
position: absolute;
right:auto;
left:20px;
top: -18px;
color: #a28a4b;
}

#love-arena-link:hover, #love-arena-link:focus, #love-arena-link:active {
font-weight: 300 !important;
color: #f6f6f6 !important;
text-decoration: none !important;
}

#internal-wrapper {
background: rgba(0, 0, 0, 0.9);
}

.frontpage-content {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
max-width: 430px;
}

.page-content {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
max-width: 600px;
}

.text-content {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}

.footerbox h2 {
margin-top: 2.2rem;
margin-bottom: 1.7rem;
color: #CBCBCB;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
line-height: 40px;
letter-spacing: 1px;
line-height: 1.25;
}

#footer-widget1 {
display: inline-block;
width: calc(50% - 50px);
padding: 0px 40px 20px 0px;
margin: 0px 0px 0px 25px;
}

#footer-widget2 {
display: inline-block;
width: calc(50% - 50px);
padding: 0px 10px 20px 0px;
margin: 0px 25px 0px 0px;
}

#footer-widget3 {
display: none;
}

#footer-widget4 {
display: none;
}

.footerbox {
width: 95%;
font-size: 90%;
}

#footerbox-bottom {
width: -webkit-calc(95% - 65px);
width: -moz-calc(95% - 65px);
width: calc(95% - 65px);
font-size: 16px;
}

.scroll-to-top.fa.fa-chevron-up {
width: 24px;
height: 24px;
color: #f6f6f6;
}

} /* End media query */

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 660px) {

#strPassword1, #strPassword2 {
max-width: 300px;
margin-right: 15px;
}

.footerbox h2 {
margin-top: 2rem;
margin-bottom: 1.4rem;
color: #CBCBCB;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.25;
}

.modal-body {
max-width: 800px;
}

.payment-modal-body {
max-width: 800px;
}

} /* End media query */

@media (min-width: 850px) {

body {
background: url(../images/bg-kd.jpg) no-repeat center left fixed;
margin: 0 auto;
height:100%;
max-width: 100vw;
overflow-x: hidden;
overflow-y: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

p.intro-text {
display: block;
color: #bbbbbb !important;
font-size: 22px !important;
font-weight: 300 !important;
margin: 0 0 5px 0 !important;
padding: 25px 15px 0 15px !important;
}

div.footerbox-bottom-left p {
font-size: 16px !important;
}

.fa.fa-ban {
font-size: 30vw;
}

.reset-account {
padding-top: 40px !important;
}

.modal-header h2 {
font-size: 32px;
}

span#topLoginStatus {
display: inline;
}

.welcome-inner {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-end !important;
align-self: center !important;
flex-direction: column !important;
margin-top: 100px;
padding-bottom: 35px;
width: 85% !important;
max-width: 85% !important;
}

#frontpage-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-webkit-flex: 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 50%;
flex: 0 50%;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0 auto;
padding: 0 0 25px 0; /* Pushes down - no glitch at the bottom */
width: 100% !important;
max-width: 1580px;
min-width: initial;
height: auto !important;
z-index: 3;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.frontpage-module {
position: relative;
flex-grow: 1;
flex-direction: row;
display: inline-block;
justify-content: initial;
align-items: initial;
width: 40%;
height: auto;
min-height: 400px;
padding: 0;
margin: 0 25px 50px 0;
overflow: hidden;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#mobile-form-public {
flex-grow: 1;
flex-direction: column !important;
width: 40% !important;
}

.right-side-adj {
margin-left: 0;
}

.frontpage-content {
position: relative;
display: block;
align-self: center;
max-width: initial;
width: 85% !important;
height: 100%;
top: 0;
margin: 0 auto;
padding: 25px;
}

.page-content, .text-content {
position: relative;
display: block;
align-self: center;
max-width: initial;
width: 85% !important;
height: 100%;
top: 0;
margin: 0 auto;
padding: 0;
}

.frontpage-module:last-child {
/* margin-bottom: 0px; */
}

.frontpage-module:nth-child(1) {
margin-left: 0px;
}

.frontpage-module:nth-child(2) {
background: -webkit-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Standard*/
}

.frontpage-module:nth-child(3) {
margin-left: 0px;
}

.frontpage-module:nth-child(4) {
background: -webkit-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.7)); /*Standard*/
}

.frontpage-module:nth-child(1n+1) {
margin-right: 0px;
}

.welcome-square {
display: flex !important;
justify-content: center !important;
min-height: 400px;
border-top-left-radius: 10px !important;
background: url(../images/kristen_dating_1125x750.jpg) no-repeat right 100% !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 60% !important;
}

.intro-square {
display: flex !important;
justify-content: center !important;
min-height: 500px;
border-top-right-radius: 10px !important;
background: url(../images/asikter-varderingar-filter.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 58% !important;
}

.secondary-square {
display: flex !important;
justify-content: center !important;
min-height: 500px;
border-top-right-radius: 10px !important;
background: url(../images/frontpage-1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 55% !important;
}

.mature-square {
display: flex !important;
justify-content: center !important;
min-height: 400px;
border-top-left-radius: 10px !important;
background: url(../images/kristen_dating_mature_1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 30% !important;
opacity: 0.9;
}

.senior-square {
display: flex !important;
justify-content: center !important;
min-height: 400px;
border-top-left-radius: 10px !important;
background: url(../images/kristen_dating_senior_1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 30% !important;
}

.campaign-square {
display: flex !important;
justify-content: center !important;
min-height: 400px;
border-top-right-radius: 10px !important;
background: url(../images/summer-campaign-1125x750.jpg) no-repeat center center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-x: 60% !important;
}

.frontpage-module-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 55px;
margin: 0px;
padding: 25px;
}

.p-inner-section {
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	justify-items: center;
	width: 100%;
	height: auto;
	margin: 30px auto 40px;
	padding: 20px 20px 20px 20px;
	border: 0;
	outline: none;
}

.price-module-left {
	background-color: rgba(0,0,0,0.4);
	flex: 1 1 47%;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	margin-right: 20px;
	margin-bottom: 20px;
	max-width: 47vw;
}

.price-module-middle {
	background-color: rgba(0,0,0,0.4);
	flex: 1 1 47%;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	max-width: 47vw;
	margin-bottom: 20px;
}

.price-module-right {
	background-color: rgba(0,0,0,0.4);
	flex: 1 1 47%;
	margin: 0 auto;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	max-width: 47vw;
}

} /* End media query */

/* Larger than tablet */
@media (min-width: 960px) {

#multi-lang-container {
top: 3px;
right: 50px;
width: auto;
height: 50px;
margin: 0 auto;
}

.payment-modal-content {
  height: 96vh;
  max-height: 96vh;
  -webkit-animation-name: slideIn-Large;
  animation-name: slideIn-Large;
}

#mySidenav {
	display: none !important;
}

#internal-wrapper {
background: rgba(0, 0, 0, 0.5);
}

#internal-header-wrapper {
background: rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5));
}

.s-m-wrapper, .arena-content-module {
width: 100%;
width: calc(100% - 1px);
}

div#top-right-information {
  position: absolute;
  display: inline-block;
  margin: 0;
  width: auto;
  top: 20px;
  right: 55px;
  left: auto;
}

span#topLoginStatus {
display: none;
}

#responsive-btn {
display: none;
}

div.member-activation-wrapper {
display: none !important;
}

.scroll-new-msg {
display: none;
}

.modal-content {
  width: 100%;
  max-width: 90vw;
}

.payment-modal-content {
  width: 100%;
  min-width: 800px;
  max-width: 800px;
}

h1.mod-h {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 75%;
font-weight: 600;
font-size: 21px;
padding-top: 10px;
padding-left: initial;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
}

h1#module-header-3 {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 52% !important;
}

#header-send, #header-helpdesk {
margin-top: 0 !important;
padding-left: 0 !important;
}

h1#header-send {
display:inline-block;
width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.help-desk h1#header-send {
	padding-top: 22px;
}

body.help-desk #lblNormalCompose {
	top: -8px;
}

h1.center-adj {
max-width: 92% !important;
}

span.m-text-content {
white-space: nowrap;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}

span.m-sep:nth-child(2),
span.m-text-content:nth-child(3n),
span.m-sep-premium:nth-child(2) {
display: none;
}

span.tab-txt-previous {
display:inline;
text-transform: uppercase;
}

div.result-module {
margin: 30px 0 20px 0;
text-align: left;
}

div.communication-module {
margin: 10px 0 20px 0;
text-align: left;
}

div.com-adj {
margin: 12px 0 20px 0;
}

.txtMessageArea-1 {
  width: 100%;
}

.expand-compress-btn, .more-info-btn, .expand-compress-btn-c {
position: absolute;
color: #a28a4b !important;
top: 14px;
right: 25px;
font-size: 24px;
margin-left: 50px;
pointer-events: initial;
opacity: 1;
cursor: pointer;
}

.compose-view-btn {
position: absolute;
color: #a28a4b !important;
top: 14px;
right: 65px;
font-size: 26px;
margin-left: 50px;
pointer-events: initial;
opacity: 1;
cursor: pointer;
}

.message-view-btn {
position: absolute;
color: #a28a4b;
top: 12px;
right: 65px;
font-size: 25px;
margin-left: 50px;
pointer-events: initial;
opacity: 1;
cursor: pointer;
}

.message-view-modal-btn {
position: absolute;
color: #a28a4b !important;
top: 14px;
right: 110px;
font-size: 24px;
margin-left: 50px;
pointer-events: initial;
opacity: 1;
cursor: pointer;
}

#frontpage-grid {
padding: 25px 0 25px 0;
}

#frontpage-internal-wrapper, .content-internal-wrapper {
padding: 25px 0 40px 0;
}

#external-header-wrapper {
height: 160px;
max-height: 160px;
}

#internal-header-wrapper {
padding: 25px 0 100px 25px;
max-height: initial;
}

#message-internal-wrapper {
padding: 0 20px;
}

#expandView {
display:block;
}

img[src$=".svg"] {
width: 100% !important;
height: 100% !important;
min-width:182px;
}

.logotype {
position: absolute;
top: 50px;
left: 30px;
display: block;
width: 100%;
max-width: 220px;
height: 100%;
max-height: 56px;
margin: 0;
padding: 0;
z-index: 1;
}

.primary-nav {
	height: auto;
	width: 70vw;
	display: inline-block;
	position: absolute;
	right: 40px;
	top: 65px;
	z-index: 9999;
}

.main-and-sidebar-wrapper {
	width: 100%;
	height: auto;
	min-height: 100%;
	max-width: 1580px;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	flex-direction: row;
	overflow-y:auto;
	overflow-y: -moz-hidden-unscrollable;
	overflow-x: hidden;
}

.main-and-sidebar-wrapper::-webkit-scrollbar {
	display: none;
}

.main {
	flex: 3;
	margin: 0px;
	padding: 25px 50px 55px 25px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sidebar {
	justify-content: space-between;
	flex-direction: row;
	flex: 2;
	margin: 0px;
	padding: 25px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	max-width: 475px;
	min-width: 100%;
}

#frontpage-internal-wrapper, .content-internal-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 25px 0 40px 0;
background: rgba(0, 0, 0, 0.2);
width: 100vw;
max-width: 1580px;
height: auto !important;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

#internal-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0 auto;
	padding: 25px 0 40px 0; /* Pushes down - no glitch at the bottom */
	background: rgba(0, 0, 0, 0.5);
	width: 100vw;
	width: -webkit-calc(100vw - 12px); /* 12px = scrollbar width */
	width: -moz-calc(100vw - 12px);
	width: calc(100vw - 12px);
	overflow: hidden;
	max-width: 1580px;
	min-height: auto;
	height: auto !important;
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 3;
}

#internal-wrapper-content {
	max-width: 1580px;
	padding: 0 20px 40px 20px;
}

.mod-presen {
    margin: 6px 0 0 0 !important;
}

.arena-content-module {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 3;
-webkit-flex: 3;
-moz-box-flex: 3;
-ms-flex: 3;
flex: 3;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
min-width: 0;
min-height: 835px;
height: auto;
max-height: initial;
padding: 20px 12px;
margin: 0 17px 50px 17px;
overflow-x: hidden;
text-overflow: ellipsis;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.7)); /*Standard*/
-webkit-box-shadow: 0px 4px 5px -3px #000;
-moz-box-shadow: 0px 4px 5px -3px #000;
box-shadow: 0px 4px 5px -3px #000;
transform: translate3d(0,0,0);
}

.shrink-module {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 4 !important;
-webkit-flex: 4 !important;
-moz-box-flex: 4 !important;
-ms-flex: 4 !important;
flex: 4 !important;
-webkit-flex-shrink: 2 !important;
-ms-flex-negative: 2 !important;
flex-shrink: 2 !important;
width: auto !important;
min-width: 0;
min-height: 835px;
height: auto;
max-height: initial;
padding: 20px;
margin: 0 25px 50px 25px;
overflow-x: hidden;
text-overflow: ellipsis;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transform: translate3d(0,0,0);
}

.left-sidebar-module {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 2;
-webkit-flex: 2;
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
max-width: initial;
min-width: 0;
min-height: 835px;
height: auto;
max-height: initial;
padding: 20px;
margin: 0 25px 0 25px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transform: translate3d(0,0,0);
}

.grow-sidebar-module {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 4 !important;
-webkit-flex: 4 !important;
-moz-box-flex: 4 !important;
-ms-flex: 4 !important;
flex: 4 !important;
-webkit-flex-shrink: 2 !important;
-ms-flex-negative: 2 !important;
flex-shrink: 2 !important;
width: auto !important;
min-width: 0;
min-height: 835px;
height: auto;
max-height: initial;
padding: 20px;
margin: 0 25px 0 25px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transform: translate3d(0,0,0);
}

.arena-form-module {
position: relative;
-webkit-box-flex: 3;
-webkit-flex: 3;
-moz-box-flex: 3;
-ms-flex: 3;
flex: 3;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
min-width: 0;
min-height: 500px;
height: auto;
max-height: initial;
padding: 0;
margin: 0;
overflow-x: hidden;
text-overflow: ellipsis;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
}

div.profile-module  {
position: relative;
-webkit-box-flex: 3;
-webkit-flex: 3;
-moz-box-flex: 3;
-ms-flex: 3;
flex: 3;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
min-width: 0;
min-height: 800px;
height: auto;
max-height: initial;
padding: 0;
margin: 0;
overflow-x: hidden;
text-overflow: ellipsis;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
}

#arena-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0 auto;
padding: 25px 0 0 0; /* Pushes down - no glitch at the bottom */
width: 100% !important;
max-width: 1580px;
min-width: initial;
height: auto !important;
z-index: 3;
}

.arena-module-header {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 55px;
margin: 0px;
padding: 25px 0 25px 0;
}

h3.arena-module-header {
font-size: 15px !important;
font-weight: 300 !important;
}

.desktop-only {
display: inline !important;
}

.arena-content {
margin: 30px 0 0 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
}

.main-content-module {
position: relative;
-webkit-box-flex: 3;
-webkit-flex: 3;
-moz-box-flex: 3;
-ms-flex: 3;
flex: 3;
height: auto;
min-height: 400px;
width: calc(100% - 40px);
max-width: 96vw;
padding: 0 0 35px 0;
margin: 0 25px 50px 25px;
overflow: hidden;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sidebar-content-module {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
flex-direction: column;
max-width: 375px;
max-height: 900px;
padding: 0;
margin: 0 25px 50px 25px;
overflow: hidden;
border-radius: 2px;
background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Fx 3.6-15*/
background: linear-gradient(to top, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.4)); /*Standard*/
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.main-content-body, div.sidebar-body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
}

#content-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-webkit-flex: 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 75%;
flex: 0 75%;
-webkit-box-flex: 3;
-webkit-flex-grow: 3;
-moz-box-flex: 3;
-ms-flex-positive: 3;
flex-grow: 3;
margin: 0 auto;
padding: 25px 0 25px 0; /* Pushes down - no glitch at the bottom */
width: 100% !important;
max-width: 1580px;
min-width: initial;
height: auto !important;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 3;
}

#text-grid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-webkit-flex: 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 75%;
flex: 0 75%;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 0 auto;
padding: 25px 0 25px 0; /* Pushes down - no glitch at the bottom */
width: 100% !important;
max-width: 1580px;
min-width: initial;
height: auto !important;
background: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 3;
}

#main-content-left {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 20px 10px 0;
transition: all 400ms;
flex: 3;
}

#sidebar-right {
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 10px 0;
transition: all 400ms;
flex: 2;
}

#search {
margin: 0 5px 10px 0;
}

#result {
margin: 0 0 5px 0;
}

#communication {
margin: 0 0 10px 5px;
}

.expand-com {
flex: 5 1 !important;
/* hardware acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
/* remove flickering in chrome and safari */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
/* transition effect */
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.restore-com {
flex: 3 1 !important;
/* hardware acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
/* remove flickering in chrome and safari */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
/* transition effect */
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

#expandView {
transition: all 400ms;
}

#compressView {
transition: all 400ms;
display: none;
}

#searchView {
transition: all 400ms;
display: none;
}

#messageView {
transition: all 400ms;
display: none;
}

#composeView {
transition: all 400ms;
display: none;
}

#messageViewModal {
transition: all 400ms;
display: none;
}

#expandView:hover, #compressView:hover, #messageView:hover, #messageViewModal:hover, #composeView:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

} /* End media query */

/* Larger than desktop */
@media (min-width: 1000px) {

div.cookie-policy {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: auto;
	right: 0;
    background-color: rgba(20,20,20,0.92);
    padding: 0;
    width: 100vw;
    max-width: 800px;
    height: auto;
    border-top: 1px solid #444 !important;
	border-left: 1px solid #444 !important;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.5),
            0 2px 4px rgba(0,0,0,0.1),
            0 4px 8px rgba(0,0,0,0.1),
            0 8px 16px rgba(0,0,0,0.1);
	max-height: 420px;
	-webkit-transition: max-height 300ms ease-out;
  	-moz-transition: max-height 300ms ease-out;
  	-ms-transition: max-height 300ms ease-out;
  	-o-transition: max-height 300ms ease-out;
  	transition: max-height 300ms ease-out;
	overflow: hidden;
    z-index: 100;
}

#frontpage-internal-wrapper, .content-internal-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 25px 0 40px 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
max-width: 1580px;
height: auto !important;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 3;
}

#footer-widget1 {
display: inline-block;
width: calc(33% - 10px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 25px;
}
#footer-widget2 {
display: inline-block;
width: calc(33% - 10px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}
#footer-widget3 {
display: inline-block;
width: calc(33% - 10px);
padding: 0px 20px 20px 0px;
margin: 0px 25px 0px 0px;
}

} /* End media query */

@media (min-width: 1060px) {

.btn-renew, .btnMembership, .btnMemberActive, .btnPremiumActive {
display: block !important;
}

body {
background: url(../images/bg-kd.jpg) no-repeat center center fixed;
margin: 0 auto;
height:100%;
max-width: 100vw;
overflow-x: hidden;
overflow-y: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

span.m-text-content {
max-width: 130px;
}

} /* End media query */

@media (min-width: 1190px) {

#desktop-form-public {
display: block;
}

#mobile-form-public {
display: none;
}

#search {
margin: 0 20px 10px 0;
}

#result {
margin: 0 0 10px 0;
}

#communication {
margin: 0 0 10px 20px;
}

#internal-wrapper {
padding: 25px 20px 40px 20px; /* Pushes down - no glitch at the bottom */
}

.page-content, .text-content {
padding: 20px;
}

.arena-content-module {
padding: 20px 20px 10px 20px;
margin: 0 25px 50px 25px;
}

td.left {
width: 50%;
max-width: 50%;
min-width: 50%;
padding-right: 10px;
}

.right-side-adj {
margin-left: 25px !important;
}

.new-member-text-input, .birthDate {
border-style: solid;
border-width: 1px;
border-color: #444 #333 #333 #444;
}

span.btn-price-desc {
display: inline;
}

} /* End media query */

/* Larger than Desktop HD */
@media (min-width: 1250px) {

h1#module-header-3 {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 60% !important;
}

.arena-right-extend {
	min-width: auto;
}

arena-mid-extend {
    min-width: auto;
}

#footer-widget1 {
display: inline-block;
width: -webkit-calc(33% - 33px);
width: -moz-calc(33% - 33px);
width: calc(33% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 25px;
}
#footer-widget2 {
display: inline-block;
width: -webkit-calc(33% - 33px);
width: -moz-calc(33% - 33px);
width: calc(33% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}
#footer-widget3 {
display: inline-block;
width: -webkit-calc(33% - 33px);
width: -moz-calc(33% - 33px);
width: calc(33% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}

} /* End media query */

/* Larger than Desktop HD */
@media (min-width: 1300px) {

.p-inner-section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	justify-items: center;
	width: 100%;
	height: auto;
	margin: 30px auto 40px;
	padding: 20px 20px 20px 20px;
	border: 0;
	outline: none;
}

.price-module {
	flex: 1 1 28%; /*grow | shrink | basis */
}

.price-module-left {
	background-color: rgba(0,0,0,0.4);
	flex: 1 1 30%;
	margin: 0;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	max-width: initial;
}

.price-module-middle {
	flex: 1 1 35%;
	margin: -40px 20px 0 20px;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	max-width: initial;
}

.price-module-right {
	background-color: rgba(0,0,0,0.4);
	flex: 1 1 30%;
	margin: 0;
	align-self: initial;
  	color: #f6f6f6;
  	border: 2px double transparent;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), radial-gradient(circle at left top, rgba(1, 110, 218,0.5), rgba(217, 0, 192,0.5));
  	background-origin: border-box;
  	background-clip: padding-box, border-box;
	max-width: initial;
}

.footerbox {
width: 100%;
max-width: 1260px;
font-size: 90%;
}

#footer-widget1 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 25px;
}
#footer-widget2 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}
#footer-widget3 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}

#footerbox-bottom {
width: calc(100% - 125px);
max-width: 1210px; /* 50px less than above .footerbox */
font-size: 14px;
}

} /* End media query */

@media (min-width: 1380px) {

span#topLoginStatus {
display: inline;
}

span.m-text-content {
white-space: nowrap;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
}

span.m-sep:nth-child(2),
span.m-text-content:nth-child(3n) {
display: inline;
}

span.m-sep-premium:nth-child(2) {
display: inline;
}

.reject {
margin: 5px 20px 0 0 !important;
width: auto !important;
}

.decline {
margin: 5px 0 0 0 !important;
width: auto !important;
}

.approve, .withdraw {
margin: 5px 20px 0 0 !important;
width: auto !important;
}

.view-profile {
margin: 5px 20px 0 0 !important;
width: auto !important;
}

.arena-extend {
	min-width: 500px;
}

}

@media (min-width: 1400px) {

.btnPremium, .btnMembership, .btnPremiumActive, .btnMemberActive {
display: block !important;
}

li#premium-link {
display: none;
}

}

@media (min-width: 1450px) {

hr#profile-hr {
display:block;
}

h1.mod-h {
display: block;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-width: 67%;
font-weight: 600;
font-size: 25px;
padding-top: 10px;
color: #ddd !important;
text-shadow:1px 1px 1px #000;
}

h1#module-header-3 {
max-width: 64% !important;
}

div.welcome-inner p.welcome-one {
position: relative;
display: flex;
border-top-right-radius: 6px;
background-color: rgba(0, 0, 0, 0.7);
color: #f5f4f4;
font-size: 30px !important;
font-weight: 600;
padding: 17px 25px;
margin: 20px 20px 15px 20px;
width:auto;
}

div.welcome-inner p.welcome-two, div.welcome-inner p.intro-two {
position: relative;
display: flex;
border-top-right-radius: 6px;
background-color: rgba(230, 230, 230, 0.7);
color: #000000;
font-size: 26px !important;
font-weight: 600;
padding: 17px 25px;
margin: 0 20px 0 20px;
width:auto;
}

div.welcome-inner p.intro-two {
background-color: rgba(230, 230, 230, 0.92);
}

} /* End media query */

/* Larger than normal Desktop HD */
@media (min-width: 1600px) {

h1#module-header-3 {
max-width: 68% !important;
}

img.modal-profile-image {
	display: block;
}

span.desktop-additional-text {
display: inline;
}

.fa.fa-ban {
font-size: 10vw;
}

div.com-wrapper {
min-height: 234px;
}

.footerbox {
width: 100%;
max-width: 1580px;
font-size: 90%;
}

#footer-widget1 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 25px;
}
#footer-widget2 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}
#footer-widget3 {
display: inline-block;
width: calc(30% - 33px);
padding: 0px 20px 20px 0px;
margin: 0px 0px 0px 0px;
}

#footerbox-bottom {
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
max-width: 1250px; /* 50px less than above .footerbox */
font-size: 14px;
}

} /* End media query */

#btn-search-by-location {
display: inline-block !important;
}