/*-----------------------------------------------------------------------------------

	Theme Name: Crossroad Club (CC)
	Description: Style for CC frontend
	Author: Kocian, 25promotion
	Author URI: http://www.25promotion.cz
	Version: 1.1

-----------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #1ABC9C;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #1ABC9C; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #1ABC9C; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/

html {
  position: relative;
  min-height: 100%;
}

body {
	display: flex;
    flex-flow: column;
	line-height: 1.5;
	font-size: 14px;
	background-color: #FFF;
	color: #202020;
}

a {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #DD2B71;
}

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }

h1, h2, h3, h4 {
	font-family: 'Montserrat';
	font-weight: 600;
}

p {
	font-size: 14px;
}

.long-text-font {
	font-family: 'Montserrat';
	font-size: 20px;
	font-weight: 400;
}
.long-text-font-bold {
	font-weight: 700;
}

.perex {
	font-size: 24px;
	color: #000000;
}

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

.font-sec, .btn {
	font-family: 'Montserrat';
}

.italic {
	font-family: 'Montserrat';
	font-style: italic;
}


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/

a {
	color: #FF6646;
}

h1, h1 a,
h2, h2 a {
	color: #221D1A;
}

h3, h4 {
	color: #262626;
}

h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
}
.smallerH2 {
	font-size: 16px;
}
.smallerH2 i {
	font-size: 0.8em;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 21px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 15px;
}
@media (min-width: 768px) {
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 25px;
	}
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	color: unset;
}

.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.notransform { text-transform: none; };

.tright { text-align: right !important; }

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

.fright { float: right !important; }

.fleft { float: left !important; }

.m-t-4 { margin-top: 4px; }

.m-t-8 { margin-top: 8px; }

.m-t-12 { margin-top: 12px; }

.m-t-16 { margin-top: 16px; }

.m-t-24 { margin-top: 24px; }

.m-t-48 { margin-top: 48px; }

.m-b-2 { margin-bottom: 2px; }

.m-b-4 { margin-bottom: 4px; }

.m-b-8 { margin-bottom: 8px; }

.m-b-16 { margin-bottom: 16px; }

.m-b-20 { margin-bottom: 20px; }

.m-b-24 { margin-bottom: 24px; }

.m-b-48 { margin-bottom: 48px !important; }

.m-r-4 { margin-right: 4px; }

.m-r-8 { margin-right: 8px; }

.m-r-16 { margin-right: 16px; }

.m-r-24 { margin-right: 24px; }

.m-l-4 { margin-left: 4px; }

.m-l-8 { margin-left: 8px; }

.m-l-16 { margin-left: 16px; }

.m-l-24 { margin-left: 24px; }

.m-l-64 { margin-left: 64px; }


.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

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

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.leftmargin-xs { margin-left: 15px !important; }

.topmargin-xs { margin-top: 15px !important; }

.bottommargin-xs { margin-bottom: 15px !important; }

.topmargin-xxs { margin-top: 7px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.border-2 { border: 2px solid #fff; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.bottomborder { border-bottom: 1px solid #fff; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.col-p-16 { 
	padding-left: 16px;
	padding-right: 16px; 
}
.row-16 {
	margin-left: -16px;
	margin-right: -16px;
}

.p-5 { padding: 5px; }

.p-16 { padding: 16px; }

.p-20 { padding: 20px; }

.p-24 { padding: 24px; }

.p-36 { padding: 36px; }

.p-b-16 { padding-bottom: 16px; }

.p-t-8 { padding-top: 8px; }

.p-t-16 { padding-top: 16px; }

.p-l-4 { padding-left: 4px; }

.p-r-4 { padding-right: 4px; }

.padding-sm { padding: 30px; }

.rightpadding-sm { padding-right: 30px; }

.rightpadding-xs { padding-right: 15px; }

.leftpadding-sm { padding-left: 30px !important; }

.leftpadding-xs { padding-left: 15px !important; }

.bottompadding_sm { padding-bottom: 30px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.p-double { margin: 0 0 2em; }

.m-t-10-vh { margin-top: 10vh; }

.p-block-6 { 
	padding-left: 6px;
	padding-right: 6px;
}
.p-block-8 { 
	padding-left: 8px;
	padding-right: 8px;
}

@media (min-width: 1200px) {
	.leftpadding-sm-lg { padding-left: 30px; }
	.leftrightpadding-sm-lg {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (min-width: 768px) {
	.m-b-60-sm {
		margin-bottom: 60px;
	}
	.p-0-sm {
		padding-right: 0;
	}
	.p-all-0-sm {
		padding: 0;
	}
	.desktop-pull-right {
		float: right !important;
	}
	.sm-text-right {
		text-align: right;
	}
	.sm-row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.visible-sm-block-soft {
		display: block;
	}
	.center-col-md-6 {
		margin: 0 25%;
	}
}
@media (min-width: 992px) {
	.m-t-30-md {
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	body {
		background-color: #fff;
	}
	.hidden-xs-soft {
		display: none;
	}	
	.mobile-row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.mobile-row-6 {
		margin-left: -6px;
		margin-right: -6px;
	}
	.mobile-pull-left {
		float: left !important;
	}
	.m-t-8-xs { margin-top: 8px; }
	.m-t-12-xs { margin-top: 12px; }
	.m-t-16-xs { margin-top: 16px; }
	.m-t-32-xs { margin-top: 32px; }
	.m-b-8-xs { margin-bottom: 8px; }
	.mobile-topmargin-xs {
		margin-top: 15px;
	}
	.mobile-topmargin-20 {
		margin-top: 20px !important;
	}
	.mobile-nopadding {
		padding: 0;
	}
	.p-16-xs { padding: 16px; }
	.p-block-6-xs { 
		padding-left: 6px;
		padding-right: 6px;
	}
	.p-block-12-xs { 
		padding-left: 12px;
		padding-right: 12px;
	}
	.mobile-inline-block {
		float: none;
		display: inline-block !important;
	}
	.flex-xs {
		display: flex;
	}
	.flex-col-xs {
		flex-direction: column;
	}
	.flex-h-center-xs {
		justify-content: center;
	}
	.mobile-box {
		margin-right: 6px;
		margin-left: 6px;
		width: calc(100% - 12px);
	}
}

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

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.strong { font-weight: bold; }

.f-12, .btn.f-12 { font-size: 12px; }

.f-16 { font-size: 16px; }

.f-26 { font-size: 26px; }

.f-w-600 { font-weight: 600; }

.text-normal { font-weight: normal; }

.text-min { font-size: 1px; }

.word-wrap-any { word-wrap: anywhere; }

.root {
    display: flex;
    min-height: 100vh;
    flex-flow: column nowrap;
    flex-grow: 1;
}

.main {
    flex: 1 0 auto;
}
.main-bg {
	flex: 1 0 auto;
	background-color: #F4F3F3;
}
@media (min-width: 768px) {
	.main-bg {
		background: url('images/background-1200-grey.jpg') #f5f3f4;
		background-repeat: repeat-y;
		background-size: 100%; 
		background-position: top center;
		background-attachment: fixed;
	}
}
@media (min-width: 1400px) {
	.main-bg {
		background-color: #f5f3f4;
		background: url('images/background-1600-grey.jpg') #f5f3f4;
		background-repeat: repeat-y;
		background-size: 100%; 
		background-position: top center;
		background-attachment: fixed;
	}
}
@media (min-width: 1800px) {
	.main-bg {
		background-color: #f5f3f4;
		background: url('images/background-1800-grey.jpg') #f5f3f4;
		background-repeat: repeat-y;
		background-size: 100%; 
		background-position: top center;
		background-attachment: fixed;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) {
	.main-bg {
		background-color: #f5f3f4;
		background: url('images/background-1800-grey.jpg') #f5f3f4;
		background-repeat: no-repeat;
		background-size: 100%; 
		background-position: top center;
	}
}

.flex {
	display: flex;
}
.wrap {
	-webkit-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flex-col {
	flex-direction: column;
}
.flex-v-center {
	align-items: center;
}

.flex-h-center {
	justify-content: center;
}
.flex-h-between {
	justify-content: space-between;
}
.flex-h-right {
	justify-content: flex-end;
}
.flex-grow {
	flex-grow: 1;
}

.w100 { width: 100%; }
.w-26 { width: 26px; }

.max-height-500 {
	max-height: 500px;
}

.round {
	border-radius: 50%;
}
.round-xs {
	border-radius: 5px;
}
.round-15 {
	border-radius: 15px;
}
.round-26 {
	border-radius: 26%;
}
.round-33 {
	border-radius: 33%;
}
.round-sm {
	border-radius: 30px;
}

.border-block {
	box-shadow: 0 0 2px #dfdddd;
	border-radius: 5px;
	padding: 12px;
}
.bigger {
	font-size: 1.2em;
}
.smaller {
	font-size: 0.8em;
}

.hypens {
	hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
}

.chevron-right {
	flex-grow: 1;
	text-align: right;
}

.cursor {
	cursor: pointer;
}

.black-and-white-img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}


/* ----------------------------------------------------------------
	Colours
-----------------------------------------------------------------*/

