/** --- Fonts ---  */

@font-face {
	font-family: Marvel;
	src: url("Marvel-Regular.ttf");
	font-style: normal;
}

@font-face {
	font-family: Marvel;
	src: url("Marvel-Bold.ttf");
	font-weight: bold;
}

@font-face {
	font-family: Marvel;
	src: url("Marvel-Italic.ttf");
	font-style: italic;
}

@font-face {
	font-family: Marvel;
	src: url("Marvel-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}

@font-face {
  font-family: 'IconsFontello';
  src: url('internal.eot?76246237');
  src: url('internal.eot?76246237#iefix') format('embedded-opentype'),
       url('internal.woff?76246237') format('woff'),
       url('internal.ttf?76246237') format('truetype'),
       url('internal.svg?76246237#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  margin-right: 0.3em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right-open:before { content: '\e800'; } /* '' */
.icon-menu:before { content: '\e801'; } /* '' */
.icon-down-open:before { content: '\e802'; } /* '' */
.icon-ok:before { content: '\e803'; } /* '' */
.icon-help:before { content: '\e804'; } /* '' */
.icon-up:before { content: '\e805'; } /* '' */
.icon-left-open:before { content: '\e806'; } /* '' */
.icon-search:before { content: '\e807'; } /* '' */
.icon-right:before { content: '\e808'; } /* '' */
.icon-left:before { content: '\e809'; } /* '' */
.icon-facebook:before { content: '\e80a'; } /* '' */
.icon-mail-alt:before { content: '\e80b'; } /* '' */
.icon-star:before { content: '\e80c'; } /* '' */
.icon-mail:before { content: '\e80d'; } /* '' */
.icon-facebook-circle:before { content: '\e80e'; } /* '' */
.icon-eye:before { content: '\e80f'; } /* '' */
.icon-user-delete:before { content: '\e810'; } /* '' */
.icon-users:before { content: '\e811'; } /* '' */
.icon-user-add:before { content: '\e812'; } /* '' */
.icon-star-filled:before { content: '\e813'; } /* '' */
.icon-heart-filled:before { content: '\e814'; } /* '' */
.icon-down:before { content: '\e815'; } /* '' */
.icon-user:before { content: '\e816'; } /* '' */
.icon-mobile:before { content: '\e819'; } /* '' */
.icon-king:before { content: '\e81a'; } /* '' */
.icon-flag-filled:before { content: '\e81b'; } /* '' */

.icon-right-open:before, .icon-menu:before, .icon-down-open:before,
.icon-ok:before, .icon-help:before, .icon-search:before, 
.icon-right:before, .icon-left:before, .icon-facebook:before,
.icon-mail:before, .icon-facebook-circle:before, .icon-eye:before,
.icon-users:before, .icon-user-add:before, .icon-star-filled:before,
.icon-heart-filled:before, .icon-user:before, .icon-mobile:before, 
.icon-king:before, .icon-flag-filled:before, .icon-up:BEFORE, 
.icon-down:BEFORE, .icon-mail-alt:before, .icon-user-delete:BEFORE {
	font-family: "IconsFontello";
}

.icon-mail:BEFORE, .icon-user-add:BEFORE, 
.icon-user-delete:BEFORE, .icon-menu:BEFORE, .icon-flag-filled:BEFORE {
	position: relative;
	bottom: 0.1em;
}

.icon-people:BEFORE, .icon-camera:BEFORE, .icon-profile:BEFORE {
	position: relative;
	top: 0.1em;
}


/** --- General elements --- */

body {
	/*font-size: 62.5%;  Base font size 1em = 10px */
	font-family: Marvel, Verdana, Arial;
	background: #248; /*#853852;*/
	color: #575656;
	font-size: 95%;
}

.white-background {
	background-color: white;
}


/** --- General declarations --- */

a {
	color: #ab5d56;
}

a:HOVER, a:FOCUS {
	color: #248; /*#853852;*/
}

b, strong, label, .label {
	color: #248; /*#853852;*/
	font-weight: bold;
}

i, .italic {
	font-style: italic;
}

.weaker {
	color: #575656;
	font-size: 0.8em;	
}

.font-small, p.font-small {
	font-size: 0.85em;
}

.inline-block {
	display: inline-block!important;
}

.hide {
	display: none;
}

.hover:FOCUS, .hover:HOVER {
	cursor: pointer;
}

body, p, div {
	line-height: 1.3em;
}


/** --- golden line --- */

.golden-line {
	margin: 0.25em 0 0;
	height: 0.35em;
	width: 100%;
	display: block;
	background-color: #a5874a;
	-webkit-box-shadow: 0 3px 3px 2px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0 3px 3px 2px rgba(50, 50, 50, 0.2);
	box-shadow: 0 3px 3px 2px rgba(50, 50, 50, 0.2);
}


/** --- Top Navigation Bar --- **/

header {
	background-color: #3f3f40;
	background-image:linear-gradient(to right, #575656,#3f3f40);
	background-image:-webkit-linear-gradient(to right, #575656,#3f3f40);
	background-image:-moz-linear-gradient(to right, #575656,#3f3f40);
	background-image:-o-linear-gradient(to right, #575656,#3f3f40);
	background-image:-ms-linear-gradient(to right, #575656,#3f3f40);
	margin: 0;
	color: #ccb878;
	-webkit-box-shadow: 0 0 3px 2px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0 0 3px 2px rgba(50, 50, 50, 0.3);
	box-shadow: 0 0 3px 2px rgba(50, 50, 50, 0.3);
}

header .hide-on-mobile {
	display: none;
}

header .main-links {
	display: inline-block;
	float: left;
	margin-right: 1em;
}

header .menus {
	display: inline-block;
	float: right;
	text-align: right;
	margin: 0.6em 0 0;
}

header .menus .control {
	color: #a5874a;
}

header .menus .menu {
	display: none;
	position: absolute;
	right: 0;
	z-index: 2;
}

header .menus .menu {
	background-color: #636366;
	-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.7);
	box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.7);
}

@media only screen and (max-height: 26em) {
	
	header .menus .menu {
		/*overflow: scroll;*/
		max-height: 18em;
	}
}

/** --- footer --- */

footer {
	margin: 0;
}

div.external-links {
	position: absolute;
	bottom: 0;
	width: 100%;
	max-width: 1280px;
	text-align: center;
	padding: 0.5em 0.5em 0.6em;
	background-color: #248; /*#6d2e42;*/
	background-image:linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-webkit-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-moz-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-o-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-ms-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
}

div.external-links .line {
	display: none;
	background-color: #248; /*#6d2e42;*/
	background-image:linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-webkit-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-moz-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-o-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	background-image:-ms-linear-gradient(to right, #248, #137); /* #853852, #6d2e42); */
	width: 100%;
	height: 0.15em;
	margin: 0 0 0.5em;
}

div.external-links nav {
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 100%;
}

div.external-links li {
	display: inline-block;
	margin: 0 1%;
}

div.external-links li:FIRST-CHILD {
	margin-left: 0;
}

nav.external li:LAST-CHILD {
	margin-right: 0;
}

div.external-links li > a {
	text-decoration: none;
	color: #eee;
}

div.external-links li > a:HOVER, 
div.external-links li > a:FOCUS {
	text-decoration: underline;
}

div.external-links .icon-facebook-circle {
	display: none;
	color: #eee;
}

div.external-links .icon-up {
}

div.external-links span.text {
	display: none;
}

div.external-links .icon-facebook-circle:HOVER,
div.external-links .icon-facebook-circle:FOCUS {
	color: #AB5D56;
}

@media only screen and (max-width: 22.5em) {
		
	div.external-links nav {
		font-size: 0.8em;	
	}
}

@media only screen and (max-width: 17em) {
		
	div.external-links nav {
		font-size: 0.7em;	
	}
}

@media only screen and (min-width: 24em) {
		
	div.external-links .icon-facebook-circle {
		display: inline-block;
		float: left;
		font-size: 1.15em;	
	}
}

@media only screen and (min-width: 30em) {
	
	div.external-links {
		display: block;
		bottom: 0;
	}
	
	div.external-links li {
		margin: 0 2%;
	}
	
}

@media only screen and (min-width: 45em) {
	
	div.external-links li {
		font-size: 1.2em;
		margin: 0 3%;
	}
	
	div.external-links .icon-facebook-circle {
		font-size: 1.3em;
	}	
}

@media only screen and (min-width: 54em) {
		
	div .external-links .icon-up {
		display: none;
	}
	
	div.external-links span.text {
		display: block;
	}
	
}


@media only screen and (min-width: 1280px) {
	
	div.external-links {
		background: white none;
	}
	
	div.external-links .line {
		display: block;
	}
	
	div.external-links li > a, div.external-links .icon-facebook-circle {
		color: #248; /* #ab5d56; */
	}
	
	div.external-links .icon-facebook-circle:HOVER, 
	div.external-links .icon-facebook-circle:FOCUS {
		color: #359; /* #a5874a; */
	}
}


/** --- Profiles proposals --- */

div.proposed {
	width: 100%;
	height: 6.5em;
	overflow: hidden;
	margin: 2em 0 0;
}

div.proposed h3 {
	margin: 0 0 0.4em 1em;
	color: #a5874a;
	text-transform: uppercase;
}

div.proposed div.items {
	margin: 0 1em 0;
	padding-top: 0.3em;
}

div.proposed article {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 5em;
	width: 24%;
}

div.proposed article > a {
	position: relative;
}

div.proposed .icon-member-of-the-week {
	position: absolute;
	z-index: 2;
	font-size: 1.5em;
	left: 1.2em;
	top: -0.1em;
}

@-moz-document url-prefix() {
    div.proposed .icon-member-of-the-week {
        top: 0.5em;
    }
}

div.proposed .circle-img-frame {
	width: 60px;
	display: block;
	margin: 0.2em auto;
}

div.proposed .circle-img-frame.verified {
	border-color: #a5874a;
	border-width: 0.25em;
}

@media only screen and (max-width: 24em) {
	
	div.proposed {
		height: 5.5em;
	}
	
	div.proposed h3 {
		font-size: 1em;
		white-space: nowrap;
	}
		
	div.proposed .icon-member-of-the-week {
		font-size: 1.2em;
	}
	
	div.proposed .circle-img-frame {
		width: 50px;
	}
}

@media only screen and (max-width: 20em) {
	
	div.proposed .circle-img-frame {
		width: 40px;
	}
}

@media only screen and (min-width: 26em) {
	
	div.proposed article {
		width: 19%;
	}
}

@media only screen and (min-width: 32em) {
	
	div.proposed article {
		width: 16%;
	}
}

@media only screen and (min-width: 40em) {
	
	div.proposed {
		height: 7.5em;
		margin-left: 1em;
	}
	
	div.proposed h3 {
		margin: 0 1em 0.8em;
	}
	
	div.proposed article {
		width: 13.5%;
	}
	
	div.proposed .icon-member-of-the-week {
		font-size: 1.5em;
	}

    @-moz-document url-prefix() {
        div.proposed .icon-member-of-the-week {
            top: 0.3em;
        }
	}
	
	div.proposed .circle-img-frame {
		width: 70px;
	}
}

@media only screen and (min-width: 50em) {

	div.proposed {
		height: 8.5em;
	}
	
	div.proposed article {
		width: 12%;
	}
	
	div.proposed .icon-member-of-the-week {
		font-size: 1.6em;
	}
	
	div.proposed .circle-img-frame {
		width: 75px;
	}
}

@media only screen and (min-width: 60em) {
	
	div.proposed article {
		width: 10.8%;
	}
	
	div.proposed .circle-img-frame {
		width: 80px;
	}

	
	div.proposed .icon-member-of-the-week {
		font-size: 1.7em;
		right: 0.3em;
	}
}

/** --- Popups --- */

.screen-shadow-dark  {
	background-image: url("../pic/opacity-black.png");
}

.screen-shadow-light {
	background-image: url("../pic/opacity-gray.png");
}

.popup-content {
	margin-top: 1em;
	max-height: 90%;
	background-color: white;
	border: 1px solid #999999;
	padding: 1em;
	font-size: 1.25em;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0, 0.6);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0, 0.6);
	box-shadow: 2px 2px 8px rgba(0,0,0, 0.6);
	position: absolute;
}

.popup-content h6,
.popup-content h5 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 0.7em;
}

.popup-content h6 {
	font-size: 1.5em;
}

.popup-content p {
	margin: 0 0 0.5em;
}

.popup-content .block-text p {
	text-align: justify;
}

.popup-content button {
	margin-top: 2.2em;
	padding: 1em;
}

.popup-content h5 .icon-cancel {
	display: none;
}

@media only screen and (min-width: 37.5em) { 
	
	.popup-content h5 .icon-cancel {
		position: absolute;
		display: inline-block;
		font-size: 0.8em;
		right: 0; /* do not delete */
		top: 0.2em;
	}
	
}

/** --- Buttons --- */

.buttons .btn {
	margin: 0.5em;
	text-align: center;
}

.btn.purple, .btn.golden, .btn.gray, .btn.facebook {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 0.3em 0.5em 0.2em;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f2f2f2;
}

.btn.purple:HOVER, .btn.purple:FOCUS,  
.btn.golden:HOVER, .btn.golden:FOCUS, 
.btn.gray:HOVER, .btn.gray:FOCUS,
.btn.facebook:HOVER, .btn.facebook:FOCUS {
	color: #f2f2f2;
	position: relative;
	top: 0.1em;
}

.btn.purple {
	background-color: #248; /*#853852;*/
	border-bottom: 2px solid #248; /*#6d2e42;*/
}

.btn.golden {
	background-color: #ccb878;
	border-bottom: 2px solid #a5874a;
}

.btn.gray {
	background-color: #575656;
	border-bottom: 2px solid black;
}

.btn.facebook {
	background-color: #3b5998;
	background-image: linear-gradient(to top, #3b5998, #8b9dc3);
	background-image: -webkit-linear-gradient(to top, #3b5998, #8b9dc3);
	background-image: -moz-linear-gradient(to top, #3b5998, #8b9dc3);
	background-image: -o-linear-gradient(to top, #3b5998, #8b9dc3);
	background-image: -ms-linear-gradient(to top, #3b5998, #8b9dc3);
	color: #f7f7f7;
	border-bottom: 2px solid #23355b;
}

.btn.large {
	padding: 0.7em 0.8em 0.5em;
}

/** --- Structuring elements  --- */

table.structuring td.label {
	padding: 0 1em 0 0;
}

section.intend-small p {
	margin-left: 0.5em;
}

section > ol {
	margin-left: 2em;
}

@media only screen and (min-width: 37.5em) {
	
	section.left, section.right {
		width: 45%;
		display: inline-block;
		margin: 0;
	}
	
	section.left {
		float: left;
	}
	
	section.right {
		float: right;	
	}
	
}


/** --- General declarations --- */


h1, h2, h3, h4, h5, h6, hgroup {
	color: #248; /*#6d2e42;*/
}

h1 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.2em;
	margin: 0 0 0.7em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0.7em;
}


h3, hgroup {
	font-size: 1.2em;
	margin: 1.5em 0 1em; 
}

.list-lower-alpha {
	list-style-type: lower-alpha;
}

@media only screen and (max-width: 20em) {
	
	h1 {
		font-size: 1.7em;
	}
	
	h2 {
		font-size: 1.3em;
		line-height: 1.3em;
	}
}


/** --- Forms --- */

.form-area .text {
	font-size: 0.9em;
}

.form-area input[type="text"], .form-area input[type="date"],
.form-area input[type="email"], .form-area input[type="password"], 
.form-area textarea, .form-area select, .form-area input[type="number"] {
	border: 1px solid #aaa;
	padding: 0.5em 0.7em;
	border-radius: 5px;
	-webkit-box-shadow:0 1px 2px rgba(1, 1, 1, 0.3) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);
	-moz-box-shadow:0 1px 2px rgba(1, 1, 1, 0.3) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);
	box-shadow: 0 0 2px rgba(1, 1, 1, 0.3) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);
}

.form-area input[type="text"]:FOCUS, .form-area input[type="date"]:FOCUS,
.form-area input[type="email"]:FOCUS, .form-area input[type="password"]:FOCUS, 
.form-area textarea:FOCUS, .form-area input[type="number"]:FOCUS {
	-webkit-box-shadow:0 1px 3px rgba(1, 1, 1, 0.5) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);
	-moz-box-shadow:0 1px 3px rgba(1, 1, 1, 0.5) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);
	box-shadow: 0 1px 3px rgba(10, 10, 10, 0.5) inset, 0 0 0 1px rgba(1, 1, 1, 0.07);	
}

.form-area input[type="text"], .form-area input[type="date"], 
.form-area input[type="email"], .form-area input[type="password"], 
.form-area input[type="number"], select {
	height: 3em;
}

.form-area input[type="checkbox"] {
	margin: 0 0.8em 0 0;
	position: relative;
	top: 0.1em;
}

.form-area input.error, .form-area select.error, .form-area textarea.error {
	border: 0.2em solid #D04;
} 

.form-area select, .form-area textarea {
	font-family: Marvel; 
    font-size: 1em;
}

.form-area select {
	height: 2.4em;
	padding: 0.2em 0.5em;
}

.form-area input:DISABLED {
	border: #e2e2e2;
	color: #888;
}

.form-area fieldset {
	margin: 1.5em 0 1em;
}

.form-area h3 {
	margin-top: 0;
}

.form-area >form label, .form-area >form span.label {
	margin-top: 0.5em;
}

.form-area .area-radio {
	text-align: center;
}

.form-area .area-radio input {
	display: inline-block;
	margin: 0 0.2em 0 0;
	position: relative;
	top: 0.1em;
}

.form-area .area-radio label {
	width: auto;
	display: inline;
	margin: 0 0.5em;
	white-space: nowrap;
}

.form-area .area-radio label:FIRST-CHILD {
	margin-left: 0;
}

.form-area .area-radio label:LAST-CHILD {
	margin-right: 0;
}

.form-area .helper {
	float: right;
	font-weight: normal;
	font-size: 0.8em;
}

.form-area form p.info {
	font-size: 0.9em;
	color: #575656;
	line-height: 1.3em;
	display: none;
	margin-bottom: 1.5em;
}

.form-area .validator {
	font-size: 0.95em;
	color: #55008B;
	line-height: 1.3em;
}

.form-area .validator.error {
	color: #d04;
}

.form-area .buttons {
	margin: 1em auto 0;
	text-align: center;
	display: block;
}

.form-area .ineditable {
	display: block;
	margin: 1em 0 1em 0.5em;
}



@media only screen and (min-width: 25em) {
	
	.form-area .ineditable label {
		display: inline-block;
		width: 35%;
		margin: 0;
	}
}

@media only screen and (min-width: 40em) {
	
	.form-area .ineditable label {
		width: 25%;
	}
}

/** --- sections --- */

section {
	margin: 2em 0 0;
}

.hide-on-mobile {
	display: none;
}

@media only screen and (min-width: 65em) {
	
	section.left {
		padding-left: 2em;
	}
	
	section.right {
		padding-right: 2em;
	}
}

/** --- FAQs --- */

.faq-section a.question {
	color: #248; /*#853852;*/
	display: block;
	font-size: 1.1em;
	margin: 1em 0 0.5em;
	line-height: 1.3em;
}

.faq-section a.question .arrow {
	font-weight: normal;
	font-size: 0.8em;
	display: inline-block;
}

.faq .faq-section p.answer {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}

.faq .faq-section p.answer br {
	display: block;
	margin: 0.2em;
	line-height: 0.1em;
	content: " ";
}

@media only screen and (max-width: 42.5em) {

	.faq  .faq-section p.answer {
		margin-left: 0.5em;
	}
}

@media only screen and (max-width: 37.5em) {

	.faq  .faq-section p.answer {
		margin-left: 0;
	}	
}



/** --- Tooltips --- */

.tooltip-content {
	display: none;
}

.tooltip-box {
	padding: 0.2em 0.4em;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	display: none;
	z-index: 100;
	position: absolute;
	height: auto;
	width: auto;
	background-color:#e3e3e3;
	border:1px solid #aaa;
}

.tooltip-content:BEFORE {
	position:absolute;
	top: 6px;
	left:-7px;
	display:inline-block;
	border-bottom:7px solid transparent;
	border-right:7px solid #aaa;
	border-top:7px solid transparent;
	content:'';
	z-index: 4;
}

.tooltip-box .tooltip-content {
	display: block;
}

/** --- Images --- */

.circle-img-frame {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 100%;
	display: block;
	position: relative;
	border: 0.15em solid #bbb;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.circle-img-frame:BEFORE {
	content: "";
	display: block;
	padding-top: 100%;
}

.circle-img-frame img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 100%;
	background-color: white;
}