@charset "utf-8";
/*
Theme Name: VNALive New
Theme URI: http://www.vettenationlive.com/
Author: VNALive
Author URI: http://www.vettenationlive.com/
Description: VNALive theme
Version: 1.0
*/

*:focus { outline:0; }
    

body { font-family: "Roboto", sans-serif; font-size: 14px; color: #FFFFFF; margin: 0px; padding: 0px; overflow-x: hidden; max-width: 1920px; margin: auto; background-color: #16232c; }

.list th { vertical-align: top; text-align: right; padding-right: 5px; }
.list td { vertical-align: top; text-align: left; }


.wrapword { white-space: -moz-pre-wrap !important; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; white-space: normal; }

#main { margin: auto; width: 100%; position: relative; }
.container { padding-top: 0px; }    
header, header video { width: 100%; }
.nowrap { white-space: nowrap; }

.wrapword { white-space: -moz-pre-wrap !important; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; white-space: normal; }


.container>.top { background-color: #16232c; height: 60px; position: relative; z-index: 99999; box-shadow: 1px 1px 3px #000; }
.container>.top .wrapper { width: 100%; display: flex; }
.container>.top .wrapper .logo { position: relative; display: inline-block; z-index: 1000; max-width: 500px; width: 300px; padding-top: 7px; } 
.container>.top .wrapper .menu { width: calc( 100% - 300px ); line-height: 60px; }
.container>.top .wrapper .menu nav { display: inline-block; float: right; margin-left: 30px; margin-right: 0px; width: calc( 100% - 30px ); }
.container>.top .wrapper .menu nav ul { list-style-type: none; padding: 0px; margin: 0px; display: flex; line-height: 60px; justify-content: space-around; }
.container>.top .wrapper .menu nav ul li.button { padding-top: 10px; }
.container>.top .wrapper .menu nav ul li a { font-weight: normal; }
.container>.top .wrapper .menu nav ul li + li:before { color: #f4ca59; content: " "; padding-right: 5px; padding-left: 5px; }
.container>.top button { cursor: pointer; float: right; font-size: 40px; margin: auto 20px; background-color: transparent; border-width: 0px; display: none; }
.container>.top button i { color: #FFF; }
    
header .name { position: absolute; top: 0px; right: 0px; }
header .panorama { width: 1280px; height: 389px; }
header #newsboxes { margin-top: 5px; }
header #newsboxes img { border: 1px solid #A7A7A7; }
header #newsboxes .newsBox a { font-size: 12px; white-space: nowrap; }

.menuSlide { z-index: 99999999; display: block; position: fixed; top: 60px; right: 0px; left: 0px; bottom: 0px; overflow: hidden; border-bottom: 2px solid #000; box-shadow: 2px 2px 5px #000; visibility: hidden; }
.menuSlide ul { list-style-type: none; padding: 0px; margin: 0px; position: fixed; top: 60px; left: -100%; bottom: 0px; width: 100%; background-color: #f4ca59; }
.menuSlide ul li { position: relative; background-color: #f4ca59; }
.menuSlide ul li a { display: inline-block; padding: 10px; width: 100%; color: #000; font-weight: bold; }
.menuSlide ul li:hover { background-color: #16232c; }
.menuSlide ul li:hover a { color: #f4ca59; }


.menuSlide ul { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } 

body.menuOpen .menuSlide { visibility: visible; }
body.menuOpen .menuSlide ul { left: 0%; }
body.menuOpen .menuSlide ul li.timezone { padding: 5px 5px 5px 10px; color: #000; font-weight: bold; font-size: 16px; }
body.menuOpen .menuSlide ul li.timezone:hover { color: #f4ca59; }

#vnaNewsMenu { position: relative; text-align: center; display: none; border-bottom: 2px solid #000; box-shadow: 2px 2px 5px #000; }
#vnaNewsMenu button { cursor: pointer; font-weight: bold; font-size: 23px; margin: auto 0px; background-color: transparent; border-width: 0px; width: calc( 50% - 4px ); }
#vnaNewsMenu button span.girls { display: none; }
#vnaNewsMenu button span.post { display: none; }
#vnaNewsMenu button span.morePosts { display: none; }
#vnaNewsMenu button a.twitter { cursor: pointer; font-weight: bold; font-size: 23px; color: #0092EB; }
body.single-post #vnaNewsMenu button span.girls { display: none !important; }
body.single-post #vnaNewsMenu button span.news { display: none !important; }
body.page #vnaNewsMenu button span.girls { display: none !important; }
body.page #vnaNewsMenu button span.news { display: none !important; }

#vnaNewsMenu nav ul li .front-page-post .front-page-desc img { float: left; margin-right: 10px; margin-bottom: 10px; }
#vnaNewsMenu nav ul li .front-page-post .front-page-title a { margin-left: 0px; padding-left: 0px; }

#vnaNewsMenu { background-color: #F90; height: 29px; border: 1px solid #F90; padding: 10px; color: #000; font-weight: bold; margin-top: 10px; }
#vnaNewsMenu h3 { margin: 0px; padding: 0px; text-align: center; }
#countdown { width: 100%; background-image: url('images/countDownBg.png'); z-index: 9999; display: inline-block; border-bottom: 2px solid #F90; margin-bottom: 20px; padding-bottom: 20px; }
#countdown .countdownEntry { display: block; font-size: 25px; text-align: center; }
#countdown .countdownText { display: block; font-size: 9px; text-align: center; }
#countdown .countdownPoint { display: inline-block; font-size: 28px; text-align: center; vertical-align: top; }
#countdown .countdownBlock { display: inline-block; }
header .hide { display: none; }
#countdown .hide { display: none; }
#countdown #livenow #modelname { display: block; font-size: 28px; text-align: center; text-shadow: 3px 3px #000; font-family: Verdana, Arial; padding-right: 10px; }
#countdown #livenow #livenowText { display: block; color: #FFF; font-size: 22px; text-align: center; text-shadow: 3px 3px #000; font-family: Verdana, Arial; padding-right: 10px; }
#countdown #livenow #clickhere { display: block; color: #FFF; font-size: 14px; text-align: center; text-shadow: 3px 3px #000; padding-right: 10px; }

.widget-sidebar { margin: 10px auto; border-bottom: 2px solid #F90; padding: 10px 0px 20px 0px; }

.article { min-height: 300px; }
.article img { border: 1px solid #F90; }
.article table { width: 95%; }

#content #post-meta a, #content #post-meta a small { color: #f4ca59; }

#content .post, #content .posts, #content .page { max-width: 1200px; color: #000; width: calc( 100% - 60px ); background-color: #FFF; margin: 20px auto; padding: 10px; box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%); cursor: default; }
#content .post-content h1, #content .page h1, #content .post-content h1 a, #content .page h1 a { color: #16232c; text-align: center; }
#content .oldernewer, #content .oldernewer a, #content .oldernewer a:hover { color: #000; }
#content .post-content p a, #content .page p a { color: #000; }
#content .site { margin-bottom: 20px; }
#content .site .pull-left { width: calc( 50% - 20px ); }
#content .site .pull-left img { max-width: 100%; border: 1px solid #F90; }
#content .site .pull-right { width: 50%; }
#content .site .pull-right h3 { margin: 0px auto 10px; text-align: left; color: #F90; }
#content .site .pull-right h5 { margin: 0px auto 10px; text-align: left; }
#content .site .pull-right p { margin: 0px; }

#content { text-align: center; position: relative; width: 100%; margin-top: 0px; }
.sliderHeader { position: absolute; left: 0px; right: 0px; display: flex; justify-content: center; top: -50px; }
.sliderHeader>div { background-color: #000; padding: 10px; min-width: 250px; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px -1px 22px 5px #16232c; font-weight: bold; color: #f4ca59; font-size: 22px; cursor: default; position: relative; z-index: 9999; }

#content { background-image: url('images/service-home.png'); padding-top: 20px; padding-bottom: 20px; }

#content .post a, #content .posts a, #content .page a { color: #f4ca59; }
#content .post, #content .posts, #content .page, #content .author { width: 100%; min-height: 700px; max-width: 1200px; margin: auto; } 
#content.nosidebar .post, #content.nosidebar .posts, #content.nosidebar .page { max-width: 1100px; width: 100%; min-height: 700px; border-left-width: 0px; } 
#content .page #comments { margin-top: 30px; border-top: 1px dotted #A7A7A7; }
#content .posts h1 { font-family: Verdana, Arial; font-size: 22px; }
#content .post-single { margin-bottom: 30px; }
#content .post-single .post-excerpt h2 { font-family: Verdana, Arial; text-align: left; margin: 0px; padding: 0px; }
#content .post-single .post-excerpt h2 a { font-size: 18px; }
#content .post-single .featured-thumbnail { max-width: 310px; width: calc( 30% - 20px ); padding: 0px 10px 10px 10px; text-align: center; float: left; }
#content .post-single .featured-thumbnail img { border: 1px solid #A7A7A7; margin-top: 7px; width: 100%; max-width: 300px !important; height: auto !important; }
#content .post-single .post-excerpt { max-width: 555px; width: calc( 70% - 10px ); padding: 0px 5px; text-align: justify; float: right;  }
#content .post-single .post-excerpt a { font-size: 12px; }
#content .post-content { margin: 5px 17px; }
#content #post-meta { margin: 5px 17px; }
#content .post-content h1, #content .page h1 { text-align: center; font-family: Verdana, Arial; margin: 10px 10px 2px 10px; }
#content .post-content h1 a, #content .page h1 a { text-align: left; font-family: Verdana, Arial; font-size: 17px; }
#content .post-content p.postOn, #content .page p.postOn { text-align: justify; margin: 3px 10px; font-family: Verdana, Arial; font-size: 12px; }
#content .post-content p, #content .page p { text-align: justify; margin: 10px; }
#content img { max-width: 100% !important; height: auto; }
#content .post-content p a, #content .page p a { font-size: 12px; }
#content #post-meta p { text-align: justify; margin: 5px 10px; font-size: 12px; }
#content #post-meta p a { font-size: 12px; }
#content .author { color: #000; }

.oldernewer { width: 100%; nargin: auto; }
.oldernewer .older { float: left; width: calc( 50% - 15px ); text-align: left; margin-left: 10px; font-family: Verdana, Arial; }
.oldernewer .newer { float: right; width: calc( 50% - 15px ); text-align: right; margin-right: 10px; font-family: Verdana, Arial; }

#content iframe { margin: auto; }
#content #sidebar { max-width: 210px; width: 19%; float: left; }
#content #sidebar { max-width: 210px; width: 19%; float: left; }
#content #sidebar .front-page-post { }
#content #sidebar .front-page-post img { float: left; margin: 0px 4px 4px 0px; border: 1px solid #A7A7A7; }
#content #sidebar #sidebar { margin-bottom: 0px; }
#content .front-page-wrap {  margin-bottom: 0px; }

#sleepyBoyNews { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); width:100%; height:100%; display: block; z-index: 999999999; overflow: auto; }
#sleepyBoyNews .sleepyBox { position: relative; width: calc( 95% - 20px ); padding: 10px; max-width: 760px; margin: 30px auto; border: 2px solid #000; background-color: #F90; }
#sleepyBoyNews .sleepyBox * { color: #000; }
#sleepyBoyNews .sleepyBox .sleepyBoxMsg { margin: 30px auto; }
#sleepyBoyNews .sleepyBox p { text-align: justify; }
#sleepyBoyNews .sleepyBox p.alignCenter { text-align: center; }
#sleepyBoyNews .sleepyBox .closeButton { position: absolute; right: -4px; top: -8px; width: 25px; height: 25px; cursor: pointer; font-size: 30px !important; color: #000;  }
#sleepyBoyNews .sleepyBox .logo { position: relative; text-align: left; width: calc( 100% - 25px); margin-right: 25px; }
#sleepyBoyNews .sleepyBox .logo img { max-width: 300px; width: 100%; }
#sleepyBoyNews .sleepyBox .sleepyBoxInner { margin: 30px; }

#footer { text-align: center; margin: auto; padding: 20px; width: calc( 100% - 40px ); background-color: #0d161b; cursor: default; }
#footer div { margin: 10px auto; }

.slider .slide-item { position: relative; }
.slider .slide-item .showDate { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background-image: url('images/bgTrans.png'); }
.slider .slide-item .showDate h3 { white-space: nowrap; color: #f4ca59; font-size: 17px; margin: 10px; }
.slider .slide-item .showDate h5 { white-space: nowrap; font-size: 15px; margin: 10px; }

a { font-size: 16px; color: #FFF; font-weight: bold; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #FFF; }
a:hover { text-decoration: none; color: #f4ca59; }
a:active { text-decoration: none; color: #f4ca59; }
a.bigText:link { font-size: 24px; }
a.bigText:visited { font-size: 24px; }
a.bigText:hover { font-size: 24px; }
a.bigText:active { font-size: 24px; }

.style4 {font-size: 12px}
.mediumText { font-size: 16px; font-weight: bold; }
.mediumTextBottom { font-size: 16px; font-weight: bold; margin-top: 30px; font-weight: bold; }
.bigWhite { font-size: 24px; font-weight: bold; }
.red {color: #CC0000}
.bigOrange { font-size: 24px; color: #FF9900; font-weight: bold; }

/* Always remember to compress your live stylesheet and keep an uncompressed backup */

/*		Clearing the div floats			*/
.clearFloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFloat { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearFloat { height: 1%; }
.clearFloat { display: block; }
/* End hide frm IE-mac */

.front-page-post { padding: 5px 5px 15px 5px; max-width: calc( 100% - 10px ); }

#sidebar .front-page-nva-live {
 font-family: Verdana, Arial;
 text-align: center;
 font-weight: normal;
 text-transform: lowercase;
 font-size: 22px;
 color: #FFF;
 margin: 10px 0px 20px 0px;
 padding: 0px;
}

.front-page-post .front-page-title {
 font-family: Verdana, Arial;
 text-align: left;
 font-weight: normal;
 text-transform: capitalize;
 font-size: 18px;
 color: #FF9900;
 margin: 0px auto 9px;
 padding: 0px;
}
.front-page-post .front-page-title a:hover { color: #FFF; }
.front-page-post .front-page-desc { text-align: justify; margin: 0px; padding: 0px 0px 5px 0px; }
.front-page-post .front-page-desc a { text-align: justify; color: #FF9900; font-size: 12px; white-space: nowrap; }
.front-page-post .front-page-desc a:hover { color: #FFF; }
.front-page-post .front-page-date { font-style: italic; text-align: left; }

.front-page-text { text-align: center; }
.front-page-text p { text-align: center !important; font-weight: bold; font-size: 16px; }

#nav { display: table; height: 33px; width: 1099px; margin: 0px 0px 0px 49px; }

#nav li {
 display: table-cell;
 height: 33px;
 width: 20%;  /* (100 / numItems)% */
 line-height: 33px;
 text-align: center;
 white-space: nowrap;
 padding: 6px 4px 2px;
}

#nav li a, #nav li a:active, #nav li a:visited {	
 background-image: url('images/buttonGradient.jpg');
 display: inline-block;
 width: 100%;
 font-family: Verdana, Arial;
 font-size: 19px;
 border: 1px solid #A7A7A7;
 text-shadow: 3px 3px #000;
 color: #d2d2d2;
}


#nav li a:hover {	
 background-image: url('images/buttonGradient-hover.jpg');
 display: inline-block;
 width: 100%;
 color: #FFF;
 font-family: Verdana, Arial;
 font-size: 19px;
 border: 1px solid #A7A7A7;
 text-shadow: 3px 3px #000;
 border-bottom-color: #5e5e5e;
 border-right-color: #5e5e5e;
}​

@media (max-width: 1096px) {
 #nav li { display: block; width: 100%; }
}

.newsboxes .bx-wrapper .bx-controls-direction a { top: 39%; }
.newsboxes .bx-viewport { border-bottom: 1px solid #A7A7A7; }

#sidebar h3 { text-align: center; margin-bottom: 10px; font-family: Verdana, Arial; color: #FF9900; }
#sidebar ul { list-style-type: none; margin: 0px; padding: 0px; }
#sidebar ul li { font-size: 14px; margin: 0px 0px 0px 5px; padding: 0px; text-align: left; }
#sidebar ul li a { font-size: 14px; font-weight: normal; text-align: left; color: #FFF; }
#sidebar ul li a:hover { color: #DDDDDD; text-decoration: none; }

#sidebar #searchform { margin-top: 20px; text-align: center; }
#sidebar #searchform #s { width: calc( 100% - 29px ); margin: auto; padding: 5px; border: 1px solid #000; border-radius: 5px; }
#sidebar input[type=submit] { width: calc( 100% - 15px ); cursor: pointer; margin: 10px auto; padding: 5px; border: 1px solid #000; border-radius: 5px; background-color: #F90; color: #000; font-weight: bold; }
#sidebar input[type=text] { width: calc( 100% - 29px ); margin: auto; padding: 5px; border: 1px solid #000; border-radius: 5px; }

#comments-form { margin: 25px; }
#comments-form .commentsFields { width: 100%; }
#comments-form .commentsFields div { text-align: left; margin: 10px 0px; }
#comments-form .commentsFields div label { width: 200px; display: inline-block; }
#comments-form .commentsFields div input { width: 225px; text-align: left; }
#comments-form textarea { width: calc( 100% - 10px); border: 1px solid #000; border-radius: 5px; }
#comments-form input[type=submit] { padding: 5px; border: 1px solid #000; border-radius: 5px; background-color: #F90; color: #000; font-weight: bold; width: calc( 100% - 12px ); } 
#content #comments-form p { margin: 0px; }

.alignleft { display: inline; float: left; margin: 0 24px 12px 0; }
.alignright { display: inline; float: right; margin: 0 0 12px 24px; }
.aligncenter { clear: both; display: block;	margin-bottom: 12px; }

.modelsWrapper h5 { font-size: 14px; }
.modelOnline .inner { background-color: #F90; }
.modelOnline h5, .modelOnline h5 a, .modelOnline p { color: #000; }
.modelOnline h5 .online { color: #000; }
.modelOnline h6, .modelOnline h6 a, .modelOnline p { color: #000; }
.modelOnline h6 .online { color: #000; }
.modelOnline img { border: 2px solid #FFF; }
#content .modelsWrapper .container, .modelsWrapper .span12 {   width: 850px; }
#content .modelsWrapper [class*="span"] { float: left; min-height: 1px; margin-left: 20px; }
#content .modelsWrapper .model { text-align: center; line-height: 15px; width: calc( 25% - 2px ); float: left; margin-bottom: 15px; }
#content .modelsWrapper .model .inner { margin: 10px; padding-top: 10px; text-align: center; box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%); }
#content .modelsWrapper .model p { text-align: justify; padding: 5px; max-width: 175px; margin: auto; }
#content .modelsWrapper .model .modelPhoto { position: relative; width: 175px; max-width: 175px; height: auto; margin: auto; }
#content .modelsWrapper .model .modelPhoto img { border: 1px solid #f4ca59; width: 100%; max-width: 175px !important; height: auto; }
#content .modelsWrapper .model.modelOnline .modelPhoto img { border: 1px solid #000; width: 100%; max-width: 175px !important; height: auto; }
#content .modelsWrapper .model .modelPhoto .name { color: #000; position: absolute; bottom: 3px; left: 0px; right: -1px; background-image: url( 'images/orangeBg.png' ); padding: 5px; text-align: center; }
#content .modelsWrapper .model .modelPhoto .joinNowText { display: none; color: #000; line-height: 30px; font-weight: bold; position: absolute; bottom: 0px; left: 0px; right: -1px; top: 0px; background-color: #f4ca59; padding: 5px; text-align: center; }
#content .modelsWrapper .model h5 { margin: 4px auto; line-height: 15px; max-width: 175px; }
#content .modelsWrapper .model .date { margin: 4px auto; max-width: 175px; }
#content .modelsWrapper .model.modelOnline .date { margin: 4px auto; max-width: 175px; color: #000; }
#content .modelsWrapper .model.modelOnline .date a { color: #000; }
#content .modelsWrapper .model h6 { margin: 4px auto; line-height: 15px; max-width: 175px; }
#content .modelsWrapper .model .inner .joinNowButton { margin: 10px; background-color: #f4ca59; color: #000; margin-top: 0px; position: relative; }
#content .modelsWrapper .model .inner .joinNowButton a { display: block; padding: 10px; color: #000; }
#content .modelsWrapper .model.modelOnline .inner .joinNowButton { margin: 10px; background-color: #000; color: #F90; margin-top: 0px; }
#content .modelsWrapper .model.modelOnline .inner .joinNowButton a { color: #F90; }

@media (max-width: 900px) {
 #content #sidebar { display: none; }
 .posts { width: 100%; }
 #vnaNewsMenu { display: block; }
}

@media (max-width: 1000px) {
 .modelsWrapper .model { width: 33%; }
}


@media (max-width: 610px) {
 .modelsWrapper .model { width: 50%; }
}


/* start:left sidebar */
.leftSidebar { position: fixed; left: 0px; bottom: -1px; z-index: 999999; background-color: #FFCC00; border-top: 1px solid #000; width: 100%; display: block; }
.leftSidebar .navBarMenu ul { list-style-type: none; }
.leftSidebar .navBarMenu ul li { position: relative; height: 42px; width: 43%; display: inline-block; border: 1px solid #142533; margin: 10px;  }
.leftSidebar .navBarMenu ul li a { text-align: center; }
.leftSidebar .navBarMenu ul li:hover { background-color: #142533;  }
.leftSidebar .navBarMenu ul li:hover a { color: #FFF; }

.leftSidebar .navArrows { list-style-type: none; float: right; }
.leftSidebar .navArrows li { position: relative; height: 42px; display: inline-block; font-size: 36px;  }
.leftSidebar .navArrows li a { padding: 8px 5px 5px 5px; }

.leftSidebar ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    position: relative;
    display: block;
    padding: 10px 15px 10px 15px;
	text-decoration: none;
	color: #142533;
}
.leftSidebar ul li a:hover { font-weight: bold; color: #FC0 !important; }
.navBarMenu { display: none; border-bottom: 1px dotted #142533; background-color: #FFE169; }

/* end:left sidebar */

.timezones div.followMe { color: #000 !important; }

/* start:author.php */

.timezones div.followMe {  }

#content .author .gallery { margin: 10px 10px 20px; box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%); background-color: #FFF; } 
#content .author .gallery p { margin: 10px 10px 20px; text-align: justify; }
#content .author .gallery h3 { margin: 10px 10px 20px; text-align: justify; color: #FF9900; font-size: 20px; }

.author h1 { font-size: 1.5em; margin-top: 0px; padding-top: 0px; text-align: left; }
.author .oneColumn { float: left; width: calc( 21.24542124542125% - 22px ); margin-left: 22px; text-align: left; }
.author .twoColumn { float: left; width: calc( 38.46153846153846% - 20px ); margin: 10px; text-align: left; }
.author .twoColumn .stats { list-style-type: none; padding: 0px; margin: 0px; }
.author .twoColumn .stats li { text-align: left; }
.author .thirdColumn { float: left; width: calc( 38.46153846153846% - 20px ); margin: 10px; text-align: left; }
.author .gallery h3 { text-align: left; }
.author .gallery .thumb { float: left; margin: 10px; width: 150px; height: 150px; max-width: 150px; max-height: 150px; }
.author .gallery .video { float: none; margin: 10px; width: calc( 100% - 20px ); max-width: calc( 100% - 20px ); text-align: center; }
.author .gallery .video .wp-video { margin: auto; }
.author #content .gallery .thumb img { border: 2px solid #FF9900; max-width: calc( 100% - 4px) !important; width: calc( 100% - 4px) !important; }
.author #vnaNewsMenu { display: none; }

body.blog #content .posts-boxes-wrapper { width: 100%; max-width: 1200px; margin: auto; }
body.blog #content #sidebar { border-right: 2px solid #F90; width: calc( 19% - 5px ); padding-right: 5px; }

#content { background-color: #FFF; }
#content .author .gallery .videosWrapper .iframe { display: block; max-width: 100%; }
#content .posts-boxes-wrapper .post { width: calc( 33% - 42px ); min-height: auto; margin: 10px; padding: 10px; float: left; box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%); } 
#content .posts-boxes-wrapper .post p { text-align: justify; }
#content .posts-boxes-wrapper .post .post-meta p { padding: 0px; margin: 4px auto; }
#content .posts-boxes-wrapper .post .post-meta, #content .posts-boxes-wrapper .post .post-meta a { font-size: 11px; }
#content .posts-boxes-wrapper .post ul { list-style-type: none; padding: 0px; margin: 0px; }
#content .posts-boxes-wrapper .post h2, #content .posts-boxes-wrapper .post h2 a { color: #f4ca59; }

#content .slider { position: relative; top: -22px; box-shadow: 0px -1px 22px 13px #000000; background-color: #000; }
#content ul.models { display: flex; flex-wrap: wrap; list-style-type: none; justify-content: space-between; }
#content ul.models li { margin: 5px; position: relative; }
#content ul.models li .model { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 40px; background-image: url('images/bgTrans.png'); }
#content ul.models li .model h4 { margin: 0px; padding: 0px; line-height: 40px; color: #FFF; }
.posts-boxes .post ul li { text-align: justify; }

/* end:author.php */

body.scroll .container>.top { position: fixed; right: 0px; left: 0px; top: 0px; box-shadow: 1px 1px 3px #000; }


#popup { max-width: calc( 250px - 20px ); border: 1px solid #FF9900; padding: 10px; }
#popup img { float: left; margin: 10px; border: 1px solid #FF9900; }
#popup h6 { color: #FF9900; font-weight: bold; margin: 0px auto 6px; font-size: 14px; padding: 0px; }

div.currentMonth { margin-bottom: 20px; }
div.currentMonth .month { font-size: 16px; font-weight: bold; }
div.month { width: 100%; }
div.month .day { width: calc( 25% - 12px ); padding: 5px; float: left; overflow: hidden; text-align: left; border: 1px dotted #FFF; }
div.month .day a { font-size: 15px; }
div.month .day .calendar_month_date { font-size: 12px; }
div.month .day .calendar_tooltip_content { display: none; }

/* slider */
.slick-next { right: 25px !important; z-index: 999; }
.slick-prev { left: 25px !important; z-index: 999; }
.slick-prev:before, .slick-next:before { color: #f4ca59; }

.blocksWrapper { width: 100%; }
.blocksWrapper .blocks { display: flex; justify-content: space-around; max-width: 1200px; margin: 30px auto 150px; align-items: stretch; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.blocksWrapper .blocksNoMargin { margin-bottom: 0px; }
.blocksWrapper .blocks div.blockWrapper { width: 33.33333%; max-width: 400px; display: flex; }
.blocksWrapper .blocks div.blockWrapper .block { width: calc( 100% - 60px ); background-color: #FFF; min-height: 300px; color: #000; margin: 20px; padding: 10px 10px 70px 10px; box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%); position: relative;  cursor: default; }
.blocksWrapper .blocks div.blockWrapper .block a { color: #131e25; }
.blocksWrapper .blocks div.blockWrapper .block .readMore { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 10px; color: #131e25; }
.blocksWrapper .blocks div.blockWrapper .block .readMore .readMoreWrapper { padding: 15px 20px 5px 20px; background-image: url(/wp-content/themes/vnaliveBeta/images/separator.png); background-repeat: no-repeat; background-position: center top; }
.blocksWrapper .blocks div.blockWrapper .block h4 { font-size: 27px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 10px 20px; }
.blocksWrapper .blocks div.blockWrapper .block h4.left { text-align: left; margin-left: 0px; }
.blocksWrapper .blocks div.blockWrapper .block .description { text-align: justify; color: #6d7a82; }
.blocksWrapper .blocks div.blockWrapper .block .date { text-align: left; margin: 0px; font-weight: bold; color: #6d7a82; font-weight: bold; }
.blocksWrapper .blocks div.blockWrapper .block .postImage { width: calc( 100% + 20px ); left: -10px; position: relative; top: -10px; }
.blogs .blocksWrapper .blocks { margin-top: 0px; }


/* start:panorama header */
.panoramas { position: relative; }
.panoramas .panoramaOverlay { background: linear-gradient(180deg, rgba(22,35,44,0) 0%, rgba(22,35,44,1) 100%), url(/wp-content/themes/vnaliveBeta/images/bgTransGradient.png); position: absolute; bottom: 0px; left: 0px; right: 0px; height: 150px; }

.panoramas { position: relative; }
.panoramas video { width: calc( 100% - 1002px ); border-right: 2px solid #f4ca59; position: relative; z-index: 999; }
.panoramas .scheduleList { 
	width: calc( 1000px - 100px ); 
	padding-left: 50px; 
	padding-right: 50px; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	background-color: #000; 
	color: #FFF; 
	display: flex; 
	justify-content: space-between; 
}
.panoramas .scheduleList .photo { width: 50%; text-align: center; }
.panoramas .scheduleList .photo h2 { font-size: 16px; color: #f4ca59; cursor: default; }
.panoramas .scheduleList .photo h3 { cursor: default; }
.panoramas .scheduleList .list { width: 50%; text-align: center; cursor: default; }
.panoramas .scheduleList .list .listItem:first-child { display: none; }
.panoramas .scheduleList .list .listItem { text-align: left; }
.panoramas .scheduleList .list .listItem span.time:before { content: ' - ' }
.panoramas .muteButton { position: absolute; z-index: 9999; left: 15px; top: 15px; background-color: #16232c; border: 1px solid #16232c; padding: 10px; border-radius: 22px; cursor: pointer; box-shadow: 1px 1px 4px #fff; }
.panoramas .muteButton .fa-volume-mute { display: block; color: #F4CA59; font-size: 20px; }
.panoramas .muteButton .fa-volume-up { display: none; color: #F4CA59; font-size: 20px; }
.panoramas .muteButton.volumeOn .fa-volume-mute { display: none; }
.panoramas .muteButton.volumeOn .fa-volume-up { display: block; }

h3.heading { color: #f4ca59; font-size: 30px; padding: 20px 20px 10px 20px; margin-bottom: 0px; background-image: url(/wp-content/themes/vnaliveBeta/images/separator.png); background-repeat: no-repeat; background-position: center bottom; }
h3.heading span.color { color: #131e25; }
h3.heading.dark { color: #FFF; }
h3.heading.dark span.color { color: #f4ca59; }

.readMoreBlogs h3.heading { margin: 0px auto; padding: 0px; padding-bottom: 10px; }
.readMoreBlogs { margin-bottom: 100px; }

.contact { text-align: center; }
.contact .contactWrapper {  

    width: calc( 33% - 60px );
    background-color: #FFF;
    min-height: 300px;
    color: #000;
    margin: 20px auto;
    padding: 10px;
    box-shadow: 0 1px 14px 1px rgb(0 0 0 / 5%);
    position: relative;
    cursor: default;

}

.contact .contactWrapper h3 { margin-top: 0px; }
.contact .contactWrapper .text { margin: 10px auto; text-align: justify; padding: 0px 10px 0px 10px; }
.contact .row { width: calc( 100% - 10px ); padding: 5px; }
.contact .row .name { width: 100%; padding: 10px 10px 10px 0px; text-align: left; }
.contact .row .field { width: 100%; }
.contact .row .field input, .contact .row .field textarea { width: calc( 100% - 20px ); padding: 10px; text-align: left; }
.contact .row .field textarea { min-height: 150px; }
.contact .row .field input[type=submit] { cursor: pointer; width: calc( 100% - 0px ); background-color: #131e25; color: #f4ca59; font-weight: bold; text-align: center; border: 1px solid #f4ca59; }
.contact .row .error { background-color: #FF0000; color: #FFF; padding: 5px 10px 5px 10px !important; text-align: center !important; width: calc( 100% - 20px ); }
.contact .success { background-color: #33980a; color: #000; padding: 5px 10px 5px 10px !important; text-align: center !important; width: calc( 100% - 30px ); margin: auto; }
.contact .error.hide, .contact .success.hide { display: none; }
.contact .row input[name=siwp_captcha_value] { display: block; width: calc( 100% - 24px ); padding: 10px; }
.contact .row label { width: 100%; padding: 10px 10px 10px 0px; display: block; text-align: left; }
    
@media (max-width: 1800px) {
	.panoramas video { width: calc( 100% - 952px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 950px - 100px );  }
}
@media (max-width: 1750px) {
	.panoramas video { width: calc( 100% - 902px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 900px - 100px );  }
}
@media (max-width: 1700px) {
    .contact .contactWrapper {  width: calc( 50% - 60px ); }
	.panoramas video { width: calc( 100% - 852px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 850px - 100px );  }
}
@media (max-width: 1650px) {
	.panoramas video { width: calc( 100% - 802px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 800px - 100px );  }
}
@media (max-width: 1600px) {
	.panoramas video { width: calc( 100% - 752px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 750px - 100px );  }
}
@media (max-width: 1550px) {
	.panoramas .scheduleList .photo { display: none; }
	.panoramas .scheduleList .list { width: 100%; text-align: center; }
	.panoramas .scheduleList .list .listItem:first-child { display: block; }
	.panoramas video { width: calc( 100% - 702px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 700px - 100px );  }
}
@media (max-width: 1500px) {
    .contact .contactWrapper {  width: calc( 60% - 60px ); }
	.panoramas video { width: calc( 100% - 652px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 650px - 100px );  }
	.container>.top .wrapper .menu nav ul li.menu-home { display: none; }
	.container>.top .wrapper .menu button { display: block; position: relative; right: -30px; }
	.container>.top .wrapper .menu button .fa-times { display: none; }
	.container>.top .wrapper .menu button .fa-bars { display: block; }
	.menuOpen .container>.top .wrapper .menu button .fa-times { display: block; }
	.menuOpen .container>.top .wrapper .menu button .fa-bars { display: none; }
	.container>.top .wrapper .menu nav ul li.menu-schedule { display: none; }
}
@media (max-width: 1450px) {
	.panoramas video { width: calc( 100% - 502px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 500px - 100px );  }
}
@media (max-width: 1400px) {
	.container>.top .wrapper .menu nav ul li.menu-voting-winners { display: none; }
}
@media (max-width: 1350px) {
	.panoramas video { width: calc( 100% - 502px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 500px - 20px );  padding-left: 15px; padding-right: 5px;  }
}
@media (max-width: 1300px) {
	.container>.top .wrapper .menu nav ul li.menu-models { display: none; }
}
@media (max-width: 1250px) {
	.panoramas video { width: calc( 100% - 402px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 400px - 20px );  padding-left: 15px; padding-right: 5px;  }
}
@media (max-width: 1200px) {
    .contact .contactWrapper {  width: calc( 75% - 60px ); }
	.container>.top .wrapper .menu nav ul li.menu-232 { display: none; }
}
@media (max-width: 1150px) {
	.panoramas video { width: calc( 100% - 202px ); border-right: 2px solid #f4ca59; }
	.panoramas .scheduleList { width: calc( 200px - 20px );  padding-left: 15px; padding-right: 5px;  }
	.panoramas .scheduleList .list .listItem span { display: block; }
	.panoramas .scheduleList .list .listItem h3 { font-size: 12px;
	.panoramas .scheduleList .list .listItem span.time:before { content: '' !important; }
}
@media (max-width: 1100px) {
	.container>.top .wrapper .menu nav ul li.menu-shopping { display: none; }
}
@media (max-width: 1050px) {
	.panoramas video { width: calc( 100% ); }
	.panoramas .scheduleList { display: none;  }
	.panoramas { padding-bottom: 35px; background-color: #000; }
}
@media (max-width: 1000px) {
	.container>.top .wrapper .menu nav ul li.menu-go-private-now { display: none; }
}
@media (max-width: 900px) {
	.container>.top .wrapper .menu nav ul li.menu-models-moderators-login { display: none; }
}
@media (max-width: 700px) {
	.container>.top .wrapper .menu nav ul li.timezone { display: none; }
	.container>.top .wrapper .menu li.button { display: block; position: absolute; right: 10px; }
}
/* end:panorama header */


@media (max-width: 1300px) {
}


@media (max-width: 1150px) {
	div.month .day { width: calc( 33% - 12px ); }
}

@media (max-width: 1080px) {
	#content .modelsWrapper .model { width: 33%; } 
}


@media (max-width: 900px) {
	
	.blocksWrapper .blocks { flex-direction: column; margin-bottom: 40px; }
	.blocksWrapper .blocks div.blockWrapper { max-width: 600px; width: calc( 100% - 30px ); margin: auto; }
	#content .modelsWrapper .model { width: 25%; }
	body.scroll #vnaNewsMenu { display: block; position: fixed; left: 0px; right: 0px;  z-index: 999999; top: 70px; margin-top: 0px; } 
	#content .post, #content .posts, #content .page { width: 100% !important; max-width: 100% !important; display: block !important; }
	body.blog #content .posts-boxes-wrapper { width: 100% !important; max-width: 100% !important; display: block !important; }
	#content .posts-boxes-wrapper .post { width: calc( 50% - 44px ) !important; }
	body.sidebar #content .post, body.sidebar #content .posts-boxes-wrapper, body.sidebar #content .posts, body.sidebar #content .page { display: none !important; }	
	body.sidebar #content #sidebar { width: 100% !important; max-width: 100% !important; display: block !important; }
	body.sidebar #content #sidebar .twitterWrapper { display: none; }
	body.sidebar #content #sidebar #countdown { display: none; }
	body.sidebar #sidebar ul li ul li { margin: 0px; }
	body.sidebar #sidebar ul li ul li:hover { background-color: #F90; }
	body.sidebar #sidebar ul li ul li:hover a { color: #000; }
	body.sidebar #sidebar ul li ul li a { display: block; padding: 10px; font-size: 18px; color: #FFF; font-weight: bold; }
	body.sidebar #sidebar ul li { margin: 0px; }

	body #vnaNewsMenu button.back { display: none !important; }
	body.sidebar #vnaNewsMenu button.back { display: inline-block !important; }
	body #vnaNewsMenu button.posts { display: inline-block !important; }
	body.sidebar #vnaNewsMenu button.posts { display: none !important; }

	div.month .day { width: calc( 25% - 12px ); }
}
@media (max-width: 870px) {
	div.month .day { width: calc( 33% - 12px ); }
}

@media (max-width: 820px) {
	#content .modelsWrapper .model { width: 33%; }
	.contact .contactWrapper { width: calc( 100% - 60px ); }
}

@media (max-width: 780px) {
	#content .site { max-width: 468px; margin: 20px auto; }
	#content .site .pull-left { width: calc( 100% - 20px ); }
	#content .site .pull-right { width: calc( 100% - 10px ); }
}

@media (max-width: 750px) {
	ul.models li { width: calc( 50% - 10px );
}

@media (max-width: 700px) {
	#content .modelsWrapper .model { width: 50%; }
}

@media (max-width: 690px) {
	div.month .day { width: calc( 50% - 12px ); }
}

@media (max-width: 650px) {
	#footer { height: 450px; }
}

@media (max-width: 690px) {
	div.month .day { width: calc( 100% - 12px ); }
}

@media (max-width: 690px) {
	#content .post-single .featured-thumbnail { width: calc( 100% - 20px ); }
	#content .post-single .post-excerpt { width: calc( 100% - 20px ); }
}



@media (max-width: 500px) {
	#content .posts-boxes-wrapper .post { width: calc( 100% - 44px ) !important; }
}
@media (max-width: 470px) {
	#vnaNewsMenu button span.hide { display: none; }
}

@media (max-width: 420px) {
	#content .modelsWrapper .model { width: 100%; }
}

@media (max-width: 400px) {
	.container>.top .logo { max-width: 70%; }
	.container>.top .logo img { width: 100%; max-width: 270px; }
	#vnaNewsMenu button { font-size: 18px; }
	#vnaNewsMenu button a.twitter { font-size: 18px; }
	#vnaNewsMenu { height: 23px; }
	ul.models li { width: calc( 100% - 10px ); }
}