.maitreja-gradient,
.btn-primary,
.btn-success, .btn-success:active,
.btn-creative, .btn-creative:hover, .btn-creative:active, .btn-creative:focus {
	background: #FF7838; /* Old browsers */
	background: -webkit-linear-gradient(233deg, #FF7838 21.88%, #FF5953 71.35%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(233deg, #FF7838 21.88%, #FF5953 71.35%);
}
.maitreja-gradient-2 {
	background: #FF7838; /* Old browsers */
	background: -webkit-linear-gradient(233deg, #FF7838 21.88%, #FF5953 71.35%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(233deg, #FF7838 21.88%, #FF5953 71.35%); 
}
.gold-gradient {
	background: #DEB44F; /* Old browsers */
	background: -webkit-linear-gradient(135deg, #F0D066 0%, #DEB44F 20%, #CE9A39 58%, #DEB44F 76%, #F0D066 90%, #DEB44F 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #F0D066 0%, #DEB44F 20%, #CE9A39 58%, #DEB44F 76%, #F0D066 90%, #DEB44F 100%);
}
.mait-gradient {
	background: #FF663D; /* Old browsers */
	background: -webkit-linear-gradient(90deg, #FF663D 0%, #FE4D5B 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, #FF663D 0%, #FE4D5B 100%);
}
.dark-gradient {
	background: #5D1D4F; /* Old browsers */
	background: -webkit-linear-gradient(135deg, #5D1D4F 20%, #171434 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #5D1D4F 20%, #171434 96%);
}
.btn-primary, .btn-success, .btn-creative {
	color: #fff;
	font-weight: 600;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-success:hover, .btn-success:active, .btn-success:focus,
.btn-creative:hover, .btn-creative:active, .btn-creative:focus {
	color: #e3e3e3;
}
.btn-primary:active {
	background-color: #FF801C;
	background-image: radial-gradient(circle, #DE3B72 10%, #FF801C 11%);
}
.btn-default {
	background-color: #eee;
	color: #000;
	border: 0px solid #eee;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
	background-color: #eee;
	color: #000;
}
.btn-secondary {
	background-color: #fff;
	color: #FF6646;
}
.light-grey .btn-secondary {
	background-color: #FAFBFD;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: #fff;
	color: #DD2B71;
}
.btn-info {
	background-color: #F79E2B;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
	background-color: #D96F1B;
}
.btn-info:active {
	background-image: -webkit-radial-gradient(circle, #D96F1B 10%, #F79E2B 11%);
	background-image: -o-radial-gradient(circle, #D96F1B 10%, #F79E2B 11%);
	background-image: radial-gradient(circle, #D96F1B 10%, #F79E2B 11%);
	background-repeat: no-repeat;
}
.btn-warning {
	background-color: #FF6646;
	color: #fff;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
	background-color: #E15B3F;
}
.btn-danger {
	background-color: #FF2200;
	color: #fff;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
	background-color: #D51F03;
}
.btn.active {
	background: #FF6646;
	color: #fff;
}
.btn-grey {
	background: #979797;
	background-color: #979797;
	color: #ffffff;
}
.inactive {
	background-color: #FF801C91;
}

.alert-success {
	background-color: #F79E2B;
}

.alert-warning {
	background-color: #F8ECB7;
}

.alert,
.modal-content.alert-success h4.modal-title,
.modal-content.alert-success .close,
.modal-content.alert-success p,
.alert .close,
.alert > p,
.alert a:not(.close):not(.btn), .alert .alert-link {
	color: #000;
}

.label {
	font-size: 14px;
	line-height: 1.4;
	font-weight: normal;
	border-radius: 12px;
	padding: 5px 10px;
	margin-bottom: 8px;
}
@media (min-width: 768px) {
	.label {
		font-size: 12px;
		line-height: 1.3;
		padding: 3px 10px;
	}
}

.label-primary,
.label-info {
	background-color: #FF801C;
}

.label-default {
	background-color: #F7F7F7;
	border: 1px solid #E6E6E6;
	color: #000;
}
.label-default[href]:hover {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000;
	text-decoration: none;
}

.green {
	background-color: #73951D;
}
.grey {
	background-color: #BEBFBD;
}
.light-grey {
	background-color: #FAFBFD;
}
.orange {
	background-color: #ff801c;
}
.yellow {
	background-color: #FEE125;
}
.white_bg, .animation-box.white_bg {
	background-color: #fff;
}
.aquamarine {
	background-color: aquamarine !important;
}
.green, .grey, .orange, .yellow {
	color: #000;
}

.bordered {
	background-color: #fff;
	color: #000;
}
.orange-border {
	border: 1px solid #FF6646;
}
.btn.disabled.bordered {
	opacity: 1;
	color: #acacac;
}

.grey-text, .profile p.grey-text {
	color: grey !important;
}
.dark-grey-text {
	color: #666;
}
.orange-text {
	color: #ff801c;
}
.orange-dark-text {
	color: #FF6646;
}
.white-text {
	color: #fff;
}

.a-black-under {
	color: #202020;
	text-decoration: underline;
}
.a-black-under:hover,
.a-black-under:active,
.a-black-under:focus {
	color: #FF801C;
	text-decoration: none;
}


/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/

.container-fluid {
	width: 100%;
}

.col_last {
	margin-right: 0 !important;
	clear: right;
}

.ui-block {
	position: relative;
	background-color: #fff;
	border: 1px solid #e6ecf5;
	overflow-wrap: break-word;
}

.ui-round-block {
	position: relative;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0px 4px 8px #0000000A;
	overflow-wrap: break-word;
}

.timeline.ui-round-block {
	margin-top: 12px;
}

.block-m-t {
	margin-top: 12px;
}

.ui-block-card {
	border: 0;
	border-radius: 12px;
	box-shadow: 0px 4px 8px #0000000A;
}

@media (max-width: 768px) {
	.ui-round-block-xs {
		margin-right: 12px;
		margin-left: 12px;
		width: calc(100% - 24px);
	}
	.home-img {
		max-height: 24vw;
	}
}

@media (min-width: 769px) {
	.ui-central-block {
		width: 737px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		border: 0;
	}
	.ui-round-block {
		border-radius: 16px;
	}
	.timeline.ui-round-block {
		margin-top: 16px;
	}
	.block-m-t {
		margin-top: 24px;
	}
	.ui-block-card {
		border-radius: 16px;
	}
	.container-home {
		width: 760px;
	}
}

@media (min-width: 948px) {
	.cont-w-932 {
		width: 932px;
	}
}

.bottom-float-right {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1;
	margin: 0 auto;
}

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

.navbar {
	min-height: 70px;
	margin-bottom: 0;
	border-radius: 0;
	z-index: 10;
	box-shadow: none;
}
.navbar-main-icons {
	margin-left: 17px;
}
.navbar-nav > li > a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	color: #4D4D4D;
}
.navbar-default .navbar-nav > li > a {
	color: #4D4D4D;
}
.navbar-main-icons > li > a {
	padding: 22px 36px 4px;
}
.navbar-collapse.collapse {
	flex-grow: 1;
	padding: 0;
}
@media (max-width: 1300px) {
	.navbar-main-icons {
		margin-left: 1vw;
	}
	.navbar-main-icons > li > a {
		padding: 20.5px 1.6vw 4px;
	}
	.navbar-right .twitter-typeahead {
		width: 15vw;
	}
}
@media (max-width: 1180px) {
	.navbar-right .twitter-typeahead {
		width: 14vw;
	}
}
@media (max-width: 984px) {
	.navbar-right .twitter-typeahead {
		width: 13vw;
	}
}
@media (max-width: 844px) {
	.navbar-right .twitter-typeahead {
		width: 12vw;
	}
}
@media (max-width: 767px) {
	.navbar-default.nologged {
		background: transparent;
	}
	.navbar-header {
		flex-grow: 1;
		padding-top: env(safe-area-inset-top);
	}
	.navbar-default .navbar-nav > li > a,
	.log_reg {
		font-weight: 800;
		font-size: 1.3em;
		color: #fff;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #e25d6b;
	}
	.navbar-default.nologged .navbar-nav > li > a {
		padding: 10px 30px;
	}
	.navbar-collapse {
		box-shadow: none;
	}
	.navbar-collapse {
		position: absolute;
		top: 60px;
		background: rgb(243, 155, 121) none repeat scroll 0% 0%;
		width: 100%;
		padding-bottom: 80px;
	}
	.navbar-collapse.in {		
		overflow-y: unset;
	}
	.navbar-default .navbar-toggle .icon-bar {
		width: 24px;
		height: 4px;
	}

	.lang-menu {
		position: relative;
	}
	.nologged .navbar-collapse .lang-menu {
		margin-left: 4px;
    	margin-bottom: 4px;
	}
	.lang-select {
		position: relative;
		padding: 6px 10px 10px;
	}

	.lang-menu .dropdown-menu {
		min-width: 80px;
	}
}

.navbar-default .navbar-nav	> li > a:hover .menu-svg,
.navbar-default .navbar-nav	> li > a:focus .menu-svg {
	fill:#FF6646;
}
.navbar-default .navbar-nav > .active > a {
	color: #FF6646;
	background-color: #fff;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FF6646;
	background-color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
}

.navbar-main-icons .tooltip.bottom {
	margin-top: 0px;
}
.navbar-main-icons .tooltip.bottom .tooltip-arrow {
	border-bottom-color: transparent;
}
.navbar-main-icons .tooltip-inner {
	padding: 2px 10px;
	background-color: #4D4D4D;
	border-radius: 8px;
}

.menu-svg {
	fill:#4d4d4d;
	stroke:rgba(0,0,0,0);
}
.menu-svg:hover, .menu-svg:active {
	fill:#FF6646;
	stroke:rgba(0,0,0,0);
}
.menu-svg-active {
	fill:#FF6646;
}
.white-text .menu-svg {
	fill:#fff;
}


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/

.navbar-brand {
	height: 63px;
	padding: 4px 10px 0 15px;
}
.navbar-brand svg {
	width: 50px;
	height: 46px;
	margin-top: 4px;
}
@media (max-width: 800px) {
	.navbar-brand {
		padding-left: 5px;
	}
}
@media (max-width: 767px) {
	.navbar-brand {
		height: 40px;
		width: 42px;
		padding: 0;
		margin: 0 6px 0;
	}
	.navbar-brand svg {
		width: 36px;
		height: auto;
		margin: 1px 2px;
	}
	.nologged .navbar-brand {
		height: 40px;
		width: 40px;
		padding: 0;
		margin: 0 12px;
	}
	.nologged .navbar-brand > div {
		max-height: 40px;
		background-color: #fff;
		border-radius: 50%;
	}
	.nologged .navbar-brand svg {
		width: 36px;
		height: auto;
		margin: 3px 2px 1px;
	}
}


/* ----------------------------------------------------------------
	Header Right Area
-----------------------------------------------------------------*/

.navbar-default .navbar-nav > li.new-messages > a {
	padding: 20.5px 12px 18px;
}
.navbar-default .navbar-nav > li.new-messages > a > i {
	padding-bottom: 4px;
}
.navbar-default .navbar-nav > li.new-messages > a.notifications__info {
	padding-bottom: 18px;
}

.new-messages .badge {
	position: absolute;
	right: 4px;
	top: 6px;
	min-width: 20px;
	padding: 3px;
	background: #FF5E5E;
	font-size: 10px;
	margin-top: 0;
	margin-right: 0;
	border-radius: 15px;
	line-height: 12px;
	border: 1px solid #fff;
}
.navbar-default .navbar-nav	> li.new-messages > a:hover .badge,
.navbar-default .navbar-nav	> li.new-messages > a:focus .badge {
	background: #FF5E5E;
	color: #fff;
}
.navbar-toggle {
	padding: 9px 8px;
}
.navbar-toggle.new-messages {
	margin: 7px 2px;
}
.navbar-toggle.new-messages.notifications__info {
	margin-top: 8px;
}

.navbar-friends svg {
	height: 22px;
	width: 26px;
}

.navbar-nav > li > a.navbar-profile {
	padding-bottom: 12px;
}
.navbar-profile-photo-cont {
	float: left;
	width: 36px;
	height: 36px;
	overflow: hidden;
}
#friends .navbar-profile-photo-cont {
	width: 60px;
	height: 60px;
}
.profile-photo_pos {
	margin-top: -3px;
}
.profile-photo_no-float {
	float: inherit;
}
.profile-photo-mem {
	padding: 2px;
	background: #FF7838; /* Old browsers */
}
.profile-photo-mem_monthly, .premium-monthly-ico {
	background: -moz-linear-gradient(0deg, #FF4B5E 0%, #FF6739 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(0deg, #FF4B5E 0%, #FF6739 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(0deg, #FF4B5E 0%, #FF6739 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4B5E', endColorstr='#FF6739',GradientType=1 ); /* IE6-9 */
}
.profile-photo-mem_early, .premium-yearly-ico {
	background: -moz-linear-gradient(45deg, #BF8028 0%, #F0D166 36%, #CB9535 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #BF8028 0%, #F0D166 36%, #CB9535 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #BF8028 0%, #F0D166 36%, #CB9535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0D166', endColorstr='#CB9535',GradientType=1 ); /* IE6-9 */
}
.premium-monthly-ico, .premium-yearly-ico {
	border-radius: 25%;
}

.profile-photo-href {
	float: left;
  	position: relative;
}
.navbar-profile-photo {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.profile-photo-badge {
	position: absolute;
	top: 55%;
  	left: 56%;
}
.profile-photo-href .profile-photo-badge,
.members_block .profile-photo-href .profile-photo-badge {
	top: 40%;
  	left: 62%;
}
.timeline .profile-photo-href .profile-photo-badge {
	top: 44%;
  	left: 64%;
}
.for_avatar .profile-photo-href .profile-photo-badge {
	top: 58%;
}
.timeline .for_avatar .profile-photo-href .profile-photo-badge {
	top: 47%;
}
.entity-members .profile-photo-href .profile-photo-badge {
	top: 55%;
  	left: 43%;
}
.members_thumbs .profile-photo-href .profile-photo-badge,
.ui-footer .profile-photo-href .profile-photo-badge {
	top: 55%;
}
.search-user-block .profile-photo-href .profile-photo-badge {
	top: 54%;
}
.profile-in-dropdown .profile-photo-href .profile-photo-badge {
	top: 47%;
  	left: 60%;
}
#friends .profile-photo-href .profile-photo-badge {
	top: 64%;
  	left: 64%;
}
#friends .profile-photo-badge svg {
	max-width: 22px;
	max-height: 22px;
}
.profile-photo-cont .profile-photo-badge {
	top: 68%;
  	left: 69%;
}
.profile-photo-cont .profile-photo-badge svg {
	max-width: 44px;
	max-height: 44px;
}

.navbar-profile-name {
	position: relative;
	margin-left: 10px;
	vertical-align: top;
	margin-top: 5px;
	font-size: 0.9em;
}

.navbar-toggle-profile {
	margin: 9px 0 4px;
	padding: 3px 8px 0 5px;
}

.log_reg {
	padding: 0;
}

#mobile_profile_menu ul {
	margin: 10.25px -15px;
	padding-left: 0;
	list-style: none;
}

#mobile_profile_menu li {
	position: relative;
	display: block;
}

#mobile_profile_menu li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	line-height: 23px;
	color: #666666;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.2em;
}

.mobile-second {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
}
.mobile-second li {
	display: inline-block;
	width: 22vw;
	max-width: 22vw;
	height: 53px;
	margin: 4px 1.2vw 0;
	text-align: center;
	line-height: 0.8em;
	vertical-align: top;
}
.mobile-second .menu-svg {
	height: 20px;
}
.mobile-second-landing li {
	max-width: 90px;
}
.mobile-second li button {
	border: 0;
	background-color: transparent;
	color: #2B78B0;
}
.mobile-second li a, .mobile-second li button {
	text-align: center;
	font-size: 10px;
	padding: 2px 0 5px;
	color: #000;
}
.mobile-second i {
	font-size: 1.5em;
	padding: 0 10px;
}
.mobile-second li a:hover, .mobile-second li button:hover,
.mobile-second li a:focus, .mobile-second li button:focus,
 .mobile-second li.active a {
	color: #FF6646;
}

@media (min-width: 769px) {
	.new-messages .badge {
		right: 5px;
		top: 16px;
		min-width: 22px;
		font-size: 12px;
		line-height: 14px;
	}
	.profile-photo-badge {
		top: 53%;
	}
	.profile-photo-href .profile-photo-badge,
	.search-user-block .profile-photo-href .profile-photo-badge {
		top: 56%;
	}
	.profile-photo-cont .profile-photo-badge {
		top: 74%;
		left: 74%;
	}
	#friends .profile-photo-href .profile-photo-badge {
		top: 62%;
	}
	.profile-photo-cont .profile-photo-badge svg {
		max-width: 52px;
		max-height: 52px;
	}
}

/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/

.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 5px;
}
.list-group-item:first-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.list-group-item:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #D3BDE5;
	border-color: #D3BDE5;
	color: #555555;
}

.btn-secondary > .badge {
	background: #FF6646;
	font-size: 10px;
}
.cm_head_ico {
	height: 36px;
	border-radius: 4px;
}

.dropdown-menu {
	background: #fff;
	box-shadow: none;
	font-size: 18px;
	text-transform: none;
	min-width: 150px;
	border: 1px solid #E6E6E6;
	border-radius: 10px;
	padding: 4px 8px 12px;
}
.min-w-240 {
	min-width: 240px;
}
.dropdown-menu-slim {
	min-width: 80px;
}
.dropdown-one-item {
	padding: 4px 8px;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 10px;
	box-shadow: 0px 3px 6px #00000029;
}
.dropdown-menu > li > a {
	padding: 8px 16px;
	line-height: 1.4;
	border-radius: 5px;
}
.dropdown-menu > li > a.commu {
	display: flex;
	align-items: center;
	white-space: wrap;
}
.dropdown-menu > li > a.no-active {
	padding: 0 16px;
	line-height: 1;
	cursor: default;
}
.dropdown-menu > li > a.no-active:hover,
.dropdown-menu > li > a.no-active:active {
	background-color: transparent;
}
.dropdown-menu > li > a.profile-in-dropdown,
.dropdown-menu > li > a.lang-select,
.nav > li > a.lang-select {
	display: flex;
	filter: none;
}
.dropdown-menu > li > hr {
	margin: 5px 0;
}
.dropdown-menu h4 {
	margin: 12px 16px;
	font-size: 20px;
}
.dropdown-menu h5 {
	margin: 0;
	text-transform: none;
	font-size: 16px;
	color: #656565;
}
.dropdown-menu h6 {
	font-size: 14px;
}
.dropdown-menu span {
	font-size: 14px;
	color: #999999;
}
.dropdown-menu span.dark-grey-text {
	font-size: 14px;
	color: #666;
}
.dropdown-menu .radio {
	padding: 8px;
	border-radius: 5px;
}
.dropdown-menu .radio:first-child {
	margin-top: 4px;
}
.dropdown-menu .radio:hover {
	background-color: #EEEEEE;
}
.dropdown-menu .radio label {
	font-size: 16px;
	color: #656565;
	font-weight: 600;
}
.dropdown-menu .radio label span {
	font-weight: 400;
}
.dropdown-menu .cm_ico {
	height: 36px;
	margin-left: -5px;
	margin-right: 8px;
	border-radius: 10px;
}
.dropdown-menu .commu span {
	flex-grow: 1;
	color: #666;
}
.dropdown-menu > li > a.cm_active,
.dropdown-menu .commu.cm_active span {
	color: #FF6646;
}
.dropdown-right {
	left: unset;
	right: 0;
}

.lang-select {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	color: #4D4D4D;
}
.lang-select span {
	margin-right: 8px;
	color: #4D4D4D;
}
.lang-select .pull-right {
	margin-top: -3px;
}
.lang-select i {
	font-size: 14px;
}
.lang-flag {
	width: 24px;
	height: 18px;
}

.notifications {
	text-align: center;
}
.notifications-mobile {
	position: relative;
	flex-grow: 1;
}
.notifications-mobile .dropdown-menu {
	margin-right: 6px;
}

.notif_empty > i {
	padding-top: 3px;
}

.notifications .dropdown-menu {
	padding-top: 6px;
}
.notifications .dropdown-menu > li > a {
	width: 300px;
	white-space: unset;
	margin-bottom: 2px;
}

.notifications__flow {
	position: absolute;
	top: 56px;
	left: -148px;
	float: left;
	width: 300px;
	height: 400px;
	display: block;
	list-style: none;
	padding: 0;
	overflow: auto;
	background: #F5F5F5;
	border: 1px solid #DDD;
	box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
	z-index: 5;
}

.notifications__flow > li {
	border-bottom: 1px solid #DDD;
	text-align: left;
}

.notifications .dropdown-menu > li.new > a {
	background: #FFF2E1;
}
.notifications .dropdown-menu > li.new > a:hover {
	background: #F2E2CD;
}

.notifications__flow > li > a {
	clear: both;
	display: block;
	padding: 9px 7px 9px 10px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.1;
	color: #363636;
}
.notifications__flow > li >a:hover,
.notifications__flow > li >a:focus {
	background: #DBDBDB;
}
.svg-ico .a, .svg-ico-btn .a {
	fill:none;
}
.svg-ico .b {
	fill:#4d4d4d;
}
.white-svg .svg-ico .b {
	fill: #fff;
}
.svg-ico .c {
	fill: none;
	stroke: #4d4d4d;
	stroke-width: 1.5;
}
.btn-link:hover.white-svg,
.btn-link:focus.white-svg,
.btn-link:visited.white-svg,
.btn-link:active.white-svg {
	background-color: transparent;
	background: none;
	filter: none;
	box-shadow: none;
}
.active > .svg-ico .b, .active .svg-ico .b,
.svg-ico:active .b, .svg-ico:hover .b,
.navbar-default .navbar-nav	> li > a.dropdown-toggle:active .svg-ico,
.navbar-default .navbar-nav	> li > a.dropdown-toggle:hover .svg-ico,
.navbar-default .navbar-nav > li.open > a .svg-ico .b, 
.navbar-default .navbar-nav > li.open > a:hover .svg-ico .b, 
.navbar-default .navbar-nav > li.open > a:focus .svg-ico .b,
.navbar-header .open .dropdown-toggle .svg-ico .b {
	fill:#FF6646;
}
.active .svg-ico .c,
.svg-ico:active .c, .svg-ico:hover .c {
	stroke: #FF6646;
}
.svg-ico-btn {
	margin-bottom: -2px;
}
.svg-ico-btn .b {
	fill: #656565;
}
.stroke {
	stroke:#656565;
	stroke-linecap:round;
}

@media (max-width: 768px) {
	.notifications__flow,
	.dropdown-menu-slim {
		left: unset;
		right: 0;
	}
	.dropdown-right-mobile {
		left: unset;
		right: 0;
	}
	.cm_head_ico {
		height: 32px;
	}
}

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/

.search {
	padding-top: 10px;
	padding-right: 12px;
}

.search-mobile-box {
	position: absolute;
	top: 56px;
	float: left;
	width: 100%;
	height: 58px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	z-index: 1000;
	text-align: center;
}
.search-mobile-box .search {
	width: 78vw;
	padding-top: 0;
	margin: 0 auto;
}
.search-mobile-box .twitter-typeahead {
	width: 58vw;
}

.search form {
	border-radius: 12px;
	background-color: #F7F7F7;
}
.search input.form-control,
.search [type="text"].form-control,
.search input.form-control:focus, 
.search input[type="text"]:focus,
.search [type="text"].form-control:focus {
	float: left;
	height: 46px;
	border: 0;
	box-shadow: none;
	padding-left: 20px;
	padding-top: 14px;
	font-size: 14px;
	background-color: #F7F7F7;
}

.search .btn-link {
	float: right;
	color: #666666;
	box-shadow: none;
	margin: 0 0 0 -3px;
	padding: 11px 12px 4px;
	line-height: 1em;
}
.search .btn-link:hover,
.search .btn-link:active,
.search .btn-link:focus {
	background-color: transparent;
}
.search svg .a {
	fill:#F7F7F7;
}
.search svg .b, .search svg .c {
	stroke:gray;
	stroke-width:1.5px;
}
.search svg .c {
	fill:gray;
	stroke-linecap:round;
}
.search svg .d {
	stroke:none;
}


/* ----------------------------------------------------------------
	Filter Menu
-----------------------------------------------------------------*/

.filter-menu-box {
	z-index: 5;
	justify-content: center;
}
.filter-menu-btns {
	height: auto;
}
.filter-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.filter-menu li {
	height: 38px;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid #f0f0f0;
}
.filter-menu li a {
	font-size: 14px;
	padding: 9px 8px;
	color: #000;
}
.filter-menu li a:hover {
	text-decoration: none;
}
.filter-menu li.li-sort {
	font-size: 12px;
	padding: 9px 8px 9px 0;
	text-transform: uppercase;
	color: #000;
	cursor: pointer;
}
.filter-menu li.li-sort span {
	padding-left: 8px;
}

.filter-add-btn, .filter-menu-more {
	flex-grow: 0
}
.filter-menu-more button {
	padding: 6px 15px;
	border: none;
	background: #fff;
}

.filter-menu li a:hover,
.filter-menu-more button:hover,
.filter-menu-more button:active {
	background-color: #f0f0f0;
}
.filter-menu li a.active {
	color: #FF6646;
}

.other-filters {
	z-index: 4;
	flex-wrap: wrap;
	justify-content: left;
}

@media (min-width: 769px) {
	.filter-menu-box {
		justify-content: flex-start;
		margin-top: 24px;
	}
	.filter-menu, .filter-menu-btns {
		flex-grow: 1;
		flex-basis: auto;
	}
	.filter-menu-btns {
		height: 38px;
	}
	.filter-menu li a {
		color: #666;
	}
	.filter-menu li.li-sort {
		color: #666;
	}
	.filter-menu-more button {
		padding: 9px 15px 8px;
	}
}
@media (min-width: 1200px) {
	.filter-menu, .filter-menu-btns {
		background-color: transparent;
	}
}

/* ----------------------------------------------------------------
	Animations
-----------------------------------------------------------------*/

.animation-box {
	position: relative;
	width: 100%;
	height: 50px;
	padding: 20px 90px;
	display: none;
	background-color: #fafbfd;
}
.animation-box-left-30 {
	padding: 20px 30px;
}

.dot-falling {
	position: relative;
	left: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #f59c6d;
	color: #f59c6d;
	box-shadow: 9999px 0 0 0 #f59c6d;
	animation: dotFalling 1s infinite linear;
	animation-delay: .1s;
}
.dot-falling-white {
	background-color: #fff;
	color: #fff;
	box-shadow: 9999px 0 0 0 #fff;
	animation: dotFallingWhite 1s infinite linear;
	animation-delay: .1s;
}

.dot-falling::before, .dot-falling::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-falling::before {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #f59c6d;
	color: #f59c6d;
	animation: dotFallingBefore 1s infinite linear;
	animation-delay: 0s;
}
.dot-falling-white::before {
	background-color: #fff;
  	color: #fff;
	animation: dotFallingWhiteBefore 1s infinite linear;
	animation-delay: 0s;
}

.dot-falling::after {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #f59c6d;
	color: #f59c6d;
	animation: dotFallingAfter 1s infinite linear;
	animation-delay: .2s;
}
.dot-falling-white::after {
	background-color: #fff;
  	color: #fff;
	animation: dotFallingWhiteAfter 1s infinite linear;
	animation-delay: .2s;
}

@keyframes dotFalling {
  0% {
    box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 9999px 0 0 0 #f59c6d;
  }
  100% {
    box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

@keyframes dotFallingBefore {
  0% {
    box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 9984px 0 0 0 #f59c6d;
  }
  100% {
    box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

@keyframes dotFallingAfter {
  0% {
    box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%,
  50%,
  75% {
    box-shadow: 10014px 0 0 0 #f59c6d;
  }
  100% {
    box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

@keyframes dotFallingWhite {
	0% {
	  box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
	}
	25%,
	50%,
	75% {
	  box-shadow: 9999px 0 0 0 #fff;
	}
	100% {
	  box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
	}
  }
  
  @keyframes dotFallingWhiteBefore {
	0% {
	  box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
	}
	25%,
	50%,
	75% {
	  box-shadow: 9984px 0 0 0 #fff;
	}
	100% {
	  box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
	}
  }
  
  @keyframes dotFallingWhiteAfter {
	0% {
	  box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
	}
	25%,
	50%,
	75% {
	  box-shadow: 10014px 0 0 0 #fff;
	}
	100% {
	  box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
	}
  }

.life_posts_animation {
	width: 190px;
	margin: 0 auto;
}
.life_posts_edit_animation {
	width: 50px;
	margin: 0 auto;
}



/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


.img-in-content-badge {
	padding-left: 65px;
}

.loading {
	cursor: pointer;
}



/* ----------------------------------------------------------------
	Login form
-----------------------------------------------------------------*/


.universe {
	background-image: url("images/universe.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 200px;
	height: 100%;
}
.universe h1 {
	margin-top: 15px;
}

.form-signin {
	max-width: 530px;
  	padding: 15px 15px 0;
  	margin: 0 auto;
}
.lead {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.universe .form-group {
		margin-bottom: 5px;
	}
}

@media (min-width: 1200px) {
	.universe .form-group {
		margin-bottom: 15px;
	}
	.universe h1 {
		margin-top: 50px;
	}
	.form-signin {
		padding: 15px;
	}
	.lead {
		margin-bottom: 23px;
	}
}

.form-signin h2 {
	margin-bottom: 30px;
}

.form-url {
	display: none;
}

.field-icon {
	float: right;
	margin-right: -27px;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	color: #FF6646;;
}


/* ----------------------------------------------------------------
	Jumbotron
-----------------------------------------------------------------*/

.container .jumbotron {
	border-radius: 15px;
}
.alert.jumbotron {
	color:inherit;
	margin-bottom: 30px;
}

.alert.jumbotron .close {
	color:inherit;
}

.jumbotron.alert-dismissible .close {
	top: -25px;
	right: 0px;
}

.alert.jumbotron > p {
	margin-bottom: 15px;
}

.alert.welcome {
	padding: 25px 5px 15px;
}

@media screen and (min-width: 768px) {
	.jumbotron h1 {
	  	font-size: 39px;
	}
}



/* ----------------------------------------------------------------
	Profile
-----------------------------------------------------------------*/

.profile-header {
	width: 100%;
}

.profile-btn {
	position: absolute;
	bottom: 5px;
	left: calc(50% - 13px);
}

.profile-title {
	margin-top: 120px;
}

.profile-name {
	z-index: 1;
	text-align: center;
}
.profile-name h1 {
	color: #005c84;
	font-size: 20px;
	margin-top: 0;
}
.profile-name h1 span {
	color: #005c84;
	font-size: 18px;
}

.profile-name img {
	margin-top: 28px;
}

.profile-stripe {
	background-color: #fff;
	width: 100%;
	height: auto;
	padding-top: 80px;
	text-align: center;
	-moz-box-shadow: 0px -60px 60px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0px -60px 60px rgba(0, 0, 0, .6);
    box-shadow: 0px -60px 60px rgba(0, 0, 0, .6);
}

.stripe-icons {
	padding: 0;
}

.mobile-my-menu {
	justify-content: space-between;
}

.profile .ui-whiter-bg {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, #FFFFFF 100%);
}

.profile-photo-cont {
	position: absolute;
	left: calc(50% - 70px);
	float: none;
	padding: 6px;
	margin: -148px auto 0;
	width: 140px;
	height: 140px;
	background-color: #ffffff;
	border-radius: 26%;
	box-shadow: 0 0px 15px 1px rgba(0, 0, 0, 0.25);
	z-index: 1;
}
.profile-photo-cont.profile-photo-mem_monthly,
.profile-photo-cont.profile-photo-mem_early {
	border-radius: 26% 26% 12% 26%;
}
.profile-photo-cont a {
	overflow: hidden;
}

.profile-photo {
	position: relative;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 26%;
}

.follow-btn {
	margin: 9px 7px 0 0;
}

@media (min-width: 400px) {
	.profile-name h1 {
		font-size: 22px;
		margin-top: 15px;
	}
}

@media (min-width: 768px) {
	.profile-name {
		text-align: left;
	}
	.profile-name h1 {
		position: absolute;
		bottom: -76px;
	}
	.profile-name h1,
	.profile-name h1 a {
		color: #fff;
		font-size: 38px;
		margin-top: 23px;
	}
	.profile-name h3 {
		position: absolute;
		bottom: 16px;
	}
	.profile-name h1 span,
	.profile-name h1 a span {
		color: #fff;
		font-size: 25px;
	}
	.profile-stripe {
		height: 80px;
		padding-top: 0;
		text-align: left;
	}
	.stripe-icons {
		padding: 0 5px;
	}
	.profile-photo-cont {
		padding: 8px;
		box-shadow: 0 8px 28px 5px rgba(0, 0, 0, 0.25);
	}
}

@media (min-width: 991px) {
	.profile-title {
		margin-top: 220px;
	}
	.profile-photo-cont {
		left: unset;
		float: left;
		margin-top: -80px;
		margin-left: 32px;
		width: 200px;
		height: 200px;
	}

	.follow-btn {
		margin: 9px 30px 0 0;
	}
}

.profile-stripe .active {
	color: #FF6646;
	box-shadow: none;
}

#aboutme h5 {
	font-size: 14px;
	color: #000;
}
#aboutme h6 {
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	text-transform: lowercase;
	margin-bottom: 0;
}
#aboutme hr {
	margin: 16px 0;
}
.list-group-title {
	padding: 0 0 0 4px;
	font-weight: 600;
	font-size: 16px;
}
.profile-menu > .list-group-item {
	border: 0;
	padding: 8px;
}
.profile-menu > .list-group-item.active {
	background: transparent;
	color: #FF6646;
} 
.profile-menu > .list-group-item span {
	margin-left: 12px;
}

.profile-menu i {
	padding-right: 8px;
}

.list-group-item a > .badge {
	float: right;
}

.profile {
	word-break: break-word;
}
.ui-block.profile-post {
	border-left: 0;
	border-right: 0;
}
.profile-post {
	padding: 15px 0;
}
@media (min-width: 768px) {
	.profile {
		padding: 0;
	}
	.ui-block.profile-post {
		border-left: 1px solid #e6ecf5;
		border-right: 1px solid #e6ecf5;
	}
	.profile-post {
		padding: 15px;
	}
}

/* for rounded cropper enable this

.cropper-view-box,
.cropper-face {
	border-radius: 50%;
}
*/

.circles {
	list-style: none;
	padding-left: 0;
	margin-left: -8px;
	margin-right: -8px;
}
.circles li {
	height: auto;	
	padding: 0 8px;
}
.circles li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 15px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	padding: 8px;
	color: #000000;
	line-height: 1.1;
	font-size: 16px;
}
.circles .circles-title {
	display: block;
	height: 2.4em;
	overflow: hidden;
	margin-bottom: 4px;
	padding-left: 2px;
	line-height: 1.2;
}
.circles .li_action .circles-title {
	height: 3.7em;
}
.circles .circles-role {
	height: 1em;
	font-size: 12px;
	padding-left: 2px;
	margin-bottom: 2px;
}
.circles-role svg {
	width: 14px;
	height: 14px;
}
/* borders are used in profile tabs */
.border-grey {
	border-color: #F2A29B !important;
}
.border-red {
	border-color: #DD2B71  !important;
}
.border-orange {
	border-color: #FF6646  !important;
}
.border-green {
	border-color: #FFCD28  !important;
}
.pga-color-red {
	color: #DD2B71;
}
.pga-color-orange {
	color: #FF6646;
}
.pga-color-green {
	color: #FFCD28;
}
.pga-color-grey {
	color: #F2A29B;
}	
.pga-color-red svg .role-fill {
	fill: #DD2B71;
}
.pga-color-orange svg .role-fill {
	fill: #FF6646;
}
.pga-color-green svg .role-fill {
	fill: #FFCD28;
}
.pga-color-grey svg .role-fill {
	fill: #F2A29B;
}

.profile-pga-img {
	position: relative;
	width: 100%;
	height: 80px;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 15px;
	margin: 0 auto 8px;
}
.profile-pga-img img {
	border-radius: 11px;
}
.circles-bookmark {
	position: absolute;
	top: calc(50% - 14px);
	right: 0;
	width: 30px;
	height: 32px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 6px 0 0 7px;
	background-color: #F2A29B;
}
.bookmark-color-red { background-color: #DD2B71; }
.bookmark-color-orange { background-color: #FF6646; }
.bookmark-color-green { background-color: #FFCD28; }
.bookmark-color-grey { background-color: #F2A29B; }

.circles-bookmark svg {
	width: 18px;
	height: 18px;
	fill: #fff;
}

.profile-more-btn {
	margin-top: 82px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.profile-more-btn-higher {
	margin-top: 92px;
}
.profile-more-btn a.btn {	
	padding: 7px 10px 6px 14px;
	line-height: 1;
	transition: transform .3s;
	transform: rotate(90deg);
}
.profile-more-btn a.btn.collapsed {
	transform: rotate(0deg);
}

.recom-friends {
	position: relative;
	float: left;
	width: 100%;
}
.recom-friends h4 {
	margin-top: 24px;
}
.recom-friends .circles {
	display: flex;
	justify-content: space-between;
	margin: 8px 0 0;
}
.recom-friends .circles li {
	width: 23%;
	padding: 0;
}
.recom-friends .circles li a {
	padding: 6px;
}
.recom-friends .profile-photo {
	transition: transform .2s;
	transform: scale(1.3);
}

.gif-avatar {
	width: 14.5%;
	margin: 0 16px 16px 0;
	border: 3px solid #ffffff;
}

@media (min-width: 769px) {
	.circles {
		margin: 0;
	}
	.circles li {
		padding: 0 15px 0 0;
	}
	.recom-friends .circles {
		margin: 8px 0 0;
	}
	.recom-friends .circles li {
		padding: 0;
	}
	.circles li a {
		padding: 12px;
	}
	.recom-friends .circles li a {
		padding: 6px;
	}
	.profile-pga-img {
		height: 121px;
		margin: 0 0 8px;
	}
	.recom-friends .profile-pga-img {
		height: 106px;
	}
	.circles .circles-role {
		padding-left: 0;
		margin-bottom: 0;
	}
	.profile h5 {
		margin-top: 20px;
	}
}

.profile-pga-img:hover {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.29);
}

.profile p {
	color: #000;
}

.span_after_btn {
	padding: 10px 15px;
}

a.highlight {
	text-decoration: underline !important;
}

ul.sortable li {
    cursor: move;
}

ul.sortable li.ui-sortable-helper {
    border-color: #3498db;
}

ul.sortable li.placeholder {
    height: 50px;
    background: #eee;
    border: 2px dashed #bbb;
    display: block;
    opacity: 0.6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.editpoint {
	position: absolute;
	bottom: 80px;
	width: 1px;
	height: 1px;
	background-color: transparent;
}

.shared-block {
	border-left: 3px solid gray;
	padding: 10px;
	margin-top: 5px;
}

.shared-block img {
	width: 100px;
	max-height: 100px;
	float: left;
	margin-right: 10px;
}

.shared-text {
	margin-bottom: 5px;
}

.getolder-line {
	height: 50px;
}


/* ----------------------------------------------------------------
	Chat
-----------------------------------------------------------------*/

#mobile-convers-stripe.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.convers-stripe {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.convers-back-btn {
	float: left;
	display: inline;
	padding: 10px 10px 10px 5px;
}
.convers-stripe-pad {
	padding: 10px;
}

.chat hr {
	margin-top: 0;
	margin-bottom: 0;
}

.chat .list-group-item {
	float: left;
	width: 100%;
	padding: 17px 15px;
}

.chat .list-group-item.unread {
	background: #EEEEEE;
}

.chat .list-group-item.active {
	background: #d3bde5;
}

.chat img.avatar {
	float: left;
	width: 15%;
	margin-right: 10px;
}

.message_box {
	float: left;
	width: 100%;
	padding: 4px;
	border-radius: 4px;
}
.message_box_grey {
	background-color: #E9E8E4;
}

.message-action {
	margin-left: 8px;
	font-size: 1.2em;
	margin-top: -4px;
}

.for_avatar {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 15px;
}
.for_avatar-form {
	margin-top: 0;
	width: auto;
}

.for_avatar_mess {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: 4px 10px 0 0;
	border: 1px solid #E6E6E6;
}

.for_avatar_out {
	margin: 4px 0 0 26px;
}

.for_avatar.subcomment {
	margin-left: 57px;
}

@media (max-width: 768px) {
	.mes-photo-box {
		width: 50px;
		float: left;
		display: inline;
	}
	.chat_content-box {
		width: 82%;
		float: left;
		display: inline;
	}
	.chat_content-box.convers-stripe-pad {
		width: auto;
		min-width: 220px;
		padding: 13px;
		color: #000;
	}
	.ui-mobile-chat {
		border: 0;
		box-shadow: none;
		margin-top: -10px !important;
	}
	.for_avatar.subcomment {
		margin-left: 27px;
	}
	.for_avatar_out {
		margin-left: 15px;
	}
}

.chat .navbar-profile-photo-cont {
	margin-top: 3px;
}

.chat_content_head {
	display: inline;
	float: left;
	width: 70%;
}
.chat_content_head.subcomment {
	width: 55%;
}
@media (min-width: 348px) {
	.chat_content_head {
		width: calc(100% - 60px);
	}
	.chat_content_head.subcomment {
		width: calc(100% - 87px);
	}
}
@media (min-width: 468px) {
	.chat_content_head.subcomment {
		width: 70%;
	}
}

.chat_content {
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 60px);
}
.chat_content .chat_content {
	width: 100%;
}

.chat_comments {
	margin-left: 57px;
}

.chat_content .report-url {
	text-align: right;
	line-height: normal;
	padding-left: 30px;
}

.chat_content_full {
	width: 100%;
	word-wrap: break-word;
}

.chat_content.subcomment {
	width: calc(100% - 114px);
	margin-left: 114px;
}

.chat .for_avatar img.avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-right: 15px;
	border: 1px solid #E6E6E6;
}

.chat span.tright {
	float: right;
}

.chat .chat_content span.tright {
	color: #B2B0B0;
}

.chat_content_grey {
	background-color: #E9E8E4;
}

.chat_content_blue {
	background: #d3bde5;
}

.chat .active .chat_content,
.chat .active .chat_content span.tright,
.chat_content_blue {
	color: #000;
}
.chat_content_blue a.btn-default {
	color: #444444;
}

.chat_content_bubble {
	padding: 10px;
}

@media (max-width: 400px) {
	.accord_settings {
		line-height: 2em;
	}
	.chat_form_mobile_margin {
		margin-top: 10px;
	}
	.chat_content.subcomment {
		width: calc(100% - 84px);
		margin-left: 84px;
	}
	.chat_content .btn-mobile-limited {
		max-width: 194px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.tt-menu {
	background: #EEEEEE;
	padding: 3px;
}

.tt-suggestion {
	cursor: pointer;
	padding: 3px 5px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
	max-width: 51px;
	padding-left: 17px !important;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.imgload {
	position: relative;
	width: 40%;
	margin: 5px 0;
	padding-right: 15px;
}
.imghelp {
	display: inline;
	padding-left: 10px;
}
.imgloadslim {
	height: 1px;
}

@media (max-width: 768px) {
	.show-comments {
		margin-top: 10px;
	}
}

#chat-body, #chat-body object {
	width: 100%;
}
#chat-body object {
	height: calc(100vh - 207px);
	margin-bottom: -4px;
}
@media (min-width: 856px) {
	#chat-body object {
		height: calc(100vh - 149px);
	}
}


/* ----------------------------------------------------------------
	News & Blog
-----------------------------------------------------------------*/

.ui-block-card h2 {
	line-height: 20px;
	height: 40px;
	max-height: 40px;
	margin-top: 20px;
	margin-bottom: 8px;
	overflow: hidden;
}
.ui-block-card h2.h2-slimmer {
	margin: 20px 0 8px;
}
.ui-block-card h2.h2-slimmer-48 {
	margin: 0 0 10px;
	font-weight: 400;
  	font-size: 14px;
}
.ui-friends-card h2 {
	height: 34px;
	max-height: 34px;
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 18px;
	font-size: 14px;
}

.precont p {
	height: 63px;
	max-height: 63px;
	overflow: hidden;
}

.ui-block-card .bottomborder {
	border-color: #F0F0F0;
}

.ui-block-card .content-user-href {
	font-size: 13px;
	line-height: 16px;
}

.ui-block-card i {
	font-size: 16px;
}

.preview-img {
	position: relative;
	width: 100%;
	height: 183px;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
.preview-friends-img {
	height: 155px;
}
.preview-img img {
	width: 100%;
	height: 183px;
	object-fit: cover;
}
.preview-friends-img img {
	height: 155px;
	transform: scale(1.3);
}
.tags-box {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
.tags-box a,
.tags-box div {
	margin-right: 5px;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.preview-img,
	.preview-img img {
		height: 170px;
	}
	.preview-friends-img,
	.preview-friends-img img {
		height: 220px;
	}
}
@media (max-width: 570px) {
	.preview-img,
	.preview-img img {
		height: 243px;
	}
	.preview-friends-img,
	.preview-friends-img img {
		height: 202px;
	}
}
@media (max-width: 380px) {
	.preview-img {
		height: 183px;
	}
	.preview-friends-img,
	.preview-friends-img img {
		height: 168px;
	}
}
@media (min-width: 769px) {
	.preview-img {
		border-radius: 16px 16px 0 0;
	}
}

.saved-img {
	border-radius: 0;
}

.square-img {
	width: 100%;
	height: 255px;
	position: relative;
	overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.big-img {
	width: 100%;
	height: auto;
}

.precont-box {
	padding: 0 20px;
}
.precont {
	display: block;
	height: 182px;
	overflow:hidden;
    text-overflow:ellipsis;
}
.precont-short {
	height: auto;
}

.see-and-comm {
	padding: 5px 15px 6px 0;
}

.share-btn-icon {
	background-color: #fff;
	margin-right: -16px;
	margin-top: -6px;
	padding: 8px 16px 4px;
}
.share-btn-icon:hover, .share-btn-icon:active, .share-btn-icon:focus {
	background-color: #fff;
}
.share-btn-icon .svg-ico-btn {
	margin-right: 0;
}
.share-btn-icon .svg-ico-btn .b {
	fill: #FF6646;
}
.share-btn-icon:hover .svg-ico-btn .b, 
.share-btn-icon:active .svg-ico-btn .b, 
.share-btn-icon:focus .svg-ico-btn .b {
	fill: #DD2B71;
}

.save-row {
	position: absolute;
	right: 10px;
	width: auto;
	height: 43px;
	text-align: right;
	margin-top: -16px;
	background-color: transparent;
	z-index: 4;
}

.save-row_detail {
	right: 32px;
	margin-top: -34px;
}

.save-row .ui-btn {
	float: left;
	width: 55px;
	height: auto;
	padding: 7px 12px 0;
	font-size: 24px;
	color: #808080;
	background-color: transparent;
	border: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	line-height: 1;
}
.save-row .ui-btn:active {
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

.bookmark_a {
	fill:none;
}
.bookmark_b {
	fill:gray;
	stroke-miterlimit:10;
}
[id^="playback"] .bookmark_b {
	fill:#FF9A4E;
}
.bookmark_c,.bookmark_d {
	stroke:none;
}
.bookmark_d {
	fill:#fff;
}

.btn-pin {
	position: absolute;
	top: calc(100% - 27px);
	right: 4px;
	color: #585858;
	opacity: 0.8;
}
.ui-block-card .btn-pin i {
	font-size: 12px;
}
.btn-pin.btn-secondary {
	color: #DD2B71;
	opacity: 1;
}

@media (min-width: 1200px) {
	.save-row {
		right: 0;
		margin-top: -14px;
	}
	.save-row_detail {
		right: 32px;
		margin-top: -32px;
	}
	.save-row .ui-btn {
		width: auto;
		height: auto;
		margin-right: 20px;
		padding: 3px 0 0 5px;
		line-height: 1;
	}
	.save-row svg {
		width: 20px;
	}
}

.save-row .red-text.btn-sm {
	color: #B03434;
}
.save-row .tooltip {
	line-height: 1.6;
}
.save-row .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.save-row .tooltip-inner {
	background-color: #F0F0F0;
	color: #808080;
}
.save-row .tooltip.top .tooltip-arrow {
  	border-top-color: #F0F0F0;
	margin-left: -2px;
}

.ui-footer {
	width: 100%;
	padding: 10px;
}

.ui-block-card .ui-footer {
	padding: 14px 20px 16px;
}

.flag {
	width: 38px;
	height: 39px;
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: -3px;
	padding: 4px;
}
.flag-pga {
	margin-top: 22px;
}

.stars {
	display: inline-block;
	font-size:14px;
	vertical-align: top;
	font-family: 'Montserrat';
}
.stars svg {
	margin: 0 4px;
}
.chat_content .stars {
	margin-bottom: 8px;
}
.onestar,
.rating-form ul li {
	color: #F0F0F0;
	text-shadow: 0 0 1px #666666;
	font-size:20px;
	line-height: 24px;
}
.onestar.selected,
.rating-form ul li.selected,
.rating-form ul li.highlight {
	color:#FEDC4F;
	text-shadow: 0 0 1px #F48F0A;
}

.rating-form {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 15px 0 2px;
	border: 1px solid #dddddd;
	background: #fff;
	z-index: 1000;
}
.rating-form ul li {
	display: inline-block;
	font-size: 26px;
}

#profile-user-rating ul {
	padding-left: 0;
}

.rating-box {
	position: absolute;
	display: none;
	top: -20px;
	right: 15px;
	width: 285px;
	height: 41px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
}
.rating-box-higher {
	top: -43px;
}
.rating-box-comm {
	top: auto;
	bottom: 28px;
}
.rating-box ul {
	list-style: none;
	margin: 1px 0 0 2px;
	padding: 0;
}
.rating-box li {
	display: inline;
	float: left;
	margin: 2px;
}
.rating-box li a {
	padding: 2px;
}
.rating-box img:hover, .rating-box img:active {
	animation: shake 0.4s;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-2px, 0px) rotate(1deg); }
  30% { transform: translate(2px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-2px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -1px) rotate(-1deg); }
}

.emoji-small {
	width: 18px;
	height: auto;
}

.forward-box, .share-box, .comment-box, .serart-box, .settings-box, .action-box {
	position: absolute;
	display: none;
	top: -34px;
	right: 15px;
	width: 285px;
	height: 93px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .15);
	z-index: 5;
}
.share-box {
	bottom: 26px;
	right: 20px;
	top: auto;
	width: 230px;
	height: 180px;
	z-index: 100;
}
.ui-footer .share-box {
	bottom: 0;
	right: 30px;
}
.serart-box {
	top: -50px;
	width: 185px;
}
.settings-box {
	top: 44px;
	height: auto;
	z-index: 10;
}
#friends .settings-box {
	top: 64px;
}
.settings-box-bottom {
	top: auto;
	bottom: 26px;
}
@media (max-width: 570px) {
	#myImgboxnew .settings-box {
		top: 47px;
	}
}
@media (max-width: 1200px) {
	#timeline #myImgboxnew .settings-box {
		top: 47px;
	}
}
.action-box {
	top: 40px;
	width: 180px;
	height: auto;
	right: inherit;
}
/* share & forward box in detail */
.forward-box-page {
	top: 53px;
	right: 15px;
}
.share-box-page {
	top: 53px;
	right: 15px;
}
/* share & forward box in all articles pages */
.wrap .forward-box-page {
	top: 28px;
	right: 50px;
}
.wrap .share-box-page {
	top: 30px;
	right: 50px;
}
@media (min-width: 1200px) {
	.forward-box-page, .share-box-page,
	.wrap .forward-box-page {
		top: 50px;
		right: 5px;
	}
	.wrap .share-box-page {
		top: 10px;
		right: 5px;
	}
}
@media (min-width: 769px) {
	.serart-box {
		top: -94px;
	}
}

.message-action-box {
	top: inherit;
	bottom: 24px;
	right: 0px;
	width: 140px;
	height: auto;
}

.forward-box-higher {
	top: -96px;
}
.share-box-higher {
	top: -136px;
}
.box-higher-more {
	top: -80px;
}
.box-higher-more2 {
	top: -96px;
}
.share-box.box-higher-more2 {
	top: -136px;
}
.forward-box ul, .share-box ul, .comment-box ul, .serart-box ul, .settings-box ul, .action-box ul {
	list-style: none;
	margin: 1px 0 0 2px;
	padding: 0;
}
.forward-box li, .share-box li, .comment-box li, .serart-box li, .settings-box li, .action-box li {
	width: 100%;
	height: 45px;
	border: 0;
	border-bottom: 1px solid #eee;
}
.forward-box li:last-child,
.share-box li:last-child,
.serart-box li:last-child,
.settings-box li:last-child,
.action-box li:last-child {
	border: 0;
}
.forward-box li a,
.share-box li a,
.comment-box li a,
.serart-box li a,
.settings-box li a,
.action-box li a {
	float: left;
	width: 100%;
	padding: 10px 12px;
	text-transform: none;
	font-family: 'Montserrat';
}

.action-box li a {
	padding: 12px 12px 12px 12px;
}

.rating-btn, .forward-btn, .share-btn {
	vertical-align: top;
}

.comment-box {
	top: 27px;
	height: auto;
}

.action-box > a {
	display: none;
}

@media (max-width: 768px) {
	.rating-btn, .forward-btn, .share-btn {
		font-size: 12px;
		padding: 6px;
	}
	.ui-footer .share-btn {
		padding: 8px 16px 4px;
	}
	.rating-btn {
		margin-top: -3px;
	}
	.save-later_detail {
		padding: 6.5px 14px;
		font-size: 12px;
	}
}

.content-user-href {
	float: left;
	position: relative;
	display: inline;
	width: 145px;
	height: 30px;
	vertical-align: top;
	margin-left: 9px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'Montserrat';
}
.cont-user-href-auto {
	width: auto;
}
.content-user-href__heri {
	width: 175px;
}
.content-detail-user-href {
	display: inline;
	width: auto;
	vertical-align: top;
	margin: 0 0 15px 8px;
	line-height: 1.25;
	font-family: 'Montserrat';
}
.search-user-block .content-detail-user-href {
	margin: 0 0 0 8px;
}
.members_block .content-detail-user-href {
	flex-grow: 1;
}
.content-user-href svg {
	width: 16px;
	height: 16px;
	min-width: 16px;
}
.timeline .navbar-profile-photo-cont {
	margin-bottom: 14px;
	width: 40px;
  	height: 40px;
}
.timeline .content-user-href {
	width: calc(100% - 50px);
	font-size: 14px;
	line-height: 14px;
	margin-top: 3px;
}
.timeline .content-user-href a,
.timeline p,
.timeline .shared-block a,
.timeline .post-title {
	color: #000;
}
.timeline .content-user-href span {
	font-size: 12px;
	color: #7E7E7E;
}
.life-post-img {
	margin-left: -16px;
	margin-right: -16px;
}
.emoji-comms button {
	background-color: transparent;
	color: #656565;
	text-transform: none;
	font-size: 14px;
	line-height: 1;
}
.emoji-comms button.btn:hover,
.emoji-comms button.btn:active,
.emoji-comms button.btn:focus {
	filter: none;
	box-shadow: none;
	background: transparent;
}
.timeline .setarticle {
	margin-right: -10px;
	background: transparent;
}
.entity-content .setarticle {
	background: transparent;
}

.post-footer-grey {
	margin-top: 16px;
	background-color: #FAFAFA;
	border-top: 1px solid #E6E6E6;
}
.emoji-comms {
	padding-top: 16px;
}
.post-footer-grey a,
.post-more {
	color: #656565;
}
@media (min-width: 992px) {
	.content-user-href__heri {
		width: calc(100% - 50px);
	}
	.content-detail-user-href {
		margin: 0 0 0 15px;
	}
	.timeline .content-user-href {
		font-size: 14px;
	}
	.timeline .content-user-href span {
		font-size: 12px;
	}
	.entity-content .setarticle {
		margin-right: -10px;
	}
}

.serial p {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/

.photo-cont-bigger {
	width: 45px;
	height: 45px;
	margin-top: 0;
	flex-shrink: 0;
}

textarea.form-control.main-content-area {
	height: 330px;
	max-height: 330px;
}


/* ----------------------------------------------------------------
	Projects, Groups, Actions
-----------------------------------------------------------------*/


.entity-header {
	position: relative;
	height: 160px;
}
.community .entity-header {
	height: 121px;
}

.entity-header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	border-radius: 12px 12px 0 0;
}

.entity-title-header {
	width: 100%;
	padding: 12px 12px 12px;
}
.entity-title-ico {
	width: 54px;
	height: 54px;
	background-color: #F0F0F0;
	padding: 14px;
	border-radius: 50%;
	margin-right: 16px;
}
.community-members-num svg {
	min-width: 20px;
  	min-height: 24px;
}
.community-members-clickable {
	cursor: pointer;
}
.lead-btn {
	margin-bottom: 2px;
	color: #626262;
}
.lead-btn:hover {
	color: #FF6646;
}

.lead-badge {
	min-width: 34px;
	max-width: 34px;
	margin: 8px 16px 0 1px;
}
.lead-badge span, .lead-title {
	font-size: 7px;
	line-height: 1.2;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
}
.lead-title {
	font-size: 10px;
	margin-top: 0.1rem;
}
.lead-badge-admin {
	max-width: 36px;
	margin-right: 8px;
}
.lead-points {
	min-width: 60px;
}

.thread-title-ico {
	width: 44px;
	height: 44px;
	padding: 7px;
}
.entity-title-ico .svg-ico .b {
	fill: #868686;
}
.entity-title-header h1 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 0;
	padding-left: 4px;
}

.entity-header-right {
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	margin-top: 16px;
}

.entity-header-icons {
	margin-right: 8px;
	margin-bottom: 0;
}

.entity-header-icons a:hover, 
.entity-header-icons a:active, 
.entity-header-icons a:focus {
	text-decoration: none;
}
.entity-header-icons svg {
	width: 26px;
	margin-right: 12px;
}

.entity-info {
	font-size: 14px;
	word-wrap: anywhere;
}
.entity-info-t {
	width: 30%;
	min-width: 30%;
	color: #999999;
}
.entity-info-t-auto {
	width: auto;
	min-width: auto;
	margin-right: 20px;
}
.entity-info .tags-box a {
	margin-top: 2px;
	margin-bottom: 0;
}

.entity-line {
	border: 1px solid #D9D9D9;
}

.action-name {
	margin-top: -5px;
}

#threads p {
	min-height: 45px;
}

.community-ico-old {
	width: 72px;
	max-width: 72px;
}
@media (max-width: 769px) {
	.profile-header .entity-header-right,
	.community .entity-header-right {
		justify-content: center;
	}
}
@media (min-width: 768px) {
	.entity-header, .community .entity-header {
		height: 320px;
	}
	.entity-header img {
		border-radius: 16px 16px 0 0;
	}
	.entity-title-header {	
		padding: 24px;
	}
	.entity-title-header h1 {
		font-size: 32px;
		font-weight: 400;
		padding-left: 12px;
	}
	.entity-header-right {
		margin-top: 0;
	}
	.entity-info {
		font-size: 18px;
	}
	.action-name {
		margin-top: -20px;
	}
}

.entity_members {
	align-items: center;
}
.members_thumbs .profile-photo-href {
	margin-left: 4px;
}
.members_thumbs .profile-photo-href:first-child {
	margin-left: 0px;
}
.members_more a {
	display: inline-block;
	background-color: #E14F6D;
	color: #fff;
	margin-left: 4px;
	padding: 7px 0;
	text-align: center;
}
.members_block, .members_block .flex {
	min-height: 50px;
}
.members-line {
	margin-top: -30px;
}

.article {
	float: left;
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	border-top: 0;
	padding: 5px 15px 20px;
}
.article:first-of-type {
	border-top: 1px solid #eee;
}

.img_space {
	margin: 0 3px 5px 0;
	border: 3px solid white;
	cursor: pointer;
}
.img_space.selected {
	border: 3px solid red;
}

.form-search {
	width: 250px;
	display: inline;
}
.form-search input {
	display: inline;
	height: 40px;
}

.form-search .btn {
	position: absolute;
	right: 16px;
	background-color: transparent;
	box-shadow: none;
	border: 0;
	padding: 6px 16px;
}
.entity-content .form-search .btn {
	padding: 10px 16px;
}

.text-content {
	max-height: 300px;
	overflow: hidden;
}

.more {
	float: left;
	position: relative;
	width: 100%;
	height: 50px;
	margin-top: -50px;
	padding-top: 16px;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 28%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.light-grey .more {
	background: linear-gradient(to bottom, rgba(250,251,253,0) 0%,rgba(250,251,253,0) 1%,rgba(250,251,253,0.7) 20%,rgba(250,251,253,1) 28%,rgba(250,251,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafbfd', endColorstr='#fafbfd',GradientType=0 ); /* IE6-9 */
}

.container-photo-grid {
	width: 100%;
	margin: 0 auto;
}
.photo-grid {
	-moz-column-count: 3;
-moz-column-gap: 0px;
-webkit-column-count: 3;
-webkit-column-gap: 0px;
column-count: 3;
column-gap: 5px;
width: 100%;
}
.photo-grid img {
	display: inline-block;
 margin-bottom: 5px;
 width: 100%;
}

title.featherlight-inner {
	color: #ffffff;
}
.featherlight .featherlight-content {
	padding: 5px 5px 0 !important;
	border-bottom: 5px solid transparent !important;
}
.featherlight-next:hover,
.featherlight-previous:hover {
	background: transparent !important;
}
.featherlight .featherlight-close-icon {
	line-height: 35px !important;
	width: 35px !important;
}

.poll {
	min-width: 100%;
}
.poll ul {
	list-style: none;
	padding: 0;
	width: 100%;
}
.poll li {
	cursor: pointer;
}
.poll li.voted {
	cursor: default;
}
.poll .answer {
	position: relative;
	width: 100%;
	min-width: 100%;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 5px 10px;
}
.poll .answer-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 31px;
	border-radius: 4px;
	background-color: #FDC4A9;
	z-index: 1;
}
.poll .answer-text {
	flex-shrink: 1;
	z-index: 5;
}
.poll .answer-value {
	z-index: 5;
}

@media (min-width: 769px) {
	.def_top {
		max-width: 32%;
	}
	.form-search input.form-control {
		padding-right: 50px;
	}
	.text-content {
		max-height: 200px;
	}
	.poll ul {
		max-width: 50%;
	}
}


/* ----------------------------------------------------------------
	Membership
-----------------------------------------------------------------*/

.mem-select {
	max-width: 100px;
}
.mem-plan {
	border: 3px solid #f4f4f4;
}
.mem-plan-best {
	border: 3px solid #FF7838;
}
.mem-recom {
	position: absolute;
	top: 0;
	left: calc(50% - 75px);
	width: 150px;
	background-color: #FF7838;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 0 0 8px 8px;
}
.mem-desc {
	min-height: 42px;
}
.mem-price {
	font-size: 32px;
}
.mem-price span {
	font-size: 14px;
	padding-left: 12px;
}
.mem-plan hr {
	width: 100%;
	border-top: 1px solid #f0f0f0;
	margin-top: 24px;
  	margin-bottom: 14px;
}
.mem-list {
	list-style: none;
  	padding: 0;
	line-height: 2.5;
}
.mem-list i {
	color: green;
  	padding-right: 8px;
}

.credit-amount {
	font-size: 60px;
  	font-weight: 700;
}


/* ----------------------------------------------------------------
	Treasures, rest in treasures.css
-----------------------------------------------------------------*/

.img-upload-box {
	line-height: 0.1;
}


/* ----------------------------------------------------------------
	Events
-----------------------------------------------------------------*/


#type-select {
	max-width: 100%;
}

.canceled-sticker {
	position: absolute;
	left: calc(50% - 100px);
	top: calc(50% - 30px);
	width: 200px;
	background-color: #979797;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	padding: 12px;
	border-radius: 15px;
}
.canceled-small {
	top: 70px;
	background-color: #ffffff;
	color: #656565;	
}
@media (min-width: 769px) {
	.canceled-sticker {
		left: calc(50% - 150px);
		top: calc(50% - 46px);
		width: 300px;
		font-size: 48px;
		border-radius: 30px;
	}
	.canceled-small {
		left: calc(50% - 100px);
		top: 70px;
		width: 200px;
		font-size: 24px;
		border-radius: 15px;
	}
}


/* ----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/


.container-home {
	margin-top: 26px;
	padding: 0 26px;
}
.container-home .col-xs-12 {
	padding: 0 12px;
}
.container-home .col-xs-6 {
	padding: 0 10px;
}
.home-tile {
	display: block;
}
.home-tile img {
	border-radius: 30px;
}
.home-tile h4 {
	position: absolute;
	top: 10px;
	left: 34px;
}
.home-premium {
	border-radius: 15px;
  	padding: 12px 16px 12px 24px;
	flex-wrap: wrap;
}
.home-premium img {
	width: 48px;
}
.home-token img {
	width: 68px;
	margin-top: 2px;
}
.home-premium-body {
	width: 50%;
}
.home-premium h4 {
	padding-top: 5px;
	margin: 0;
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
}
.home-premium p {
	color: #fff;
	margin: 0;
}
.home-premium .btn {
	margin-top: 12px;
}
.container-home .ui-round-block {
	overflow: hidden;
	border-radius: 15px;
}

.container-home h4 {
	font-size: 16px;
}

@media (min-width: 768px) {
	.container-home {
		margin-top: 48px;
		padding: 0 15px;
	}
	.container-home h4 {
		font-size: 19px;
	}
	.home-premium {
		flex-wrap: nowrap;
	}
	.home-premium-body {
		width: auto;
	}
	.home-premium .btn {
		margin-top: 0;
	}
	.home-token img {
		width: 88px;
	}
}


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


.btn {
	box-shadow: none;
	border-radius: 8px;
	padding: 12px 18px;
	line-height: 1.2em;
	font-size: 14px;
	text-transform: none;
}
.btn:hover {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.btn:active,
.btn:focus {
	filter: none;
}
.btn-xs {
	padding: 4px 10px;
	font-size: 12px;
}
.btn-xs .svg-ico {
	min-width: 26px;
}
.emoji-comms .btn-xs .svg-ico {
	height: 20px;
}
.btn-sm {
	padding: 8px 12px;
}
.btn-lg {
	font-size: 20px;
}
.btn-block {
	width: 100%;
	text-align: center;
}
button.maitreja-gradient,
a.maitreja-gradient {
	color: #fff;
}
button.maitreja-gradient .svg-ico .b,
a.maitreja-gradient .svg-ico .b {
	fill: #fff;
}
button.maitreja-gradient:hover,
button.maitreja-gradient:active,
button.maitreja-gradient:focus,
a.maitreja-gradient:hover,
a.maitreja-gradient:active,
a.maitreja-gradient:focus {
	color: #ffebd9;
}

.btn-ico-text {
	display: flex;
	align-items: center;
}
.btn-ico-text svg {
	margin-right: 24px;
}
.btn-ico-text-small svg {
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.btn-ico-text-m-r-8 svg {
	margin-right: 8px;
}

.btn.round {
	padding: 6px 16px;
	font-size: 46px;
	font-family: 'Open Sans';
	font-weight: 300;
	line-height: 46px;
}

.btn-clear {
	border: 0;
	padding: 6px 4px;
	box-shadow: none;
	background-color: transparent;
	color: inherit;
	line-height: 21px;
	font-size: 15px;
	text-transform: none;
}
.btn-clear.follow-btn {
	font-size: 12px;
}

.btn-flat {
	border-radius: 0;
	box-shadow: none;
}

.btn-for-border {
	padding: 1px !important;
}

.btn:hover.btn-no-hover,
.btn:active.btn-no-hover,
.btn:focus.btn-no-hover {
	filter: none;
}

.edit-bg-btn {
	position: absolute;
	right: 12px;
	bottom: 6px;
}
.edit-bg-btn svg,
.profile-btn svg {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .35));
}

@media (max-width: 768px) {
	.btn-ico-solo-xs {
		padding: 14px 14px;
	}
	.btn-ico-solo-xs svg {
		margin-right: 0;
	}
}
@media (min-width: 769px) {
	.btn {
		padding: 14px 20px;
	}
	.btn-xs {
		padding: 4px 10px;
	}
	.btn-sm {
		padding: 10px 16px;
	}
	.btn-lg {
		min-width: 300px;
	}
	.btn-clear.follow-btn {
		font-size: 15px;
	}
	.btn-f-20 {
		font-size: 20px;
	}
}

.btn-right-connected {
	margin-left: -4px;
	box-shadow: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-left-connected {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-box {
	position: absolute;
	top: 0;
	right: 0;
}

.photo-btn, .share-delete-btn, .comm-photo-btn {
	position: absolute;
	right: 0;
	margin-top: 9px;
	margin-right: 20px;
}
.share-delete-btn {
	margin-top: 0px;
}
.members_block button {
	padding: 6px 13px;
	max-height: 36px;
}



/* ----------------------------------------------------------------
	Modals
-----------------------------------------------------------------*/

.alert.jumbotron > p {
	color: #444444;
}

/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/

.nav-tabs > li {
	margin-right: 2px;
}
.nav-tabs > li > a {
	background-color: #ffffff;
	color: #ffffff;
	border: 0;
	box-shadow: none;
	padding: 16px 8px;
}
.nav-tabs > li > a span {
	background-color: #c4c4c4;
	padding: 12px 32px;
	border-radius: 30px;	
}
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus:hover {
	color: #ffffff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus:hover {
	border: 0;
	color: #ffffff;
	box-shadow: none;
}
.nav-tabs > li.active > a span,
.nav-tabs > li > a:hover span, 
.nav-tabs > li > a:focus:hover span {
	background-color: #FF801C;
	transition: background-color 400ms linear;
}
.nav-tabs > li.active.nav-btn-grey > a span {
	background-color: #979797;
}

@media (min-width: 769px) {
	.nav-tabs > li > a {
		border-bottom: 1px solid #eee;
		border-top-left-radius: 27px;
		border-top-right-radius: 27px;
		box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.15);
	}
	.nav-tabs > li > a:hover, 
	.nav-tabs > li > a:focus:hover {
		box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.15);
		border-bottom: 1px solid #eee;
	}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus:hover {
		box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.15);
	}
}
@media (max-width: 768px) {
	.nav-tabs-friends li {
		min-width: 240px;
	}
}



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

.form-control {
	height: auto;
	line-height: 1.5;
	box-shadow: none;
}
.form-control:focus {
	box-shadow: none;
	border-color: #FFAE46;
}

textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control,
select, select.form-control {
	padding: 14px 16px;
	font-size: 14px;
  	border: 1px solid #F4F5F6;
  	border-radius: 12px;
	background-color: #F4F5F6;
	box-shadow: none;
}

textarea:focus, textarea.form-control:focus, 
input.form-control:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
[type="text"].form-control:focus, 
[type="password"].form-control:focus, 
[type="email"].form-control:focus, 
[type="tel"].form-control:focus, 
[contenteditable].form-control:focus {
	box-shadow: none;
	border-color: #FFAE46;
}

input.short-input {
	max-width: 60%;
}

.has-error input:not([type="checkbox"]), 
.has-error .form-control, 
.has-error input.form-control[readonly], 
.has-error input[type="text"][readonly], 
.has-error [type="text"].form-control[readonly], 
.has-error input:not([type="checkbox"]):focus, 
.has-error .form-control:focus {
	box-shadow: none;
	border: 1px solid #e51c23;
}

select, select.form-control {
	background: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIHdpZHRoPSIxNnB4IiAgZmlsbD0iIzY2NjY2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjU2LDI5OC4zTDI1NiwyOTguM0wyNTYsMjk4LjNsMTc0LjItMTY3LjJjNC4zLTQuMiwxMS40LTQuMSwxNS44LDAuMmwzMC42LDI5LjljNC40LDQuMyw0LjUsMTEuMywwLjIsMTUuNUwyNjQuMSwzODAuOSAgYy0yLjIsMi4yLTUuMiwzLjItOC4xLDNjLTMsMC4xLTUuOS0wLjktOC4xLTNMMzUuMiwxNzYuN2MtNC4zLTQuMi00LjItMTEuMiwwLjItMTUuNUw2NiwxMzEuM2M0LjQtNC4zLDExLjUtNC40LDE1LjgtMC4yTDI1NiwyOTguMyAgeiI+PC9wYXRoPjwvc3ZnPg==') calc(100% - 20px) center no-repeat #F4F5F6;
}
select:focus, 
select.form-control:focus {
	box-shadow: none;
	background: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIHdpZHRoPSIxNnB4IiAgZmlsbD0iIzY2NjY2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjU2LDI5OC4zTDI1NiwyOTguM0wyNTYsMjk4LjNsMTc0LjItMTY3LjJjNC4zLTQuMiwxMS40LTQuMSwxNS44LDAuMmwzMC42LDI5LjljNC40LDQuMyw0LjUsMTEuMywwLjIsMTUuNUwyNjQuMSwzODAuOSAgYy0yLjIsMi4yLTUuMiwzLjItOC4xLDNjLTMsMC4xLTUuOS0wLjktOC4xLTNMMzUuMiwxNzYuN2MtNC4zLTQuMi00LjItMTEuMiwwLjItMTUuNUw2NiwxMzEuM2M0LjQtNC4zLDExLjUtNC40LDE1LjgtMC4yTDI1NiwyOTguMyAgeiI+PC9wYXRoPjwvc3ZnPg==') calc(100% - 20px) center no-repeat #F4F5F6;
}

.photo-upload input.form-control {
	border: 0;
	box-shadow: none;
	padding-left: 0;
}

.input-group-addon-btn {
	border: 0;
	padding: 0 0 0 2px;
}
.input-group-addon-btn button {
	padding: 4px 16px;
}

input[type="radio"]::before, 
.radio input[type="radio"]::before, 
.radio-inline input[type="radio"]::before {
	background-color: #FF801C;
}

input[type="radio"]:checked::after, 
.radio input[type="radio"]:checked::after, 
.radio-inline input[type="radio"]:checked::after {
	border-color: #FF801C;
}

.form-horizontal .checkbox {
	display: flex;
	align-items: center;
	padding: 0;
	margin-bottom: 5px;
}

input[type="checkbox"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] {
	height: 0;
	width: 0;
	visibility: hidden;
	position: inherit;
	margin: inherit;
	appearance: inherit;
	cursor: none;
}

.checkbox label {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	min-width: 50px;
	height: 30px;
	background: #d9d9d9;
	display: inline-block;
	border-radius: 30px;
	position: relative;
	padding: 0;
}

.checkbox label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 24px;
	text-indent: 0;
	color: #FF801C;
	transition: 0.3s;
}

.checkbox input:checked + label {
	background: #FF801C;
}

input:checked + label:after {
	content: '\2713';
	color: #FF801C;
	font-size: 16px;
	padding: 0 0 0 6px;
	text-indent: 0;
	left: calc(100% - 3px);
	transform: translateX(-100%);
}

.checkbox label:active:after {
	width: 45px;
}

.checkbox span {
	padding-left: 12px;
}


.filter-text-center {
	vertical-align: top;
	padding-top: 8px;
}

.form-helper {
	color: #999999;
}

.help-block {
	margin-bottom: 0;
}
.help-block a {
	color: #FF6646;
}

.form-select-btn {
	display: block;
	width: 100%;
	padding: 14px 18px;
	border: 1px solid #F4F5F6;
	border-radius: 12px;
	font-size: 16px;
	line-height: 1.5em;
	color: #666666;
}
.form-select-btn svg {
	margin-top: 4px;
}

.div-for-check {
	display: flex;
	width: 50%;
}
.div-for-check img {
	margin-bottom: 3px;
}
.div-for-check img.m-b-4 {
	margin-bottom: 4px;
}
.square-checkbox {
	position: absolute;
	opacity: 0;
}
.square-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.square-checkbox + label::before {
	content: '';
    margin-right: 6px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
	border-radius: 4px;
	border: 1px solid #dddddd;
}
.square-checkbox:hover + label::before {
	background: #FF6646;
}
.square-checkbox:focus + label::before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.square-checkbox:checked + label::before {
	background: #FF6646;
}
.square-checkbox:checked + label::after {
	content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
	padding: 0;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
}

.poll-answers {
	align-items: flex-end;
}
.poll-answers button {
	margin-bottom: 2px;
}

@media (max-width: 768px) {
	.form-horizontal .form-group {
		margin-left: -15px;
		margin-right: -6px;
	}
	.form-horizontal .form-group .col-xs-12,
	.form-horizontal .form-group .col-sm-12,
	.form-horizontal .form-group .col-md-12,
	.form-horizontal .form-group .col-lg-12 {
		padding-right: 5px;
	}
}

@media (min-width: 400px) {
	.div-for-check {
		width: auto;
	}
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 15px;
	}
	input.short-input {
		max-width: 70%;
	}
}


