@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Arial Black';
    src: local('Arial Black');
}



/* body and container */

body { padding: 0; margin: 0; background:#191919; text-align:center;  }
img { max-width:100%}


/* header for index.html */
#topBar { background:#161616 url(../images/bg-topBar.gif) repeat-x top center; min-height:90px;}
#topBar-container {  margin:0; padding:0; max-width:1200px; margin:0 auto; padding-top:20px}
 
#header_desc{ max-width:65%;  float:left; text-align:left; font: bold 17px 'Montserrat', sans-serif; color:#9d9d9d; font-weight:bold; text-transform:uppercase  }
#header_desc img { max-width:50%}
#header_desc strong { color:#d3d3d3}
#header_desc h5 { display:inline-block; float:left}

strong.amount { background:url(../images/ico-num.png) no-repeat; display:block; width:49px; height:50px; text-align:center; font: bold 28px/40px 'Montserrat', sans-serif; color: #fff; text-shadow: 0px 2px 5px rgba(113, 4, 4, 1); margin-right:3px ; margin-left:15px;  float:left  }




a.btn-join-header { display:inline-block;  width:190px; height:51px; text-align:center; background:url(../images/btn-join.png) no-repeat; text-align:center;  font: bold 18px/51px 'Montserrat', sans-serif; color: #fff; text-transform:uppercase; text-indent:-10px; float:right; margin:0 20px;}
a.btn-join-header:hover { background-position:0 -51px; color:#fff}

.btn-log_in { display:inline-block;  font: bold 14px/51px 'Montserrat', sans-serif; color: #cccccc; text-transform:uppercase;  float:right; }
.btn-log_in img { margin-left:4px; margin-bottom:-3px; display:inline-block}

a.btn-twitter {display:inline-block;  width:48px; height:48px; text-align:center; background:url(../images/ico-twitter.png) no-repeat; text-align:center;  font: bold 18px/51px 'Montserrat', sans-serif; color: #fff; text-transform:uppercase; text-indent:-9999px; float:right;}
a.btn-twitter:hover { background-position:-48px 0}
/* -----------------------  */

/* header boxes */
#header { background:url(../images/bg-header.jpg) no-repeat top center; text-align:center;}
ul#boxes {  margin:0 auto; padding:0; list-style-type:none; display:block; max-width:1200px }
ul#boxes li {  margin:0; padding:0; list-style-type:none; display: inline-block; max-width:19.5%; font-size:12px }
ul#boxes li img { max-width:100%; display:block}
ul#boxes li span  {  display: inline-block; width:32% ; text-align:center; font-size:11px; color:#9d9d9d ; overflow:hidden }
ul#boxes li span  b { color:#fff; font-weight:bold}


.stats { display:block; width:100%; padding:5px 0; font-size:12px; box-shadow: 0px -1px 1px 0px rgba(106,106,106,1); background:#000;
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(33,33,33,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(33,33,33,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(33,33,33,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(33,33,33,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(33,33,33,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(33,33,33,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#000000',GradientType=0 ) /* ie6-9 */; overflow:hidden


 }

ul#features {  margin:20px auto; padding:0; list-style-type:none; display: block; max-width:1200px;  }
ul#features li  {  margin:0; padding:5px 0;  list-style-type:none; display: inline-block; width: auto ; vertical-align:top; text-align:left ;font: normal 12px 'Montserrat', sans-serif; color: #9d9d9d; text-decoration:none ; padding-right:50px;  }
ul#features li strong { font-size:14px; color:#d3d3d3; text-transform:uppercase}
ul#features li img { float:left; margin-right:15px; margin-top:-5px; max-width:100%; margin-bottom:30px; display:block;}
/* -----------------------  */


/* content area boxes */
ul.info {  margin:10px 0; padding:0; list-style-type:none; display: table; }
ul.info li  {  margin:0; padding:0;  list-style-type:none; display: table-cell; text-align:left;  }
ul.info li.logo { text-align:left; width:250px; vertical-align:middle}
ul.info li.logo img { max-width:100%}
ul.info li.desc { max-width:700px; font-size:16px; padding:0 15px;  color:#9d9d9d; vertical-align:middle}
ul.info li.updated { width:128px; height:58px; padding-top:14px; text-align:center; font-size:18px; color:#fff; vertical-align:top; display:block; background:url(../images/ico-calendar.png) no-repeat top center }
ul.info li.updated strong { text-transform:uppercase}

.content-area { background:#282828; border:1px solid #383838; text-align:center; max-width:1140px; margin:0 auto; padding:0 29px; position:relative; z-index:0}
.content-wrapper { background:#171717; border:1px solid #383838; text-align:center; max-width:1112px; margin:0 auto; padding:10px;}

.title , .title-blue{ background:#26292b url(../images/bg-title.gif) repeat-x top left; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
box-shadow: 0px -1px 1px 0px rgba(105,108,110,1); display:block; text-align:left; color:#c5c6c7; padding:0px 15px; padding-top:8px; margin:10px 0; font-size:18px;}
.title_icon { background:#36393b url(../images/bg-title-ico.jpg) repeat-x top left; text-align:center; display: inline-block;
border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px; margin:-8px 15px 0px  -15px; float:left; padding:10px; }

.title-blue { background:#0c7f9e url(../images/bg-title-blue.gif)  repeat-x top left; box-shadow: 0px -1px 1px 0px rgba(62,183,202,1); color:#fff}
.title-blue .title_icon  { background:#148eaa url(../images/bg-tite-ico-blue.gif) repeat-x top left}

.ph-logo { position:absolute; z-index:1; top:10px; left:40px}
.cams-title { width:70%; margin:0 auto;}

ul.content-thumbs {  margin:0px auto; padding:0; list-style-type:none; margin-top:20px;  }
ul.content-thumbs li  {  margin:0; padding:0;  list-style-type:none; display: inline-block; width: 19.2% ; margin:0.1%; text-align:center ; }
ul.content-thumbs li a { font-size:18px}
ul.content-thumbs li img { border:3px solid #3e3e3e}
ul.content-thumbs li img:hover { border-color:#191919}


ul#content-thumbs-cams {  margin:0px auto; padding:0; list-style-type:none; margin-top:20px;  }
ul#content-thumbs-cams li  {  margin:0; padding:0;  list-style-type:none; display: inline-block; width: 11% ; margin:0.5%; text-align:center ; }
ul#content-thumbs-cams li a { font-size:12px; font-weight:bold}
.cam-pic { background:#fff; padding:1px; border:5px solid #cccccc}

.content_join {  background:#71c21b; background: -moz-linear-gradient(90deg, rgba(82,137,23,1) 0%, rgba(122,178,64,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122,178,64,1)), color-stop(100%, rgba(82,137,23,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(82,137,23,1) 0%, rgba(122,178,64,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(82,137,23,1) 0%, rgba(122,178,64,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(82,137,23,1) 0%, rgba(122,178,64,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(82,137,23,1) 0%, rgba(122,178,64,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab240', endColorstr='#528917',GradientType=0 ); /* ie6-9 */
display: block; margin-top:10px; padding:20px 70px; font: bold 24px 'Montserrat', sans-serif; color: #fff; text-decoration:none ; text-align:center; text-transform:uppercase ; margin:20px -29px 0; position:relative;
}
.content_join img { position:absolute; z-index:1 }
.content_join:hover { color:#000; background:#68c714}


.content_follow { font: bold 24px 'Montserrat', sans-serif; color: #d1d1d1; text-decoration:none ; display: inline-block; margin:35px auto; width: auto; text-align:center; text-transform:uppercase ;}
.content_follow img { float:right; margin:0 0 0 20px}

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



/* footer area */
#footer_features { background:url(../images/footer-pic.jpg) no-repeat top center; height:478px; text-align:center}
#footer_features_container { max-width:620px; margin:20px auto; text-align:center; color:#fff; background: url(../images/bg-transparent.png); border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; padding:40px; }


ul#features_footer { margin:30px 0 ; padding:0;  padding:0; list-style-type:none; display: block; }
ul#features_footer li { width:40%; display:inline-block; margin:10px 0;  vertical-align:top; text-align:left ;font: normal 12px 'Montserrat', sans-serif; color: #9d9d9d; text-decoration:none ; padding-right:50px}
ul#features_footer li img {  float:left; margin:-5px 15px 0 10px; max-width:100%;  display:block;}
ul#features_footer li  strong { font-size:14px; color:#d3d3d3; text-transform:uppercase}

a.footer_features_join{ display:block;  max-width:588px; margin:0 auto; height:70px; text-align:center;  text-align:center;  font: bold 30px/60px   'Montserrat', sans-serif; color: #fff; text-transform:uppercase; text-indent:-10px; position:relative; z-index:0}

a.footer_features_join{
box-shadow: 0px -1px 1px 0px rgba(180,227,138,1);
background: -moz-linear-gradient(90deg, rgba(91,173,17,1) 0%, rgba(104,199,20,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91,173,17,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(91,173,17,1) 0%, rgba(104,199,20,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(91,173,17,1) 0%, rgba(104,199,20,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(91,173,17,1) 0%, rgba(104,199,20,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(91,173,17,1) 0%, rgba(104,199,20,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c714', endColorstr='#5bad11',GradientType=0 ) /* ie6-9 */;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

a.footer_features_join img { position:absolute; z-index:1; top:10px; right:20px; display:inline}

#footer { background:#000; text-align:center; color:#fff; padding:25px 0}
/* -----------------------  */

.mainForm td {color:#fff;}

/* join page */
#top_features { margin:30px auto; max-width:1200px}
#top_features span { display:inline-block; width:28%; text-align:left; color:#9d9d9d;  font-family: 'Montserrat', sans-serif; font-size:11px; text-transform:uppercase; margin-right:3%}
#top_features img { margin-right:10px;}

.join_area { width:47.5%; float:left; background:#171717; margin:40px 20px;  color:#9a9696; font-weight:bold; padding-bottom:40px; font-size:13px}

.join_area h5 { padding:10px 0; font: normal 18px  "Arial Black", Arial, Gadget, sans-serif; color:#fff; display:block;
box-shadow: 0px -1px 1px 0px rgba(105,108,110,1);
background: -moz-linear-gradient(90deg, rgba(38,41,43,1) 0%, rgba(87,91,93,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38,41,43,1)), color-stop(100%, rgba(87,91,93,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(38,41,43,1) 0%, rgba(87,91,93,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(38,41,43,1) 0%, rgba(87,91,93,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(38,41,43,1) 0%, rgba(87,91,93,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(38,41,43,1) 0%, rgba(87,91,93,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575b5d', endColorstr='#000000',GradientType=0 ) /* ie6-9 */; overflow:hidden
}

.join_area h4 { font: normal 18px "Arial Black", Arial, Gadget, sans-serif; color:red; display:block; }

.join_select {width:75%;  padding:10px; font-size:14px; background:#303030; border:1px solid #525252; color:#9a9696; font-size:12px; font-weight:bold;  border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}

.join_input { background: -moz-linear-gradient(90deg, rgba(91,174,17,1) 0%, rgba(104,199,20,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91,174,17,1)), color-stop(100%, rgba(104,199,20,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(91,174,17,1) 0%, rgba(104,199,20,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(91,174,17,1) 0%, rgba(104,199,20,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(91,174,17,1) 0%, rgba(104,199,20,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(91,174,17,1) 0%, rgba(104,199,20,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bae11', endColorstr='#68c714',GradientType=0 ) /* ie6-9 */; overflow:hidden;
cursor:pointer; border:0 none; width:75%;
font: bold 18px/50px 'Montserrat', sans-serif; color: #fff;  text-decoration:none; text-transform:uppercase; letter-spacing:-0.02em; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
}
.join_input:hover { text-decoration:underline; color:#000}

.join_features { float:right; width:45%; color:#9d9d9d; text-align:left; margin:40px 0; font: bold 12px 'Montserrat', sans-serif; color: #9d9d9d; text-transform:uppercase }
.join_features h3 { color:#d3d3d3}
.join_features a { font: bold 12px 'Montserrat', sans-serif; color: red; text-transform:uppercase }
.join_features a:hover { color:#fff}
.join_features h3 img { float:right; margin-left:70px}
/* -----------------------  */




/* clear float */
.clear{ clear:both; }
/* -----------------------  */


/* text styles and headings */
body, td, div, input, textarea, table, tr, a{font:normal 14px  Arial, Helvetica, sans-serif; color: #514a4d; text-decoration:none;}

h1, h2, h3, h4, h5, h6 { text-transform:uppercase; text-decoration:none; margin:0; padding:0; color: #fff; font-weight:bold; font-family: 'Montserrat', sans-serif; display:inline-block; }
h6{ font-size:14px}
h5{  font-size:18px; color:#9d9d9d; font-weight:bold  }
h5 strong { color:#d3d3d3}
h4{  font-size:20px  }
h3{  font-size:24px  }
h2{  font-size:30px }
h1{  font-size:36px}
/* -----------------------  */

/* paragraph */
p{ margin:0; padding:10px 0px; }
/* -----------------------  */



/* text colors */
.text-white { color:#fff}
.text-gray { color:#d3d3d3}
.text-green{ color:#68c614}
.text-blue { color:#179bb7}
.text-red { color:#ff0000}


.text-size12 { font-size:12px;}
/* -----------------------  */

/* links */
a {color: #ff0000; text-decoration: none;  }
a:hover { color:#fff; text-decoration: underline }
a img{ border:0}
/* -----------------------  */


.PTvideoList,.PTvideoList a , .PTvideoList span{font-size:12px;}

div.PTvideoThumb img {
	border:2px solid #A0A0A0;
	height:120px;
	width:160px;
}

div.PTvideoThumb img:hover {
	border:2px solid #4c96fe;
}

div.PTvideoTitle {
	font-size:12px;
	font-weight:bold;
}

div.PTvideoTitle a:link,	
div.PTvideoTitle a:active,
div.PTvideoTitle a:visited {
	text-decoration:none;

}

div.PTvideoTitle a:hover {
	text-decoration:underline;	
}	


div.PTvideoItem {
	color:#ffffff;	
	margin:0 25px 25px 0;
	width:160px;
	float:left;
	font-size:12px;
	height:185px;
}

.PTvideoTitle {
	display:block;
	height:20px;
	overflow:hidden;
	vertical-align:top;
	width:100%;
}	

.PTtime {
	clear:both;

}
.PTmodels {
	clear:both;
	display:block;
	height:20px;
	overflow:hidden;
	vertical-align:top;
	width:100%;		
}	


.PTfree {
	color:#00ff00;
}