* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.icon-middle,
.text-middle {
	display: inline-block;
	vertical-align: middle;
}

.logo { 
	float: left;
}


@media (min-width: 768px) {.logo { float: left; } 
.logo> a > img {
	width: 160px;
	height: 50px;}
}


.logo > a {
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	width: 160px;
	height: 50px;
}
.logo> a > img {
	width: 160px;
	height: 50px;
}

.collapse {
	display: none;
}
.collapse.in {
	display: block;
}
.collapsing{
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition-property:height, visibility;
	-moz-transition-property:height, visibility;
	-o-transition-property:height, visibility;
	ransition-property:height, visibility;
	-webkit-transition-duration:.35s;
	-moz-transition-duration:.35s;
	-o-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
}
.mob-button {
	color: #1f4a3c;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	padding: 5px;
	font-size: 20px;
	line-height: 20px;
	border-style: none;
	background-color: transparent;
}
.mob-button-inactive {
	color: #fff;
	background: gray;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid #000;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px;
}
.close-button {
	float: left;
	margin: 0 10px 0 0;
	outline: none;
}
.menu-actions .close-button {
	float: right;
	margin: 0px;
	outline: none;
}
.fixed-header {
	background: #6D9384;
	height: 50px;
	position: fixed;
	top: 0px; 
	left: 0;
	width: 100%;
	z-index: 1031;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
}
.fixed-header.nav-up {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}


/*start menu*/
.btn-nav-menu {
	background: none;
	padding: 0px;
	margin: 0px;
	top: 15px;
	height: 20px;
	position: absolute;
	right: 10px;
	color: #1f4a3c;
	font-size: 20px;
	border: 0px;
}
.block-nav-menu {
	position: fixed;
	top: 50px;
	right: 0;
	z-index: 1031;
	width: 270px;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
	height: 100%;
	background: #F4F0E4;
}
.overcover-menu {
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
body.show-navigation .block-nav-menu {
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
body.show-navigation .overcover-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,.7);
    z-index: 1030;
	user-select:none;
}
.block-nav-menu .close-button {
	height: 34px;
}
.menu-links {
	height: 100%;
	overflow-y: auto;
	padding-top: 55px;
}
.menu-links .icon-middle {
	width: 26px;
	height: 22px;
	text-align: center;
	position: relative;
	color: black;
}
.menu-links .text-middle {
	font-size: 14px;
	line-height: 32px;
	height: 32px;
}
.menu-links .svg-icon {
	font-size: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	fill: #1f4a3c;
}
.menu-links .svg-icon-arrow {
	font-size: 10px;
}
.menu-links .svg-icon-categories {
	font-size: 16px;
}
.menu-links .svg-icon-community {
	font-size: 20px;
}
.menu-links .svg-icon-eye {
	font-size: 22px;
}
.menu-links .svg-icon-subscriptions {
	font-size: 16px;
}
.menu-links .svg-icon-messages {
	font-size: 16px;
}
.menu-links .svg-icon-girl {
	font-size: 20px;
}
.menu-links .svg-icon-webcam {
	font-size: 16px;
}
.menu-links .svg-icon-link {
	font-size: 16px;
}
.menu-links .svg-icon-network {
	font-size: 16px;
}
.menu-links .svg-icon-lesbian {
	font-size: 18px;
}
.menu-links .svg-icon-female {
	font-size: 20px;
}
.menu-links .svg-icon-male {
	font-size: 16px;
}
.menu-links .svg-icon-straight {
	font-size: 20px;
}
.menu-links .prompt {
	margin: 4px 15px;
	color: gray;
}
.list-group-item {
	color: #1f4a3c;
	font-size: inherit !important;
	position: relative;
	display: block;
	padding: 7px 15px;
	margin-bottom: -1px;
	width: 100%;
	text-align: left;
	outline: none;
	height: 48px;
	border-style: none;
	background-color: transparent;
}
/* js was putting list-group-item hack */
.text-middle.list-group-item {
	color: #1f4a3c;
	font-size: 14px !important;
	position: relative;
	display: inline-block;
	padding: 0px 0px;
	margin-bottom: 0px;
	width: auto;
	text-align: center;
	outline: none;
	height: 32px;
	border-style: none;
	background-color: transparent;
}
.list-group-collapse {
	background: #F5DFBD;
}
.list-group-collapse .list-group-item {
	padding-left: 42px;
}
.list-group-collapse .list-group-collapse .list-group-item {
	padding-left: 72px;
}
.list-group-item:hover, .list-group-item:focus {
	text-decoration: none;
	color: #1f4a3c;
	/* background-color: #F5DFBD; */
}
.list-group-item:hover .svg-icon, .list-group-item:focus .svg-icon {
	fill: #1f4a3c;
}
.list-group-item:hover .svg-icon-arrow, .list-group-item:focus .svg-icon-arrow {
	transform: translate(-5px, -5px) rotate(-180deg);
	transition: transform 0.5s ease;
}
.list-group-item.collapsed .svg-icon-arrow {
	transform: translate(-5px, -5px) rotate(0deg);
	transition: transform 0.5s ease;
} 
.list-group-item.collapsed {
	color: #1f4a3c;
	background-color: #F4F0E4;
}
.list-group-item.collapsed .svg-icon {
	fill: #1f4a3c;
}
.menu-actions {
	padding: 8px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	border-bottom: solid 1px #bbbaba;
	background: #F4F0E4 !important;
}
.menu-actions .buttons-holder {
	display: flex;
	justify-content: space-around;
}
.menu-actions .buttons-holder .mob-button {
	width: 48%;
}
.menu-actions .svg-icon {
	fill: #1f4a3c;
}
.notification {
	font-size: 12px;
	color: #1f4a3c;
	position: absolute;
	top: -6px;
	right: 4px;
	background: #C6D5CC;
	border-radius: 50%;
	padding: 3px;
	min-width: 18px;
	text-align: center;
}
/*end menu*/
/*start webcam*/
.webcam-link {
	padding: 0px;
	margin: 0px;
	top: 15px;
	height: 20px;
	position: absolute;
	right: 90px;
	color: #1f4a3c;
	font-size: 20px;
	border: 0px;	
}
.webcam-link a:hover {
	color: #1f4a3c;	
}
/*end webcam*/