/* ----------------------------------------------------------------
	Landing & Team
-----------------------------------------------------------------*/


.landing-team-img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	text-align: right;
}
.landing-team-img img {
	width: 106px;
	height: 106px;
	margin: 7px;
}
.landing-team-title p {
	color: #C3872E;
	font-size: 14px;
}
.landing-team-title h4 {
	font-family: 'Poppins';
	font-size: 16px;
	margin-bottom: 2px;
}
.landing-team-title p {
	margin-bottom: 20px;
}
#aboutus .landing-team-title p span {
	color: #f0bc64;
}
@media (min-width: 1200px) {
	.landing-team-img {
		width: 180px;
		height: 180px;
	}
	.landing-team-img img {
		width: 156px;
		height: 156px;
		margin: 12px;
	}
	#aboutus .landing-team-title p {
		font-size: 1em;
		font-weight: 600;
		padding-top: 4px;
	}
	.landing-team-content {
		padding: 0 15px;
	}
}
.landing-team-member .landing-team-img {
	width: 100%;
	height: auto;
}
.landing-team-member .landing-team-img img {
	width: 100%;
	height: auto;
	margin: 0;
}

#codex-img {
	position: absolute;
	left: 0;
}
#codex-text {
	margin-top: 260px;
}
@media (min-width: 769px) {
	#codex-img {
		max-width: 50%;
	}
	#codex-text {
		margin-top: 24px;
	}
}

