/* inhoud media-queries.css */

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.msf-form form input[type="text"] { width: 300px; }

}

@media (max-width: 767px) {
	
	.navbar>.container .navbar-brand { margin-left: 15px; }
	.navbar-inverse .navbar-collapse { border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-toggle { margin-top: 5px; border: 0; }
    ul.navbar-nav { text-align: center; }
    
    .msf-form form .form-group { display: inline-block; vertical-align: middle; }
	.msf-form form .form-control { display: inline-block; }
	.msf-form form input[type="text"] { width: 300px; }
	.msf-form form input[type="email"] { width: 300px; }
	.msf-form form input[type="password"] { width: 300px; }
	.msf-form form textarea.form-control,
	.msf-form form select.form-control { width: 300px; }
	.msf-form form .checkbox-inline+.checkbox-inline, .msf-form form .radio-inline+.radio-inline { margin-left: 0; }
    
}

@media (max-width: 415px) {
	
	.navbar>.container .navbar-brand { width: 100%; height: 60px; margin: 0; background-position-x: center; }

	h1 { font-size: 24px; /*line-height: 28px*/ }

	h2 { font-size: 18px; /*line-height: 24px*/ }
	
	.msf-form form textarea.form-control,
	.msf-form form select.form-control { width: 200px; }

}

/* Retina-ize images/icons

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	 */
	/* logo 
    .navbar-brand {
    	background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 229px 36px !important;
    }
	
}
*/

/* einde inhoud media-queries.css */



/* Disable Menu SlideInDown */

.slideInDown {
     /*CSS transitions*/
 transition-property: none !important;
 /*CSS transforms*/
 transform: none !important;
 /*CSS animations*/
 animation: none !important;
}

/* Show white box shadow on screen sizes >500px */

@media (min-width: 500px){

	section.registration_area{
		padding-bottom:40px;
	}
}

/* To test box shadow */

/* Disable text selection in footer text and underlying pages(like bedrijfsgegevens) */

.vero_widget, .blog_details_content {
	webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

/* Uitlijning van alle labels en formulier elementen */


.geboortedatum .dag, .provincie {
	padding: 0 5px 0 0 !important;
}

.geboortedatum .maand, .stad {
	padding: 0 0 0 0 !important;
}

.geboortedatum .jaar {
	padding: 0 0 0 5px !important;
}

.stad input, .stad input:focus {
	border: none;
    width: 100%;
    outline: none;
}

.form-group-username {
	display:block !important;
}

#location-container {
	border: 1px solid #e0e0e0;
    box-shadow: 1px 3px 10px #adadad;
    z-index: 100;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

#location-container ul li {
	background-color: #FFF;
	float: left;
    width: 100%;
    padding: 0 12px;
    font-size: 0.8em;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
}

#location-container ul li:hover {
	background-color: #fdf1f0;
}


/* Opmaak van placeholder */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #828282 !important;
  opacity: 1; /* Firefox */
  font-weight: normal !important;
  font-size: 14px !important;
}

.gebruikersnaam {
	margin-top: 60px;
}

#registerform {
	padding-bottom: 20px;
}

.error-message {
	margin: 10px 0 0 0;
}

.error-message > .alert {
	font-size: 10px;
}
/*
.login_btn {
	margin:0 10px 0 0;
}*/

.register_btn {
	margin: 10px 0 0 0;
    width: auto;
    padding: 0 16px;
}

@media (max-width: 991px){
    .logout {
         padding: 20px 0 20px 0;
    }
}

.sideBar {
	 height: calc(100% - 110px);
}   

@media (max-width: 685px){

body {
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
    font-size: 14px;
    color: #000;
	line-height: normal;
}

.register_btn {
	margin:20px 0 0 0;
}
}

.subtext {
	font-size: 10px !important;
	font-weight: 300;
}

.error {
	color: #e74c3c !important;
	display: block;
}

.hoe_werkt_het {
    margin: 30px 0 30px 0;
}

.find_soul_item {
    margin-top:10px;
}

@media screen and (min-width: 768px) {
    .hide-back-btn {
        display: none !important;
    }
}

.heading-name-meta {
	display: inline-block;
	vertical-align:middle;
	padding:0;
}

.btn-circle {
  width: 30px;
  height: 30px;
  background-color: var(--btn-primary-bg-color) !important;
  color: var(--btn-primary-text-color) !important;
  border:none;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.heading-name-meta {
    font-weight: 400;
}

.previous a {
    text-decoration: none;
    font-weight: 400;
}

.app .message-body {
    margin: 10px 0 10px 0 !important
}

.previous {
	margin-bottom:-10px;
}

@media screen and (max-width: 685px) {
	span.sr-only {
	    top: 1px;
	    font-size:12px;
}
	.app .message-text {
	    font-size:14px;
		font-weight:300;
	}
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        margin-right: 48px;
    }
}

.hide-footer{
		display:none;
	}

.app {
    height: calc(100% - 53px);
    padding-top: 32px;
}

.app .message {
    padding: 0px !important;
}

@media screen and (max-width: 767px) {
	.replypage {
		position: fixed;
  		top: 50px;
  		left: 0px;
}
	.conversation{
		padding: 60px 0 0 0 !important;
		border: none;

	}
	.app-one{
		margin: -30px -15px 0 -15px;
		height: calc(100% + 30px);
	}
	.sideBar {
    padding: 0 0 30px 0 !important;
	}
	.reply{
		position: fixed; 
	    bottom: 0;
	    left: 0;
	    right: 0;
	}
	
	.app .message {
    	padding: 0 0 54px !important;
    	scroll-behavior: smooth;
    }
    
    body {
    	padding-bottom:0px;
    }
}

@media screen and (min-width: 767px) {
.reply{
		position: absolute; 
	    bottom: 0;
	    left: 0;
	    right: 0;
	}

	.app .message {
		    height: calc(100vh - 194px);
		    border-right: 2px solid #FFF;
	}
	.searchBox {
    padding: 10px 0 10px 0 !important;
	}
}

.header_menu_area {
    z-index: 1001;
    position: relative;
}

@media screen and (min-width: 992px) {
.header_mobile {
	display:none;
}
.header_menu_area .navbar-default .navbar-header .navbar-brand {
    line-height: 45px;
}
.header_menu_area .navbar-default {
    background:#000;
    /*background: rgba(0, 0, 0, 1);*/
}
.dropdown-menu-left{
	background-color:#000000;
	padding: 0px;
}
.dropdown-menu-right{
    right: 0;
    background-color:#000;
    padding: 0px;
}
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li {
    margin-right: 0px;
}
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
    transition: none;
    padding: 0 10px 0 10px;
}
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:hover {
    background-color:#fdf1f0;
    color:#000 !important;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:active {
    background-color:#fdf1f0;
    color:#000 !important;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:before{
	text-decoration: none;
    background-color: transparent !important;
}
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a {
    color: #FFF;
}
.sub-item {
	margin-right: 0px !important;
}
.sub-item a{
	width:160px;
}
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
font-size:15px;
font-weight: 300;
}
.logo-logged-out{
margin-top:25px;	
}
.subtext-link-xs{
	display:none;
}
}

@media screen and (max-width: 991px) {
.header_desktop {
	display:none;
}
.subtext-link-large{
	display:none;
}
}

.app .message-text {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: none;
}

.app .message-main-sender {
    margin-left: 10% !important;
    max-width: 90%;
}

.app .message-main-receiver {
    max-width: 90%;
}

.app .message-time {
    margin-left: 20px !important;
    font-size: 10px;
    font-weight: 100;
}

.message-textarea{
	resize: none;
    overflow: hidden;
    min-height: 5px;
    max-height: 100px;
}

.reply-emojis {
    padding: 0 5px !important;
    height:100%;
}

.reply-send i{
	padding:0px !important;
    font-size: 29px !important;
}

