.main-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -105px;
}

.content-wrapper-with-sidebar {
	padding-left: 0;
	margin-top: 25px;
	margin-bottom: 40px;
}

.types-list-wrapper {
	padding: 0;
	margin-top: 2%;
	margin-bottom: 2%;
}

.push {
	height: 105px;
}

.clear {
	clear: both;
}


.no-left-padding {
	padding-left: 0;
}

.no-right-padding {
	padding-right: 0;
}

.no-left-margin {
	margin-left: 0;
}

.no-right-margin {
	margin-right: 0;
}

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.custom-hidden {
	display: none;
}

input.invalid, select.invalid, input:invalid, select:invalid {
	outline: 0 !important;
	border-color: #FF5C60 #FF7077 #FF7077 !important;
	box-shadow: 0 1px 2px transparent inset, 0 1px 0 rgba(255, 255, 255, 0), 0 0 2px 0 rgba(255, 0, 0, 0.5) !important;
}

select.full-width {
	width: 100%;
}

/* Alerts */

.alert {
	border-radius: 3px;
}

/* Buttons */

.btn, .btn-lg, .panel {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	letter-spacing: 0.05em;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 15px;
	border-radius: 3px;
	border: none;
    transition: all 0.1s ease-in-out;
    outline: 0 !important;
}

.btn-lg {
	padding: 12px 16px;
}

.btn span {
	color: #FFF;
}

.btn-grey {
	padding: 10px 30px;
	background-color: #6D6F65;
	color: #FFF;
	font-size: 0.9em;
}

.btn-grey:hover {
	color: #FFF;
	background-color: #54554E;
}

.btn-grey:active, .btn-grey:focus {
	color: #FFF;
	background-color: #575951;
}

.btn-info, .btn-info:hover, .btn-info:focus {
	color: #429696;
	background-color: #51A9AB;
}

.btn-info .fa-caret-right {
	margin-left: 5px;
}

.btn-info .fa-caret-left {
	margin-right: 5px;
}

.btn-action-2 {
    color: #FFF;
    background-color: #51A9AB;
}

.btn-action-2:hover {
    background-color: #459091;
}

.btn-action-2:active {
    background-color: #397777;
}

.btn-action-3 {
    background-color: #6D6F65;
    color: #FFF;
}

.btn-action-3:hover {
    color: #FFF;
    background-color: #575951;
}

.btn-action-3:active {
    color: #FFF;
    background-color: #464741;
}

.btn-info .fa-caret-right {
    margin-left: 5px;
}

.btn-info .fa-caret-left {
    margin-right: 5px;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
	color: #4695B9;
	background-color: #50AAD3;
}

.btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple:focus {
	color: #593B4A;
	background-color: #734C5F;
}

.test-results-overview-button-small {
	padding: 15px 0;
}

.btn-open-overview {
	padding: 15px;
	margin-bottom: 15px;
	font-size: 1em;
}

@media (min-width: 600px) { 
	
	.btn-open-overview {
		padding: 15px 50px;
		font-size: 1.2em;
	}

}

@media (min-width: 992px) { 
	
	.btn-open-overview {
		margin-bottom: 0;
	}

}

.fa {
    font-style: normal;
    font-family: 'FontAwesome' !important;
}

.min-height-wrapper {
	min-height: 670px;
}

.navbar-logo {
	background-image: url('/images/logo_main.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 80px;
	margin-top: 19px;
	cursor: pointer;
	width: 99%;
	min-width: 260px;
	float: left;
	background-size: contain;
}

@media (min-width: 550px) { 

	.navbar-logo {
		width: 500px;
		background-size: auto;
		height: 112px;
		margin-top: 39px;
	}
}

.navbar-logo:active, .navbar-logo:focus {
	outline: 0;
}

.page-logo {
	width: 350px;
	height: 85px;
	background-size: contain;
	margin-top: -42px;
}


.navbar-button-wrapper {
	height: 120px;
	width: 120px;
	text-align: center;
	display: inline-block;
}

.navbar-right {
	margin-top: 20px;
}

.navbar-default .navbar-nav > li > a {
	text-decoration: none;
	font-size: 0.9em;
}

.navbar-default .navbar-nav > li > a:hover {
	background-color: #EEE;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
	text-decoration: none;
}

#main-navbar {
	padding: 0;
}

#main-navbar a {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.8em;
	letter-spacing: 0.05em;
	padding: 14px 10px 13px 10px;
    outline: 0;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -ms-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
}

.navbar-toggle {
	margin-top: -10px;
}

.navbar-toggle span {
	color: #4C4C4C;
	margin-right: 5px;
}

.btn-contact {
	margin-top: 5px;
}

.btn-default {
	background-color: #E4E4E2;
}

.btn-default.dropdown-toggle {
	background-color: #B3B4AE;
}

.btn-default.dropdown-toggle span {
	color: #7D7F75;
	border-top: 5px solid;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.btn-nothanks, .btn-nothanks:hover, .btn-nothanks:focus, .btn-nothanks:active {
	background-color: #E4E4E2;
	color: #CACAC9;
}

.btn-nothanks span {
	color: #4C4C4C;
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active {
	background-color: #E4E4E2;
	color: #CACAC9;
}

.btn-default span {
	color: #4C4C4C;
}

.btn-action {
	background-color: #DC6950;
	color: #FFF;
}

.btn-action:hover {
    background-color: #C25D47;
}

.btn-action:active {
    background-color: #A8513E;
    outline: 0;
}

.btn-action .fa-caret-right {
	margin-left: 5px;
	font-size: 0.85em;
}

.red-text {
	color: #DC6950;
}

.green-text {
	color: #51A9AB;
}

.inline {
	display: inline-block;
}

.language-links {
	text-align: right;
}

@media (min-width: 1010px) { 

	.language-links {
		margin-top: 33px;
	}

}

.language-links .btn {
	color: #4C4C4C;
}

.language-links .dropdown-toggle {
	min-height: 28px;
}

.dropdown-menu {
	font-size: 0.7em;
}

/* Navbar */

.homepage-navbar, .non-homepage-navbar {
	margin-bottom: 0;
	background-color: transparent;
	border: none;
}

.homepage-navigation-row {
	margin: 5px 0 0 5px;
}

.homepage-navigation-wrapper {
	text-align: center;
	background-color: #93948C;
	padding-left: 0;
	padding-right: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	overflow: hidden;
}

.homepage-navigation > .nav > li > a:hover, .homepage-navigation > .nav > li > a:focus {
	background-color: #B3B4AE;
}

.homepage-navigation > .nav > li:first-of-type > a:hover, .homepage-navigation > .nav > li:first-of-type > a:focus {
	border-top-left-radius: 3px !important;
}

.homepage-navigation > .nav > li:last-of-type > a:hover, .homepage-navigation > .nav > li:last-of-type > a:focus {
	border-top-right-radius: 3px !important;
}

.homepage-navigation a {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.navbar-li-selected {
	background-color: #B3B4AE;
}

/* Home page */

.homepage .welcome-top {
	margin-bottom: 60px;
	background-color: #F9F9F9;
	padding: 2%;
	border-bottom: 1px solid #EEE;
	border-radius: 0 0 3px 3px;
}

.homepage .welcome-top .image-wrapper {
	padding: 15px 20px;
}

.homepage .welcome-top .image-wrapper img {
	width: 100%;
	max-width: 520px;
	display: block;
	border-radius: 0 0 3px 3px;
	margin: 0 auto;
}

@media (min-width: 1010px) {

	.homepage .welcome-top .image-wrapper img {
		margin: 0;
	}

}

.homepage .welcome-top .text-wrapper  {
	padding: 0 40px 20px 25px;
}

.homepage .welcome-top .text-wrapper h1 {
	font-size: 1.9em;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.5;
	padding-top: 10px;
	margin-bottom: 25px;
	margin-top: 0;
}

@media (min-width: 1010px) {

	.homepage .welcome-top .text-wrapper h1 {
		margin-top: 30px;
	}

}

.homepage .welcome-top .text-wrapper p {
	margin-bottom: 15px;
}

.homepage .welcome-top .text-wrapper p.small {
	margin-bottom: 30px;
	font-size: 0.8em;
	font-style: italic;
	color: #999;
}

.homepage .stats-wrapper {
	text-align: center;
	margin-bottom: 30px;
}

.homepage .stats-wrapper p {
	font-size: 1.2em;
}

.homepage .stats-wrapper .stats {
	text-transform: uppercase;
}

.homepage .stats-wrapper .stats p {
	font-size: 1.7em;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.homepage .stats-wrapper .stats span {
	color: #51A9AB;
}

.homepage .reviews .review {
	text-align: center;
	padding: 0 30px;
	margin-bottom: 30px;
}

@media (min-width: 768px) {

	.homepage .reviews .review {
		margin-bottom: 0;
	}

}

.homepage .reviews .review img {
	width: 80px;
	display: block;
	margin: 0 auto 15px auto;
}

.homepage .reviews .review p {
	font-size: 0.8em;
}

.homepage .reviews .review p.name {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}

.homepage .test-button {
	text-align: center;
	margin: 10px 0 60px 0;
}

.homepage .other-actions {
	margin: 30px -15px 35px -15px;
}

.homepage .other-actions h2 {
	font-size: 1.7em;
	margin-top: 27px;
	margin-bottom: 19px;
	text-align: center;
}

.homepage .other-actions .action-wrapper {
	text-align: center;
	border-radius: 3px;
	padding: 15px;
}

.homepage .other-actions .action-wrapper .action {
	background-color: #F9F9F9;
	padding: 30px;
}

.homepage .other-actions .action-wrapper .action img {
	width: 100%;
	max-width: 310px;
}

@media (min-width: 1010px) {

	.homepage .other-actions .action-wrapper .action img {
		margin-bottom: 30px;
	}

}

.homepage .other-actions .action-wrapper .action h3 {
	font-size: 1.1em;
}

.homepage .other-actions .action-wrapper .action p {
	font-size: 0.8em;
}

.article_wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
}

.footer {
	background-color: #55574D;
	padding: 1px;
	margin: 0;
}

.footer-homepage {
	margin: 0 15px;
}

@media (min-width: 1200px) { 
	
	.footer {
		margin-left: 0;
		margin-right: 0;
	}

	.footer-homepage {
		margin: 0 15px;
	}

}

.footer a {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 15px;
}

.footer a:hover {
	background-color: #616458;
}

.footer-2 {
	color: #B3B4AE;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 15px;
	margin: 0;
}

.social-separator {
	height: 7px;
}

.social-separator2 {
	height: 1px;
}

/* Personality test */

.test-title {
    padding-top: 25px;
    text-align: center;
}

.test-header {
	height: 250px;
    padding: 0 200px;
    margin: 40px 0 0 0;
}

.test-header-1, .test-header-2, .test-header-3 {
    height: 240px;
    background-repeat: no-repeat;
    background-position: center 10px;
    position: relative;
    padding: 0;
    text-align: center;
}

.test-header-1 {
    background-image: url('/images/test-header-1.png');
}

.test-header-2 {
    background-image: url('/images/test-header-2.png');
}

.test-header-3 {
    background-image: url('/images/test-header-3.png');
}

.test-header-note-1, .test-header-note-2, .test-header-note-3 {
    position: absolute;
    font-size: 0.9em;
    color: #93948C;
    width: 100%;
    bottom: 10px;
}

.test-header-note-1 {
	bottom: 22px;
}

.set2, .set3, .set4, .set5, .set6, .set7, .set8, .set9, .set10, .setres {
	display: none;
}

.setnext, .setres {
	padding-top: 20px;
	text-align: center;
}

.setnext > .btn, .setres > .btn {
	min-width: 60%;
	margin: 10px 0 25px 0;
	padding: 15px 15px 14px 15px;
}

.setnext > .btn > span, .setres > .btn > span {
	font-size: 1.2em;
	font-weight: 500;
}

.test-social-wrapper {
	padding-bottom: 30px;
}

.test-body h1 {
	text-align: center;
	line-height: 1.3;
	font-size: 1.3em;
}

@media (min-width: 600px) {

	.test-body h1 {
		font-size: 1.5em;
	}

	.setnext > .btn, .setres > .btn {
		min-width: 25%;
		padding: 16px 15px 17px 15px;
	}

	.setnext > .btn > span, .setres > .btn > span {
		font-size: 1.4em;
	}

}

@media (min-width: 1010px) {

	.test-body h1 {
		font-size: 1.7em;
	}

}

/* Test results */

.test-results-caption-wrapper {
	text-align: center;
    font-size: 0.7em;
	margin-top: 4%;
}

.test-results-caption {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #58585A;
	font-size: 1.8em;
	font-weight: 600;
    margin-bottom: 5px;
}

.test-results-type-nice {
	font-size: 3em;
	color: #4C4C4C;
}

.test-results-type-acronym {
    font-size: 3em;
    color: #ACADAF;
}

@media (min-width: 350px) {
    .test-results-type-nice, .test-results-type-acronym {
        font-size: 3.5em;
    }
}

.test-results-variant {
    font-size: 4em;
    color: #ACADAF;
}

.test-results-image-wrapper {
	text-align: center;
}

.test-results-image-wrapper img {
	width: 100%;
	max-width: 350px;
}

.test-results-image-quote {
	display: none;
	font-size: 0.7em;
	position: absolute;
	width: 100px;
}

@media (min-width: 600px) {

    .test-results-caption-wrapper {
        font-size: 1em;
    }

}

@media (min-width: 1010px) { 

	.test-results-caption-wrapper {
		margin-bottom: 15px;
	}
	
}

@media (min-width: 1200px) { 

	.test-results-image-quote {
		display: block;
	}
	
}

.test-results-trait-caption {
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}

.results_wrap {
	padding: 23px 0px 47px 0;
	margin: 0 auto 20px auto;
	width: 355px;
}

.test-results-trait-progress-wrapper {
	padding-bottom: 10px;
}

.test-results-trait-explanation {
	visibility: hidden;
	color: #E7E7E8;
	font-size: 1.2em;
	padding: 6px 10px 0 10px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
}

@media (min-width: 1010px) { 

	.test-results-trait-explanation {
		visibility: visible;
	}
	
}

.test-results-trait-explanation-left:hover:after {
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #D4D4D4;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	bottom: 30px;
	color: #4C4C4C;
	content: attr(data-title);
	left: 20px;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 420px;
	line-height: 1.7;
}

.test-results-trait-explanation-left:hover:before {
	border: solid;
	border-color: #D4D4D4 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 25px;
	content: "";
	left: 28px;
	position: absolute;
	z-index: 99;
}

.test-results-trait-explanation-right:hover:after {
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #D4D4D4;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	bottom: 30px;
	color: #4C4C4C;
	content: attr(data-title);
	right: 25px;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 420px;
	line-height: 1.7;
}

.test-results-trait-explanation-right:hover:before {
	border: solid;
	border-color: #D4D4D4 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 25px;
	content: "";
	right: 29px;
	position: absolute;
	z-index: 99;
}

.test-results-trait-progress-bar-wrapper {
	background-color: #E7E7E8;
	padding: 10px 0;
}

.test-results-trait-progress-bar {
	position: absolute;
	height: 100%;
	margin-top: -10px;
	box-shadow: none;
	z-index: 1;
}

.old-results-social-wrapper {
    display: inline-block;
    margin: 10px -15px 0 -15px;
}

@media (min-width: 400px) {

    .old-results-social-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width: 1200px) {

    .old-results-social-wrapper {
        margin-top: 0;
    }

}

.progress-bar-percentage-left, .progress-bar-percentage-right {
	display: none;
}

@media (min-width: 600px) { 

	.progress-bar-percentage-left, .progress-bar-percentage-right {
		display: block;
	}

}

.progress-bar-m {
	background-color: #728D56;
}

.progress-bar-e {
	background-color: #51A9AB;
}

.progress-bar-n {
	background-color: #E94339;
}

.progress-bar-t {
	background-color: #E5C82E;
}

.progress-bar-i {
	background-color: #734C5F;
}

.progress-bar-caption {
	color: #3D3D3D;
	z-index: 2;
}

.progress-bar-percentage-left {
	padding-top: 14px;
	font-size: 0.8em;
	padding-right: 5px;
	text-align: right;
}

.progress-bar-percentage-right {
	padding-top: 14px;
	font-size: 0.8em;
	padding-left: 5px;
	text-align: left;
}

.test-results-send-wrapper {
	margin: 20px 0 30px 0;
    text-align: center;
}

.test-results-send-wrapper #request-trigger, .test-results-send-wrapper #request-send {
    padding: 8px 30px 8px 30px;
    font-size: 0.9em;
    position: absolute;
    right: calc(50% - 125px);
    z-index: 3;
}

@media (min-width: 400px) {

    .test-results-send-wrapper #request-trigger, .test-results-send-wrapper #request-send {
        right: calc(50% - 125px);
    }

}

.test-results-send-wrapper #request-wrapper {
    margin: 0;
    transition: all 0.5s ease-in-out;
}

.test-results-send-wrapper #request-wrapper #request-send {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.test-results-send-wrapper #request-wrapper #request-send .fa {
    margin: 0 17px 0 16px;
}

@media (min-width: 600px) {

    .test-results-send-wrapper #request-wrapper {
        margin: 0 33px;
    }

}

.test-results-send-wrapper #request-wrapper .info-wrapper {
    height: 39px;
    position: relative;
}

.test-results-send-wrapper #request-wrapper .request-info-wrapper {
    display: none;
}

.test-results-send-wrapper #request-wrapper .email-wrapper {
    text-align: left;
    padding-right: 0;
}

.test-results-send-wrapper #request-wrapper .email-wrapper #request-email {
    width: 1px;
    padding: 7px 0 7px 7px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
    border-radius: 5px;
    position: absolute;
    right: 50px;
    z-index: 2;
}

.test-results-send-wrapper #request-wrapper .alert-wrapper {
    padding: 10px 15px 0 15px;
    display: none;
}

.test-results-send-wrapper #request-wrapper .alert-wrapper #alert-message {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    padding: 7px;
    border: 1px solid transparent;
    text-align: left;
    border-radius: 4px;
    font-size: 0.9em;
}

.test-results-send-wrapper #request-wrapper .confirmation-wrapper {
    padding: 10px 15px 0 15px;
    display: none;
}

.test-results-send-wrapper #request-wrapper .confirmation-wrapper #result-message {
    color: #446125;
    background-color: #bfdb8e;
    padding: 7px;
    border: 1px solid transparent;
    text-align: left;
    border-radius: 4px;
    font-size: 0.9em;
}

.test-results-send-wrapper #request-wrapper .subscribe-wrapper {
    margin: 10px 0 0 0;
    text-align: left;
    display: none;
}

.test-results-send-wrapper #request-wrapper .subscribe-wrapper .subscribe-note-2, .test-results-send-wrapper #request-wrapper .subscribe-wrapper .subscribe-note-3 {
    font-size: 0.8em;
    margin-top: 10px;
}

.test-results-send-wrapper #request-wrapper .subscribe-wrapper .subscribe-note-2 .fa {
    margin-right: 7px;
    font-size: 1.4em;
    margin-left: -3px;
    height: 40px;
    float: left;
}

.test-results-send-wrapper #request-wrapper .button-wrapper {
    padding: 0 15px 0 0;
}

.test-results-send-wrapper #request-wrapper .button-wrapper #request-send {
    /*width: 100%;
    padding: 9px 0 8px 0;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /*font-size: 0.9em;*/
}

.test-results-send-wrapper .invitee-wrapper {
    margin: 0 33px;
    padding: 6px 15px 15px 15px;
    transition: all 0.5s ease-in-out;
    text-align: left;
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 0.9em;
}

.test-results-send-wrapper .invitee-wrapper div {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
}


#test-results-send-popup-button {
	padding: 10px 15px;
	font-weight: bold;
}

#results-close-button {
	display: none;
}

.test-results-overview-wrapper {
	background-color: #F5F5F5;
	padding: 10px 30px 40px 30px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.test-results-v1-grouping-caption {
    font-size: 1.4em;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
}

.test-results-v1-grouping-caption .col-md-6 {
    padding: 0;
}

.test-results-v1-grouping-title {
    color: #818284;
}

.test-results-v1-grouping-info {
    color: #4C4C4C;
    font-weight: 600;
}

@media (min-width: 992px) {

    .test-results-v1-grouping-caption {
        font-size: 1.7em;
    }

    .test-results-v1-grouping-title {
        text-align: right;
    }

    .test-results-v1-grouping-info {
        padding-left: 15px !important;
    }

}

.test-results-grouping-wrapper {
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
}

.test-results-grouping-wrapper .group-section {
    padding-bottom: 20px;
    padding-top: 20px;
}

.test-results-grouping-title {
	color: #818284;
    text-align: center;
}

.test-results-grouping-info {
	color: #4C4C4C;
	font-weight: 600;
    text-align: center;
}

.test-results-overview-description {
	display: none;
}

@media (min-width: 992px) { 

	.test-results-grouping-wrapper {
		font-size: 1.7em;
	}

	.test-results-grouping-info {
		padding-left: 15px !important;
	}

}

@media (min-width: 600px) { 

	.test-results-overview-description {
		text-align: center;
		margin: 10px 0 0 0;
		display: block;
	}

}

@media (min-width: 1200px) { 

	.test-results-overview-description {
		margin-bottom: 10px;
	}

    .test-results-v1-grouping-info {
        text-align: left;
    }

}

.test-results-social-wrapper {
	text-transform: uppercase;
	font-size: 1.5em;
	color: #404041;
}

.test-results-social-wrapper img {
	display: inline-block;
	margin-right: 10px;
	width: 61px;
	margin-bottom: 5px;
}

.test-results-social-row-2 {
	margin-top: 10px;
}

.test-results-social-button-facebook {
	margin-bottom: 10px;
}

.test-results-social-icon-2 {
	padding-top: 10px;
}

@media (min-width: 1010px) { 

	.test-results-social-caption {
		padding-top: 10px;
		text-align: right;
	}

	.test-results-social-button {
		padding-top: 10px;
	}

	.test-results-social-button-facebook {
		padding-top: 2px;
		margin-bottom: 0;
	}
	
	.test-results-social-pinterest {
		text-align: center;
	}

	.test-results-social-icon-2 {
		padding-top: 0;
	}

	.test-results-social-wrapper img {
		margin-bottom: 0;
	}

}

#send-dialog {
	margin-top: 15%;
}

#invited-dialog {
	margin-top: 10%;
}

.test-results-send-dialog-body {
	padding: 0 25px;
}

.test-results-send-dialog-intro {
	padding: 15px 0;
	text-align: center;
	line-height: 1.7;
}

.test-results-send-dialog-emailtext {
	padding-top: 4px;
	padding-right: 0;
}

.test-results-send-dialog-emailtext label {
	font-weight: normal;
}

.test-results-send-dialog-emailbox {
	padding-left: 0;
}

.test-results-send-email {
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	width: calc(100% - 5px);
	margin-left: 5px;
	font-size: 0.9em;
}

.results-send-email-error-row {
	display: none;
	padding-left: 15px;
	padding-right: 15px;
}

.results-send-email-error {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 2px 6px;
}

.test-results-send-subscribe-row {
	margin-top: 10px;
	margin-bottom: 15px;
}

.subscribe-note {
	margin-left: 5px;
}

.subscribe-note-2 {
	font-size: 0.9em;
	color: #A5A5A5;
}

.newsletter-row {
	margin-top: 3px;
}

#send-dialog-step2, #send-dialog-step4 {
	display: none;
}

#send-dialog-step2 > .row {
	margin-bottom: 5px;
}

#send-dialog-step2 > h2 > span, #send-dialog-step4 > h2 > span {
	display: inline-block;
	color: green;
	margin-right: 10px;
}

.test-results-send-link-box {
	padding: 0 10px;
}

.test-results-send-link-share {
	padding-top: 10px;
}

.test-results-send-link-share img {
	width: 30px;
}

.invite-row {
	margin-bottom: 10px;
}

#shareResultsButton {
	margin-top: 14px;
	width: 100%;
}

#shareResultsButton span {
	top: 2px;
	right: 4px;
}

.overview-button-master-wrapper {
	text-align: right;
}

.overview-button-wrapper {
	text-align: right;
	margin-bottom: 10px;
	display: inline-block;
}

.send-results-form-completed {
	color: #ADB83F;
	border: 1px solid #95B81A;
	background-color: #F3FFC9;
	padding: 7px;
	display: inline-block;
	font-size: 0.9em;
}

.results-caption2 {
	font-size: 0.9em;
	margin-bottom: 7px;
}

.results-email-wrapper {
	margin-bottom: 15px;
	font-size: 1.1em;
}

@media (min-width: 450px) { 

	#SaveBtn span {
		display: inline-block;
	}

}

@media (min-width: 720px) {

	.results-caption2 {
		font-size: 0.85em;
	}

}

@media (min-width: 992px) {

	.results-caption2 {
		font-size: 0.85em;
	}

	.overview-button-wrapper {
		text-align: right;
		margin-top: -20px;
	}

}

@media (min-width: 1010px) { 

	.results_wrap {
		margin: 10px 0 30px 0px;
	}

	#SaveBtn span {
		display: none;
	}

	.overview-button-wrapper {
		margin-top: -40px;
	}

}

@media (min-width: 1200px) { 

	.results-caption2 {
		font-size: 0.9em;
	}

	#SaveBtn span {
		display: inline-block;
	}

	.overview-button-wrapper {
		text-align: left;
		margin-top: 220px;
		width: 100%;
	}

	.overview-button-master-wrapper {
		text-align: left;
		height: 474px;
	}

	#overview-button {
		width: 100%;
	}

}

#update-profile-button {
    padding: 8px 0;
    width: 223px;
}

#update-profile-button .fa-check {
	padding-right: 5px;
}

#overview-button span {
	top: 2px;
	left: 4px;
}

.results-caption {
	margin-bottom: 5px !important; 
	font-size: 1.4em;
}

.results-email-note {
	margin: 4px 0 8px 0;
	font-weight: normal;
	font-size: 0.8em;
	font-style: italic;
}

.test-social-bar {
	margin-bottom: 10px;
	overflow: hidden;
}

.after-results {
    background-color: #F5F5F5;
    margin: 0 -15px;
}

.after-results .col-md-12 {
    padding: 0;
}

/* Type descriptions */

.type-description {
    position: relative;
}

.type-description .overlay {
    width: 100%;
    height: 100%;
    margin: 0 -15px;
    position: absolute;
    background-color: #FFF;
    opacity: 0.85;
    z-index: 2;
}

.type-header-results {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #FFF;
    width: 100%;
    margin: 0;
    padding: 15px 0 0 0;
}

.type-header-wrapper {
	background-color: #F5F5F5;
	display: none;
    z-index: 1;
}

@media (min-width: 1200px) { 
	
	.type-header-wrapper {
		display: block;
	}

}

.type-header {
	height: 350px;
	padding: 0;
}

.type-header .type-caption {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	font-size: 11.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #B3B4AE;
	text-align: center;
	background-repeat: no-repeat;
	height: 350px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.type-headertext {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	font-size: 10.5em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 20px;
	color: #B3B4AE;
	text-align: center;
}

.type-headerpicture {
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.type-description-wrapper {
	padding: 0;
}

.type-description-wrapper h1 {
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 15px;
}

.type-description-wrapper h2 {
	line-height: 1.5;
}

@media (min-width: 500px) {

	.type-description-wrapper h1 {
		font-size: 1.7em;
		line-height: 1.3;
		margin-bottom: 20px;
	}

}

blockquote {
	font-size: 0.9em;
	font-style: italic;
	padding: 10px 0;
	border: none;
}

blockquote p {
	margin-bottom: 5px;
}

blockquote footer {
    font-size: 0.9em;
    text-align: right;
}

.description-pullout {
	border-left: 10px solid #51a9ab;
	background-color: #F6F5F4;
	padding: 25px 40px;
	line-height: 1.8;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 3px;
}

.desc_pic_left, .desc_pic_right {
	height: 200px;
	margin: 10px auto;
	display: block;
}

.desc_pic_left.half-width, .desc_pic_right.half-width {
	width: 100%;
	height: auto;
	display: block;
	float: none;
}

@media (min-width: 540px) {

	.desc_pic_left {
		display: inline;
		margin: 10px 30px 30px 0;
		height: auto;
		float: left;
	}

	.desc_pic_right {
		display: inline;
		margin: 10px 0 20px 30px;
		height: auto;
		float: right;
	}

	.desc_pic_left.half-width {
		width: 50%;
		height: auto;
		float: left;
	}

	.desc_pic_right.half-width {
		width: 50%;
		height: auto;
		float: right;
	}

}

.article-navigation-back, .article-navigation-forward {
	text-align: center;
	padding: 0;
}

.article-navigation-back {
	margin-top: 10px;
}

.article-navigation-back .btn, .article-navigation-forward .btn {
	font-size: 0.8em;
}

@media (min-width: 440px) { 

	.article-navigation-back .btn, .article-navigation-forward .btn {
		font-size: 1em;
	}

}

@media (min-width: 770px) { 

	.article-navigation-back {
		text-align: left;
	}

	.article-navigation-forward {
		text-align: right;
	}

	.article-navigation-back {
		margin-top: 0;
	}

}

.type-bottom-nav-wrapper {
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
	margin: 0;
}

.type-bottom-nav-wrapper .row {
	margin: 0;
}

.article-navigation-wrapper .btn {
    padding: 12px 15px;
}

.article-navigation-wrapper .btn .fa-caret-right {
	margin-left: 5px;
}

.article-navigation-wrapper .btn .fa-caret-left {
	margin-right: 5px;
}

.type-famous-list {
	margin-top: 15px;
}

.type-famous-list h3 {
	font-size: 1.2em;
	text-transform: none;
	margin-bottom: 17px;
	margin-top: 0;
}

.description-social-wrapper {
	text-transform: uppercase;
	font-size: 1.5em;
	color: #404041;
}

.description-social-wrapper img {
	display: inline-block;
	margin-top: 13px;
	width: 30px;
}

.description-social-caption {
	padding-top: 17px;
	padding-right: 0;
	font-size: 0.9em;
}

@media (min-width: 1010px) { 

	.description-social-caption {
		text-align: right;
	}

}

/* Type descriptions page */

@media (min-width: 700px) {

	.types-list-header h1 {
		float: left;
	}

	.types-list-header .btn {
		display: block;
		float: right;
		margin: 30px 0 20px 0;
	}

}

.type-chart {
	/*border-top: 1px solid #eee;
	padding: 30px 0;*/
	margin-top: 30px;
	}

.type-chart img {
	margin-top: 20px;
	width: 140px;
}

.extrawide-illustration {
	width: 190px !important;
}

.type-chart .col-md-12 {
	text-align: center;
}

.type-chart .col-md-12 h2 {
	margin: 0 0 4px 0;
	font-size: 1.7em;
	font-weight: normal;
}

.type-chart .type-item {
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

@media (min-width: 760px) { 

	.type-chart .col-md-12 h2 {
		margin-bottom: 0;
		padding: 15px 0;
	}

	.type-chart .type-item {
		min-height: 365px;
	}

}

/*.type-chart .type-item:hover {
	background-color: #F5F5F5;
}*/

.type-chart .type-item a {
	color: #4C4C4C;
}

.type-chart .type-item a:hover {
	color: #4C4C4C;
	text-decoration: none;
}

.type-chart .type-item a:focus {
	outline: 0;
	text-decoration: none;
}

.type-chart .type-item h4 {
	margin: 20px 0 5px 0;
	text-transform: uppercase;
}

.type-chart .type-item h5 {
	margin-top: 0;
}

.type-chart .row:nth-of-type(2) .type-item h5 {
	color: #3c4858;
}

.type-chart .row:nth-of-type(4) .type-item h5 {
	color: #3c4858;
}

.type-chart .row:nth-of-type(6) .type-item h5 {
	color: #3c4858;
}

.type-chart .row:nth-of-type(8) .type-item h5 {
	color: #3c4858;
}

.type-snippet {
	font-size: 0.7em;
	text-align: center;
	padding: 0 5px 25px 5px;
}

/* Article-specific */

.articles-backlink {
	margin-top: 20px;
}

.article-meta .author, .article-meta .date {
	margin-right: 25px;
}

.articles-sidebar {
	margin-top: 50px;
}

.articles-sidebar .widget {
	margin-bottom: 35px;
}

.articles-sidebar .widget h4 {
	font-size: 0.8em;
	margin: 0 0 15px 0;
}

.articles-sidebar .widget input {
	background: #f5f4f3;
	border: none;
	margin: 0;
	font-size: 0.7em;
	padding: 10px;
	display: block;
	width: 100%;
	color: #999;
}

.articles-sidebar .widget nav a {
	display: block;
	margin-bottom: 15px;
	padding-top: 5px;
	font-size: 0.7em;
	outline: 0;
}

@media (min-width: 760px) { 

	.article-wrapper {
		padding: 20px 17% 0 17%;
	}

}

.type_letter {
	font-weight: bold;
	text-decoration: underline;
}

.typeselect {
    padding: 7px;
	display: inline-block;
	margin-left: 5px;
	font-family: 'Helvetica Neue', Arial;
}

.typeselect option {
	background: #FFF;
	color: #4C4C4C;
	font-style: normal;
	font-weight: normal;
}

.typeselect optgroup {
	background: #51A9AB;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
}

#customButton span {
	top: 2px;
}

.geography-illustration-wrapper {
	text-align: center;
	padding: 10px 15px;
	margin-bottom: 10px;
	color: #93948C;
}

.geography-illustration-wrapper a {
	transition: all 0.2s ease;
	outline: 0;
	display: block;
}

.geography-illustration-wrapper a:hover {
	opacity: 0.8;
}

.geography-illustration-wrapper img {
	width: 100%;
	margin-bottom: 15px;
	max-width: 911px;
}

/* Career stories */

.career-panel-title {
	text-align: center;
}

.career-stories-search-wrapper {
	display: inline-block;
}

.career-stories-search-input-wrapper, .career-stories-search-button-wrapper {
	float: left;
}

#term-box {
	width: 180px;
	padding: 3px 7px;
	margin-right: 5px;
	height: 34px;
}

#career-form select {
	width: 150px; 
	margin: 10px 0 20px 0;
}

#career-form textarea {
	height: 100px;
	margin: 10px 0 20px 0;
	width: 100%;
}

.newstory-button-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

.career-story-sidebar-wrapper {
	padding-top: 15px;
	padding-right: 30px;
}

#your-story-button {
	width: 310px;
}

.career-story-section-title {
	font-size: 1.2em;
	font-family: Montserrat,"Open Sans","Helvetica Neue",Arial;
}

/* Sidebar */

.sidebar {
	margin-top: 17px;
	padding-right: 0;
}

.type-description .sidebar {
    display: none;
}

.type-description .sidebar.visible {
    display: block;
}

#stickySidebar {
	background-color: #F5F5F5;
	margin-top: 17px;
}

#stickySidebar .row {
	margin: 0 0 5px 35px;
}

#stickySidebar .row:last-of-type {
    padding-bottom: 20px;
}

.sidebar-contents {
	background-color: #F5F5F5;
	border-radius: 3px;
}

.sidebar-results-widget {
	padding: 15px 15px 0 15px;
}

.sidebar-results-progress {
	width: 110px;
}

.progress-bar-caption-sidebar {
	font-size: 0.7em;
}

.sidebar-trait-progress-wrapper {
	padding: 3px 10px;
}

.sidebar-trait-progress-bar-wrapper {
	background-color: #E7E7E8;
	padding: 3px 0;
}

.sidebar-trait-progress-bar {
	position: absolute;
	height: 100%;
	z-index: 1;
	margin-top: -3px;
	box-shadow: none;
}

.sidebar-progress-bar-percentage {
	padding-top: 3px;
}

.sidebar-trait-explanation-left, .sidebar-trait-explanation-right {
	font-size: 0.7em;
	color: #878787;
	padding-top: 3px;
}

.sidebar-trait-explanation-left:hover:after {
	font-size: 1em;
	width: 300px;
	left: 0;
}

.sidebar-trait-explanation-left:hover:before {
	left: 10px;
}

.sidebar-trait-explanation-right:hover:after {
	font-size: 1em;
	width: 300px;
	right: 5px;
}

.sidebar-trait-explanation-right:hover:before {
	right: 9px;
}

.btn-sidebar-signup {
	margin: 10px 5px;
	padding: 10px;
	font-size: 0.8em;
}

@media (min-width: 1200px) { 
	
	.btn-sidebar-signup {
		margin: 10px 0 5px 0;
		padding: 10px 30px;
		font-size: 1em;
	}

}

#sidebar-signup-section .results-textbox {
	width: 100%;
	padding: 3px 7px;
}

.sidebar-signup-error-row {
	padding: 5px 15px 0 15px;
}

.sidebar-signup-error-row .alert {
	padding: 7px;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#sidebarSignUpButton {
	margin: 10px 0 15px 0;
	width: 100%;
	font-size: 0.9em;
}

#sidebarSignUpButton span {
	top: 2px;
	right: 6px;
	font-size: 0.9em;
}

@media (min-width: 992px) {

	.sidebar {
		padding-left: 40px;
	}

	.sidebar-desc-tooltip {
		display: none;
	}

	.sidebar-legend {
		width: 80px;
	}

	.sidebar-results-progress {
		width: 100px;
	}

	.sidebar-results-caption {
		margin-left: 90px;
	}

	.sidebar-nolinks {
		padding-top: 18px;
	}

}

@media (min-width: 1220px) { 

	.sidebar-desc-tooltip {
		display: inline-block;
	}

	.sidebar-results-caption {
		margin-left: 125px;
	}

	.sidebar-results-progress {
		width: 110px;
	}

	.sidebar-legend {
		width: 110px;
	}

}

.sidebar-nolinks a {
	text-decoration: none;
}

.sidebar-divider {
	height: 1px;
	margin: 9px 0px;
	overflow: hidden;
	background-color: #E5E5E5;
}

.sidebar-divider-extra-top {
	margin-top: 19px;
}

.small-gap {
	height: 5px;
}

.large-gap {
	height: 30px;
}

.sidebar-section-title {
	font-family: Montserrat, "Open Sans", 'Helvetica Neue', Arial;
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
	margin: 5px 0 7px 0;
}

.sidebar-results-wrap {
	width: auto;
	border: none;
	box-shadow: none;
	padding: 5px auto;
	height: auto;
}

@media (min-width: 1200px) { 

	.sidebar-results-wrap {
		padding: 0 0 5px calc(50% - 164px);
	}

}

.sidebar-results-type {
	text-transform: uppercase;
	width: 100%;
	text-align: left;
	line-height: 1.1;
	margin-bottom: 10px;
}

.topsidebar-results-type {
	font-size: 0.8em;
	text-align: center;
}

@media (min-width: 1200px) { 

	.topsidebar-results-type {
		text-align: left;
	}

	.sidebar-results-type {
		padding-left: 22px;
	}

}

.sidebar-results-typeinfo {
	color: #4C4C4C;
	font-weight: 600;
}

.sidebar-results-wrap a:hover, .sidebar-results-wrap a:focus {
    text-decoration: underline;
    outline: 0;
}

.sidebar-results-wrap a.active, .sidebar-results-wrap a.active:hover, .sidebar-results-wrap a.active:focus {
    color: #428BCA;
    background-color: #FFF;
    outline: 0;
}

.sidebar-nav-panels {
	border: none;
	padding: 5px 0 0 0;
}

.sidebar-nav-panels a {
	border: none;
	display: block;
	position: relative;
	padding: 0 0 7px 3px;
	font-size: 0.9em;
	color: #777;
	text-decoration: none;
	outline: 0;
    transition: all 0.3s ease-in-out;
}

.sidebar-nav-panels a:hover {
	text-decoration: underline;
	outline: 0;
}

.sidebar-nav-panels a:focus {
	outline: 0;
}

.sidebar-nav-panel-active {
	color: #4C4C4C !important;
    font-weight: bold;
}

.sidebar .sidebar-nav-panels .premium-link {
    color: #DC6950;
    font-weight: bold;
}

.sidebar-results-logout {
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 5px;
}

.sidebar-buttons {
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 15px;
}

.sidebar-buttons-first {
	margin-top: 20px;
}

.sidebar-buttons-top {
	margin-top: 15px;
}

.maindesc {
	margin-bottom: 10px;
	font-size: 0.9em;
}

.subdesc {
	color: #7A7A7A;
	margin-bottom: 10px;
	font-size: 0.8em;
}

.sidebar-note {
	margin: -5px 0 5px 0;
	font-style: italic;
	font-size: 0.8em;
}

.sidebar-sharing-wrapper {
	padding: 0 30px 20px 30px;
}

.sidebar-new-wrapper {
	padding: 20px 10px 0 10px;
}

.sidebar-new-wrapper .sidebar-section-title {
	margin: 0;
	line-height: 1;
}

.sidebar-compare-wrapper {
    margin: 10px 0;
    text-align: center;
}

#compare-dialog {
    margin-top: 5%;
}

@media (min-width: 1200px) {

    #compare-dialog {
        margin-top: 15%;
    }

}

#compare-dialog .modal-body {
    padding: 0 25px;
}

#compare-dialog .share-cta {
    padding: 15px 15px 10px 15px;
}

#compare-dialog input {
    height: 34px;
    width: 100%;
    padding: 2px 6px 2px 6px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
}

#compare-dialog .share-wrapper {
    text-align: right;
    padding-top: 10px;
}

#compare-dialog a:hover {
    text-decoration: none;
}

#compare-dialog .share-wrapper img {
    width: 30px;
}

/* Surveys */

.none-found {
	font-style: italic;
}

.stories-table td:nth-of-type(1) {
	width: 60%;
}

.stories-table td:nth-of-type(2), .stories-table th:nth-of-type(2) {
	text-align: right;
}

.stories-table span {
	width: 180px;
	display: inline-block;
	text-align: left;
}

.page-links {
	width: auto;
	text-align: right;
}

.survey-h2 {
	font-weight: bold;
}

.survey-date {
	margin: 30px 0 20px 0;
	font-style: italic;
}

/* Members Area */

.main-headline.members-area .logout-link {
	font-size: 0.6em;
	display: inline-block;
	margin: 0 0 0 10px;
}

.members-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 3;
}

.members-overlay .name {
	width: 340px;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	margin-bottom: 15px;
	font-size: 0.9em;
}

@media (min-width: 768px) {

    .members-area-wrapper {
        margin: 0;
    }

}

.members-area-topnav {
	margin: 0;
}

.members-area-topnav .top-switches {
    padding: 0;
}

.members-area-topnav .top-switches .nav-tabs {
    border-bottom: none;
}

.members-area-topnav .top-switches .nav-tabs > li {
    width: 20%;
    height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	margin-right: 0;
	text-align: center;
	border-radius: 0;
	background-color: #F5F5F5;
	border: 1px solid #EEE;
	border-right: none;
}

.members-area-topnav .top-switches .nav-tabs > li:last-of-type {
	border-right: 1px solid #EEE;
}

.members-area-topnav .top-switches .nav-tabs > li a {
	border: none;
	color: #A5A5A5;
	width: 100%;
}

.members-area-topnav .top-switches .nav-tabs > li a:hover {
	border-bottom: none;
	background-color: #F5F5F5;
	color: #DC6950;
}

.members-area-topnav .top-switches .nav-tabs > li a:focus, .members-area-topnav .top-switches .nav-tabs > li a:active {
	background-color: #F5F5F5;
}

.members-area-topnav .top-switches .nav-tabs > li.active {
    margin-bottom: -2px;
	border-bottom: 1px solid #FFF;
    background-color: #FFF;
}

.members-area-topnav .top-switches .nav-tabs > li.active a {
	color: #4C4C4C;
}

.members-area-topnav .top-switches .nav-tabs > li.active a:hover, .members-area-topnav .top-switches .nav-tabs > li.active a:focus, .members-area-topnav .top-switches .nav-tabs > li.active a:active {
	background-color: #FFF;
}

.members-area-topnav .top-switches .nav-tabs .switch-icon {
    display: block;
	width: 100%;
    text-align: center;
    font-size: 1.1em;
}

.members-area-topnav .top-switches .nav-tabs .switch-title {
    width: 100%;
    display: none;
    text-align: center;
	font-size: 0.7em;
	padding-top: 6px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
}

@media (min-width: 470px) {

	.members-area-topnav .top-switches .nav-tabs > li {
		height: 50px;
	}

	.members-area-topnav .top-switches .nav-tabs .switch-icon {
		font-size: 1.4em;
	}

}

@media (min-width: 768px) {

	.members-area-topnav .top-switches .nav-tabs > li {
		width: 20%;
		height: 80px;
	}

	.members-area-topnav .top-switches .nav-tabs .switch-title {
		display: block;
	}


}

@media (min-width: 1010px) {

	.members-area-topnav .top-switches .nav-tabs .switch-title {
		font-size: 0.9em;
	}


}

.members-area-wrapper .content {
    border: 1px solid #EEE;
    padding: 5px 0;
    margin-bottom: 20px;
}

@media (min-width: 768px) {

    .members-area-wrapper .content {
        padding: 4% 5% 5% 5%;
    }

}

.members-area-wrapper .content h2 {
	text-transform: none;
	font-size: 1.5em;
	font-weight: normal;
}

.members-area-wrapper .content .share-buttons-text {
    margin-bottom: 5px;
}

@media (min-width: 420px) {

    .members-area-wrapper .content .share-buttons-text {
        display: inline-block;
        margin-right: 5px;
    }

}

.members-area-wrapper .content #profile .score-section {
	margin-top: 40px;
	margin-bottom: 40px;
}

.members-area-wrapper .content #profile .detailed-info-wrapper {
	margin: 2% 0 4% 0;
	font-size: 0.9em;
}

.members-area-wrapper .content #profile .detailed-info-wrapper h3 {
	margin-top: 0;
}

.members-area-wrapper .content #profile .detailed-info-wrapper .info-table {
	margin: 30px 0;
}

.members-area-wrapper .content #profile .detailed-info-wrapper .info-table td {
	border-top: none;
	border-bottom: 1px dashed #EEE;
	padding-left: 0;
}

.members-area-wrapper .content #profile .illustration-wrapper {
    text-align: center;
}

.members-area-wrapper .content #profile .illustration-wrapper a {
	outline: 0;
}

.members-area-wrapper .content #profile .score-section .trait-score {
	text-align: center;
	float: left;
	width: 20%;
	padding: 0 15px;
}

.members-area-wrapper .content #profile .score-section .trait-score .score-percentage {
	font-size: 2em;
	display: block;
	font-weight: 600;
	width: 100%;
}

.members-area-wrapper .content #profile .score-section .trait-score .score-label {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	color: #A5A5A5;
	letter-spacing: 0.05em;
}

.members-area-wrapper .content #profile .bottom-section .box {
	background-color: #F5F5F5;
	padding: 40px;
	font-size: 0.8em;
	border-radius: 3px;
}

#members-area-send-dialog {
	margin-top: 10%;
}

#members-area-send-dialog .modal-body {
	padding: 0 25px;
}

#members-area-send-dialog .modal-body .intro {
	padding: 15px 0;
	text-align: center;
	line-height: 1.7;
}

#members-area-send-dialog .modal-body .email-text {
	padding-top: 4px;
	padding-right: 0;
}

#members-area-send-dialog .modal-body .email-text label {
	font-weight: normal;
	padding-top: 6px;
}

#members-area-send-dialog .modal-body .email-box {
	padding-left: 0;
}

#members-area-send-dialog .modal-body .email-box input {
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	width: calc(100% - 5px);
	margin-left: 5px;
	font-size: 0.9em;
}

#members-area-send-dialog .modal-body .results-send-email-error {
	padding: 11px 15px;
	font-size: 0.9em;
}

.members-area-wrapper .content #profile .bottom-section .box .box-title {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 10px;
	display: block;
}

.members-area-wrapper .content #profile .bottom-section .box .btn {
	width: 100%;
	font-size: 1em;
}

.members-area-wrapper .content #profile .progress-bar-caption {
    font-size: 0.8em;
}

@media (min-width: 600px) {

    .members-area-wrapper .content #profile .progress-bar-caption {
        font-size: 1em;
    }

}

.members-area-wrapper .content #profile .progress-bar.left {
    border-right: 1px solid #707070;
}

.members-area-wrapper .content #profile .progress-bar.right {
    border-left: 1px solid #707070;
}

.members-area-wrapper .content #profile .trait-explanation {
    font-size: 0.8em;
    color: #A5A5A5;
    margin-bottom: 15px;
}

.members-area-wrapper .content #profile .trait-explanation.selected {
    color: #4C4C4C;
}

.members-area-wrapper .content #profile .trait-tip-wrapper {
    padding: 0;
}

.members-area-wrapper .content #profile .trait-tip {
    font-size: 0.8em;
    margin: 10px 0 40px 0;
    padding: 10px;
}

.members-area-wrapper .content #profile .group-wrapper {
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 600px) {

    .members-area-wrapper .content #profile .group-wrapper {
        font-size: 1.2em;
    }

}

.members-area-wrapper .content #profile .group-wrapper .group-title {
     color: #A5A5A5;
     font-weight: bold;
}

.members-area-wrapper .content #profile .profile-share-wrapper {
    margin: 20px 0;
    border-radius: 3px;
    padding: 10px 0 5px 0;
    background-color: #F5F5F5;
}

.members-area-wrapper .content #profile .profile-share-wrapper .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info {
    font-size: 0.9em;
    padding: 0 15px;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info:not(.active) {
    display: none;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info span {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    line-height: 1.8;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info .change-disabled {
    font-size: 0.9em;
    color: #A5A5A5;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info #profile-link {
    width: 100%;
    margin-bottom: 10px;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
    font-size: 0.9em;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info #link-change.btn-default {
    cursor: auto;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info .link-social-icons {
    text-align: right;
	padding-top: 8px;
	padding-left: 0;
    margin-bottom: 15px;
}

.members-area-wrapper .content #profile .profile-share-wrapper .link-info .link-social-icons img {
    width: 30px;
}

.members-area-wrapper .profile-title-name {
    font-family: Montserrat,"Open Sans","Helvetica Neue",Arial;
    letter-spacing: 0.05em;
    color: #484E50;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.1;
    margin: 0.67em 0;
    word-break: break-all;
}

.members-area-wrapper .content #profile .profile-title-type {
    width: 100%;
    text-align: center;
}

.members-area-wrapper .content #profile .profile-title-type h2 {
    font-weight: normal;
    font-size: 2em;
}

.members-area-wrapper .content #profile .profile-title-type a {
    outline: 0;
}

.members-area-wrapper .content #profile .profile-traits-side .row {
    margin: 0;
}

.members-area-wrapper .content #friends {
    position: relative;
}

.members-area-wrapper .content #friends h2 {
    margin-left: 0;
}

.members-area-wrapper .content #friends .compare-section {
    margin-bottom: 15px;
	padding-bottom: 30px;
	border-bottom: 1px solid #EEE;
}

@media (min-width: 600px) {

    .members-area-wrapper .content #friends .compare-section {
        margin-bottom: 30px;
    }

}

.members-area-wrapper .content #friends .compare-section h2 {
	margin-bottom: 25px;
}

.members-area-wrapper .content #friends .compare-section .friend-invites #friend-emails {
	width: 100%;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	font-size: 0.9em;
}

.members-area-wrapper .content #friends .compare-section .friend-invites #friend-invitetext {
	width: 100%;
	height: 100px;
	margin-top: 10px;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	font-size: 0.9em;
	line-height: 1.5;
}

.members-area-wrapper .content #friends .compare-section .friend-invites .friend-invitealert {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: left;
	padding: 10px;
	display: none;
}

.members-area-wrapper .content #friends .compare-section .friend-invites #friend-sendinvites {
	margin-top: 10px;
	font-size: 0.8em;
}


.compare-section .friends-list-wrapper, .compare-section .invite-list-wrapper {
    height: 350px;
    overflow: hidden;
}

.members-area-wrapper .content #friends .compare-section .friend-list-load, .members-area-wrapper .content #friends .compare-section .friend-list-load-previous, .members-area-wrapper .content #friends .compare-section .invite-list-load, .members-area-wrapper .content #friends .compare-section .invite-list-load-previous {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    padding-top: 5px;
    height: 40px;
    margin-top: 10px;
    cursor: pointer;
}

.members-area-wrapper .content #friends .compare-section .friend-list-load-previous, .members-area-wrapper .content #friends .compare-section .invite-list-load-previous {
    display: none;
    margin-bottom: 10px;
}

.members-area-wrapper .content #friends .compare-section .friend-list-load:hover, .members-area-wrapper .content #friends .compare-section .friend-list-load-previous:hover, .members-area-wrapper .content #friends .compare-section .invite-list-load:hover, .members-area-wrapper .content #friends .compare-section .invite-list-load-previous:hover {
    background-color: #F5F5F5;
}

.members-area-wrapper .content #friends .friend-result[data-id='1'], .members-area-wrapper .content #friends .friend-result[data-id='2'], .members-area-wrapper .content #friends .friend-result[data-id='3'], .members-area-wrapper .content #friends .friend-result[data-id='4'] {
    display: block;
}

.members-area-wrapper .content #friends .friend-result .friend-remove-toggle {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 3px;
    line-height: 1;
    color: #DDD;
    z-index: 1;
}

.members-area-wrapper .content #friends .friend-result .friend-remove-toggle:hover {
    cursor: pointer;
    color: #A5A5A5;
}

.members-area-wrapper .content #friends .friend-result .friend-illustration {
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
}

@media (min-width: 420px) {

    .members-area-wrapper .content #friends .friend-result .friend-type {
        font-size: 1em;
    }

}

.members-area-wrapper .content #friends .friend-invite-wrapper {
    font-size: 0.9em;
    padding: 6px 11px;
    min-height: 80px;
    margin: 0 10px 10px 0;
    width: 100% !important;
    border: 1px solid #DDD;
    background-color: #F9F9F9;
}

.members-area-wrapper .content #friends .friend-invite-wrapper .description {
    padding-top: 5px;
}

.members-area-wrapper .content #friends .friend-invite-wrapper .action-row {
    padding-top: 5px;
}

.members-area-wrapper .content #friends .friend-invite-wrapper .time {
    font-size: 0.9em;
    padding-top: 4px;
    color: #A5A5A5;
}

.members-area-wrapper .content #friends .friend-invite-wrapper .actions {
    text-align: right;
}

.members-area-wrapper .content #friends .friend-invite-wrapper .actions .btn {
    width: 75px;
}

.members-area-wrapper .content #friends .overlay {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 0.9;
    position: absolute;
    z-index: 1;
    text-align: center;
    padding-top: 340px;
    font-size: 1.4em;
}

.members-area-wrapper .content #friends .stats-group {
    height: 350px;
    text-align: center;
}

.members-area-wrapper .content #friends .stats-group .title {
    width: 100%;
    padding: 15px 0 10px 0;
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
}

.members-area-wrapper .content #community #community-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
	margin: 0 -15px;
	padding: 0 15px;
    z-index: 2;
}

.members-area-wrapper .content #community #community-overlay li {
	margin-bottom: 5px;
}

.members-area-wrapper .content #community #community-overlay .action-row {
    margin-top: 25px;
}

.members-area-wrapper .content #community #community-overlay .action-row .btn {
    margin-left: 5px;
    margin-right: 5px;
	font-size: 0.8em;
}

.members-area-wrapper .content #community .all-questions-table {
    margin-top: 30px;
}

.members-area-wrapper .content #community .all-questions-table a {
    outline: 0;
}

.members-area-wrapper .content #community .all-questions-table .fa-pulse {
    margin-right: 5px;
}

.members-area-wrapper .content #community .all-questions-table .answer-count {
    color: #A5A5A5;
    font-size: 0.9em;
}

.members-area-wrapper .content #community .all-questions-table .answer-count span {
    margin-right: 10px;
}

.members-area-wrapper .content #community .all-questions-table .date {
    text-align: right;
    color: #A5A5A5;
    font-size: 0.9em;
}

.members-area-wrapper .content #community .all-questions-table .question-item:nth-of-type(n+11) {
    display: none;
}

.members-area-wrapper .content #community #questions-list .questions-more, .members-area-wrapper .content #community #questions-list .own-questions-more {
    margin: 5px 0 15px 0;
    text-align: center;
    padding: 10px 0;
    font-size: 0.9em;
    cursor: pointer;
}

.members-area-wrapper .content #community #questions-list .questions-more:hover, .members-area-wrapper .content #community #questions-list .own-questions-more:hover {
    background-color: #F5F5F5;
}

.members-area-wrapper .content #community #answers-list {
    display: none;
    padding-bottom: 15px;
}

.members-area-wrapper .content #community #answers-list .nav-buttons-wrapper {
    padding-top: 17px;
    text-align: right;
}

.members-area-wrapper .content #community #answers-list .nav-buttons-wrapper .btn {
    font-size: 0.6em;
}

@media (min-width: 390px) {

    .members-area-wrapper .content #community #answers-list .nav-buttons-wrapper .btn {
        font-size: 0.8em;
    }

}

.members-area-wrapper .content #community #answers-list .nav-buttons-wrapper .delete-button, .members-area-wrapper .content #community #answers-list .nav-buttons-wrapper .modify-button {
    display: none;
}

.members-area-wrapper .content #community #answers-list .question-content {
    line-height: 1.8;
    margin-bottom: 30px;
}

.members-area-wrapper .content #community #answers-list .answer-form textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
}

.members-area-wrapper .content #community #answers-list .answer-form .alert {
    margin: 10px 0 5px 0;
    padding: 10px;
    font-size: 0.9em;
    display: none;
}

.members-area-wrapper .content #community #answers-list .answer-form .action-wrapper {
    margin-top: 5px;
}

.members-area-wrapper .content #community #answers-list .answer-form .action-wrapper .button-wrapper {
    display: block;
    margin-top: 10px;
}

@media (min-width: 1200px) {

    .members-area-wrapper .content #community #answers-list .answer-form .action-wrapper .button-wrapper {
        display: inline-block;
        margin-top: 0;
    }

}

.members-area-wrapper .content #community #answers-list .answer-form .answer-name {
    color: rgb(165, 165, 165);
    font-size: 0.8em;
    margin-right: 10px;
}

.members-area-wrapper .content #community #answers-list .answer-form #publish-answer {
    width: 119px;
}

.members-area-wrapper .content #community #answers-list .new-answer {
    display: none;
}

.members-area-wrapper .content #community #answers-list .answer-item:nth-of-type(n+6) {
    display: none;
}

.members-area-wrapper .content #community #answers-list .answers-more {
    margin: 5px 0 0 0;
    text-align: center;
    padding: 10px 0;
    font-size: 0.9em;
    cursor: pointer;
}

.members-area-wrapper .content #community #answers-list .answers-more:hover {
    background-color: #F5F5F5;
}

.members-area-wrapper .content #dating p {
	margin: 17px 0 34px 0;
}

.members-area-wrapper .content #dating .dating-button-wrapper {
    text-align: center;
}

.members-area-wrapper .content #dating .dating-button-wrapper .btn {
    font-size: 0.75em;
}

@media (min-width: 600px) {

    .members-area-wrapper .content #dating .dating-button-wrapper {
        text-align: left;
    }

    .members-area-wrapper .content #dating .dating-button-wrapper .btn {
		font-size: 0.8em;
    }


}

.members-area-wrapper .content #preferences .preferences-section {
    margin: 30px 0 0 0;
	border-bottom: 1px solid #EEE;
}

.members-area-wrapper .content #preferences .preferences-section:last-of-type {
	border-bottom: none;
}

.members-area-wrapper .content #preferences .preferences-section .section-text {
	padding-left: 0;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions {
	padding-right: 0;
	padding-bottom: 15px;
}

.members-area-wrapper .content #preferences .preferences-section .section-passwords {
	padding-left: 0;
	font-size: 0.9em;
}

.members-area-wrapper .content #preferences .preferences-section .section-text .section-title {
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
}

.members-area-wrapper .content #preferences .preferences-section .section-text .section-info {
	font-style: italic;
	font-size: 0.8em;
	color: #A5A5A5;
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions {
	text-align: right;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .profile-name-wrapper {
	margin: 10px 0;
	text-align: right;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .profile-name-wrapper #profile-name {
	width: 70%;
	margin-left: 30%;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	font-size: 0.9em;
	display: inline-block;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .profile-name-wrapper #name-change {
	margin-top: 5px;
	display: inline-block;
}


.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches {
	padding: 10px 0;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches .btn {
	margin-left: 0;
	color: #4C4C4C;
	width: 90px;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches .btn.active {
	color: #FFF;
	background-color: #51A9AB;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches .btn.active:hover {
	color: #FFF;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches .btn .label-title {
	display: inline;
}

.members-area-wrapper .content #preferences .preferences-section .section-actions .visibility-switches .btn .label-title span.fa {
	color: #FFF;
}

.members-area-wrapper .content #preferences .resend-wrapper {
    width: 100%;
    text-align: right;
}

.members-area-wrapper .content #preferences #resend-results {
    width: 161px;
}

.members-area-section-wrapper {
	padding: 15px;
}

.nav-tabs > li.active > a, .nav-tabs > li > a {
	outline: 0;
}

.members-area-tab-content .subscribe-wrapper {
    margin: 10px 0 20px 0;
    background-color: #F5F5F5;
    padding: 15px;
    text-align: left;
}

.members-area-tab-content .subscribe-wrapper .btn {
    width: 97px;
    margin-bottom: 0;
    font-size: 0.9em;
}

.members-area-tab-content .subscribe-wrapper .subscribe-note-2 {
    font-size: 0.9em;
    margin: 10px 0;
}

.members-area-tab-content .subscribe-wrapper .subscribe-note-2 .fa {
    margin-right: 7px;
    font-size: 1.4em;
    margin-left: -4px;
    height: 80px;
    float: left;
}

.members-area-tab-content .subscribe-wrapper #subscription-alert {
    display: none;
    margin-bottom: 15px;
    font-size: 0.9em;
}

.community-questions-nav {
	margin-top: 40px;
}

.community-own-questions-wrapper {
	padding-bottom: 30px;
}

#question-dialog {
	margin-top: 5%;
}

#question-dialog .question-filters {
    margin-top: 15px;
}

#question-dialog .modal-footer {
	padding-right: 17px;
}

.community-question-row:nth-of-type(2n) {
	padding-bottom: 10px;
}

.community-question-row:nth-of-type(odd) {
    padding-bottom: 5px;
}

.community-question-notes {
	font-size: 0.7em;
}

.community-question-fields input[type=text], .community-question-fields textarea {
	padding: 7px 10px;
	width: 100%;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
}

.community-question-fields textarea {
    width: 100%;
    height: 130px;
    padding: 7px 10px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
}

.community-question-type-group {
    font-size: 0.9em;
	padding-bottom: 5px;
}

.community-question-type-group .type-selection {
    margin-bottom: 5px;
    cursor: pointer;
}

#question-alert {
	margin-bottom: 0;
}

.status-icon-ok, .status-icon-wait {
	top: 2px;
	right: 4px;
	padding-left: 4px;
}

.status-icon-grey {
	color: #D4D4D4;
}

.status-icon-green {
	color: #099A4D;
}

.community-question-body-extraspacing {
	padding-right: 30px;
}

.community-question-sidebar {
	background-color: #F5F5F5;
	padding: 15px 0 0 0;
}

.community-question-sidebar-2 {
	background-color: #F5F5F5;
	padding: 15px 25px;
}

.community-question-type-header {
	font-family: Montserrat,"Open Sans","Helvetica Neue",Arial;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
}

.community-question-types {
	margin-bottom: 15px;
}

.community-question-visibility-row {
	background-color: #F5F5F5;
	margin: 0;
}

.question-label-notselected {
	color: #4C4C4C;
	background-color: #E7E7E8;
}

.question-label-selected {
	color: #FFF;
	background-color: #51A9AB;
}

.community-question-button-wrapper {
	background-color: #E7E7E8;
	padding: 15px 0 20px 0;
	margin-top: 30px;
}

.community-question-button-row:nth-of-type(2) {
	margin-top: 10px;
}

.community-question-answers {
	margin: 30px -15px 75px -15px;
}

.community-question-reply {
	margin: 0 -15px 30px -15px;	
}

.community-answer-textarea {
	width: 100%;
	padding: 7px;
	margin-bottom: 10px;
}

.community-answer-title-row {
	padding: 5px 0;
	margin: 20px 0 0 0;
	font-weight: bold;
    border-bottom: 1px solid #DDD;
}

.community-answer-title-row .author {
    padding-left: 0;
}

.community-answer-title-row .date {
    padding-right: 0;
    text-align: right;
}

.community-answer-title-row-own {
	background-color: #728D56;
	color: #FFF;
}

.community-answer-title-row-user {
	background-color: #51A9AB;
	color: #FFF;
}

.community-answer-row {
     padding: 20px 0 15px 0;
     line-height: 1.8;
     margin: 0;
}

.community-answer-row .answer {
    padding: 0;
}

.answer-name-caption {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 5px;
}

@media (min-width: 992px) {

	.members-area-section-wrapper {
		padding: 50px;
	}

}

.members-area-caption {
	margin-left: 135px;
}

.members-area-results-caption {
	font-size: 1em;
	margin-bottom: 10px;
}

.members-area-take-button-wrapper {
	padding-top: 14px;
	text-align: right;
}

.members-area-note {
	font-size: 0.9em;
}

.members-area-input-boxes {
	margin-top: 5px;
	width: 100%;
}

.members-area-actions-wrapper {
	background-color: #EEE;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.members-area-loggedin-actions-wrapper {
	padding: 20px 15px;
}

@media (min-width: 1200px) { 

	.members-area-loggedin-actions-wrapper {
		padding: 32px 15px 20px 30px;
	}

}

.members-area-loggedin-actions-wrapper .btn {
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.8em;
}

.members-area-loggedin-actions-wrapper .btn span:nth-of-type(2) {
	display: none;
}

@media (min-width: 420px) { 

	.members-area-loggedin-actions-wrapper .btn {
		font-size: 1em;
	}

	.members-area-loggedin-actions-wrapper .btn span {
		display: inline-block;
		top: 2px;
		left: 4px;
	}

}

.logout-link-wrapper {
	display: none;
}

.logout-link-wrapper-bottom {
	text-align: center;
	padding-bottom: 20px;
}

@media (min-width: 470px) {

	.logout-link-wrapper {
		display: block;
		position: absolute;
		top: 12px;
		right: 15px;
	}

	.logout-link-wrapper-bottom {
		display: none;
	}

}

.login-fields {
	margin-top: 5px;
}

.login-fields-guest {
	margin-top: 5px;
	float: left;
}

.members-area-take-section {
	padding-right: 15px;
}

.members-area-take-section p {
	margin-bottom: 7px;
}

@media (min-width: 992px) { 

	.members-area-take-section p {
		margin-bottom: 2px;
	}

}

.members-area-login-section input[type=text], .members-area-login-section input[type=password] {
	margin-bottom: 10px;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	width: 100%;
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
}

.members-area-login-section .row {
	margin-top: 5px;
}

.members-area-login-section .caption-wrapper {
	padding-top: 4px;
}

.members-area-login-section .text-field-wrapper {
	padding-right: 0;
}

.members-area-login-section .button-wrapper {
	padding-bottom: 10px;
	text-align: right;
}

@media (min-width: 992px) { 

	.members-area-login-section .button-wrapper {
		padding: 31px 0 0 0;
		text-align: left;
	}

}

.members-area-login-section .alert {
	width: 100%;
	padding: 5px 10px;
}

.members-area-login-section .alert-wrapper {
	padding-right: 0;
}

#members-area-signup-button {
	margin: 10px 0 15px 0;
	width: 100%;
}

#members-area-login-button {
	width: 100%;
}

#members-area-signup-button span, #members-area-login-button span {
	top: 2px;
	right: 6px;
	font-size: 0.9em;
}

.forgotpass_link {
	clear: both;
	padding-right: 110px;
	text-align: right;
	padding-top: 10px;
}

.forgotpass_link a {
	color: #ACC8CC;
	text-decoration: underline;
}

.clearBoth {
    clear: both;
    margin-bottom: 10px;
}

.members-area-results_wrap {
    margin: 10px 0 30px 0px;
}

.members-area-trait-explanation-left, .members-area-trait-explanation-right {
	visibility: hidden;
}

@media (min-width: 1200px) { 

	.members-area-trait-explanation-left, .members-area-trait-explanation-right {
		display: block;
		font-size: 1.3em;
		color: #E7E7E8;
		padding-top: 6px;
	}

	.members-area-trait-explanation-left:hover:after {
		font-size: 0.7em;
		width: 350px;
		left: 0;
	}

	.members-area-trait-explanation-left:hover:before {
		left: 12px;
	}

	.members-area-trait-explanation-right:hover:after {
		font-size: 0.7em;
		width: 350px;
		right: 5px;
	}

	.members-area-trait-explanation-right:hover:before {
		right: 12px;
	}

}

.members-area-actions-wrapper .caption-wrapper {
	padding-top: 4px;
}

.members-area-actions-wrapper input[type=text], .members-area-actions-wrapper input[type=password] {
	padding: 0 5px;
	height: 34px;
	width: 100%;
}

#reg-notif {
	margin-top: 0;
	margin-bottom: 5px;
}

.members-area-actions-wrapper .login-button-wrapper .btn {
	margin-top: 10px;
	width: 100%;
}

.members-area-actions-wrapper .login-button-wrapper .btn span {
	top: 2px;
	right: 6px;
	font-size: 0.9em;
}

.members-area-actions-wrapper .alert {
	margin-top: 10px;
	margin-bottom: 0;
}

.dating-link-wrapper {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
}

.forgot-password-wrapper {
	padding-top: 5px;
	padding-bottom: 5px;
}

#forgot-password, #reset-password {
	padding-top: 20px;
}

#forgot-password .col-md-2, #reset-password .col-md-2 {
	padding-right: 0;
	padding-top: 2px;
}

@media (min-width: 992px) { 
	
	#forgot-password .col-md-3, #reset-password .col-md-3 {
		padding-left: 0;
	}

	#forgot-password .form-group, #reset-password .form-group {
		margin-bottom: 5px;
	}

}

#forgot-password .col-md-3 input[type=text], #reset-password .col-md-3 input[type=password] {
	width: 100%;
	padding: 2px 5px;
}

#forgot-password .alert, #reset-password .alert {
	display: inline-block;
	padding: 5px;
	margin-bottom: 10px;
}

.members-area-delete-link {
    padding-top: 10px;
    text-align: center;
}

.members-area-delete-link {
    margin-bottom: 30px;
}

.members-area-tab-content #preferences #password-form {
    padding: 10px 0;
}

.members-area-tab-content #preferences #password-form label {
    padding-top: 4px;
	font-weight: normal;
}

.members-area-tab-content #preferences #password-form input {
    width: 100%;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
    font-size: 1em;
}

.members-area-tab-content #preferences #password-form .alert-form-group {
    margin-bottom: 0;
}

.members-area-tab-content #preferences #password-form #password-alert {
    text-align: left;
    padding: 10px;
    font-size: 0.9em;
    margin-bottom: 15px;
    display: none;
}

.members-area-tab-content #preferences #password-form .button-wrapper #password-submit {
    width: 182px;
}

.members-area-tab-content #preferences #password-form .password-note {
    font-size: 0.9em;
    color: #A5A5A5;
    margin-bottom: 0;
}

/* Contact Us */

.contact-email {
	width: 100%;
	margin-bottom: 5px;
	padding: 4px 6px 6px;
	border: 2px solid rgba(0, 35, 55, 0.1);
}

.contact-message {
	height: 120px;
	width: 100%;
	padding: 4px 6px 6px;
	margin-bottom: 5px;
	border: 2px solid rgba(0, 35, 55, 0.1);
}

.contactus-tip {
	font-size: 0.8em; 
	background-color: #E1EAD5; 
	border-color: #D3DBC9;
}

.contact-faq {
    margin-top: 10px;
    margin-bottom: 40px;
}

.contact-faq .title {
    margin-bottom: 25px;
}

.contact-faq .question-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 15px;
    display: block;
}

/* Premium profiles */

.nosidebar-article-wrapper {
	padding: 2.5% 0 0 0;
}

@media (min-width: 992px) { 
	.indepth-content-wrapper {
		padding: 0 15%;
	}
}

.indepth-content-wrapper .premium-illustration {
	width: 100%;
	margin-bottom: 10px;
}

.indepth-content-wrapper .premium-illustration.advocate-header-1 {
	background-image: url('/images/premium/infj-header-1-small.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 20px;
	padding-top: 64.94%;
}

@media (min-width: 450px) {

	.indepth-content-wrapper .premium-illustration.advocate-header-1 {
		background-image: url('/images/premium/infj-header-1-medium.png');
		padding-top: 42.43%;
	}

}

@media (min-width: 650px) {

	.indepth-content-wrapper .premium-illustration.advocate-header-1 {
		background-image: url('/images/premium/infj-header-1.png');
		padding-top: 29.91%;
	}

}

.indepth-content-wrapper .premium-illustration.eagle {
	background-image: url('/images/premium/infj-eagle-small.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
}

@media (min-width: 500px) {

	.indepth-content-wrapper .premium-illustration.eagle {
		background-image: url('/images/premium/infj-eagle.png');
		background-size: contain;
		height: 165px;
	}

}

@media (min-width: 650px) {

	.indepth-content-wrapper .premium-illustration.eagle {
		height: 220px;
	}

}

@media (min-width: 900px) {

	.indepth-content-wrapper .premium-illustration.eagle {
		height: 260px;
	}

}

@media (min-width: 1200px) {

	.indepth-content-wrapper .premium-illustration.eagle {
		height: 280px;
	}

}

.indepth-content-wrapper .description-pullout {
	border-left: none;
	font-size: 0.9em;
	padding: 4% 5%;
}

.indepth-content-wrapper .testimonials {
	font-size: 0.8em;
	margin: 23px 0 20px 0;
}

.indepth-content-wrapper .testimonials .testimonial-item {
	margin-bottom: 20px;
	line-height: 1.8;
}

.indepth-content-wrapper .testimonials .testimonial-item .author {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	display: block;
}

.indepth-content-wrapper .testimonials .testimonial-item .location {
	color: #A5A5A5;
	display: block;
	margin-bottom: 5px;
}

.indepth-content-wrapper .premium-book-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

@media (min-width: 600px) {

	.indepth-content-wrapper .premium-book-wrapper {
		float: right;
		margin: 0 0 20px 20px;
	}

}

.indepth-content-wrapper .highlight {
	margin-bottom: 20px;
	padding: 10px 0 10px 20px;
	line-height: 1.8;
}

.indepth-content-wrapper .highlight.teal {
	border-left: 4px solid #51A9AB;
}

.indepth-content-wrapper .highlight.purple {
	border-left: 4px solid #734C5F;
}

.indepth-content-wrapper .highlight.yellow {
	border-left: 4px solid #E5C82E;
}

.indepth-content-wrapper .highlight.green {
	border-left: 4px solid #728D56;
}

.indepth-content-wrapper .cta {
	padding: 30px 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin: 25px 0 10px 0;
}

.premium-profile-illustration-wrapper-1 {
	float: right;
	margin: 0 0 30px 30px;
}

.premium-profile-illustration-wrapper-1 img {
	height: 400px;
}

.premium-profile-illustration-wrapper-2 {
	margin-bottom: 20px;
}

.premium-profile-illustration-wrapper-2 img {
	height: 330px;
}

.indepth-content-wrapper .testimonial-row:last-of-type {
    margin-bottom: 15px;
}

@media (min-width: 992px) {

    .indepth-content-wrapper .testimonial-row {
        margin-bottom: 30px;
    }

}

.indepth-content-wrapper .testimonial-row .testimonial-wrapper {
    padding: 5px;
}

.indepth-content-wrapper .testimonial-row .testimonial-wrapper .testimonial-box {
    padding: 25px;
    border: 1px solid #CCC;
    margin: 0 15px;
    box-shadow: 0 0 9px 1px #CCC;
}

.indepth-content-wrapper .testimonial-row .testimonial-wrapper .testimonial-box .testimonial-text {
    color: #6B6B66;
    line-height: 1.8;
    font-size: 0.8em;
}

.indepth-content-wrapper .testimonial-row .testimonial-wrapper .testimonial-box .testimonial-author {
    color: #704C60;
    font-weight: bold;
    font-size: 0.9em;
    padding-top: 15px;
}

@media (min-width: 992px) {

    #payment-dialog {
        margin-top: 3%;
    }

}

@media (min-width: 800px) {

    #payment-dialog .modal-dialog {
        width: 750px;
    }

}

#payment-dialog .modal-header .close {
	margin-top: 2px;
}

#payment-dialog #payment-email {
	width: 100%;
}

#payment-dialog #payment-country {
    width: 100%;
}

@media (min-width: 470px) {

    #payment-dialog #payment-email {
        width: 364px;
    }

    #payment-dialog #payment-country {
        width: 349px;
    }

}

#payment-dialog #payment-email + .icon, #payment-dialog .card-section #payment-cardno + .icon, #payment-dialog .card-section #payment-name + .icon {
    margin-left: -35px;
    color: #CCC;
    display: none;
}

@media (min-width: 470px) {

    #payment-dialog #payment-email + .icon, #payment-dialog .card-section #payment-cardno + .icon, #payment-dialog .card-section #payment-name + .icon {
        display: inline;
    }

    #payment-dialog #payment-email {
        padding-right: 38px;
    }

}

#payment-dialog #payment-email.validation-failed + .icon, #payment-dialog .card-section #payment-cardno.validation-failed + .icon, #payment-dialog .card-section #payment-name.validation-failed + .icon {
    color: #E94339;
}

#payment-dialog .processor-wrapper {
	padding-top: 12px;
	margin-bottom: 5px;
}

#payment-dialog .processor-wrapper .processor-option {
    float: left;
    margin-right: 15px;
    height: 49px;
}

#payment-dialog .processor-wrapper #card-switch {
    margin-top: 11px;
    float: left;
}

#payment-dialog .processor-wrapper #card-logo {
    background-image: url('/images/accepted-cards.png');
    background-repeat: no-repeat;
    background-position: 19px 0px;
    height: 47px;
    width: 183px;
}

#payment-dialog .processor-wrapper #paypal-switch {
    margin-top: 11px;
    float: left;
}

#payment-dialog .processor-wrapper #paypal-logo {
    background-image: url('/images/accepted-paypal.png');
    background-repeat: no-repeat;
    background-position: 19px 4px;
    height: 47px;
    width: 130px;
}

#payment-dialog .processor-wrapper input[type="radio"] {
	margin-right: 7px;
}

#payment-dialog .card-section {
	padding: 5px 15px;
	background-color: #F5F5F4;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #DDD;
}

@media (max-width: 470px) {

    #payment-dialog .card-section {

        padding: 30px 15px 10px 15px;

    }

}

#payment-dialog .card-section .lock-icon {
	position: absolute;
	top: 13px;
	right: 15px;
	text-transform: uppercase;
	color: #758E55;
}

#payment-dialog .card-section .lock-icon span {
	float: left;
}

#payment-dialog .card-section .lock-icon span:last-child {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: -2px;
	margin-left: 3px;
}

#payment-dialog .card-section #payment-name, #payment-dialog .card-section #payment-cardno {
    width: 100%;
}

@media (min-width: 470px) {

    #payment-dialog .card-section #payment-name, #payment-dialog .card-section #payment-cardno {
        width: 349px;
    }

}

#payment-dialog .card-section #payment-cardno, #payment-dialog .card-section #payment-name {
    padding-right: 38px;
}

#payment-dialog .card-section #payment-expiration, #payment-dialog .card-section #payment-cvc {
	width: 84px;
}

@media (max-width: 991px) {

    #payment-dialog .card-section .security-code-wrapper {
        margin-top: 12px;
    }

}

#payment-dialog .fa-question-circle {
	margin-left: 7px;
	cursor: default;
}

#payment-dialog .input-row {
	padding: 5px 0 7px 0;
}

#payment-dialog input, #payment-dialog select {
	margin-top: 5px;
	padding: 5px 7px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border-width: 1px;
    border-style: solid;
    border-right: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-image: none;
    border-color: #B5B5B6 #CECECF #DEDEDF;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    box-shadow: 0 1px 1px rgba(124, 124, 126, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7), 0px 0px 4px rgba(86, 147, 219, 0);
    border-radius: 4px;
    transition: border-color 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#payment-dialog input.validation-failed, #payment-dialog select.validation-failed {
    box-shadow: 0 0 5px #E94339;
    border: 1px solid #E94339;
}

#payment-dialog input:focus, #payment-dialog select:focus {
    box-shadow: 0 0 5px #51A9AB;
    border: 1px solid #51A9AB;
}

#payment-dialog .title {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

#payment-dialog .order-table {
	margin-bottom: 10px;
}

#payment-dialog .order-table td {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: none;
	border-top: none;
	padding: 7px;
}

#payment-dialog .order-table tr:nth-of-type(2) td {
	padding-top: 12px;
}

#payment-dialog .order-table tr:last-child {
	border-bottom: 1px solid #DDD;
}

#payment-dialog .order-table tr:last-child td {
	padding-bottom: 12px;
}

#payment-dialog .order-table th {
	text-transform: uppercase;
	border: 1px solid #DDD;
}

#payment-dialog #payment-change {
	font-size: 0.8em;
}

#payment-dialog #payment-change-options {
	display: none;
	margin-top: 5px;
}

#payment-dialog #payment-change-update {
	height: 36px;
	margin-bottom: 4px;
	margin-left: 3px;
}

#payment-dialog #payment-add:hover {
	text-decoration: none;
}

#payment-dialog #payment-add .fa-plus-circle {
	font-size: 1.1em;
	margin-right: 1px;
}

#payment-dialog .extra-options {
	text-align: left;
}

#payment-dialog .extra-options span {
	display: block;
	font-size: 0.8em;
	margin-bottom: 7px;
}

#payment-dialog #discount-code {
	width: 170px;
	padding: 5px 7px;
	border-radius: 3px;
	border: 1px solid #CCC;
	height: 36px;
}

#payment-dialog #discount-check {
	margin-top: -4px;
	margin-left: 5px;
	font-size: 15px;
	padding-top: 9px;
	padding-bottom: 2px;
}

#payment-dialog #discount-message {
	margin-top: 10px;
	margin-bottom: 0;
	clear: both; 
	display: none; 
	font-size: 0.7em;
	padding: 7px 10px;
}

#payment-dialog .payment-why {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
	text-align: center;
}

#payment-dialog .payment-why .fa-check {
	color: #758E55;
}

#payment-dialog .payment-why .title {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	display: inline;
}

#payment-dialog .payment-why .note {
	font-size: 0.8em;
	display: block;
	margin-top: 5px;
}

#payment-dialog .payment-button-wrapper {
	text-align: right;
}

@media (min-width: 370px) {

    #payment-dialog .payment-button-wrapper #payment-initiate {
        padding: 10px 50px;
    }

}

#payment-dialog #processing-error {
	display: none;
}

#payment-dialog .modal-footer {
	padding: 10px 0 10px 15px;
}

#discount-code {
    width: 170px;
    padding: 2px 3px;
    border: 1px solid #D4D4D4;
}

#discount-check {
    display: inline-block;
    width: 87px;
    height: 32px;
    margin-top: -3px;
    margin-left: 5px;
    padding: 0;
    font-size: 0.8em;
}

#discount-message {
    margin-top: 10px;
    margin-bottom: 0;
    clear: both;
    display:none;
    font-size: 0.7em;
    padding: 7px 10px;
}

.get-profile-type-caption {
	padding: 5px 0 15px 15px;
}

.get-profile-type-dropdown {
	padding: 5px 14px 15px 0;
}

.get-profile-button {
	width: 100%;
	padding: 15px 0;
	font-size: 0.9em;
}

@media (min-width: 400px) { 
	.get-profile-button {
		font-size: 1.2em;	
	}
}

.get-profile-button .fa {
	font-size: 0.95em;
}

.indepth-full-link {
	color: #428BCA;
	text-decoration: underline;
	cursor: pointer;
}

.indepth-full-link:hover {
	color: #2A6496;
	text-decoration: underline;
}

/* Checkout page */

.checkout-navigation-replacement {
	height: 53px;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	padding: 14px 0 13px 15px;
	background-color: #93948C;
	font-family: Montserrat,"Open Sans","Helvetica Neue",Arial;
	color: #FFF;
	line-height: 1.8;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.checkout-navigation-replacement .exit-wrapper {
	float: right;
	margin-right: 15px;
}

.checkout-navigation-replacement .exit-wrapper a {
	color: #FFF;
	text-decoration: none;
	outline: 0;
}

.checkout-navigation-replacement .exit-wrapper a:hover {
	color: #E5E5E5;
}

.checkout-navigation-replacement .exit-wrapper .fa {
	margin-right: 5px;
	font-size: 1.3em;
	float: left;
	margin-top: 3px;
}

.checkout-navigation-replacement .exit-wrapper .title {
	display: none;
}

@media (min-width: 400px) {

	.checkout-navigation-replacement .exit-wrapper .title {
		display: inline-block;
	}

}

.checkout-wrapper {
	margin-bottom: 30px;
}

.checkout-wrapper select {
	border: 1px solid #E9E9E9;
	padding: 10px 15px;
	height: 48px;
	border-radius: 3px;
	font-size: 0.9em;
}

.checkout-wrapper input {
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	border-radius: 3px;
	width: 100%;
	font-size: 0.9em;
}

.checkout-wrapper input:active, .checkout-wrapper input:focus, .checkout-wrapper select:active, .checkout-wrapper select:focus {
	outline: 0;
	border: 1px solid #51A9AB;
	box-shadow: 0 1px 2px transparent inset, 0 1px 0 rgba(255, 255, 255, 0), 0 0 2px 0 rgba(81, 169, 171, 0.5);
}

.checkout-wrapper .header-wrapper {
	margin-top: -30px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
}

.checkout-wrapper .header-wrapper.sticky {
	position: fixed;
	width: calc(100% - 30px);
	top: 0;
	z-index: 10;
	background-color: #FFF;
	border-bottom: 1px solid #E5E5E5;
	padding-top: 35px;
}

.checkout-wrapper .header {
	text-transform: none;
	font-size: 0.9em;
	margin: 0 0 0 -15px;
}

.checkout-wrapper .payment-form .main-sidebar {
	background-color: #F2F2F2;
	padding: 10px 5px 50px 5px;
	margin-top: 15px;
	float: left;
}

.checkout-wrapper .payment-form .main-sidebar .reassurance {
	margin: 5px 15px;
	padding: 15px 0;
	border-bottom: 1px solid #D7D7D9;
	text-align: center;
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .icon {
	width: 100%;
	height: 90px;
	margin-bottom: 15px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .icon.safe {
	background-image: url('/images/premium/safe_checkout.png');
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .icon.guarantee {
	background-image: url('/images/premium/money_back_guarantee.png');
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .icon.trusted {
	background-image: url('/images/premium/trusted_profiles.png');
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .summary {

}

.checkout-wrapper .payment-form .main-sidebar .reassurance .summary .title {
	width: 100%;
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: 600;
}

.checkout-wrapper .payment-form .main-sidebar .reassurance .summary .description {
	width: 100%;
	font-size: 0.8em;
	line-height: 1.8;
}

.checkout-wrapper .payment-form {
	margin: 0 10px;
}

.checkout-wrapper .order-summary {
	margin: 0;
	padding: 0 5px;
	border-bottom: 1px solid #E5E5E5;
}

.checkout-wrapper .order-summary .caption {
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 20px 0 15px 0;
	font-weight: 600;
	color: #606060;
}

.checkout-wrapper .order-summary .illustration-wrapper {
	width: 100%;
	padding-top: 10px;
	text-align: center;
}

.checkout-wrapper .order-summary .illustration-wrapper .illustration {
	width: 50%;
}

.checkout-wrapper .order-summary .illustration-wrapper .illustration.fullset {
	width: 80%;
}

.checkout-wrapper .order-summary .details-wrapper {
	padding-top: 10px;
}

.checkout-wrapper .order-summary .description {
	width: 100%;
}

.checkout-wrapper .order-summary .description .nice-title {
	display: inline-block;
	font-weight: 600;
	font-size: 1.5em;
	text-align: center;
	width: 100%;
}

.checkout-wrapper .order-summary .description .code {
	display: block;
	text-align: center;
	width: 100%;
	color: #AFAFAF;
	margin-bottom: 15px;
}

.checkout-wrapper .order-summary .description .change-wrapper {
	font-size: 0.7em;
	margin-bottom: 15px;
	margin-top: 5px;
	line-height: 1.8;
}

.checkout-wrapper .order-summary .description .change-wrapper .change-options {
	display: none;
}

.checkout-wrapper .order-summary .description .change-wrapper .change-options .change-list {
	padding: 10px 5px;
	height: auto;
}

.checkout-wrapper .order-summary .description .change-wrapper .change-options .change-update {
	font-size: 0.9em;
	height: 39px;
	margin-top: -3px;
	padding: 10px;
}

.checkout-wrapper .order-summary .description .summary {
	font-size: 0.8em;
	width: 100%;
	font-weight: 600;
	line-height: 1.8;
}

.checkout-wrapper .order-summary .description .price-wrapper {
	display: block;
	width: 100%;
	font-size: 1.1em;
	color: #51A9AB;
	margin-top: 15px;
	font-weight: 500;
	text-align: center;
}

.checkout-wrapper .order-summary .description .processor-selection {
	padding: 20px 0 24px 0;
	text-align: center;
}

.checkout-wrapper .order-summary .description .processor-selection .processor-option {
	display: inline-block;
	border-radius: 20px;
	padding: 7px 12px;
	margin-right: 15px;
	font-size: 0.8em;
	color: #51A9AB;
	cursor: pointer;
	transition: all 0.1s;
}

.checkout-wrapper .order-summary .description .processor-selection .processor-option.selected {
	cursor: default;
	background-color: #F2F2F2;
	border-color: #F9F9F9;
}

.checkout-wrapper .payment-form .main-section {
	padding: 0;
}

.checkout-wrapper .payment-form .payment-details {
	padding: 10px 0 0 0;
	margin-bottom: 25px;
}

.checkout-wrapper .payment-form .payment-details .section-label {
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 20px 0 10px 0;
	font-weight: 600;
	color: #606060;
}

.checkout-wrapper .payment-form .payment-details .section-label .info {
	color: #AFAFAF;
	text-transform: none;
	font-weight: 400;
	display: block;
}

.checkout-wrapper .payment-form .payment-details .section-input {
	position: relative;
}

.checkout-wrapper .payment-form .payment-details .section-input .fa {
	color: #CCC;
	float: left;
	position: absolute;
	top: 14px;
	left: 14px;
}

.checkout-wrapper .payment-form .payment-details .section-input .fa.fa-user {
	left: 17px;
}

.checkout-wrapper .payment-form .payment-details .section-input .fa.fa-envelope-o {
	left: 15px;
}

.checkout-wrapper .payment-form .payment-details .section-input input.with-icon {
	padding-left: 44px;
}

.checkout-wrapper .payment-form .payment-details .section-input input.cvc {
	width: 50%;
	max-width: 100px;
}

.checkout-wrapper .payment-form .processing-error {
	display: none;
	padding: 11px 15px;
	width: 100%;
	font-size: 0.9em;
}

.checkout-wrapper .payment-form .proceed-section {
	margin-bottom: 25px;
}

.checkout-wrapper .payment-form .main-sidebar .discount-link-wrapper {
	padding: 10px 15px;
	font-size: 0.7em;
	float: left;
	display: none;
}

.checkout-wrapper .payment-form .main-section .discount-link-wrapper {
	padding: 5px 0;
	font-size: 0.7em;
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper {
	margin: 10px 0 15px 15px;
	display: none;
	clear: both;
}

.checkout-wrapper .payment-form .main-section .discount-field-wrapper {
	margin: 5px 0;
	display: none;
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper .discount-code, .checkout-wrapper .payment-form .main-section .discount-field-wrapper .discount-code {
	padding: 10px;
	font-size: 0.9em;
	height: 43px;
	width: 30%;
	width: 60%;
	max-width: 150px;
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper .discount-check, .checkout-wrapper .payment-form .main-section .discount-field-wrapper .discount-check {
	height: 42px;
	max-width: 100px;
	padding: 0;
	font-size: 0.9em;
	margin-top: -2px;
}

.checkout-wrapper .payment-form .main-section .discount-field-wrapper .discount-check {
	width: calc(40% - 5px);
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper .discount-check {
	width: 50%;
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper .discount-message, .checkout-wrapper .payment-form .main-section .discount-field-wrapper .discount-message {
	display: none;
	padding: 10px;
	margin-top: 5px;
	width: calc(50% + 5px);
	max-width: 255px;
	font-size: 0.8em;
}

.checkout-wrapper .payment-form .main-section .discount-field-wrapper .discount-message {
	width: 100%;
}

.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper .discount-message {
	width: 100%;
	max-width: 254px;
}

#payment-initiate {
	width: 100%;
}

@media (min-width: 600px) {

	.checkout-wrapper .order-summary .illustration-wrapper:not(.fullset) {
		float: left;
		width: 25%;
		margin-right: 20px;
	}

	.checkout-wrapper .order-summary .illustration-wrapper.fullset {
		text-align: left;
	}

	.checkout-wrapper .order-summary .illustration-wrapper .illustration {
		width: 100%;
	}

	.checkout-wrapper .order-summary .details-wrapper {
		float: left;
		width: calc(75% - 20px);
	}

	.checkout-wrapper .order-summary .details-wrapper.fullset {
		width: 100%;
	}

	.checkout-wrapper .order-summary .description .nice-title {
		text-align: left;
		width: auto;
	}

	.checkout-wrapper .order-summary .description .code {
		display: inline-block;
		width: auto;
		text-align: left;
		font-size: 1.5em;
		color: #AFAFAF;
		margin-bottom: 5px;
		margin-left: 5px;
	}

	.checkout-wrapper .order-summary .description .summary {
		width: 80%;
	}

	.checkout-wrapper .order-summary .description .price-wrapper {
		margin-top: 20px;
		text-align: left;
	}

	.checkout-wrapper .order-summary .description .processor-selection {
		padding: 30px 0 24px 0;
		text-align: left;
	}

	.checkout-wrapper .order-summary .description .processor-selection .processor-option {
		font-size: 0.9em;
	}

	.checkout-wrapper .payment-form .payment-details .section-label .info {
		display: inline-block;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance {
		margin: 10px 15px;
		padding: 15px 0 30px 0;
		float: left;
		text-align: left;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .icon {
		float: left;
		margin-right: 25px;
		width: 90px;
		height: 90px;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .summary {
		float: left;
		width: calc(100% - 115px);
	}

}

@media (min-width: 768px) {

	.checkout-wrapper .payment-form .main-sidebar .discount-link-wrapper {
		display: none;
	}

	.checkout-wrapper .payment-form .main-sidebar .discount-field-wrapper {
		display: none;
	}

	.checkout-wrapper .order-summary .illustration-wrapper:not(.fullset)  {
		width: 15%;
		margin-right: 20px;
	}

	.checkout-wrapper .order-summary .illustration-wrapper.fullset .illustration {
		width: 50%;
	}

	.checkout-wrapper .order-summary .details-wrapper {
		width: calc(85% - 20px);
	}

	.checkout-wrapper .payment-form {
		margin: 0 0 0 10px;
	}

	.checkout-wrapper .payment-form .main-section {
		padding-right: 30px;
	}

	.checkout-wrapper .payment-form .main-section .discount-link-wrapper {
		padding-left: 15px;
		display: none;
	}

	.checkout-wrapper .payment-form .main-section .discount-field-wrapper {
		display: none !important;
	}

	.checkout-wrapper .payment-form .main-sidebar .discount-link-wrapper {
		display: block;
	}

	.checkout-wrapper .payment-form .main-sidebar {
		margin-top: 0;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance {
		margin: 5px 15px;
		padding: 15px 0;
		border-bottom: 1px solid #D7D7D9;
		text-align: center;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .summary {
		width: 100%;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .icon {
		width: 100%;
		margin-bottom: 15px;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .summary .title {
		width: 100%;
		font-size: 1.1em;
		margin-bottom: 10px;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .summary .description {
		width: 100%;
		font-size: 0.8em;
	}

}

@media (min-width: 1010px) {

	.checkout-wrapper .order-summary .illustration-wrapper.fullset  {
		width: 30%;
		float: left;
		margin-right: 30px;
	}

	.checkout-wrapper .order-summary .illustration-wrapper.fullset .illustration {
		width: 100%;
	}

	.checkout-wrapper .order-summary .details-wrapper.fullset {
		width: calc(60% - 30px);
		float: left;
	}

	.checkout-wrapper .payment-form .main-sidebar {
		padding: 30px 15px 50px 15px;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance {
		margin: 10px 15px;
		padding: 15px 0 30px 0;
		border-bottom: 1px solid #D7D7D9;
		float: left;
		text-align: left;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .icon {
		float: left;
		margin-right: 25px;
		width: 90px;
		height: 90px;
	}

	.checkout-wrapper .payment-form .main-sidebar .reassurance .summary {
		float: left;
		width: calc(100% - 115px);
	}

}

/* Our theory */

.theory-article .trait-illustration {
	text-align: center;
	margin-bottom: 15px;
}

.theory-article .trait-illustration img {
	width: 100%;
	max-width: 300px;
}

.theory-article .trait-comparison {
	margin-bottom: 15px;
}

.type_letter {
    font-weight: bold;
    text-decoration: underline;
}

.type-table {
    border-collapse: collapse;
    border: 1px solid #D4D4D4;
    margin-bottom: 20px;
}

.type-table td {
    border: 1px solid #D4D4D4;
    padding: 10px;
    vertical-align: middle;
}

/* Receipts */

.receipt-logo {
    padding-top: 11px;
    margin-bottom: 15px;
}

.receipt-logo img {
    width: 320px;
}

.receipt-header {
    margin-bottom: 15px;
}

.receipt-date, .receipt-parties {
    margin-bottom: 45px;
}

.receipt-parties .col-sm-6:first-of-type {
    margin-bottom: 15px;
}

@media (min-width: 768px) {

    .receipt-parties .col-sm-6:first-of-type {
        margin-bottom: 0;
    }

}

.receipt-thanks {
    margin-top: 45px;
    text-align: center;
    font-weight: bold;
}


/* Random */

.glyphicon-info-sign {
	top: 2px;
}


/* CTAs */

.homepage-cta {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: right;
	font-size: 0.8em;
}

.non-homepage-cta {
	margin-top: 20px;
}

.homepage-cta .btn-info {
	margin-top: 5px;
	font-weight: bold;
	font-size: 0.8em;
}

@media (min-width: 440px) { 

	.homepage-cta {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.homepage-cta .btn-info {
		font-size: 1.25em;
	}	

}

.homepage-cta-button-top-note {
	padding-top: 9px;
	display: block;
	font-size: 0.8em;
	color: #5A5A5A;
}

.type-descriptions-cta {
	width: 100%;
}

/* Modal dialogs */

.modal {
    z-index: 1100;
}

.modal-backdrop {
	z-index: 999;
}

.modal-header {
	background-color: #51A9AB;
}

.modal-content {
	border-radius: 4px 4px 3px 3px;
}

.modal-header {
	border-radius: 3px 3px 0 0;
}

.modal-title {
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
}

.modal-footer {
	margin-top: 0;
	border-top: none;
	padding-top: 5px;
	padding-right: 27px;
	padding-bottom: 35px;
}

.modal-header .close {
	margin-top: 6px;
	color: #FFF;
	opacity: 1;
}

/* Bottom nav for types */

.sticky-bottom-nav {
	position: fixed;
    left: 0;
    bottom: 0;
	margin: 0 0 -1px -1px;
    width: calc(100% + 2px);
	color: #808080;
	background-color: #FFF;
	font-size: 0.8em;
}

.sticky-bottom-nav .col-xs-6 {
	padding: 0;
	margin-top: -1px;
	height: 50px;
}

.sticky-bottom-nav .col-xs-6.introduction-override {
	width: 100%;
}

.sticky-bottom-nav .col-xs-6 .btn {
	width: 100%;
	height: 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	text-align: center;
}

.sticky-bottom-nav .col-xs-6 .btn .button-title-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.sticky-bottom-nav .col-xs-6 .btn span {
	font-size: 0.7em;
	text-align: center;
}

.sticky-bottom-nav .col-xs-6 .btn .fa {
	margin: 0;
}

.sticky-bottom-nav .col-xs-6 .btn .button-title {
	white-space: pre-wrap;
}

.sticky-bottom-nav .col-xs-6:first-of-type .btn .button-title-wrapper {
	justify-content: flex-start;
	padding-left: 12px;
}

.sticky-bottom-nav .col-xs-6:first-of-type .btn .button-title-wrapper .button-title {
	text-align: left;
	padding-left: 10px;
}

.sticky-bottom-nav .col-xs-6:last-of-type .btn .button-title-wrapper {
	justify-content: flex-end;
	padding-right: 12px;
}

.sticky-bottom-nav .col-xs-6.introduction-override .btn .button-title-wrapper {
	justify-content: center;
}

.sticky-bottom-nav .col-xs-6:last-of-type .btn .button-title-wrapper .button-title {
	text-align: right;
	padding-right: 10px;
}

@media (min-width: 780px) {

	.sticky-bottom-nav {
		margin: 0 calc((100% - 750px) / 2);
		width: 750px;
	}

	.sticky-bottom-nav .col-xs-6 .btn span {
		font-size: 0.9em;
	}

}

@media (min-width: 992px) { 

	.sticky-bottom-nav {
		display: none !important;
	}

}

/* Top menus */

.navbar-static-top {
	z-index: 30;
}

.navbar-static-top .profile-menu-wrapper {
	display: inline-block;
	position: relative;
}

.navbar-static-top #profile-menu {
    width: 290px;
    position: absolute;
    top: 75px;
    right: 0;
    padding: 0 15px 15px 15px;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 2px #CCC;
    background-color: #FFF;
    text-align: left;
    font-size: 0.9em;
    display: none;
}

.navbar-static-top #profile-menu:before {
    content: " ";
    position: absolute;
    right: 81px;
    top: -8px;
    border: 1px solid #DDD;
    border-right: none;
    border-bottom: none;
	background-color: #FFF;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
}

@media (min-width: 390px) {

    .navbar-static-top #profile-menu {
        width: 320px;
        right: 41px;
        font-size: 1em;
    }

    .navbar-static-top #profile-menu:before {
        right: 38px;
    }

}

@media (min-width: 470px) {

    .navbar-static-top #profile-menu {
        width: 400px;
    }

}

@media (min-width: 780px) {

    .navbar-static-top #profile-menu {
        right: -19px;
        top: 75px;
    }

}

.navbar-static-top #profile-menu .switches {
	text-align: center;
	font-size: 0.7em;
	letter-spacing: 0.05em;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #E1E1E1;
	height: 41px;
}

.navbar-static-top #profile-menu .switches .switch {
	padding: 11px 0;
	color: #AAA;
	cursor: pointer;
}

.navbar-static-top #profile-menu .switches .switch:hover {
	color: #777;
}

.navbar-static-top #profile-menu .switches .switch.active {
	color: #4C4C4C;
	cursor: default;
}

.navbar-static-top #profile-menu .switches .badge {
	display: none;
	font-size: 1.1em;
}

.navbar-static-top #profile-menu .switches .badge.has-notifications {
	display: inline-block;
	background-color: #DC6950;
}

.navbar-static-top #profile-menu .notifications-tab {
	display: none;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list {
	max-height: 375px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0 -15px;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item {
	background-color: #F5F5F5;
	color: #4C4C4C;
	border-bottom: 1px solid #DDD;
	padding: 15px 0;
	display: flex;
	text-decoration: none;
	align-items: center;
	cursor: pointer;
	margin: 0;
	outline: 0;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item.seen  {
	background-color: #FFF;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item.important  {
	color: #51A9AB;
	font-weight: 600;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item:hover {
	background-color: #EFEFEF;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item .description {
	font-size: 0.8em;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item .description .timestamp {
	font-size: 0.9em;
	margin-top: 5px;
	color: #A5A5A5;
}

.navbar-static-top #profile-menu .notifications-tab .alert-list .alert-item .icon {
	text-align: center;
	line-height: 1;
	padding-right: 0;
	color: #A5A5A5;
}

.navbar-static-top #profile-menu .notifications-tab .alert-bottom {
	padding-top: 15px;
	text-align: center;
	font-size: 0.8em;
	border-top: 1px solid #DDD;
	margin-top: -1px;
}

.navbar-static-top #profile-menu .notifications-tab .alert-bottom.empty {
	border-top: none;
	margin-top: 0;
}

.navbar-static-top #profile-menu .profile-tab .top-row {
	margin-top: 20px;
}

.navbar-static-top #profile-menu .profile-tab .picture-wrapper {
    padding: 5px 15px 0 15px;
    text-align: center;
}

.navbar-static-top #profile-menu .profile-tab .picture-wrapper img {
    width: 100%;
}

.navbar-static-top #profile-menu .profile-tab .info-wrapper {
    padding: 0 15px 0 0;
    color: #5A5A5A;
}

.navbar-static-top #profile-menu .profile-tab .info-wrapper .user-caption {
    font-size: 0.9em;
    margin-bottom: 10px;
    line-height: 1.8;
}

.navbar-static-top #profile-menu .profile-tab .info-wrapper .user-type-info {
    font-size: 0.8em;
    line-height: 1.8;
    margin-bottom: 5px;
}

.navbar-static-top #profile-menu .profile-tab .info-wrapper .user-type-info .group {
    font-weight: bold;
}

.navbar-static-top #profile-menu .profile-tab .info-wrapper .badge {
    display: inline-block;
    font-size: 1.1em;
    color: #F5F5F5;
    margin: 5px 5px 5px 0;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper {
    padding: 15px;
    color: #5A5A5A;
    font-size: 0.8em;
    line-height: 1.8;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-caption {
    font-size: 1.3em;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper {
    margin: 0;
    padding: 15px 0 5px 0;
    transition: all 0.5s ease-in-out;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-send .fa {
    margin: 0 17px 0 16px;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-info-wrapper {
    margin-bottom: 10px;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-info-wrapper #profile-menu-request-submit {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 20%;
    height: 32px;
    padding: 9px 0 8px 0;
    font-size: 0.8em;
}

@media (min-width: 390px) {

    .navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-info-wrapper #profile-menu-request-submit {
        padding: 6px 0;
        font-size: 1em;
    }

}

@media (min-width: 470px) {

    .navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-info-wrapper #profile-menu-request-submit {
        padding: 6px 0 5px 0;
        font-size: 1em;
    }

}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .request-info-wrapper {
    display: none;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-wrapper {
    float: left;
    padding-right: 0;
    width: 80%;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .email-wrapper #profile-menu-request-email {
    width: 100%;
    padding: 5px 0 5px 7px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
    height: 32px;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .alert-wrapper {
    margin: 5px 0 10px 0;
    display: none;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .alert-wrapper #profile-menu-request-error {
    color: #A94442;
    background-color: #F2DEDE;
    padding: 7px;
    border: 1px solid transparent;
    text-align: left;
    border-radius: 4px;
    font-size: 0.9em;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .confirmation-wrapper {
    margin: 5px 0 10px 0;
    display: none;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .confirmation-wrapper #profile-menu-request-result {
    color: #3C763D;
    background-color: #DFF0D8;
    padding: 7px;
    border: 1px solid transparent;
    text-align: left;
    border-radius: 4px;
    font-size: 0.9em;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .subscribe-wrapper {
    margin: 5px 0 0 0;
    text-align: left;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .subscribe-wrapper .subscribe-note-2, .navbar-static-top #profile-menu .primary-wrapper .request-wrapper .subscribe-wrapper .subscribe-note-3 {
    font-size: 0.9em;
	margin-top: 10px;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .request-wrapper .subscribe-wrapper .subscribe-note-2 .fa {
    margin-right: 7px;
    font-size: 1.4em;
    margin-left: -2px;
    height: 60px;
    float: left;
}

.navbar-static-top #profile-menu .profile-tab .primary-wrapper .profile-link {
    width: 100%;
    margin-top: 10px;
    height: 34px;
    padding: 2px 6px;
    border: 1px solid #E1E1E1;
    font-size: 0.9em;
}

.navbar-static-top #profile-menu .profile-tab .info-button-wrapper {
    padding-right: 7px;
}

.navbar-static-top #profile-menu .profile-tab .logout-button-wrapper {
    padding-left: 7px;
}

.navbar-static-top #profile-menu .profile-tab .info-button-wrapper .btn, .navbar-static-top #profile-menu .logout-button-wrapper .btn {
    width: 100%;
    font-size: 0.6em;
}

@media (min-width: 390px) {

    .navbar-static-top #profile-menu .profile-tab .info-button-wrapper .btn, .navbar-static-top #profile-menu .logout-button-wrapper .btn {
        font-size: 0.8em;
    }

}

@media (min-width: 780px) {

    .navbar-static-top #profile-menu .profile-tab .info-button-wrapper .btn, .navbar-static-top #profile-menu .logout-button-wrapper .btn {
        font-size: 0.9em;
    }

}

/* Notification page */

.alert-list-page {
	margin-bottom: 30px;
	font-size: 0.9em;
}

.alert-list-page .alert-item {
	padding: 10px 0;
}

.alert-list-page .alert-item .date {
	font-size: 0.9em;
	color: #A5A5A5;
	margin-right: 15px;
	display: inline-block;
	width: 105px;
	text-align: right;
}

.alert-list-page .alert-item .text {
	display: inline-block;
    max-width: 70%;
}

.alert-list-page .alert-item .text.important {
	color: #51A9AB;
	font-weight: 600;
}

.alert-list-page-note {
	margin-bottom: 40px;
	font-size: 0.9em;
	color: #A5A5A5;
}

.alert-list-page-no-alerts {
	color: #4C4C4C;
	margin-top: 30px;
}

/* Login dialog */

#login-dialog {
	margin-top: 10%;
}

#login-dialog .modal-header {
	background-color: #FFF;
	border-bottom: none;
}

#login-dialog .modal-header .modal-title, #login-dialog .modal-header .close {
	color: #4C4C4C;
}

#login-dialog .modal-body {
	padding: 15px 30px 0 30px;
}

#login-dialog .modal-body .alert {
	padding: 11px 15px;
	display: none;
}

#login-dialog .modal-body.reminder-section {
	display: none;
}

#login-dialog .login-fields {
	width: 100%;
}

#login-dialog .login-fields input {
	margin-bottom: 1em;
	border: 1px solid #E9E9E9;
	padding: 11px 15px;
	width: 100%;
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
}

#login-dialog .modal-footer {
	padding: 0 30px;
}

#login-dialog .modal-footer .password-link-wrapper {
	text-align: left;
	padding-top: 10px;
	padding-left: 0;
	font-style: italic;
}

#login-dialog .modal-footer .password-link-wrapper a {
	color: #AAA;
	font-size: 0.8em;
}

#login-dialog .modal-footer .membership-note {
	text-align: left;
	font-size: 0.8em;
	margin-top: 15px;
	padding-left: 0;
}

/* System pages */

.error-illustration-wrapper {
	margin-bottom: 15px;
	text-align: center;
}

.error-illustration-wrapper img {
	margin-bottom: 15px;
	width: 95%;
	max-width: 700px;
}

.error-suggestion-list {
	margin: 20px 0 60px 0;
	text-align: center;
}

.error-suggestion-list a {
	display: inline-block;
	margin: 10px 10px 0 10px;
}

.error-suggestion-list a:hover, .error-suggestion-list a:focus {
	outline: 0;
}

/* Research articles */

.research-data {
	display: none;
	background-color: #F5F5F5;
	padding: 10px;
}

.research-data .green-text {
	color: #99c26d;
}

.research-data .red-text {
	color: #b3889d;
}

.research-data .research-results {
	border: 1px solid #DDD;
	font-size: 0.7em;
}

.research-data .research-results th {
	width: 50%;
}

.research-data .research-results th.quarter {
	width: 25%;
}

.research-data .research-results td, .research-data .research-results th {
	text-align: center;
	border: 1px solid #DDD;
}

.research-data .research-results td.with-chart {
	padding: 0;
}

.research-data .research-results td.with-chart .green-part, .research-data .research-results td.with-chart .red-part {
	float: left;
	height: 35px;
	padding-top: 12px;
	font-size: 0.7em;
	font-weight: 600;
}

.research-data .research-results td.with-chart .green-part {
	background-color: #99c26d;
}

.research-data .research-results td.with-chart .red-part {
	background-color: #b3889d;
}

.research-data .research-results.type-table {
	margin-bottom: 10px;
}

.research-data .research-results.type-table td:first-of-type {
	text-align: left;
}

.research-data .research-results td .fa {
	margin-right: 5px;
}

.research-data .copyright {
	font-size: 0.7em;
	color: #BBB;
	text-align: right;
	margin-bottom: 0;
}

.research-chart {
	width: 100%;
}


/* - MOBILE STYLES
---------------------------------------------- */

/* 2 columnn (and below) */
@media only screen and (max-width: 768px){

	.types a:hover{background:none;}
	.sharing{text-align:center;}
	.sharing a,	.sharing span{width:100% !important;float:none;margin:0 0 1em 0;display:block;}

	.navbar .navigation.main{display:none;}
	.navbar .logo img{}
	
}

/* 1 columnn (and below) */

@media only screen and (max-width: 480px){

	.nav-item.login-links{display:none;}

}

@media only screen and (max-width: 569px){
	
	.nav-cta .button.outline{display:none !important;}
	span.or{display:none;}	

	.navbar .navigation .login{display:none !important;}
	.navbar .logo:not(.checkout) {max-width:none;width:40px;overflow:hidden;}


}

@media only screen and (max-width: 670px){

	.navbar .logo:not(.checkout) img{width:180px;max-width:none;}

}
/* CUSTOM */
@media only screen and (max-width: 780px){
/*	.navbar .mm-menu{display:block !important;}
    .navbar .menu-icon{
        display: inline-block !important;
        padding: 0.4em 0.5em;
        border:1px solid #eee;
        border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        margin-left: 10px;
        letter-spacing: 0.05em;
        cursor: pointer;
        outline: 0;
    }*/
	.non-mobile-navigation{display:none;}
}
.navbar a.menu-icon{

	display:none;
}
.menu-icon:hover{
	color:#fff;	
}

.menu-icon{
	background-color:rgba(255,255,255,.50);
}

.menu-icon span{
	margin-top:15px;
	color:#666 !important;
	text-transform:uppercase;
	font-weight:400;
	font-size:1.6em;
}
.menu-icon img{
	padding:0;
	margin:0;
}

.mobile-navigation{
	opacity:0;
	padding:20px !important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.mobile-navigation hr{
}
.mobile-navigation nav{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#fff;
}
.mobile-navigation nav a{
	display: block;
	font-size: 1em;
    color: #4C4C4C;
	padding: 0.8em 0em;
	border-bottom: 1px solid #e9e9e9;
    outline: 0;
	text-decoration: none;
}
.mobile-navigation nav a:last-child{
	border-bottom:none;
}
.mobile-navigation nav a:hover{
	background:#fbfbfb;
}
.mobile-navigation form{
	margin-bottom: 10px;
}

/* CORE */
.menu-wrapper{
	background:#ffffff;
}
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -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.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-opened .mm-page {
  position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }

.mm-menu.mm-opened{
	display:block;
}

.mm-menu .mm-list {
  padding: 20px 0; }
.mm-menu > .mm-list {
  padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    content: '';
/*
    border-bottom-width: 1px;
    border-bottom-style: solid;
*/
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }

html.mm-opened .mm-page {
	box-shadow:0 0 2px 1px rgba(0,0,0,0.1); 
	-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.1); 
	-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.1); 
}
  

.mm-ismenu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05); }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
  left: 255px; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px; } }

.teal-link {
  color: #51A9AB;
}
.teal-link:hover,
.teal-link:focus,
.teal-link:active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.nice-text-field {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.smaller-text-field-paddings {
  padding: 2px 10px;
}
textarea.invalid {
  border-color: #FF5C60 #FF7077 #FF7077 !important;
  box-shadow: 0px 1px 2px transparent inset, 0px 1px 0px rgba(255, 255, 255, 0), 0px 0px 2px 0px rgba(255, 0, 0, 0.5) !important;
}
span.italic {
  font-style: italic;
}
span.grey {
  color: #b5b5b5;
}
.btn-action:hover,
.btn-action-2:hover,
.btn-action-3:hover,
.btn-action-4:hover,
.btn-action:focus,
.btn-action-2:focus,
.btn-action-3:focus,
.btn-action-4:focus,
.btn-action:active,
.btn-action-2:active,
.btn-action-3:active,
.btn-action-4:active {
  color: #FFFFFF;
}
.btn-default {
  color: #4C4C4C;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: #4C4C4C;
}
.btn-action-4 {
  background-color: #728D56;
}
.btn-action-4:hover,
.btn-action-4:focus {
  background-color: #657d4c;
}
.btn-action-4:active {
  background-color: #586d43;
}
.btn-white {
  border: 1px solid #DCDCDC;
  color: #4C4C4C;
  background-color: #FFFFFF;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  color: #4C4C4C;
  border-color: #a9a9a9;
}
.btn-white span {
  color: #4C4C4C;
}
.btn-green {
  background-color: #728D56;
}
.alert-success {
  color: #446125;
  background-color: #bfdb8e;
}
.alert-danger {
  color: #CC5139;
  background-color: rgba(220, 105, 80, 0.15);
  border-color: #CC5139;
}
.alert-teal {
  color: #4C4C4C;
  background-color: rgba(81, 169, 171, 0.2);
  border-color: #51a9ab;
}
.default-border {
  border: 1px solid #DCDCDC;
}
.light-border {
  border: 1px solid #EEE;
}
.rounded-borders {
  border-radius: 3px;
}
.cool-pagination {
  text-align: center;
}
.cool-pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.cool-pagination li:first-child a,
.cool-pagination li:first-child span,
.cool-pagination li:last-child a,
.cool-pagination li:last-child span {
  padding-bottom: 3px;
}
.cool-pagination li.active span,
.cool-pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.cool-pagination li span,
.cool-pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.cool-pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.clear {
  clear: both;
}
.needs-clearing:after {
  display: table;
  content: " ";
  clear: both;
}
.drops-shadow {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.profile-trait-tooltip {
  position: absolute;
  top: -60px;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 300;
}
.trait-bars {
  margin-bottom: 60px;
}
.trait-bars .bar-caption .left-trait,
.trait-bars .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.trait-bars .bar-caption .left-trait {
  text-align: left;
}
.trait-bars .bar-caption .right-trait {
  text-align: right;
}
.trait-bars .trait {
  margin-bottom: 30px;
}
.trait-bars .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.trait-bars .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.trait-bars .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.trait-bars .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.trait-bars .trait .bar .left,
.trait-bars .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.trait-bars .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.trait-bars .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.trait-bars .trait .bar .left span {
  text-align: left;
}
.trait-bars .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.trait-bars .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.trait-bars .trait .bar .right span {
  text-align: right;
}
.trait-bars .trait .bar .active {
  background-color: #51A9AB;
}
.trait-bars .trait .bar .active span {
  color: #FFFFFF;
}
.trait-bars .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .trait-bars .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .trait-bars .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .trait-bars .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .trait-bars .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .trait-bars .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .trait-bars .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .trait-bars .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .trait-bars .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .trait-bars .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .trait-bars .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .trait-bars .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.trait-bars .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.trait-bars .trait .explanation {
  font-size: 0.85em;
}
.trait-bars .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
.select2-results__option {
  font-size: 0.8em;
}
/*.navbar {
  padding: 5px 0;
}*/

.navbar .navigation {
  padding-top: 21px;
  float: right;
  position: relative;
}
.navbar .navigation .nav-item:not(.btn) {
  color: #5A5A5A;
}
.navbar .navigation .nav-item:not(.menu-icon) {
  margin-left: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.7em;
  position: relative;
  float: left;
  outline: 0;
}
.navbar .navigation span.has-children:hover .children {
  display: block;
}
.navbar .navigation .language {
  display: none;
  float: left;
  margin-top: 15px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .navbar .navigation .language {
    display: none;
  }
}
@media (max-width: 768px) {
  .navbar .navigation .language {
    margin-right: 5px;
  }
}
.navbar .navigation .language:hover,
.navbar .navigation .language:focus,
.navbar .navigation .language:active {
  cursor: pointer;
  text-decoration: none;
}
.navbar .navigation .language:hover .language-text,
.navbar .navigation .language:focus .language-text,
.navbar .navigation .language:active .language-text {
  border-bottom: 1px solid #4C4C4C;
}
.navbar .navigation .language.has-children:hover,
.navbar .navigation .language.has-children:focus,
.navbar .navigation .language.has-children:active {
  padding: 5px 0 5px 8px;
  margin-top: 10px;
}
.navbar .navigation .language .language-text {
  font-size: 1em;
  padding-bottom: 2px;
  margin-right: 3px;
}
.navbar .navigation .language .f16-globe {
  color: #6D6F65;
}
@media (min-width: 420px) and (max-width: 569px) {
  .navbar .navigation .language {
    display: inline-block;
  }
}
@media (min-width: 630px) and (max-width: 670px) {
  .navbar .navigation .language {
    display: inline-block;
  }
}
@media (min-width: 700px) {
  .navbar .navigation .language {
    display: inline-block;
  }
}
.navbar .navigation .children {
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 3px;
  z-index: 99;
  width: 180px;
  display: none;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .navbar .navigation .children {
    right: 0;
  }
}
@media (min-width: 500px) and (max-height: 870px) {
  .navbar .navigation .children {
    width: auto;
  }
  .navbar .navigation .children .multicolumn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .navbar .navigation .children .multicolumn .menu-part {
    width: 180px;
  }
  .navbar .navigation .children .multicolumn .menu-part:first-of-type {
    border-right: 1px solid #DDD;
  }
}
.navbar .navigation .children a {
  display: block;
  font-family: "Helvetica Neue", Arial;
  font-size: 0.95em;
  background: none repeat scroll 0% 0% transparent;
  padding: 5px 13px;
  margin: 0;
  color: #5A5A5A;
  transition: all 0.1s ease 0s;
  outline: 0;
}
.navbar .navigation .children a:hover {
  background: none repeat scroll 0% 0% #F5F4F3;
  text-decoration: none;
}
.navbar .navigation .login-links {
  text-decoration: none;
  margin-top: 15px;
}
.navbar .navigation .login-links:hover {
  padding-bottom: 2px;
  border-bottom: 1px solid #4C4C4C;
}
.navbar .navigation .profile-menu-wrapper {
  float: right;
}
.navbar .navigation .profile-menu-wrapper #profile-menu-toggle {
  margin-left: 15px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
}
.navbar .navigation .profile-menu-wrapper #profile-menu-toggle:hover .f16-notification {
  color: #53544d;
}
.navbar .navigation .profile-menu-wrapper #profile-menu-toggle .f16-notification {
  color: #6D6F65;
  font-size: 1.9em;
}
.navbar .navigation .profile-menu-wrapper #profile-menu-toggle .toggle-badge {
  position: absolute;
  top: 7px;
  right: 5px;
  height: 17px;
  min-width: 17px;
  font-size: 11px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #6D6F65;
  padding: 0 1px 0 2px;
  z-index: -1;
}
.navbar .navigation .profile-menu-wrapper #profile-menu-toggle .toggle-badge.has-unread {
  background-color: #DC6950;
  color: #FFFFFF;
}
.navbar .navigation #profile-menu .notifications-tab .placeholder {
  text-align: center;
  padding-top: 15px;
  font-size: 1.2em;
  color: #b5b5b5;
}
.navbar .navigation .test-button {
  margin-top: 3px;
  padding: 10px 15px;
}
#mobile-menu-switch {
  border: 1px solid #DDD;
  border-radius: 3px;
  padding-top: 7px;
  padding-left: 1px;
  height: 38px;
  width: 38px;
  font-size: 1.3em;
  color: #4C4C4C;
  line-height: 1;
  display: inline-block;
  text-align: center;
  margin: 3px 0 0 10px;
  cursor: pointer;
  outline: 0;
}
@media (min-width: 768px) {
  #mobile-menu-switch {
    display: none;
  }
}
.mobile-navigation {
  width: 290px;
  overflow-y: scroll;
}
.mobile-navigation nav {
  padding-right: 20px;
}
.mobile-navigation nav a {
  font-size: 0.7em;
  padding: 6px 0;
  border-bottom: none;
}
.mobile-navigation .top-caption {
  font-weight: 600;
  font-size: 0.9em;
  text-align: center;
}
.mobile-navigation .type-info {
  padding: 10px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mobile-navigation .type-info .avatar {
  text-align: center;
}
.mobile-navigation .type-info .avatar a {
  padding: 0;
  margin-right: 10px;
}
.mobile-navigation .type-info .avatar a img {
  width: 60px;
}
.mobile-navigation .type-info .type-details {
  line-height: 1.8;
}
.mobile-navigation .type-info .type-details .user-caption {
  font-size: 0.7em;
}
.mobile-navigation .type-info .type-details .user-caption a {
  display: inline;
  color: #51A9AB;
  font-size: 1em;
}
.mobile-navigation .profile-link-wrapper {
  margin: 10px 0;
  font-size: 0.7em;
}
.mobile-navigation .profile-link-wrapper .profile-link {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  margin-top: 5px;
}
.mobile-navigation .profile-link-wrapper .action-register {
  width: 100%;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper {
  display: none;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .email-wrapper {
  margin-bottom: 10px;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .email-wrapper:after {
  display: table;
  content: " ";
  clear: both;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .email-wrapper .email {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  float: left;
  width: calc(100% - 68px);
  padding: 6px 12px;
  height: 38px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .email-wrapper .action-signup {
  float: left;
  width: 68px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .alert-danger {
  display: none;
  padding: 6px 12px;
  margin-bottom: 10px;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .subscribe-wrapper .newsletter,
.mobile-navigation .profile-link-wrapper .signup-wrapper .subscribe-wrapper .note {
  margin-bottom: 10px;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .subscribe-wrapper .note.optin {
  font-size: 0.9em;
  color: #b5b5b5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mobile-navigation .profile-link-wrapper .signup-wrapper .subscribe-wrapper .note.optin span.fa {
  margin: 4px 5px 0 0;
}
.mobile-navigation .type-sections {
  font-size: 1em;
  margin: 20px 0 10px 0;
  padding: 10px 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
.mobile-navigation .type-sections a.menu-item {
  border-bottom: none;
}
.mobile-navigation .type-sections a.menu-item.active {
  font-weight: 700;
}
.mobile-navigation .type-sections a.menu-item.premium {
  color: #DC6950;
  font-weight: 700;
}
.mobile-navigation .anonymous-menu a {
  font-size: 1em;
  padding: 0.8em 0em;
  border-bottom: 1px solid #DCDCDC;
}
@font-face {
  font-family: "16Personalities";
  src: url('/fonts/NERIS/16Personalities.eot');
  src: url('/fonts/NERIS/16Personalities.eot?#iefix') format('embedded-opentype'), url('/fonts/NERIS/16Personalities.svg') format('svg'), url('/fonts/NERIS/16Personalities.woff') format('woff'), url('/fonts/NERIS/16Personalities.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.f16 {
  display: inline-block;
  font-family: "16Personalities";
  font-size: inherit;
  text-rendering: auto;
  text-transform: lowercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.f16-profile:before {
  content: "r";
}
.f16-friends:before {
  content: "u";
}
.f16-discussions:before {
  content: "i";
}
.f16-additional-tests:before {
  content: "p";
}
.f16-academy:before {
  content: "a";
}
.f16-quote:before {
  content: "e";
}
.f16-comment:before {
  content: "o";
}
.f16-thumbs-up:before {
  content: "q";
}
.f16-globe:before {
  content: "s";
}
.f16-notification:before {
  content: "t";
}
.f16-cog:before {
  content: "w";
}
.f16-message-notification:before {
  content: "y";
}
.homepage .reviews .review p.name {
  margin-bottom: 5px;
}
.homepage .reviews .review .type {
  display: block;
  font-style: italic;
  font-size: 0.8em;
  color: #b5b5b5;
  margin-bottom: 5px;
}
.homepage .why-trust {
  margin-bottom: 50px;
}
.homepage .why-trust h2 {
  text-align: center;
  font-size: 1.7em;
  margin: 27px 0 34px 0;
}
.homepage .why-trust .trust-wrapper {
  padding: 0 0 20px 0;
  text-align: center;
}
.homepage .why-trust .trust-wrapper .point-item .icon {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.homepage .why-trust .trust-wrapper .point-item .icon img {
  width: 70px;
}
.homepage .why-trust .trust-wrapper .point-item .point {
  margin-bottom: 20px;
  padding: 0 15px 0 15px;
  width: 100%;
}
.homepage .why-trust .trust-wrapper .point-item .point h3 {
  display: block;
  font-size: 0.9em;
  margin-top: 0;
}
.homepage .why-trust .trust-wrapper .point-item .point .description {
  display: block;
  font-size: 0.8em;
  line-height: 1.8;
}
.container.type-description .header-scene {
  margin: 0 -15px;
}
.container.type-description .header-scene img {
  width: 100%;
}
.container.type-description .scene {
  margin-bottom: 17px;
}
.container.type-description .scene img {
  width: 100%;
}
.container.type-description .article-navigation-wrapper .btn {
  margin: 1em 0;
}
.container.type-description .post-type {
  margin: 0 -15px;
}
.container.type-description .post-type h2 {
  margin-top: 3px;
}
.container.type-description .post-type .celebrities-wrapper {
  margin: 25px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 460px) {
  .container.type-description .post-type .celebrities-wrapper {
    margin: 45px 0 35px 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .container.type-description .post-type .celebrities-wrapper {
    margin: 45px 0 55px 0;
  }
}
.container.type-description .post-type .celebrities-wrapper .celebrities-nav {
  font-size: 3em;
  color: #bababa;
  padding-bottom: 30px;
  cursor: pointer;
  -webkit-flex: 0 0 25px;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
}
@media (max-width: 768px) {
  .container.type-description .post-type .celebrities-wrapper .celebrities-nav {
    display: none !important;
  }
}
.container.type-description .post-type .celebrities-wrapper .celebrities-nav.previous {
  margin-left: -15px;
  padding-right: 5px;
}
.container.type-description .post-type .celebrities-wrapper .celebrities-nav.next {
  margin-right: -15px;
  padding-left: 5px;
}
.container.type-description .post-type .celebrities-wrapper .celebrities-nav .fa {
  display: none;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list {
  transition: height 0.2s ease-in-out;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .owl-stage-outer {
  transition: height 0.2s ease-in-out;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar {
  position: relative;
  margin-bottom: 20px;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar img {
  width: 150px;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .name {
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-align: center;
  font-weight: 600;
  width: 130px;
  font-size: 0.8em;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .movie {
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-align: center;
  width: 130px;
  font-size: 0.8em;
}
@media (min-width: 460px) {
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 130px;
  }
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .name,
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 100px;
    font-size: 0.8em;
  }
}
@media (min-width: 568px) {
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 160px;
  }
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .name,
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 140px;
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 200px;
  }
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .name,
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 180px;
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 230px;
  }
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .name,
  .container.type-description .post-type .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 230px;
    font-size: 1em;
  }
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .owl-dots {
  padding: 20px 15px 0 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border: 1px solid #b5b5b5;
  border-radius: 15px;
}
.container.type-description .post-type .celebrities-wrapper .celebrity-list .owl-dots .owl-dot.active {
  background-color: #b5b5b5;
}
.container.type-description .post-type .navigation-buttons {
  margin: 15px 0;
}
@media (min-width: 768px) {
  .container.type-description .post-type .navigation-buttons {
    background-color: #F5F5F5;
    border-radius: 3px;
    height: 60px;
    margin: 30px 0;
  }
}
.container.type-description .post-type .navigation-buttons .row {
  margin: 0;
}
.container.type-description .post-type .navigation-buttons .button-wrapper {
  padding: 0;
}
@media (min-width: 768px) {
  .container.type-description .post-type .navigation-buttons .button-wrapper.next .btn {
    float: right;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
.container.type-description .post-type .navigation-buttons .button-wrapper.next .btn span.fa {
  padding-top: 1px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .container.type-description .post-type .navigation-buttons .button-wrapper.previous .btn {
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.container.type-description .post-type .navigation-buttons .button-wrapper.previous .btn span.fa {
  padding-top: 1px;
  margin-right: 10px;
}
.container.type-description .post-type .navigation-buttons .button-wrapper .btn {
  height: 60px;
  width: 100%;
  max-width: 400px;
  font-size: 0.8em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 15px auto;
}
@media (min-width: 460px) {
  .container.type-description .post-type .navigation-buttons .button-wrapper .btn {
    font-size: 0.9em;
  }
}
@media (min-width: 768px) {
  .container.type-description .post-type .navigation-buttons .button-wrapper .btn {
    height: 60px;
    width: 100%;
    max-width: 400px;
    font-size: 1em;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .container.type-description .post-type .navigation-buttons .button-wrapper .btn.next .btn {
    float: right;
  }
  .container.type-description .post-type .navigation-buttons .button-wrapper .btn.previous .btn {
    float: left;
  }
}
.container.type-description .post-type .navigation-buttons .button-wrapper .btn span {
  display: block;
}
.container.type-description .post-type .navigation-buttons .button-wrapper .btn span.fa {
  font-size: 1em;
}
.container.type-description .post-type .navigation-buttons .fixed-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 992px) {
  .container.type-description .post-type .navigation-buttons .fixed-nav {
    display: none;
  }
}
.container.type-description .post-type .navigation-buttons .fixed-nav .left-part,
.container.type-description .post-type .navigation-buttons .fixed-nav .right-part {
  -webkit-flex: 0 0 47px;
  -ms-flex: 0 0 47px;
  flex: 0 0 47px;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .left-part .btn,
.container.type-description .post-type .navigation-buttons .fixed-nav .right-part .btn {
  width: 47px;
  height: 47px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .left-part .btn span:not(.fa),
.container.type-description .post-type .navigation-buttons .fixed-nav .right-part .btn span:not(.fa) {
  display: none;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .left-part .btn span.fa,
.container.type-description .post-type .navigation-buttons .fixed-nav .right-part .btn span.fa {
  margin: 0;
}
@media (min-width: 460px) {
  .container.type-description .post-type .navigation-buttons .fixed-nav .left-part,
  .container.type-description .post-type .navigation-buttons .fixed-nav .right-part {
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }
  .container.type-description .post-type .navigation-buttons .fixed-nav .left-part .btn,
  .container.type-description .post-type .navigation-buttons .fixed-nav .right-part .btn {
    width: 60px;
    height: 60px;
  }
  .container.type-description .post-type .navigation-buttons .fixed-nav .left-part .btn .fa,
  .container.type-description .post-type .navigation-buttons .fixed-nav .right-part .btn .fa {
    font-size: 1.3em;
  }
}
.container.type-description .post-type .navigation-buttons .fixed-nav .middle-part {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 4%;
  background-color: #FFFFFF;
  border-top: 1px solid #DCDCDC;
  height: 47px;
  opacity: 0.9;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .middle-part .nav-circle {
  width: 15px;
  height: 15px;
  border: 1px solid #b5b5b5;
  border-radius: 15px;
  margin: 0;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .middle-part .nav-circle.active {
  background-color: #b5b5b5;
}
.container.type-description .post-type .navigation-buttons .fixed-nav .middle-part .nav-circle.premium {
  border: 2px solid #DC6950;
}
@media (min-width: 460px) {
  .container.type-description .post-type .navigation-buttons .fixed-nav .middle-part {
    height: 60px;
  }
  .container.type-description .post-type .navigation-buttons .fixed-nav .middle-part .nav-circle {
    width: 20px;
    height: 20px;
  }
}
.container.type-description .post-type .social-wrapper .social-item {
  opacity: 0.5;
}
.container.type-description .post-type .social-wrapper .social-item:hover {
  opacity: 1;
}
.test-results .avatar-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .test-results .avatar-wrapper {
    padding-top: 70px;
  }
}
.test-results .avatar-wrapper img {
  width: 100%;
  max-width: 320px;
}
.test-results .avatar-wrapper .quote {
  margin-top: 25px;
  font-size: 0.9em;
  font-style: italic;
  color: #7F7F7F;
}
.test-results .traits-wrapper {
  margin-bottom: 60px;
  text-align: center;
  margin-bottom: 0;
  font-size: 0.9em;
}
.test-results .traits-wrapper .bar-caption .left-trait,
.test-results .traits-wrapper .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.test-results .traits-wrapper .bar-caption .left-trait {
  text-align: left;
}
.test-results .traits-wrapper .bar-caption .right-trait {
  text-align: right;
}
.test-results .traits-wrapper .trait {
  margin-bottom: 30px;
}
.test-results .traits-wrapper .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.test-results .traits-wrapper .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.test-results .traits-wrapper .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.test-results .traits-wrapper .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.test-results .traits-wrapper .trait .bar .left,
.test-results .traits-wrapper .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.test-results .traits-wrapper .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.test-results .traits-wrapper .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.test-results .traits-wrapper .trait .bar .left span {
  text-align: left;
}
.test-results .traits-wrapper .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.test-results .traits-wrapper .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.test-results .traits-wrapper .trait .bar .right span {
  text-align: right;
}
.test-results .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.test-results .traits-wrapper .trait .bar .active span {
  color: #FFFFFF;
}
.test-results .traits-wrapper .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .test-results .traits-wrapper .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .test-results .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.test-results .traits-wrapper .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.test-results .traits-wrapper .trait .explanation {
  font-size: 0.85em;
}
.test-results .traits-wrapper .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
.test-results .traits-wrapper .trait {
  margin-bottom: 10px;
}
.test-results .traits-wrapper .trait .caption {
  margin-bottom: 5px;
}
.test-results .traits-wrapper .trait .tagline {
  font-size: 0.85em;
  margin-bottom: 5px;
}
.test-results .traits-wrapper .trait .explanation {
  display: none;
}
.test-results .traits-wrapper .trait .bar-caption .left-trait,
.test-results .traits-wrapper .trait .bar-caption .right-trait {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.test-results .traits-wrapper .trait .bar-caption .left-trait {
  text-align: left;
}
.test-results .traits-wrapper .trait .bar-caption .right-trait {
  text-align: right;
}
.test-results .traits-wrapper .action-wrapper {
  margin-top: 30px;
}
.test-results .action-wrapper #request-wrapper .subscribe-wrapper .subscribe-note {
  margin-bottom: 0;
  font-weight: normal;
}
.test-results .social-wrapper {
  padding: 30px 0;
  margin-bottom: 0;
}
.test-results .start-wrapper {
  text-align: center;
  width: 100%;
}
.test-results #results-start-button {
  display: inline-block;
  margin-top: 30px;
  padding: 15px 110px;
  font-size: 1.2em;
}
@media (max-width: 768px) {
  .test-results #results-start-button {
    display: none;
    padding: 15px;
    width: 90%;
    max-width: 380px;
  }
}
.test-results #start-reading-fixed {
  display: none;
}
@media (max-width: 768px) {
  .test-results #start-reading-fixed {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    padding: 13px 30px;
    z-index: 5;
  }
}
@media (max-width: 768px) {
  .type-description .sidebar {
    padding-left: 0;
  }
  .type-description .sidebar .sidebar-results-widget {
    padding: 15px 0 0 0;
    margin-bottom: 0;
  }
}
.type-description .sidebar .personality-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0 15px;
  margin-bottom: 30px;
  text-transform: uppercase;
  line-height: 1.1;
}
.type-description .sidebar .personality-info .avatar img {
  width: 60px;
}
.type-description .sidebar .personality-info .info {
  margin-left: 10px;
}
.type-description .sidebar .personality-info .info .type {
  font-size: 0.8em;
  font-weight: 600;
  margin-bottom: 12px;
  display: block;
}
.type-description .sidebar .personality-info .info .secondary-data {
  margin-bottom: 3px;
  font-size: 0.6em;
  font-weight: 600;
}
.type-description .sidebar .personality-info .info .secondary-data.strategy {
  margin-bottom: 0;
}
.type-description .sidebar .personality-info .info .secondary-data .fa {
  color: #6D6F65;
  margin-right: 3px;
  font-size: 1.3em;
  width: 15px;
  text-align: right;
}
.type-description .sidebar .personality-info .info .tooltip {
  opacity: 1;
}
.type-description .sidebar .personality-info .info .tooltip .tooltip-arrow {
  border-top-color: #6D6F65;
}
.type-description .sidebar .personality-info .info .tooltip .tooltip-inner {
  background-color: #6D6F65;
  padding: 5px 10px;
  text-transform: none;
}
.type-description .sidebar .traits-wrapper {
  margin-bottom: 60px;
  margin: 20px 0;
  padding: 0 15px;
  text-align: center;
  font-size: 0.8em;
}
.type-description .sidebar .traits-wrapper .bar-caption .left-trait,
.type-description .sidebar .traits-wrapper .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.type-description .sidebar .traits-wrapper .bar-caption .left-trait {
  text-align: left;
}
.type-description .sidebar .traits-wrapper .bar-caption .right-trait {
  text-align: right;
}
.type-description .sidebar .traits-wrapper .trait {
  margin-bottom: 30px;
}
.type-description .sidebar .traits-wrapper .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.type-description .sidebar .traits-wrapper .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.type-description .sidebar .traits-wrapper .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.type-description .sidebar .traits-wrapper .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.type-description .sidebar .traits-wrapper .trait .bar .left,
.type-description .sidebar .traits-wrapper .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.type-description .sidebar .traits-wrapper .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.type-description .sidebar .traits-wrapper .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.type-description .sidebar .traits-wrapper .trait .bar .left span {
  text-align: left;
}
.type-description .sidebar .traits-wrapper .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.type-description .sidebar .traits-wrapper .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.type-description .sidebar .traits-wrapper .trait .bar .right span {
  text-align: right;
}
.type-description .sidebar .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.type-description .sidebar .traits-wrapper .trait .bar .active span {
  color: #FFFFFF;
}
.type-description .sidebar .traits-wrapper .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .type-description .sidebar .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.type-description .sidebar .traits-wrapper .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.type-description .sidebar .traits-wrapper .trait .explanation {
  font-size: 0.85em;
}
.type-description .sidebar .traits-wrapper .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .type-description .sidebar .traits-wrapper {
    padding: 0;
  }
}
.type-description .sidebar .traits-wrapper .trait {
  margin-bottom: 0;
}
.type-description .sidebar .traits-wrapper .trait .bar {
  margin-bottom: 10px;
}
.type-description .sidebar .traits-wrapper .trait .bar .left,
.type-description .sidebar .traits-wrapper .trait .bar .right {
  background-color: #FFFFFF;
}
.type-description .sidebar .traits-wrapper .trait .bar .left {
  padding-left: 13px;
}
.type-description .sidebar .traits-wrapper .trait .bar .left .count {
  margin: 3px 10px 3px -10px;
}
.type-description .sidebar .traits-wrapper .trait .bar .right {
  padding-right: 13px;
}
.type-description .sidebar .traits-wrapper .trait .bar .right .count {
  margin: 3px -10px 3px 10px;
}
.type-description .sidebar .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.type-description .sidebar .traits-wrapper .trait .bar .count {
  font-size: 0.7em;
  min-width: 21px;
  height: 21px;
  line-height: 21px;
}
.type-description .sidebar .traits-wrapper .trait .bar span {
  font-size: 0.8em;
  line-height: 27px;
}
@media (max-width: 1200px) {
  .type-description .sidebar .traits-wrapper .trait .bar span {
    font-size: 0.75em;
  }
}
.type-description .sidebar .traits-wrapper .trait .bar .tooltip {
  opacity: 1;
}
.type-description .sidebar .traits-wrapper .trait .bar .tooltip .tooltip-arrow {
  border-top-color: #6D6F65;
}
.type-description .sidebar .traits-wrapper .trait .bar .tooltip .tooltip-inner {
  background-color: #6D6F65;
  padding: 5px 10px;
}
.type-description .sidebar .sidebar-signup {
  margin: 0 15px 15px 15px;
  padding: 8px 11px;
  font-size: 0.9em;
  width: calc(100% - 30px);
}
.type-description .sidebar .sidebar-compare-wrapper {
  margin-top: 35px;
}
.type-description .sidebar .sidebar-compare-wrapper .btn {
  width: 100%;
}
.type-description .sidebar .signup-wrapper {
  display: none;
  padding: 0 15px;
}
.type-description .sidebar .signup-wrapper .email-wrapper {
  margin-bottom: 10px;
}
.type-description .sidebar .signup-wrapper .email-wrapper:after {
  display: table;
  content: " ";
  clear: both;
}
.type-description .sidebar .signup-wrapper .email-wrapper .email {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  float: left;
  width: calc(100% - 68px);
  padding: 6px 12px;
  height: 38px;
  font-size: 0.8em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.type-description .sidebar .signup-wrapper .email-wrapper .action-signup {
  float: left;
  width: 68px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.type-description .sidebar .signup-wrapper .alert {
  display: none;
  font-size: 0.8em;
  padding: 6px 12px;
  margin-bottom: 10px;
}
.type-description .sidebar .signup-wrapper .subscribe-wrapper {
  font-size: 0.8em;
}
.type-description .sidebar .signup-wrapper .subscribe-wrapper .newsletter,
.type-description .sidebar .signup-wrapper .subscribe-wrapper .note {
  margin-bottom: 10px;
}
.type-description .sidebar .signup-wrapper .subscribe-wrapper .note.optin {
  font-size: 0.9em;
  color: #b5b5b5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.type-description .sidebar .signup-wrapper .subscribe-wrapper .note.optin span.fa {
  margin: 4px 5px 0 0;
}
.type-description .sidebar .signup-wrapper .subscribe-wrapper .note.save {
  font-size: 0.9em;
}
.type-description .sidebar .post-signup-wrapper {
  display: none;
  padding: 0 15px;
  font-size: 0.8em;
  margin-bottom: 15px;
}
.type-description .sidebar .post-signup-wrapper .note {
  margin-bottom: 5px;
}
.type-description .sidebar .post-signup-wrapper .profile-link {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  padding: 6px 12px;
  width: 100%;
}
.type-description .sidebar #stickySidebar {
  padding-top: 15px;
}
@media (max-width: 768px) {
  .type-description .sidebar #stickySidebar {
    padding-top: 0;
    margin-top: 0;
  }
}
.type-description .sidebar .sidebar-results-logout {
  padding-bottom: 25px;
}
.type-description .sidebar-new-wrapper .already-registered {
  padding-bottom: 30px;
  font-size: 0.9em;
  text-align: center;
}
.members-area.new .members-area-section-wrapper {
  padding: 15px 30px;
}
.members-area.new .why-section {
  margin: 30px 0 45px 0;
}
.members-area.new .why-section h2 {
  text-align: center;
}
.members-area.new .why-section .why-point {
  margin-bottom: 30px;
}
.members-area.new .why-section .why-point .illustration {
  text-align: center;
  margin-bottom: 15px;
}
.members-area.new .why-section .why-point .illustration img {
  width: 70%;
  max-width: 320px;
}
.members-area.new .why-section .why-point .note {
  text-align: center;
  color: #b5b5b5;
  font-size: 0.9em;
  padding: 0 15px;
}
.members-area.guest .top-section {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .members-area.guest .top-section {
    padding: 0;
  }
}
.members-area.guest .membership-cta {
  background-color: #F9F9F9;
}
.members-area.guest .membership-cta .action-buttons .btn {
  font-size: 0.8em;
  height: 40px;
}
.members-area.guest .membership-cta .action-buttons .or {
  margin: 0 15px;
  font-size: 0.8em;
  color: #7F7F7F;
}
.members-area.guest .membership-cta .action-buttons .btn-login {
  background-color: transparent;
  border: 3px solid #DC6950;
  color: #DC6950;
  padding-top: 7px;
}
.members-area.guest .membership-cta .action-buttons .btn-login:hover {
  background-color: #F9F9F9;
}
.members-area.guest .membership-cta .header {
  background-color: #EFEFEF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area.guest .membership-cta .header .left-side,
.members-area.guest .membership-cta .header .right-side {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: 50%;
}
.members-area.guest .membership-cta .header .left-side {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding-left: 25px;
}
@media (max-width: 460px) {
  .members-area.guest .membership-cta .header .left-side {
    font-size: 0.8em;
  }
}
@media (max-width: 768px) {
  .members-area.guest .membership-cta .header .left-side {
    padding-left: 15px;
    width: 100%;
  }
}
.members-area.guest .membership-cta .header .right-side {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 11px;
}
.members-area.guest .membership-cta .why-section {
  padding: 45px 30px 30px 30px;
}
@media (max-width: 460px) {
  .members-area.guest .membership-cta .why-section {
    padding: 30px;
  }
}
.members-area.guest .membership-cta .why-section .why-point {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.members-area.guest .membership-cta .why-section .why-point .illustration {
  text-align: center;
  margin-bottom: 15px;
  width: auto !important;
}
.members-area.guest .membership-cta .why-section .why-point .illustration img {
  width: 90%;
  max-width: 220px;
}
.members-area.guest .membership-cta .why-section .why-point .note {
  width: 90%;
  max-width: 220px;
  text-align: center;
  color: #7F7F7F;
  font-size: 0.85em;
  margin-bottom: 15px;
}
.members-area.guest .membership-cta .why-section .action-buttons {
  margin-top: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.members-area.guest .membership-cta .why-section .action-buttons .or {
  margin: 5px 0;
}
@media (min-width: 460px) {
  .members-area.guest .membership-cta .why-section .action-buttons {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .members-area.guest .membership-cta .why-section .action-buttons .or {
    margin: 0 15px;
  }
}
@media (min-width: 768px) {
  .members-area.guest .membership-cta .why-section .action-buttons {
    display: none;
  }
}
.members-area.guest #members-area-send-dialog .intro {
  text-align: left;
  font-size: 0.9em;
  line-height: 1.8;
}
.members-area.guest #members-area-send-dialog .email-wrapper #email {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
}
.members-area.guest #members-area-send-dialog .subscription-wrapper {
  margin-top: 10px;
}
.members-area.guest #members-area-send-dialog .subscription-wrapper .subscribe-note {
  font-weight: normal;
  font-size: 0.9em;
}
.members-area.guest #members-area-send-dialog .modal-footer {
  padding-bottom: 27px;
}
.members-area.top-nav:after {
  display: table;
  content: " ";
  clear: both;
}
.members-area.top-nav .main-headline {
  float: left;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 5px;
}
@media (min-width: 460px) {
  .members-area.top-nav .main-headline {
    margin-bottom: 35px;
  }
}
.members-area.top-nav .menu-icons {
  float: right;
  font-size: 1.7em;
  margin-bottom: 15px;
}
@media (min-width: 460px) {
  .members-area.top-nav .menu-icons {
    margin: 28px 0 0 0;
  }
}
.members-area.top-nav .menu-icons a {
  outline: 0;
  text-decoration: none;
  color: #b5b5b5;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  transition: 0.1s all ease;
}
.members-area.top-nav .menu-icons a.messages {
  position: relative;
}
.members-area.top-nav .menu-icons a.messages.highlighted .f16-message-notification {
  color: #DC6950;
}
.members-area.top-nav .menu-icons a.messages.highlighted .f16-message-notification:hover {
  color: #d04729;
}
.members-area.top-nav .menu-icons a.messages.highlighted .unread-badge {
  color: #FFFFFF;
}
.members-area.top-nav .menu-icons a.messages .unread-badge {
  position: absolute;
  top: 7px;
  right: -1px;
  height: 17px;
  min-width: 17px;
  color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-family: "Open Sans", "Helvetica Neue", Arial;
  font-size: 9px;
}
.members-area.top-nav .menu-icons a:hover {
  color: #6D6F65;
}
.members-area.top-nav .menu-icons a:hover img {
  opacity: 0.75;
}
.members-area.top-nav .menu-icons a img {
  opacity: 0.5;
  width: 30px;
}
.members-area.name-check #name {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  max-width: 340px;
  font-size: 0.9em;
  margin-bottom: 15px;
}
.members-area.name-check #age,
.members-area.name-check #gender {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  font-size: 0.9em;
  padding-right: 0;
  margin: 0 5px;
}
.members-area.name-check #gender {
  margin-right: 3px;
}
.members-area.name-check p.note {
  color: #b5b5b5;
  font-size: 0.8em;
  margin-top: 20px;
}
.members-area.name-check .action-row {
  margin-top: 20px;
}
.members-area .top-switches {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 460px) {
  .members-area .top-switches {
    height: 35px;
  }
}
.members-area .top-switches .switch {
  width: calc(100% / 7);
  height: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-color: #F5F5F5;
  border: 1px solid #EEE;
  border-right: none;
  color: #b5b5b5;
  cursor: pointer;
}
.members-area .top-switches .switch:hover {
  background-color: #F5F5F5;
  color: #DC6950;
}
.members-area .top-switches .switch:focus,
.members-area .top-switches .switch:active {
  background-color: #F5F5F5;
}
@media (min-width: 460px) {
  .members-area .top-switches .switch {
    height: 50px;
  }
}
@media (min-width: 768px) {
  .members-area .top-switches .switch {
    height: 80px;
  }
}
.members-area .top-switches .switch.active {
  margin-bottom: -2px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #4C4C4C;
}
.members-area .top-switches .switch.active.stories {
  border-right: 1px solid #EEE;
}
.members-area .top-switches .switch.messages .switch-title .unread-count.highlighted {
  color: #DC6950;
}
.members-area .top-switches .switch.preferences {
  border-right: 1px solid #EEE;
}
.members-area .top-switches .switch .switch-icon {
  width: 100%;
  height: 30px;
  text-align: center;
}
.members-area .top-switches .switch .switch-icon img {
  width: 30px;
  opacity: 0.5;
}
.members-area .top-switches .switch .switch-icon .f16 {
  font-size: 1.6em;
  margin-top: -4px;
}
.members-area .top-switches .switch .switch-icon .fa {
  font-size: 1.4em;
  margin-top: 4px;
}
.members-area .top-switches .switch .switch-icon.fa-spinner {
  font-size: 1.4em;
}
.members-area .top-switches .switch .switch-title {
  width: 100%;
  display: none;
  text-align: center;
  font-size: 0.7em;
  padding-top: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .members-area .top-switches .switch .switch-title {
    display: block;
  }
}
@media (min-width: 992px) {
  .members-area .top-switches .switch .switch-title {
    font-size: 0.9em;
  }
}
.members-area .section {
  border: 1px solid #EEE;
  border-top: none;
  padding: 4% 15px 5% 15px;
  margin-bottom: 20px;
}
@media (min-width: 460px) {
  .members-area .section {
    padding: 4% calc(5% + 15px) 5%;
  }
}
.members-area .take-test-wrapper {
  margin-bottom: 15px;
}
.members-area .know-results-wrapper {
  font-size: 0.8em;
  color: #7F7F7F;
  text-align: right;
}
.members-area #login-form .email,
.members-area #login-form .password {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.members-area #login-form .forgot-password-wrapper {
  font-size: 0.8em;
  padding-top: 0;
}
.members-area #login-form .forgot-password-wrapper a {
  color: #7F7F7F;
}
.members-area.create-account {
  margin-bottom: 60px;
}
.members-area.create-account label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.members-area.create-account input[type=text],
.members-area.create-account input[type=email],
.members-area.create-account input[type=password],
.members-area.create-account select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  display: block;
  margin-bottom: 20px;
  max-width: 300px;
  width: 100%;
}
.members-area.create-account .note {
  margin-top: -15px;
  font-size: 0.8em;
  color: #b5b5b5;
}
.members-area.create-account .subscribe-note-2 {
  margin-bottom: 20px;
}
.members-area.create-account .scores-title {
  font-weight: 600;
}
@media (min-width: 768px) {
  .members-area.create-account .scores {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.members-area.create-account .scores .score-wrapper {
  margin-right: 20px;
}
.members-area.create-account .scores .score-wrapper .title {
  font-weight: 600;
  margin-bottom: 5px;
}
.members-area.create-account .scores .score-wrapper .score-field input {
  display: inline;
  width: 70px;
  text-align: center;
  margin: 0 5px 20px 0;
}
.members-area.create-account .gender-switches {
  margin-bottom: 20px;
}
.members-area.create-account .gender-switches label {
  margin-bottom: 0;
}
.members-area.create-account .gender-switches .btn {
  color: #4C4C4C;
  margin-left: 0;
  background-color: #E4E4E2;
}
.members-area.create-account .gender-switches .btn.active {
  background-color: #51A9AB;
  color: #FFFFFF;
}
.members-area.create-account .gender-switches .btn.active:hover {
  color: #FFFFFF;
}
.members-area.create-account .gender-switches .btn:hover {
  color: #4C4C4C;
}
.members-area.create-account .toc-note {
  margin-top: 20px;
  color: #b5b5b5;
  font-size: 0.8em;
}
.members-area.create-account .alert-wrapper {
  display: none;
}
.members-area.create-account .alert-wrapper#general-alert .alert {
  margin: 5px 0;
}
.members-area.create-account .alert-wrapper .alert {
  display: inline-block;
  font-size: 0.9em;
  padding: 10px 15px;
  margin-top: -15px;
}
.members-area #pusher-notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #FFFFFF;
  z-index: 1;
  display: none;
}
.members-area #pusher-notification img {
  margin-right: 3px;
  width: 25px;
}
.members-area #pusher-notification a {
  color: #CC5139;
  text-decoration: none;
  border-bottom: 1px solid #CC5139;
}
.members-area #pusher-notification .close {
  top: 2px;
}
.members-area-wrapper input[type="text"],
.new-career-story input[type="text"] {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.members-area .section.profile .profile-title-name,
.members-area-wrapper #profile .profile-title-name {
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  letter-spacing: 0.05em;
  color: #484E50;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.1;
  margin: 0.67em 0;
  word-break: break-all;
}
.members-area .section.profile .top-section,
.members-area-wrapper #profile .top-section {
  margin: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #EEE;
}
.members-area .section.profile .top-section .illustration-wrapper,
.members-area-wrapper #profile .top-section .illustration-wrapper {
  height: 285px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.members-area .section.profile .top-section .illustration-wrapper .illustration,
.members-area-wrapper #profile .top-section .illustration-wrapper .illustration {
  height: 250px;
}
.members-area .section.profile .top-section .left-part,
.members-area-wrapper #profile .top-section .left-part {
  padding: 0;
}
@media (min-width: 768px) {
  .members-area .section.profile .top-section .left-part,
  .members-area-wrapper #profile .top-section .left-part {
    padding-left: 0;
  }
}
.members-area .section.profile .top-section .right-part,
.members-area-wrapper #profile .top-section .right-part {
  padding: 0;
}
@media (min-width: 768px) {
  .members-area .section.profile .top-section .right-part,
  .members-area-wrapper #profile .top-section .right-part {
    padding-right: 0;
  }
}
.members-area .section.profile .top-section .cta-section,
.members-area-wrapper #profile .top-section .cta-section {
  margin: 30px 0;
}
.members-area .section.profile .top-section .cta-section .box-wrapper,
.members-area-wrapper #profile .top-section .cta-section .box-wrapper {
  padding: 0;
}
@media (min-width: 768px) {
  .members-area .section.profile .top-section .cta-section .box-wrapper,
  .members-area-wrapper #profile .top-section .cta-section .box-wrapper {
    width: calc(50% - 15px);
  }
  .members-area .section.profile .top-section .cta-section .box-wrapper.first,
  .members-area-wrapper #profile .top-section .cta-section .box-wrapper.first {
    margin-right: 15px;
  }
  .members-area .section.profile .top-section .cta-section .box-wrapper.second,
  .members-area-wrapper #profile .top-section .cta-section .box-wrapper.second {
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .members-area .section.profile .top-section .cta-section .box-wrapper.second .box,
  .members-area-wrapper #profile .top-section .cta-section .box-wrapper.second .box {
    padding-top: 0;
  }
}
.members-area .section.profile .top-section .cta-section .box,
.members-area-wrapper #profile .top-section .cta-section .box {
  padding: 30px;
  background-color: #F5F5F5;
  font-size: 0.75em;
  border-radius: 3px;
}
.members-area .section.profile .top-section .cta-section .box .btn,
.members-area-wrapper #profile .top-section .cta-section .box .btn {
  width: 100%;
  font-size: 1em;
}
.members-area .section.profile .score-section,
.members-area-wrapper #profile .score-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.members-area .section.profile .score-section .trait-score,
.members-area-wrapper #profile .score-section .trait-score {
  text-align: center;
  float: left;
  width: 20%;
  padding: 0 15px;
  color: #51A9AB;
}
.members-area .section.profile .score-section .trait-score .score-percentage,
.members-area-wrapper #profile .score-section .trait-score .score-percentage {
  font-size: 2em;
  display: block;
  font-weight: 600;
  width: 100%;
}
.members-area .section.profile .score-section .trait-score .score-label,
.members-area-wrapper #profile .score-section .trait-score .score-label {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
  color: #A5A5A5;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .members-area .section.profile .bottom-section,
  .members-area-wrapper #profile .bottom-section {
    padding-top: 30px;
  }
}
.members-area .section.profile .bottom-section .box,
.members-area-wrapper #profile .bottom-section .box {
  background-color: #F5F5F5;
  padding: 30px;
  font-size: 0.8em;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .members-area .section.profile .bottom-section .box,
  .members-area-wrapper #profile .bottom-section .box {
    padding: 40px;
  }
}
.members-area .section.profile .bottom-section .box .box-title,
.members-area-wrapper #profile .bottom-section .box .box-title {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 10px;
  display: block;
}
.members-area .section.profile .bottom-section .box .box-title .bar-caption .left-trait,
.members-area-wrapper #profile .bottom-section .box .box-title .bar-caption .left-trait,
.members-area .section.profile .bottom-section .box .box-title .bar-caption .right-trait,
.members-area-wrapper #profile .bottom-section .box .box-title .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.members-area .section.profile .bottom-section .box .btn,
.members-area-wrapper #profile .bottom-section .box .btn {
  width: 100%;
  font-size: 1em;
}
.members-area .section.profile .bottom-section .box .btn .left-trait,
.members-area-wrapper #profile .bottom-section .box .btn .left-trait {
  text-align: left;
}
.members-area .section.profile .bottom-section .box .btn .right-trait,
.members-area-wrapper #profile .bottom-section .box .btn .right-trait {
  text-align: right;
}
.members-area .section.profile .traits-wrapper,
.members-area-wrapper #profile .traits-wrapper {
  margin-top: 30px;
  padding: 0 15px;
  margin-bottom: 60px;
  text-align: center;
}
.members-area .section.profile .traits-wrapper .bar-caption .left-trait,
.members-area-wrapper #profile .traits-wrapper .bar-caption .left-trait,
.members-area .section.profile .traits-wrapper .bar-caption .right-trait,
.members-area-wrapper #profile .traits-wrapper .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.members-area .section.profile .traits-wrapper .bar-caption .left-trait,
.members-area-wrapper #profile .traits-wrapper .bar-caption .left-trait {
  text-align: left;
}
.members-area .section.profile .traits-wrapper .bar-caption .right-trait,
.members-area-wrapper #profile .traits-wrapper .bar-caption .right-trait {
  text-align: right;
}
.members-area .section.profile .traits-wrapper .trait,
.members-area-wrapper #profile .traits-wrapper .trait {
  margin-bottom: 30px;
}
.members-area .section.profile .traits-wrapper .trait .caption,
.members-area-wrapper #profile .traits-wrapper .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.members-area .section.profile .traits-wrapper .trait .tagline,
.members-area-wrapper #profile .traits-wrapper .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.members-area .section.profile .traits-wrapper .trait .bar,
.members-area-wrapper #profile .traits-wrapper .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.members-area .section.profile .traits-wrapper .trait .bar:after,
.members-area-wrapper #profile .traits-wrapper .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.members-area .section.profile .traits-wrapper .trait .bar .left,
.members-area-wrapper #profile .traits-wrapper .trait .bar .left,
.members-area .section.profile .traits-wrapper .trait .bar .right,
.members-area-wrapper #profile .traits-wrapper .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.members-area .section.profile .traits-wrapper .trait .bar .left,
.members-area-wrapper #profile .traits-wrapper .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.members-area .section.profile .traits-wrapper .trait .bar .left .count,
.members-area-wrapper #profile .traits-wrapper .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.members-area .section.profile .traits-wrapper .trait .bar .left span,
.members-area-wrapper #profile .traits-wrapper .trait .bar .left span {
  text-align: left;
}
.members-area .section.profile .traits-wrapper .trait .bar .right,
.members-area-wrapper #profile .traits-wrapper .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.members-area .section.profile .traits-wrapper .trait .bar .right .count,
.members-area-wrapper #profile .traits-wrapper .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.members-area .section.profile .traits-wrapper .trait .bar .right span,
.members-area-wrapper #profile .traits-wrapper .trait .bar .right span {
  text-align: right;
}
.members-area .section.profile .traits-wrapper .trait .bar .active,
.members-area-wrapper #profile .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.members-area .section.profile .traits-wrapper .trait .bar .active span,
.members-area-wrapper #profile .traits-wrapper .trait .bar .active span {
  color: #FFFFFF;
}
.members-area .section.profile .traits-wrapper .trait .bar .count,
.members-area-wrapper #profile .traits-wrapper .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip:after,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.introverted:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.observant:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.thinking:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.feeling:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.judging:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.assertive:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .members-area .section.profile .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before,
  .members-area-wrapper #profile .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.members-area .section.profile .traits-wrapper .trait .bar span,
.members-area-wrapper #profile .traits-wrapper .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.members-area .section.profile .traits-wrapper .trait .explanation,
.members-area-wrapper #profile .traits-wrapper .trait .explanation {
  font-size: 0.85em;
}
.members-area .section.profile .traits-wrapper .trait .explanation a,
.members-area-wrapper #profile .traits-wrapper .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
.members-area .section.profile .detailed-info-wrapper,
.members-area-wrapper #profile .detailed-info-wrapper {
  margin: 2% 0 3% 0;
}
.members-area .section.profile .detailed-info-wrapper .greeting,
.members-area-wrapper #profile .detailed-info-wrapper .greeting {
  font-size: 1.6em;
  font-weight: 600;
}
.members-area .section.profile .detailed-info-wrapper h3,
.members-area-wrapper #profile .detailed-info-wrapper h3 {
  margin-top: 0;
}
.members-area .section.profile .detailed-info-wrapper .info-table,
.members-area-wrapper #profile .detailed-info-wrapper .info-table {
  margin: 30px 0;
  font-size: 0.9em;
}
.members-area .section.profile .detailed-info-wrapper .info-table td,
.members-area-wrapper #profile .detailed-info-wrapper .info-table td {
  border-top: none;
  border-bottom: 1px dashed #EEE;
  padding-left: 0;
}
.members-area .section.profile .detailed-info-wrapper .info-table .caption,
.members-area-wrapper #profile .detailed-info-wrapper .info-table .caption {
  font-weight: 600;
}
.members-area .section.profile .detailed-info-wrapper .mini-tests,
.members-area-wrapper #profile .detailed-info-wrapper .mini-tests {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F5F5F5;
  padding: 15px 20px;
}
.members-area .section.profile .detailed-info-wrapper .mini-tests p,
.members-area-wrapper #profile .detailed-info-wrapper .mini-tests p {
  display: block;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 0.85em;
  margin: 0 15px 0 0;
}
.members-area .section.profile .detailed-info-wrapper .mini-tests a,
.members-area-wrapper #profile .detailed-info-wrapper .mini-tests a {
  display: block;
}
.members-area .section.profile .illustration-wrapper,
.members-area-wrapper #profile .illustration-wrapper {
  text-align: center;
}
.members-area .section.profile .illustration-wrapper a,
.members-area-wrapper #profile .illustration-wrapper a {
  outline: 0;
}
.members-area .section.profile .scores-header,
.members-area-wrapper #profile .scores-header {
  padding-top: 30px;
}
.members-area .section.profile .scores-header .title,
.members-area-wrapper #profile .scores-header .title {
  font-size: 2.2em;
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
}
.members-area .section.profile .scores-header .link-info,
.members-area-wrapper #profile .scores-header .link-info {
  font-size: 0.9em;
  padding: 0 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .members-area .section.profile .scores-header .link-info,
  .members-area-wrapper #profile .scores-header .link-info {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.members-area .section.profile .scores-header .link-info span,
.members-area-wrapper #profile .scores-header .link-info span {
  margin-right: 10px;
  color: #b5b5b5;
}
@media (max-width: 768px) {
  .members-area .section.profile .scores-header .link-info span,
  .members-area-wrapper #profile .scores-header .link-info span {
    margin-bottom: 10px;
  }
}
.members-area .section.profile .scores-header .link-info .profile-link,
.members-area-wrapper #profile .scores-header .link-info .profile-link {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 470px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .members-area .section.profile .scores-header .link-info .profile-link,
  .members-area-wrapper #profile .scores-header .link-info .profile-link {
    margin-bottom: 10px;
    width: 100%;
  }
}
.members-area .section.profile .scores-header .link-info .social-icons,
.members-area-wrapper #profile .scores-header .link-info .social-icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.members-area .section.profile .scores-header .link-info .social-icons a,
.members-area-wrapper #profile .scores-header .link-info .social-icons a {
  display: block;
  margin-right: 5px;
}
.members-area .section.profile .scores-header .link-info .social-icons a img,
.members-area-wrapper #profile .scores-header .link-info .social-icons a img {
  width: 47px;
}
.members-area .section.profile .scores-header .private,
.members-area-wrapper #profile .scores-header .private {
  display: block;
  text-align: center;
  color: #b5b5b5;
  line-height: 1.8;
  font-size: 0.9em;
}
.members-area .section.profile .scores-header .private a,
.members-area-wrapper #profile .scores-header .private a {
  color: #4C4C4C;
  text-decoration: underline;
}
.members-area .section.profile .progress-bar-caption,
.members-area-wrapper #profile .progress-bar-caption {
  font-size: 0.8em;
}
.members-area .section.profile .progress-bar.left,
.members-area-wrapper #profile .progress-bar.left {
  border-right: 1px solid #707070;
}
.members-area .section.profile .progress-bar.right,
.members-area-wrapper #profile .progress-bar.right {
  border-left: 1px solid #707070;
}
.members-area .section.profile .trait-explanation,
.members-area-wrapper #profile .trait-explanation {
  font-size: 0.8em;
  color: #A5A5A5;
  margin-bottom: 15px;
}
.members-area .section.profile .trait-explanation.selected,
.members-area-wrapper #profile .trait-explanation.selected {
  color: #4C4C4C;
}
.members-area .section.profile .trait-tip-wrapper,
.members-area-wrapper #profile .trait-tip-wrapper {
  padding: 0;
}
.members-area .section.profile .trait-tip,
.members-area-wrapper #profile .trait-tip {
  font-size: 0.8em;
  margin: 10px 0 40px 0;
  padding: 10px;
}
.members-area .section.profile .group-wrapper,
.members-area-wrapper #profile .group-wrapper {
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
}
.members-area .section.profile .group-wrapper .group-title,
.members-area-wrapper #profile .group-wrapper .group-title {
  color: #A5A5A5;
  font-weight: bold;
}
.members-area .section.profile .profile-title-type,
.members-area-wrapper #profile .profile-title-type {
  width: 100%;
  text-align: center;
}
.members-area .section.profile .profile-title-type h2,
.members-area-wrapper #profile .profile-title-type h2 {
  font-weight: normal;
  font-size: 2em;
}
.members-area .section.profile .profile-title-type a,
.members-area-wrapper #profile .profile-title-type a {
  outline: 0;
}
.members-area .section.profile .profile-traits-side .row,
.members-area-wrapper #profile .profile-traits-side .row {
  margin: 0;
}
.members-area .section.profile #members-area-send-dialog,
.members-area-wrapper #profile #members-area-send-dialog {
  margin-top: 10%;
}
.members-area .section.profile #members-area-send-dialog .modal-body,
.members-area-wrapper #profile #members-area-send-dialog .modal-body {
  padding: 0 25px;
}
.members-area .section.profile #members-area-send-dialog .modal-body .intro,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .intro {
  padding: 15px 0;
  text-align: center;
  line-height: 1.7;
}
.members-area .section.profile #members-area-send-dialog .modal-body .email-text,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .email-text {
  padding-top: 4px;
  padding-right: 0;
}
.members-area .section.profile #members-area-send-dialog .modal-body .email-text label,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .email-text label {
  font-weight: normal;
  padding-top: 6px;
}
.members-area .section.profile #members-area-send-dialog .modal-body .email-box,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .email-box {
  padding-left: 0;
}
.members-area .section.profile #members-area-send-dialog .modal-body .email-box input,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .email-box input {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: calc(95%);
  margin-left: 5px;
  font-size: 0.9em;
}
.members-area .section.profile #members-area-send-dialog .modal-body .results-send-email-error,
.members-area-wrapper #profile #members-area-send-dialog .modal-body .results-send-email-error {
  padding: 11px 15px;
  font-size: 0.9em;
}
.members-area .section.friends {
  position: relative;
}
.members-area .section.friends h2 {
  margin-left: 0;
}
.members-area .section.friends .compare-section {
  border-bottom: 1px solid #EEE;
  margin-bottom: 15px;
  padding-bottom: 30px;
}
.members-area .section.friends .compare-section h2 {
  margin-bottom: 25px;
}
.members-area .section.friends .compare-section .friend-invites #friend-emails {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  font-size: 0.9em;
}
.members-area .section.friends .compare-section .friend-invites #friend-invitetext {
  width: 100%;
  height: 100px;
  margin-top: 10px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  font-size: 0.9em;
  line-height: 1.5;
}
.members-area .section.friends .compare-section .friend-invites .friend-invitealert {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: left;
  padding: 10px;
  display: none;
}
.members-area .section.friends .compare-section .friend-invites #friend-sendinvites {
  margin-top: 10px;
  font-size: 0.8em;
}
.members-area .section.friends .friend-result {
  height: 96px;
}
.members-area .section.friends .friend-result .friend-remove-toggle {
  width: 13px;
  height: 13px;
  position: absolute;
  right: 5px;
  top: 3px;
  line-height: 1;
  color: #DDD;
  z-index: 1;
}
.members-area .section.friends .friend-result .friend-remove-toggle:hover {
  cursor: pointer;
  color: #A5A5A5;
}
.members-area .section.friends .friend-result .friend-illustration {
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
}
.members-area .section.friends .friend-invite-wrapper {
  font-size: 0.9em;
  padding: 6px 11px;
  min-height: 80px;
  margin: 0 10px 10px 0;
  width: 100% !important;
  border: 1px solid #DDD;
  background-color: #F9F9F9;
}
.members-area .section.friends .friend-invite-wrapper .description {
  padding-top: 5px;
}
.members-area .section.friends .friend-invite-wrapper .action-row {
  padding-top: 5px;
}
.members-area .section.friends .friend-invite-wrapper .time {
  font-size: 0.9em;
  padding-top: 4px;
  color: #A5A5A5;
}
.members-area .section.friends .friend-invite-wrapper .actions {
  text-align: right;
}
.members-area .section.friends .friend-invite-wrapper .actions .btn {
  width: 75px;
}
.members-area .section.friends .stats-group {
  height: 350px;
  text-align: center;
}
.members-area .section.friends .stats-group .title {
  width: 100%;
  padding: 15px 0 10px 0;
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
}
.members-area .section.friends .compare-section .friends-list-wrapper,
.members-area .section.friends .compare-section .invite-list-wrapper {
  height: 350px;
  overflow: hidden;
}
.members-area .section.friends .compare-section .friend-list-load,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .friend-list-load-previous,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .invite-list-load,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .invite-list-load-previous {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  padding-top: 5px;
  height: 40px;
  margin-top: 10px;
  cursor: pointer;
}
.members-area .section.friends .compare-section .friend-list-load-previous,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .invite-list-load-previous {
  display: none;
  margin-bottom: 10px;
}
.members-area .section.friends .compare-section .friend-list-load:hover,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .friend-list-load-previous:hover,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .invite-list-load:hover,
.members-area .section.friends .members-area-wrapper .content #friends .compare-section .invite-list-load-previous:hover {
  background-color: #F5F5F5;
}
.members-area .section.friends .friend-result[data-id='1'],
.members-area .section.friends .friend-result[data-id='2'],
.members-area .section.friends .friend-result[data-id='3'],
.members-area .section.friends .friend-result[data-id='4'] {
  display: block;
}
.members-area .section.friends .friend-invites {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .members-area .section.friends .friend-invites {
    margin-bottom: 0;
  }
}
.members-area .section.friends .requests {
  margin-bottom: 30px;
}
.members-area .section.friends .requests .list-wrapper {
  max-height: 355px;
  overflow-y: auto;
  margin-top: 25px;
}
.members-area .section.friends .requests .list-wrapper .friend-invite {
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  background-color: #F9F9F9;
  margin: 0 10px 10px 0;
  font-size: 0.9em;
  width: 100%;
  max-width: 325px;
  position: relative;
  padding: 15px;
  float: left;
}
.members-area .section.friends .requests .list-wrapper .friend-invite .description {
  margin-bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
}
.members-area .section.friends .requests .list-wrapper .friend-invite .action-row {
  text-align: right;
}
.members-area .section.friends .friend-list {
  margin-bottom: 30px;
}
.members-area .section.friends .friend-list .list-wrapper {
  max-height: 400px;
  overflow-y: auto;
  margin-top: 25px;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result {
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  background-color: #F9F9F9;
  margin: 0 10px 10px 0;
  font-size: 0.9em;
  width: 100%;
  max-width: 325px;
  position: relative;
  padding: 10px;
  float: left;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .illustration img {
  width: 70px;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper {
  padding-left: 15px;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper .name {
  width: 200px;
  font-weight: 600;
  margin-bottom: 5px;
  overflow: hidden;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper .type {
  width: 100%;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper .compare {
  font-size: 0.7em;
  margin-top: 5px;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper .compare a {
  color: #4C4C4C;
  text-decoration: none;
}
.members-area .section.friends .friend-list .list-wrapper .friend-result .friend-info .info-wrapper .compare a:hover {
  border-bottom: 1px solid #4C4C4C;
}
.members-area .section.friends .friend-search {
  margin-bottom: 30px;
}
.members-area .section.friends .friend-search .alert-info {
  font-size: 0.9em;
}
.members-area .section.friends .friend-search form {
  background-color: #F9F9F9;
  padding: 30px;
}
.members-area .section.friends .friend-search form label:not(.photo-label) {
  display: block;
  margin-bottom: 10px;
}
.members-area .section.friends .friend-search form select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.members-area .section.friends .friend-search form select:not(.age-select) {
  width: 100%;
  max-width: 465.5px;
}
.members-area .section.friends .friend-search form .search-button {
  margin-top: 15px;
}
.members-area .section.friends .friend-search form .action-row {
  text-align: right;
}
.members-area .section.friends .search-results:after {
  display: table;
  content: " ";
  clear: both;
}
.members-area .section.friends .search-results .back-link {
  margin-bottom: 15px;
}
.members-area .section.friends .search-results h2 {
  margin-bottom: 30px;
}
.members-area .section.friends .search-results .user-item {
  display: block;
  float: left;
  margin: 0 15px 15px 0;
  width: 300px;
  height: 183px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  font-size: 0.9em;
  text-decoration: none;
  outline: 0;
  color: #4C4C4C;
}
.members-area .section.friends .search-results .user-item:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.members-area .section.friends .search-results .user-item .meta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  background-color: #F9F9F9;
}
.members-area .section.friends .search-results .user-item .meta .avatar img {
  width: 80px;
}
.members-area .section.friends .search-results .user-item .meta .details {
  margin-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  word-break: keep-all;
  width: 157px;
}
.members-area .section.friends .search-results .user-item .meta .details .name {
  font-weight: 600;
  margin-bottom: 5px;
}
.members-area .section.friends .search-results .user-item .meta .details .age {
  margin-bottom: 5px;
}
.members-area .section.friends .search-results .user-item .meta .details .country {
  margin-bottom: 5px;
}
.members-area .section.friends .search-results .user-item .description {
  padding: 20px;
  font-size: 0.9em;
  word-break: break-all;
}
.members-area .section.friends .search-results .user-item .description.empty {
  font-style: italic;
}
.members-area .section.friends .friend-invite-wrapper .actions .btn {
  min-width: 85px;
  width: auto;
}
.members-area .section.gifts .index .gift-list {
  margin: 30px 0 15px 0;
}
.members-area .section.gifts .index .gift-list:after {
  display: table;
  content: " ";
  clear: both;
}
.members-area .section.gifts .index .gift-list .gift {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
  display: block;
  margin: 0 15px 15px 0;
  background-color: #F9F9F9;
  float: left;
  text-decoration: none;
  outline: 0;
  width: 250px;
}
.members-area .section.gifts .index .gift-list .gift:hover,
.members-area .section.gifts .index .gift-list .gift:active,
.members-area .section.gifts .index .gift-list .gift:focus {
  background-color: #F5F5F5;
}
.members-area .section.gifts .index .gift-list .gift .amount {
  color: #51A9AB;
  font-weight: 600;
  margin-bottom: 5px;
}
.members-area .section.gifts .index .gift-list .gift .date {
  font-size: 0.8em;
  color: #7F7F7F;
}
.members-area .section.gifts .index .note {
  font-size: 0.9em;
}
.members-area .section.gifts .codes .code-list {
  font-size: 0.9em;
}
.members-area .section.gifts .codes .code-list .used {
  color: #DC6950;
}
.members-area .section.gifts .codes .code-list .available {
  color: #51A9AB;
}
.members-area .section.gifts .codes .code-list th:nth-of-type(2) {
  width: 100px;
}
.members-area .section.gifts .codes .code-list th:nth-of-type(3) {
  width: 300px;
}
.members-area .section.messages .title {
  margin-bottom: 25px;
}
.members-area .section.messages .conversation {
  background-color: #F9F9F9;
  padding: 15px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.members-area .section.messages .conversation:hover {
  background-color: #f4f4f4;
}
@media (min-width: 768px) {
  .members-area .section.messages .conversation {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.members-area .section.messages .conversation .author-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .members-area .section.messages .conversation .author-info {
    width: auto;
  }
}
.members-area .section.messages .conversation .author-info img {
  width: 70px;
}
.members-area .section.messages .conversation .author-info .author-name {
  width: 120px;
  margin-left: 15px;
  word-break: break-all;
}
.members-area .section.messages .conversation .excerpt {
  padding-top: 15px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 768px) {
  .members-area .section.messages .conversation .excerpt {
    padding: 0 15px;
    width: auto;
    border-left: 1px solid #DCDCDC;
  }
}
.members-area .section.messages .conversation .excerpt .body.unread {
  color: #DC6950;
  font-weight: 600;
}
.members-area .section.messages .conversation .excerpt .time {
  color: #b5b5b5;
  font-size: 0.8em;
  margin-top: 7px;
}
.members-area .section.messages #conversationDialog {
  margin-top: 10%;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .members-area .section.messages #conversationDialog {
    font-size: 1em;
  }
}
.members-area .section.messages #conversationDialog .modal-dialog {
  max-width: 90%;
  width: 900px;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body {
  padding: 0;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .message-list {
  padding: 30px;
  max-height: 420px;
  overflow-y: scroll;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .message-list .load-more {
  border-radius: 3px;
  margin-bottom: 25px;
  background-color: #F5F5F5;
  color: #b5b5b5;
  padding: 15px;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .message-list .load-more:hover {
  background-color: #f0f0f0;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item {
  margin: 0 0 25px 0;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item .message-wrapper {
  float: left;
  max-width: 90%;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item .message-wrapper .body {
  border-radius: 3px;
  display: inline-block;
  background-color: rgba(81, 169, 171, 0.2);
  line-height: 1.8;
  white-space: pre-wrap;
  margin-bottom: 10px;
  padding: 15px 20px;
  text-align: left;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item .message-wrapper .author-info {
  font-size: 0.8em;
  color: #b5b5b5;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item.own .message-wrapper {
  float: right;
  text-align: right;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .messages .item.own .message-wrapper .body {
  background-color: #F5F5F5;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response {
  padding: 30px;
  background-color: #F5F5F5;
  border-top: 1px solid #DCDCDC;
  text-align: right;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .message {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 120px;
  display: block;
  margin-bottom: 10px;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .message-alert {
  margin-bottom: 10px;
  display: none;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .connection-status {
  font-size: 0.8em;
  text-align: left;
  padding-top: 14px;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .connection-status.disconnected {
  color: #DC6950;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .connection-status.connected {
  color: #728D56;
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .btn {
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .btn {
    font-size: 1em;
  }
}
.members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .action-send {
  margin-left: 7px;
}
@media (min-width: 768px) {
  .members-area .section.messages #conversationDialog .modal-dialog .modal-body .response .action-row .action-send {
    width: 175px;
  }
}
.members-area .section.discussions #community-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  margin: 0 -15px;
  padding: 0 15px;
  z-index: 3;
}
.members-area .section.discussions #community-overlay li {
  margin-bottom: 5px;
}
.members-area .section.discussions #community-overlay .action-row {
  margin-top: 25px;
}
.members-area .section.discussions #community-overlay .action-row .btn {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 0.8em;
}
.members-area .section.discussions .categories-list {
  margin: 30px 0 15px 0;
}
.members-area .section.discussions .categories-list .search-wrapper .input {
  margin-top: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.discussions .categories-list .search-wrapper .input .search-box {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 300px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 0.9em;
  height: 46px;
  outline: 0;
}
.members-area .section.discussions .categories-list .search-wrapper .input .search-action {
  height: 46px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.members-area .section.discussions .categories-list .category {
  border-bottom: 1px solid #DCDCDC;
  margin: 20px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.members-area .section.discussions .categories-list .category .left-side {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.members-area .section.discussions .categories-list .category .left-side .title {
  font-weight: 600;
  font-size: 1.1em;
}
.members-area .section.discussions .categories-list .category .left-side .description p {
  margin: 5px 0 20px 0;
  font-size: 0.8em;
}
.members-area .section.discussions .categories-list .category .right-side {
  width: 200px;
  padding: 0 15px 15px 15px;
  font-size: 0.8em;
}
.members-area .section.discussions .categories-list .category .right-side .time {
  color: #b5b5b5;
}
.members-area .section.discussions .categories-list .rules-wrapper {
  margin-top: 45px;
}
.members-area .section.discussions .rules-wrapper {
  font-size: 0.8em;
  padding: 20px 25px;
  background-color: #F5F5F5;
}
.members-area .section.discussions .rules-wrapper h4 {
  margin-top: 0;
}
.members-area .section.discussions .rules-wrapper ul {
  margin-bottom: 0;
}
.members-area .section.discussions .rules-wrapper ul li {
  margin-bottom: 5px;
}
.members-area .section.discussions .rules-wrapper ul li:last-of-type {
  margin-bottom: 0;
}
.members-area .section.discussions .question-list {
  margin: 30px 0 15px 0;
}
.members-area .section.discussions .question-list.search-results .filtering-tools {
  margin-top: 30px;
}
.members-area .section.discussions .question-list.search-results .links {
  text-align: right;
}
.members-area .section.discussions .question-list.search-results .links .clear-link {
  color: #51A9AB;
  margin-right: 10px;
  font-size: 0.9em;
  outline: 0;
  text-decoration: none;
  font-weight: 600;
}
.members-area .section.discussions .question-list.search-results .links .clear-link:hover {
  border-bottom: 1px solid;
}
.members-area .section.discussions .question-list.search-results .links .new-link {
  display: inline-block;
}
.members-area .section.discussions .question-list .filtering-tools {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.discussions .question-list .filtering-tools .title {
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 10px;
}
.members-area .section.discussions .question-list .filtering-tools input,
.members-area .section.discussions .question-list .filtering-tools select {
  font-size: 0.9em;
  height: 47px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.members-area .section.discussions .question-list .filtering-tools .search {
  margin-right: 30px;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.members-area .section.discussions .question-list .filtering-tools .search .input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.discussions .question-list .filtering-tools .search .input input {
  width: 100%;
  max-width: 396px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.members-area .section.discussions .question-list .filtering-tools .search .input .search-action {
  height: 46px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.members-area .section.discussions .question-list .filtering-tools .filter {
  margin-right: 30px;
}
.members-area .section.discussions .question-list .new-link {
  text-align: right;
  margin: 25px 0 15px 0;
}
.members-area .section.discussions .question-list .new-link a {
  font-size: 0.9em;
  color: #DC6950;
  outline: 0;
  text-decoration: none;
  font-weight: 600;
}
.members-area .section.discussions .question-list .new-link a:hover {
  border-bottom: 1px solid;
}
.members-area .section.discussions .question-list table {
  font-size: 0.9em;
}
.members-area .section.discussions .question-list table tr:first-of-type td {
  border-top: none;
}
.members-area .section.discussions .question-list table td {
  padding: 15px;
  border-color: #EEE;
  vertical-align: middle;
}
.members-area .section.discussions .question-list table td:first-of-type {
  padding-left: 0;
}
.members-area .section.discussions .question-list table td:last-of-type {
  padding-right: 0;
}
.members-area .section.discussions .question-list table a {
  outline: 0;
  color: #4C4C4C;
}
.members-area .section.discussions .question-list table a:hover,
.members-area .section.discussions .question-list table a:focus {
  text-decoration: none;
  color: #DC6950;
}
.members-area .section.discussions .question-list table .question-item.unread .answer-count {
  color: #DC6950;
  font-weight: 600;
}
.members-area .section.discussions .question-list table .question-item .poster-type {
  float: left;
  margin: 1px 7px 0 0;
  font-size: 0.7em;
  font-weight: 600;
  color: #FFFFFF;
  padding: 3px 5px;
  border-radius: 3px;
}
.members-area .section.discussions .question-list table .question-item .poster-type.analyst {
  background-color: #7f4c67;
}
.members-area .section.discussions .question-list table .question-item .poster-type.analyst:hover {
  background-color: #5F394D;
}
.members-area .section.discussions .question-list table .question-item .poster-type.diplomat {
  background-color: #8ca76f;
}
.members-area .section.discussions .question-list table .question-item .poster-type.diplomat:hover {
  background-color: #728D56;
}
.members-area .section.discussions .question-list table .question-item .poster-type.sentinel {
  background-color: #73bbbc;
}
.members-area .section.discussions .question-list table .question-item .poster-type.sentinel:hover {
  background-color: #51A9AB;
}
.members-area .section.discussions .question-list table .question-item .poster-type.explorer {
  background-color: #f4d72a;
}
.members-area .section.discussions .question-list table .question-item .poster-type.explorer:hover {
  background-color: #DFC10C;
}
.members-area .section.discussions .question-list table .question-item .sticky,
.members-area .section.discussions .question-list table .question-item .locked {
  color: #7F7F7F;
  margin-right: 1px;
}
.members-area .section.discussions .question-list table .question-item .fa-pulse {
  margin-right: 5px;
}
.members-area .section.discussions .question-list table .question-item .answer-count {
  color: #b5b5b5;
  font-size: 0.85em;
}
.members-area .section.discussions .question-list table .question-item .answer-count span {
  font-size: 1.2em;
  margin-right: 5px;
}
.members-area .section.discussions .question-list table .question-item .date {
  text-align: right;
  color: #b5b5b5;
  font-size: 0.85em;
}
.members-area .section.discussions .question-list .pagination {
  width: 100%;
  text-align: center;
}
.members-area .section.discussions .question-list .pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.members-area .section.discussions .question-list .pagination li:first-child a,
.members-area .section.discussions .question-list .pagination li:first-child span,
.members-area .section.discussions .question-list .pagination li:last-child a,
.members-area .section.discussions .question-list .pagination li:last-child span {
  padding-bottom: 3px;
}
.members-area .section.discussions .question-list .pagination li.active span,
.members-area .section.discussions .question-list .pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.members-area .section.discussions .question-list .pagination li span,
.members-area .section.discussions .question-list .pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.members-area .section.discussions .question-list .pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.members-area .section.discussions .question-view .back-link {
  margin-bottom: 15px;
}
.members-area .section.discussions .question-view .question-title {
  margin-bottom: 5px;
}
.members-area .section.discussions .question-view header {
  border: 1px solid #DCDCDC;
  margin: 15px 0;
}
.members-area .section.discussions .question-view header .question-meta {
  padding: 15px;
  height: 107px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F9F9F9;
  font-size: 0.8em;
  border-bottom: 1px solid #DCDCDC;
}
.members-area .section.discussions .question-view header .question-meta .avatar {
  margin-right: 15px;
}
.members-area .section.discussions .question-view header .question-meta .avatar img {
  width: 75px;
}
.members-area .section.discussions .question-view header .question-meta .details .user-info .user-name {
  font-weight: 600;
  font-size: 1.2em;
}
.members-area .section.discussions .question-view header .question-meta .details .user-info .type-info {
  margin: 7px 0;
}
.members-area .section.discussions .question-view header .question-meta .details .user-info .moderator {
  color: #DC6950;
  font-weight: 600;
}
.members-area .section.discussions .question-view header .question-meta .details .time {
  color: #b5b5b5;
}
.members-area .section.discussions .question-view header .question-body {
  white-space: pre-wrap;
  padding: 30px 15px;
}
.members-area .section.discussions .question-view .locked-note {
  font-size: 0.85em;
  color: #b5b5b5;
  margin-bottom: 30px;
}
.members-area .section.discussions .question-view .action-row {
  text-align: right;
  font-size: 0.9em;
  color: #b5b5b5;
}
.members-area .section.discussions .question-view .action-row a {
  outline: 0;
  text-decoration: none;
}
.members-area .section.discussions .question-view .action-row .btn {
  margin-left: 5px;
}
.members-area .section.discussions .question-view .action-row .btn.report-button.reported {
  border-color: #DC6950;
}
.members-area .section.discussions .question-view .action-row .btn.report-button.reported span {
  color: #DC6950;
}
.members-area .section.discussions .question-view .action-row .btn.watch-thread-button:not([data-watching="1"]) .label-unwatch {
  display: none;
}
.members-area .section.discussions .question-view .action-row .btn.watch-thread-button[data-watching="1"] .label-watch {
  display: none;
}
.members-area .section.discussions .question-view .reply-wrapper {
  display: none;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .answer {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  min-height: 150px;
  height: 150px;
  max-height: 600px;
  resize: none;
  width: 100%;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .emojis {
  margin-bottom: 10px;
  text-align: right;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .emojis img {
  height: 18px;
  margin-left: 3px;
  cursor: pointer;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .alert-wrapper {
  text-align: right;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .alert-wrapper .alert {
  display: inline-block;
  font-size: 0.8em;
  padding: 10px;
  margin-bottom: 10px;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .action-wrapper {
  text-align: right;
}
.members-area .section.discussions .question-view .reply-wrapper #answer-form .action-wrapper .answer-name {
  font-size: 0.8em;
  margin-bottom: 10px;
  color: #b5b5b5;
  display: block;
}
.members-area .section.discussions .question-view .answers .answers-title {
  margin-bottom: 20px;
}
.members-area .section.discussions .question-view .answers .answer-item {
  margin: 0 0 15px 0;
  border: 1px solid #DCDCDC;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.members-area .section.discussions .question-view .answers .answer-item:target {
  outline: 1px solid #edb2a5;
}
.members-area .section.discussions .question-view .answers .answer-item .meta {
  padding: 15px;
  background-color: #F9F9F9;
  border-right: 1px solid #DCDCDC;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .author {
  font-weight: 600;
  line-height: 1.8;
  overflow: hidden;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .author.moderator {
  color: #DC6950;
  font-weight: 600;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .author.moderator a {
  color: #DC6950;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .type-info {
  margin: 10px 0 15px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .type-info .avatar img {
  width: 75px;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .type-info .details {
  font-size: 0.8em;
  padding-left: 15px;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .type-info .details .reputation {
  color: #728D56;
  margin-top: 5px;
  font-weight: 600;
}
.members-area .section.discussions .question-view .answers .answer-item .meta .date {
  font-size: 0.8em;
  color: #b5b5b5;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper {
  position: relative;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer {
  line-height: 1.8;
  padding: 15px 20px 70px 20px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .reported-overlay .reported-show {
  font-size: 0.8em;
  color: #b5b5b5;
  font-style: italic;
  margin-top: 7px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .reported-overlay .answer-content {
  display: none;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .answer-content {
  white-space: pre-wrap;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .answer-content .quote {
  padding: 10px;
  border: 1px solid #DCDCDC;
  background-color: #F5F5F5;
  font-size: 0.85em;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .answer-content .quote .author {
  font-weight: bold;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .answer-content .quote .quote .quote .quote {
  display: none;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .answer .answer-content .emoji {
  height: 20px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .approvement-note {
  margin-right: 7px;
  font-size: 0.85em;
  color: #e07b65;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row span.score {
  margin-right: 5px;
  display: none;
  color: #728D56;
  font-weight: bold;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row span.score.visible {
  display: block;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn {
  height: 35px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.report-button {
  width: 38px;
  font-size: 0.9em;
  padding: 1px 1px 0 0;
  margin-right: 5px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.report-button.reported {
  border-color: #DC6950;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.report-button.reported span {
  color: #DC6950;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.upvote-button {
  font-size: 0.9em;
  padding: 0 0 2px 1px;
  margin-right: 5px;
  width: 38px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.upvote-button.upvoted span {
  color: #728D56;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.quote-button {
  font-size: 0.6em;
  margin-right: 35px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-wrapper .action-row .btn.edit-answer-button {
  padding: 2px 9px 0 11px;
  margin-right: 5px;
  font-size: 0.9em;
}
.members-area .section.discussions .question-view .answers .answer-item .body-edit-wrapper {
  display: none;
}
.members-area .section.discussions .question-view .answers .answer-item .body-edit-wrapper textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  margin: 15px 0 5px 0;
  display: block;
}
.members-area .section.discussions .question-view .answers .answer-item .body-edit-wrapper .emojis {
  text-align: right;
  margin-bottom: 10px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-edit-wrapper .emojis .emoji {
  cursor: pointer;
  height: 18px;
  margin-left: 3px;
}
.members-area .section.discussions .question-view .answers .answer-item .body-edit-wrapper .action-row {
  margin-bottom: 15px;
}
.members-area .section.discussions .question-view .answers .answer-item.edit-mode .body-wrapper {
  display: none;
}
.members-area .section.discussions .question-view .answers .answer-item.edit-mode .body-edit-wrapper {
  display: block;
}
.members-area .section.discussions .question-view .answers .answer-item.unapproved {
  outline: 1px solid #edb2a5;
}
.members-area .section.discussions .question-view .answers .answer-item.unread {
  outline: 1px solid #edb2a5;
}
.members-area .section.discussions .question-view .answers .pagination {
  text-align: center;
}
.members-area .section.discussions .question-view .answers .pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.members-area .section.discussions .question-view .answers .pagination li:first-child a,
.members-area .section.discussions .question-view .answers .pagination li:first-child span,
.members-area .section.discussions .question-view .answers .pagination li:last-child a,
.members-area .section.discussions .question-view .answers .pagination li:last-child span {
  padding-bottom: 3px;
}
.members-area .section.discussions .question-view .answers .pagination li.active span,
.members-area .section.discussions .question-view .answers .pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.members-area .section.discussions .question-view .answers .pagination li span,
.members-area .section.discussions .question-view .answers .pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.members-area .section.discussions .question-view .answers .pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.members-area .section.discussions .question-new .top-part {
  padding-bottom: 23px;
  margin: 0 0 45px 0;
  border-bottom: 1px solid #EEE;
}
.members-area .section.discussions .question-new .top-part .type-wrapper {
  padding: 0;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .caption {
  font-weight: 600;
  font-size: 0.9em;
  margin-bottom: 30px;
  display: inline-block;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .check-all {
  margin-left: 10px;
  font-size: 0.7em;
  font-weight: 600;
  color: #51A9AB;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .check-all:hover,
.members-area .section.discussions .question-new .top-part .type-wrapper .check-all:focus {
  color: #DC6950;
  text-decoration: none;
  border-bottom: 1px solid;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group {
  font-size: 0.8em;
  margin-bottom: 20px;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group:last-of-type {
  margin-bottom: 0;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group .group-title {
  font-weight: 600;
  margin-bottom: 10px;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group .type-selection {
  margin-bottom: 8px;
  font-size: 0.95em;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group .type-selection label {
  font-weight: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.discussions .question-new .top-part .type-wrapper .type-group .type-selection label input {
  margin: 0 10px 0 0;
}
.members-area .section.discussions .question-new .back-link {
  margin-bottom: 15px;
}
.members-area .section.discussions .question-new #new-question-form {
  margin-bottom: 30px;
}
.members-area .section.discussions .question-new #new-question-form .title,
.members-area .section.discussions .question-new #new-question-form .body {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
}
.members-area .section.discussions .question-new #new-question-form .category {
  margin-top: 35px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.members-area .section.discussions .question-new #new-question-form .title {
  display: block;
  margin: 35px 0;
}
.members-area .section.discussions .question-new #new-question-form .body {
  margin-bottom: 35px;
  display: block;
}
.members-area .section.discussions .question-new #new-question-form .alert-wrapper .alert {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 0.9em;
  padding: 11px 15px;
}
.members-area .section.discussions #reportDialog .modal-dialog {
  margin-top: 15%;
}
.members-area .section.discussions #reportDialog .modal-dialog #report-reason,
.members-area .section.discussions #reportDialog .modal-dialog #report-comments {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 14px;
  width: 100%;
}
.members-area .section.discussions #reportDialog .modal-dialog .alert-wrapper {
  text-align: right;
}
.members-area .section.discussions #reportDialog .modal-dialog .alert-wrapper .alert {
  display: none;
  font-size: 0.9em;
  margin-bottom: 0;
  padding: 10px;
}
.members-area .section.discussions #reportDialog .modal-dialog .action-row {
  margin-top: 15px;
  text-align: right;
}
.intertype-test .back-button {
  margin-bottom: 15px;
}
.intertype-test .stages {
  margin: 30px 0;
}
.intertype-test .stages:after {
  display: table;
  content: " ";
  clear: both;
}
.intertype-test .stages .stage-wrapper {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
}
.intertype-test .stages .stage-wrapper.you,
.intertype-test .stages .stage-wrapper.partner {
  width: calc(33.3333333333% + 15px);
}
.intertype-test .stages .stage-wrapper.results {
  width: calc(33.3333333333% - 30px);
}
.intertype-test .stages .stage-wrapper .stage {
  padding: 30px;
  background-color: #F5F5F5;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 300px;
  border: 1px solid #DCDCDC;
}
.intertype-test .stages .stage-wrapper .stage.inactive .title,
.intertype-test .stages .stage-wrapper .stage.inactive .description,
.intertype-test .stages .stage-wrapper .stage.inactive .actions {
  opacity: 0.4;
}
.intertype-test .stages .stage-wrapper .stage.next {
  background-color: rgba(81, 169, 171, 0.2);
  border-color: #51a9ab;
}
.intertype-test .stages .stage-wrapper .stage .title {
  font-size: 1.1em;
  font-weight: 600;
}
.intertype-test .stages .stage-wrapper .stage .description {
  font-size: 0.8em;
  margin: 10px 0 15px 0;
  line-height: 1.8;
  text-align: center;
  color: #7F7F7F;
}
.intertype-test .stages .stage-wrapper .arrow {
  margin: 0 16px 0 20px;
  color: #DDD;
  font-size: 3em;
}
.intertype-test .test {
  margin: 30px 0;
  background-color: #F5F5F5;
  padding: 20px 5% 30px 5%;
}
.intertype-test .test h2 {
  margin-bottom: 30px;
}
.intertype-test .test .question {
  margin-bottom: 30px;
}
.intertype-test .test .question .adjective {
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600;
}
.intertype-test .test .question .adjective .explanation {
  display: block;
  font-size: 0.7em;
  font-weight: normal;
  margin-top: 5px;
  color: #7F7F7F;
}
.intertype-test .test .question .answer {
  margin: 0 5%;
}
.intertype-test .test .question .answer .option-left,
.intertype-test .test .question .answer .option-right {
  padding: 5px 15px 0 15px;
  display: block;
  font-size: 0.6em;
  float: left;
  text-transform: uppercase;
  color: #7F7F7F;
}
.intertype-test .test .question .answer .option-left {
  text-align: right;
}
.intertype-test .test .question .answer .slider {
  cursor: pointer;
  height: 12px !important;
  width: 100%;
  margin-top: 7px;
  border: none;
  background: transparent linear-gradient(to right, #728D56 0%, #728D56 50%, #DC6950 50%, #DC6950 100%) repeat scroll 0% 0% !important;
}
.intertype-test .test .question .answer .slider .tick {
  display: block;
  float: left;
  width: 1px;
  height: 12px;
  background-color: #4C4C4C;
  margin-left: calc(100% / 6 - 0.7px);
}
.intertype-test .test .divider {
  font-size: 0.9em;
  color: #7F7F7F;
  border-top: 1px solid #DDD;
  margin-top: 40px;
  padding-top: 5px;
}
.intertype-test .test .button-wrapper {
  text-align: center;
  padding: 10px 0;
}
.intertype-test .test .button-wrapper .btn {
  padding: 12px 30px;
}
.intertype-results {
  margin: 20px 0;
}
.intertype-results .back-button {
  margin-bottom: 30px;
}
.intertype-results .title {
  margin-top: 0;
  margin-bottom: 25px;
}
.intertype-results .strategy-info {
  font-size: 0.9em;
}
@media (max-width: 992px) {
  .intertype-results .description.own .retake-test {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .intertype-results .description.own {
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .intertype-results .description.partner {
    padding-left: 30px;
  }
}
.intertype-results .description.partner .partner-cta .btn {
  margin-bottom: 15px;
}
.intertype-results .description.partner .partner-cta .note {
  font-size: 0.8em;
}
.intertype-results .analysis-wrapper {
  margin: 35px 0 30px 0;
}
.intertype-results .analysis-wrapper h3 {
  margin-bottom: 15px;
}
.intertype-results .analysis-wrapper .item {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
}
.intertype-results .analysis-wrapper .item .fa {
  display: block;
  margin-right: 10px;
  font-size: 1.5em;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  text-align: center;
  margin-top: 4px;
}
.intertype-results .analysis-wrapper .item.good .fa {
  color: #728D56;
}
.intertype-results .analysis-wrapper .item.bad .fa {
  color: #DC6950;
}
.intertype-results .analysis-wrapper .item.advice .fa {
  color: #51A9AB;
}
.intertype-results .comments .comment-field {
  width: 100%;
  height: 150px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.intertype-results .comments .comment-field.invalid {
  outline: 0px none !important;
  border-color: #FF5C60 #FF7077 #FF7077 !important;
  box-shadow: 0px 1px 2px transparent inset, 0px 1px 0px rgba(255, 255, 255, 0), 0px 0px 2px 0px rgba(255, 0, 0, 0.5) !important;
}
.intertype-results .comments .comment-alert {
  margin: 5px 0 0 0;
  display: none;
}
.intertype-results .comments .action-row {
  margin-top: 5px;
  text-align: right;
}
.intertype-results .comments .action-row .comment-send {
  padding: 10px 30px;
}
.members-area .section.tests .main-area a {
  margin-bottom: 15px;
  display: inline-block;
}
.members-area .section.preferences .preferences-section {
  margin: 30px 0 0 0;
  border-bottom: 1px solid #EEE;
}
.members-area .section.preferences .preferences-section .section-text {
  padding-left: 0;
}
.members-area .section.preferences .preferences-section .section-text .section-title {
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.members-area .section.preferences .preferences-section .section-text .section-info {
  font-style: italic;
  font-size: 0.8em;
  color: #A5A5A5;
  display: block;
  margin-top: 10px;
  margin-bottom: 25px;
}
.members-area .section.preferences .preferences-section .section-actions {
  padding-right: 0;
  padding-bottom: 15px;
  text-align: right;
}
.members-area .section.preferences .preferences-section .section-actions .profile-name-wrapper {
  margin: 10px 0;
  text-align: right;
}
.members-area .section.preferences .preferences-section .section-actions .profile-name-wrapper #profile-name {
  width: 70%;
  margin-left: 30%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  font-size: 0.9em;
  display: inline-block;
}
.members-area .section.preferences .preferences-section .section-actions .profile-name-wrapper #name-change {
  margin-top: 5px;
  display: inline-block;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches {
  padding: 10px 0;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches .btn {
  margin-left: 0;
  color: #4C4C4C;
  width: 90px;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches .btn .label-title {
  display: inline;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches .btn .label-title span.fa {
  color: #FFF;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches .btn.active {
  color: #FFF;
  background-color: #51A9AB;
}
.members-area .section.preferences .preferences-section .section-actions .visibility-switches .btn.active:hover {
  color: #FFF;
}
.members-area .section.preferences .preferences-section .section-passwords {
  padding-left: 0;
  font-size: 0.9em;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options {
  display: none;
  background-color: #F9F9F9;
  padding: 20px;
  font-size: 0.9em;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options.visible {
  display: block;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options label {
  display: block;
  margin-bottom: 10px;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options select,
.members-area .section.preferences .preferences-section.networking-section .networking-options textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options select:not(.age-select),
.members-area .section.preferences .preferences-section.networking-section .networking-options textarea {
  width: 100%;
  max-width: 475.5px;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options textarea {
  height: 146px;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options .networking-alert {
  display: none;
  margin-bottom: 15px;
}
.members-area .section.preferences .preferences-section.networking-section .networking-options .update-button {
  margin-top: 5px;
}
.members-area .section.preferences #password-form {
  padding: 10px 0;
}
.members-area .section.preferences #password-form label {
  padding-top: 4px;
  font-weight: normal;
}
.members-area .section.preferences #password-form input {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  font-size: 1em;
}
.members-area .section.preferences #password-form .alert-form-group {
  margin-bottom: 0;
}
.members-area .section.preferences #password-form #password-alert {
  text-align: left;
  padding: 10px;
  font-size: 0.9em;
  margin-bottom: 15px;
  display: none;
}
.members-area .section.preferences #password-form .button-wrapper #password-submit {
  width: 182px;
}
.members-area .section.preferences #password-form .password-note {
  font-size: 0.9em;
  color: #A5A5A5;
  margin-bottom: 0;
}
.members-area .section.preferences .preferences-section:last-of-type {
  border-bottom: none;
}
.members-area .section.preferences .resend-wrapper {
  width: 100%;
  text-align: right;
}
.members-area .section.preferences #resend-results {
  width: 161px;
}
.members-area .section.preferences .preferences-section .section-actions .gender-switches .btn,
.members-area .section.preferences .preferences-section .section-actions .notification-switches .btn,
.members-area .section.preferences .preferences-section .section-actions .networking-switches .btn {
  color: #4C4C4C;
  margin-left: 0;
  background-color: #E4E4E2;
}
.members-area .section.preferences .preferences-section .section-actions .gender-switches .btn.active,
.members-area .section.preferences .preferences-section .section-actions .notification-switches .btn.active,
.members-area .section.preferences .preferences-section .section-actions .networking-switches .btn.active {
  background-color: #51A9AB;
  color: #FFFFFF;
}
.members-area .section.preferences .preferences-section .section-actions .gender-switches .btn.active:hover,
.members-area .section.preferences .preferences-section .section-actions .notification-switches .btn.active:hover,
.members-area .section.preferences .preferences-section .section-actions .networking-switches .btn.active:hover {
  color: #FFFFFF;
}
.members-area .section.preferences .preferences-section .section-actions .gender-switches .btn:hover,
.members-area .section.preferences .preferences-section .section-actions .notification-switches .btn:hover,
.members-area .section.preferences .preferences-section .section-actions .networking-switches .btn:hover {
  color: #4C4C4C;
}
.mini-tests-list {
  margin-bottom: 30px;
}
.mini-tests-list .back-button {
  margin-bottom: 15px;
}
.mini-tests-list .alert {
  margin-bottom: 15px;
}
.mini-tests-list .tests {
  margin-top: 30px;
}
.mini-tests-list .test-item {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F9F9F9;
  padding: 20px;
  margin-bottom: 15px;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
  text-decoration: none;
  color: #4C4C4C;
}
.mini-tests-list .test-item:hover {
  border-color: #51A9AB;
}
.mini-tests-list .test-item .title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.mini-tests-list .test-item .title .status {
  font-size: 0.5em;
  margin-left: 10px;
  padding: 5px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F5F5F5;
}
.mini-tests-list .test-item .title .status.completed {
  border-color: #51A9AB;
  background-color: #daedee;
  color: #51A9AB;
}
.mini-tests-list .test-item .title .status.incomplete {
  border-color: #DC6950;
  background-color: #fefbfa;
  color: #DC6950;
}
.mini-tests-list .test-item .description {
  font-size: 0.9em;
  margin-bottom: 10px;
  line-height: 1.8;
}
.mini-tests-list .test-item .count {
  font-size: 0.9em;
  font-style: italic;
  color: #b5b5b5;
}
.mini-tests-list .pagination {
  margin-bottom: 0;
}
.mini-tests-list .suggestions {
  margin-top: 30px;
}
.mini-tests-list .suggestions .suggestion-field {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  height: 150px;
}
.mini-tests-list .suggestions .alert-wrapper {
  text-align: right;
}
.mini-tests-list .suggestions .alert-wrapper .alert {
  display: none;
  padding: 10px 15px;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.mini-tests-list .suggestions .action-row {
  text-align: right;
}
.mini-tests-list .suggestions .action-row .action-send {
  padding: 10px 30px;
}
.mini-test form {
  margin: 30px 0 45px 0;
}
.mini-test form .question {
  padding: 25px;
  margin-bottom: -1px;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
}
.mini-test form .question .title {
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 15px;
  line-height: 1.8;
}
.mini-test form .question .answers.binary .btn {
  color: #4C4C4C;
  margin-left: 0;
  background-color: #E4E4E2;
  border-radius: 3px;
  margin-right: 10px;
  width: 60px;
}
.mini-test form .question .answers.binary .btn.active {
  background-color: #51A9AB;
  color: #FFFFFF;
}
.mini-test form .question .answers.binary .btn.active:hover {
  color: #FFFFFF;
}
.mini-test form .question .answers.binary .btn:hover {
  color: #4C4C4C;
}
.mini-test form .question .answers.binary .btn.disagree.active {
  background-color: #DC6950;
}
.mini-test form .question .options select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  max-width: 100%;
}
.mini-test form .see-results {
  margin-top: 25px;
}
.mini-test-results {
  margin-bottom: 45px;
}
.mini-test-results h1 {
  margin-bottom: 30px;
}
.mini-test-results .results-view {
  border: 1px solid #DDD;
  margin: 0;
}
.mini-test-results .results-view .question-selector {
  padding: 0;
}
.mini-test-results .results-view .question-selector .question {
  padding: 20px 15px;
  font-size: 0.9em;
  background-color: #F9F9F9;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  cursor: pointer;
}
.mini-test-results .results-view .question-selector .question.active {
  background-color: #FFFFFF;
  font-weight: 600;
  cursor: default;
}
.mini-test-results .results-view .question-selector .comments,
.mini-test-results .results-view .question-selector .retake {
  padding-left: 15px;
}
.mini-test-results .results-view .comparisons {
  font-size: 0.9em;
  overflow-y: auto;
  padding: 20px 30px;
  min-height: 2000px;
}
.mini-test-results .results-view .comparisons .data-wrapper {
  display: none;
}
.mini-test-results .results-view .comparisons .data-wrapper .chart-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.mini-test-results .results-view .comparisons .data-wrapper .premium-cta {
  margin-top: 20px;
  padding: 10px 15px;
  font-size: 0.9em;
  line-height: 1.7;
}
.mini-test-results .results-view .comparisons .data-wrapper .update-note {
  margin-top: 20px;
  font-style: italic;
  font-size: 0.9em;
}
.mini-test-results .question .title {
  font-weight: 500;
  font-size: 1.3em;
  margin-bottom: 15px;
  line-height: 1.8;
}
.mini-test-results .question .answer {
  line-height: 1.8;
  color: #7F7F7F;
  margin-bottom: 5px;
}
.mini-test-results .question .respondents {
  line-height: 1.8;
  font-style: italic;
  color: #7F7F7F;
}
.mini-test-results .comments .comment-field {
  width: 100%;
  height: 150px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.mini-test-results .comments .comment-field.invalid {
  outline: 0px none !important;
  border-color: #FF5C60 #FF7077 #FF7077 !important;
  box-shadow: 0px 1px 2px transparent inset, 0px 1px 0px rgba(255, 255, 255, 0), 0px 0px 2px 0px rgba(255, 0, 0, 0.5) !important;
}
.mini-test-results .comments .comment-alert {
  margin: 5px 0 0 0;
  display: none;
}
.mini-test-results .comments .action-row {
  margin-top: 5px;
}
.mini-test-results .comments .action-row .comment-send {
  padding: 10px 30px;
}
.standalone-profile {
  padding: 0 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .standalone-profile {
    padding: 0 15%;
  }
}
.standalone-profile .name,
.standalone-profile .type {
  font-size: 1.8em;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .standalone-profile .name,
  .standalone-profile .type {
    font-size: 2.4em;
  }
}
.standalone-profile .name {
  text-transform: none;
}
.standalone-profile .type {
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .standalone-profile .type {
    margin-bottom: 50px;
  }
}
.standalone-profile .type a {
  color: #51A9AB;
}
.standalone-profile .header {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .standalone-profile .header {
    margin-bottom: 50px;
  }
}
.standalone-profile .header .illustration-wrapper {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .standalone-profile .header .illustration-wrapper {
    margin-bottom: 0;
  }
}
.standalone-profile .header .illustration-wrapper .illustration {
  width: 100%;
  max-width: 320px;
}
.standalone-profile .header .technical-wrapper {
  text-align: left;
}
.standalone-profile .header .technical-wrapper .group {
  border-bottom: 1px dashed #EEE;
  line-height: 2.4em;
}
@media (min-width: 768px) {
  .standalone-profile .header .technical-wrapper .group {
    font-size: 1.2em;
  }
}
.standalone-profile .header .technical-wrapper .group .title {
  display: inline-block;
  font-weight: 600;
  width: 40%;
}
.standalone-profile .header .technical-wrapper .group .info a {
  color: #51A9AB;
}
.standalone-profile .header .technical-wrapper .note {
  margin-top: 15px;
  font-size: 0.8em;
  color: #b5b5b5;
}
.standalone-profile .header .technical-wrapper .networking-description {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
  margin: 30px 0;
  background-color: #F5F5F5;
  white-space: pre-wrap;
  font-size: 0.9em;
  line-height: 1.8;
  overflow: hidden;
}
.standalone-profile .header .technical-wrapper .test-wrapper {
  margin-top: 30px;
}
.standalone-profile .header .technical-wrapper .test-wrapper .caption {
  color: #b5b5b5;
  margin-bottom: 10px;
}
.standalone-profile .header .technical-wrapper .action-row {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .standalone-profile .header .technical-wrapper .action-row {
    margin-bottom: 0;
  }
}
.standalone-profile .header .technical-wrapper .action-row .btn {
  width: 70px;
  margin-right: 5px;
}
.standalone-profile .header .technical-wrapper .action-row a {
  outline: 0;
  text-decoration: none;
}
.standalone-profile .header .technical-wrapper #messageDialog {
  margin-top: 10%;
}
.standalone-profile .header .technical-wrapper #messageDialog .message {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  height: 120px;
  width: 100%;
}
.standalone-profile .header .technical-wrapper #messageDialog .alert {
  display: none;
  margin: 15px 0;
}
.standalone-profile .header .technical-wrapper #messageDialog .modal-actions {
  margin-top: 15px;
  text-align: right;
}
.standalone-profile .header .technical-wrapper #messageDialog .modal-actions .btn {
  margin-left: 5px;
}
.standalone-profile .traits-wrapper {
  margin-bottom: 60px;
}
.standalone-profile .traits-wrapper .bar-caption .left-trait,
.standalone-profile .traits-wrapper .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.standalone-profile .traits-wrapper .bar-caption .left-trait {
  text-align: left;
}
.standalone-profile .traits-wrapper .bar-caption .right-trait {
  text-align: right;
}
.standalone-profile .traits-wrapper .trait {
  margin-bottom: 30px;
}
.standalone-profile .traits-wrapper .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.standalone-profile .traits-wrapper .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.standalone-profile .traits-wrapper .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.standalone-profile .traits-wrapper .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.standalone-profile .traits-wrapper .trait .bar .left,
.standalone-profile .traits-wrapper .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.standalone-profile .traits-wrapper .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.standalone-profile .traits-wrapper .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.standalone-profile .traits-wrapper .trait .bar .left span {
  text-align: left;
}
.standalone-profile .traits-wrapper .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.standalone-profile .traits-wrapper .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.standalone-profile .traits-wrapper .trait .bar .right span {
  text-align: right;
}
.standalone-profile .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.standalone-profile .traits-wrapper .trait .bar .active span {
  color: #FFFFFF;
}
.standalone-profile .traits-wrapper .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .standalone-profile .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.standalone-profile .traits-wrapper .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.standalone-profile .traits-wrapper .trait .explanation {
  font-size: 0.85em;
}
.standalone-profile .traits-wrapper .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
.standalone-profile .traits-wrapper .trait .bar {
  font-size: 0.7em;
}
.standalone-profile .social-icons {
  text-align: center;
  margin-bottom: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.standalone-profile .social-icons:after {
  display: table;
  content: " ";
  clear: both;
}
.standalone-profile .social-icons .social-placeholder {
  height: 65px;
}
.standalone-profile .social-icons .social-wrapper {
  padding: 0;
  margin-bottom: 0;
  height: 55px;
}
.standalone-profile.comparison .overview .header {
  margin-bottom: 30px;
}
.standalone-profile.comparison .overview .type {
  font-size: 1.4em;
  margin-bottom: 20px;
}
.standalone-profile.comparison .overview img.illustration {
  width: 200px;
  margin-bottom: 30px;
}
.standalone-profile.comparison .overview .technical-wrapper {
  font-size: 0.8em;
}
.standalone-profile.comparison .overview .technical-wrapper .group .title {
  width: 30%;
}
.standalone-profile.comparison .overview.own a,
.standalone-profile.comparison .overview.own .technical-wrapper a {
  color: #728D56;
}
.standalone-profile.comparison .bar.own .active {
  background-color: #728D56;
}
.members-area .section.academy .back-link {
  margin-bottom: 20px;
}
.members-area .section.academy hr.title-separator {
  margin-bottom: 40px;
}
.members-area .section.academy .academy-subsection {
  margin-bottom: 40px;
}
.members-area .section.academy .index {
  padding-top: 30px;
}
.members-area .section.academy .index .section-wrapper {
  margin-bottom: 30px;
}
.members-area .section.academy .index .section-wrapper .academy-section {
  display: block;
  outline: 0;
  text-decoration: none;
  color: #4C4C4C;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F9F9F9;
  padding: 30px;
}
.members-area .section.academy .index .section-wrapper .academy-section:hover {
  border-color: #51A9AB;
}
.members-area .section.academy .index .section-wrapper .academy-section .image-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 17px;
}
.members-area .section.academy .index .section-wrapper .academy-section .image-wrapper img {
  width: 80%;
}
.members-area .section.academy .index .section-wrapper .academy-section h3 {
  margin-top: 0;
  text-align: center;
}
.members-area .section.academy .index .section-wrapper .academy-section p {
  margin-bottom: 0;
  font-size: 0.9em;
}
.members-area .section.academy .premium-only {
  display: inline-block;
  margin-left: 10px;
  color: #b5b5b5;
  font-size: 0.7em;
}
.members-area .section.academy .premium.denied {
  font-size: 0.9em;
}
.members-area .section.academy .personal-development .level-2-test .alert {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .members-area .section.academy .personal-development .level-2-test form {
    padding: 0 150px;
  }
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper {
  padding: 30px 0;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .members-area .section.academy .personal-development .level-2-test form .question-wrapper {
    border-left: none;
    border-right: none;
  }
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .statement {
  text-align: center;
  font-weight: 600;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision {
  margin-top: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision.mobile {
  margin-top: 10px;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision.mobile .caption {
  font-size: 0.75em;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision.mobile .caption.left {
  text-align: left;
  padding-left: calc(7.14% - 3px);
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision.mobile .caption.right {
  text-align: right;
  padding-right: calc(7.14% - 3px);
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .caption {
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 700;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .caption.left {
  text-align: right;
  padding-right: 0;
  color: #4C9070;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .caption.right {
  text-align: left;
  padding-left: 0;
  color: #94657E;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option {
  border-radius: 150px;
  padding: 0;
  cursor: pointer;
  transition: none;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option:active {
  box-shadow: 0 0 4px 4px #F5F5F5;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.agree {
  background-color: #FFFFFF;
  border: 4px solid #4C9070;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.agree.active,
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.agree:hover {
  background-color: #4C9070;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.neutral {
  background-color: #FFFFFF;
  width: 28px;
  height: 28px;
  border: 4px solid #ececeb;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.neutral.active,
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.neutral:hover {
  background-color: #ececeb;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.disagree {
  background-color: #FFFFFF;
  border: 4px solid #94657E;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.disagree.active,
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.disagree:hover {
  background-color: #94657E;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.max {
  width: 40px;
  height: 40px;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.med {
  width: 34px;
  height: 34px;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.min {
  width: 28px;
  height: 28px;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option.active {
  background-color: #FFFFFF;
  box-shadow: none;
}
.members-area .section.academy .personal-development .level-2-test form .question-wrapper .decision .options .option input {
  cursor: pointer;
}
.members-area .section.academy .personal-development .level-2-test form .action-row {
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .members-area .section.academy .personal-development .level-2-test form .action-row .btn {
    padding: 16px 15px 17px 15px;
    font-size: 1.3em;
    min-width: 25%;
  }
}
.members-area .section.academy .personal-development .level-2-test form .action-row #submbut {
  display: none;
}
.members-area .section.academy .personal-development .level-2-test form .progress-note {
  margin: 10px 0 25px 0;
  text-align: center;
  font-size: 0.9em;
  color: #7F7F7F;
}
.members-area .section.academy .personal-development .level-2-test .comments textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 150px;
}
.members-area .section.academy .personal-development .level-2-test .comments .comment-alert {
  margin: 5px 0 0 0;
  display: none;
}
.members-area .section.academy .personal-development .level-2-test .comments .action-row {
  margin-top: 5px;
  text-align: right;
}
.members-area .section.academy .personal-development .level-2-test .comments .action-row .comment-send {
  padding: 10px 30px;
}
.members-area .section.academy .knowledge .additional-tests .list .test {
  margin-bottom: 30px;
}
.members-area .section.academy .knowledge .additional-tests .list .test .description {
  margin-bottom: 15px;
  line-height: 1.8;
}
.members-area .section.academy .knowledge .additional-tests .list .test .retake-link {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.9em;
}
.members-area .section.academy .knowledge .additional-tests .test-view h2 {
  text-align: center;
}
@media (min-width: 992px) {
  .members-area .section.academy .knowledge .additional-tests .test-view .questions form {
    padding: 0 150px;
  }
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper {
  padding: 30px 0;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper {
    border-left: none;
    border-right: none;
  }
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .statement {
  text-align: center;
  font-weight: 600;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision {
  margin-top: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision.mobile {
  margin-top: 10px;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision.mobile .caption {
  font-size: 0.75em;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision.mobile .caption.left {
  text-align: left;
  padding-left: calc(7.14% - 3px);
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision.mobile .caption.right {
  text-align: right;
  padding-right: calc(7.14% - 3px);
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .caption {
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 700;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .caption.left {
  text-align: right;
  padding-right: 0;
  color: #4C9070;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .caption.right {
  text-align: left;
  padding-left: 0;
  color: #94657E;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option {
  border-radius: 150px;
  padding: 0;
  cursor: pointer;
  transition: none;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option:active {
  box-shadow: 0 0 4px 4px #F5F5F5;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.agree {
  background-color: #FFFFFF;
  border: 4px solid #4C9070;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.agree.active,
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.agree:hover {
  background-color: #4C9070;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.neutral {
  background-color: #FFFFFF;
  width: 28px;
  height: 28px;
  border: 4px solid #ececeb;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.neutral.active,
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.neutral:hover {
  background-color: #ececeb;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.disagree {
  background-color: #FFFFFF;
  border: 4px solid #94657E;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.disagree.active,
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.disagree:hover {
  background-color: #94657E;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.max {
  width: 40px;
  height: 40px;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.med {
  width: 34px;
  height: 34px;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.min {
  width: 28px;
  height: 28px;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option.active {
  background-color: #FFFFFF;
  box-shadow: none;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .question-wrapper .decision .options .option input {
  cursor: pointer;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .free-field-wrapper {
  padding: 30px 0;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .members-area .section.academy .knowledge .additional-tests .test-view .questions form .free-field-wrapper {
    border-left: none;
    border-right: none;
  }
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .free-field-wrapper .statement {
  text-align: center;
  font-weight: 600;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .free-field-wrapper .answer {
  margin-top: 20px;
  text-align: center;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .free-field-wrapper .answer input {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  max-width: 500px;
}
.members-area .section.academy .knowledge .additional-tests .test-view .questions form .action-row {
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .members-area .section.academy .knowledge .additional-tests .test-view .questions form .action-row .btn {
    padding: 16px 15px 17px 15px;
    font-size: 1.3em;
    min-width: 25%;
  }
}
.members-area .section.academy .knowledge .additional-tests .results .outcomes {
  margin: 30px 0;
}
.members-area .section.academy .knowledge .additional-tests .results .comments textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 100px;
}
.members-area .section.academy .knowledge .additional-tests .results .comments .comment-alert {
  margin: 5px 0 0 0;
  display: none;
}
.members-area .section.academy .knowledge .additional-tests .results .comments .action-row {
  margin-top: 5px;
  text-align: right;
}
.members-area .section.academy .knowledge .additional-tests .results .comments .action-row .comment-send {
  padding: 10px 30px;
}
.members-area .section.academy .knowledge .studies.list .study {
  display: block;
  outline: 0;
  text-decoration: none;
  color: #4C4C4C;
  margin-bottom: 15px;
  padding: 15px 20px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F9F9F9;
}
.members-area .section.academy .knowledge .studies.list .study:hover,
.members-area .section.academy .knowledge .studies.list .study:focus,
.members-area .section.academy .knowledge .studies.list .study:active {
  border-color: #51A9AB;
}
.members-area .section.academy .knowledge .studies.view h2 {
  margin-bottom: 17px;
}
.members-area .section.academy .knowledge .studies.view .survey-question {
  font-weight: 600;
}
.members-area .section.academy .knowledge .studies.view .research-chart {
  text-align: center;
}
.members-area .section.academy .knowledge .studies.view .trait-row {
  margin-bottom: 15px;
}
.members-area .section.academy .knowledge .studies.view .trait-row .title {
  text-align: center;
  font-weight: 600;
  margin: 15px 0 20px 0;
}
.members-area .section.academy .knowledge .studies.view .trait-row .correlation {
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 30px;
  color: #b5b5b5;
}
.members-area .section.academy .knowledge .studies.view .copyright-note {
  margin-top: 15px;
  font-size: 0.8em;
  color: #b5b5b5;
}
.members-area .section.academy .knowledge .guesser select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-left: 5px;
}
.members-area .section.academy .knowledge .guesser .alert-wrapper .alert {
  display: none;
}
.members-area .section.academy .knowledge .articles .filters-show {
  outline: 0;
}
.members-area .section.academy .knowledge .articles .filters-show:hover,
.members-area .section.academy .knowledge .articles .filters-show:focus {
  text-decoration: none;
}
.members-area .section.academy .knowledge .articles .article-filters {
  display: none;
  background-color: #F5F5F5;
  padding: 20px 15px;
  margin: 0 0 30px 0;
  font-size: 0.8em;
}
.members-area .section.academy .knowledge .articles .article-filters.expanded {
  display: block;
}
.members-area .section.academy .knowledge .articles .article-filters p {
  font-weight: 600;
  margin-bottom: 10px;
}
.members-area .section.academy .knowledge .articles .article-filters .type-wrapper {
  margin-bottom: 15px;
}
.members-area .section.academy .knowledge .articles .article-filters .type-wrapper .type-list {
  border: 1px solid #E9E9E9;
  height: 45px;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
}
.members-area .section.academy .knowledge .articles .article-filters .search-wrapper .search-term {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  float: left;
  width: calc(100% - 49px);
}
.members-area .section.academy .knowledge .articles .article-filters .search-wrapper .search-button-term {
  float: left;
  margin-left: 5px;
  width: 44px;
  height: 44px;
}
.members-area .section.academy .knowledge .articles .article {
  margin-bottom: 20px;
}
.members-area .section.academy .knowledge .articles .article .title {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.members-area .section.academy .knowledge .articles .article .meta {
  color: #7F7F7F;
  font-size: 0.8em;
}
.members-area .section.academy .knowledge .articles .article .meta .date {
  display: block;
  margin: 5px 0;
}
.members-area .section.academy .knowledge .articles .article .meta .side-by-side {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .knowledge .articles .article .meta .side-by-side .meta-item {
  margin-right: 10px;
}
.members-area .section.academy .knowledge .articles .articles-pagination {
  text-align: center;
}
.members-area .section.academy .knowledge .articles .articles-pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.members-area .section.academy .knowledge .articles .articles-pagination li:first-child a,
.members-area .section.academy .knowledge .articles .articles-pagination li:first-child span,
.members-area .section.academy .knowledge .articles .articles-pagination li:last-child a,
.members-area .section.academy .knowledge .articles .articles-pagination li:last-child span {
  padding-bottom: 3px;
}
.members-area .section.academy .knowledge .articles .articles-pagination li.active span,
.members-area .section.academy .knowledge .articles .articles-pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.members-area .section.academy .knowledge .articles .articles-pagination li span,
.members-area .section.academy .knowledge .articles .articles-pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.members-area .section.academy .knowledge .articles .articles-pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.members-area .section.academy .knowledge .articles .suggestions .suggestion-field {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  height: 150px;
}
.members-area .section.academy .knowledge .articles .suggestions .alert-wrapper {
  text-align: right;
}
.members-area .section.academy .knowledge .articles .suggestions .alert-wrapper .alert {
  display: none;
  padding: 10px 15px;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.members-area .section.academy .knowledge .articles .suggestions .action-row {
  text-align: right;
}
.members-area .section.academy .knowledge .articles .suggestions .action-row .action-send {
  padding: 10px 30px;
}
.members-area .section.academy .career .own-story-wrapper {
  background-color: #F5F5F5;
  width: 100%;
  padding: 25px 30px;
  margin: 15px 0 30px 0;
}
@media (min-width: 992px) {
  .members-area .section.academy .career .own-story-wrapper {
    margin-top: 0;
  }
}
.members-area .section.academy .career .filters-show {
  outline: 0;
}
.members-area .section.academy .career .filters-show:hover,
.members-area .section.academy .career .filters-show:focus {
  text-decoration: none;
}
.members-area .section.academy .career .story-filters {
  display: none;
  background-color: #F5F5F5;
  padding: 20px 15px;
  margin: 0 0 15px 0;
  font-size: 0.8em;
}
.members-area .section.academy .career .story-filters p {
  font-weight: 600;
  margin-bottom: 10px;
}
.members-area .section.academy .career .story-filters .type-wrapper {
  margin-bottom: 15px;
}
.members-area .section.academy .career .story-filters .type-wrapper .type-list,
.members-area .section.academy .career .story-filters .type-wrapper .variant-list {
  float: left;
  border: 1px solid #E9E9E9;
  height: 45px;
  margin-right: 5px;
  padding: 11px 15px;
  border-radius: 3px;
}
.members-area .section.academy .career .story-filters .type-wrapper .type-list {
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .members-area .section.academy .career .story-filters .type-wrapper .type-list {
    width: 220px;
    margin-bottom: 0;
  }
}
.members-area .section.academy .career .story-filters .type-wrapper .variant-list {
  width: calc(100% - 49px);
}
@media (min-width: 768px) {
  .members-area .section.academy .career .story-filters .type-wrapper .variant-list {
    width: calc(100% - 274px);
  }
}
.members-area .section.academy .career .story-filters .type-wrapper .search-button-type {
  float: left;
  height: 44px;
  width: 44px;
}
.members-area .section.academy .career .story-filters .search-wrapper .search-term {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  float: left;
  width: calc(100% - 49px);
}
.members-area .section.academy .career .story-filters .search-wrapper .search-button-term {
  float: left;
  margin-left: 5px;
  width: 44px;
  height: 44px;
}
.members-area .section.academy .career .story-list {
  margin: 30px 0 15px 0;
}
.members-area .section.academy .career .story-list .type-column,
.members-area .section.academy .career .story-list .date-column {
  color: #b5b5b5;
}
.members-area .section.academy .career .story-list .result-row {
  display: none;
}
.members-area .section.academy .career .story-list .result-row.set-1 {
  display: table-row;
}
.members-area .section.academy .career .links {
  text-align: center;
  margin-top: 10px;
}
.members-area .section.academy .career .links li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.members-area .section.academy .career .links li:first-child a,
.members-area .section.academy .career .links li:first-child span,
.members-area .section.academy .career .links li:last-child a,
.members-area .section.academy .career .links li:last-child span {
  padding-bottom: 3px;
}
.members-area .section.academy .career .links li.active span,
.members-area .section.academy .career .links li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.members-area .section.academy .career .links li span,
.members-area .section.academy .career .links li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.members-area .section.academy .career .links li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.members-area .section.academy .career .story-view header {
  margin-bottom: 30px;
  padding: 10px 15px;
  background-color: #F5F5F5;
  border-radius: 3px;
  border: 1px solid #DDD;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .career .story-view header img {
  width: 70px;
  margin-right: 15px;
}
.members-area .section.academy .career .story-view header .meta .title {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.members-area .section.academy .career .story-view header .meta .author {
  font-size: 0.9em;
}
.members-area .section.academy .career .story-view header .thank-you {
  padding: 10px 5px;
}
.members-area .section.academy .career .story-view h2 {
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.8;
}
.members-area .section.academy .career .story-view p {
  white-space: pre-wrap;
}
.members-area .section.academy .career .story-view .career-story-section-title {
  margin-top: 20px;
}
.members-area .section.academy .career .story-new header {
  margin-bottom: 30px;
  padding: 15px 20px;
  background-color: #F5F5F5;
  border-radius: 3px;
  border: 1px solid #DDD;
}
.members-area .section.academy .career .story-new .question-row {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .members-area .section.academy .career .story-new .question-row {
    text-align: right;
  }
}
.members-area .section.academy .career .story-new .question-row .question {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 15px;
  display: block;
}
.members-area .section.academy .career .story-new .question-row .answer {
  text-align: left;
}
.members-area .section.academy .career .story-new .question-row .answer .answer-note {
  display: block;
  font-size: 0.8em;
  color: #b5b5b5;
  margin-top: 10px;
  font-style: italic;
}
.members-area .section.academy .career .story-new .question-row input[type=text] {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
@media (min-width: 992px) {
  .members-area .section.academy .career .story-new .question-row input[type=text] {
    margin-top: -5px;
  }
}
.members-area .section.academy .career .story-new .question-row textarea {
  border: 1px solid #DDD;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 150px;
}
.members-area .section.academy .career .story-new .question-row textarea.invalid {
  outline: 0 !important;
  border-color: #FF5C60 #FF7077 #FF7077 !important;
  box-shadow: 0 1px 2px transparent inset, 0 1px 0 rgba(255, 255, 255, 0), 0 0 2px 0 rgba(255, 0, 0, 0.5) !important;
}
.members-area .section.academy .career .story-new .question-row .gender-wrapper {
  display: inline-block;
  margin-right: 10px;
}
.members-area .section.academy .career .story-new .question-row .gender-wrapper input[type=radio] {
  margin: 0 5px 0 15px;
}
.members-area .section.academy .career .story-new .question-row .gender-wrapper input[type=radio]:first-of-type {
  margin-left: 0;
}
@media (min-width: 441px) {
  .members-area .section.academy .career .story-new .question-row .gender-wrapper input[type=radio] {
    margin-top: 15px;
  }
}
.members-area .section.academy .career .story-new .question-row .gender-wrapper label {
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 440px) {
  .members-area .section.academy .career .story-new .question-row .gender-wrapper {
    display: block;
    margin-bottom: 5px;
  }
}
.members-area .section.academy .career .story-new .button-row {
  text-align: center;
  margin-bottom: 30px;
}
.members-area .section.academy .career .story-new .button-row .btn {
  min-width: 200px;
}
.members-area .section.academy .l2 .alert {
  margin-bottom: 50px;
}
.members-area .section.academy .l2.index .alert {
  margin-bottom: 20px;
}
.members-area .section.academy .l2.index .btn-action {
  margin-top: 6px;
}
.members-area .section.academy .l2.set .instructions {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F5F5F5;
  padding: 15px;
  margin: 20px 0;
  font-size: 0.9em;
}
.members-area .section.academy .l2.set .instructions p:last-of-type,
.members-area .section.academy .l2.set .instructions ul {
  margin-bottom: 0;
}
.members-area .section.academy .l2.set .break.alert {
  margin-bottom: 15px;
  font-size: 0.9em;
}
.members-area .section.academy .l2.set.points .question-wrapper {
  padding: 20px 0;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .members-area .section.academy .l2.set.points .question-wrapper {
    border-left: none;
    border-right: none;
  }
}
.members-area .section.academy .l2.set.points .question-wrapper .statement {
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.members-area .section.academy .l2.set.points .question-wrapper .options {
  font-size: 0.9em;
  color: #7F7F7F;
  text-align: center;
}
.members-area .section.academy .l2.set.points .question-wrapper .options .option {
  padding: 10px;
}
.members-area .section.academy .l2.set.points .question-wrapper .points {
  text-align: center;
}
.members-area .section.academy .l2.set.points .question-wrapper .points input {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 70px;
  text-align: center;
  font-weight: 600;
  font-size: 1.2em;
}
.members-area .section.academy .l2.set.points .question-wrapper .points .total {
  text-align: center;
  font-weight: 600;
  font-size: 1.7em;
  padding-top: 13px;
  line-height: 1;
}
.members-area .section.academy .l2.set.points .question-wrapper .points .total .assigned.not-enough {
  color: #b5b5b5;
}
.members-area .section.academy .l2.set.points .question-wrapper .points .total .assigned.over {
  color: #DC6950;
}
.members-area .section.academy .l2.set.points .points-alert {
  margin-bottom: 0;
  display: none;
}
@media (min-width: 992px) {
  .members-area .section.academy .l2.set.scales form {
    padding: 0 60px;
  }
}
.members-area .section.academy .l2.set.scales form .question-wrapper {
  padding: 20px 0;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .members-area .section.academy .l2.set.scales form .question-wrapper {
    border-left: none;
    border-right: none;
  }
}
.members-area .section.academy .l2.set.scales form .question-wrapper .statement {
  text-align: center;
  font-weight: 600;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision {
  margin-top: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision.mobile {
  margin-top: 10px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision.mobile .caption {
  font-size: 0.75em;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision.mobile .caption.left {
  text-align: left;
  padding-left: calc(7.14% - 3px);
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision.mobile .caption.right {
  text-align: right;
  padding-right: calc(7.14% - 3px);
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .caption {
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 700;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .caption.left {
  text-align: right;
  padding-right: 0;
  color: #4C9070;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .caption.right {
  text-align: left;
  padding-left: 0;
  color: #94657E;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option {
  border-radius: 150px;
  padding: 0;
  cursor: pointer;
  transition: none;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option:active {
  box-shadow: 0 0 4px 4px #F5F5F5;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.agree {
  background-color: #FFFFFF;
  border: 4px solid #4C9070;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.agree.active,
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.agree:hover {
  background-color: #4C9070;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.neutral {
  background-color: #FFFFFF;
  width: 28px;
  height: 28px;
  border: 4px solid #ececeb;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.neutral.active,
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.neutral:hover {
  background-color: #ececeb;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.disagree {
  background-color: #FFFFFF;
  border: 4px solid #94657E;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.disagree.active,
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.disagree:hover {
  background-color: #94657E;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.max {
  width: 40px;
  height: 40px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.med {
  width: 34px;
  height: 34px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.min {
  width: 28px;
  height: 28px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option.active {
  background-color: #FFFFFF;
  box-shadow: none;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options .option input {
  cursor: pointer;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options.five-point .option.max {
  width: 44px;
  height: 44px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options.five-point .option.med {
  width: 40px;
  height: 40px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options.five-point .option.neutral {
  width: 36px;
  height: 36px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options.five-point .option.disagree.med {
  width: 32px;
  height: 32px;
}
.members-area .section.academy .l2.set.scales form .question-wrapper .decision .options.five-point .option.disagree.max {
  width: 28px;
  height: 28px;
}
.members-area .section.academy .l2.set .action-row {
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .members-area .section.academy .l2.set .action-row .btn {
    padding: 16px 15px 17px 15px;
    font-size: 1.3em;
    min-width: 25%;
  }
}
.members-area .section.academy .l2.set .action-row #submbut {
  display: none;
}
.members-area .section.academy .l2.set .progress-note {
  margin: 10px 0 25px 0;
  text-align: center;
  font-size: 0.9em;
  color: #7F7F7F;
}
.members-area .section.academy .l2 .comments textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 150px;
}
.members-area .section.academy .l2 .comments .comment-alert {
  margin: 5px 0 0 0;
  display: none;
}
.members-area .section.academy .l2 .comments .action-row {
  margin-top: 5px;
  text-align: right;
}
.members-area .section.academy .l2 .comments .action-row .comment-send {
  padding: 10px 30px;
}
.research-section {
  margin-top: 25px;
  margin-bottom: 30px;
}
.research-index .subsection {
  background-color: #F9F9F9;
  margin: 15px -15px;
}
@media (min-width: 768px) {
  .research-index .subsection {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.research-index .subsection.theory .theory-article {
  background-color: #F9F9F9;
  padding: 20px;
  border: 1px solid #EEE;
  border: none;
  margin-bottom: 0;
  padding: 0 15px 15px 15px;
}
@media (min-width: 768px) {
  .research-index .subsection.theory .theory-article {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .research-index .subsection.theory .theory-article {
    padding: 0 60px 0 45px;
  }
}
.research-index .subsection.theory .theory-article .title {
  font-size: 1.8em;
}
.research-index .subsection.theory .theory-article .description {
  margin: 0 0 20px 0;
}
.research-index .subsection.theory .image-wrapper img {
  max-width: 555px;
}
.research-index .subsection .image-wrapper {
  text-align: center;
  padding: 15px;
}
.research-index .subsection .image-wrapper img {
  width: 100%;
  max-width: 450px;
}
.research-index .subsection .description {
  padding-right: 30px;
  padding-bottom: 15px;
}
.research-index .subsection .title {
  font-size: 1.4em;
  margin-bottom: 10px;
  display: inline-block;
  color: #4C4C4C;
  font-weight: 600;
  line-height: 1.6em;
  text-decoration: none;
  outline: 0;
}
.article-index .back-link,
.research-index .back-link {
  margin-bottom: 30px;
}
.article-index input[type=text],
.research-index input[type=text] {
  outline-color: #51A9AB;
}
.article-index a:not(.btn),
.research-index a:not(.btn) {
  color: #51A9AB;
}
.article-index a:not(.btn):hover,
.research-index a:not(.btn):hover,
.article-index a:not(.btn):focus,
.research-index a:not(.btn):focus,
.article-index a:not(.btn):active,
.research-index a:not(.btn):active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.article-index .articles-sidebar,
.research-index .articles-sidebar {
  margin-top: 60px;
}
.article-index .articles-sidebar .widget.candidate-offer p,
.research-index .articles-sidebar .widget.candidate-offer p,
.article-index .articles-sidebar .widget.country-data p,
.research-index .articles-sidebar .widget.country-data p {
  font-size: 0.7em;
  line-height: 2;
}
.article-index .articles-pagination,
.research-index .articles-pagination {
  text-align: center;
}
.article-index .articles-pagination li,
.research-index .articles-pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.article-index .articles-pagination li:first-child a,
.research-index .articles-pagination li:first-child a,
.article-index .articles-pagination li:first-child span,
.research-index .articles-pagination li:first-child span,
.article-index .articles-pagination li:last-child a,
.research-index .articles-pagination li:last-child a,
.article-index .articles-pagination li:last-child span,
.research-index .articles-pagination li:last-child span {
  padding-bottom: 3px;
}
.article-index .articles-pagination li.active span,
.research-index .articles-pagination li.active span,
.article-index .articles-pagination li.active span:hover,
.research-index .articles-pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.article-index .articles-pagination li span,
.research-index .articles-pagination li span,
.article-index .articles-pagination li a,
.research-index .articles-pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.article-index .articles-pagination li a:hover,
.research-index .articles-pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.research-index .articles-sidebar {
  margin-top: 30px;
}
.research-index.country-profiles a {
  color: #51A9AB;
}
.research-index.country-profiles a:hover,
.research-index.country-profiles a:focus,
.research-index.country-profiles a:active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research-index.country-profiles .country-list {
  margin-bottom: 60px;
}
.research-index.country-profiles .country-list .country-group {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}
.research-index.country-profiles .country-list .country-group .country {
  display: table;
  margin-bottom: 5px;
}
.research-index.country-profiles .global-view {
  margin-bottom: 15px;
}
.research-index.country-profiles .global-view .switches {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}
.research-index.country-profiles .global-view .switches.type-switches {
  margin-bottom: 10px;
}
.research-index.country-profiles .global-view .switches.type-switches .group-title {
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  font-weight: 600;
}
.research-index.country-profiles .global-view .switches.type-switches .option {
  font-size: 0.8em;
  padding: 5px 10px;
}
.research-index.country-profiles .global-view .switches.type-switches .option .title {
  margin-bottom: 3px;
}
.research-index.country-profiles .global-view .switches .option {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  margin-right: 10px;
  width: 150px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F5F5F5;
  padding: 10px;
  cursor: pointer;
}
.research-index.country-profiles .global-view .switches .option:last-of-type {
  margin-right: 0;
}
.research-index.country-profiles .global-view .switches .option.active {
  background-color: rgba(81, 169, 171, 0.2);
  border-color: #51a9ab;
}
.research-index.country-profiles .global-view .switches .option.active .variants {
  color: #4C4C4C;
}
.research-index.country-profiles .global-view .switches .option .title {
  font-weight: 600;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.research-index.country-profiles .global-view .switches .option .variants {
  font-size: 0.8em;
  color: #7F7F7F;
}
.research-index.country-profiles .global-view .map-wrapper {
  margin: 0;
}
.research-index.country-profiles .global-view .map-wrapper .map {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 992px) {
  .research-index.country-profiles .global-view .map-wrapper .map {
    height: 547px;
  }
}
.research-index.country-profiles .global-view .map-wrapper .lists {
  padding: 10px 15px 0 30px;
}
.research-index.country-profiles .global-view .map-wrapper .lists .title {
  font-weight: 600;
  margin-bottom: 5px;
}
.research-index.country-profiles .global-view .map-wrapper .lists .list {
  font-size: 0.8em;
  color: #7F7F7F;
  margin-bottom: 15px;
}
.research-index.country-profiles .global-view .map-wrapper .lists .list:last-of-type {
  margin-bottom: 0;
}
.research-index.country-profiles .global-view .map-wrapper .lists .list .entry {
  margin-bottom: 3px;
}
.research-index.country-profiles .country-view {
  margin-bottom: 15px;
}
.research-index.country-profiles .country-view header {
  background-color: #F5F5F5;
  padding: 30px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  margin: 30px 0;
}
@media (min-width: 992px) {
  .research-index.country-profiles .country-view header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.research-index.country-profiles .country-view header .map #country-map {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
}
.research-index.country-profiles .country-view header .overview {
  margin-top: 15px;
  font-size: 0.9em;
}
@media (min-width: 992px) {
  .research-index.country-profiles .country-view header .overview {
    margin: 0 0 0 30px;
  }
}
.research-index.country-profiles .country-view header .overview .fact {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.research-index.country-profiles .country-view header .overview .fact .title {
  font-weight: 600;
}
.research-index.country-profiles .country-view header .overview .fact .data {
  margin-left: 5px;
}
.research-index.country-profiles .country-view header .overview .description {
  margin-bottom: 15px;
}
.research-index.country-profiles .country-view header .overview .description .intro {
  margin-bottom: 10px;
  line-height: 1.8;
}
.research-index.country-profiles .country-view header .overview .description .point {
  margin-bottom: 5px;
  line-height: 1.8;
}
.research-index.country-profiles .country-view header .overview .description .point:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .research-index.country-profiles .country-view header .overview .comparison {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .research-index.country-profiles .country-view header .overview .comparison .select2 {
    margin: 0 0 0 7px;
    width: 220px !important;
  }
  .research-index.country-profiles .country-view header .overview .comparison .compare-button {
    margin: 0 0 0 3px;
  }
}
.research-index.country-profiles .country-view header .overview .comparison .select2 {
  margin-top: 5px;
  width: 190px !important;
}
.research-index.country-profiles .country-view header .overview .comparison .compare-button {
  margin-top: 5px;
  height: 28px;
  padding: 5px 12px;
}
.research-index.country-profiles .country-view .top-table {
  font-size: 0.8em;
}
.research-index.country-profiles .country-view .top-table th {
  background-color: #F5F5F5;
}
.research-index.country-profiles .country-view .top-table tr.hidden {
  display: none;
}
.research-index.country-profiles .country-view .top-table #show-all-types,
.research-index.country-profiles .country-view .top-table #show-10-types {
  cursor: pointer;
  color: #51A9AB;
  text-align: center;
}
.research-index.country-profiles .country-view .chart-set {
  margin-bottom: 15px;
}
.research-index.country-profiles .country-view .chart-set .chart-title {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin: 15px 0;
}
.research-index.country-profiles .country-view .chart-set .chart-wrapper {
  text-align: center;
}
.research-index.country-profiles .country-view .chart-set .chart-wrapper canvas {
  width: 290px;
}
@media (min-width: 768px) {
  .research-index.country-profiles .country-view .chart-set .chart-wrapper canvas {
    width: 450px;
  }
}
@media (min-width: 992px) {
  .research-index.country-profiles .country-view .chart-set .chart-wrapper canvas {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .research-index.country-profiles .country-view .chart-set .chart-wrapper canvas {
    width: 350px;
  }
}
.research-index.country-profiles .country-comparison {
  margin-bottom: 15px;
}
.research-index.country-profiles .country-comparison header {
  background-color: #F5F5F5;
  padding: 30px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  margin: 30px 0;
}
.research-index.country-profiles .country-comparison header .map {
  width: 100%;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  margin-bottom: 15px;
}
.research-index.country-profiles .country-comparison header .overview {
  font-size: 0.9em;
  margin-bottom: 30px;
}
.research-index.country-profiles .country-comparison header .overview:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .research-index.country-profiles .country-comparison header .overview {
    margin-bottom: 0;
  }
}
.research-index.country-profiles .country-comparison header .overview .fact {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}
.research-index.country-profiles .country-comparison header .overview .fact:last-of-type {
  margin-bottom: 0;
}
.research-index.country-profiles .country-comparison header .overview .fact .title {
  font-weight: 600;
}
.research-index.country-profiles .country-comparison header .overview .fact .data {
  margin-left: 5px;
}
.research-index.country-profiles .country-comparison .top-table {
  font-size: 0.8em;
}
.research-index.country-profiles .country-comparison .top-table th {
  background-color: #F5F5F5;
}
.research-index.country-profiles .country-comparison .chart-set {
  margin-bottom: 15px;
}
.research-index.country-profiles .country-comparison .chart-set .chart-title {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.research-index.country-profiles .country-comparison .chart-set .chart-wrapper {
  margin-bottom: 15px;
  text-align: center;
}
.research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas {
  width: 290px;
}
@media (min-width: 768px) {
  .research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas {
    width: 700px;
    height: 270px;
  }
  .research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas#strategy-chart {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas {
    width: 300px;
  }
  .research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas#strategy-chart {
    width: 300px;
    height: 395px;
  }
}
@media (min-width: 1200px) {
  .research-index.country-profiles .country-comparison .chart-set .chart-wrapper canvas {
    width: 350px;
  }
}
.research-index.country-profiles .notes {
  font-size: 0.75em;
  color: #7F7F7F;
  padding: 15px 20px;
  background-color: #F5F5F5;
  margin-top: 30px;
  border-radius: 3px;
}
.research-index.country-profiles .notes p {
  margin-bottom: 5px;
}
.research-index.country-profiles .notes p:last-of-type {
  margin-bottom: 0;
}
.research.surveys {
  margin-bottom: 60px;
}
.research.surveys.welcome a:not(.btn) {
  color: #51A9AB;
}
.research.surveys.welcome a:not(.btn):hover,
.research.surveys.welcome a:not(.btn):focus,
.research.surveys.welcome a:not(.btn):active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research.surveys.welcome .how-row {
  margin: 30px 0 0 0;
}
.research.surveys.welcome .how-row .how-item {
  margin-bottom: 40px;
}
.research.surveys.welcome .how-row .how-item .title {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.research.surveys.welcome .how-row .how-item .image {
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.research.surveys.welcome .how-row .how-item .image img {
  width: 100%;
  max-width: 260px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.research.surveys.welcome .how-row .how-item .explanation {
  font-size: 0.8em;
  line-height: 1.7;
}
.research.surveys.welcome .cta {
  background-color: #F5F5F5;
  padding: 25px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
}
.research.surveys.welcome .cta h2 {
  margin-top: 0;
}
.research.surveys.welcome .cta p {
  margin-bottom: 0;
}
.research.surveys.welcome .cta .btn:first-of-type {
  margin-right: 5px;
}
.research.surveys.welcome .cta .btn:last-of-type {
  margin: 0 5px;
}
.research.surveys.welcome hr {
  margin: 45px 0 30px 0;
}
.research.surveys.index a:not(.btn) {
  color: #51A9AB;
}
.research.surveys.index a:not(.btn):hover,
.research.surveys.index a:not(.btn):focus,
.research.surveys.index a:not(.btn):active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research.surveys.index .action-new {
  margin-bottom: 15px;
}
.research.surveys.index .survey-list {
  margin-bottom: 30px;
}
.research.surveys.index .survey-list .survey {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
}
.research.surveys.index .survey-list .survey .info {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.research.surveys.index .survey-list .survey .info a {
  color: #51A9AB;
}
.research.surveys.index .survey-list .survey .info a:hover,
.research.surveys.index .survey-list .survey .info a:focus,
.research.surveys.index .survey-list .survey .info a:active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research.surveys.index .survey-list .survey .info .title {
  font-weight: 600;
}
.research.surveys.index .survey-list .survey .info .respondent-count,
.research.surveys.index .survey-list .survey .info .link {
  margin-top: 5px;
  color: #7F7F7F;
  font-size: 0.8em;
}
.research.surveys.index .survey-list .survey .info .link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.research.surveys.index .survey-list .survey .info .link .link-text {
  border: 1px solid #DCDCDC;
  padding: 3px 5px;
  margin: 0 5px;
  background-color: #F5F5F5;
}
.research.surveys.index .survey-list .survey .info .link .visibility {
  height: 28px;
  border: 1px solid #DCDCDC;
}
.research.surveys.index .survey-list .survey .info .link .visibility:disabled {
  background-color: #F5F5F5;
}
.research.surveys.index .survey-list .survey .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
.research.surveys.index .survey-list .survey .actions .btn {
  display: block;
  margin-left: 5px;
}
.research.surveys.index hr {
  margin-bottom: 30px;
}
.research.surveys.index .how-row {
  margin: 30px 0 0 0;
}
.research.surveys.index .how-row .how-item {
  margin-bottom: 40px;
}
.research.surveys.index .how-row .how-item .title {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.research.surveys.index .how-row .how-item .image {
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.research.surveys.index .how-row .how-item .image img {
  width: 100%;
  max-width: 260px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.research.surveys.index .how-row .how-item .explanation {
  font-size: 0.8em;
  line-height: 1.7;
}
.research.surveys.public .survey-list .survey {
  margin-bottom: 15px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
}
.research.surveys.public .survey-list .survey a {
  color: #51A9AB;
}
.research.surveys.public .survey-list .survey a:hover,
.research.surveys.public .survey-list .survey a:focus,
.research.surveys.public .survey-list .survey a:active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research.surveys.public .survey-list .survey .respondent-count {
  margin-top: 5px;
  color: #7F7F7F;
  font-size: 0.8em;
}
.research.surveys.public .bottom-cta {
  margin-top: 15px;
  font-size: 0.85em;
}
.research.surveys.new p {
  margin-bottom: 10px;
}
.research.surveys.new p .optional {
  color: #b5b5b5;
}
.research.surveys.new input[type=text],
.research.surveys.new textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
  width: 310px;
}
@media (min-width: 768px) {
  .research.surveys.new input[type=text],
  .research.surveys.new textarea {
    width: 500px;
  }
}
.research.surveys.new textarea {
  height: 150px;
  margin-bottom: 10px;
}
.research.surveys.new .btn {
  line-height: 1;
  padding: 15px 30px;
}
.research.surveys.new .btn .fa {
  margin-left: 5px;
  font-size: 1em;
}
.research.surveys.edit header {
  margin-bottom: 30px;
}
.research.surveys.edit header .title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 40px 0 15px 0;
}
.research.surveys.edit header .title h2 {
  margin: 0;
}
.research.surveys.edit header .instructions .survey-instructions {
  color: #7F7F7F;
  font-size: 0.9em;
  white-space: pre-wrap;
}
.research.surveys.edit header .edit-title,
.research.surveys.edit header .edit-instructions {
  color: #51A9AB;
  cursor: pointer;
}
.research.surveys.edit header .alert {
  display: inline-block;
  font-size: 0.85em;
  padding: 10px;
  margin: 15px 0 0 0;
}
.research.surveys.edit header .alert .reason {
  margin-top: 5px;
  font-style: italic;
}
.research.surveys.edit .action-add-item {
  margin-bottom: 20px;
}
.research.surveys.edit .item-list {
  margin-bottom: 30px;
}
.research.surveys.edit .item-list .item {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
}
.research.surveys.edit .item-list .item .statement {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.research.surveys.edit .item-list .item .statement .type {
  margin-top: 3px;
  color: #7F7F7F;
  font-size: 0.8em;
}
.research.surveys.edit .item-list .item .actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
.research.surveys.edit .item-list .item .actions .btn {
  display: block;
  margin-left: 5px;
  width: 42px;
}
.research.surveys.edit .ready-wrapper .ready-alert {
  display: none;
  font-size: 0.85em;
  padding: 10px;
  margin-bottom: 15px;
}
.research.surveys.edit #surveyInfoDialog {
  margin-top: 10%;
}
.research.surveys.edit #surveyInfoDialog .modal-dialog {
  width: 400px;
}
.research.surveys.edit #surveyInfoDialog .modal-header .close {
  margin-top: 8px;
}
.research.surveys.edit #surveyInfoDialog .label-wrapper {
  margin-bottom: 10px;
}
.research.surveys.edit #surveyInfoDialog .survey-title {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.research.surveys.edit #surveyInfoDialog .instructions {
  margin-top: 15px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 150px;
}
.research.surveys.edit #surveyInfoDialog .alert-wrapper {
  text-align: right;
}
.research.surveys.edit #surveyInfoDialog .alert-wrapper .alert {
  display: none;
  font-size: 0.85em;
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 0;
}
.research.surveys.edit #surveyInfoDialog .modal-footer {
  padding: 0 15px 15px 15px;
}
.research.surveys.edit #newItemDialog,
.research.surveys.edit #editItemDialog {
  margin-top: 10%;
}
.research.surveys.edit #newItemDialog .modal-dialog,
.research.surveys.edit #editItemDialog .modal-dialog {
  width: 400px;
}
.research.surveys.edit #newItemDialog .modal-header .close,
.research.surveys.edit #editItemDialog .modal-header .close {
  margin-top: 8px;
}
.research.surveys.edit #newItemDialog .label-wrapper,
.research.surveys.edit #editItemDialog .label-wrapper {
  margin-bottom: 10px;
}
.research.surveys.edit #newItemDialog .statement,
.research.surveys.edit #editItemDialog .statement {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
  display: block;
  width: 100%;
}
.research.surveys.edit #newItemDialog .type,
.research.surveys.edit #editItemDialog .type {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
}
.research.surveys.edit #newItemDialog .list-options,
.research.surveys.edit #editItemDialog .list-options {
  display: none;
  margin-top: 15px;
}
.research.surveys.edit #newItemDialog .list-options .options,
.research.surveys.edit #editItemDialog .list-options .options {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 150px;
}
.research.surveys.edit #newItemDialog .alert-wrapper,
.research.surveys.edit #editItemDialog .alert-wrapper {
  text-align: right;
}
.research.surveys.edit #newItemDialog .alert-wrapper .alert,
.research.surveys.edit #editItemDialog .alert-wrapper .alert {
  display: none;
  text-align: left;
  font-size: 0.85em;
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 0;
}
.research.surveys.edit #newItemDialog .modal-footer,
.research.surveys.edit #editItemDialog .modal-footer {
  padding: 0 15px 15px 15px;
}
.research.surveys.view {
  margin-bottom: 20px;
}
.research.surveys.view.no-results .action-row {
  margin-bottom: 17px;
}
.research.surveys.view.items .instructions {
  white-space: pre-wrap;
}
.research.surveys.view.items form {
  margin: 30px 0 45px 0;
}
.research.surveys.view.items form .statement {
  padding: 25px;
  margin-bottom: -1px;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
}
.research.surveys.view.items form .statement .title {
  font-weight: 500;
  font-size: 1.1em;
  margin-bottom: 15px;
  line-height: 1.8;
}
.research.surveys.view.items form .statement .answers.binary .btn {
  color: #4C4C4C;
  margin-left: 0;
  background-color: #E4E4E2;
  border-radius: 3px;
  margin-right: 10px;
  width: 60px;
}
.research.surveys.view.items form .statement .answers.binary .btn.active {
  background-color: #51A9AB;
  color: #FFFFFF;
}
.research.surveys.view.items form .statement .answers.binary .btn.active:hover {
  color: #FFFFFF;
}
.research.surveys.view.items form .statement .answers.binary .btn:hover {
  color: #4C4C4C;
}
.research.surveys.view.items form .statement .answers.binary .btn.disagree.active {
  background-color: #DC6950;
}
.research.surveys.view.items form .statement .options select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  max-width: 100%;
}
.research.surveys.view.items form .see-results {
  margin-top: 25px;
}
.research.surveys.view.items .bottom-cta {
  font-size: 0.85em;
}
.research.surveys.results a {
  color: #51A9AB;
}
.research.surveys.results a:hover,
.research.surveys.results a:focus,
.research.surveys.results a:active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.research.surveys.results .info-wrapper {
  margin: 30px 0 0 0;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  text-align: center;
  background-color: #F9F9F9;
}
.research.surveys.results .info-wrapper .title {
  font-weight: 600;
  font-size: 0.9em;
  padding: 15px;
}
.research.surveys.results .info-wrapper .stat {
  color: #b5b5b5;
  line-height: 1;
}
.research.surveys.results .info-wrapper .stat.large {
  padding: 0 15px 25px 15px;
  font-size: 3em;
}
.research.surveys.results .info-wrapper .stat.small {
  font-size: 0.9em;
  padding: 0 15px 15px 15px;
}
.research.surveys.results .info-wrapper .stat.small .subitem {
  margin-bottom: 5px;
}
.research.surveys.results h2.question-title {
  text-align: center;
  margin-top: 30px;
}
.research.surveys.results .chart-row {
  margin: 0;
}
.research.surveys.results .chart-row .chart-wrapper {
  padding: 10px 0;
}
.research.surveys.results .chart-row .chart-wrapper.col-sm-6:first-of-type {
  padding-right: 10px;
}
.research.surveys.results .chart-row .chart-wrapper.col-sm-6:last-of-type {
  padding-left: 10px;
}
.research.surveys.results .chart-row .chart-wrapper .title {
  text-align: center;
  font-weight: 600;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.research.surveys.results .chart-row .chart-wrapper .chart {
  border: 1px solid #DCDCDC;
  overflow: hidden;
  height: 350px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.research.surveys.results .chart-row .chart-wrapper .chart .fa-spin {
  font-size: 2em;
  color: #7F7F7F;
}
.research.surveys.csv textarea {
  width: 100%;
  height: 500px;
  white-space: pre;
  word-wrap: normal;
  overflow-x: scroll;
}
.research.surveys.csv .alert {
  margin-top: 15px;
  font-size: 0.9em;
}
.article-index h1 {
  margin-bottom: 30px;
}
.article-index .article-item {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EEE;
}
.article-index .article-item .title {
  font-size: 1.5em;
  margin-bottom: 10px;
  display: inline-block;
  color: #51A9AB;
  font-weight: 600;
  line-height: 1.6em;
  outline: 0;
}
.article-index .article-item .meta {
  font-size: 0.6em;
  text-transform: uppercase;
  color: #7F7F7F;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.article-index .article-item .meta .info-bit {
  margin-right: 25px;
}
.article-wrapper a:not(.btn) {
  color: #51A9AB;
}
.article-wrapper a:not(.btn):hover,
.article-wrapper a:not(.btn):focus,
.article-wrapper a:not(.btn):active {
  color: #418788;
  transition: all 0.2s ease-out;
}
.article-wrapper .article-meta {
  margin-bottom: 25px;
  font-size: 0.6em;
  text-transform: uppercase;
  color: #7F7F7F;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.article-wrapper .article-meta .info-bit {
  margin-right: 25px;
}
.theory-article .trait-comparison .illustration {
  margin-bottom: 15px;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.theory-article .trait-comparison .illustration img {
  width: 100%;
  max-width: 340px;
}
.study .toc {
  margin-bottom: 17px;
  padding: 15px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
}
.study .toc.fixed {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 317px;
  height: 100vh;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 30px;
  font-size: 0.9em;
  z-index: 1;
  background-color: #FFFFFF;
}
.study .toc.bottom {
  left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 30px;
  font-size: 0.8em;
  z-index: 1;
  background-color: #F5F5F5;
  border-radius: 0;
}
.study .toc.bottom span {
  -webkit-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  margin-right: 10px;
}
.study .toc.bottom select {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  padding: 3px 5px;
}
@media (min-width: 768px) {
  .study .toc.bottom {
    max-width: 773px;
    left: calc(50% - 387px);
  }
}
@media (min-width: 1450px) and (min-height: 1000px) {
  .study .toc.bottom {
    display: none;
  }
}
.study .toc .entry {
  margin-bottom: 10px;
  display: block;
}
.study .toc .entry.active {
  font-weight: 600;
  color: #51A9AB;
  position: relative;
}
.study .toc .entry.active:before {
  content: " ";
  position: absolute;
  left: -8px;
  border: 1px solid #51A9AB;
  width: 1px;
  height: 100%;
}
.study .toc .entry.level-1 {
  font-weight: 600;
}
.study .toc .entry.level-2 {
  font-size: 0.9em;
  margin-left: 40px;
}
.study .toc .entry.level-3 {
  font-size: 0.8em;
  margin-left: 80px;
}
.study h3 {
  font-size: 22px;
}
.study .chart-wrapper {
  margin-bottom: 15px;
}
.study .chart-wrapper.has-copyright.visible {
  position: relative;
}
.study .chart-wrapper.has-copyright.visible:after {
  content: "©2011-2016 NERIS Analytics Limited";
  z-index: 1;
  position: absolute;
  right: 0;
  font-size: 0.6em;
  color: #b5b5b5;
  bottom: 0;
}
.study .chart-wrapper.has-copyright.visible.types-chart {
  margin-bottom: 30px;
}
.study .chart-wrapper.has-copyright.visible.types-chart:after {
  content: "©2011-2016 NERIS Analytics Limited";
  z-index: 1;
  position: absolute;
  right: 0;
  font-size: 0.6em;
  color: #b5b5b5;
  bottom: -10px;
}
.study .further-reading {
  padding: 20px 20px 10px 20px;
  background-color: #F5F5F5;
  font-size: 0.9em;
}
.study .further-reading h2 {
  margin-top: 0;
}
.study .further-reading .source {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.study .further-reading .source .number {
  margin-right: 5px;
  width: 37px;
}
.study .minitest-table {
  padding: 25px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  background-color: #F5F5F5;
  font-size: 0.8em;
  margin-bottom: 20px;
}
.study .minitest-table .question {
  font-weight: 700;
  margin-bottom: 20px;
}
.study .minitest-table .table {
  width: auto;
  margin-bottom: 0;
  font-weight: 600;
}
.study .minitest-table .table.multiple-choice th {
  vertical-align: middle;
}
.study .minitest-table .table.multiple-choice td {
  vertical-align: middle;
}
.study .minitest-table .table.multiple-choice td:first-of-type {
  text-align: left;
}
.study .minitest-table .table.multiple-choice td.highlighted {
  border-left: 1px solid #51a9ab;
  border-right: 1px solid #51a9ab;
  border-top: 1px solid #DDD;
  border-bottom: none;
}
.study .minitest-table .table.multiple-choice tr:last-of-type td.highlighted {
  border-bottom: 1px solid #51a9ab;
}
.study .minitest-table .table th {
  padding: 8px 15px;
  text-align: center;
  font-weight: 600;
}
.study .minitest-table .table th.highlighted {
  border: 1px solid #51a9ab;
  border-bottom: none;
}
.study .minitest-table .table td {
  padding: 8px 15px;
  text-align: center;
}
.study .minitest-table .table td.highlighted {
  border: 1px solid #51a9ab;
  border-top: 1px solid #DDD;
}
.study .minitest-table .table td .answer {
  margin: 0 5px;
}
.study .minitest-table .table td .answer.positive {
  color: #51A9AB;
}
.study .minitest-table .table td .answer.negative {
  color: #DC6950;
}
.study .minitest-table .table td .answer span.fa {
  margin-right: 3px;
  width: 14px;
}
.study .description-pullout p:last-of-type {
  margin-bottom: 0;
}
.premium-wrapper.diplomat,
.premium-wrapper.analyst,
.premium-wrapper.sentinel,
.premium-wrapper.explorer {
  margin: 0 -15px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat,
  .premium-wrapper.analyst,
  .premium-wrapper.sentinel,
  .premium-wrapper.explorer {
    overflow: hidden;
  }
}
.premium-wrapper.diplomat .header-image,
.premium-wrapper.analyst .header-image,
.premium-wrapper.sentinel .header-image,
.premium-wrapper.explorer .header-image {
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .header-image,
  .premium-wrapper.analyst .header-image,
  .premium-wrapper.sentinel .header-image,
  .premium-wrapper.explorer .header-image {
    width: calc(100% + 200px);
    margin: -1px -100px 0 -100px;
  }
}
.premium-wrapper.diplomat .title,
.premium-wrapper.analyst .title,
.premium-wrapper.sentinel .title,
.premium-wrapper.explorer .title {
  font-size: 2.1em;
  text-transform: none;
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: normal;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .title,
  .premium-wrapper.analyst .title,
  .premium-wrapper.sentinel .title,
  .premium-wrapper.explorer .title {
    font-size: 1.3em;
    margin-bottom: 15px;
  }
}
.premium-wrapper.diplomat .padded,
.premium-wrapper.analyst .padded,
.premium-wrapper.sentinel .padded,
.premium-wrapper.explorer .padded {
  padding: 0 18%;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .padded,
  .premium-wrapper.analyst .padded,
  .premium-wrapper.sentinel .padded,
  .premium-wrapper.explorer .padded {
    padding: 0 2%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .premium-wrapper.diplomat .padded,
  .premium-wrapper.analyst .padded,
  .premium-wrapper.sentinel .padded,
  .premium-wrapper.explorer .padded {
    padding: 0 10%;
  }
}
.premium-wrapper.diplomat p,
.premium-wrapper.analyst p,
.premium-wrapper.sentinel p,
.premium-wrapper.explorer p {
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat p,
  .premium-wrapper.analyst p,
  .premium-wrapper.sentinel p,
  .premium-wrapper.explorer p {
    margin-bottom: 20px;
  }
}
.premium-wrapper.diplomat p.subtitle,
.premium-wrapper.analyst p.subtitle,
.premium-wrapper.sentinel p.subtitle,
.premium-wrapper.explorer p.subtitle {
  text-align: center;
  margin-bottom: 50px;
  font-size: 1.6em;
  color: #b5b5b5;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat p.subtitle,
  .premium-wrapper.analyst p.subtitle,
  .premium-wrapper.sentinel p.subtitle,
  .premium-wrapper.explorer p.subtitle {
    font-size: 1.1em;
    margin-bottom: 20px;
  }
}
.premium-wrapper.diplomat p.extra-testimonials,
.premium-wrapper.analyst p.extra-testimonials,
.premium-wrapper.sentinel p.extra-testimonials,
.premium-wrapper.explorer p.extra-testimonials {
  text-align: center;
  margin-top: -20px;
  color: #b5b5b5;
  font-size: 0.9em;
}
.premium-wrapper.diplomat p strong,
.premium-wrapper.analyst p strong,
.premium-wrapper.sentinel p strong,
.premium-wrapper.explorer p strong,
.premium-wrapper.diplomat p b,
.premium-wrapper.analyst p b,
.premium-wrapper.sentinel p b,
.premium-wrapper.explorer p b,
.premium-wrapper.diplomat p em,
.premium-wrapper.analyst p em,
.premium-wrapper.sentinel p em,
.premium-wrapper.explorer p em {
  font-weight: 600;
}
.premium-wrapper.diplomat ul,
.premium-wrapper.analyst ul,
.premium-wrapper.sentinel ul,
.premium-wrapper.explorer ul {
  margin-bottom: 35px;
}
.premium-wrapper.diplomat ul li,
.premium-wrapper.analyst ul li,
.premium-wrapper.sentinel ul li,
.premium-wrapper.explorer ul li {
  margin-bottom: 10px;
}
.premium-wrapper.diplomat .section-title,
.premium-wrapper.analyst .section-title,
.premium-wrapper.sentinel .section-title,
.premium-wrapper.explorer .section-title {
  margin-bottom: 30px;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .section-title,
  .premium-wrapper.analyst .section-title,
  .premium-wrapper.sentinel .section-title,
  .premium-wrapper.explorer .section-title {
    font-size: 1.2em;
    margin-bottom: 20px;
  }
}
.premium-wrapper.diplomat .yearnings-wrapper,
.premium-wrapper.analyst .yearnings-wrapper,
.premium-wrapper.sentinel .yearnings-wrapper,
.premium-wrapper.explorer .yearnings-wrapper {
  margin: 80px -30px 45px -30px;
}
.premium-wrapper.diplomat .yearnings-wrapper .yearning img,
.premium-wrapper.analyst .yearnings-wrapper .yearning img,
.premium-wrapper.sentinel .yearnings-wrapper .yearning img,
.premium-wrapper.explorer .yearnings-wrapper .yearning img {
  width: 100%;
  max-width: 370px;
  margin-bottom: 40px;
}
.premium-wrapper.diplomat .yearnings-wrapper .yearning h4,
.premium-wrapper.analyst .yearnings-wrapper .yearning h4,
.premium-wrapper.sentinel .yearnings-wrapper .yearning h4,
.premium-wrapper.explorer .yearnings-wrapper .yearning h4 {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .yearnings-wrapper,
  .premium-wrapper.analyst .yearnings-wrapper,
  .premium-wrapper.sentinel .yearnings-wrapper,
  .premium-wrapper.explorer .yearnings-wrapper {
    margin: 30px 2% 5px 2%;
  }
  .premium-wrapper.diplomat .yearnings-wrapper .yearning,
  .premium-wrapper.analyst .yearnings-wrapper .yearning,
  .premium-wrapper.sentinel .yearnings-wrapper .yearning,
  .premium-wrapper.explorer .yearnings-wrapper .yearning {
    padding: 0;
    text-align: center;
    margin-bottom: 30px;
  }
  .premium-wrapper.diplomat .yearnings-wrapper .yearning img,
  .premium-wrapper.analyst .yearnings-wrapper .yearning img,
  .premium-wrapper.sentinel .yearnings-wrapper .yearning img,
  .premium-wrapper.explorer .yearnings-wrapper .yearning img {
    margin-bottom: 10px;
  }
  .premium-wrapper.diplomat .yearnings-wrapper .yearning h4,
  .premium-wrapper.analyst .yearnings-wrapper .yearning h4,
  .premium-wrapper.sentinel .yearnings-wrapper .yearning h4,
  .premium-wrapper.explorer .yearnings-wrapper .yearning h4 {
    margin-bottom: 10px;
  }
}
.premium-wrapper.diplomat .testimonials-wrapper,
.premium-wrapper.analyst .testimonials-wrapper,
.premium-wrapper.sentinel .testimonials-wrapper,
.premium-wrapper.explorer .testimonials-wrapper {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .testimonials-wrapper,
  .premium-wrapper.analyst .testimonials-wrapper,
  .premium-wrapper.sentinel .testimonials-wrapper,
  .premium-wrapper.explorer .testimonials-wrapper {
    margin-bottom: 20px;
  }
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial,
.premium-wrapper.analyst .testimonials-wrapper .testimonial,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial,
.premium-wrapper.explorer .testimonials-wrapper .testimonial {
  border: 1px solid #EEE;
  border-radius: 3px;
  padding: 35px;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial:after,
.premium-wrapper.analyst .testimonials-wrapper .testimonial:after,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial:after,
.premium-wrapper.explorer .testimonials-wrapper .testimonial:after {
  display: table;
  content: " ";
  clear: both;
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial .avatar,
.premium-wrapper.analyst .testimonials-wrapper .testimonial .avatar,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial .avatar,
.premium-wrapper.explorer .testimonials-wrapper .testimonial .avatar {
  margin-right: 25px;
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial .avatar img,
.premium-wrapper.analyst .testimonials-wrapper .testimonial .avatar img,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial .avatar img,
.premium-wrapper.explorer .testimonials-wrapper .testimonial .avatar img {
  width: 75px;
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial p,
.premium-wrapper.analyst .testimonials-wrapper .testimonial p,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial p,
.premium-wrapper.explorer .testimonials-wrapper .testimonial p {
  font-size: 0.8em;
  margin: 0;
  display: block;
}
.premium-wrapper.diplomat .testimonials-wrapper .testimonial p .author,
.premium-wrapper.analyst .testimonials-wrapper .testimonial p .author,
.premium-wrapper.sentinel .testimonials-wrapper .testimonial p .author,
.premium-wrapper.explorer .testimonials-wrapper .testimonial p .author {
  margin-bottom: 8px;
  font-weight: 600;
  display: block;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .testimonials-wrapper .testimonial,
  .premium-wrapper.analyst .testimonials-wrapper .testimonial,
  .premium-wrapper.sentinel .testimonials-wrapper .testimonial,
  .premium-wrapper.explorer .testimonials-wrapper .testimonial {
    display: block;
    text-align: center;
    padding: 15px;
  }
  .premium-wrapper.diplomat .testimonials-wrapper .testimonial .avatar,
  .premium-wrapper.analyst .testimonials-wrapper .testimonial .avatar,
  .premium-wrapper.sentinel .testimonials-wrapper .testimonial .avatar,
  .premium-wrapper.explorer .testimonials-wrapper .testimonial .avatar {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .premium-wrapper.diplomat .testimonials-wrapper .testimonial p .author,
  .premium-wrapper.analyst .testimonials-wrapper .testimonial p .author,
  .premium-wrapper.sentinel .testimonials-wrapper .testimonial p .author,
  .premium-wrapper.explorer .testimonials-wrapper .testimonial p .author {
    font-size: 1.1em;
  }
}
.premium-wrapper.diplomat .scene,
.premium-wrapper.analyst .scene,
.premium-wrapper.sentinel .scene,
.premium-wrapper.explorer .scene {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .scene,
  .premium-wrapper.analyst .scene,
  .premium-wrapper.sentinel .scene,
  .premium-wrapper.explorer .scene {
    margin-bottom: 20px;
  }
}
.premium-wrapper.diplomat .tools-wrapper,
.premium-wrapper.analyst .tools-wrapper,
.premium-wrapper.sentinel .tools-wrapper,
.premium-wrapper.explorer .tools-wrapper {
  margin: 20px -35px 40px 0;
}
.premium-wrapper.diplomat .tools-wrapper .tool,
.premium-wrapper.analyst .tools-wrapper .tool,
.premium-wrapper.sentinel .tools-wrapper .tool,
.premium-wrapper.explorer .tools-wrapper .tool {
  width: calc(33.33% - 35px);
  margin-right: 35px;
  border: 1px solid #EEE;
  border-radius: 3px;
  padding: 20px;
  text-align: center;
  font-size: 0.8em;
}
.premium-wrapper.diplomat .tools-wrapper .tool img,
.premium-wrapper.analyst .tools-wrapper .tool img,
.premium-wrapper.sentinel .tools-wrapper .tool img,
.premium-wrapper.explorer .tools-wrapper .tool img {
  width: 75px;
}
.premium-wrapper.diplomat .tools-wrapper .tool p,
.premium-wrapper.analyst .tools-wrapper .tool p,
.premium-wrapper.sentinel .tools-wrapper .tool p,
.premium-wrapper.explorer .tools-wrapper .tool p {
  margin-bottom: 0;
  font-size: 0.9em;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .tools-wrapper,
  .premium-wrapper.analyst .tools-wrapper,
  .premium-wrapper.sentinel .tools-wrapper,
  .premium-wrapper.explorer .tools-wrapper {
    margin: 20px 0;
  }
  .premium-wrapper.diplomat .tools-wrapper .tool,
  .premium-wrapper.analyst .tools-wrapper .tool,
  .premium-wrapper.sentinel .tools-wrapper .tool,
  .premium-wrapper.explorer .tools-wrapper .tool {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.premium-wrapper.diplomat .highlight,
.premium-wrapper.analyst .highlight,
.premium-wrapper.sentinel .highlight,
.premium-wrapper.explorer .highlight {
  padding-left: 20px;
  border-left: 4px solid #51A9AB;
}
.premium-wrapper.diplomat hr,
.premium-wrapper.analyst hr,
.premium-wrapper.sentinel hr,
.premium-wrapper.explorer hr {
  margin: 70px 0 60px 0;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat hr,
  .premium-wrapper.analyst hr,
  .premium-wrapper.sentinel hr,
  .premium-wrapper.explorer hr {
    margin: 30px 0 20px 0;
  }
}
.premium-wrapper.diplomat .rundown-points.vertical .point,
.premium-wrapper.analyst .rundown-points.vertical .point,
.premium-wrapper.sentinel .rundown-points.vertical .point,
.premium-wrapper.explorer .rundown-points.vertical .point {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #EEE;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px;
}
.premium-wrapper.diplomat .rundown-points.vertical .point .image,
.premium-wrapper.analyst .rundown-points.vertical .point .image,
.premium-wrapper.sentinel .rundown-points.vertical .point .image,
.premium-wrapper.explorer .rundown-points.vertical .point .image {
  padding: 5px;
  margin-right: 20px;
}
.premium-wrapper.diplomat .rundown-points.vertical .point .image img,
.premium-wrapper.analyst .rundown-points.vertical .point .image img,
.premium-wrapper.sentinel .rundown-points.vertical .point .image img,
.premium-wrapper.explorer .rundown-points.vertical .point .image img {
  width: 70px;
}
.premium-wrapper.diplomat .rundown-points.vertical .point .description,
.premium-wrapper.analyst .rundown-points.vertical .point .description,
.premium-wrapper.sentinel .rundown-points.vertical .point .description,
.premium-wrapper.explorer .rundown-points.vertical .point .description {
  font-size: 0.85em;
}
.premium-wrapper.diplomat .rundown-points.vertical .point .description h4,
.premium-wrapper.analyst .rundown-points.vertical .point .description h4,
.premium-wrapper.sentinel .rundown-points.vertical .point .description h4,
.premium-wrapper.explorer .rundown-points.vertical .point .description h4 {
  margin-top: 0;
}
.premium-wrapper.diplomat .rundown-points.vertical .point .description p,
.premium-wrapper.analyst .rundown-points.vertical .point .description p,
.premium-wrapper.sentinel .rundown-points.vertical .point .description p,
.premium-wrapper.explorer .rundown-points.vertical .point .description p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .rundown-points.vertical .point,
  .premium-wrapper.analyst .rundown-points.vertical .point,
  .premium-wrapper.sentinel .rundown-points.vertical .point,
  .premium-wrapper.explorer .rundown-points.vertical .point {
    display: block;
  }
  .premium-wrapper.diplomat .rundown-points.vertical .point .image,
  .premium-wrapper.analyst .rundown-points.vertical .point .image,
  .premium-wrapper.sentinel .rundown-points.vertical .point .image,
  .premium-wrapper.explorer .rundown-points.vertical .point .image {
    text-align: center;
    margin: 0 0 10px 0;
  }
}
.premium-wrapper.diplomat .rundown-points.three-rows .point,
.premium-wrapper.analyst .rundown-points.three-rows .point,
.premium-wrapper.sentinel .rundown-points.three-rows .point,
.premium-wrapper.explorer .rundown-points.three-rows .point {
  text-align: center;
}
.premium-wrapper.diplomat .rundown-points.three-rows .point .image,
.premium-wrapper.analyst .rundown-points.three-rows .point .image,
.premium-wrapper.sentinel .rundown-points.three-rows .point .image,
.premium-wrapper.explorer .rundown-points.three-rows .point .image {
  margin-bottom: 25px;
}
.premium-wrapper.diplomat .rundown-points.three-rows .point .image img,
.premium-wrapper.analyst .rundown-points.three-rows .point .image img,
.premium-wrapper.sentinel .rundown-points.three-rows .point .image img,
.premium-wrapper.explorer .rundown-points.three-rows .point .image img {
  width: 100px;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .rundown-points.three-rows .point .image,
  .premium-wrapper.analyst .rundown-points.three-rows .point .image,
  .premium-wrapper.sentinel .rundown-points.three-rows .point .image,
  .premium-wrapper.explorer .rundown-points.three-rows .point .image {
    margin: 5px 0 15px 0;
  }
}
.premium-wrapper.diplomat .rundown-points.three-rows .point .description h4,
.premium-wrapper.analyst .rundown-points.three-rows .point .description h4,
.premium-wrapper.sentinel .rundown-points.three-rows .point .description h4,
.premium-wrapper.explorer .rundown-points.three-rows .point .description h4 {
  display: block;
  margin-bottom: 15px;
}
.premium-wrapper.diplomat .rundown-points.three-rows .point .description p,
.premium-wrapper.analyst .rundown-points.three-rows .point .description p,
.premium-wrapper.sentinel .rundown-points.three-rows .point .description p,
.premium-wrapper.explorer .rundown-points.three-rows .point .description p {
  padding: 0 15px;
  font-size: 0.8em;
}
.premium-wrapper.diplomat .purchase-wrapper,
.premium-wrapper.analyst .purchase-wrapper,
.premium-wrapper.sentinel .purchase-wrapper,
.premium-wrapper.explorer .purchase-wrapper {
  margin: 0 0 70px 0;
  text-align: center;
}
.premium-wrapper.diplomat .purchase-wrapper .option,
.premium-wrapper.analyst .purchase-wrapper .option,
.premium-wrapper.sentinel .purchase-wrapper .option,
.premium-wrapper.explorer .purchase-wrapper .option {
  padding: 0 0 35px 0;
  border-bottom: 1px solid #EEE;
}
.premium-wrapper.diplomat .purchase-wrapper .option img,
.premium-wrapper.analyst .purchase-wrapper .option img,
.premium-wrapper.sentinel .purchase-wrapper .option img,
.premium-wrapper.explorer .purchase-wrapper .option img {
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
}
.premium-wrapper.diplomat .purchase-wrapper .option img.all,
.premium-wrapper.analyst .purchase-wrapper .option img.all,
.premium-wrapper.sentinel .purchase-wrapper .option img.all,
.premium-wrapper.explorer .purchase-wrapper .option img.all {
  margin-bottom: 0;
}
.premium-wrapper.diplomat .purchase-wrapper .option p,
.premium-wrapper.analyst .purchase-wrapper .option p,
.premium-wrapper.sentinel .purchase-wrapper .option p,
.premium-wrapper.explorer .purchase-wrapper .option p {
  font-size: 0.75em;
  margin-bottom: 20px;
}
.premium-wrapper.diplomat .purchase-wrapper .option .btn,
.premium-wrapper.analyst .purchase-wrapper .option .btn,
.premium-wrapper.sentinel .purchase-wrapper .option .btn,
.premium-wrapper.explorer .purchase-wrapper .option .btn {
  width: 100%;
  padding: 20px 0;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .premium-wrapper.diplomat .purchase-wrapper .option,
  .premium-wrapper.analyst .purchase-wrapper .option,
  .premium-wrapper.sentinel .purchase-wrapper .option,
  .premium-wrapper.explorer .purchase-wrapper .option {
    width: calc(50% - 15px);
  }
  .premium-wrapper.diplomat .purchase-wrapper .option img,
  .premium-wrapper.analyst .purchase-wrapper .option img,
  .premium-wrapper.sentinel .purchase-wrapper .option img,
  .premium-wrapper.explorer .purchase-wrapper .option img {
    margin-bottom: 30px;
  }
  .premium-wrapper.diplomat .purchase-wrapper .option img.all,
  .premium-wrapper.analyst .purchase-wrapper .option img.all,
  .premium-wrapper.sentinel .purchase-wrapper .option img.all,
  .premium-wrapper.explorer .purchase-wrapper .option img.all {
    margin: 30px 0 0 0;
  }
  .premium-wrapper.diplomat .purchase-wrapper .option p,
  .premium-wrapper.analyst .purchase-wrapper .option p,
  .premium-wrapper.sentinel .purchase-wrapper .option p,
  .premium-wrapper.explorer .purchase-wrapper .option p {
    margin-bottom: 30px;
  }
  .premium-wrapper.diplomat .purchase-wrapper .option.single,
  .premium-wrapper.analyst .purchase-wrapper .option.single,
  .premium-wrapper.sentinel .purchase-wrapper .option.single,
  .premium-wrapper.explorer .purchase-wrapper .option.single {
    margin-right: 15px;
  }
  .premium-wrapper.diplomat .purchase-wrapper .option.all,
  .premium-wrapper.analyst .purchase-wrapper .option.all,
  .premium-wrapper.sentinel .purchase-wrapper .option.all,
  .premium-wrapper.explorer .purchase-wrapper .option.all {
    margin-left: 15px;
  }
  .premium-wrapper.diplomat .purchase-wrapper .option .btn,
  .premium-wrapper.analyst .purchase-wrapper .option .btn,
  .premium-wrapper.sentinel .purchase-wrapper .option .btn,
  .premium-wrapper.explorer .purchase-wrapper .option .btn {
    font-size: 1em;
  }
}
.premium-wrapper.diplomat .purchase-wrapper .all-note,
.premium-wrapper.analyst .purchase-wrapper .all-note,
.premium-wrapper.sentinel .purchase-wrapper .all-note,
.premium-wrapper.explorer .purchase-wrapper .all-note {
  font-size: 0.8em;
  padding-top: 30px;
  clear: both;
  color: #b5b5b5;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .purchase-wrapper .all-note,
  .premium-wrapper.analyst .purchase-wrapper .all-note,
  .premium-wrapper.sentinel .purchase-wrapper .all-note,
  .premium-wrapper.explorer .purchase-wrapper .all-note {
    padding-top: 20px;
  }
}
.premium-wrapper.diplomat .purchase-wrapper.unknown .selection-label,
.premium-wrapper.analyst .purchase-wrapper.unknown .selection-label,
.premium-wrapper.sentinel .purchase-wrapper.unknown .selection-label,
.premium-wrapper.explorer .purchase-wrapper.unknown .selection-label {
  text-align: left;
  font-size: 0.75em;
  height: 20px;
}
.premium-wrapper.diplomat .purchase-wrapper.unknown select,
.premium-wrapper.analyst .purchase-wrapper.unknown select,
.premium-wrapper.sentinel .purchase-wrapper.unknown select,
.premium-wrapper.explorer .purchase-wrapper.unknown select {
  display: block;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  height: 44px;
  margin: 10px 0 15px 0;
  font-size: 0.75em;
}
.premium-wrapper.diplomat .purchase-wrapper.unknown .option.single img,
.premium-wrapper.analyst .purchase-wrapper.unknown .option.single img,
.premium-wrapper.sentinel .purchase-wrapper.unknown .option.single img,
.premium-wrapper.explorer .purchase-wrapper.unknown .option.single img {
  height: 261px;
  width: auto;
}
.premium-wrapper.diplomat .purchase-wrapper.unknown .option.all p,
.premium-wrapper.analyst .purchase-wrapper.unknown .option.all p,
.premium-wrapper.sentinel .purchase-wrapper.unknown .option.all p,
.premium-wrapper.explorer .purchase-wrapper.unknown .option.all p {
  min-height: 50px;
  display: block;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .purchase-wrapper,
  .premium-wrapper.analyst .purchase-wrapper,
  .premium-wrapper.sentinel .purchase-wrapper,
  .premium-wrapper.explorer .purchase-wrapper {
    margin-bottom: 30px;
  }
}
.premium-wrapper.diplomat .testimonials-wrapper-2,
.premium-wrapper.analyst .testimonials-wrapper-2,
.premium-wrapper.sentinel .testimonials-wrapper-2,
.premium-wrapper.explorer .testimonials-wrapper-2 {
  margin: 45px -15px 30px -15px;
}
.premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial,
.premium-wrapper.analyst .testimonials-wrapper-2 .testimonial,
.premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial,
.premium-wrapper.explorer .testimonials-wrapper-2 .testimonial {
  text-align: center;
  margin: 25px 0;
  padding: 0 20px;
}
.premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial img,
.premium-wrapper.analyst .testimonials-wrapper-2 .testimonial img,
.premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial img,
.premium-wrapper.explorer .testimonials-wrapper-2 .testimonial img {
  width: 100px;
  margin-bottom: 25px;
}
.premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial .author,
.premium-wrapper.analyst .testimonials-wrapper-2 .testimonial .author,
.premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial .author,
.premium-wrapper.explorer .testimonials-wrapper-2 .testimonial .author {
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}
.premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial p,
.premium-wrapper.analyst .testimonials-wrapper-2 .testimonial p,
.premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial p,
.premium-wrapper.explorer .testimonials-wrapper-2 .testimonial p {
  font-size: 0.85em;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .testimonials-wrapper-2,
  .premium-wrapper.analyst .testimonials-wrapper-2,
  .premium-wrapper.sentinel .testimonials-wrapper-2,
  .premium-wrapper.explorer .testimonials-wrapper-2 {
    margin: 0 -15px 30px -15px;
  }
  .premium-wrapper.diplomat .testimonials-wrapper-2.not-last,
  .premium-wrapper.analyst .testimonials-wrapper-2.not-last,
  .premium-wrapper.sentinel .testimonials-wrapper-2.not-last,
  .premium-wrapper.explorer .testimonials-wrapper-2.not-last {
    margin-bottom: -15px;
  }
  .premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial,
  .premium-wrapper.analyst .testimonials-wrapper-2 .testimonial,
  .premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial,
  .premium-wrapper.explorer .testimonials-wrapper-2 .testimonial {
    margin: 0 0 25px 0;
  }
  .premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial img,
  .premium-wrapper.analyst .testimonials-wrapper-2 .testimonial img,
  .premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial img,
  .premium-wrapper.explorer .testimonials-wrapper-2 .testimonial img {
    margin-bottom: 15px;
  }
  .premium-wrapper.diplomat .testimonials-wrapper-2 .testimonial .author,
  .premium-wrapper.analyst .testimonials-wrapper-2 .testimonial .author,
  .premium-wrapper.sentinel .testimonials-wrapper-2 .testimonial .author,
  .premium-wrapper.explorer .testimonials-wrapper-2 .testimonial .author {
    margin-bottom: 5px;
  }
}
.premium-wrapper.diplomat .guarantee,
.premium-wrapper.analyst .guarantee,
.premium-wrapper.sentinel .guarantee,
.premium-wrapper.explorer .guarantee {
  border: 1px solid #EEE;
  padding: 30px;
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 30px;
}
.premium-wrapper.diplomat .guarantee img,
.premium-wrapper.analyst .guarantee img,
.premium-wrapper.sentinel .guarantee img,
.premium-wrapper.explorer .guarantee img {
  width: 75px;
}
.premium-wrapper.diplomat .guarantee h3,
.premium-wrapper.analyst .guarantee h3,
.premium-wrapper.sentinel .guarantee h3,
.premium-wrapper.explorer .guarantee h3 {
  font-size: 1.4em;
}
.premium-wrapper.diplomat .guarantee p,
.premium-wrapper.analyst .guarantee p,
.premium-wrapper.sentinel .guarantee p,
.premium-wrapper.explorer .guarantee p {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .premium-wrapper.diplomat .guarantee,
  .premium-wrapper.analyst .guarantee,
  .premium-wrapper.sentinel .guarantee,
  .premium-wrapper.explorer .guarantee {
    padding: 20px;
  }
}
.premium-wrapper.diplomat .extras,
.premium-wrapper.analyst .extras,
.premium-wrapper.sentinel .extras,
.premium-wrapper.explorer .extras {
  font-size: 0.75em;
  margin-bottom: 90px;
  text-align: center;
  color: #b5b5b5;
}
.premium-wrapper.sentinel .testimonials-wrapper p strong,
.premium-wrapper.analyst .testimonials-wrapper p strong,
.premium-wrapper.explorer .testimonials-wrapper p strong {
  font-weight: 700;
}
.premium-wrapper.sentinel .yearnings-wrapper,
.premium-wrapper.analyst .yearnings-wrapper,
.premium-wrapper.explorer .yearnings-wrapper {
  margin-top: 0;
}
.premium-wrapper.sentinel .yearnings-wrapper .text,
.premium-wrapper.analyst .yearnings-wrapper .text,
.premium-wrapper.explorer .yearnings-wrapper .text {
  font-size: 0.85em;
}
.premium-wrapper.sentinel .yearnings-wrapper .text h4,
.premium-wrapper.analyst .yearnings-wrapper .text h4,
.premium-wrapper.explorer .yearnings-wrapper .text h4 {
  margin-top: 0;
}
.premium-wrapper.sentinel .guarantee p,
.premium-wrapper.analyst .guarantee p,
.premium-wrapper.explorer .guarantee p {
  margin-bottom: 17px;
}
.premium-wrapper.sentinel .guarantee p:last-child,
.premium-wrapper.analyst .guarantee p:last-child,
.premium-wrapper.explorer .guarantee p:last-child {
  margin-bottom: 0;
}
.testimonial.new {
  margin-bottom: 45px;
}
.testimonial.new label {
  margin: 10px 0;
}
.testimonial.new input[type=text] {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.testimonial.new textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 5px;
  width: 100%;
  height: 150px;
}
.testimonial.new .count-row {
  text-align: right;
  font-size: 0.9em;
  color: #b5b5b5;
}
.testimonial.new .photo-note {
  margin-top: 5px;
  font-size: 0.9em;
  color: #b5b5b5;
}
.testimonial.new .alert {
  display: none;
  margin-bottom: 15px;
}
.testimonial.confirmation .testimonial-code {
  padding: 5px;
  background-color: #F9F9F9;
  font-weight: 600;
  border: 1px solid #DCDCDC;
}
.standalone-testimonials {
  margin-bottom: 15px;
}
.standalone-testimonials .no-testimonials {
  margin-top: 15px;
}
.standalone-testimonials .filter-wrapper {
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 15px;
  font-size: 0.8em;
  font-weight: 600;
  display: inline-block;
}
.standalone-testimonials .filter-wrapper select {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-left: 10px;
}
.standalone-testimonials .filter-wrapper select:disabled {
  background-color: #F9F9F9;
}
.standalone-testimonials .testimonial-row {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .standalone-testimonials .testimonial-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
  }
}
.standalone-testimonials .testimonial-row .testimonial {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 35px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .standalone-testimonials .testimonial-row .testimonial {
    width: 32%;
    margin-bottom: 0;
  }
}
.standalone-testimonials .testimonial-row .testimonial .avatar {
  text-align: center;
  margin-bottom: 15px;
}
.standalone-testimonials .testimonial-row .testimonial .avatar.has-photo {
  height: 120px;
}
.standalone-testimonials .testimonial-row .testimonial .avatar.has-photo img {
  max-width: 100%;
  max-height: 100%;
}
.standalone-testimonials .testimonial-row .testimonial .avatar.no-photo img {
  width: 75px;
}
.standalone-testimonials .testimonial-row .testimonial .avatar img {
  border-radius: 3px;
}
.standalone-testimonials .testimonial-row .testimonial .author {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 0.9em;
  text-align: center;
}
.standalone-testimonials .testimonial-row .testimonial .comment {
  font-size: 0.8em;
  color: #7F7F7F;
}
@media (min-width: 768px) {
  .standalone-testimonials .testimonial-row .testimonial .comment {
    max-height: 120px;
    overflow: hidden;
  }
}
.standalone-testimonials .testimonial-row .testimonial .comment.full-view {
  overflow: initial;
  max-height: inherit;
  white-space: pre-wrap;
}
.standalone-testimonials .testimonial-row .testimonial .comment .see-more {
  cursor: pointer;
  color: #51A9AB;
  text-decoration: underline;
  font-size: 0.85em;
}
.standalone-testimonials .pagination {
  width: 100%;
  text-align: center;
}
.standalone-testimonials .pagination li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.standalone-testimonials .pagination li:first-child a,
.standalone-testimonials .pagination li:first-child span,
.standalone-testimonials .pagination li:last-child a,
.standalone-testimonials .pagination li:last-child span {
  padding-bottom: 3px;
}
.standalone-testimonials .pagination li.active span,
.standalone-testimonials .pagination li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.standalone-testimonials .pagination li span,
.standalone-testimonials .pagination li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.standalone-testimonials .pagination li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.standalone-testimonials .note {
  font-size: 0.8em;
  font-style: italic;
  color: #b5b5b5;
  margin-bottom: 45px;
}
.checkout-wrapper .order-summary .details-wrapper .description .price-wrapper .price.discounted {
  text-decoration: line-through;
}
.checkout-wrapper .order-summary .details-wrapper .description .price-wrapper .discount {
  color: #DC6950;
}
.checkout-wrapper .order-summary .details-wrapper .description .price-wrapper .discount.hidden {
  display: none;
}
.checkout-wrapper .order-summary .details-wrapper .description .discount-alert {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px 12px;
  font-size: 0.8em;
}
.checkout-wrapper .order-summary .details-wrapper .description .processor-selection {
  padding-top: 24px;
}
.homepage.international .welcome-top {
  margin-bottom: 0;
}
.homepage.international .welcome-top .image-wrapper img {
  max-width: 400px;
}
.homepage.international .welcome-top .text-wrapper {
  font-size: 0.75em;
}
.homepage.international .welcome-top .text-wrapper h1 {
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 992px) {
  .homepage.international .welcome-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .homepage.international .welcome-top .image-wrapper img {
    max-width: 100%;
  }
  .homepage.international .welcome-top .text-wrapper {
    font-size: 1em;
  }
  .homepage.international .welcome-top .text-wrapper h1 {
    padding-top: 10px;
  }
}
.contact-page.international a,
.contact-page.international .email-link {
  color: #51A9AB;
}
.contact-page.international a:hover,
.contact-page.international .email-link:hover,
.contact-page.international a:focus,
.contact-page.international .email-link:focus,
.contact-page.international a:active,
.contact-page.international .email-link:active {
  text-decoration: none;
  color: #418788;
  border-bottom: 1px solid #51A9AB;
}
.contact-page.international .top-right-wrapper .company-info {
  margin: 20px 0 15px 0;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 0 15px;
}
.contact-page.international .top-right-wrapper .company-info .name {
  font-weight: 600;
  margin: 15px 0 10px 0;
}
.contact-page.international .top-right-wrapper .company-info .address,
.contact-page.international .top-right-wrapper .company-info .registration {
  font-size: 0.8em;
  line-height: 1.8;
  margin-bottom: 15px;
}
.social-row .social-wrapper .social-count {
  height: 60px;
  padding-top: 8px;
}
.social-row .social-wrapper .social-item .share-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .international.type-description .results {
    margin-top: 70px;
  }
}
.international.type-description .results .type-info {
  text-align: center;
  margin: 30px 0;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.3;
}
.international.type-description .results .type-info .caption {
  font-size: 1.2em;
  margin-bottom: 15px;
}
@media (min-width: 460px) {
  .international.type-description .results .type-info .caption {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) {
  .international.type-description .results .type-info .caption {
    font-size: 1.8em;
  }
}
.international.type-description .results .type-info .nice-type {
  font-size: 1.5em;
  margin-bottom: 5px;
}
@media (min-width: 460px) {
  .international.type-description .results .type-info .nice-type {
    font-size: 2.3em;
  }
}
@media (min-width: 768px) {
  .international.type-description .results .type-info .nice-type {
    font-size: 3.2em;
  }
}
.international.type-description .results .type-info .basic-type {
  font-size: 1.2em;
}
@media (min-width: 460px) {
  .international.type-description .results .type-info .basic-type {
    font-size: 2em;
  }
}
@media (min-width: 768px) {
  .international.type-description .results .type-info .basic-type {
    font-size: 2.8em;
  }
}
.international.type-description .results .avatar-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .international.type-description .results .avatar-wrapper {
    padding-top: 70px;
  }
}
.international.type-description .results .avatar-wrapper img {
  width: 100%;
  max-width: 320px;
}
.international.type-description .results .traits-wrapper {
  margin-bottom: 60px;
  text-align: center;
  margin-bottom: 0;
  font-size: 0.9em;
}
.international.type-description .results .traits-wrapper .bar-caption .left-trait,
.international.type-description .results .traits-wrapper .bar-caption .right-trait {
  margin: 5px 0;
  font-weight: 600;
  font-size: 0.9em;
}
.international.type-description .results .traits-wrapper .bar-caption .left-trait {
  text-align: left;
}
.international.type-description .results .traits-wrapper .bar-caption .right-trait {
  text-align: right;
}
.international.type-description .results .traits-wrapper .trait {
  margin-bottom: 30px;
}
.international.type-description .results .traits-wrapper .trait .caption {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 1.1em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.international.type-description .results .traits-wrapper .trait .tagline {
  font-size: 0.75em;
  color: #b5b5b5;
  margin-bottom: 15px;
}
.international.type-description .results .traits-wrapper .trait .bar {
  font-size: 0.9em;
  margin-bottom: 15px;
}
.international.type-description .results .traits-wrapper .trait .bar:after {
  display: table;
  content: " ";
  clear: both;
}
.international.type-description .results .traits-wrapper .trait .bar .left,
.international.type-description .results .traits-wrapper .trait .bar .right {
  background-color: #F5F5F5;
  min-width: 60px;
  max-width: calc(100% - 60px);
  float: left;
  padding: 0 15px;
}
.international.type-description .results .traits-wrapper .trait .bar .left {
  border-right: 2px solid #FFFFFF;
  border-radius: 99px 0 0 99px;
}
.international.type-description .results .traits-wrapper .trait .bar .left .count {
  float: left;
  margin: 5px 10px 5px -10px;
}
.international.type-description .results .traits-wrapper .trait .bar .left span {
  text-align: left;
}
.international.type-description .results .traits-wrapper .trait .bar .right {
  border-left: 2px solid #FFFFFF;
  border-radius: 0 99px 99px 0;
}
.international.type-description .results .traits-wrapper .trait .bar .right .count {
  float: right;
  margin: 5px -10px 5px 10px;
}
.international.type-description .results .traits-wrapper .trait .bar .right span {
  text-align: right;
}
.international.type-description .results .traits-wrapper .trait .bar .active {
  background-color: #51A9AB;
}
.international.type-description .results .traits-wrapper .trait .bar .active span {
  color: #FFFFFF;
}
.international.type-description .results .traits-wrapper .trait .bar .count {
  background-color: #FFFFFF;
  min-width: 40px;
  height: 40px;
  line-height: 42px;
  font-weight: 700;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  border-radius: 99px;
  position: relative;
}
@media (min-width: 768px) {
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip:after {
    content: "▼";
    position: absolute;
    top: -39px;
    left: 30%;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.introverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Introverted";
    left: -42px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.extraverted:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Extraverted";
    left: -43px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.intuitive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Intuitive";
    left: -23px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.observant:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Observant";
    left: -33px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.thinking:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Thinking";
    left: -23px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.feeling:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Feeling";
    left: -17px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.judging:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Judging";
    left: -19px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.prospecting:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Prospecting";
    left: -43px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.assertive:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Assertive";
    left: -28px;
  }
  .international.type-description .results .traits-wrapper .trait .bar .count.has-tooltip.turbulent:before {
    position: absolute;
    top: -60px;
    font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 300;
    content: "Turbulent";
    left: -32px;
  }
}
.international.type-description .results .traits-wrapper .trait .bar span {
  line-height: 50px;
  display: block;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.international.type-description .results .traits-wrapper .trait .explanation {
  font-size: 0.85em;
}
.international.type-description .results .traits-wrapper .trait .explanation a {
  color: #4C4C4C;
  text-decoration: underline;
  font-weight: 600;
}
.international.type-description .results .traits-wrapper .trait {
  margin-bottom: 15px;
}
.international.type-description .results .traits-wrapper .trait .bar-caption .left-trait,
.international.type-description .results .traits-wrapper .trait .bar-caption .right-trait {
  font-size: 0.9em;
  padding-top: 3px;
  margin-bottom: 5px;
}
.international.type-description .results .traits-wrapper .trait .bar-caption .left-trait {
  text-align: left;
}
.international.type-description .results .traits-wrapper .trait .bar-caption .right-trait {
  text-align: right;
}
.international.type-description .celebrities-wrapper {
  margin: 25px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 460px) {
  .international.type-description .celebrities-wrapper {
    margin: 45px 0 25px 0;
  }
}
.international.type-description .celebrities-wrapper .celebrities-nav {
  font-size: 3em;
  color: #bababa;
  padding-bottom: 30px;
  cursor: pointer;
  -webkit-flex: 0 0 25px;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
}
@media (max-width: 768px) {
  .international.type-description .celebrities-wrapper .celebrities-nav {
    display: none !important;
  }
}
.international.type-description .celebrities-wrapper .celebrities-nav.previous {
  margin-left: -15px;
  padding-right: 5px;
}
.international.type-description .celebrities-wrapper .celebrities-nav.previous.arabic {
  margin-left: 0;
  margin-right: -15px;
}
.international.type-description .celebrities-wrapper .celebrities-nav.next {
  margin-right: -15px;
  padding-left: 5px;
}
.international.type-description .celebrities-wrapper .celebrities-nav.next.arabic {
  margin-left: -15px;
  margin-right: 0;
}
.international.type-description .celebrities-wrapper .celebrities-nav .fa {
  display: none;
}
.international.type-description .celebrities-wrapper .celebrity-list {
  transition: height 0.2s ease-in-out;
}
.international.type-description .celebrities-wrapper .celebrity-list .owl-stage-outer {
  transition: height 0.2s ease-in-out;
}
.international.type-description .celebrities-wrapper .celebrity-list .celebrity {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar {
  position: relative;
  margin-bottom: 20px;
}
.international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar img {
  width: 150px;
}
.international.type-description .celebrities-wrapper .celebrity-list .celebrity .name {
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-align: center;
  font-weight: 600;
  width: 130px;
  font-size: 0.7em;
}
.international.type-description .celebrities-wrapper .celebrity-list .celebrity .movie {
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
  text-align: center;
  width: 130px;
  font-size: 0.7em;
}
@media (min-width: 460px) {
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 130px;
  }
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .name,
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 100px;
    font-size: 0.75em;
  }
}
@media (min-width: 568px) {
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 160px;
  }
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .name,
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 140px;
    font-size: 0.75em;
  }
}
@media (min-width: 768px) {
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 190px;
  }
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .name,
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 160px;
    font-size: 0.9em;
  }
}
@media (min-width: 992px) {
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .avatar img {
    width: 200px;
  }
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .name,
  .international.type-description .celebrities-wrapper .celebrity-list .celebrity .movie {
    width: 180px;
  }
}
.international.type-description .celebrities-wrapper .celebrity-list .owl-dots {
  padding: 20px 15px 0 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.international.type-description .celebrities-wrapper .celebrity-list .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  border: 1px solid #b5b5b5;
  border-radius: 15px;
  margin: 0 5px;
}
.international.type-description .celebrities-wrapper .celebrity-list .owl-dots .owl-dot.active {
  background-color: #b5b5b5;
}
.language-list {
  margin-bottom: 45px;
}
.language-list h2 {
  margin-bottom: 25px;
}
.language-list .languages-wrapper {
  margin-bottom: 20px;
}
.language-list .languages-wrapper .language {
  display: block;
  margin-bottom: 10px;
  line-height: 1.5;
}
.language-list .languages-wrapper .language .note {
  margin-left: 7px;
  color: #b5b5b5;
}
.language-list .illustration-wrapper {
  text-align: center;
  padding-top: 10px;
}
.language-list .illustration-wrapper .illustration {
  width: 100%;
  max-width: 550px;
  text-align: center;
}
.language-list .translation-cta {
  padding: 20px 25px 25px 25px;
  background-color: #F5F5F5;
}
.translation-index .active-languages .language-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 300px;
  height: 50px;
  background-color: #F5F5F5;
  border: 1px solid #dcdcdc;
  margin: 0 15px 15px 0;
  transition: all 0.05s;
  color: #4C4C4C;
}
.translation-index .active-languages .language-item:hover {
  cursor: pointer;
  box-shadow: 0 0 2px #b5b5b5;
}
.translation-index .active-languages .language-item .title {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px 10px 10px 15px;
}
.translation-index .active-languages .language-item .progress-indicator {
  width: 70px;
  height: 50px;
  font-size: 0.9em;
  text-align: center;
  font-weight: 600;
  padding-top: 13px;
  border-left: 1px solid #dcdcdc;
}
.translation-index .active-languages .language-item .progress-indicator.min {
  color: #DC6950;
}
.translation-index .active-languages .language-item .progress-indicator.mid-1 {
  color: #DFC10C;
}
.translation-index .active-languages .language-item .progress-indicator.mid-2 {
  color: #51A9AB;
}
.translation-index .active-languages .language-item .progress-indicator.max {
  color: #728D56;
}
.translation-index .suggest-language {
  margin-bottom: 45px;
}
.translation-index .suggest-language a {
  margin-top: 10px;
}
.translation-index .suggest-language .note {
  margin-top: 15px;
  font-size: 0.85em;
  color: #b5b5b5;
}
.translation-index .name-prompt .name {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 340px;
  margin-bottom: 15px;
  font-size: 0.9em;
}
.translation-index .name-prompt .note {
  margin-top: 20px;
  font-size: 0.8em;
  color: #7F7F7F;
}
.translation-new-language h2 {
  margin: 35px 0 25px 0;
}
.translation-new-language .inactive-languages {
  margin-bottom: 45px;
}
.translation-new-language .inactive-languages .language-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 300px;
  height: 50px;
  background-color: #F5F5F5;
  border: 1px solid #dcdcdc;
  margin: 0 15px 15px 0;
  transition: all 0.05s;
  color: #4C4C4C;
  padding: 10px 10px 10px 15px;
}
.translation-new-language .inactive-languages .language-item:hover,
.translation-new-language .inactive-languages .language-item:focus,
.translation-new-language .inactive-languages .language-item:active {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  box-shadow: 0 0 2px #b5b5b5;
}
.translation-item-groups h2 {
  margin: 35px 0 25px 0;
}
.translation-item-groups .item-groups {
  margin-bottom: 45px;
}
.translation-item-groups .item-groups .group-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 500px;
  width: 100%;
  background-color: #F5F5F5;
  border: 1px solid #dcdcdc;
  margin: 0 15px 15px 0;
  transition: all 0.05s;
  color: #4C4C4C;
}
.translation-item-groups .item-groups .group-item:hover,
.translation-item-groups .item-groups .group-item:focus,
.translation-item-groups .item-groups .group-item:active {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
  box-shadow: 0 0 2px #b5b5b5;
}
.translation-item-groups .item-groups .group-item .title {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px 10px 10px 15px;
}
.translation-item-groups .item-groups .group-item .progress-indicator {
  width: 70px;
  height: 50px;
  font-size: 0.9em;
  text-align: center;
  font-weight: 600;
  padding-top: 13px;
  border-left: 1px solid #dcdcdc;
}
.translation-item-groups .item-groups .group-item .progress-indicator.min {
  color: #DC6950;
}
.translation-item-groups .item-groups .group-item .progress-indicator.mid-1 {
  color: #DFC10C;
}
.translation-item-groups .item-groups .group-item .progress-indicator.mid-2 {
  color: #51A9AB;
}
.translation-item-groups .item-groups .group-item .progress-indicator.max {
  color: #728D56;
}
.translation-items.rtl .items .table .item td .top-suggestion,
.translation-items.rtl .items .table .item td .suggestion-fields .suggestion {
  direction: rtl;
}
.translation-items.rtl #suggestions-dialog .modal-body .lists .suggestions .entry .main {
  direction: rtl;
}
.translation-items h2 {
  margin: 35px 0 25px 0;
}
.translation-items .items {
  margin-bottom: 45px;
}
.translation-items .items .table th {
  padding: 15px;
  font-weight: 600;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
}
.translation-items .items .table .item td {
  width: 50%;
  border: 1px solid #DCDCDC;
  padding: 15px;
}
.translation-items .items .table .item td .original {
  margin-bottom: 10px;
}
.translation-items .items .table .item td .top-suggestion {
  color: #51A9AB;
  margin-bottom: 10px;
}
.translation-items .items .table .item td .note {
  font-size: 0.9em;
  color: #b5b5b5;
  margin-bottom: 10px;
}
.translation-items .items .table .item td .suggestion-fields {
  display: none;
}
.translation-items .items .table .item td .suggestion-fields .suggestion {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  padding: 11px 12px;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  font-size: 0.9em;
  height: 130px;
}
.translation-items .items .table .item td .suggestion-fields .comment {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  padding: 11px 12px;
  font-size: 0.9em;
  width: 100%;
  margin-bottom: 5px;
}
.translation-items .items .table .item td .suggestion-alert {
  font-size: 0.9em;
  padding: 11px 12px;
  margin: 5px 0 10px 0;
  display: none;
}
.translation-items #suggestions-dialog {
  margin-top: 5%;
}
.translation-items #suggestions-dialog .modal-dialog {
  width: 950px;
}
.translation-items #suggestions-dialog .modal-header {
  font-weight: 600;
  padding-left: 25px;
}
.translation-items #suggestions-dialog .modal-header .close {
  margin-top: 2px;
}
.translation-items #suggestions-dialog .modal-body {
  padding: 0;
}
.translation-items #suggestions-dialog .modal-body .original-info {
  padding: 20px 25px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #DCDCDC;
}
.translation-items #suggestions-dialog .modal-body .original-info .caption {
  margin: 0 0 10px 0;
}
.translation-items #suggestions-dialog .modal-body .original-info .original {
  line-height: 1.8;
}
.translation-items #suggestions-dialog .modal-body .lists {
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions {
  max-height: 567px;
  overflow: auto;
  padding: 0 25px 20px 25px;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions h4 {
  margin: 20px 0 15px 0;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry {
  margin: 25px 0;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .main p {
  margin-bottom: 15px;
  color: #51A9AB;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  border-top: 1px solid #DCDCDC;
  color: #b5b5b5;
  font-size: 0.85em;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation {
  width: 85px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .fa {
  font-size: 1.4em;
  color: #DDD;
  cursor: pointer;
  transition: all 0.05s;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .fa.upvote:hover,
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .fa.upvote.highlighted {
  color: #728D56;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .fa.downvote:hover,
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .fa.downvote.highlighted {
  color: #DC6950;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .count {
  margin: 0 7px;
  color: #4C4C4C;
  font-weight: 600;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .count.positive {
  color: #728D56;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .reputation .count.negative {
  color: #DC6950;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .author {
  padding-left: 15px;
  text-align: right;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 600;
}
.translation-items #suggestions-dialog .modal-body .lists .suggestions .entry .meta .author.own {
  color: #DC6950;
}
.translation-items #suggestions-dialog .modal-body .lists .comments {
  border-left: 1px solid #DCDCDC;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 400px;
  overflow: auto;
  padding: 0 25px;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list h4 {
  margin: 20px 0 15px 0;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .entry {
  margin: 25px 0 10px 0;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .entry.no-comments {
  margin-top: 5px;
  color: #b5b5b5;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .entry .content {
  width: 100%;
  margin-bottom: 10px;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .entry .author-info {
  text-align: right;
  font-size: 0.85em;
  color: #b5b5b5;
  border-top: 1px solid #DCDCDC;
  padding-top: 5px;
  font-weight: 600;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .entry .author-info.own {
  color: #DC6950;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .comment-list .spacer {
  font-size: 20px;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment {
  padding: 15px 25px;
  background-color: #F5F5F5;
  border-top: 1px solid #DCDCDC;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment h4 {
  margin-bottom: 10px;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment textarea {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  font-size: 0.9em;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment .action-row {
  float: right;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment .action-row .comment-alert {
  font-size: 0.9em;
  padding: 7px 15px;
  margin: 0 9px 10px 0;
  height: 40px;
  float: left;
  display: none;
}
.translation-items #suggestions-dialog .modal-body .lists .comments .new-comment .action-row .save-comment {
  float: left;
}
.translation-items #suggestions-dialog .modal-footer {
  padding: 20px 25px;
  background-color: #F5F5F5;
  border-top: 1px solid #DCDCDC;
}
.comments-section {
  margin-bottom: 30px;
}
.comments-section #comment-tabs li {
  width: 50%;
  text-align: center;
}
.comments-section #comment-tabs li a {
  color: #4C4C4C;
  margin-right: 0;
  font-size: 0.8em;
}
@media (min-width: 460px) {
  .comments-section #comment-tabs li a {
    font-size: 1em;
  }
}
.comments-section #comment-tabs li a img {
  width: 20px;
  margin-right: 5px;
  margin-top: -3px;
}
.comments-section #comment-tabs li a .fa {
  font-size: 1.2em;
  margin-right: 5px;
}
.comments-section .tab-pane {
  padding: 15px;
  border: 1px solid #DCDCDC;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
.comments-section .tab-pane#other {
  padding: 25px;
}
.comments-section .tab-pane#other .need-login {
  margin-bottom: 25px;
}
.comments-section .tab-pane#other .no-comments {
  margin-bottom: 0;
}
.comments-section .tab-pane#other .comment-links {
  text-align: center;
}
.comments-section .tab-pane#other .comment-links li {
  list-style: none;
  text-align: center;
  margin: 0 10px 5px 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
.comments-section .tab-pane#other .comment-links li:first-child a,
.comments-section .tab-pane#other .comment-links li:first-child span,
.comments-section .tab-pane#other .comment-links li:last-child a,
.comments-section .tab-pane#other .comment-links li:last-child span {
  padding-bottom: 3px;
}
.comments-section .tab-pane#other .comment-links li.active span,
.comments-section .tab-pane#other .comment-links li.active span:hover {
  background: #51A9AB;
  color: #FFFFFF;
}
.comments-section .tab-pane#other .comment-links li span,
.comments-section .tab-pane#other .comment-links li a {
  width: 45px;
  height: 45px;
  background: #F9F9F9;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4C4C4C;
  padding: 0;
}
.comments-section .tab-pane#other .comment-links li a:hover {
  background-color: #F5F5F5;
  color: #4C4C4C;
}
.comments-section #main-form,
.comments-section #reply-form {
  margin: 10px 0 30px 0;
  font-size: 0.9em;
}
.comments-section #main-form .comment-text,
.comments-section #reply-form .comment-text {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.comments-section #main-form .username-wrapper,
.comments-section #reply-form .username-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.comments-section #main-form .username-wrapper .text,
.comments-section #reply-form .username-wrapper .text {
  margin-bottom: 10px;
}
.comments-section #main-form .username-wrapper .comment-username,
.comments-section #reply-form .username-wrapper .comment-username {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  padding: 2px 10px;
  height: 40px;
  margin: 0 0 10px 10px;
}
.comments-section #main-form .username-wrapper .comment-publish,
.comments-section #reply-form .username-wrapper .comment-publish {
  margin: 0 0 10px 10px;
}
.comments-section #main-form .alert-wrapper,
.comments-section #reply-form .alert-wrapper {
  text-align: right;
}
.comments-section #main-form .alert-wrapper .alert,
.comments-section #reply-form .alert-wrapper .alert {
  display: none;
  margin-bottom: 10px;
  padding: 7px 15px;
}
.comments-section #reply-form {
  font-size: 1em;
  margin: 15px 0;
}
.comments-section .comment-wrapper {
  border-top: 1px solid #DDD;
  padding-top: 5px;
  margin-bottom: 20px;
}
.comments-section .comment-wrapper .comment-reply {
  font-size: 0.8em;
}
.comments-section .comment-wrapper .comment-reply .reply-link {
  text-decoration: none;
  outline: 0;
}
.comments-section .comment-wrapper .comment-reply .reply-link.active {
  color: #DC6950;
}
.comments-section .subcomment-wrapper {
  border-top: 1px dotted #DDD;
  margin-top: 20px;
  margin-bottom: 0px;
}
.comments-section .subcomment-wrapper .comment-reply {
  margin-left: calc(8.33333% + 5px);
}
.comments-section .comment-caption {
  padding-top: 10px;
}
.comments-section .comment-name {
  font-weight: bold;
}
.comments-section .comment-response-marker {
  font-size: 0.8em;
  color: #D4D4D4;
}
.comments-section .comment-date {
  font-size: 0.7em;
  margin-bottom: 15px;
}
.comments-section .comment-reputation {
  text-align: center;
}
.comments-section .comment-reputation span {
  font-size: 0.9em;
  width: 20px;
  display: inline-block;
  cursor: pointer;
}
.comments-section .comment-good-rep {
  color: #70BC4F;
}
.comments-section .comment-bad-rep {
  color: #CA3A3A;
}
.comments-section .comments-voteup:hover {
  color: #70BC4F;
}
.comments-section .comments-votedown:hover {
  color: #CA3A3A;
}
.comments-section .comment-content {
  padding-bottom: 20px;
}
.comments-section .comment-content.no-padding {
  padding-bottom: 0;
}
.comments-section .comment-content .comment-text {
  white-space: pre-wrap;
}
.comments-section .comment-response {
  font-size: 0.8em;
}
.comments-section .comment-response a {
  text-decoration: none;
}
.comments-section #response-temp {
  display: none;
  width: 100%;
}
.comments-section .comment-response-text {
  margin-top: 5px;
  padding-right: 30px;
}
.comments-section .comment-response-text textarea {
  margin: 10px 0 0 15px;
  width: 100%;
  height: 90px;
  padding: 8px;
  border: 2px solid rgba(0, 35, 55, 0.1);
  font-size: 16px;
}
.comments-section .comment-response-text-bottom {
  padding-right: 15px;
  font-size: 0.8em;
}
.comments-section .comment-response-textarea-bottom {
  font-size: 16px;
  margin: 0;
}
.comments-section .comment-response-text-bottom-2 {
  padding-left: 0;
}
.comments-section .comment-response-name {
  display: inline-block;
  padding-top: 5px;
}
.comments-section .comment-response-name input[type=text] {
  margin: 0 0 5px 5px;
  padding: 4px 6px 6px 6px;
  border: 2px solid rgba(0, 35, 55, 0.1);
  font-size: 16px;
}
.comments-section #comment-publish-bottom {
  margin-left: 5px;
  margin-top: 5px;
  padding: 8px 14px;
}
.comments-section .comment-report-used {
  color: #CA3A3A;
  cursor: default;
}
.comments-section .comment-report-used:hover,
.comments-section .comment-report-used:active,
.comments-section .comment-report-used:focus {
  color: #CA3A3A !important;
  cursor: default;
}
.user-profile .actions-wrapper .message-button {
  margin-bottom: 15px;
}
.user-profile #messageDialog {
  text-align: left;
  margin-top: 15%;
}
.user-profile #messageDialog .modal-body {
  padding: 25px;
}
.user-profile #messageDialog .modal-body .message {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
  height: 200px;
}
.user-profile #messageDialog .modal-body .message-alert {
  display: none;
  margin-bottom: 10px;
}
.user-profile #messageDialog .modal-body .action-row {
  text-align: right;
}
.user-profile #messageDialog .modal-body .action-row a {
  outline: 0;
}
.user-profile #messageDialog .modal-body .action-row .action-send,
.user-profile #messageDialog .modal-body .action-row .action-conversation {
  margin-left: 7px;
  min-width: 175px;
}
.user-profile #messageDialog .modal-body .action-row .action-send .fa,
.user-profile #messageDialog .modal-body .action-row .action-conversation .fa {
  margin-right: 5px;
}
.js-template {
  display: none;
}
.comments-wrapper #response-bottom #comment-bottom {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.comments-wrapper .comment-wrapper .comment-response #comment {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
}
.comments-wrapper .comment-wrapper .comment-response .comment-publish .comment-response-name {
  margin-bottom: 5px;
}
.comments-wrapper .comment-wrapper .comment-response .comment-publish #comment-publish {
  height: auto;
  margin-top: 0;
}
.type-comments {
  padding-bottom: 30px;
}
.type-comments.grey {
  opacity: 0.5;
  padding: 30px 0;
  background-color: #F5F5F5;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: -1px;
}
.type-comments.grey #comments-section #comment-tabs li.active > a {
  background-color: #F5F5F5;
}
.type-comments .comments-section {
  margin: 0 auto;
  width: 100%;
  max-width: 1170px;
}
.career-story header {
  margin-bottom: 30px;
  padding: 10px 15px;
  background-color: #F5F5F5;
  border-radius: 3px;
  border: 1px solid #DDD;
}
.career-story header img {
  width: 70px;
  margin-right: 10px;
}
.career-story h2 {
  font-size: 1.2em;
  font-family: Montserrat, "Open Sans", "Helvetica Neue", Arial;
}
.contact-page a,
.contact-page .email-link {
  color: #51A9AB;
}
.contact-page a:hover,
.contact-page .email-link:hover,
.contact-page a:focus,
.contact-page .email-link:focus,
.contact-page a:active,
.contact-page .email-link:active {
  text-decoration: none;
  color: #418788;
  border-bottom: 1px solid #51A9AB;
}
.contact-page .top-right-wrapper .company-info {
  margin: 20px 0 15px 0;
  background-color: #F5F5F5;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  padding: 0 15px;
}
.contact-page .top-right-wrapper .company-info .name {
  font-weight: 600;
  margin: 15px 0 10px 0;
}
.contact-page .top-right-wrapper .company-info .address,
.contact-page .top-right-wrapper .company-info .registration {
  font-size: 0.8em;
  line-height: 1.8;
  margin-bottom: 15px;
}
.contact-page.international {
  margin-bottom: 45px;
}
.gifts.redeem.step-1 .code {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  display: block;
  margin-bottom: 15px;
  width: 200px;
}
.gifts.redeem.step-1 .alert {
  display: inline-block;
  font-size: 0.9em;
  margin-bottom: 15px;
  padding: 10px;
}
.gifts.redeem.step-2 .existing-form .email {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  display: block;
  margin: 30px 0 15px 0;
  width: 290px;
}
.gifts.redeem.step-2 .existing-form .alert {
  display: inline-block;
  font-size: 0.9em;
  margin-bottom: 15px;
  padding: 10px;
}
.gifts.redeem.step-2 .info-wrapper {
  margin: 30px 0;
}
.gifts.redeem.step-2 .info-wrapper .type-list,
.gifts.redeem.step-2 .info-wrapper .email {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 290px;
  margin: 0 5px;
}
.gifts.redeem.step-2 .note {
  font-size: 0.8em;
  font-style: italic;
  color: #b5b5b5;
  margin-top: 15px;
}
.forgot-password input,
.reset-password input {
  border: 1px solid #E9E9E9;
  padding: 11px 15px;
  border-radius: 3px;
  width: 300px;
  margin-bottom: 15px;
}
.forgot-password .alert,
.reset-password .alert {
  display: inline-block;
  margin-bottom: 15px;
}
.personality-test {
  padding: 0;
}
.personality-test .trademark {
  font-weight: 600;
  margin: -10px 0 15px 0;
  text-align: center;
  color: #BBB;
}
@media (min-width: 768px) {
  .personality-test .trademark {
    font-size: 1.3em;
  }
}
.personality-test .progress-wrapper {
  padding: 0 10px;
  margin-top: -25px;
}
@media (min-width: 992px) {
  .personality-test .progress-wrapper {
    padding: 10px 200px;
  }
}
.personality-test .progress-wrapper .progress-tick {
  width: 41px;
  text-align: center;
  padding: 0;
  font-size: 0.95em;
  color: #51A9AB;
  margin-bottom: 8px;
  position: relative;
  background: #FFF;
  border: 4px solid #F5F5F5;
  left: -20px;
  top: 36px;
  height: 41px;
  border-radius: 99px;
  box-shadow: 1px 1px 2px 1px #CCC;
  line-height: 34px;
  font-weight: 700;
}
.personality-test .progress-wrapper .progress {
  height: 17px;
  border-radius: 20px;
  margin-bottom: 0;
  box-shadow: none;
}
.personality-test .progress-wrapper .progress .progress-bar {
  background-color: #51A9AB;
  transition: none !important;
  box-shadow: none;
}
.personality-test #test-form {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .personality-test #test-form {
    padding: 30px 200px 0 200px;
  }
}
.personality-test #test-form .question-wrapper {
  padding: 30px 0;
  border: 1px solid #F5F5F5;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .personality-test #test-form .question-wrapper {
    border-left: none;
    border-right: none;
  }
}
.personality-test #test-form .question-wrapper .statement {
  text-align: center;
  font-weight: 600;
  padding: 0 15px;
}
.personality-test #test-form .question-wrapper .decision {
  margin-top: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.personality-test #test-form .question-wrapper .decision.mobile {
  margin-top: 10px;
}
.personality-test #test-form .question-wrapper .decision.mobile .caption {
  font-size: 0.75em;
}
.personality-test #test-form .question-wrapper .decision.mobile .caption.left {
  text-align: left;
  padding-left: calc(7.14% - 3px);
}
.personality-test #test-form .question-wrapper .decision.mobile .caption.right {
  text-align: right;
  padding-right: calc(7.14% - 3px);
}
.personality-test #test-form .question-wrapper .decision .caption {
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 700;
}
.personality-test #test-form .question-wrapper .decision .caption.left {
  text-align: right;
  padding-right: 0;
  color: #4C9070;
}
.personality-test #test-form .question-wrapper .decision .caption.right {
  text-align: left;
  padding-left: 0;
  color: #94657E;
}
.personality-test #test-form .question-wrapper .decision .options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.personality-test #test-form .question-wrapper .decision .options .option {
  border-radius: 150px;
  padding: 0;
  cursor: pointer;
  transition: none;
}
.personality-test #test-form .question-wrapper .decision .options .option:active {
  box-shadow: 0 0 4px 4px #F5F5F5;
}
.personality-test #test-form .question-wrapper .decision .options .option.agree {
  background-color: #FFFFFF;
  border: 4px solid #4C9070;
}
.personality-test #test-form .question-wrapper .decision .options .option.agree.active,
.personality-test #test-form .question-wrapper .decision .options .option.agree:hover {
  background-color: #4C9070;
}
.personality-test #test-form .question-wrapper .decision .options .option.neutral {
  background-color: #FFFFFF;
  width: 28px;
  height: 28px;
  border: 4px solid #ececeb;
}
.personality-test #test-form .question-wrapper .decision .options .option.neutral.active,
.personality-test #test-form .question-wrapper .decision .options .option.neutral:hover {
  background-color: #ececeb;
}
.personality-test #test-form .question-wrapper .decision .options .option.disagree {
  background-color: #FFFFFF;
  border: 4px solid #94657E;
}
.personality-test #test-form .question-wrapper .decision .options .option.disagree.active,
.personality-test #test-form .question-wrapper .decision .options .option.disagree:hover {
  background-color: #94657E;
}
.personality-test #test-form .question-wrapper .decision .options .option.max {
  width: 40px;
  height: 40px;
}
.personality-test #test-form .question-wrapper .decision .options .option.med {
  width: 34px;
  height: 34px;
}
.personality-test #test-form .question-wrapper .decision .options .option.min {
  width: 28px;
  height: 28px;
}
.personality-test #test-form .question-wrapper .decision .options .option.active {
  background-color: #FFFFFF;
  box-shadow: none;
}
.personality-test #test-form .question-wrapper .decision .options .option input {
  cursor: pointer;
}
.join-page .unicorns {
  display: block;
  font-size: 0.85em;
  margin: 15px 0 50px 0;
}
.sidebar .sidebar-results-widget .cta-note {
  padding: 0 15px;
  font-size: 0.85em;
  color: #b5b5b5;
  margin-bottom: 20px;
}
.sidebar #stickySidebar .sidebar-nav-panels {
  margin: 0 0 5px 23px;
}
.sidebar #stickySidebar .sidebar-nav-panels:last-of-type {
  padding-bottom: 20px;
}
.sidebar #stickySidebar .sidebar-nav-panels a {
  display: inline-block;
  padding-bottom: 4px;
}
#footer {
  padding: 3% 0 0 0;
  border-top: 1px solid #EEE;
  background: #FFFFFF;
}
#footer .footer-section {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #footer .footer-section {
    margin-bottom: 0;
  }
}
#footer .footer-section.logo-part {
  margin-top: 15px;
}
@media (min-width: 768px) {
  #footer .footer-section.logo-part {
    margin-top: 0;
  }
}
#footer .logo {
  display: block;
  max-width: 210px;
}
#footer .logo img {
  margin: 0 0 1em 0;
  max-width: 210px;
  max-height: 47px;
}
#footer .logo svg {
  display: block;
}
#footer a:not(.btn) {
  color: #4C4C4C;
}
#footer p {
  color: #4C4C4C;
  font-size: 0.8em;
}
#footer h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1em;
  font-weight: 500;
  text-transform: none;
}
#footer nav .highlighted a {
  margin-bottom: 7px;
  font-size: 0.8em;
  border-radius: 3px;
}
#footer nav a {
  display: block;
  padding: 0.6em 0;
  outline: 0;
  font-size: 0.8em;
}
#footer .copyright,
#footer .stats {
  padding-top: 14px;
  padding-right: 25px;
  font-size: 0.8em;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  #footer .copyright,
  #footer .stats {
    padding: 30px 15px 40px 15px;
  }
}
#footer .copyright {
  color: #b5b5b5;
  text-align: right;
}
@media (min-width: 768px) {
  #footer .copyright {
    text-align: left;
  }
}
#footer .stats {
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 30px;
}
#footer .stats span {
  color: #51A9AB;
}
@media (min-width: 570px) {
  #footer .stats span {
    margin-left: 20px;
  }
}
#footer .checkout-terms {
  margin-top: 8px;
  padding-right: 10px;
  text-align: right;
}
@media (min-width: 768px) {
  #footer .checkout-terms {
    padding-right: 0;
  }
}
#footer .checkout-terms a {
  display: inline-block;
  font-size: 0.8em;
  margin-bottom: 10px;
  outline: 0;
}
#footer .checkout-terms a:last-of-type {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #footer .checkout-terms a:last-of-type {
    margin-bottom: 0;
  }
}
.footer-translation-alert {
  font-size: 0.75em;
  margin-bottom: 30px;
  padding: 10px 13px;
  line-height: 1.8;
}
.social-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .social-wrapper {
    padding: 29px 0 20px 0;
    margin-bottom: 35px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.social-wrapper .social-count {
  text-align: center;
  line-height: 1;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .social-wrapper .social-count {
    margin: -7px 15px 0 0;
    padding-right: 15px;
  }
}
.social-wrapper .social-count .number {
  font-size: 2.5em;
  margin-bottom: 3px;
  font-weight: bold;
}
.social-wrapper .social-count .title {
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  color: #818284;
}
.social-wrapper .social-items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.social-wrapper .social-items .social-item {
  margin: -3px 10px 0 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  width: 50px;
  border-radius: 3px;
}
.social-wrapper .social-items .social-item.higher-opacity {
  opacity: 1 !important;
}
@media (min-width: 768px) {
  .social-wrapper .social-items .social-item {
    margin-right: 15px;
    width: 120px;
  }
  .social-wrapper .social-items .social-item:hover {
    opacity: 0.8;
    margin-top: 0;
  }
}
.social-wrapper .social-items .social-item.twitter a {
  background-color: #55ACEE;
}
.social-wrapper .social-items .social-item.facebook a {
  background-color: #40589F;
}
.social-wrapper .social-items .social-item.google a {
  background-color: #DD4B39;
}
.social-wrapper .social-items .social-item.pinterest a {
  background-color: #CC2127;
}
.social-wrapper .social-items .social-item.vkontakte {
  background-color: #4C75A3;
}
.social-wrapper .social-items .social-item a {
  width: 100%;
  display: block;
  padding: 10px;
}
.social-wrapper .social-items .social-item a img {
  height: 30px;
}
.social-wrapper .social-items .social-item:last-child {
  margin-right: 0;
}
/* General */
body {
  padding: 0 15px;
}
@media (min-width: 768px) {
  body {
    padding: 0;
  }
}
.welcome-container {
  margin-left: 0;
}
.welcome-container-wrapper {
  padding-right: 0;
}
/* Grid */
.columns {
  float: left;
  margin: 0 4.5% 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media all and (max-width: 768px) {
  .columns {
    float: none;
    width: auto !important;
    margin-right: 0;
  }
}
.columns.center {
  float: none;
  margin: 0 auto !important;
}
.columns:last-child,
.columns .last {
  margin-right: 0;
}
.columns.one {
  width: 4.20833333333%;
}
.columns.two {
  width: 12.9166666667%;
}
.columns.three {
  width: 21.625%;
}
.columns.four {
  width: 30.3333333333%;
}
.columns.five {
  width: 39.0416666667%;
}
.columns.six {
  width: 47.75%;
}
.columns.seven {
  width: 56.4583333333%;
}
.columns.eight {
  width: 65.1666666667%;
}
.columns.nine {
  width: 73.875%;
}
.columns.ten {
  width: 82.5833333333%;
}
.columns.eleven {
  width: 91.2916666667%;
}
.columns.twelve {
  width: 100%;
  margin-left: 0;
}
.constraint {
  max-width: 1170px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 2em;
}

/*# sourceMappingURL=main.css.map */

/*# sourceMappingURL=16p-all-v1.css.map */