body {
	margin: 0px;
	padding: 0px;
	color: #222;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(https://demo.finestfans.com/static/ffffff.jpg);
	background-position: center top;
}

a:link {
	color: #b43395;
}

a:visited {
	color: #b43395;
}

a:active {
	color: #b43395;
}

.cross {
	cursor: pointer;
	color: #ff0000;
	position: relative;
	top: -1px;
	font-weight: bold;
	-webkit-filter: drop-shadow(0px 0px 0px red);
	        filter: drop-shadow(0px 0px 0px red);
	margin-right: 3px;
}

#container {
	position: relative;
	text-align: center;
	max-width: 1280px;
	margin: auto;
	background-color: #fff;
	box-shadow: 6px 0 20px -4px rgba(0, 0, 0, 0.7), -6px 0 20px -4px rgba(0, 0, 0, 0.7);
}

#header .header img {
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px rgb(200, 200, 200);
}

#header .headerDescription {
	text-align: left;
	padding-left: 8%;
	padding-right: 6%;
	padding-top: 3%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#header .headerDescription .headerImage {
	position: relative;
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	margin-right: 2%;
}

#header .headerDescription .headerImage img {
	margin: 0%;
	width: 90%;
	height: 90%;
	border: 2px solid rgb(255, 255, 255);
	border-radius: 50%;
}

#header .headerDescription .headerImage .onlineContainer {
	position: absolute;
	z-index: 1000;
	float: left;
	width: 83%;
	height: 22%;
	bottom: 0px;
}

#header .headerDescription .headerImage .onlineIcon {
	float: right;
	width: 10.2%;
	height: 40%;
	min-width: 10px;
	min-height: 10px;
	border-radius: 50%;
	border: 2.5px solid rgb(255, 255, 255);
	background-color: #28c328;
}

#header .headerDescription .headerInfo {
	display: inline-block;
	width: 64%;
	vertical-align: middle;
	margin-top: 1%;
	margin-bottom: 2%;
	font-family: Oswald, sans-serif;
}

#header .headerDescription .headerInfo a {
	text-decoration: none;
	color: #222;
}

#header .headerDescription .headerInfo .headerTitle {
	font-family: Oswald, sans-serif;
	font-size: 54px;
}

#header .headerDescription .headerInfo .headerUrl {
	font-family: 'Times New Roman', serif;
	font-size: 25px;
	font-style: italic;
	margin-top: 0%;
}

#header .headerDescription .headerInfo .headerUrl a {
	text-decoration: none;
	color: #858585;
}

#header .headerDescription .headerInfo .headerUrl a:hover {
	text-decoration: underline;
}

#header .headerDescription .headerInfo .headerExtra {
	margin: 0% 0;
	display: table;
}

#header .headerDescription .headerInfo .headerExtra .extraCell {
	padding-right: 1.5vw;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 2.2vw;
	display: table-cell;
	max-width: 35vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#header .extraCell svg {
	position: relative;
	fill: rgb(28, 147, 220);
	padding-right: 0.3vw;
	width: 2.2vw;
	height: 2.2vw;
}

#header .image .imageContainer {
	position: relative;
	margin: 0 auto;
	width: 50%;
	max-height: 300px;
	max-width: 300px;
	min-height: 120px;
	min-width: 120px;
}

#header .image .imageContainer img {
	border: 1px solid rgb(200, 200, 200);
	border-radius: 50%;
}

#header .image .imageContainer .onlineContainer {
	position: absolute;
	z-index: 1000;
	float: left;
	bottom: 0px;
	height: 19%;
	width: 91%;
}

#header .image .imageContainer .onlineIcon {
	float: right;
	width: 7.4%;
	height: 36%;
	min-width: 16px;
	min-height: 16px;
	border-radius: 50%;
	border: 3px solid rgb(255, 255, 255);
	background-color: #28c328;
}

#header .title {
	font-family: Oswald, sans-serif;
	font-size: 54px;
}

#header .title a {
	text-decoration: none;
	color: #222;
}

