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

body { padding: 0; margin: 0; background:#000 url(../images/bg-blank.jpg); text-align:center }

/* slider styles */
.jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url(../images/a22.png) center center no-repeat;overflow:hidden}
.jssora22l{background-position:-10px -31px}
.jssora22r{background-position:-70px -31px}
.jssora22l:hover{background-position:-130px -31px}
.jssora22r:hover{background-position:-190px -31px}
.jssora22l.jssora22ldn{background-position:-250px -31px}
.jssora22r.jssora22rdn{background-position:-310px -31px}



#topBar-container { position:absolute; z-index:100; width:90%; left:50%; margin-left:-45%; }

#topBar-container img { width:inherit!important; min-width:300px}
.hello {position: absolute; top:500px; left: 40%; margin-left:-408px; width: 816px; font-size: 30px; color: #ffffff; line-height: 38px; text-align:left; scale:0}

@media all and (max-width: 800px)
{
.hello { font-size:5vh}

}




/* about block styles */
#about { background:#fff url(../images/bg-about.jpg);  }
#about-container { max-width:1200px; margin:0 auto; }
#about-header-part { height:30px; background:url(../images/about-t.png) no-repeat top center; margin-bottom:-30px; position:relative; z-index:30 }
#about-left { max-width:460px; float:left; position:relative; z-index:0; }
#about-left img { width:100%;}
#about-join { position:absolute; z-index:10; max-width:493px; bottom:-60px; } 


#about-right { max-width:737px; float:right; margin:30px auto }

#about-right h1  { font-size:40px}
#about-right h1  strong{ color:#cd1656}



.acb { max-width:737px; text-align:center; margin:0 auto}
.acb-t { background:url(../images/acb-t.png) no-repeat top center; height:27px} 
.acb-c { background:url(../images/acb-c.png) repeat-y top center; padding:10px; text-align:center; }
.acb-b { background:url(../images/acb-b.png) no-repeat top center; height:29px} 
.acb-c, .acb-c span, .acb-c div, .acb-c li { color:#fff}


#about-th { text-align:center}
#about-th img { margin:5px; border:1px solid #fff}
#about p { color:#c9c9c9; font-family: "Montserrat", Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:10px 0 0 30px; letter-spacing:-.03em}
#about p a { font-size:24px;}


@media all and (max-width: 1199px)
{
#about-left {  float:none; margin:0 auto;  margin-bottom:60px }
#about-right { float:none; margin:0px auto; padding-top:30px;  }

}
@media all and (max-width: 740px)
{
 

}


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


/* join page styles */
body#join { background:#000 url(../images/bg-join.jpg) no-repeat top center; margin-top:105px}
#join_content { width:920px; margin:0 auto}
#join-features { float:left; width:377px; height:395px; padding:30px 0 0 20px; background: url(../images/join_06.jpg) no-repeat top left; color:#b8b8b8}

#join-features ul { margin:0; padding:0; list-style-type:none;  }
#join-features ul li { margin:0; padding:0; list-style-type:none; display: block; background:url(../images/checkmark.png) no-repeat left center; text-align:left; padding:5px 0; padding-left:25px }

#join-buttons { width:298px; float:left;}
#join-buttons a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#b8b8b8; text-decoration:none}
#join-buttons a:hover { text-decoration:underline; color:#fff}
/* -----------------------  */



/* footer and copyrights */
#footer { background:#000 url(../images/bg-footer.jpg) no-repeat top center; border-top:2px solid #c70080}
#footer_content { max-width:1060px; margin:0 auto; text-align:center; font-weight:bold; color:#fff; text-transform:uppercase; padding:50px 0; font-family: "Montserrat", Arial, Helvetica, sans-serif;}
#footer_content img { width:100%}
#footer-social { float:left; text-align:left; margin-left:20px; width:540px}
#footer-social h1 { padding-bottom:10px; margin-bottom:20px; border-bottom:5px solid #44444c}

#footer-social ul { margin:0; padding:0; list-style-type:none;  }
#footer-social ul li  { margin:0; padding:0; list-style-type:none; float:left; display:block; font-family: "Montserrat", Arial, Helvetica, sans-serif; color:#fff; padding-top:10px; }
#footer-social ul li img { margin-right:20px; margin-top:-10px}
#footer a { margin:0 5px}
.footer-pic { float:right; max-width:460px; display:block; margin-bottom:0}
.footer_bonus { max-width:800px; margin:0 auto}

a.more, a.btn { display:inline-block; margin:40px auto; text-align:center; text-decoration:none; color:#fff; text-decoration:none; font-size:50px; border-radius: 45px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border: 0px solid #000000; background:#cd1656; text-transform:uppercase; width:auto; padding:0.4em 3em; font-weight:bold; letter-spacing:-.06em;}
a.more:hover, a.btn:hover { background:#ad1047}
a.btn { font-size:24px}

@media all and (max-width: 1024px)
{
#footer-social { float:none; width:80%; margin:0 auto;}
#footer-social h1 { padding-bottom:10px; margin-bottom:20px; border-bottom:5px solid #44444c}
#footer-social ul li { float:none; }
a.more  { font-size:30px}

}
@media all and (max-width: 740px)
{
.footer-pic { float:none; max-width:460px; margin:0 auto; display:block; margin-bottom:20px}
a.more  { font-size:20px; letter-spacing:-.03em; }

}

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



/* blank page styles */
#header { background:url(../images/blank-header-bg.jpg) no-repeat top center; }
#header-container { max-width:1180px; position:relative; z-index:0; margin:0 auto;}
#header-container img { width:100%; height:auto; max-width:1180px}

#topBar { position:absolute; z-index:10; top:0; left:0; width:100%;}
#header-logo { float:left;}
#header-buttons { float:right}

#header-buttons a.btn-members, #header-buttons a.btn-join { height:64px; display:block; text-align:center; text-indent:-9999em; float:left; margin-top:25px}

#header-buttons a.btn-members { background:url(../images/btn-members.png) no-repeat; width:130px; height:64px; margin-right:-10px}
#header-buttons a.btn-members:hover { background-position:0 -65px}

#header-buttons a.btn-join { background:url(../images/btn-join.png) no-repeat; width:190px; height:64px}
#header-buttons a.btn-join:hover { background-position:0 -64px}
#header-separator { background:url(../images/separator.jpg); height:8px;}
#header-separator2 { display:none}


.cb { max-width:1080px; text-align:center; margin:0 auto}
.cb-t { background:url(../images/cb-t.png) no-repeat top center; height:50px} 
.cb-c { background:url(../images/cb-c.png) repeat-y top center; padding:20px 40px; text-align:center; }
.cb-b { background:url(../images/cb-b.png) no-repeat top center; height:40px} 
.cb-c, .cb-c span, .cb-c div, .cb-c li { color:#fff}

ul#th-wrapper  { padding:0; list-style-type:none;  max-width:1000px; display:block; margin:0px auto  }
ul#th-wrapper  li  { margin:0; padding:0; list-style-type:none; display:inline-block; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; margin:8px }
ul#th-wrapper  li img { margin:5px; margin-bottom:5px}
.cb-c ul#th-wrapper  li { color:#fff; margin:4px }


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



/* blank page header styles for devices */
@media all and (max-width: 1024px)
{
#header-container img { width:100%; height:auto; max-width:1180px}
 
#header-separator2 { background:url(../images/separator.jpg); height:8px; display:block;}
}

@media all and (max-width: 740px)
{
#header-container img { width:100%; height:auto; max-width:1180px}
#topBar { display:block; position: initial!important; border-bottom:2px solid #c70080; }
#header-separator2 { background:url(../images/separator.jpg); height:8px; display:block;}
#header-logo { float:none; text-align:center; width:100%;}
#header-logo img {  max-width:375px;}
#header-buttons { float: none; width:100%; text-align:center; margin:-10px 0 10px 0}
#header-buttons a.btn-members, #header-buttons a.btn-join  { display:inline-block; float:none; margin-top:0; margin-bottom:10px}

}


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




/* webcams page styles */
#webcams { border:3px solid #e91560; border-right:0 none; border-left:0 none; background:#000 url(../images/bg-webcams.jpg) no-repeat top center; padding:95px 0; text-align:left}
#webcams-schedule-info { max-width:550px; text-align:left; display:block; margin-left:30px; float:left; font-size:14px; font-weight:bold}
#webcams-schedule-info strong { color:#848688}
#webcam-th { float:left; text-align:center; margin:20px 0 ;width:160px; margin-right:30px;  font-size:14px; font-weight:bold}
#webcams-tv { width:320px; background:url(../images/web-tv.png) no-repeat top center; padding:10px; float:right; margin-right:40px}
#webcam-schedule { float:left; width:225px; margin-top:40px;}
#webcam-schedule h4 { padding-bottom:15px; border-bottom:5px solid #e91560; margin-bottom:10px}
#webcam-schedule ul { margin:0; padding:0; list-style-type:none; display: block; }
#webcam-schedule ul li { margin:0; padding:0; list-style-type:none; background:url(../images/ico-time.png) no-repeat 0 15px; text-align:left; padding-left:25px ; font-size:14px; margin-bottom:15px  }
.btn-connect { width:360px; height:118px; display:block; background:url(../images/web-btn.png) no-repeat; margin-left:-20px}

@media all and (max-width: 1040px)
{
#webcams-schedule-info { float:none; margin:0 auto; margin-bottom:30px}
#webcams-tv { float:none; margin:0 auto}
}


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




/* videos block styles */
#my_videos { background:#0d0d0d url(../images/bg-videos.jpg) no-repeat top center;}
#my_videos img { width:100%;}
#my_videos-bg{ max-width:920px; height:555px; background:#000; border:1px solid #fff; opacity:0.6; margin:0 auto; border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; position:relative; z-index:0; }
#my_videos-contaier { text-align:center; overflow:auto; max-width:900px; height:495px; margin:0 auto; margin-top:-525px; position:relative; z-index:10; }
#my_videos-contaier ul { margin:0; padding:0; list-style-type:none; max-width:860px; margin:0 auto }
#my_videos-contaier ul li { margin:1px; padding:0; list-style-type:none; text-align:right; display:inline-block; font-size:12px; padding-bottom:5px  }
#my_videos-contaier ul li img { margin-bottom:5px;}
#my_videos-contaier ul li strong { color:#ff0190; display:block; float:left;}
/* -----------------------  */


/* enjoy block styles */
#enjoy { background:url(../images/pic-enjoy.jpg) no-repeat center center; min-height:535px; padding:50px; position:relative; z-index:0}
#enjoy ul{ margin:0; padding:0; list-style-type:none; margin-top:350px }
#enjoy ul li { margin:20px; padding:0; list-style-type:none; text-align: center; display:inline-block; width:auto; position:relative; z-index:20 }
#enjoy ul li h4 { display:block; width:144px; position:absolute; z-index:40; bottom:40px; text-transform:uppercase; font-size:18px; text-align:center; left:0px}
#enjoy ul li h4  strong { color:#999999}
#enjoy ul li img { width:100%; max-width:144px;}
@media all and (max-width: 1024px)
{
}
@media all and (max-width: 800px)
{
#enjoy ul { margin:0; padding:0; list-style-type:none; margin-top:100px;  }

}
@media all and (max-width: 500px)
{
#enjoy ul { margin:0; padding:0; list-style-type:none; margin-top:30px;  }
#enjoy ul li { margin:0}
}
.join{ background:#cd3070; color:#fff; text-align:center; display:block; padding:20px 0; font-size:4vw; text-transform:uppercase; letter-spacing:-.06em}
/* -----------------------  */



/* photos block styles */
#my_photos { background:url(../images/bg-photos.jpg); background-position: center top;  }
#my_photos-wrapper { background:url(../images/photos-bg.jpg) no-repeat top center; max-width:1200px; margin:0 auto; height:777px; padding-top:250px;    }
#my_photos-container {  height:580px; overflow: auto; margin:10px}
#my_photos img { width:100%}
#my_photos-pic { max-width:1200px; margin:0 auto;  display:block; margin-top:-200px; z-index:10}
/* -----------------------  */




/* navigation styles  */
#Nav { background:#000 url(../images/bg-nav.jpg) repeat-x top; border-bottom:3px solid #a62e67; margin-bottom:20px; text-align:center; }
#Nav ul { margin:0; padding:0; list-style-type:none; display: block; }
#Nav ul li { margin:0; padding:0; list-style-type:none; display:inline-block;   }
#Nav ul li a {  height:76px; display:inline-block; line-height:76px; width:130px ; color:#fff; text-decoration:none; text-transform:uppercase; font-size:14px;  letter-spacing:-.05em; font-weight:bold; }
#Nav ul li{ background:url(../images/btn-home.png) no-repeat top center}
#Nav ul li:hover { background-position:0 -76px}



/* pagination */

#pagination { width: auto; margin:20px auto; text-align:center; }
#pagination a { color:#fff; text-decoration:none; display:inline-block; margin:1px; background:#070808 url(../images/bg-page.gif) repeat-x top ; text-align:center;  width:40px; color:#8b8c8c ;  font:bold 14px/40px Arial, Helvetica, sans-serif }
#pagination a:hover { color:#fff; text-decoration:none; background:#2a2a2a url(../images/bg-page-hover.gif) repeat-x top;}
#pagination a.np { width:auto; padding:0 25px; display: inline-block}
#pagination a.dl { background:#cb1756;width:auto; padding:0 25px; display: inline-block; color:#fff}
#pagination a.dl:hover { background:#a7194b; text-decoration:underline}

/* mediaplayer */
/* -----------------------  */





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



/* text styles and headings */
 

body, td, div, input, textarea, table, tr, span, h1, h2, h3, h4, h5, h6, h7 a{ color:#555; font-family: Arial, Helvetica, sans-serif; font-size:18px; }
h1, h2, h3, h4, h5, h6, h7 { color:#fff; margin:0; padding:0; letter-spacing:-.05em; font-weight:bold; font-family: "Montserrat", Arial, Helvetica, sans-serif;  }

h1 { font-size:48px; line-height:42px}
h2 { font-size:36px; line-height:32px}
h3 { font-size:30px; line-height:28px}
h4 { font-size:24px; line-height:20px}


@media all and (max-width: 740px)
{
h1 { font-size:36px; line-height:32px}
h2 { font-size:30px; line-height:28px}
h3 { font-size:24px; line-height:20px}
h4 { font-size:20px; line-height:18px}
}
/* -----------------------  */

/* paragraph */
p{ margin:0; padding:0; margin-bottom:1.4em;}
/* -----------------------  */




/* text colors */
.text-pink { color:#cd1656}
.text-pinky{ color:#e91560}
.text-white{ color:#fff}
.text-gray { color:#d7d7d8}
.uppercase { text-transform:uppercase}

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

/* links */
a { font-size:0.9em; text-decoration:none; color:#cd1656; font-family:'Montserrat'; }
a:hover {  text-decoration: underline; color:#fff }
a img{ border:0}
/* -----------------------  */


.img-large {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.img-large img {
    margin: 0;
    padding: 0;
}
.title {
    font-size: 12px;
}

span.jwmain span.jwcontrols{
	position: absolute;
	left: 0;
	right: 0;
}
span.jwmain span.jwvideo{
	position: absolute;
	left: 0;
	right: 0;
}