@media (min-width: 769px) {
	.clear-content img {
		width: 200px;
		height: 200px;
	}
}

/* ----------------------------------------------------------------
	YouTube
-----------------------------------------------------------------*/

.youtube {
	width: calc(100vw - 86px);
	min-width: 50vw;
  	height: calc(75vw/1.77);
}
.timeline .youtube {
	margin: 0 -16px 0 -16px;
  	width: calc(100% + 32px);
	min-width: auto;
	height: calc(92vw/1.77);
}
.youtube.yt-shorts {
	height: calc((100vw - 86px) * 1.78);
}
.timeline .youtube.yt-shorts {
	height: calc(92vw * 1.78);
}
@media (min-width: 769px) {
	.youtube {
		width: 100%;
		min-width: 70vw;
		height: calc(70vw/1.77);
	}
	.timeline .youtube {
		height: 256px;
	}
	.youtube.yt-shorts {
		min-width: 50vw;
		height: calc(50vw*1.78);
	}
	.timeline .youtube.yt-shorts {
		width: calc(100% + 32px);
		min-width: auto;
		height: 769px;
	}
}

@media (min-width: 1200px) {
	.timeline .youtube {
		height: 316px;
		padding-top: 4px;
	}
	.profile-post .youtube {
		min-width: 50%;
		max-width: 100%;
		width: 50vw;
		height: calc(50vw/1.77);
	}
	.profile-post .youtube.yt-shorts {
		width: 474px;
  		height: 844px;
		min-width: auto;
	}
	.timeline .youtube.yt-shorts {
		height: 952px;
	}
}