.searchBox-inner {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 768px) {
    .reply-emojis, .reply-send{
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
.reply-emojis {
    padding: 5px !important;
}
.reply-emojis i{
    position: fixed;
    bottom: 5px;
    font-size: 28px !important;
}
.reply-send i{
	position: fixed;
	bottom: 9px;
}
.heading-avatar-icon img {
    height: 40px;
    width: 40px;
}
.heading {
    height: 60px;
    }
.sideBar {
    height: calc(100% - 100px);
}
.searchBox{
	height: 60px;
}
.name-meta {
	font-size:18px !important;
}
.searchBox-inner {
	background-color:#FFF;
}
}

@media (max-width: 991px) {
.navbar-toggle {
    margin-top: 9px;
    margin-bottom: 0;
}
.header_menu_area .navbar-default .navbar-header .navbar-brand {
    line-height: 45px;
}
}

.logo {
	height: 26px;
}

.pic {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.name-meta {
	padding: 0 0 0 5px !important;
	vertical-align: middle;
	font-size:16px;
}

.sideBar-body{
	min-height: 0px;
	white-space: nowrap;
    overflow: hidden;
}

.heading-compose i {
    padding: 0;
    cursor: auto;
    }

a:hover {
	color: currentColor;
}

.heading-name-meta{
	font-size:18px;
}

.advanced_search .search_inner {
    padding: 15px;
    border-radius:0;
}

.advanced_search {
    position: static;
    text-align: left;
    margin-bottom: 56px;
}

.advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle {
	border-radius: 4px;
	text-align:left;
}

.login_btn, .login_btn:before, .login_btn:after {
	border-radius: 4px !important;
}

.search_btn {
	width:100px;
}

.advanced_search .search_inner {
    background: #e64c3c87;
}

@media (max-width: 360px) {
    .hide-xs {
        display:none !important;
        font-size:50px;
    }
}

.search_btn {
    width: 110px;
}


.advanced_search .search_inner .search_item h5 {
font-size:16px;
font-weight: 100;	
}

.filter-panel h5 {
	margin-bottom:10px;
}

h1, h2, h3, h4{
	font-family: "Barlow Condensed", "Barlow Condensed-fallback", sans-serif !important;
	font-weight: 400 !important;
	font-size: 32px !important;
}

h4{
	font-weight: 400 !important;
}

h5{
	font-weight: 400 !important;
	color:inherit;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.active_mem_item h4 {
    margin: 0px;
    font-size: 22px !important;
}

.active_mem_item h5 {
    font-size: 16px !important;
}

.members_about_box p {
    font-size: 15px;
}

.credit {
	font-family: "Barlow Condensed", sans-serif !important;
    font-size: 30px;
    font-weight:400;
}

.find_soul_area h4{
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
    color: #2e3c43;
    font-size: 16px;
    overflow: hidden;
    clear: both;
}

.find_soul_area h5{
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
    color: #334249;
    font-size: 16px;
}

@media (min-width: 1200px){
.carousel {
	height: 260px;
}
}

.filter_btn {
	width: 258px;
}

.carousel_area {
	padding: 110px 0 0 0 ;
	background-color: #FFF;
}

@media (max-width: 992px){
.carousel_area {
	padding: 80px 0 0 0 ;
}
}

html {
  scroll-behavior: smooth;
}


.navbar-nav .active {
    background-color:#fdf1f0;
    color:#000;
}

.registerform-subtext {
	color: #FFF;
	margin-bottom: 20px;
}

.owl-nav {
	display:none;
}

.owl-dots{
	margin: 20px 0;
}

.thumbnail{
	margin-bottom: 0;
	border: none;
	padding: 0;
}
    
.age {
	font-weight: 200 !important;
} 

.fa-circle {
	font-size: 12px;
	color:green;
	margin-left: 5px;
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.show_all {
	width: 150px;
	height: 150px;
	background: url(../img/show_all.png);
	background-repeat: no-repeat;
    background-size: 100%;
}

@media (min-width: 768px) and (max-width:991px) {
	.show_all {
		width: 121px;
		height: 121px;
	}
}

.show_all_h h4 {
	font-weight: 400 !important;
}

.copyright .copyright_left .copyright_text {
    max-width: none;
    float: none;
    text-align: center;
    width: 100%;
}

.find_soul_area .welcome_title {
    padding-bottom: 40px;
}

.find_soul_area h4 {
    font-weight: 500 !important;
}

.actives_members .active_mem_item {
    padding-bottom: 20px;
}

.actives_members .col-xs-4 .active_mem_item {
    margin-bottom: 8px;
    padding-bottom: 0;
}

#banner .col-xs-4 .active_mem_item {
    padding-bottom: 0;
    margin-bottom: 0;
}

.col-sm-2 {
    margin-bottom: 0px;
}

.actives_members {
    padding-bottom: 20px;
}



@media (max-width: 992px){
.find_soul_area .welcome_title {
    padding-bottom: 20px;
}
}

.registration {
	margin-top: 40px;
}

.right_side_content .col-sm-4 {
	padding: 0 15px !important;
	margin-bottom: 10px;
}

.blog_grid_area {
    padding: 32px 0px 40px 0px;
}

.members_about_box {
    border: 0;
    border-radius: 0;
    background-color: #e64c3c14;
}

@media (min-width: 768px){
.right_side_content .login_btn {
    margin: -10px !important;
}

.right_side_content {
    padding-left: 10px;
}
}

@media (max-width: 767px){
.right_side_content .login_btn {
    margin: 0 !important;
}
}

/*
.right_sidebar_area {
	margin-top:-20px;
}
*/

@media (max-width: 767px) {
.right_sidebar_area {
    text-align: left;
}
}


.s_title {
    padding-bottom: 10px;
}

.profile_list_even {
	background-color: #e64c3c14;
}

.profile_list_even li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 4px);
}

.profile_list_even li:first-letter {
	text-transform: uppercase;
}

.members_profile_inners .profile_list ul {
	padding: 10px 0 10px 20px !important;
}

@media (max-width: 600px) {
.members_profile_inners .profile_list ul {
	padding: 10px 0 10px 20px !important;
	}
}

.profile_list h4 {
	margin: 24px 0 16px 15px;
}

.s_widget {
	margin-bottom: 20px
}

.profile_list {
    margin-bottom: 0px;
    padding: 0 15px 0 0;
}

.user_img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top;
    pointer-events: none;
}

.members_about_box {
    min-height: 260px;
}

.dropdown-menu>li>a {
    padding: 10px 16px;
}

.members_message_box textarea {
    border: none;
    background-color: #fce4e2 !important;
    border-radius: 0;
    height: 275px !important;
    padding: 16px;
}

.members_message_box textarea:focus {
    border: none;
    background-color:#FFF !important;
    border-radius: 0;
}

.mijn-profiel-button button.btn.form-control.save_btn{
    float: left;
    width: 200px;
}

.save_btn {
    margin-top: 10px;
}

#password .save_btn {
    margin: 0;
}


@media (max-width: 600px) {
    .save_btn{
        width: 100% !important;
    }

    #password .save_btn {
        margin-top: 10px;
        max-width: 400px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
.user_image_account {
	max-height: 275px;
	width: auto !important;
}
}

@media (max-width: 767px) {
.user_image_account {
	width: 100% !important;
	height: auto !important;
}
}

@media (min-width: 1200px) {
.members_message_box textarea {
    height: 345px !important;
}
}

@media (max-width: 767px) {
    .members_message_box textarea {
        margin-top: 32px;
        margin-bottom: -8px;
    }
}

.account_btn {
	width: 220px;
}

@media (min-width: 992px) {
.sidebar{
	background-color: #FFF;
}
}

.right_sidebar_area{
	padding-bottom: 20px;
}

.right_side_content {
    margin: 10px 0 20px 0;
}

.notificatie-freq{
	margin-top: 20px;
}

.information_widget ul li a {
	transition: none;
}

.information_widget ul li a:hover {
    color: #e74c3c;
}

.actives_members .section-background{
	background-color: #fdf1f0;
	padding-top: 30px;
	padding-bottom: 10px;
}

.actives_members .section-no-background{
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 10px;
}

.actives_members_home{
	background-color: #fdf1f0;
	padding-top: 0;
}

#payment {
	background-color: #fdf1f0;
}

.payment-card {
    background-color: #FFF;
    border: none;
    border-radius: 5px;
}

.credit-top {
    background-color: #FFF;
    color: #989898;
    border: none;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    height: auto;
}

.credit-body {
    border: none;
    padding: 0 10px 10px;
}

.small{
	font-size: 12px;
}

.pricing{
	background-color: #FFF;
	padding: 10px;
	border: none;
	text-align: center;
}

hr{
	margin-top: 10px;
	margin-bottom: 20px;
}

.credit-body hr {
    margin: 0 0 20px;
}

.fa-check {
	color: green;
	margin-right:5px;
}

.credit-body ul{
	text-align: left;
    width: 144px;
    margin: auto;
}

.credit-body ul.extra-wide {
    width: 164px;
}

.credits{
	margin-bottom: 20px;
}

.bottom_btn{
	margin-bottom: 0px;
}

.dropdown-payment{
	min-width: 200px;
}

.owl-theme .owl-dots .owl-dot {
    background-color: #FFF !important;
}

.owl-item{
	background-color: #FFF !important;
}

@media (min-width: 992px) {
.frequency{
	width: 136px;
}
}

.blog_grid_area{
	background-color: #fdf1f0;
}

body{
	background-color: #fdf1f0;
}

@media (max-width: 767px) {
.flirt-dropdown{
	width: calc(100% - 30px);
    margin: 2px 15px 0;
}
}

@media (min-width: 768px) {
.flirt-dropdown{
	width: calc(100% - 28px);
    margin: 11px 4px 0;
    font-size: 11px;
}
.flirt-dropdown>li>a {
    padding: 10px 10px;
}
}

@media (min-width: 1200px) {
.flirt-dropdown{
	width: calc(100% - 28px);
    margin: 11px 4px 0;
    font-size:14px;
}
.flirt-dropdown>li>a {
    padding: 10px 14px;
}
}

.flirt-dropdown{
	border: none;
}

.btn:focus {
    color: #FFF;
}

.btn.focus {
    color: #e64c3c;
}

.btn:hover{
 	color: #e64c3c;
}

.app-one {
    background-color: #fdf1f0;
    border-radius: 4px;
}

.searchBox-inner, .searchBox, .heading {
	background-color: #FFF;
}

.conversation{
	border:none;
}

@media (max-width: 767px) {
.heading-compose i {
	color:#93918f;
}
}


.single_blog_middle {
    padding-top: 20px;
}

legend{
	text-align: left;
	line-height: 60px;
}

@media screen and (max-width: 684px) {
fieldset legend {
    font-size: 24px;
    color: #333;
}
}

.blog_details_content h4 {
	font-size: 18px;
}

.ul_anoniem {
	padding: 10px 0;
}

.betaal_img {
    height: 20px;
    width: 20px;
    margin-right: 3px;
    margin-top: -2px;
}

.old-price {
	font-size: 12px;
	position: absolute;
	top:138px;
	color: #e64c3c;
}

.credit-body strong {
	font-size:18px;
}

.prijs {
	margin-left: 0px;
}

.gekozen-pakket .prijs {
    margin-bottom: 56px;
}

.prijs p:nth-child(2) {
    color: #989898;
    border: none;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 4px;
}

.prijs p:nth-child(2) i {
    color: #989898;
}

.badge-gratis{
	position: absolute;
	top: 60px;
    left: 180px;
	background-color: green;
	border-bottom-left-radius: 0px;
	font-weight: normal;
}

.strikethrough {
  text-decoration: line-through;
}

#payment .badge-discount {
    margin-right: 4px;
    font-size: 14px;
    color: var(--btn-primary-bg-color);
}

@media screen and (min-width: 1200px) {
	.badge-gratis{
		left: 110px;
	}
}

@media screen and (max-width: 992px) {
	.badge-gratis{
		left: 130px;
	}
}

@media screen and (max-width: 768px) {
	.badge-gratis{
		left: 180px;
	}
}

@media screen and (max-width: 600px) {
	.badge-gratis{
		left: 146px;
	}
}

@media screen and (max-width: 450px) {
	.badge-gratis{
		left: 100px;
	}
}

.reply {
	background-color: #FFF;
}

.reply-main textarea, #searchText, .has-feedback .form-control {
    border: none;
    border-radius: 4px;
    background: #e9e9e9;
    color: #000;
    box-shadow: none;
}

.has-feedback {
    color: #93918f;
}

.modal-header {
    border-bottom: 1px solid #e74c3c;
}

.modal-footer {
    border-top: 1px solid #e74c3c;
}

.profile-info .fa-map-marker{
	margin-right: 2px;
}

@media screen and (max-width: 768px) {
	.profile-info .fa-map-marker{
		margin-top: 20px;
	}
}

.about-me{
	margin-top: 20px;
}

.profile-info p {
    font-size: 16px;
}

#profileModal .profile-info i.fa {
    padding-right: 0px;
}

#profileModal .profile-info {
    padding-left: 15px;
    padding-right: 15px;
}

.close {
    font-weight: 100;
    font-size: 50px;
}

.modal-content{
	border-radius: 0;
}

.alert-activate{
	margin-top: 20px;
}

.alert-activate-2 {
    margin-top: 20px;
}

.alert-activate-3 {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.alert-activate-2 {
    margin-top: 20px;
}
}

/*
.blog_grid_area {
    padding: 0px 0px 40px 0px;
    margin-top: 80px;
}
*/