#header .url {
	font-family: 'Times New Roman', serif;
	font-size: 25px;
	font-style: italic;
}

#header .url a {
	text-decoration: none;
	color: #858585;
}

#header .url a:hover {
	text-decoration: underline;
}

#header .extra {
	width: 80%;
	margin: 0% auto;
	max-width: 550px;
}

#header .extra .extraCell {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 300;
	font-size: 2.2vw;
	margin: 3px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#header .description {
	margin-top: 3%;
	padding-left: 8%;
	padding-right: 6%;
	font-family: Oswald, sans-serif;
	font-weight: 300;
	padding-top: 2%;
	font-size: 14px;
	line-height: 160%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#header button {
	cursor: pointer;
}

#header .description .box {
	display: inline-block;
	text-align: left;
}

#header .button-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 65%;
	max-width: 450px;
	margin: 5% auto;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
}

#header .button-box > button {
	width: 82px;
	white-space: nowrap;
	position: relative;
	font: 300 15px Oswald, sans-serif;
}

#header .button-box #startChat:after {
	font: 500 12px Oswald, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 18px;
	content: attr(data-value);
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	right: 15px;
	top: 6%;
	z-index: 5;
	-webkit-animation: bounce 1.5s ease-in-out infinite;
	        animation: bounce 1.5s ease-in-out infinite;
	background-color: #ff0000;
}

.hideAfter::after {
	content: ""!important;
	display:none;
}

#header .button-box > button > svg {
	color: #1C93DC;
	display: block;

	min-width: 30px;
	width: 4vw;
	max-width: 45px;

	min-height: 30px;
	height: 4vw;
	max-height: 45px;
	
	margin: 0 auto 12px;
}

#header .divider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;

	font-size: 20px;
	border-top: 1px solid rgb(200, 200, 200);
	border-bottom: 1px solid rgb(200, 200, 200);
	padding-top: 2%;
	padding-bottom: 2%;
	margin: 0;
	font-family: Oswald, sans-serif;
	font-weight: 400;
}

#header .divider span {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	-webkit-transform: translateX(1.6em);
	    -ms-transform: translateX(1.6em);
	        transform: translateX(1.6em);
}

#header .divider .icon {
	font-size: inherit;
	z-index: 1;
	height: 1.6em;
	width: 1.6em;
	padding: 0;
	margin-right: 18px;
}

#header .divider [data-menu] > div {
	-webkit-transform: translate(-80%, 12px);
	    -ms-transform: translate(-80%, 12px);
	        transform: translate(-80%, 12px);
}

#header .divider .icon svg {
	height: 100%;
	z-index: 0;
	vertical-align: top;
	width: 100%;
}

#header .input {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6%;
	margin-bottom: 3%;
}

#header .input .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: Oswald;
	color: #fff;
	background: #888;
	border: 0;
	text-transform: uppercase;
	padding: 11px 15px 11px 15px;
	margin: 0;
	background-color: #d90095;
}

#page .content {
	font-family: Oswald, sans-serif;
	font-weight: 300;
	font-size: 20px;
}

#page .post {
	margin-left: auto;
	margin-right: auto;
	padding-top: 7%;
	padding-bottom: 2%
}

#page .post .info .interactive-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 15px 15px 0;
}

#page .title {
	font-family: Oswald, sans-serif;
	padding-bottom: 4%;
	font-size: 55px;
}

#page .title a {
	text-decoration: none;
	color: #222;
}

#page .object .title-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	text-decoration: none;
	color: #222;
}

#page .object .title-container a {
	text-decoration: none;
	color: #222;
}

#page .object .title-container .inner-container {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1;
	        flex: 1 1;
}

#page .object .title-container [data-menu] > div {
	-webkit-transform: translate(calc(-86% + 0.2px), 4px);
	    -ms-transform: translate(calc(-86% + 0.2px), 4px);
	        transform: translate(calc(-86% + 0.2px), 4px);
}