/* ----------------------------------------------------------------
	Maps
-----------------------------------------------------------------*/

#map {
	height: calc(100vh - 144px);
}
.mapboxgl-popup-content {
	padding: 10px !important;
}


/* ----------------------------------------------------------------
	Calendar
-----------------------------------------------------------------*/

#calendar a {
	color: #221D1A;
}
#calendar .fc-event {
	background-color: #FF801C;
	border-color: #FF801C;
}


/* ----------------------------------------------------------------
	Error 404
-----------------------------------------------------------------*/


.error404 {
	position: relative;
	width: 100%;
	height: 90%;
	background: url(images/404_sm.jpg);
	background-position: 10% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

.error404 h1, .error404 h2, .error404 a {
	color: #fff;
	font-weight: 300;
}

.error404 h1 {
	margin-top: 7%;
	font-size: 24px;
}
.error404 h2 {
	font-size: 18px;
}

.error404 a {
	text-decoration: underline !important;
}

.error404 .credit {
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #939393;
}

@media (min-width: 768px) {
	.error404 {
		background: url(images/404.jpg);
		background-position: 10% -30px;
	}
	.error404 h1 {
		margin-top: 20%;
		font-size: 38px;
	}
	.error404 h2 {
		font-size: 30px;
	}
}

@media (min-width: 992px) {
	.error404 {
		height: 95%;
		background-position: 0% 60%;
	}
}



/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/


.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 18px 0 15px;
}
.footer-logo {
	float: left;
	margin: 0 15px 15px 0;
	max-height: 40px;
}
.footer-logo svg {
	width: 28px;
	height: auto;
	margin: 3px 2px 1px;
}
.footer p {
	font-size: 0.8em;
	margin-bottom: 0;
	color: #fff;
}
.footer a {
	color: #fff;
}
.footer a.btn-secondary {
	color: #FF6646;
}
@media (min-width: 768px) {
	.footer-logo {
		margin-bottom: 0;
	}
}