.modal-header {
    padding: 15px 30px;
}

.profiles_view .profile-info {
	/*padding-left: 15px;
    padding-right: 15px;*/
    position: relative;
    width: 100%;
    padding: 0 8px;
    user-select: none;
    color: inherit;
    font-size: 16px;
}

.profiles_view .profile-info h4 {
    color: inherit
}

.profiles_view .profile-info .i-city {
    font-size: inherit;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 32px);
}

.profiles_view .profile-info .i-age {
    font-size: inherit;
    display: inline-block;
    position: relative;
    top: -6px;
}


.sidebar_area_modal {
	margin-top: 20px;
}

@media screen and (min-width: 992px) {
	.sidebar_area_modal {
		margin-top: 5px;
	}
}

.italic{
	font-style: italic;
}

.btn-activatie{
	margin: 10px 0 0 0;
}

.activatiecode-feedback {
	font-weight: bold;
	display: none;
}

.sideBar-unread {
    position: absolute;
    right: 10px;
}

.sideBar-unread .badge {
    padding: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 7px;
    white-space: nowrap;
    text-align: center;
    background-color: var(--btn-primary-bg-color) !important;
    border-radius: 20px;
}

.premium_btn {
		margin-top: 8px;
}

.premium_btn:before, .premium_btn{
	width: 100%;
	background-color: #948c51;
	color: #FFF;
}

.premium_btn:hover, .premium_btn:focus{
	background-color: #6b653b;
	color: white;
}

.modal-header {
	background-color: #e64c3c14;
	border-bottom: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.profiles_view .profile-info h4 {
    font-size: 14px;
    margin-top: 10px;
    text-transform: none;
    font-weight: 600;
}

.modal-footer{
	text-align:left;
}

.modal-footer .login_btn{
	width: 180px;
}

@media screen and (max-width: 425px) {
.modal-footer .login_btn{
	margin: 5px;
}
}

.modal-img {
	text-align:center;
}

.modal-img img {
	width: 100%;
}

.heading{
	z-index: 14;
}

.search_item .dropdown-menu{
max-height: 200px !important;
}

.search_item{
	text-align: left !important;
}

.search_btn_xs {
	margin-top: 30px;
}

.filter_btn {
	width: calc(50% + 125px) !important;
	margin-top: 0px;
}

.select-credit .arrow_carrot-down{
	position: relative;
    top: -2px;
}

.payment-sidenote{
	padding: 5px;
}

.payment-sidenote .credit-body{
	text-align: left ;
}

.payment-sidenote .credit-body p{
	margin-bottom: 10px;
	font-size: 12px;
	color:#989898;
}

.bold {
	font-weight: 600 !important;
}

.underline {
	text-decoration: underline;
}

.verwijder_btn{
	width: auto;
}

.members_profile_inners .user_img {
	max-width: 100%;
}

@media screen and (max-width: 991px) {
.sidebar_account_view {
display:none;
}
}

@media screen and (max-width: 767px) {
	.account-btn-lg {
	display:none;
	}
}

@media screen and (min-width: 768px) {
.account-btn-xs {
display:none;
}
}

.dropdown-menu>li>a {
	word-wrap: break-word;
    white-space: normal;
}

.flirt-dropdown li:nth-child(even){
	background-color: #f5f5f5;
}


.flirt-dropdown li {
	cursor: pointer;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #e64c3c14;
}

/* Notification: New message 

.alert-minimalist {
	background-color: rgb(241, 242, 240);
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 3px;
	color: rgb(149, 149, 149);
	padding: 10px;
}
.alert-minimalist > [data-notify="icon"] {
	height: 50px;
	margin-right: 12px;
}
.alert-minimalist > [data-notify="title"] {
	color: rgb(51, 51, 51);
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.alert-minimalist > [data-notify="message"] {
	font-size: 80%;
}

*/

.notificatie button.close {
	font-size: 26px;
}

.notificatie {
	border-radius: 0;
	border: none;
	-webkit-box-shadow: 11px 15px 35px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 11px 15px 35px -15px rgba(0,0,0,0.75);
	box-shadow: 11px 15px 35px -15px rgba(0,0,0,0.75);
}

.notificatie-icon img{
	border-radius: 50%;
    height: 40px;
    width: 40px;
}

.notificatie-body {
	margin-top: 10px;
}

.notificatie .fa-check-circle {
	color: green;
}

.notificatie .fa-exclamation-triangle {
	color: red;
}

.alert-message {
	background-color: #FFF;
}

.save_btn:before, .save_btn:after, .save_btn:hover, .login_btn:before, .login_btn:after, .login_btn:hover {
	border-radius: 0 !important;
	transition: none;
	transform: none;
}

.save_btn:hover, .login_btn:hover, .save_btn:after, .login_btn:after {
	background-color: #b9453a;
	color: #FFF;
	border: none;
}

.save_btn, .login_btn {
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}

.flirt-dropdown {
	border-radius: 0 0 5px 5px;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

.form-control{
	border:none;
	border-radius: 0;
}

i.fa.fa-trash {
    color: #93918f !important;
    font-size: 24px;
    margin-top: 8px;
    position: absolute;
    top: 10px;
    right: 16px;
}

.vero_widget{
	color: #909090;
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
}

.modal-title .fa-heart, .modal-title .far-heart{
	 margin: 5px 20px;
	 color: #93918f;
	 cursor: pointer;
	 font-size: 23px;
}

.heading-subtext{
	position: absolute;
    left: 65px;
    top: 29px;
    font-size: 12px;
    line-height: 24px;
    font-weight:200;
    color: #222222;
}

.heading-name-meta{
    margin-top: -40px;
    margin-left: 49px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: calc(100% - 116px);
    line-height: 24px;
}

@media screen and (max-width: 767px) {
	.heading-subtext{
		left:94px;
	}
    .heading-name-meta {
        margin-left: 78px;
    }
}

.heading.replypage a {
    display: block;
    height: 100%;
    max-width: calc(100% - 24px);
}

.heading.replypage a:hover {
    text-decoration: none;
}

.header-message-badge{
	padding: 3px 6px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    line-height: 7px;
    white-space: nowrap;
    text-align: center;
    background-color: #ffaba2;
    border-radius: 20px;
    margin-top: 16px;
}

.header-credits-badge{
	padding: 3px 6px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    line-height: 7px;
    white-space: nowrap;
    text-align: center;
    background-color: green;
    border-radius: 20px;
    margin-top: 16px;
}

@media screen and (max-width: 991px) {
	.vero_widget{
		margin-top: 20px;
	}
}

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

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

.verlaten{
	margin-top: 10px;
	text-align:center;
}

.modal-disclaimer{
	margin: 140px auto;
}

@media (min-width: 768px) {
.modal-disclaimer {
    width: 768px;
}
}

.modal-body-disclaimer {
	width: 100%;
	height: 151px;
	overflow-y: scroll;
	color: #333;
	font-size: 12px;
    line-height: 24px;
}

.modal-body-disclaimer .fas {
	color: #969696;
}

.modal-disclaimer-container{
	padding-right: 0px !important;
}

.cookie-message {
	box-shadow: none;
    top:auto;
    bottom:0;
    z-index: 10000;
    background: var(--light-bg-color);
}

.ui-widget-header, .blue {
	border: none;
}

.blue {
	background: none;
	background-color: #0990c3;
}
    
.cookie-message p, .cookie-message a {
    font: 100 14px/18px Arial;
}

.cookie-message a .btn {
    width: 100%;
    margin: 0.5rem 2rem 1rem;
    border: none;
}

a.cookiebar-close:hover, a.cookiebar-close:focus {
    color: #333;
}

.cookie-message .login_btn:before {
    border: none !important;
}

@media only screen and (max-width: 767px) {
    .cookie-message {
        padding: 8px 16px;
    }
    .cookie-message a {
        position: relative;
    }
    .cookie-message a span {
        display:none;
    }
    .cookie-message a:hover, .cookie-message a:focus {
        text-decoration: none;
    }
}

@media only screen and (min-width:768px) {
    .cookie-message a .btn {
        display:none;
    }
}

.disclaimer-fade {
	position: absolute;
    top: 215px;
    height: 32px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
    pointer-events: none;
}

.disclaimer-emph {
	margin-bottom: 16px;
	font-weight: 500;
}


.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */    
}

.package-sidenote .credit-body p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #989898;
}

.premium_btn:hover, .premium_btn:after {
	background-color: #7b7444;
	color: #FFF;
	border: none;
}

.sidenote-icon{
	font-size: 30px;
	margin: 10px 0;
}

.logout {
    line-height: 70px;
}

@media screen and (min-width: 992px) {
	.logo-logged-out {
	    margin-top: 20px;
	}
}

.active_mem_item h4, .active_mem_item h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 4px);
}

@media screen and (min-width: 993px) {
	.carousel_area {
		padding: 90px 0 20px 0;
		background-color: #FFF;
	}
}

@media (max-width: 992px) {
	.carousel_area {
	    padding: 70px 0 20px 0;
	}
}

.cta_item {
	text-align: center;
}

.cta_item p, .cta_item h4{
	margin:10px;
}

.cta_item img {
	max-width: 100%;
}

@media screen and (min-width: 1200px) {
.cta_item_right {
		margin-top: 40px;
	}
}

[v-cloak] > * { display:none; }
[v-cloak]::before { content: "Laden..."; }

.aanbevolen .credit-top, .aanbevolen .credit-body, .aanbevolen .pricing, .aanbevolen .credit-bottom {
	background: ;
}

.aanbevolen {
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
}

/* The ribbons */

.corner-ribbon{
    width: 20px;
    height: calc(100% - 10px);
    background: #c3bc87;
    top: 5px;
    left: 5px;
    z-index: 3;
    position: absolute;
    border-radius: 5px 0 0 5px;
}

.ribbon-text {
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 120px;
    left: -90px;
    min-width: 200px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-90deg);
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 4px;
}

.long_btn{
	width: auto;
}

.troubleshoot {
	background-color: #fdf1f0;
	padding: 16px;
	margin-top: 20px;
}

.ol-trouble{
	list-style-position: outside;
	margin-top:10px;
	padding-inline-start: 20px;
}

.ol-trouble li{
	margin: 0 0 5px 0;
}

.navbar-brand {
    float: inherit;
}