/*start search*/
.btn-search-menu {
	background: none;
	padding: 0px;
	margin: 0px;
	top: 15px;
	height: 20px;
	position: absolute;
	right: 9px;
	color: #1f4a3c;
	font-size: 20px;
	border: 0px;
}
.block-search-menu {
	display:none;
	background: #6D9384;
	padding: 10px;
	position: fixed;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 1031;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s;
}
.block-search-menu-desktop {
	padding: 10px 0 0 10px;
	margin-left: 10px;
	float: left;
	width: 360px;
}
.overcover-search {
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
body.show-search .block-search-menu {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	display:inline-block;
}
body.show-search .overcover-search {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0,0,0,.7);
    z-index: 1030;
}

.block-search-menu .close-button {
	height: 30px;
	padding: 5px 0px;
}

.search-holder {
	
}
.input-holder {
	overflow: hidden;
}
.button-search {
	height: 30px;
	float: right;
	border-radius: 0 3px 3px 0;
	margin: 0 0 0 -1px;
	font-size: 18px;
	padding: 6px 14px;
	background: rgb(51, 154, 18);
}

.input-search {
	display: block; 
	width: 100%; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 34px; 
	font-size: 14px; 
	color: #000; 
	background-color: #C6D5CC;
	border: none;
	border-right: none;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); */
	-webkit-transition:border-color ease-in-out .15s,
	-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, 
	box-shadow ease-in-out .15s;
	-moz-transition:border-color ease-in-out .15s, 
	-moz-box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, 
	box-shadow ease-in-out .15s;
	text-transform: lowercase;
}
.input-search:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.input-search::-moz-placeholder{color:#999;opacity:1}
.input-search:-ms-input-placeholder{color:#999}
.input-search::-webkit-input-placeholder{color:#999}

.search-type-mobile {
	float: right;
	position: relative;
}
.search-type-mobile .svg-icon {
	display: inline-block;
	position: relative;
	top: 1px;
}
.search-type-mobile .list-types {
	position: absolute;
	right: 0;
	top: 31px;
	background: #4f575b;
	width: 100px;
	padding: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #232d32;
	margin: -1px 0 0 0;
	overflow: hidden;
}
.list-hide1 {display: none;}
.list-hide2 {display: none;}
.list-hide1.shown {display: block;}
.list-hide2.shown {display: block;}
.search-type-mobile .list-types a {
	color: #fff;
	padding: 6px 10px;
	display: block;
}
.search-type-mobile .list-types a.active {
	background: #222;
	color: #fff
}
.search-type-mobile .list-types .icon-middle {
	width: 18px;
	text-align: center;
	font-size: 16px;
}
.search-type-mobile .list-types .icon-middle .svg-icon {
	display: inline-block;
	vertical-align: top;
}
.search-type-mobile .button-drop {
	height: 30px;
	background-color: #4f575b;
	border: 0;
	outline: none;
	border-left: 1px solid #232d32;
	border-right: 1px solid #232d32;
}
.search-type-mobile .icon-drop {
	font-size: 8px;
	color: #fff;
	position: relative;
	top: -1px;
}
.search-type-mobile .icon-type {
	font-size: 16px;
	color: #fff;
	position: relative;
	top: -1px;
}

/*end search*/

.login-link {
	float: left;
	position: relative;
}
.login-icon {
	fill: #1f4a3c;
	width: 1em;
	height: 1em;
	display: block;
	font-size: 24px;
}
.account-menu { position: absolute; top: 50px; right: 0px; width: 170px; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px 0px; padding: 0px; margin-right: 0px; background: #F4F0E4; border-radius: 16px; border: 1px solid #bbbaba }
.account-menu.preference { width: 120px; left: 0px }
.account-menu li a { padding: 0px 12px; transition: background 0.2s ease; line-height: 31px; display: block  }
.account-menu li:first-child a { border-radius: 16px 16px 0 0 }
.account-menu li:last-child a { border-radius: 0 0 16px 16px }
.account-menu li a:hover { background: #F5DFBD; color:#1f4a3c;}
.account-menu svg { position: relative; top: 1px; margin-right: 10px }
.d-notification { position: absolute;top: 2px;right: 2px;border-radius: 50%;background: #C6D5CC; padding: 3px;color: #1f4a3c; min-width: 19px; text-align: center}
.btn-nav-close {
	background: none;
	padding: 0px;
	margin: 0px;
	top: 15px;
	height: 20px;
	position: absolute;
	right: 10px;
	color: #1f4a3c;
	font-size: 20px;
	border: 0px;
	display:none;
}
body.show-navigation .btn-nav-close {display: inline-block;}
body.show-navigation .btn-nav-menu {display:none;}
.btn-search-close {
	background: none;
	padding: 0px;
	margin: 0px;
	top: 15px;
	height: 20px;
	position: absolute;
	right: 50px;
	color: #1f4a3c;
	font-size: 20px;
	border: 0px;
	display:none;
}
body.show-search .btn-search-close {display: inline-block;}
body.show-search .btn-search-menu {display:none;}
body.show-search .btn-nav-menu {pointer-events: none;}
body.show-navigation .btn-search-menu {pointer-events: none;}
body.show-navigation, body.show-search {overflow: hidden;}