/* Production 10/24 */
/* Production 8/2/17 */

/* ++++++++++++++++++++++++++++++++ Normalizing */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,figcaption,figure,footer,
header,hgroup,menu,nav,section,summary,time,
mark,audio,video {
		margin: 0px;
		padding: 0px;
		border: 0px;
		outline: 0px;
		vertical-align: baseline;
		background: transparent;
}
/* ++++++++++++++++++++++++++++++++ Base */
body {
		height: 100%;
		font-family: 'Avenir', Arial, Helvetica, sans-serif;
		background: #f8fafb;
		font-size: 17px;
}
section {
		padding-top: 83px;
}
a {
		text-decoration: none;
}
/* ++++++++++++++++++++++++++++++++ Header / Nav */
header {
		/*height: 80px;*/
		width: 100%;
		overflow: hidden;
		background: rgba(34, 34, 34, 0.96);
		border-bottom: solid 1px #3e3e3e;
		position: fixed;
		z-index: 999999;
}
header > div {
		width: 1024px;
		margin: 0px auto;
}
#logo {
		float: left;
		display: inline-block;
		width: 200px;
		height: 100%;
		margin-top: 14px;
    margin-bottom: 14px;
}
#logo img {
		display: block;
		width: 100%;
		height: 100%;
}
.nav-wrap {
		width: 80%;
}
.nav-links {
		display: inline-block;
		float: right;
		line-height: 58px;
}
#nav-login {
		color: #D11C5D;
		padding: 0px 10px 0px 10px;
		font-size: 14px;
		text-align: center;
}
#nav-login-signup {
		color: #fff;
		font-size: 14px;
		text-align: center;
		background-color: #676767;
		margin-top: 25px;
		padding: 4px 15px 4px 15px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
}
#nav-login-signup:hover {
		background-color: #D11C5D;
}
#nav-login:hover {
		color: #FFF;
}
.promo {
		color: #fff;
		float: right;
		display: block;
		width: 100%;
}
.promo p {
		float: right;
	  font-size: 14px;
    margin-top: -30px;
}
#nav-promo {
		color: #FFF;
		padding-left: 5px;
}
#nav-promo:hover {
		color: #D11C5D;
}
#main-nav{
		z-index:1;
		padding: 0px;
		margin-top: 0px;
		overflow: auto;
		display: block;
}
.signup-cta {
		padding: 0px;
}
#cta-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		left: 50%;
		top: 50%;
		margin-left: -130px;
}
/* ++++++++++++++++++++++++++++++++ Video */
#super-wrap {
		margin: 0px auto;
		width: 100%;
		min-height: 700px;
		display: block;
		position: relative;
}

#main-video {
		position: absolute;
		z-index: 0;
		float: left;
		width: 100%;
		height: 700px;
		background: #efefef;
		overflow: hidden;
}
#main-video-play {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
}
/* ++++++++++++++++++++++++++++++++ Mute */
#mute-btn {
		background: url('../images/unmute.png') no-repeat;
		position: absolute;
		bottom: 10%;
		right: 15px;
		z-index: 9999;
		color: #ccc;
		width: 20px;
		height: 20px;
		opacity: 0.6;
		overflow: hidden;
		text-decoration: none;
}
#mute-btn:hover {
		opacity: 1;
}
.muted {
		background: url('../images/mute.png') no-repeat !important;
		position: absolute;
		bottom: 10%;
		right: 15px;
		z-index: 9999;
		color: #ccc;
		width: 20px;
		height: 20px;
		opacity: 0.6;
		overflow: hidden;
		text-decoration: none;
}
#cat-wrap {
		margin-bottom: 45px;
		overflow: auto;
		padding-left: 3.5%;
}
.thumbs-cat-btn {
		float: left;
		display: inline-block;
		position: relative;
		color:#fff;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		border-style: solid;
		border-color: #8e1440;
		background-color: #D11C5D;
		border-width: 2px;
		line-height: 40px;
		width: 31%;
		margin: 0px 10px 10px 0px;
}
.thumbs-cat-btn:hover {
		background-color:#8e1440;
}
.thumbs-cat-btn i {
		position: absolute;
		right: 10px;
		line-height: inherit;
		color: inherit;
}