.pakket-regular{
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

@media screen and (min-width: 1200px) {
.payment-mobile{
	display: none;
}
}

@media screen and (max-width: 1199px) {
.payment-desktop{
	display: none;
}
}

.betaalmethoden-mobile{
	padding: 5px !important;
    margin-bottom: 10px;
}
/* -Meest gekozen -
.corner-ribbon-mobile {
    background: #c3bc87;
    text-align: center;
    padding: 9px 0 0 0;
    line-height: 8px;
    z-index: 300;
    border-radius: 50%;
    color: #FFF;
    font-size: 7px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    height: 36px;
    width: 36px;
    position: absolute;
    right: 8px;
    top: 4px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}
*/

.corner-ribbon-mobile {
    background: #3c763d;
    text-align: center;
    padding: 6px 2px 0px 2px;
    line-height: 8px;
    z-index: 300;
    border-radius: 4px;
    color: #FFF;
    font-size: 7px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    height: 29px;
    width: 54px;
    position: absolute;
    right: 8px;
    top: 9px;
}

.corner-ribbon-mobile span {
    font-weight: 600;
    font-size: 8px;
}

.prijs-xs{
	width: 32%;
	padding-left: 10px;
	display: inline-block;
}

.aantal-gratis{
	width: 27%;
	padding-left: 5px;
	display: inline-block;
}

.aantal-credits{
	width: 29%;
	display: inline-block;
}

.payment-mobile .list-group-item{
	padding: 15px;
}

.onzichtbaar{
	visibility: hidden;
}

.payment-mobile .list-group {
    margin-bottom: 15px;
    padding-left: 0;
    margin-top: -10px;
}

.msf-form{
	padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 991px) {
.logout{
	line-height: normal;
}
}

.progress{
	margin-top: 5px;
}

.progress-bar{
    background-color: #e74c3c;
}

.msf-form h2{
	margin-top: 20px;
	margin-bottom: 10px;
}

.rf-subtext-modal {
	color: #333;
	margin: 10px 5px;
}

.modal-footer {
    padding: 24px 30px;
}

a:hover, a:focus {
    text-decoration: underline;
}

@media (min-width: 768px) {
.form-inline .form-control {
    width: 100%;
}
}

.step {
	display: none;
}

.knop-previous {
	border: 1px solid #d6d6d6;
	color: #333;
}

.knop-previous:before {
	background-color: #FFF;
}

.knop-previous:hover, .knop-previous:after {
	background-color: #ababab;
}

.msf-form .form-group {
    margin-bottom: 0px;
}

@media (max-width: 600px) {
.knop-previous {
	margin-bottom: 0px;
}
}

.display-block{
	display:block;
}

.buttonR a:hover, .buttonR a:focus, .cta_item a:hover, .cta_item a:focus, .heading-name a:hover, .heading-name a:focus, .modal-footer a:hover, .modal-footer a:focus, .profile_list a:hover, .profile_list a:focus {
	text-decoration: none;
}

#registrationModal select, #registrationModal input {
    /* -webkit-appearance: none; */
	box-shadow: 1px 3px 10px #adadad;
}

#registrationModal input, #settingsModal input {
    /* -webkit-appearance: none; */
	box-shadow: 1px 3px 10px #adadad;
	/* margin-bottom: 20px; */
}

/*
#looking_for{
	margin-bottom: 20px;
}

#geb_datum{
	margin-bottom: 20px;
}

#provincie{
	margin-bottom: 20px;
}

*/

.controleer-antwoorden label{
	line-height: 18px;
}

.controleer-antwoorden .form-check-input{
	margin-bottom: 0px !important;
	box-shadow: none !important;
	height: 20px;
    width: 20px;
    position: relative;
    bottom: -6px;
}

.fg-consent{
	display: block !important;
	margin: -10px 0;
}

@media (max-width: 767px) {
#registrationModal br {
    display: none;
}
}

.controleer-antwoorden br{
	display: inline-block !important;
}


.profile_list .fa-user-tag {
	/*position: absolute;*/
    /*right: 15px;*/
    /*top: 27px;*/
    font-size: 16px;
    color: #969696;
    /* background-color: #e64c3c14;*/
    /* border-radius: 50%; */
    /* border: 1x solid #ffaba2; */
    padding: 8px 6px;
}

.profile_list .fa-user-tag:hover, .profile_list .fa-user-tag:focus {
    /* cursor: pointer; */
}

.gekozen-pakket {
    box-shadow: none;
    border-radius: 5px;
}

.credits-kopen .save_btn:before{
	background-color:#ffaba2
}

.cta_btn:before{
	background-color: #e74c3c !important;
}

.cta_btn:hover, .cta_btn:after {
    background-color: #b9453a;
    color: #FFF;
    border: none;
}

.betaalmethode-btn-group{
	width:100%;
	padding: -10px;
}

.betaalmethode-btn-group .save_btn{
line-height: 22px !important;
width: 100%;
text-align: left;
clear:both;
display: block;
margin: 2px 0px 2px 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.betaalmethode-btn-group .active:before{
	background-color:#b9453a !important;
}

.betaalmethode-btn-group .active{
	color: #FFF !important;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	margin-left: -1px !important;
	border-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-radius: 0;
}

.betaalmethode-card .pakket-bottom{
	height: 30px;
}

@media (max-width: 767px) {
	.betaalmethode-card .pakket-bottom{
		height: 20px;
	}
	.bank-card .pakket-bottom{
		height: 124px;
	}
}


.select-credit{
	border-radius: 0px;
	width: 140px;
	height: 34px;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}

.select-credit:hover, .select-credit:after{
	color: #000;
}

.payment-mobile-stap2 .btn{
	margin-right: 5px;
}

.payment-mobile-stap2 .aantal-credits{
	width: 29%;
}

.payment-mobile-stap2 .aantal-gratis{
	width: 24%;
}

.payment-inactive .credit-body{
	pointer-events: none;
    background: repeating-linear-gradient(
    45deg,
    #b9453a,
    #b9453a 10px,
    #ffaba2 10px,
    #ffaba2 20px
);
    opacity: 0.1;
}

.reply-main textarea, .reply-main textarea:focus {
	    text-indent: 8px;
	    min-height: 34px;
	}

@media screen and (max-width: 767px) {
	.reply-main textarea {
	    padding: 4px 8px !important;
	    line-height: 20px;
	}

	.reply-main textarea, .reply-main textarea:focus {
	    max-height: 55px;
	    text-indent: 0px;
	    min-height: 30px;
	}
}

.reply{
	padding: 8px 5px 0px 5px !important;
}

.reply-main {
    line-height: 24px;
}

.photo_widget img{
	width:100%;
}

.photo_widget .row{
	padding: 0 10px;
}

.photo_widget .col-xs-4{
	padding: 0 2px 4px 2px;
}

.dropdown-menu li{
	cursor: pointer;
}

@media (max-width: 991px) {
	.header_menu_area .navbar-default .navbar-collapse .navbar-nav li {
	    margin: 3px;
	    border-radius: 0px;
		}
}

body{
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
	color: #000;
}

.copyright .copyright_left .copyright_text h4 {
    color: #fff;
    font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
}

.information_widget ul li a, .members_about_box p {
    font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a{
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
	font-weight:300;
}

.app .message-text {
	font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif !important;
    font-weight: 300;
}

/* Wijzigingen homepage */

section.registration_area {
    display: none;
}

.cta_area {
    padding: 64px 0px 64px 0px;
}

.carousel_area {
    padding: 0px 0 20px 0;
    background-color: #fdf1ef;
}

.carousel_area {
    padding-top: 0px;
}

.row-carousel{
	margin-left: 0px;
	margin-right: 0px;
}

.col-carousel{
	padding-right: 0px;
	padding-left: 0px;
}

@media screen and (min-width: 1200px){
	.cta_item_right {
	    margin-top: 20px;
	}
}

.members_about_box p {
    color: #000;
}

.modal-sub-header{
	padding:15px 30px;
}
.speech-bubble {
	position: relative;
	background: #e64c3c14;
	border-radius: 2px;
	margin-left: 20px;
	padding: 8px;
    cursor: default;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 170%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: #e64c3c14;
	border-left: 0;
	margin-top: -50px;
    margin-left: -12px;
}

@media screen and (min-width: 686px){
    .speech-bubble:after {
        margin-top: -53px;
    }
}

@media (max-width: 382px) {
    .speech-bubble{
        font-size: 9px;
    }

    .speech-bubble:after {
    position: absolute;
    left: 0;
    top: 191%;
	}
}


.blur {
    filter: blur(8px); 
    -webkit-filter: blur(8px);    
}

.online-indicator{
	position: absolute;
    right: 5px;
    top: 5px;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0px 4px;
    border-radius: 2px;
    color: #55e454;
    z-index:1;
    line-height: 18px;
}

.user_img .online-indicator {
	position: absolute;
    right: 20px;
}

.online-dot{
	position: absolute;
    left: 48px;
    bottom: 13px;
    background: #55e454;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #FFF;
    z-index: 1001;
}

.photo_widget .online-indicator{
	position: absolute;
	top:3px; 
}

.badge{
	padding: 3px 6px;
    font-size: 13px;
}

.heading-avatar-icon .online-dot{
	position: absolute;
	top: 35px;
    left: 43px;
}


@media screen and (max-width: 767px) {

	.heading-avatar-icon .online-dot{
		position: absolute;
	    left: 76px;
	}
	
	.visitor .badge {
		margin-left: 3px;
	}
}

.navbar-nav {
	margin: 0 -15px;
}

@media screen and (max-width: 991px) {
	.welcome_title h3{
		padding-bottom: 0px;
	}
	.actives_members .welcome_title {
	    padding-bottom: 30px;
	}
}

@media screen and (min-width: 992px) {
	.profiles_view .active_mem_item{
		padding-bottom: 32px;
	}
}

.message-price {
	line-height: 20px;
}

.email-activation {
	font-weight: bold;
}

.change-email {
	margin: 20px 0 10px;
}

#activateModal input {
	box-shadow: 1px 3px 10px #adadad;
}

@media screen and (min-width: 601px) {
	#activateModal input {
	width: 250px;
	}
}

.usp_area {
    padding: 40px 0px 64px 0px;
}

/*
@media screen and (max-width: 991px) {
	.cta_area {
	    padding: 70px 0px 40px 0px;
	}
}*/

.usp_area a:hover, .usp_area a:focus, .usp_area .login_btn:hover, .usp_area .login_btn:focus {
	text-decoration: none !important;
}

.usp_header {
	margin: 0 0 20px 0;
	text-align: center;
}

.usp_item {
	text-align: center;
	margin-bottom: 20px;
	padding: 0 30px;
	font-size: 20px;
	font-weight: bold;
}

.usp_footer {
	text-align: center;
}

.usp_icons {
	font-size: 48px;
	margin-bottom: 20px;
}

.usp_icons img {
    height: 48px;
}