#page .object .titleImage {
	margin-left: 15px;
	height: 50px;
	width: 50px;
	position: relative;
}

#page .object .titleImage .onlineIcon {
	position: absolute;
	right: 0px;
	top: 35px;
	width: 7px;
	height: 7px;
	background-color: rgb(40, 195, 40);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-radius: 50%;
}

#page .object .titleObject {
	text-align: left;
	margin: 0 0 5px 13px;
	font-size: 20px;
	font-weight: 400;
}

#page .object .titleUser {
	text-align: left;
	margin-left: 13px;
	margin-top: -9px;
	font-size: 13px;
	color: #808080;
}

#page .object .titleMenu {
	margin-right: 11px;
	padding: 5px 8px;
}

.hoverDropTarget {
	cursor: pointer;
	position: relative;
}

#page .object .titleMenu span {
	display: block;
	width: 6px;
	height: 6px;
	margin-bottom: 4px;
	border-radius: 50%;
	background-color: #808080;
}

.customOutline {
	padding: 2%;
}

[data-menu] {
	position: relative;
	display: inline-block;
}

[data-menu] [role="menu"] {
	position: absolute;
	cursor: default;
	list-style-type: none;
	will-change: filter;

	padding: 10px 0;
	width: 170px;
	background: #fff;
	filter: drop-shadow(0 0 0.25rem rgba(0,0,0,0.4));
	border-radius: 10px;
	z-index: 10000;
}

[data-menu] [data-radio-menu-button]:not(:focus-visible),
[data-menu] [data-menu-button]:not(:focus-visible) {
	outline: none!important;
}

[data-menu] [role="menu"] .arrow {
	display: block;
	position: absolute;
	top: -8px;
	right: 4px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-radius: 1px;
	z-index: 999;
}

[data-menu] [role="menu"] .heading {
	font: 18px Oswald, sans-serif;
}
  
[data-menu] [role^="menuitem"] {
	outline: none!important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	cursor: pointer;
	width: calc(100% - 20px);
	font: 300 16px Oswald, sans-serif;
	margin: 0 10px;
	padding: 6px 5px;
	border-bottom: 1px solid #C8C8C8;
}

[data-menu] [role^="menuitem"]:hover,
[data-menu] [role^="menuitem"]:focus  {
	color: #1C93DC;
	border-bottom: 1px solid #1C93DC;
}

[data-menu] [role^="menuitem"] svg {
	margin-right: 10px;
}

[data-menu] [role^="menuitem"]:last-child {
	border: none;
}

[data-menu] [role^="menuitemradio"]:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	border: 1px solid #C8C8C8;
	border-radius: 50%;
	margin-right: 10px;
}

[data-menu] [role^="menuitemradio"]:focus:before,
[data-menu] [role^="menuitemradio"]:hover:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #C8C8C8;
	border: 1px solid #C8C8C8;
	border-radius: 50%;
	margin-right: 10px;
}

[data-menu] [role^="menuitemradio"][aria-checked="true"]:before {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #1C93DC;
	background: #1C93DC;
	border-radius: 50%;
	margin-right: 10px;
}


#page .object .titleMenu > span:last-child {
	margin-bottom: 0;
}

#page .object .imageContainer {
	position: relative;
}

#page .object .imageContainer img {
	display: block;
	position: relative;
	width: auto;
  	height: auto;
}

.info-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font: 300 16px Oswald, sans-serif;
	-webkit-transform: translateY(-8%);
	    -ms-transform: translateY(-8%);
	        transform: translateY(-8%);
	color: #000;
  }
  
  .info-box > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 18px;
  }

  .info-box > div:last-child {
	margin-right: 0;
  }
  
  .info-box > div > svg {
	margin-right: 10px;
  }
  .info-box > div:last-child > svg {
	margin-right: 7px;
  }
  .info-box > div > span {
	margin-top: -1px;
  }

#page .empty {
	font-family: Oswald, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 7%;
}

#page .empty .input {
	margin-left: auto;
	margin-right: auto;
}

