@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	width: 100%;
	height: 100%;
	color:#542437;
	font-size:100%;
	display: flex;
	flex-flow: row wrap;
}
a:link, a:visited, a:active {
	text-decoration:underline;
	color:#0E1C86;
}
a:hover {
	text-decoration: none;
	color:#C02942;
}
#page {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#left {
	display: flex;
	flex-flow: row wrap;
	height: 100%;
	flex: 0 0 25%;
	min-width: 165px;
	max-width:400px;
	background: url(https://www.adultxcamz.com/design/bg-2.png) repeat;
	border-left:none;
	border-top:none;
	border-bottom:none;
	box-shadow: 0 3px 7px rgba(84, 36, 55, 0.65);
	
}
.logo {flex: 100%;position:relative;z-index:100;text-align: right;}
.logo img {width:100%; max-width:370px;}
ul#panel {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	flex: 100%;
	position:relative;
	margin:-7px 0 0 0;
	padding:0;
	list-style:none;
}
ul#panel li {margin:0; display:inline-block; width:50%; text-align:center; border-bottom: 1px solid rgba(128, 128, 128, 0.76); border-radius: 5px 5px 0 0; background:none;}
ul#panel li:hover {border-top:4px solid #C02942;}
ul#panel li a {display:block; padding:2px;}
ul#panel li.home-1, ul#panel li.home-1female, ul#panel li.home-1male, ul#panel li.home-1shemale, ul#panel li.home-1couple, ul#panel li.video-6 {border-top:4px solid #C02942; border-bottom: none; background:#fff;}
ul#panel li.home-1 a, ul#panel li.home-1female a, ul#panel li.home-1male a, ul#panel li.home-1shemale a, ul#panel li.home-1couple a, ul#panel li.video-6 a {text-decoration:none; color:#C02942; font-weight:bold;}
ul#panel li.home-1 a:hover, ul#panel li.home-1female a:hover, ul#panel li.home-1male a:hover, ul#panel li.home-1shemale a:hover, ul#panel li.home-1couple a:hover, ul#panel li.video-6 a:hover {text-decoration:underline; font-weight:normal;}
#lefter {
	position:relative;
	margin:0;
	padding: 0;
	z-index:50;
	flex: 100%;
	overflow: hidden;
	
}
#content h1, #content h3 , #content h4 {text-transform: uppercase;text-align: center;color: #fff;position: relative;width: 100%;text-shadow: 1px 1px 1px rgba(0,0,0,.8);background: -moz-linear-gradient(left,  rgba(47,125,214,0) 0%, rgba(47,125,214,0.6) 15%, rgba(47,125,214,0.77) 25%, rgba(44,117,202,0.85) 30%, rgba(30,87,153,0.85) 50%, rgba(44,117,202,0.85) 70%, rgba(47,125,214,0.78) 75%, rgba(47,125,214,0.65) 85%, rgba(47,125,214,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(47,125,214,0)), color-stop(15%,rgba(47,125,214,0.6)), color-stop(25%,rgba(47,125,214,0.77)), color-stop(30%,rgba(44,117,202,0.85)), color-stop(50%,rgba(30,87,153,0.85)), color-stop(70%,rgba(44,117,202,0.85)), color-stop(75%,rgba(47,125,214,0.78)), color-stop(85%,rgba(47,125,214,0.65)), color-stop(100%,rgba(47,125,214,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(47,125,214,0) 0%,rgba(47,125,214,0.6) 15%,rgba(47,125,214,0.77) 25%,rgba(44,117,202,0.85) 30%,rgba(30,87,153,0.85) 50%,rgba(44,117,202,0.85) 70%,rgba(47,125,214,0.78) 75%,rgba(47,125,214,0.65) 85%,rgba(47,125,214,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(47,125,214,0) 0%,rgba(47,125,214,0.6) 15%,rgba(47,125,214,0.77) 25%,rgba(44,117,202,0.85) 30%,rgba(30,87,153,0.85) 50%,rgba(44,117,202,0.85) 70%,rgba(47,125,214,0.78) 75%,rgba(47,125,214,0.65) 85%,rgba(47,125,214,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(47,125,214,0) 0%,rgba(47,125,214,0.6) 15%,rgba(47,125,214,0.77) 25%,rgba(44,117,202,0.85) 30%,rgba(30,87,153,0.85) 50%,rgba(44,117,202,0.85) 70%,rgba(47,125,214,0.78) 75%,rgba(47,125,214,0.65) 85%,rgba(47,125,214,0) 100%); /* IE10+ */background: linear-gradient(to right,  rgba(47,125,214,0) 0%,rgba(47,125,214,0.6) 15%,rgba(47,125,214,0.77) 25%,rgba(44,117,202,0.85) 30%,rgba(30,87,153,0.85) 50%,rgba(44,117,202,0.85) 70%,rgba(47,125,214,0.78) 75%,rgba(47,125,214,0.65) 85%,rgba(47,125,214,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f7dd6', endColorstr='#002f7dd6',GradientType=1 ); /* IE6-9 */flex: 1 1 100%;}
#content h1 {
margin: 0 auto 10px;
font-size: 1.1em;
}
#content h3 {margin: 5px auto;font-size: 1em;flex: 100%;}
#content h1 b, h2 b, h3 b, h4 b {color: rgb(0, 0, 0);text-shadow: 0 1px 4px #fff;}
#content h1 a {text-transform:none; font-size:.75em; padding:3px 5px; text-shadow:none; position: absolute; z-index: 100; right: 0;}
#content h1 a:hover {}
#lefter h2, #lefter h3, #lefter h4 {text-transform: uppercase;margin: 5px -.4%; color:#fff; text-align:center; text-shadow: 1px 1px 1px rgba(0,0,0,.8);
background: -moz-linear-gradient(left,  rgba(195,137,146,0) 0%, rgba(195,137,146,0.6) 15%, rgba(195,137,146,0.77) 25%, rgba(191,129,139,0.85) 30%, rgba(175,98,110,0.85) 50%, rgba(191,129,139,0.85) 70%, rgba(195,137,146,0.78) 75%, rgba(195,137,146,0.65) 85%, rgba(195,137,146,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,137,146,0)), color-stop(15%,rgba(195,137,146,0.6)), color-stop(25%,rgba(195,137,146,0.77)), color-stop(30%,rgba(191,129,139,0.85)), color-stop(50%,rgba(175,98,110,0.85)), color-stop(70%,rgba(191,129,139,0.85)), color-stop(75%,rgba(195,137,146,0.78)), color-stop(85%,rgba(195,137,146,0.65)), color-stop(100%,rgba(195,137,146,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c38992', endColorstr='#00c38992',GradientType=1 ); /* IE6-9 */
}
h4 {text-transform: none;}
#lefter h2, #lefter h3 {font-size:1em; padding:1% 0;}
#lefter h2 span {font-size:.65em;display:block; margin-top: -.33em; text-align:center;margin-top: .5%;}
h3 {font-size:.75em;}
.gender {z-index:150;min-width: 30px;}
ul.categories {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
}
ul.categories li {
	flex: 1 1 100%;
	text-align: center;
	padding: 0;
	margin: 1px 0;
	display: flex;
	justify-items: center;
	align-items: center;
	position: relative;
	border: 1px solid #808080;
	border-left: none;
	border-radius: 0px 5px 5px 0px;
	box-shadow: -3px 3px 5px 0px #542437;
	background:#F0F0F0;
	
}
ul.categories li:hover {cursor:pointer;background: #79021661;}
ul.categories li img {max-width: 85%;}
ul.categories li:hover a {}
ul.categories li a {}
/*BREADCUMS*/
ul.categories li.female-2, ul.categories li.female-offline-2, ul.categories li.male-3, ul.categories li.male-offline-3, ul.categories li.couple-4, ul.categories li.couple-offline-4, ul.categories li.shemale-5, ul.categories li.shemale-offline-5, ul.categories li.homemade-6, ul.categories li.gonzo-7, ul.categories li.pov-8, ul.categories li.gfs-9 {/* border-left:4px solid #C02942; */background: #79021661;}
/* MENU */
#menu {
	display: flex;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	flex-flow: row nowrap;
}
ul.accordion {
    list-style:none;
    text-align:left;
    margin:0;
    padding:0;
    background: #fff;
    border-bottom: 1px solid rgba(128, 128, 128, 0.76);
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: space-around;
}
ul.accordion li {
	padding: 0;
	flex: 1 1 100%;
}
ul.accordion li ul.sub-menu {
    display:none;
    position:relative;
    text-align:center;
    margin:0;
    padding:0;
    list-style: none;
}
ul.accordion li:hover {
background: -moz-linear-gradient(left,  rgba(195,137,146,0) 0%, rgba(195,137,146,0.6) 15%, rgba(195,137,146,0.77) 25%, rgba(191,129,139,0.85) 30%, rgba(175,98,110,0.85) 50%, rgba(191,129,139,0.85) 70%, rgba(195,137,146,0.78) 75%, rgba(195,137,146,0.65) 85%, rgba(195,137,146,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,137,146,0)), color-stop(15%,rgba(195,137,146,0.6)), color-stop(25%,rgba(195,137,146,0.77)), color-stop(30%,rgba(191,129,139,0.85)), color-stop(50%,rgba(175,98,110,0.85)), color-stop(70%,rgba(191,129,139,0.85)), color-stop(75%,rgba(195,137,146,0.78)), color-stop(85%,rgba(195,137,146,0.65)), color-stop(100%,rgba(195,137,146,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c38992', endColorstr='#00c38992',GradientType=1 ); /* IE6-9 */

}
ul.accordion li:target {display:block; border: 1px solid rgba(84, 36, 55, .5); border-right: 0; border-left: 0; margin:5px -.4% 5px -1.1%;
background: -moz-linear-gradient(left,  rgba(195,137,146,0) 0%, rgba(195,137,146,0.6) 15%, rgba(195,137,146,0.77) 25%, rgba(191,129,139,0.85) 30%, rgba(175,98,110,0.85) 50%, rgba(191,129,139,0.85) 70%, rgba(195,137,146,0.78) 75%, rgba(195,137,146,0.65) 85%, rgba(195,137,146,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,137,146,0)), color-stop(15%,rgba(195,137,146,0.6)), color-stop(25%,rgba(195,137,146,0.77)), color-stop(30%,rgba(191,129,139,0.85)), color-stop(50%,rgba(175,98,110,0.85)), color-stop(70%,rgba(191,129,139,0.85)), color-stop(75%,rgba(195,137,146,0.78)), color-stop(85%,rgba(195,137,146,0.65)), color-stop(100%,rgba(195,137,146,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c38992', endColorstr='#00c38992',GradientType=1 ); /* IE6-9 */
}
ul.accordion li:first-child {border-top:none;}
ul.accordion li:last-child {border-bottom:none;}
ul.accordion li a {
    font-size:.85em;
    color:#542437;
    font-weight:700;
    text-align:center;
    padding: 5px;
    text-transform:uppercase;
    display:block;
    position: relative;
    z-index: 105;
    text-decoration: none;
    }
ul.accordion li:hover > a, ul.accordion li:target > a {color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.5); text-decoration:none;}
ul.accordion li ul.sub-menu li {margin:0; padding:0 3px; border-top:1px dashed #542437; font-size:1em; line-height:1em;}
ul.accordion li ul.sub-menu li:hover {background:rgba(175, 98, 110, 0.76);}
ul.accordion li ul.sub-menu li a {text-decoration:none; text-transform:none; letter-spacing:normal; font-weight:normal; padding:0;}
ul.accordion li ul.sub-menu li:hover a {text-decoration:none; color:#fff;}

ul.accordion li:target > .sub-menu {    
    visibility:visible;
	display:block;
}
.info {overflow:visible;margin-top: 5px;padding: 0 5px;}
.black {background: #1C2535;border-radius: 7px;}
.info p {text-align: left;padding:0;margin:.7% 0 0 .7%;line-height: 16px;position:relative;text-decoration:none;}
ul.about {text-align:center; color:#ccc; display:block; border:none; overflow:hidden;}
ul.about:hover {cursor:help;}
ul.about li#bio:target {background:none; border:none; margin:0;background:#1C2535;}
ul.about li#bio:hover {}
ul.about li#bio a {text-decoration: underline;}
ul.about li#bio:hover > a, ul.about li#bio:target > a {text-decoration:underline;color:#000;text-shadow:none;background: #ffffff91;}
ul.about li#bio ul.sub-menu li:hover {background:none;}
ul.about li#bio ul.sub-menu li {border:none; text-align:left;}
ul.about li#bio:target > .sub-menu {text-align:left;padding-top:.7%;}
.info img {border-radius:5px;}
.info span b {color: #fff;}
.hot {line-height: 0;display:inline-block; width:44%; max-width:182px; vertical-align: middle; margin:0 3% 1%; position:relative; text-align:center;}
.hot a img {width:100%; max-width:180px; border:1px solid rgba(128, 128, 128, 0.76); border-radius:5px;}
.hot a img:hover {border:1px solid #fff;}
.info .live-model {text-align:center;display: flex;flex-flow: row wrap;}
.info .live-model p {flex: 1 1 48%;margin: 0 .4%;text-align: center;} 
.info .live-model p img {max-width: 300px;min-width: 120px;width: 100%;}
.info p span {display:block; text-align:left;color:#EB9090;}
.info span {display:block; text-align:left;}
.info span a {padding:1.5% 0;;width: 100%;display: block;color: rgba(255,255,255,1);font-size: 1.1em; text-align:center;}
.info span a:hover {color:#C02942}
.info .live-model .live {width:20%;}
.video-info p {color:#969193}
.video-info p img {width:100%; max-width:180px; float:left; position:relative;margin:1%;}
.video-info p a , .info p span a{line-height:normal;width:auto;margin:1% .3%;padding:0 1.5%;display:inline-block; border-radius:5px; background:rgba(255, 255, 255, 0.71);box-shadow: 0 0 5px 0 #fff; color: #0E1C86;font-size: .95em;}
.video-info p a:hover, .info p span a:hover {color:#C02942;box-shadow:none;}
.video-info p span a {padding:0; display:inline; border:none; background:none; }
.video-info p b {display:block; margin-bottom: 2%; font-weight:bold;}
.video-info p span:last-child {text-align: center; margin: 1% 0;}
.info i {font-style:normal}
/*PAGE */
#content {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0 15px;
	flex: 1 1 20%;
	z-index: 1000;
}
.gifs {text-align:center;}
.gifs img {border:1px solid rgba(128, 128, 128, 0.76); border-radius:5px; width:98%; max-width:300px;}
.thumbs {position: relative;margin-bottom: 1.5em;display: flex;flex-flow: row wrap;justify-content: space-around;}
.webcam.modelfirst {position:relative;min-width: 196px;height: 150px;}
iframe.modelfirst {position:absolute;transform: scale(.24);top: -226px;left: -301px;}
.webcam, .video {
	display: inline-block;
	text-align:center;
	flex: 1 1 20%;
	max-width: 200px;
	min-width: 150px;
	margin: 3px;
	line-height: 0;
	position:relative;
	max-height: 150px;
	overflow: hidden;
}
.webcam img, .video img {
	width: 100%;
	margin:0 auto;
	border-radius: 3px;
	
}
.related-webcam .webcam a img, .video a img {border:1px solid rgba(128, 128, 128, 0.76)}
.video a img:hover, .related-webcam .webcam a img:hover {border: 1px solid #fff;}
.webcam  .live, .live {line-height:normal;font-size: 1em;margin:0;display:block;position:absolute;background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,137,146,0)), color-stop(15%,rgba(195,137,146,0.6)), color-stop(25%,rgba(195,137,146,0.77)), color-stop(30%,rgba(191,129,139,0.85)), color-stop(50%,rgba(175,98,110,0.85)), color-stop(70%,rgba(191,129,139,0.85)), color-stop(75%,rgba(195,137,146,0.78)), color-stop(85%,rgba(195,137,146,0.65)), color-stop(100%,rgba(195,137,146,0)));background: -webkit-linear-gradient(left, rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%);background: -o-linear-gradient(left, rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%);background: -ms-linear-gradient(left, rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%);background: linear-gradient(to right, rgba(195,137,146,0) 0%,rgba(195,137,146,0.6) 15%,rgba(195,137,146,0.77) 25%,rgba(191,129,139,0.85) 30%,rgba(175,98,110,0.85) 50%,rgba(191,129,139,0.85) 70%,rgba(195,137,146,0.78) 75%,rgba(195,137,146,0.65) 85%,rgba(195,137,146,0) 100%);}
.webcam .right, .right {color: #FFF;top:0; right:0;}
.webcam .right, .webcam .down {display:none}
.webcam:hover .right, .webcam:hover .down {display:block;}
.webcam .down, .down {color: #fff;bottom:0;right:0;left: 0;width: 100%;text-shadow: 0px 0px 3px #000;}
.related-webcam .webcam:hover .down {display:block;}
a:hover .down {color: #ffffff;text-shadow: none;}
.webcam div img {border: none;}
.webcam div:first-child {display:none;}
.webcam div:last-child {width:100%; display:block;}
.webcam:hover div:first-child {display:block;}
.webcam:hover div:last-child {position:absolute;bottom:0;left:0;opacity: 0;}

#footer {line-height: 1em;padding: .1% 0;font-size:.85em;width:100%;text-align:center;border-top:1px solid #808080;background-color:#fff;z-index:10000;}

/* Webcam Pages */

.webcam-chat, .webcam-chat1 {position: relative; margin:auto; width:99%;}
.webcam-chat2 {position: relative; margin:auto; width:99%; height:0; overflow:hidden;}
.webcam-chat img, .webcam-chat1 img {width:100%;}
.video-page {position: relative; margin:auto; width:90%}
.video-page object {left:0;}
.webcam-chat p, .webcam-chat1 p, .webcam-chat2 p {top:0; margin:0; position:absolute; font-size:1em; background: #fff; z-index:90}
.m-webcam {
	height: 100%;
	width: 100%;
	border:0;
	position: absolute;
	z-index:100;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.bonga-webcam {width:100%; height:605px; border:0; position:relative; z-index:100;}
.webcam-info {position: relative; z-index:50; margin-right: 15px;}
.webcam-info p {text-align: justify; padding:0; margin:0;}
p.note {font-size:1em; margin:0;}
p.note b, .webcam-chat1 b, .webcam-chat2 b, .webcam-chat b {font-size:1.2em; color:red;}
.related-webcam {display: flex;flex-flow: row wrap;margin-bottom: 1.5em;margin:auto;width: 100%;justify-content: space-around;}
#content .related-webcam .webcam a:hover img {opacity:1;}
.model-online p {margin:0;text-align: center;}
/* Paging */
ul.paging {list-style:none; margin:2% auto; padding:0;}
ul.paging li {width:23px; text-align:center; display:inline-block; margin:0 3px; border:1px solid rgba(84, 36, 55, 0.84); border-radius:5px; background-color:#E9E9E9;}
ul.paging li.here {background-color:rgba(175, 98, 110, 0.8); font-weight:bold;}
a.bgjoin {
    position: absolute;
    top: -5em;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
iframe.chtr-webcam {
    width: 99%;
    height: 528px;
    border: none;
    position: relative;
    display: block;
    margin: auto;
}
p.off {
    margin: 0;
    color:red;
}
p.off b {
    display: block;
    margin-top: 10px;
    color:#000;
   
}

/* @MEDIA ADAPTIVE */
@media screen and (max-width: 745px) {
#content {}
}
@media screen and (min-width: 300px) and (max-width: 935px) {
}

/* Defoult media screen */
@media screen and (max-width: 950px) {.info .hot {width: 98%; margin:0 .5% 1%}}

@media screen and (max-width: 1108px) {.video-info p {width:99%;display:block;} .video-info p:first-child {text-align:center; max-width:none;}}
@media screen and (max-width: 1024px) {.webcam {} .video-info p {width:99%;display:block;} .video-info p:first-child {text-align:center; max-width:none;}}
@media screen and (max-width: 840px) {.webcam {} .video-info p {width:99%;display:block;} .video-info p:first-child {text-align:center; max-width:none;}}
@media screen and (max-width: 640px) {.webcam {flex: 100%;} .video-info p {width:99%;display:block;} .video-info p:first-child {text-align:center; max-width:none;}}
@media screen and (max-width: 580px) {}