@media screen and (max-width: 991px) {
    
	.usp_icons {
        margin-top: 40px;
    }
    
    .usp_item:first-of-type .usp_icons {
        margin-top: 20px;
    }

	.usp_area {
	    padding: 20px 0px 64px 0px;
	}
    
    .usp_header {
        margin: 20px 0 0 !important;
    }
}

.standout {
	color: #e74c3c;
}

.cta_item_right p {
	font-size: 16px;
}

  .fa-gem{
  	position: relative;
    top: 1px;
  }

  .header_desktop .fas{
  	margin-right:2px;
  }

  .header_desktop .badge {
    position: relative;
    top: -2px;
}

.size-11px {
	font-size: 11px;
}

.page-not-found {
	text-align:center;
}

.page-not-found h1{
	font-size: 300px !important;
	display: inline-block;
	text-align:center;
}

.page-not-found p{
	font-size: large;
    margin-bottom: 1rem;
}

.page-not-found img{
	max-width: 80px;
    height: auto;
    position: relative;
    bottom: 73px;
    right: 44px;
}

@media screen and (max-width: 530px) {
	.page-not-found h1{
		margin-top:40px;
		font-size: 140px !important;
		display: inline-block;
		text-align:center;
	}
	.page-not-found img{
		max-width: 44px;
	    height: auto;
	    position: relative;
	    bottom: 40px;
	    right: 25px;
	}
}

.invalid-request {
    margin-top: 100px;
}

.invalid-request h1 {
    font-size: 5rem !important;
    line-height: 5rem;
}

.invalid-request img {
    bottom: 18px;
    right: 28px;
}

@media screen and (max-width: 530px) {
    .invalid-request img {
        display: none;
    }
    .invalid-request h1 {
        margin-bottom: 3rem;
    }
}


.notify-title{
	font-weight: bold;
}

.notificatie .progress {
	margin: 0px -15px -15px;
	height: 5px;
	border-radius: 0px;
}

.save_btn_lg{
	width: 150px;
	display: block;
}

.notificatie .save_btn_lg{
	margin-top: 20px;
}

.margin-top-extra{
	margin-top:20px;
}

.profiles_view .profile-info a:hover, .profiles_view .profile-info a:focus{
	text-decoration: none !important;
}

#creditModal .btn-activatie:before, #creditModal .btn-activatie {
    width:100%;
    text-transform: uppercase;
}

.premium_btn{
	text-transform: uppercase;
}

.filter-panel{
	margin:0;
}

.advanced_search .search_inner {
    padding: 0;
}

.center{
	text-align:center;
}

.advanced_search .col-xs-12 {
	min-height: 0px;
}

.profiles_view{
	padding-top: 32px;
}

.blog_grid_area {
    min-height: none;
}

@media (min-width: 768px) {
    #search .profiles_view, .blog_grid_area {
        min-height: calc(100vh - 140px);
    }
}

.search-toggle{
    color:#000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    width: 80px;
    height: 50px;
    padding: 0;
    margin:0;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    background-color: #f29992;
    -webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	outline:none;
	border: none;
	line-height: 21px;
}

.search-toggle i{
	font-size:12px;
	margin-bottom:6px;
}

.advanced_search .search-toggle[aria-expanded="true"] i {
	transform: rotate(180deg);
	position: relative;
    right: 2px;
}

.advanced_search .search-toggle .sluiten {
	display: none;
}

.advanced_search .search-toggle[aria-expanded="true"] .zoeken {
	display: none;
}

.advanced_search .search-toggle[aria-expanded="true"] .sluiten {
	display: block;
}

.advanced_search .search-toggle[aria-expanded="false"] .sluiten {
	display: none;
}



@media (min-width: 768px) {
	.search_inner .container {
	    width: 100%;
	}
}

.container_search {
    margin-bottom: -64px;
}

.container_search .search-toggle {
    display: block;
    margin-right: auto;
}

@media (min-width: 600px) {
    .container_search .search-toggle {
        margin-left: auto;
    }
}

.container_search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 242px;
}

@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container_search .dropdown-toggle{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:calc(var(--animate-delay)*1);animation-delay:calc(var(--animate-delay)*1)}

/*
.container_search .pull-right {
    display: block;
    margin-right: 0;
    margin-top: -32px;
}*/

.container_search .dropdown-toggle, .container_search .dropdown-toggle:hover, .container_search .dropdown-toggle:focus {
    border: none;
    background: #f4f4f4 !important;
    color: #334249;
    height: 48px;
    outline: none !important;
    border-radius: 4px;
    margin-top: -48px;
    font-size: inherit;
    padding: 0px 20px;
    box-shadow: none !important;
}

.container_search .dropdown-toggle .filter-option {
    color: #334249;
}

.container_search .dropdown-menu>li>a:hover, .container_search .dropdown-menu>li>a:focus {
    outline: none !important;
}

.container_search .dropdown-toggle .bs-caret:before {
    content: "\f0dc";
    font: normal normal normal 14px / 1 FontAwesome;
    position: relative;
    right: 12px;
    top: 2px;
    color: #c2c2c2;
}

.container_search .dropdown-toggle .bs-caret .caret {
    display: none;
}
    

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
    background: #d2d2d2;
    color: #000 !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	padding-bottom:10px;
}

.modal-title .fa-heart, .modal-title .far-heart {
    margin: 7px 20px;
    font-size: 24px;
}

/*
.betaalmethoden .credit-bottom {
	height: 24px;
}
*/

.betaalmethode-card .pakket-bottom {
    height: 30px;
}

.bank-card .select-credit {
	margin-top: 2px;
}

.bank-card .btn-group {
	margin-top: 6px;
}

.credit-body ul li {
    line-height: 24px;
}

.verwerkingstijd .label {
    position: relative;
	top: -4px;
}

.bank-card .cta_btn {
	width: 140px;
}

.bank-card .credit-bottom .save_btn, .gekozen-pakket .credit-bottom .save_btn {
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    margin: auto;
}

.bank-card .credit-bottom {
    min-height: 64px;
}

@media (max-width: 767px) {
	.betaalmethode-card .pakket-bottom {
	    height: 13px;
	}
	.bank-card .pakket-bottom {
    	height: 93px;
	}
	.bank-card .cta_btn {
    	margin-top: 16px;
    	width: 140px !important;
	}
	.size-11px {
    	font-size: 16px;
	}
}

.ideal-body {
    padding-bottom: 0px;
    margin-bottom: -2px;
}

.payment-mobile .list-group-item {
    margin: 0 5px;
}

.betaalmethode-card-be .cta_btn {
	margin-top: 21px;
}

.betaalmethode-card-be .pakket-bottom {
    height: 43px;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav {
    margin-right: 0;
}

.header_menu_area .navbar-default .navbar-collapse {
    border-top: none;
}

.header_menu_area .navbar-default hr {
    color: var(--main-text-color);
    margin-bottom: 12px;
    opacity: 0.3;
}

.message-notification {
	border-radius: 0;
    background: #262d32 !important;
}

.message-notification .message-text, .message-notification .message-time {
	color: #FFF !important;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a {
	color: #000;
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a:before, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.dropdown.account .dropdown-menu > li:last-child > a:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .filter-option {
    font-size: 15px;
}

.advanced_search a {
    font-size: 15px !important;
}

.advanced_search .search_inner .search_item .bootstrap-select {
    width: 100% !important;
}

.advanced_search .search_inner .search_item:last-child {
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .advanced_search .search_inner .search_item {
        margin-bottom: 0;
    }
}


@media (max-width: 991px) {
	.header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li {
	    margin-bottom: 12px;
	}
}

.modal-sub-header {
    padding: 0 0 15px;
}

.reg-nav {
	margin-top: 10px;
}

.wonenin, .geboortedatum {
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.wonenin, .geboortedatum {
    margin-bottom: 50px;
	}
	.kies-geslacht {
	margin-bottom: 20px;
	}
    .advanced_search .search_inner .search_item:first-child {
        margin-top: 5px;
    }
    .advanced_search .search_inner .search_item:last-child {
        margin-bottom: 5px;
    }
}

.kies-geslacht hr {
	margin-bottom: 10px;
}

.kies-geslacht {
	margin-bottom: 10px;
}

.pref-age span {
	margin: 4px;
    position: relative;
    top: 6px;
}

.save-settings {
    text-align: center;
}

.save-settings .form-group {
    margin: 0 0 4px;
}

.save-settings .form-group .form-check-label {
    font-weight: normal;
}

@media screen and (max-width:767px){
	.pref-age span {
	    position: relative;
	    top: 0px;
	}
}

.pref-age select {
	width: 48px !important;
}

.contact_form_area, #password {
    padding: 20px 0px 0px;
    min-height: 60vh;
}

.contact_form_area p {
    margin-bottom: 1rem;
}

.single_blog_middle {
    max-width: inherit;
    padding-top: 0px;
}

.contact_form_area_2 {
	margin-top: 20px;
}

.contact_form_area .form_inner .form-group .login_btn {
	margin: 0;
}

.contact_form_area .form_inner .form-group input {
    background: #FFF;
    font-size:14px;
    border: none;
    border-radius: 0;
    color: #2e3c43;
    padding: 0px 20px;
}

.contact_form_area .form_inner .form-group textarea {
	background: #FFF;
	font-size:14px;
    border: none;
    border-radius: 0;
    color: #2e3c43;
    padding: 15px 20px 0px 20px;
    margin-bottom: -8px;
}

.contact_form_area .form_inner .form-group {
    margin-bottom: 16px;
}

.contact_form_area .form_inner .form-group:last-child {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
	.contact_form_area .form_inner .form-group .login_btn {
		float: left;
	}
}


.pagination {
	color: #e95949;
	text-align: center;

}
.paginationhome {
    display: inline-block;
    width: 100%;
}

.paginationhome a {
    color: black;
    float: none;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
	display: inherit;
}

.paginationhome a.active {
    background-color:#e74c3c;
    color: white;
    border: 1px solid #ccc;
}
.paginationhome a:hover:not(.active) {background-color: #ddd;}

.modal-sub-header-preferences {
	padding: 16px 30px 16px;
}

.modal-sub-header-preferences .pic {
	height: 56px;
	width: 56px;
	margin-bottom: 4px;
}

.modal-sub-header-preferences .speech-bubble {
    border-radius: 8px;
    margin-left: 84px;
    padding: 16px;
    position: relative;
    top: -60px;
    margin-bottom: -60px;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
    min-height: 56px;
}

.modal-sub-header-preferences .speech-bubble p:nth-child(2), #settingsModal .modal-body p:nth-child(2) {
	margin-top: 8px;
}

.modal-sub-header-preferences .speech-bubble:after {
	position: absolute;
    top: 70px;
}

#step0 .modal-body {
	padding:0;
}

@media only screen and (max-width: 400px) {
	.modal-sub-header-preferences .speech-bubble {
		font-size: 14px;
	    line-height: 20px;
	}
}