#page .empty .input .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: Oswald;
	color: #fff;
	background: #888;
	border: 0;
	text-transform: uppercase;
	padding: 11px 15px 11px 15px;
	margin: 0;
	background-color: #d90095;
}

#page .description {
	font-family: Oswald, sans-serif;
	font-weight: 300;
	padding-top: 3%;
	padding-left: 4%;
	padding-right: 4%;
	font-size: 20px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#page .description .box {
	display: inline-block;
	text-align: left;
	line-height: 160%;
}

#page .portal {
	font-family: 'Yanone Kaffeesatz', Oswald, sans-serif;
	padding-top: 3%;
	padding-left: 3%;
	padding-right: 3%;
}

#page .profile {
	position: relative;
	margin: 2% 1.25%;
	width: 180px;
	height: 236px;
	display: inline-block;
}

#page .profile .onlineIcon {
	position: absolute;
	right: 20px;
	top: 140px;
	width: 17px;
	height: 17px;
	background-color: rgb(40, 195, 40);
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
}

#page .profile a {
	font-size: 23px;
	font-weight: 400;
	text-decoration: none;
}

#page .profile a:hover {
	text-decoration: underline;
}

#page .profile img {
	max-width: 170px;
	border: 1px solid rgb(200, 200, 200);
	margin-bottom: 10px;
	border-radius: 50%;
}

#page .profile .profileLink {
	position: relative;
	z-index: 1001;
}

#page .profile .profileLocation {
	position: relative;
	max-width: 170px;
	display: inline-block;
	font-family: 'Yanone Kaffeesatz', Oswald, sans-serif;
	font-size: 16px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 2.5%;
}

#page .streaming {
	-webkit-animation: big 0.50s linear infinite alternate;
	        animation: big 0.50s linear infinite alternate;
	box-shadow: 0px 0px 20px 10px rgba(255, 0, 0, 1.00);
}

#footer {
	font-family: Oswald, sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding-top: 2%;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 2%;
	display: table;
	margin: 0 auto;
	border-spacing: 4vw;
}

#footer .input {
	margin-left: auto;
	margin-right: auto;
}

#footer .input .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: Oswald;
	color: #fff;
	background: #888;
	border: 0;
	text-transform: uppercase;
	padding: 11px 15px 11px 15px;
	margin: 0;
	background-color: #d90095;
}

#footer .input .button:hover {
	text-decoration: underline;
}

#portal {
	border-top: 1px solid rgb(200, 200, 200);
	font-family: Oswald, sans-serif;
	margin-top: 6%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 6%;
	border-bottom: none;
}

#portal .image img {
	margin: 3%;
	width: 50%;
	height: 50%;
	max-width: 300px;
	max-height: 300px;
	min-width: 180px;
	min-height: 180px;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 50%;
}

#portal .title {
	font-family: Oswald, sans-serif;
	font-size: 90px;
	font-weight: 400;
	padding-bottom: 0%;
}

#portal .title a {
	text-decoration: none;
	color: #222;
}

#portal .url {
	font-family: 'Times New Roman', serif;
	font-size: 25px;
	font-style: italic;
	margin-bottom: 3%;
}

#portal .url a {
	text-decoration: none;
	color: #858585;
}

#portal .url a:hover {
	text-decoration: underline;
}

#portal .profile {
	position: relative;
	margin: 2% 1.25%;
	width: 180px;
	height: 236px;
	display: inline-block;
}

#portal .profile .onlineIcon {
	position: absolute;
	right: 20px;
	top: 140px;
	width: 17px;
	height: 17px;
	background-color: rgb(40, 195, 40);
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
}

#portal .profile a {
	font-family: 'Yanone Kaffeesatz', Oswald, sans-serif;
	font-size: 23px;
	font-weight: 400;
	text-decoration: none;
}

#portal .profile a:hover {
	text-decoration: underline;
}

#portal .profile img {
	max-width: 170px;
	border: 1px solid rgb(200, 200, 200);
	margin-bottom: 10px;
	border-radius: 50%;
}