/* ++++++++++++++++++++++++++++++++ Title */
#title {
		margin-top: 200px;
		overflow: auto;
		display: block;
}
#title h1 {
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-size: 66px;
		font-weight: bold;
		color: #000;
		text-align: center;
		text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}
/*mobile image*/
#mobileimgdiv {
		position: absolute;
		width: 100%;
		height: 700px;
		background: url(../images/flirt-fantasy-mobile.jpg) no-repeat center;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}
/*end of mobile image */
#main-video-cta {
		margin: 0px auto;
		margin-top: 55px;
		position: relative;
		width: 40%;
		display: block;
		color: #fff;
		line-height: 65px;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-transform: uppercase;
		background: #D11C5D;
}
#main-video-cta:hover {
		background: #8e1440;
}
#main-video-cta i {
		position: absolute;
		right: 15px;
		line-height: inherit;
}
/* ++++++++++++++++++++++++++++++++ BigVideo Setup */
#big-video-wrap {
		overflow: hidden;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
}
#big-video-vid,
#big-video-image {
		position: absolute;
}
.vjs-error-display,
.vjs-control-bar,
.vjs-big-play-button,
.vjs-text-track-display,
.vjs-loading-spinner {
		display: none !important;
		visibility: hidden !important;
}
#about {
		width: 50%;
		padding-top: 50px;
		float: left;
}
#about h2 {
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		text-align: center;
		margin-bottom: 25px;
		font-size: 32px;
}
#about p {
		line-height: 24px;
		text-align: left;
		overflow: auto;
		margin-bottom: 40px;
}
#laptop {
		width: 50%;
		padding-top: 40px;
		float: left;
}
#laptop > a > img {
		display: block;
		margin: 0 auto;
}
#laptop-cta {
		position: relative;
		width: 100%;
		display: block;
		float: left;
		color: #fff;
		line-height: 58px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background: #D11C5D;
		margin-top: 10px;
}
#laptop-cta:hover {
		background: #8e1440;
}
#laptop-cta i {
		position: absolute;
		padding-left: 20px;
		line-height: inherit;
		font-size: 32px;
}
/* ++++++++++++++++++++++++++++++++ Popular Cam Girls */
#one {
		min-width: 1024px;
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff;
		border-top: solid 1px #d1d8db;
		overflow: auto;
}
#center {
		width: 100%;
		margin: 0px auto;
		overflow: auto;
}
.container{
		width: 80%;
		margin: 0px auto;
}
#one h1 {
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		text-align: center;
		margin-bottom: 30px;
		font-size: 32px;
}
#categories {
		min-width: 100%;
		margin: 0px auto;
		padding-top: 40px;
		padding-bottom: 40px;
		background: #fff url('//m.sancdn.net/streamandchat/img/texture.png');
		border-top: solid 1px #d1d8db;
		overflow: auto;
}
.thumb-wrap {
		width: 50%;
		display: inline-block;
		float: left;
		margin-bottom: 30px;
}
.thumb-wrap a {
		margin: 0 auto;
		width: 90%;
		display: block;
		position: relative;
		padding: 10px;
		background: #fff;
		border: 1px solid #ddd;
		font-size: 16px;
		vertical-align: top;
		box-shadow: 0 0 5px #ddd;
		color: #333;
 }
.thumb-wrap a img {
		width: 100%;
		height: auto;
 }
.thumb-wrap a h3 {
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		margin: 0 0 5px;
 }
 .live-tag {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 20px;
		line-height: 28px;
		padding: 0px 10px 0px 10px;
		background: rgba(0, 0, 0, 0.51);
		color: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}
 .live-tag i {
		color: #34ff00;
		-webkit-animation: pulsate 1.5s ease-out;
		-webkit-animation-iteration-count: infinite;
 }