#settingsModal .modal-body {
	padding: 8px 30px 24px;
	font-size: 15px;
}

#settingsModal .modal-body p span {
	font-weight: bold;
}

#settingsModal .modal-footer button {
	width: 100%;
	margin: 0;
}

#settingsModal .modal-footer button:nth-child(2), #settingsModal .modal-footer button:nth-child(3)  {
	margin-top: 8px;
}

#settingsModal .sidenote {
	font-style: italic;
	color: #333;
}

#settingsModal .progress {
	height: 12px;
}

#settingsModal form {
	margin-bottom: 24px;
}

#settingsModal .alert {
	margin-bottom:0;
	border: none;
	border-radius: 0;
}

#settingsModal .form-group-username {
    margin-top: 16px;
}

.knop-previous:focus {
	color: inherit !important;
}


.switch {
	position: relative;
    float: right;
    bottom: 4px;
    display: inline-block;
    width: 66px;
    height: 22px;
    margin: 0;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(44px);
}

/*------ SLIDER JA/NEE ---------*/

.slider:after
{
 content:'Nee';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
  content:'Ja';
}

/*--------- END --------*/

.preference-select {
	margin:8px 0px;
	font-size: 16px;
	font-weight: bold;
}

.preference-title {
	margin: 16px 0 0;
}

/*------ MULTIVALUE SLIDER ---------*/

.range-slider {
  position: relative;
  width: 100%;
  height: 100px;
  float: none;
  text-align: left;
}
    
 
.range-slider input[type="range"] {
    pointer-events: none;
    position: absolute;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
    border: none;
    border-radius: 14px;
    background: #fdf1f0;
    box-shadow: inset 0 1px 0 0 darken(#F1EFEF,15%), inset 0 -1px 0 0 darken(#F1EFEF,10%);
    -webkit-box-shadow: inset 0 1px 0 0 darken(#F1EFEF,15%), inset 0 -1px 0 0 darken(#F1EFEF,10%);
    overflow: hidden;
    left: 0;
    top: 50px;
    width: 100%;
    outline: none;
    height: 20px;
    margin: 0;
    padding: 0;
  }  

@media screen and (max-width: 617px){
  	.range-slider input[type="range"] {
  		position:absolute;
  		top:64px;
  }
}
  
 .range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;    
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-color: #000;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten(#000,60%)), color-stop(#000,100%)); /* android <= 2.2 */
    /*background-image: -webkit-linear-gradient(top , lighten(#000,60%) 0, #000 100%); /* older mobile safari and android > 2.2 */
    /*background-image: linear-gradient(to bottom, lighten(#000,60%) 0, #000 100%); /* W3C */
  }
  
 .range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
    background-color: #000;
    /*background-image: linear-gradient(to bottom, lighten(#000,60%) 0, #000 100%); /* W3C */
  }

 .range-slider input[type="range"]::-ms-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 0;
    background-color: #000;
    /*background-image: linear-gradient(to bottom, lighten(#000,60%) 0, #000 100%); /* W3C */
  }
  
.range-slider input[type=range]::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
  }
  
.range-slider input[type=range]:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
  } 
  
.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
  }

.range-title {
	margin-bottom: 16px;
}

/*--------- END --------*/

@media screen and (min-width: 768px){
	.settings-page-switches .switch {
		position: relative;
	    float: right;
	    right: 400px;
	}
}

@media screen and (min-width: 1200px){
	.settings-page-switches .switch {
		position: relative;
	    float: right;
	    right: 500px;
	}
}

.settings-page-switches .preference-select {
	font-size: inherit;
}

.dropdown-menu-right .fa-sign-out{
	margin-right: 4px;
}

.notificatie .save_btn {
	width: 200px;
}

.active_mem_item img {
	width: 100%;
	height:100%;
}

.active_mem_item img {
    object-fit: cover;
    border-radius: 0px;
}

.active_mem_item img, .owl-carousel .owl-item img, .message-pic, .modal-img img, .user_img img, .photo_widget img{
	background-color: #e74c3c;
}

#premiumModal .corner-ribbon, #creditModal .corner-ribbon {
	height: 100%;
    top: 0;
    left: 31px;
}

#premiumModal .corner-ribbon .ribbon-text {
    top: 104px;
    left: -97px;
    min-width: 215px;
    font-size: 11px;
}


@media (max-width: 600px) {
    #premiumModal .save_btn {
        width: calc(100% - 64px) !important;
    }
}

#premiumModal .aanbevolen, #creditModal .aanbevolen {
	margin: 0px 16px;
}

#premiumModal .betaalmethoden-mobile, #creditModal .betaalmethoden-mobile {
	padding: 0px 20px !important;
}

#premiumModal .payment-mobile{
	display: block;
	padding: 24px 30px;
}

#creditModal .payment-mobile {
	display: block;
	padding: 0 30px 8px;
}

@media screen and (max-width: 420px){
	#creditModal .payment-mobile {
		padding: 0 4px 8px;
	}
}

/*
#premiumModal .corner-ribbon-mobile {
	background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    text-align: center;
    padding: 14px 0 0 0;
    font-size: 13px;
}
*/

#premiumModal .payment-mobile .list-group, #creditModal .payment-mobile .list-group {
	margin-top: 0;
}

#premiumModal .aantal-credits {
	width: 35%;
}

#premiumModal .prijs-xs {
	width: 37%;
    padding-left: 4px;
}

#premiumModal .aantal-gratis {
    width: 24%;
    padding-left: 5px;
    display: inline-block;
}


#premiumModal .payment-mobile .credit-top, #creditModal .payment-mobile .credit-top {
	margin-bottom: 24px;
}

.promo-christmas .blog_grid_area {
	background: url(../bg/promo-christmas.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}

.promo-easter .blog_grid_area {
	background: url(../bg/promo-easter.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}

.promo-summer .blog_grid_area {
	background: url(../bg/promo-summer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}

.promo-christmas .aanbevolen hr, .promo-christmas .pakket-regular hr, .promo-christmas .gekozen-pakket hr {
	margin-top: 2px;
    margin-bottom: 20px;
    border-top: 10px solid #ba0309;
    width: calc(100% + 20px);
    position: relative;
    left: -10px;
}

.promo-christmas .payment-step-1 .aanbevolen .credit-body::after, .promo-christmas .payment-step-1 .pakket-regular .credit-body::after, .promo-christmas .payment-step-2 .gekozen-pakket .credit-body::after {
	content: "";
	background: url(../bg/promo-christmas-ribbon.webp);
	background-size: 48px 48px;
  	background-repeat: no-repeat;
  	width: 48px;
  	height: 48px;
	position: absolute;
    top: 115px;
    right: 16px;
    z-index: 10;
}

.promo-easter .payment-step-1 .pakket-regular .credit-top, .promo-easter .payment-step-1 .pakket-regular .pricing, .promo-easter .payment-step-1 .pakket-regular .credit-body, .promo-easter .payment-step-1 .pakket-regular .credit-bottom {
    background-color: transparent;
}

.promo-easter .payment-step-1 .col-lg-2 .pakket-regular {
    background: url(../bg/promo-easter-egg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: none;
}

.promo-easter .payment-step-1 .col-lg-2:nth-child(2) .pakket-regular {
    background: url(../bg/promo-easter-egg-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: none;
    transform: rotate(-4deg);
}

.promo-easter .payment-step-1 .col-lg-2:nth-child(3) .pakket-regular {
    transform: rotate(5deg);
}

.promo-easter .payment-step-1 .col-lg-2:nth-child(5) .pakket-regular {
    background: url(../bg/promo-easter-egg-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: none;
    transform: rotate(-2deg);
}

.promo-easter .payment-step-1 .col-lg-2:nth-child(6) .pakket-regular {
    background: url(../bg/promo-easter-egg-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    box-shadow: none;
    transform: rotate(6deg);
}

.promo-easter .payment-step-1 .pakket-regular .credit-top {
    color: #FFF;
}

.promo-easter .payment-step-1 .pakket-regular .save_btn {
    margin: 0px 0px 10px 0px;
}

.promo-easter .payment-mobile .corner-ribbon-mobile {
    background: url(../bg/promo-easter-egg.png);
    background-repeat: no-repeat;
    background-size: 96%;
    padding: 15px 0px 0;
    border-radius: 0;
    color: #FFF;
    height: 46px;
    width: 36px;
    position: absolute;
    right: 8px;
    top: 0px;
}

.promo-easter .message-price .badge {
    border-radius: 4px;
    background-color: #4d108a;
}

.promo-summer .message-price .badge {
    border-radius: 4px;
    background-color: #fdc202;
    color: #333;
}

.members .col-xs-6, .members .col-xs-4 {
    padding: 0 4px !important;
    margin-bottom: 0px;
}

.members .online-indicator {
	position: absolute;
    right: 9px;
}

.no-results {
	padding: 0 16px 16px;
	/*min-height: calc(100vh - 484px);*/
    min-height: 162px;
}

.no-results .pic {
	height: 56px;
	width: 56px;
	margin-bottom: 4px;
}

.no-results .speech-bubble {
    border-radius: 8px;
    margin-left: 84px;
    padding: 16px;
    position: relative;
    top: -60px;
    margin-bottom: -60px;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
    min-height: 56px;
}

.no-results .speech-bubble p:nth-child(2), .no-results p:nth-child(2) {
	margin-top: 8px;
}

.no-results .speech-bubble:after {
	position: absolute;
    top: 70px;
}

#inbox .no-results {
	padding: 24px 16px 16px;
}

@media screen and (max-width: 991px){
.header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:hover, .active, .active .dropdown-toggle {
	    background-color: #FFF !important;
	    color: #000 !important;
	}
}

#payment.modal-content{
	background-color: #FFF;
}

#premiumModal .save_btn, #creditModal .save_btn {
	line-height: 28px !important;
}

.payment-mobile .list-group-item {
    padding: 12px;
}

#premiumModal .payment-mobile .list-group-item, #creditModal .payment-mobile .list-group-item {
    margin: 0 0 -1px 0;
}

.payment-mobile-stap2 .fa-envelope {
    margin-left: 2px;
}

.name-meta {
	position: absolute;
    top: 12px;
    left: 64px;
    height: 54px;
    width: calc(100% - 64px);
}

.name-meta span {
	float: left;
    clear: left;
    height: 50%;
    display: grid;
	align-items: center;
}

.name-meta span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: calc(100% - 72px);
}

.name-meta span:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: calc(100% - 32px);
}

.meta-inactive span {
    position: relative;
    top: 12px;
}

.sideBar-body .timestamp {
    font-size: 12px;
    color: #222222;
    font-weight: 300;
}

.message-status {
	height: 14px;
    margin-left: -16px;
    margin-top: -5px;
}

#mailboxfullModal .modal-footer .login_btn {
    width: 100%;
}