#portal .profile .profileLink {
	position: relative;
	z-index: 1001;
}

#portal .profile .profileLocation {
	position: relative;
	max-width: 170px;
	display: inline-block;
	font-family: 'Yanone Kaffeesatz', Oswald, sans-serif;
	font-size: 16px;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 2.5%;
}

#portal .streaming {
	-webkit-animation: small 0.50s linear infinite alternate;
	        animation: small 0.50s linear infinite alternate;
	box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 1.00);
}

#portal .description {
	font-size: 15px;
	line-height: 160%;
	padding-top: 5%;
	padding-bottom: 6%;
}

#portal .input {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 5%;
}

#portal .input .button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	font-family: Oswald;
	color: #fff;
	background: #888;
	border: 0;
	text-transform: uppercase;
	padding: 11px 15px 11px 15px;
	margin: 0;
	background-color: #d90095;
}

#portal .input .button:hover {
	text-decoration: underline;
}

#portal .extend {
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 6%;
	margin-bottom: 4%;
}

#portal .extend a {
	text-decoration: none;
}

#portal .extend .button {
	float: none;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	font-family: Oswald;
	color: #999;
	background: #ebebeb;
	border: 0;
	text-transform: none;
	padding: 11px 15px 11px 15px;
	margin: 0;
	background-color: #ebebeb;
	display: block;
	-webkit-text-decoration-color: #ebebeb;
	        text-decoration-color: #ebebeb;
}

.overflowEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.noAppearance {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	background: none;
}

.footerNavButton {
	position: relative;
	display: table-cell;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: Oswald;
	font-size: 14px;
	background-color: #d90095;
	height: 43px;
	line-height: 43px;
	width: 20vw;
	max-width: 120px;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.footerNavButton:hover {
	text-decoration: underline;
}

.footerNavButton span {
	position: absolute;
	bottom: 50%;
	-webkit-transform: translateY(46%);
	    -ms-transform: translateY(46%);
	        transform: translateY(46%);
	font-size: 45px;
	vertical-align: middle;
	font-family: serif;
}

.footerNavButton:hover span {
	text-decoration: none!important;
}

select {
	cursor: pointer;
	background-color: #fff;
	outline: 0;
	box-shadow: none;
	border-radius: 0;
	background-image: none;
}

select::-ms-expand {
	display: none;
}

.inlineSelect {
	font-family: Oswald;
	font-size: 14px;
	position: relative;
	display: table-cell;
	min-width: 60px;
	color: #d90095;
	width: 90px;
	border: 2px solid #d90095;
	background-color: #fff;
	z-index: 10;
}

.inlineSelect select {
	background: transparent;
	margin: 0;
	display: block;
	width: 100%;
	padding: 8px 18px;
	font: inherit;
	color: #d90095;
}

.inlineSelect:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	line-height: 36px;
	content: "∨";
	color: #d90095;
	text-align: center;
	font-size: 19px;
	z-index: -1;
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
}

.buttonDisabled {
	background-color: #DBE0E6;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
}

[data-tooltip]:before {
	opacity: 0;
}

[data-tooltip]:hover:after {
	font-family: 'Yanone Kaffeesatz', Oswald, sans-serif;
	font-size: 18px;
	white-space: nowrap;
	color: #fff;
	position: absolute;
	background-color: #000000;
	bottom: 100%;
	left: 50%;
	border-radius: 5px;
	overflow: visible!important;
	margin-bottom: 13px;
	content: attr(data-tooltip);
	display: block;
	padding: 8px 10px 5px 10px;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	z-index: 99999;
	-webkit-transform: translate(-50%, 5px);
	    -ms-transform: translate(-50%, 5px);
	        transform: translate(-50%, 5px);
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
}