@-webkit-keyframes pulsate {
		0% {
		    -webkit-transform: scale(1, 1); opacity: 0.0;
		}
		50% {
		    opacity: 1.0;
		}
		100% {
		    -webkit-transform: scale(1, 1); opacity: 0.0;
		}
}
footer {
		background: #000;
}
footer p {
		padding: 30px 0px 30px 0px;
		text-align: center;
		color: #9c9c9c;
		font-size: 12px;
}
footer p a {
		color: #cdcdcd;
}
footer p a:hover {
		color: #D11C5D;
}
#two {
		min-width: 1024px;
		padding-top: 50px;
		padding-bottom: 80px;
		background: #222222;
}
#two div {
		width: 1024px;
		margin: 0px auto;
		overflow: auto;
}
#two div span {
		float: left;
		width: 48%;
		padding-right: 4%;
}
#two div h1 {
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-size: 32px;
		color: #fff;
		margin-bottom: 15px;
}
#two div p {
		color: #8f8f8f;
		line-height: 24px;
}
#two-cta {
		margin-top: 35px;
		position: relative;
		width: 40%;
		display: block;
		float: left;
		background: #D11C5D;
		color: #fff;
		line-height: 58px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		-webkit-border-radius: 4px;
		border-radius: 4px;
}
#two-cta i {
		position: absolute;
		right: 15px;
		line-height: inherit;
		font-size: 32px;
}
#two-cta:hover {
		background: #8e1440;
}
@media (max-width:700px) {
	header > div {
		width: 100%;
	}
	.nav-wrap {
    width: 100%;
	}
	.nav-links {
		line-height: 44px;
	}
	.promo {
		margin-top: -10px;
		margin-bottom: -6px;
	}
	.promo p {
		margin-right: 4px;
		width: 38%;
		font-size: 13px;
		text-align: center;
	}
	#logo {
		margin-left: 20px;
	}
	#nav-login-signup {
		margin-right: 20px;
	}
	#title {
		margin-top: 45%;
	}
	#title h1 {
		font-size: 47px;
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	#main-video-cta {
		width: 90%;
	}
	#about {
		padding: 0;
		width: 100%;
	}
	#about p {
		margin-bottom: 20px;
	}
	#laptop {
		padding: 0;
    width: 100%;
	}
	#laptop > a {
		width: 100%;
		margin: 0;
	}
	#laptop > a > img {
		width: 100%;
	}
	#laptop-cta {
		margin-top: 0;
		font-size: 18px;
	}
	#one {
		min-width: 0px;
		width: 100%;
	}
	.thumb-wrap {
		width: 100%;
	}
	.live-tag {
		right: 17px;
		top: 17px;
		font-size: 13px;
		line-height: 24px;
		padding: 0px 8px 0px 7px;
	}
	footer p {
		width: 80%;
		margin: 0 auto;
	}
	#two {
		min-width: 0px;
		width: 100%;
		padding-top: 40px;
    padding-bottom: 40px;
	}
	#two div {
		width: 80%;
		margin: 0 auto;
	}
	#two div span {
		padding-right: 0%;
	}
	#two div h1 {
    text-align: center;
    margin-bottom: 15px;
	}
	#two div span {
		width: 100%;
	}
	#two div a {
		width: 100%;
		margin-top: 30px;
	}
	#two-cta {
		font-size: 18px;
	}
	#laptop-cta i {
	  padding-left: 0;
	  font-size: 32px;
	}
	#cat-wrap {
		padding-left: 0px;
	}
	.thumbs-cat-btn {
		margin-right: 0px;
		width: 98%;
	}
}
@media (max-width:400px) {
	
	header {
		min-height: 83px;
	}
	#logo {
		margin-left: 5px;
		width: 175px;
	}	
	
}