label {
    margin: 5px 0;
}

.h-100 {
    height: 100%!important;
}

@media (min-width: 1200px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .payment-step-1 .payment-desktop {
        width: 100%;
        margin-bottom: 10px;
    }
}

.row.equal:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
}
.payment-desktop > [class*='col-'] {
    height: 100%;
    padding: 5px;
}

.step-2-equal {
    width: 100%;
    margin-bottom: 10px;
}

.step-2-equal > [class*='col-'] {
    height: 100%;
    padding: 5px;
}

.step-2-equal-nl > [class*='col-'] {
    min-height: 264px;
}

.credit-body {
    min-height: 0;
}

.credit-bottom {
    border: none;
}

/* Modal Premium View - Gift Box - Start */

.box-area {
    display: flex;
    justify-content: center;
}
.box {
  position: relative;
}

/*
.box::before {
  content: "";
  width: 440px;
  height: 440px;
  background-color: #89cff0;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}
*/
    
.box-body {
  position: relative;
  height: 200px;
  width: 260px;
  margin-top: 123.3333333333px;
  background-color: var(--btn-primary-bg-color);
  border-bottom-left-radius: 5%;
  border-bottom-right-radius: 5%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.box-body .box-content{
  opacity: 0;
  transform: translateY(0%);
  transition: all 0.5s;
  margin: 0 auto;
  display: block;
}

/*
.box-body:hover {
  cursor: pointer;
  -webkit-animation: box-body 1s 1 normal forwards ease-in-out;
          animation: box-body 1s 1 normal forwards ease-in-out;
}
.box-body:hover .box-content{
  opacity: 1;
  z-index: 0;
  transform: translateY(-250px);  
}
.box-body:hover .box-lid {
  -webkit-animation: box-lid 1s 1 normal forwards ease-in-out;
          animation: box-lid 1s 1 normal forwards ease-in-out;
}
.box-body:hover .box-bowtie::before {
  -webkit-animation: box-bowtie-left 1.1s 1 normal forwards ease-in-out;
          animation: box-bowtie-left 1.1s 1 normal forwards ease-in-out;
}
.box-body:hover .box-bowtie::after {
  -webkit-animation: box-bowtie-right 1.1s 1 normal forwards ease-in-out;
          animation: box-bowtie-right 1.1s 1 normal forwards ease-in-out;
}
*/

.box-body.unwrap {
  cursor: auto;
  -webkit-animation: box-body 1s 1 normal forwards ease-in-out;
          animation: box-body 1s 1 normal forwards ease-in-out;
}

.box-content.unwrap{
  opacity: 1;
  z-index: 0;
  transform: translateY(-250px);  
}
.box-lid.unwrap {
  -webkit-animation: box-lid 1s 1 normal forwards ease-in-out;
          animation: box-lid 1s 1 normal forwards ease-in-out;
}
.box-bowtie.unwrap::before {
  -webkit-animation: box-bowtie-left 1.1s 1 normal forwards ease-in-out;
          animation: box-bowtie-left 1.1s 1 normal forwards ease-in-out;
}
.box-bowtie.unwrap::after {
  -webkit-animation: box-bowtie-right 1.1s 1 normal forwards ease-in-out;
          animation: box-bowtie-right 1.1s 1 normal forwards ease-in-out;
}

.box-body::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;    
  background-color: var(--btn-primary-bg-color);
}
.box-body .box-ribbon {
    width: 50px;
    height: 100%;
    background: var(--light-bg-color);
    z-index: 1;
    position: absolute;
    top: 0;
    left: calc(50% - 25px);
}
.box-lid {
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 90%;
  height: 40px;
  background-color: var(--btn-primary-bg-color);
  height: 40px;
  width: 270px;
  border-radius: 5%;
  box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.3);
}
.box-lid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  background: var(--light-bg-color);
}
.box-bowtie {
  z-index: 1;
  height: 100%;
}
.box-bowtie::before, .box-bowtie::after {
  content: "";
  width: 83.3333333333px;
  height: 83.3333333333px;
  border: 16.6666666667px solid #c3bc87;
  border-radius: 50% 50% 0 50%;
  position: absolute;
  bottom: 99%;
  z-index: -1;
}
.box-bowtie::before {
  left: 50%;
  -webkit-transform: translateX(-100%) skew(10deg, 10deg);
          transform: translateX(-100%) skew(10deg, 10deg);
}
.box-bowtie::after {
  left: 50%;
  -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
          transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
}

@-webkit-keyframes box-lid {
  0%,
  42% {
    -webkit-transform: translate3d(-50%, 0%, 0) rotate(0deg);
            transform: translate3d(-50%, 0%, 0) rotate(0deg);
  }
  60% {
    -webkit-transform: translate3d(-85%, -230%, 0) rotate(-25deg);
            transform: translate3d(-85%, -230%, 0) rotate(-25deg);
  }
  90%, 100% {
    -webkit-transform: translate3d(-119%, 225%, 0) rotate(-70deg);
            transform: translate3d(-119%, 225%, 0) rotate(-70deg);
  }
}

@keyframes box-lid {
  0%,
  42% {
    -webkit-transform: translate3d(-50%, 0%, 0) rotate(0deg);
            transform: translate3d(-50%, 0%, 0) rotate(0deg);
  }
  60% {
    -webkit-transform: translate3d(-85%, -230%, 0) rotate(-25deg);
            transform: translate3d(-85%, -230%, 0) rotate(-25deg);
  }
  90%, 100% {
    -webkit-transform: translate3d(-119%, 225%, 0) rotate(-70deg);
            transform: translate3d(-119%, 225%, 0) rotate(-70deg);
  }
}
@-webkit-keyframes box-body {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
            transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
  25% {
    -webkit-transform: translate3d(0%, 25%, 0) rotate(20deg);
            transform: translate3d(0%, 25%, 0) rotate(20deg);
  }
  50% {
    -webkit-transform: translate3d(0%, -15%, 0) rotate(0deg);
            transform: translate3d(0%, -15%, 0) rotate(0deg);
  }
  70% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
            transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
}
@keyframes box-body {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
            transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
  25% {
    -webkit-transform: translate3d(0%, 25%, 0) rotate(20deg);
            transform: translate3d(0%, 25%, 0) rotate(20deg);
  }
  50% {
    -webkit-transform: translate3d(0%, -15%, 0) rotate(0deg);
            transform: translate3d(0%, -15%, 0) rotate(0deg);
  }
  70% {
    -webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
            transform: translate3d(0%, 0%, 0) rotate(0deg);
  }
}
@-webkit-keyframes box-bowtie-right {
  0%,
  50%,
  75% {
    -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
            transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
  }
  90%,
  100% {
    -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
            transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.3);
  }
}
@keyframes box-bowtie-right {
  0%,
  50%,
  75% {
    -webkit-transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
            transform: translateX(0%) rotate(90deg) skew(10deg, 10deg);
  }
  90%,
  100% {
    -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
            transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
    box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.3);
  }
}
@-webkit-keyframes box-bowtie-left {
  0% {
    -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
            transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
  }
  50%,
  75% {
    -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
            transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
  }
  90%,
  100% {
    -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
            transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
  }
}
@keyframes box-bowtie-left {
  0% {
    -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
            transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
  }
  50%,
  75% {
    -webkit-transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
            transform: translate(-50%, -15%) rotate(45deg) skew(10deg, 10deg);
  }
  90%,
  100% {
    -webkit-transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
            transform: translateX(-100%) rotate(0deg) skew(10deg, 10deg);
  }
}

/* Modal Premium View - Gift Box - End */

#confetti-canvas {
    display: block;
    z-index: 999999;
    pointer-events: none;
    position: fixed;
    top: 0;
}

#promo-reminder {
    display: none;
    position: fixed;
    bottom: 64px;
    left: 16px;
    padding: 8px;
    text-align: center;
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    cursor: pointer;
    z-index: 1000;
    overflow: hidden;
}

@media (min-width: 768px) {
    #promo-reminder {
        bottom: 16px;
    }
}

.payment-step-2 .alert {
    margin: -8px 5px 24px;
}

#scrollTopBtn {
    display: none; /* Hidden by default */
    position: fixed; 
    bottom: 16px; 
    right: 16px; 
    z-index: 99; 
    border: none; 
    outline: none;
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    cursor: pointer;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 16px;
    box-shadow: 0 4px 4px #00000038;
}

#scrollTopBtn:hover {
    background-color: var(--btn-primary-hover-bg-color);
    color: var(--btn-primary-hover-text-color)
}

legend {
    border-bottom: none;
}

.contact_form_area .blog_details_content, .contact-container {
    margin-bottom: 40px;
}

.contact_form_area p:last-of-type {
    margin-bottom: 32px;
}

.right_side_content .loader {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
}

.loader::after,
.loader::before {
    content: '';  
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #FFF;
    position: absolute;
    left: 0;
    top: 0;
    animation: animloader 2s linear infinite;
}
.loader::after {
    animation-delay: 1s;
}

@keyframes animloader {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.reply-send .loader::after,
.reply-send .loader::before {
    width: 32px;
    height: 32px;
    top: 2px;
    border: 2px solid #93918f;
}

@media (max-width: 480px) {
    .loader {
        top: 2px;
        width: 24px;
        height: 24px;
    }
    
    .loader::after,
    .loader::before {
        width: 24px;
        height: 24px;
    }
    
    .reply-send .loader::after,
    .reply-send .loader::before {
        top: 0;
        left: -4px;
    }
}

#profileModalLabel .loader {
}

#profileModalLabel .loader::after,
#profileModalLabel .loader::before {
    width: 40px;
    height: 40px;
    border: 2px solid #93918f;
    right: 70px;
    left: inherit;
    top: auto;
}

#profileModalLabel {
    height: 64px;
    line-height: 1.1;
}

#profileModalLabel .fa-user-tag {
    margin: 6px 0 0 0px;
    color: rgb(147, 145, 143);
    font-size: 24px;
    position: relative;
    top: 2px;
}

#profileModalLabel .profile-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 135px);
    vertical-align: middle;
}

.navbar .badge.notifications {
    padding: 3px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    background-color: var(--btn-primary-bg-color) !important;
    /* color: var(--btn-primary-text-color) !important; */
    color: #FFF !important;
    border-radius: 20px;
    position: absolute;
    right: -40px;
    top: -2px;
}

.header_mobile li a .badge {
    margin-top: -3px;
}

.profile-overlay {
    transition: .5s ease;
    /*opacity: 0;*/
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    display: none;
}