[data-tooltip]:hover:before {
	opacity: 1;
	position: absolute;
	border: solid;
	border-color: rgba(0, 0, 0, 0.8) transparent;
	border-width: 10px 10px 0 10px;
	bottom: 100%;
	left: 50%;
	margin-bottom: 8px;
	content: "";
	display: block;
	z-index: 99;
	-webkit-transform: translate(-50%, 4px);
	    -ms-transform: translate(-50%, 4px);
	        transform: translate(-50%, 4px);
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
}

@-webkit-keyframes big {
	100% {
		box-shadow: 0px 0px 20px 10px rgba(255, 0, 0, 0.7);
	}
	0% {
		box-shadow: 0px 0px 20px 10px rgba(255, 0, 0, 0);
	}
}

@keyframes big {
	100% {
		box-shadow: 0px 0px 20px 10px rgba(255, 0, 0, 0.7);
	}
	0% {
		box-shadow: 0px 0px 20px 10px rgba(255, 0, 0, 0);
	}
}

@-webkit-keyframes small {
	100% {
		box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.7);
	}
	0% {
		box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0);
	}
}

@keyframes small {
	100% {
		box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0.7);
	}
	0% {
		box-shadow: 0px 0px 10px 10px rgba(255, 0, 0, 0);
	}
}

@-webkit-keyframes bounce {
	100%, 0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}
}

@keyframes bounce {
	100%, 0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
	}
}

@media screen and (min-width: 1080px) {
	#header .headerDescription .headerInfo .headerExtra .extraCell {
		max-width: 300px;
		font-size: 24px;
		padding-right: 25px;
	}
	#header .extra .extraCell {
		font-size: 24px;
	}
	#header .extraCell svg {
		width: 24px;
		height: 24px;
	}
	#page .object .imageContainer .info-box {
		padding: 5px 0;
		font-size: 17px;
	}
	
	#page .object .imageContainer .info-box > div > svg {
		-webkit-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		        transform: scale(1.2);
	}
	#footer {
		border-spacing: 60px;
	}

	#header .button-box > button {
		font-size: 18px;
	}

	#header .button-box #startChat:after {
		width: 20px;
		line-height: 20px;
		height: 20px;
		font-size: 12px;
		right: 18px;
		top: 4%;
	}
}

@media screen and (max-width: 700px) {
	#header .headerDescription .headerInfo .headerExtra .extraCell {
		font-size: 15px;
	}
	#header .extra .extraCell {
		font-size: 15px;
	}
	#header .extraCell svg {
		width: 15px;
		height: 15px;
	}
	#header .button-box {
		margin: 6% auto;
	}
	#header .button-box > button {
		width: 67px;
	}
	#header .divider .icon {
		margin-right: 10px;
	}
	#header .divider [data-menu] > div {
		-webkit-transform: translate(-84%, 12px);
		    -ms-transform: translate(-84%, 12px);
		        transform: translate(-84%, 12px);
	}
	#page .object .title-container [data-menu] > div {
		-webkit-transform: translate(calc(-86% + 0.2px), 10px);
		    -ms-transform: translate(calc(-86% + 0.2px), 10px);
		        transform: translate(calc(-86% + 0.2px), 10px);
	}
	#header .button-box #startChat:after {
		width: 15px;
		line-height: 15px;
		height: 15px;
		font-size: 9px;
		right: 14px;
		top: 4%;
	}
	#page .profile {
		margin: 3% 1.25%;
	}
	#portal .profile {
		margin: 3% 1.25%;
	}
	#portal .extend {
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 10%;
		margin-bottom: -3%;
	}
}

@media screen and (max-width: 480px) {
	#header .button-box {
		margin: 7% auto;
		min-width: 280px;
	}

	#header .divider {
		padding: 3% 0;
	}
	
	#page .profile {
		margin: 4% 1.25%;
	}
	
	#portal .profile {
		margin: 4% 1.25%;
	}
	
	#portal .extend {
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 10%;
		margin-bottom: -3%;
	}
}

@media screen and (max-width: 350px) {
	.info-box div:first-child {
		display: none;
	}

	#header .divider span {
		-webkit-transform: translateX(1.1em);
		    -ms-transform: translateX(1.1em);
		        transform: translateX(1.1em);
	}
}

@media (hover: hover) {
	#portal .extend .button:hover {
		color: #fff;
		background: #000;
		-webkit-transition: color .2s linear, background .1s linear;
		transition: color .2s linear, background .1s linear;
	}
}

img[src*="bizify.me"] {
  max-width: 100%;
  height: auto;
}

video[src*="bizify.me"] {
  max-width: 100%;
  height: auto;
}

audio[src*="bizify.me"] {
  max-width: 100%;
  height: auto;
}

iframe[src*="bizify.me"] {
  max-width: 100%;
}

object {
	max-width: 100%;
}

embed {
	max-width: 100%;
}

.ObjectContent {
	margin-left: auto;
	margin-right: auto;
}

.ObjectIframe {
	position: relative;
	/*border: 1px solid rgb(200,200,200);*/
}

.ObjectIframe iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.ObjectIframe img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.padding {
	padding-left: 4%;
	padding-right: 4%;
}

.mail {
	margin-top: 30px;
	border: solid 1px rgb(200, 200, 200);
	box-sizing: border-box;
	display: none;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-family: '-apple-system', 'HelveticaNeue', Helvetica, sans-serif;
}

.dialogue {
	background: rgb(245, 245, 245);
}

.dialogue .sender .image {
	float: left;
	margin: 1px 0px 0px 12px;
}

.dialogue .receiver .image {
	float: right;
	margin: 1px 12px 0px 0px;
}

.dialogue .image img {
	max-width: 30px;
	max-height: 30px;
	min-width: 30px;
	min-height: 30px;
	border-radius: 50%;
	border: none;
	vertical-align: top;
	-o-object-fit: cover;
	   object-fit: cover;
}

.dialogue .image .circle {
	width: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	cursor: default;
	text-shadow: none;
}

.dialogue .time {
	margin-bottom: 10px;
	text-align: center;
	font-size: 11px;
	color: #222;
}

.dialogue .sender {
	clear: both;
	text-align: left;
	white-space: nowrap;
	margin-right: auto;
}

.dialogue .receiver {
	clear: both;
	text-align: right;
	white-space: nowrap;
	margin-left: auto;
}

.dialogue .sender .text {
	display: inline-block;
	margin: 0px 8px 25px 8px;
	padding: 7px 12px 8px 12px;
	font-size: 14px;
	border-radius: 15px;
	word-break: break-word;
	white-space: normal;
	text-shadow: none;
	text-align: left;
	max-width: 70%;
	color: #fff;
	vertical-align: top;
}

.dialogue .receiver .text {
	display: inline-block;
	margin: 0px 8px 25px 8px;
	padding: 7px 12px 8px 12px;
	font-size: 14px;
	border-radius: 15px;
	word-break: break-word;
	white-space: normal;
	text-shadow: none;
	text-align: left;
	max-width: 70%;
	color: #fff;
	vertical-align: top;
}

.dialogue .sender .text a,
.dialogue .receiver .text a {
	color: #fff !important;
	font-weight: bold !important;
}

.dialogue .notice {
	text-align: center;
	padding-bottom: 17px;
	font-size: 12px;
	color: #222;
}

.dialogue .feed {
	padding-top: 16px;
}

.dialogue .input {
	border-top: solid 1px rgb(200, 200, 200);
	display: none;
	height: 45px;
	background-color: #fff;
}

.dialogue .input textarea {
	font-family: '-apple-system', 'HelveticaNeue', Helvetica, sans-serif;
	border: none;
	padding: 14px 12px 12px 12px;
	font-size: 13px;
	height: 44px;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
	resize: none;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
}

.dialogue .input textarea:focus {
	border: none !important;
	outline: none !important;
}

.dialogue .input textarea::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	background-color: #fff;
}

.dialogue .input textarea::-webkit-scrollbar {
	width: 7px;
	background-color: #999;
}

.dialogue .input textarea::-webkit-scrollbar-thumb {
	background-color: #999;
}