.profile-overlay .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.profile-overlay .col-xs-6:first-child {
    text-align: right;
}

.profile-overlay .col-xs-6:nth-child(2) {
    text-align: left;
}

.active_mem_item.latest:hover img {
    opacity: 0.3;
}

@media (min-width: 768px) {
    .active_mem_item:hover .profile-overlay {
        display: block;
        /*opacity: 1;*/
    } 
}

.active_mem_item a:hover {
    text-decoration: none;
}

.overlayBtn {
    border: none; 
    outline: none;
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    cursor: pointer;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 24px;
    padding-inline: 0;
}

.overlayBtn:hover {
    background-color: var(--btn-primary-hover-bg-color);
    color: var(--btn-primary-hover-text-color);
}

.overlayBtn:disabled {
    background-color: var(--btn-primary-hover-bg-color);
    color: var(--btn-primary-hover-text-color);
    opacity: 0.7;
}

.overlayBtn .loader {
    position: absolute;
    top: 12px;
    left: 16px;
}

.overlayBtn .loader::after, .overlayBtn .loader::before {
        width: 40px !important;
        height: 40px !important;
    }

.profiles_view .profile-info-a a{
    color: inherit; 
    text-decoration: inherit;
    text-decoration: none;
}

.profiles_view .profile-info-a a:focus {
    text-decoration: none;
}

#paymentSuccessModal .modal-body img {
    width: 300px;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fa-star:before {
    content: "\f004";
}

.actives_members .welcome_title {
    padding: 8px 0 24px;
}

.visitor-overlay {
    background: #ffffff9c;
    color: #000;
    position: absolute;
    bottom: 8px;
    width: calc(100% - 8px);
    padding: 4px 0;
}

.visitor-overlay i {
    margin-right: 4px;
}

@media screen and (max-width: 480px) {
    .visitor-overlay {
        font-size: 11px;
        padding: 2px 0;
    }
}

.overlayBtn.remove-fav {
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 2;
    width: 32px;
    height: 32px;
    font-size: 16px;
    display: none;
}

@media (min-width: 768px) {
    .active_mem_item:hover .overlayBtn.remove-fav {
        display: block;
    } 
}

.profiles_view .profile-info i, .state i {
    font-size: 14px;
    position: relative;
    top: -1px;
}

.control-group {
    margin-bottom: 8px;
}

.profile_list .col-xs-12 {
    font-size: 14px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.profile_list .row {
    margin-bottom: 24px;
}

.name-meta i.att {
    color: #6a6a6a;
    margin-right: 4px;
}

.blog_details_content h1 {
    padding-bottom: 32px;
}

@media screen and (max-width: 684px) {
    .blog_details_content h1 {
        padding-left: 0;
    }
}

.message-price .badge {
    border-radius: 4px;
    background-color: #96000c;
}

.payment-mobile .message-price .badge {
    position: relative;
    left: -12px;
    top: -1px;
}

@media screen and (min-width: 768px) {
    #footer .col-md-12 {
        text-align: center;
    }

    #footer .col-md-12 li {
        display: inline-block;
        padding: 0 8px;
    }

    #footer .col-md-12 li a {
        border-bottom: none;
    }
}

.copyright .copyright_left .copyright_text h4 a {
    font-weight: normal !important;
    line-height: 30px;
}

.copyright .copyright_left .copyright_text h4 {
    text-transform: inherit;
}

.hl-profile {
    padding: 0;
}

.hl-profile .active_mem_item .col-xs-6:last-child {
    padding: 8px;
    text-align: left;
}

.hl-profile .profile-overlay {
    top: 41%;
}

.hl-profile .speech-bubble {
    margin-left: 8px;
    top: 0;
}

.hl-profile .speech-bubble p {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media and (max-width: 1199px) {
    .hl-profile .speech-bubble p {
        -webkit-line-clamp: 11;
    }
}

@media and (max-width: 991px) {
    .hl-profile .speech-bubble p {
        -webkit-line-clamp: 8;
    }
}

.profiles_view .row {
    margin-left: 0;
    margin-right: 0;
}

#promoModal img {
    width: 100%;
}

#promoModal .modal-body .btn {
    width: calc(100% - 24px);
    height: 64px;
    margin: 16px;
}

#promoModal .modal-body a:hover {
    text-decoration: none;
}

.profiles_view .container {
    padding-left: 4px;
    padding-right: 4px;
}

.google-email {
    margin-bottom: 32px;
}

.alert-google {
    margin: 16px 0 0;
    position: relative;
}

.alert-google i {
    position: absolute;
    top: 19px;
}

.alert-google div {
    margin-left: 24px;
}

.badge-google {
    position: relative;
    top: -1px;
    left: 2px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}


#registrationModal #g_id_onload {
    margin-top: 7px;
}

.google-email .knop-next {
    margin-top: 20px;
}

.blog_details_content h1 {
    padding-left: 0;
    font-weight: 400 !important;
}

.blog_details_content table {
    margin: 16px 0;
}

#password .form-email {
    margin: 8px 0 16px;
}

@media (min-width: 992px) {
    .blog_details_content h1 {
        margin-top: 16px;
    }
}

.cta_area h1, .usp_area h1, .page_view h1 {
    margin: 10px 0;
    padding: 10px 0 !important;
}

.page_view {
    padding-top: 24px;
    padding-bottom: 64px;
}

@media (max-width: 991px) {
    .page_view {
        padding-top: 0px;
        padding-bottom: 40px;
    }
}

.page_view .collapse.in {
    padding-bottom: 16px;
}

.page_view a p {
    padding-bottom: 4px;
}

.page_view legend {
    margin-bottom: 0;
    line-height: 54px;
    color: inherit;
}

.page_view table {
    margin: 16px 0;
}

.members_about_box .tags {
    margin-bottom: 10px;
}

.members_about_box .tags .label  {
    color: var(--btn-primary-text-color);
    background-color: var(--btn-primary-bg-color);
}

.members_about_box p {
    margin-bottom: 16px;
}

.btn-primary {
    color: #fff;
    background-color: #999999;
    border-color: #999999;
}

.btn-primary:hover {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
}

/* Check buttons imported from Bootstrap 5 

--btn-primary-bg-color: #e74c3c;
    --btn-primary-text-color: #FFF;
    --btn-primary-hover-bg-color: #b9453a;
    --btn-primary-hover-text-color: #FFF;

*/

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

/*.btn-check:focus + .btn, .btn:focus { */
.btn-check:focus + .btn {
    outline: 0;
    box-shadow: none;
    color: #fff;
    background-color: #999999;
    border-color: #999999;
}
/*
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: var(--btn-primary-text-color);
  background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-bg-color);
  box-shadow: none;
}
*/
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: var(--btn-primary-text-color);
  background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-bg-color);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
/*
.btn-check:checked + .btn-primary:focus > i, .btn-check:active + .btn-primary:focus > i, .btn-primary:active:focus > i, .btn-primary.active:focus > i, .show > .btn-primary.dropdown-toggle:focus > i {
  display: none;
}
*/
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* End Check buttons imported from Bootstrap 5 */

.searchBox-inner .form-control-feedback {
    padding-top: 10px;
}

.header_menu_area .navbar-default {
    border-bottom: none
}

/* Custom CSS Google Sign In button */

.navbar-nav .g_id_signin {
        width: 100%;
    }

.navbar-nav .g_id_signin[data-type="icon"], .g_mobile {
        display: none;
    }

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}


@media (min-width: 992px) {   
    .navbar-nav .g_desktop {
        display: block;
    }
    
    .navbar-nav .g_id_signin[data-type="icon"] {
        display: block;
        position: relative;
        top: 12px;
    }
    
    .navbar-nav .g_mobile {
        display: none !important;
    }
    
    .header_menu_area .navbar-default hr {
        display: none;
    }
    
    .navbar-nav .a_pw {
        margin-left: 20px;
    }
    
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right:before {
        display: none;
    }
    
    .gsi-material-button {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -webkit-appearance: none;
      background-color: WHITE;
      background-image: none;
      border: 1px solid #747775;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #1f1f1f;
      cursor: pointer;
      font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
      font-size: 14px;
      height: 40px;
      letter-spacing: 0.25px;
      outline: none;
      overflow: hidden;
      padding: 0;
      position: relative;
      text-align: center;
      -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
      transition: background-color .218s, border-color .218s, box-shadow .218s;
      vertical-align: middle;
      white-space: nowrap;
      width: 40px;
      min-width: min-content;
    }

    .gsi-material-button .gsi-material-button-icon {
      height: 20px;
      margin-right: 12px;
      min-width: 20px;
      width: 20px;
      padding: 0px;
      margin: 9px;
    }

    .gsi-material-button .gsi-material-button-content-wrapper {
      -webkit-align-items: center;
      align-items: center;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      height: 100%;
      justify-content: space-between;
      position: relative;
      width: 100%;
    }

    .gsi-material-button .gsi-material-button-contents {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      font-family: "Roboto", "Calibri", "Roboto-fallback", sans-serif;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
    }

    .gsi-material-button .gsi-material-button-state {
      -webkit-transition: opacity .218s;
      transition: opacity .218s;
      bottom: 0;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
    }

    .gsi-material-button:disabled {
      cursor: default;
      background-color: #ffffff61;
      border-color: #1f1f1f1f;
    }

    .gsi-material-button:disabled .gsi-material-button-contents {
      opacity: 38%;
    }

    .gsi-material-button:disabled .gsi-material-button-icon {
      opacity: 38%;
    }

    .gsi-material-button:not(:disabled):active .gsi-material-button-state, 
    .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
      background-color: #303030;
      opacity: 12%;
    }

    .gsi-material-button:not(:disabled):hover {
      -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
      box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    }

    .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
      background-color: #303030;
      opacity: 8%;
    }

}

.dropdown-menu {
    min-width: 160px;
    width: auto;
    box-sizing: border-box; 
}

.dropdown.account.settings {
    position: relative; 
}

.dropdown-menu > li, .dropdown-menu > li > a {
    white-space: nowrap;
    width: 100%;
}

.nav .save_btn {
    margin: 0;
}

.cta_area .logo-area p {
    line-height: initial !important;
}

.cta_area .pl-0 {
    padding-left: 0;
}

@media (max-width: 991px) {
    .cta_item_right {
        margin-top: 24px;
    }
    
    .cta_area .pl-0 {
        padding-right: 0;
    }
}

#banner img, .cta_area img, header img, header a, .cta_area a, .usp_area a, #banner a {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.contact-container .checkbox {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.contact_form_area .form_inner .form-group .checkbox input {
    height: unset;
}

.mb-1 {
    margin-bottom: 1rem !important;
}