@font-face {font-family: 'Bold'; 	src:  url('../font/pro/Bold.otf')  		format('opentype'),url('../font/pro/Bold.ttf')  	format('truetype'), url('../font/pro/Bold.svg#AGaramondPro-Bold') 		format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Italic'; 	src:  url('../font/pro/Italic.otf')  	format('opentype'),url('../font/pro/Italic.ttf')  	format('truetype'), url('../font/pro/Italic.svg#AGaramondPro-Italic') 	format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Regular'; src:  url('../font/pro/Regular.otf')  	format('opentype'),url('../font/pro/Regular.ttf')  	format('truetype'), url('../font/pro/Regular.svg#AGaramondPro-Regular') format('svg');font-weight: normal;font-style: normal;}
/*
@font-face {
    font-family: 'coveslight';
    src: url('../fonts/coves_light-webfont.woff2') format('woff2'),
        url('../fonts/coves_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'covesbold';
    src: url('../fonts/coves_bold-webfont.woff2') format('woff2'),
        url('../fonts/coves_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
.mobile-wrap 		 { display: none;position: fixed;width: 100%;height:100%;z-index: 10000;background-color: rgba(0,0,0,0.85);text-align: center;}
.mobile-inner 		 { display: inline-block;float: left;position: relative;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;}
.mobile-menu 		 { display: table; position: relative;margin: 0 auto;width: 300px;text-align: center;}
.mobile-menu a 		 { display: block; float: left;  text-align: center; width: 100%; font: 20px/20px"Regular", serif; text-transform: capitalize; color: #999; margin-top: 10px; margin-bottom: 10px;}
.mobile-menu a:hover { color: #fff; }

body, html,.search{ height:100%; background-color: #000; text-align: center;} .content, .search{ min-height: 70%; text-align: center;}

.under-color		{ width: 100%; position: absolute; height: 50%; top: 50%; bottom: 0; left: 0; right: 0;}
.under-color.black	{ background-color: #000 	}
.under-color.grey	{ background-color: #121212	}

.button				{ background-color: #d0ad67; 		color: #000; border: 1px solid #d0ad67; float: none; display: inline-block; overflow: hidden;  padding: 15px 20px 15px 20px;font: 400 20px/20px "Regular";text-transform: capitalize; border-radius: 4px;}
.button:hover		{ background-color: #000;  			color: #fff; cursor: pointer; }
.button.invert		{ background-color: rgba(0,0,0,0); 	color: #fff; border: 1px solid #d0ad67; }
.button.invert:hover{ background-color: #d0ad67; 		color: #000; border: 1px solid #d0ad67; cursor: pointer;}
.button-wrap{ z-index: 100 }

@media all and (max-width: 500px){ .button { padding: 10px 15px 10px 15px; }}

.divider			{ float:left; display: block; background-color: #cdcccc; height: 1px; border-radius: 50%}
.divider			{ width: 100%; }
.divider.medium 	{ width: 50%; margin-left: 25%;   margin-right: 25%; }
.divider.small		{ width: 25%; margin-left: 37.5%; margin-right: 37.5%; }
.under-line 		{ width: 80%; margin-left: 10%; margin-right: 10%; background-color: rgba(208,173,103,0.3); height: 1px; top: 25px; bottom: 25px; position: absolute; left: 0; right: 0; border-radius: 50%; z-index: -1}

.mtop{	margin-top:		50px;	} 	.mtop-half{	margin-top:		20px;	}
.mbtm{	margin-bottom:	50px;	} 	.mbtm-half{	margin-bottom:	20px;	}
.ptop{ 	padding-top:	50px;	}	.ptop-half{ padding-top:	20px;	}
.pbtm{	padding-bottom:	50px;	}	.pbtm-half{	padding-bottom:	20px;	}

.over 		{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; }
.over-inner { top: 50%;  transform: translateY(-50%); display: inline-block;  float: left;  position: relative;  width: 100%;  text-align: center; }


/* Wide */

.wide 		{ float:left; display: inline-block; width:100%; text-align: center; position: relative;}
.wide.grey	{ background-color: #121212 }
img.wide { height:100%; }
.half 		{ width: 50%; display: inline-block; float: left; height: 100% !important; }

.narrow, #results	{	margin:0px auto; display: block;  text-align: center; position: relative; width:94%; max-width: 1900px; clear:both;}

@media all and (min-width: 2400px){	.narrow, #results{ max-width:2350px; } }
.narrow.slim{  	width: 72%; margin-left: 14%; margin-right: 14%; max-width: 1700px;}

@media all and (min-width: 1700px){	.narrow, .narrow.slim, #results{ float: none !important; display: block;}}
@media all and (max-width: 550px){	.narrow, #results { width: 96%; margin-left: 2%;  margin-right: 2%;}}
@media all and (max-width: 1200px){	.narrow.slim{ width: 96%; margin-left: 2%;  margin-right: 2%;}}
/* Navigation */
.navigation { padding-bottom:20px; font-family: "Regular"; padding-top:20px;}
.navleft 			{ float:left; width:20%;}
.navleft img  	{ max-height: 90px; max-width:100%;}
.navright 			{ top: 16px; position: absolute; right: 4%;display: inline-block;}
.navright a 		{ display:inline-block: border: 1px solid #d0ad67;overflow: hidden; color: #fff; text-transform: capitalize; font: 400 26px/18px 'Regular'; letter-spacing: 0px; padding: 10px 15px 10px 15px; border-radius: 4px; text-transform:uppercase; }
.navright i 		{ display: none; float: left; color: #999; line-height: 18px; font-size: 18px; margin-right: 10px; padding: 10px; cursor: pointer;}
.navright i:hover	{ color: #fff; }
.navlogo 			{ float: left; width: 12%; margin-left: 1%; margin-right: 1%; text-align: center; height: 60px;  margin-top: 10px;}
.navlogo > img 		{ float: none; width: 100%; max-width: 200px;}
.navitms 			{ float: left;width:80%; }
.navitms.left >  a 			{ float: right;}
.navitms.right > a 			{ float: left; }
.navitms > a 				{ border-top: 3px solid rgba(0,0,0,0);letter-spacing: 0px; font: 26px/18px 'Regular'; color: #cdcccc;text-transform: capitalize;padding:10px 12px; margin: 18px 6px 18px 6px; letter-spacing: 0px; text-transform: uppercase; display:inline-block;}
.navitms > a.current 		{ border-top: 3px solid #d0ad67; color: #fff;}
.navitms > a:hover 			{ border-top: 3px solid #d0ad67; color: #fff; }
.navitms .signup { float:right; background:white; border-radius:5px; color:black; }
.navitms .signup-login { background:#E5B85E; color:black; }
.navitms .js-switch-design {font-size:14px; background:none; float:right; }
.navitms > .signup:hover { color:black; filter:brightness(1.05)}
.navitms > .signup-login:hover {  color:black; filter:brightness(1.05)}
.navright > a.signup:hover{  color: #000;border-bottom: 1px solid #d0ad67; background-color:  #d0ad67 }
.navigation .menubtn { display:none; color:white; padding:15px 10px 0; float:right;}
@media all and (max-width: 1680px) {
    .navitms > a { font: 20px/16px 'Regular'; padding:10px 6px; }
}
@media all and (max-width: 1140px){
    .navright i { display: inline-block; }
    .signup, .navitms { display: none; }
    .navigation .menubtn { display:inline-block;}
    .navlogo{ float: none; width: 200px; display: inline-block;}
    .navleft {
        width:200px;
    }
    .navigation {
        padding-bottom: 5px;
        padding-top: 5px;
        position: sticky;
        top: 0;
        left: 0;
        float: left;
        display: block;
        z-index: 100;
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%); 

    }
    .navleft img {
        max-height: 85px;
        max-width: 65%;
    }
    .navleft {
        text-align:center;
    }



}

@media all and (max-width: 550px){
    .navlogo{ width: 150px;}
}

/* Footer */ 

.footer .inner 					{ width: 700px; float: none; display: inline-block; }
.footer .divider				{ margin-bottom: 10px; }
.footer .column					{ float: left; display: block; width: 25%; padding: 10px; border-left: 1px solid rgba(255,255,255,0.2);}
.footer .column img 			{ float: left; display:  block; width: 100%; padding: 10px;}
.footer .column a 				{ padding: 3px 3px 3px 20px;cursor: pointer; float: left; width:100%; font: 400 14px/16px "Regular"; color: #999; float: left; display:  block; width: 100%; text-align: left; text-transform: capitalize;letter-spacing: 0.5px}
.footer .wide > a 				{ cursor: pointer; float: left; width:100%; font: 400 12px/12px "Regular"; color: #d0ad67; text-transform: capitalize; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top: 15px; margin-bottom: 15px;}
.footer .column:nth-child(1)	{ border-left: 0px solid #000; }
.footer.wide span 				{ float: left;width: 100%;font: 12px/19px "Regular",serif;color: #999;text-align: center; padding: 3px; }
.footer.wide > .wide 			{ position: relative; }

@media all and (max-width: 750px){
    .footer .column:nth-child(1){ display: none; }
    .footer .column:nth-child(2){ border-left: 0px solid #000;}
    .footer .column	{ width: 33.33333%; }
    .footer .inner 	{ width: 100%; }
}

@media all and (max-width: 550px){
    .footer .column { border-left: 0px solid #000; width: 100%; padding: 0px;}
    .footer .column a { text-align: center; }
}

/* Header */

.header		{  position: relative;}
#header		{ float: left !important; overflow: hidden !important;border-radius: 5px !important }

.flag 		{ position: absolute; right: 0; bottom: 0; display: block; width: 300px; border-radius: 5px; overflow: hidden;}

@media all and (min-width: 900px){ #header_controlbar { display: none !important }}
@media all and (max-width: 900px){ .header .flag { display: none; }}

/* Introduction */
.intro .narrow  { padding-top:0}
.intro .title 			{ text-align: center; font: 32px/32px "Regular", serif; text-transform: capitalize; color: #d0ad67; margin: 30px 0; }
.intro .divider			{ margin-top: 15px; margin-bottom: 15px; }
.intro .text 			{ float: none; display: inline-block; max-width: 920px; max-width: 100%; font: 20px/30px "Regular"; text-align: center; color: #fff; opacity: 0.9 }
.intro .text a 			{ font: 20px/30px "Regular"; text-align: center; color: #d0ad67; }
.intro .text a:hover	{ text-decoration: underline; }
.intro .awards img 		{  }
.intro .awards .slick-prev::before, 
.intro .awards .slick-next::before { font-size:40px;}
.intro .awards .slick-prev, 
.intro .awards .slick-next { top:40%;z-index:1000; }
.intro .button			{ margin-bottom: -25px }
.award_motto { text-align: center; font-family: 'Bold'; letter-spacing:0px; font-size:28px; text-transform:uppercase; padding:30px 0; color:white; clear:both;}
.award_motto .fa-star { color:#D0AD67; font-size:24px; display:inline-block; margin:0 10px; }
/* Starter */

.starter.wide 		 { width: 97.2%; margin-left: 1.4%; margin-right: 1.4%; margin-top:20px}
.starter.narrow		 { width: 81.2%; margin-right: 9.4%; margin-left: 9.4%;}
.starter.narrow.slim { width: 72%; margin-left: 14%; margin-right: 14%;}
.starter .title 	 { float: left;  display: inline-block; clear: both; text-align: left; font: 32px/34px"Regular", serif; text-transform: capitalize; color: #d0ad67;}
.starter .subtitle 	 { float: left;  display: inline-block; clear: both; text-align: left; font: 400 16px/26px"Regular", serif; color: #fff;}
.starter a 			 { position: absolute; right: 0; top:0; padding: 20px 0px 20px 20px;display: block;}
.starter a i 		 { float: left; display: inline-block; margin-right: 10px; font-size: 20px; line-height: 20px; color: #d0ad67; cursor: pointer;}
.starter a span 	 { font: 400 20px/20px"Regular", serif; text-transform: capitalize; color: #d0ad67; text-decoration: underline; text-align: right;  cursor: pointer;}
.starter a:hover i 	 { margin-right: 15px; color: #fff;}
.starter a:hover span{ color: #fff; }

@media all and (max-width: 900px){ .starter .title  { font: 25px/27px"Regular", serif; text-transform: capitalize; color: #d0ad67;}}
@media all and (max-width: 500px){ .starter .title  { font: 20px/22px"Regular", serif; text-transform: capitalize; color: #d0ad67;} .starter a{ display: none; }}

/* Chapter */ 

.chapter 		 		{ width: 32.5%; margin:0.2%; overflow: hidden; border-radius: 4px; position: relative; display:inline-block;}
.chapter .cover_container { position:relative; padding-bottom:56.25%}
.chapter .cover_container > img, 
.chapter .cover_container > video { position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    width: 100% !important;
                                    height: 100% !important;
                                    transform: translate(-50%,-50%);
}
.chapter:hover { transform: scale(1.1); z-index:10}
.chapter.big 	 		{ width: 64.4%; } 
.chapter.small{ width: 30%; }
.chapter.smaller{ width: 24.3%; }

.chapter .over			{ /*background-color: rgba(0,0,0,0.2);*/ }
.chapter .over.soon		{ /*background-color: rgba(0,0,0,0.7);*/ }

.chapter .over img 		{ opacity: 0.5; width: 15%; }
.chapter .over.soon span{ text-align: center;font: 25px/25px"Regular", serif; text-transform: capitalize; color: #999;}
.chapter .over.deets 	{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); }
.chapter .deets  		{ bottom: 0; left: 0; right: 0; height: auto !important; top: auto !important; padding-left: 2%; padding-right: 2%;}
.chapter .numbers 		{ float: left; display: inline-block; width: 100%;}
.chapter .numbers i, 	
.chapter .numbers span 	{ float: left; display: inline-block; margin-right: 7px; font-size: 13px; line-height: 13px; color: #fff; cursor: pointer; margin-top: 5px; margin-bottom: 5px; cursor: pointer;}
.chapter .numbers span 	{ font: 13px/13px"Regular", serif; text-transform: capitalize; cursor: pointer;}
.chapter .title 		{ font: 25px/25px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 10px 0px 5px 0px; width: 100%; color: #fff; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.chapter .source		{ font: 20px/20px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 5px 0px 10px 0px; width: 100%; color: #fff; text-align: left; cursor: pointer;}
.chapter .source p 		{ font: 20px/20px"Italic",  serif; text-transform: capitalize;display: inline-block; color: #d0ad67; margin-left: 5px; cursor: pointer;}

.chapter:hover .over.bg { /*background-color: rgba(0,0,0,0.7);*/ }
.chapter:hover .over img{ opacity: 0.6;}
.chapter_homepage .over-inner { display:none; }
.chapter_homepage:hover .over-inner { display: block; }
.chapter_homepage .deets { padding:0;}
.chapter_homepage .source { float:right; border:1px solid white; width:auto; font-family: 'Regular'; font-size:30px; text-transform: uppercase; letter-spacing: 0px; padding:6px; margin:0 8px 4px 0; }
.chapter_homepage:hover .deets { opacity:0;}
.chapter_homepage .over h3 {     position: absolute;
                                 bottom: 40px;
                                 text-align:right;
                                 right: 10px;
                                 color: white;
                                 font-weight: bold;text-shadow:-1px -1px 4px black;
                                 font-size: 26px; }
.chapter_homepage:hover .over h3 {  opacity: 0;}
.chapter_homepage .source strong { font-family: 'Bold'; font-weight:bold;}
.chapter_homepage .title  {  position: absolute;
                             top: 20px;
                             left: 20px;
                             text-shadow: 1px 1px 1px black;}

.chapter .over .over-coming-soon {
    display: none;
    color: white;
    font-size: 2em;
    line-height: 2em;
    padding-top: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    max-width: 40%;
    margin: 50px auto;
    border-top: 1px solid rgba(255,255,255,0.5);
    padding-bottom: 20px;
}
.chapter:hover .over .over-coming-soon {
    display:block;
}
.chapter.small .title 	{ font: 400 20px/20px"Regular", serif; padding: 5px 0px 10px 0px;}
.chapter.small .source 	{ display: none; }

.wide.right > .chapter 	{ float: right !important;}

@media all and (max-width: 900px){ .chapter{ width: 97.2%; } .chapter .numbers{ display: none; }}
@media all and (max-width: 900px){ .chapter.big{ width: 97.2%; } .chapter.small{ width: 47.2%; }}

/* Banner */

.banner 			{ background: url("../images/banner01.jpg"); background-repeat: no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; overflow: hidden; border-radius: 4px; overflow: hidden;background-repeat:no-repeat;background-position: center center; margin: 1.4%; width: 97.2%; position: relative; display: inline-block;}
.banner .logo 		{ float: none; width: 250px; z-index: 100; display: inline-block;}
.banner .title		{ font: 400 20px/20px"Regular", serif; text-transform: capitalize; display: inline-block; color: #fff; margin-left: 5px; text-align: center; }
.banner2 { text-align:center;}
.banner2 img { width:98%; max-width:98%; margin:0 0.4% }
@media all and (max-width: 900px){ .banner .flag { display: none; }}

/* Movie */

.movie 				{ width: 23.75%; display: inline-block; margin:0.5%; position: relative; border-radius: 4px; overflow: hidden;}
.movie .over 		{ background-color: rgba(0,0,0,0.8); opacity: 0;}
.movie .title,
.movie .subtitle	{ text-transform: capitalize; float: left; display: inline-block; width: 100%; color: #fff; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.movie .title 		{ font: 400 25px/25px"Regular", serif; padding: 10px 0px 5px 0px;} .movie .subtitle{ font: 400 16px/16px"italic", serif; padding: 5px 0px 15px 0px;}
.movie .cast 		{ text-transform: capitalize; font: 400 20px/25px"italic", serif;  padding: 15px 15px 0px 15px; color: #d0ad67; height: 65px; overflow: hidden;}
.movie:hover .over 	{ opacity: 1; }
.movie:hover {  transform:scale(1.1); z-index:10;  }

@media all and (max-width: 900px){ 
    .movie  { width: 47.2%; } .movies-index .movie:last-child { display: none; }
    .movies .movie { width: 56.2% }}
@media all and (max-width: 550px){ .movie  { width: 97.2%; } .movies .movie:last-child { display: block; }}
/* Blog */

.blogpost			{  display: inline-block; width: 47.0%; margin: 1%;}
.blogpost .over 	{ /*background-color: rgba(0,0,0,0.4); */ opacity: 1;}
.blogpost .img 		{ position: relative; border-radius: 4px; overflow: hidden; width:50%;}
.blogpost .deets    { width: 48%; margin-left:2%; text-align:left;}
.blogpost 
.blogpost .button 	{ padding: 10px 15px 10px 15px;font: 16px/16px "Regular";	}
.blogpost .title 	{ font: 24px/24px"Regular", serif; text-transform: capitalize; float: left; padding: 0px 0px 5px 0px; width: 100%; color: #fff; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.blogpost .date 	{     display: block;
                       font-size: 89%;
                       text-align: left;
                       color: #d0ad67;
}
.blogpost .button-more { background:#d0ad67;color: black;padding: 10px;display: inline-block;margin-top: 10px;border-radius: 6px;text-transform: uppercase; cursor:pointer;}
.blogpost .excerpt { color:white; text-align:left; margin-top:10px;}
.blogpost:hover   { scale: 1.05; }
.blogpost:hover .button-more { filter:brightness(1.1)}

.light-design .blogpost .excerpt {
    color:black;
}

@media all and (max-width: 1024px){ .blogpost { width: 95%; margin: 1.4% 0% 1.4% 0% ; }}
@media all and (max-width: 720px){ 
    .blogpost { 
        width: 95%; 
        margin: 1.4% 0% 1.4% 0%; 
    }
    .blogpost .img { width: 100%;}
    .blogpost .deets { width: 100%; margin:15px 0;}
}

/* Pagination */

.pagination					{ float: right; display:block; width: auto; padding-right: 1.4%; padding-top: 7px;}
.pagination span 			{ float: left; display: inline-block; margin-left: 5px; margin-right: 5px;}
.pagination a				{ background-color: #000;  			color: #fff; border: 1px solid #d0ad67; display: inline-block; overflow: hidden;  padding: 10px 15px 10px 15px;border-radius: 4px;float: left;width: 100%; height: 100%; font: 400 16px/16px "Regular";text-transform: capitalize;}
.pagination a:hover			{ background-color: #d0ad67; 		color: #000; cursor: pointer; }
.pagination span.current a 	{ background-color: #000;  			color: #999; cursor: default; }

@media all and (max-width: 500px){ .pagination a { padding: 5px 10px 5px 10px; }}
/* Movie Page */

.movies .chapter{ width: 30.53333% !important;}
.movies .chapter .source { display: none; }
.movies .chapter .over 	 { opacity: 0.7; }
.movies .chpater:hover .over { opacity: 1; }
.movies .chapter .title{ padding-bottom: 10px; font-size: 20px; line-height: 20px; }

@media all and (max-width: 900px){ 
    .movies .chapter { width: 38% !important; margin-top: 1.4%; }
    .movies .chapter:last-child{ display: none; }}

@media all and (max-width: 500px){  .movies .chapter{ display: none; }.movies .movie{ width: 97.2%; }}

/* Video */

.tourvideo > div, .membervideo > div { float: left !important; border-radius: 5px 5px 0px 0px; overflow: hidden; width: 100%;}
.narrow.slim.video { background-color: #1c1c1b; padding-left: 2%; padding-right: 2%;border-radius: 0px 0px 5px 5px; overflow: hidden; }
.download .down { float: none; margin-top: 8px; margin-bottom: 10px;}
.down span{ background-color: #1c1c1b; color: #fff; border: 1px solid #d0ad67;  float: none; display: inline-block; overflow: hidden; padding: 10px 15px 10px 15px; font: 400 16px/16px "Regular";text-transform: capitalize; border-radius: 4px; cursor: pointer; vertical-align: middle; }
.down-inner {border: 1px solid #d0ad67;  float: none; display: inline-block; overflow: hidden;  border-radius: 4px; vertical-align: middle; }
.down-inner a {  padding: 10px 15px 10px 15px;font: 400 16px/16px "Regular";text-transform: capitalize; float: left; display: inline-block; color: #fff;}
.down span:hover{ background-color: #d0ad67; color: #000; border: 1px solid #d0ad67; cursor: pointer;}
.down-inner a:hover{ background-color: #d0ad67; color: #000;cursor: pointer; color: #000;}


.download a 		{ border-left: 1px solid #d0ad67;  background-color: #1c1c1b;  }
.video .title 		{ text-align: left; font: 400 25px/25px"Regular", serif; color: #fff; padding-bottom: 20px;}
.video .cast 		{ padding-bottom: 20px; }
.video .cast p		{ text-align: left; font: 400 20px/20px"Regular", serif; color: #fff; text-transform: capitalize; float: left; margin-right: 5px;}
.video .cast a,
.video .cast span	{ text-align: left; font: 400 20px/20px"Regular", serif; color: #d0ad67; text-transform: capitalize; margin-left: 4px; display: inline-block; float: left;}
.video .cast span 	{ margin-left: 0px !important }
.video .text 		{ text-align: left; font: 400 15px/25px"Regular", serif; color: #cdcccc; }
.video .source		{ text-align: left; font: 400 15px/25px"Regular", serif; color: #cdcccc; text-align: left; padding-top: 10px;}
.video .source a	{ text-align: left; font: 400 15px/25px"Regular", serif; color: #d0ad67; text-align: left;}

.button.photos 		{ background-color: #121313; color: #fff; border: 1px solid #d0ad67;  float: none; display: inline-block; overflow: hidden; padding: 10px 15px 10px 15px; font: 400 16px/16px "Regular";text-transform: capitalize; border-radius: 4px; cursor: pointer; }
.button.photos:hover{ background-color: #d0ad67; color: #000;cursor: pointer; color: #000; }

#left, #right 		{ float: left; display: inline-block; width: 6%; height: 300px;background-color: #1c1c1b; line-height: 300px; border-radius: 5px; color: #d0ad67; font-size: 20px;}
#left{ margin-right: 1%; } #right { margin-left: 1%; }

#left i, #right i { float: left; display: block; width: 100%; margin-top: 140px; }

.photoset 			{ padding-bottom: 35px; }
.cycle-slideshow	{ height: 300px;width: 86%;float: left;white-space: nowrap;position: relative;overflow: hidden;border-radius: 2px;}
.cycle-slideshow img{ width: auto !important;display: inline-block;height:300px; float: left;}
.cycle-slideshow > a{ width: auto !important;display: inline-block;height:300px; }


.jwcontrolbar { max-width: 100% !important }

.over.ending { background-color: rgba(0,0,0,0.4); display: none;}
.ending .title{ font: 400 35px/35px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 0px 0px 20px 0px; width: 100%; color: #fff; text-align: center; text-decoration: underline;}
.ending .text { text-align: left; font: 400 20px/20px"Regular", serif; color: #cdcccc; padding: 0px 0px 20px 0px; text-align: center; }

@media all and (max-width: 900px){ .ending .title{ display: none; }}
@media all and (min-width: 900px){ .tourvideo .jwicon,  .membervideo .jwicon{ display: none !important; }}

/* Cast */ 

.switcher 			{ float: right; display: inline-block; padding:10px 15px 10px 15px;margin-right: 1.4%; border-radius: 3px; border: 1px solid #121212; cursor: pointer;}
.switcher span 		{ font: 400 18px/18px"Regular", serif; float: left; display: inline-block; text-transform: capitalize; color: #999; cursor: pointer; }
.switcher i 		{ float: left; display: inline-block; line-height: 20px; font-size: 20px; margin-right: 10px; color: #999; cursor: pointer;}
.switcher.selected, .switcher:hover	{ background-color: #121212; }
.model 		 		{ width: 30.5%; margin: 1.4%; overflow: hidden; border-radius: 4px; position: relative; float: left;}
.model .over		{ /*background-color: rgba(0,0,0,0.2);*/ }
.model .name 		{bottom: 0; left: 0; right: 0; height: auto !important; top: auto !important; padding-left: 2%; padding-right: 2%; font: 400 25px/25px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 10px 0px 5px 0px; width: 100%; color: #fff; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.model .deets 		{ bottom: 0; left: 0; right: 0; height: auto !important; top: auto !important; padding-left: 2%; padding-right: 2%; background-color: rgba(0,0,0,0);}
.model:hover .over.bg { background-color: rgba(0,0,0,0.5); }

@media all and (max-width: 900px){ .model { width: 47.2% }}
@media all and (max-width: 500px){ .model { width: 97.2% }}

.starter.cast 	span	{ text-align: center !important; }
.cast-overlay			{ position: absolute; left: 0; top: 0; display: block;}
.cast-overlay .inner 	{ float: left; display: inline-block; position: relative; padding-right: 10%;}
.cast-overlay span 		{ float: left; display: inline-block; clear: both; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);}
.cast-overlay a 		{ float: left; display: inline-block; clear: both; margin: 10px 0px 0px 15px;  border: 1px solid #d0ad67;overflow: hidden; color: #fff; text-transform: capitalize; font: 400 14px/14px 'Regular'; letter-spacing: 1px; padding: 10px 15px 10px 15px; border-radius: 4px;}
.cast-overlay a:hover 	{ color: #000;border-bottom: 1px solid #d0ad67; background-color:  #d0ad67 }
.cast-overlay .title 	{ font: 400 30px/30px"Regular", serif; text-transform: capitalize; padding: 15px 30px 5px 15px; color: #fff}

@media all and (max-width: 900px){ .cast-overlay .title 	{ font: 400 20px/20px"Regular", serif;}}
@media all and (max-width: 500px){ .cast-overlay .title 	{ display: none;}}
/* Post */ 

.post .title 		{ font: 400 35px/35px"Regular", serif; text-transform: capitalize; padding: 10px 0px 5px 0px;color: #d0ad67; text-align: center; cursor: default;}
.post .date 		{ font: 400 18px/28px"Regular", serif; text-transform: capitalize; padding: 5px 0px 10px 0px; color: #fff; text-align: center; cursor:default; }
.post .inner 		{ max-width: 790px; float: none; width: 100%;}
.post .inner p 		{ font: 400 18px/30px"Regular", serif; float: left; width: 100%; display: inline-block; color: #999; text-align: left; margin-top: 7px; margin-bottom: 7px;}
.post .inner img 	{ float: left; display: inline-block; max-width: 790px; width: 100%; }
.post .inner a,.post .inner a strong 	 	{ float: none; display: inline-block; margin-right: 5px; font: 400 18px/30px"Regular", serif; color: #d0ad67; text-align: left; max-width: 100%;}


/* legal */

.legal > .title 		{ font: 400 35px/35px"Regular", serif; text-transform: capitalize; padding: 10px 0px 5px 0px;color: #999; text-align: center; cursor: default; float: left; width: 100%;}
.legal > .title span	{ font: 400 18px/18px"Regular", serif; text-transform: capitalize; padding: 20px 0px 10px 0px; color: #999; text-align: center; cursor:default; float: left; width: 100%; }
.legal p				{ float: left; display: inline-block; font: 400 16px/25px"Regular", serif; text-align: left; color: #999; margin-top: 15px; margin-bottom: 15px; width: 100%;}
.legal p a 				{ font: 400 16px/25px"Regular", serif; text-align: left; color: #d0ad67; }
.legal .inner .title			{ font: 400 25px/25px"Regular", serif; text-decoration: underline; margin-bottom: 0px;}

@media all and (max-width: 900px){.legal > .title { font: 400 25px/25px"Regular", serif;}}
@media all and (max-width: 500px){.legal > .title { font: 400 20px/20px"Regular", serif;}}

/* Trade */ 
.trade a 				{ font: 400 16px/25px"Regular", serif; text-align: left; color: #d0ad67; }
.trade > .title 		{ font: 400 45px/45px"Regular", serif; text-transform: capitalize; padding: 10px 0px 5px 0px;color: #fff; text-align: center; cursor: default; }
.trade > .subtitle		{ font: 400 20px/20px"Regular", serif; text-transform: capitalize; padding: 10px 0px 5px 0px;color: #d0ad67; text-align: center; cursor: default;}
.trade .third			{ padding: 20px;float: left; display: inline-block; width: 33.333333%; max-width: 500px; }
.trade .inner .title	{ font: 400 18px/22px"Regular", serif; text-transform: capitalize; padding: 10px 0px 5px 0px;color: #d0ad67; text-align: left; cursor: default;  width: 100%; float: left; display: inline-block;}
.trade .inner .text 	{ font: 400 14px/22px"Regular", serif;  padding: 3px 0px 3px 0px;color: #999; text-align: left; cursor: default;  width: 100%; float: left; display: inline-block;  }
.trade .inner .text.half{ width: 50% !important }
.trade .inner .text i	{ color: #d0ad67; float: left; display: inline-block; margin-right: 10px;margin-top: 4px;}
.trade .difference 		{ text-decoration: underline; cursor: pointer; }
.third input,.trademodal{ float: left; display: inline-block;width: 100%; color: #999; border: 1px solid #999; padding: 5px; font: 400 14px/22px"Regular", serif;  margin-top: 3px; margin-bottom: 3px; }
.third textarea { background-color: #121212; float: left; display: inline-block; width: 100%; color: #999; padding: 10px;border: 1px solid #999; height: 75px;resize: none;}
.trade-submit { float: left; display: inline-block; color: #fff; border: 1px solid #d0ad67 !important; text-transform: capitalize; cursor: pointer; margin-top: 37px !important;}
.trade-submit:hover { background-color: #d0ad67 !important; color: #fff !important }

@media all and (max-width: 900px){.trade .third { width: 50%;}}
@media all and (max-width: 900px){.trade .third { width: 100%;}}

.difference-wrap	{ display: none;position: fixed;width: 100%;height:100%;z-index: 500000;background-color: rgba(0,0,0,0.95);text-align: center; top:0; left:0;}
.difference-inner	{ display: inline-block;float: left;position: relative;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;}
.difference			{ position: relative;margin: 0 auto;display: table;width: 100%;text-align: center;}

/* Login */

.member .title 		{ font: 400 30px/30px"Regular", serif; text-transform: capitalize; color: #fff; }
.member .text 		{ font: 400 18px/30px"Regular", serif; color: #999; }
.half.login 		{ border-left: 1px solid #121212; }
.login .title 		{ font: 400 30px/30px"Regular", serif; text-transform: capitalize; color: #fff;}
.login input		{ max-width: 252px; width: 100%; border: 1px solid #999; padding: 10px; color: #fff;font: 400 18px/20px"Regular", serif; text-align: center; letter-spacing: 1px; background-color: #0a0a0a; border-radius: 3px;}
.join_error			{ float: left; display: inline-block; width: 100%; color: #999;font: 400 18px/30px"Regular", serif; }

.g-recaptcha 		{ float: left;display: inline-block; width: 100%; text-align: center !important;}
.g-recaptcha > div 	{ display: inline-block; }

@media all and (max-width: 800px){
    .half.member 		{ display: none; }
    .half 				{ width: 100%; }
    .half.login 		{ border-left: 0px solid #121212; }
}


#searchTopForm input{ float: none; display: inline; width: 300px;margin-right: 10px; border: 1px solid #444; padding: 7px; font: 400 18px/18px "Regular"; color: #fff; border-radius: 3px; letter-spacing: 0.5px; text-align: center;}
#searchTopForm i{ color: #fff; }

.btnSearchSubmit.button.invert { padding-top: 5px !important; padding-bottom: 5px !important;display: inline !important}
#searchFilters, #searchForm h1{ display: none; }
.results_block, .results_block .thumbs{ display: block !important; float: left;  display: inline-block; float: left; width: 100%;}
#results{ display: inline-block !important; }
.results_scenes h2, .results_movies h2,.results_models h2 { float: left; display: inline-block;width: 100%; font: 400 18px/30px"Regular", serif; text-transform: capitalize; color: #fff;  text-align: left; margin-bottom: 20px; margin-top: 20px;}
.results_scenes h2 i, .results_movies h2 i,.results_models h2 i {   font: 400 18px/30px"Regular", serif; text-transform: capitalize; color: #fff; }
.results_scenes h2 .num_results, .results_movies h2 .num_results,.results_models h2 .num_results{ display: none; }

#results .videos, #results .thumbs { display: inline-block; float: left; width: 100%; }
.results_scenes .videos li { float: left; display: inline-block; width: 23%; margin: 1%; position: relative; overflow: hidden;}
.results_scenes .videos li a { float: left; display: inline-block; width: 100%; }
.results_scenes .videos li a img { float: left; display: inline-block; width: 100%; border-radius: 4px; overflow: hidden; }
.results_scenes .videos h1{ position: absolute; bottom: 10px; left: 10px; }
.results_models .videos h1 { float: left; display:  inline-block; width: 100%; }
.results_scenes .videos h1 a, .results_models .videos h1 a{font: 18px/18px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 10px 0px 5px 0px; width: 100%; color: #fff; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.results_scenes .videos h2, #results .videos h3 {display: none;}
.fa.fa-play, .fa.fa-angle-double-right {display: none;}
.searchForm em,.search_block em,.search_block .rounded_corners,#results .videos h1 a b, #results .thumb span{ display: none; }

.results_movies .videos li, .results_models .videos li { float: left; display: inline-block; width: 23%; margin: 1%; position: relative; overflow: hidden;}
.results_movies .videos li a, .results_models .videos li a { float: left; display: inline-block; width: 100%; }
.results_movies .videos li a img, .results_models .videos li a img { float: left; display: inline-block; width: 100%; border-radius: 4px; overflow: hidden; height: auto; }
.results_models .videos h3 {display: none;}

.show_more 				{float: left; display: inline-block; width: 100%; margin-top: 20px; cursor: pointer;}
.show_more > a > span 	{ float: left; width: 100%; display: inline-block;font: 400 20px/20px "Regular";text-transform: capitalize; cursor: pointer;}
.show_more > a 			{ background-color: #d0ad67; 		color: #000; border: 1px solid #d0ad67; float: none; display: inline-block; overflow: hidden;  padding: 15px 20px 15px 20px; border-radius: 4px; cursor: pointer;}
.show_more > a:hover	{ background-color: #000; color: #fff; cursor: pointer; }

#no_results_try_again { display: none; }
.no_results h4 { margin-top: 50px; }
.no_results h4,.no_results h4 span { display: inline-block; float: left; width: 100%; font: 18px/18px"Regular", serif; text-transform: capitalize; float: left; display: inline-block; padding: 10px 0px 5px 0px; width: 100%; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media all and (max-width: 800px){
    .results_scenes .videos li { width: 31.3333%; }
    .results_movies .videos li, .results_models .videos li { width: 31.3333%; }
}

@media all and (max-width: 600px){
    .results_scenes .videos li { width: 48%; }
    .results_movies .videos li, .results_models .videos li { width: 48%; }
}

@media all and (max-width: 600px){
    #searchTopForm input{ float: left; width: 80%;margin-right: 10%; margin-left: 10%;}
    .btnSearchSubmit.button.invert{display: inline-block !important;margin-top: 20px;}
}

#change_password_area input.form-control { display: inline; width: 400px; margin-right: 10px; border: 1px solid #444; padding: 7px; font: 400 18px/18px "Regular"; color: #fff; border-radius: 3px; letter-spacing: 0.5px; text-align: center;}   
#change_password_area button {  border: 1px solid #d0ad67;  display: inline !important; overflow: hidden; padding: 10px; font: 400 18px/18px "Regular"; color: #fff; text-transform: capitalize; border-radius: 4px;}
#change_password_area button:hover {  cursor: pointer; background-color: #d0ad67; color: #000}

/* Newsletter form */

.emailform input#Email{display: inline; width: 400px; margin-right: 10px; border: 1px solid #444; padding: 7px; font: 400 18px/18px "Regular"; color: #fff; border-radius: 3px; letter-spacing: 0.5px; text-align: center;}
.emailform #btnNewsletter {  border: 1px solid #d0ad67;  display: inline !important; overflow: hidden; padding: 10px; font: 400 18px/18px "Regular"; color: #fff; text-transform: capitalize; border-radius: 4px;}
.emailform #btnNewsletter:hover{ cursor: pointer; background-color: #d0ad67; color: #000}
.emailform #message{color: #fff; font: 400 18px/18px "Regular"; }

@media all and (max-width: 700px){
    .emailform input#Email {width: 100%;}
    .emailform #btnNewsletter { margin-top: 20px;}
}


.nice-alert {
    position: fixed;
    top: 80px;
    left: 50%;
    z-index: 20000;
    width: 500px;
    max-width: 100%;
    margin-left: -250px; }
.nice-alert-close {
    position: absolute;
    right: -15px;
    top: 0;
    background: black;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    border: 2px solid white;
    cursor: pointer; }
@media (max-width: 768px) {
    .nice-alert {
        left: 0;
        width: 93%;
        margin-left: 2%; } }

.alert {
    margin: 10px 0;
    padding: 12px 15px 12px 15px;
    color: #fff;
    border-radius: 0;
    background-color: #1d1d1d;
    box-shadow: 1px 1px 10px black; }
@media (min-width: 768px) {
    .alert {
        padding: 17px 20px 17px 20px; } }

.alert--success {
    background-color: #080; }

.alert--info {
    background-color: #1d1d1d; }

.alert--danger {
    background-color: #ff2222; }

.footer-partners a {
    display:inline-block;
    width:24%;
}

.footer-partners img {
    max-width:100%;
}


.rating-area {
    text-align:center !important;
    font-weight: normal;
    padding:20px 0;
    font-size:1.5em !important;
    line-height: 2em !important;
}
.rating-area a {
    color:#d0ad67;
    font-size:32px;
}

.rating-area a.video__info__icon__thumbs_up:hover,
.rating-area a.video__info__icon__thumbs_up.video__info__icon__thumbs_active {
    color:#0C0 !important;
}

.rating-area a.video__info__icon__thumbs_down:hover,
.rating-area a.video__info__icon__thumbs_down.video__info__icon__thumbs_active {
    color:#F00 !important;
}

.comment {
    font: 16px/16px "Regular", serif;
    padding: 10px 0;
    margin-top: 10px;
    /*border-top: 1px solid #222;*/ }
.comment:first-child {
    padding-top: 0;
    margin-top: 0;
    border: 0; }
.comment:after {
    content: " ";
    display: block;
    height: 1px;
    clear: both; }
.comment .comment-avatar {
    max-width: 55px;
    max-height: 55px;
    border-radius:25px;
    margin-right: 10px;
    float: left; }
.comment .comment-header {
    color: #AAA;
    margin-bottom:0.5em;
    font-size: 0.8em; }
.comment .comment-header a {
    color:#d0ad67;
}
.comment  .comment-header a:hover {
    text-decoration: underline;
}
.comment .comment-header .fa-thumbs-up {
    color: #52C657; }
.comment .comment-header .fa-thumbs-down {
    color: #ED8957; }
.comment .comment-header .forum_thumbs_up, .comment .comment-header .forum_thumbs_down {
    text-decoration: none; }
.comment p {
    font: 16px/16px "Regular", serif;
    margin: 0; }
.comment > .comment {
    padding-left: 10px;
    border-left: 1px solid #444; }
.comment .comment-flagged {
    border: 1px solid red;
    background: rgba(128, 0, 0, 0.5);
    padding: 5px;
    display: inline-block;
    margin: 10px;
    font-size: 0.8em; }
.comment .comment-staff-reply {
    border: 1px dotted #444;
    display: inline-block;
    background: rgba(33, 33, 33, 0.5);
    padding: 10px;
    margin-top: 10px;
    margin-left: 40px; }

#comments_form {
    text-align:left;
}
#comments_form textarea {
    width: 50%;
    background:#444;
    padding:10px;
    font:16px/16px 'Regular', serif;
    resize: none;
    color:white;
    height: 100px; margin-bottom: 10px;}
#comments_from .button {
    padding:10px;
}



/* tabs */

.tabs {
    padding: 0 0 20px 0; }
@media (min-width: 992px) {
    .tabs {
        padding: 0 0 20px 0; } }
.tabs .col--6 {
    display: none;
    flex-basis: auto;
    width: 50%; }
.tabs .col--6:nth-child(-n+2) {
    display: block; }
@media (min-width: 576px) {
    .tabs .col--6 {
        flex-basis: auto;
        width: 25%; }
    .tabs .col--6:nth-child(-n+4) {
        display: block; } }
@media (min-width: 992px) {
    .tabs .col--6 {
        display: block;
        width: 16.66666666666667%; } }

.tabs__top {
    padding: 20px 0 0 0;
    text-align: left; }
@media (min-width: 1200px) {
    .tabs__top {
        padding: 30px 0 0 0; } }

.tabs__nav,
.tabs__nav-2 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: calc(100% + 10px);
    vertical-align: bottom; }
.tabs__nav:after,
.tabs__nav-2:after {
    display: none;
    pointer-events: none; }
@media (min-width: 992px) {
    .tabs__nav:after,
    .tabs__nav-2:after {
        display: none; } }
@media (min-width: 992px) {
    .tabs__nav,
    .tabs__nav-2 {
        width: auto; } }
.tabs__nav ul,
.tabs__nav-2 ul {
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none; }
.tabs__nav li,
.tabs__nav-2 li {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.36px;
    cursor: pointer;
    transition: all 300ms ease;
    border: 1px solid #333; }
@media (max-width: 992px) {
    .tabs__nav li,
    .tabs__nav-2 li {
        display: block; } }
@media (min-width: 992px) {
    .tabs__nav li,
    .tabs__nav-2 li {
        margin: 0 10px 0 0;
        padding: 10px;
        font-size: 18px; } }
.tabs__nav li:last-child.active:before,
.tabs__nav-2 li:last-child.active:before {
    width: 100%; }
.tabs__nav li:before,
.tabs__nav-2 li:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ffff00;
    opacity: 0;
    transition: all 300ms ease; }
@media (min-width: 992px) {
    .tabs__nav li:before,
    .tabs__nav-2 li:before {
        display: none; } }
.tabs__nav li.active,
.tabs__nav-2 li.active {
    color: #ffff00;
    background: #333; }
.tabs__nav li.active:before,
.tabs__nav-2 li.active:before {
    visibility: visible;
    width: 100%;
    opacity: 1; }
.tabs__nav li span,
.tabs__nav-2 li span {
    display: inline-block;
    min-width: 30px;
    margin: 0 0 0 9px;
    padding: 5px 10px;
    color: #1d1d1d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.33px;
    border-radius: 10px;
    background-color: #373737; }
.tabs__nav--border,
.tabs__nav-2--border {
    position: relative;
    width: 100%; }
.tabs__nav--border:before,
.tabs__nav-2--border:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #373737; }
.tabs__nav--shrinked li,
.tabs__nav-2--shrinked li {
    margin: 0 25px 0 0; }
@media (min-width: 992px) {
    .tabs__nav--shrinked li,
    .tabs__nav-2--shrinked li {
        margin: 0 22px 0 0; } }
@media (min-width: 1024px) {
    .tabs__nav--shrinked li,
    .tabs__nav-2--shrinked li {
        margin: 0 28px 0 0; } }
@media (min-width: 1200px) {
    .tabs__nav--shrinked li,
    .tabs__nav-2--shrinked li {
        margin: 0 45px 0 0; } }
.tabs__nav--wide:after,
.tabs__nav-2--wide:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 60px;
    height: 100%;
    background-image: none;
    pointer-events: none; }
@media (min-width: 768px) {
    .tabs__nav--wide:after,
    .tabs__nav-2--wide:after {
        display: none; } }
@media (min-width: 576px) {
    .tabs__nav--wide ul,
    .tabs__nav-2--wide ul {
        align-items: center;
        justify-content: center; } }

.tabs__nav__line,
.tabs__nav__line-2 {
    position: absolute;
    bottom: 0;
    display: none;
    height: 2px;
    background-color: #ffff00; }
@media (min-width: 992px) {
    .tabs__nav__line,
    .tabs__nav__line-2 {
        display: block; } }

.tabs__wrap {
    padding: 20px;
    border: 1px solid #333;
    text-align: left;
    margin-top: -1px; }
@media (min-width: 992px) {
    .tabs__wrap {
        padding: 27px 0; } }

.tabs__tab {
    display: none;
    animation: tabsFadeIn 500ms; 
    color:#ccc;
}
.tabs__tab.active {
    display: block; }

.tabs__tab h2 {
    font-size:1.5em;
    font-weight:bold;
}

.tabs__tab a {
    color:#d0ad67;
}
.tabs__tab fieldset {
    padding:20px;
}

.tabs__tab fieldset input {
    background:#444;
    color:white;
    padding:5px;
}



.tabs .col--2 {
    width:48%;
    padding:10px;
    display:inline-block;
    vertical-align: top;
}
.tabs .list strong {
    font-weight: bold;
    margin:10px 0 5px;
}

.video__info__icon__thumbs_heart {
    float:right;
    border:1px solid  #d0ad67;
    color:white !important;
    padding:10px 15px;
    text-transform: capitalize;
    border-radius: 4px;
}




/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #d0ad67;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #d0ad67;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

/* top left*/
.ribbon-top-left {
    top: -10px;
    left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon-top-left::after {
    bottom: 0;
    left: 0;
}
.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.ribbon-top-right::before {
    top: 0;
    left: 0;
}
.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}
.ribbon-top-right span {
    left: -25px;
    top: 35px;
    transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.ribbon-bottom-left::before {
    bottom: 0;
    right: 0;
}
.ribbon-bottom-left::after {
    top: 0;
    left: 0;
}
.ribbon-bottom-left span {
    right: -25px;
    bottom: 30px;
    transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ribbon-bottom-right::before {
    bottom: 0;
    left: 0;
}
.ribbon-bottom-right::after {
    top: 0;
    right: 0;
}
.ribbon-bottom-right span {
    left: -25px;
    bottom: 30px;
    transform: rotate(-225deg);
}

a.sort-button {
    font-size:16px;
    background:none;
    color:#d0ad67;
    padding:4px 10px !important;
    border:1px solid #d0ad67;
    margin-left:10px;
    border-radius:5px;
    position:static !important;
    display:inline !important;
}
a.sort-button-active,
a.sort-button:hover {
    background:#d0ad67;
    color:black;
}

.img_photoset {
    height:250px;
}

/*** magnific popup **/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10402;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10403;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 10405; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 10404; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 10406;
    box-shadow: none;
    touch-action: manipulation; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.sorting-options {
    float:right; 
    margin:-15px 0 0
}

@media all and (max-width: 900px) {
    .sorting-options  {
        display:block;
        clear:both;
        padding-top:15px;
        text-align:center;
        margin:0 !important;
        float:none !important;
    }
    .sorting-options span {
        display:none
    }

    .sorting-options a  {
        display:inline-block !important;
    }
}
@media all and (max-width: 768px) {
    .sorting-options a  {
        display:block !important;
        margin-bottom:10px;
    }
}



.light-design {
    background:#EEE;
}


.light-design body {
    background:#EEE;
}

.light-design .under-color.grey {
    background:#888;
}

.light-design .wide.grey {
    background:#888;
}

.light-design .footer .column a {
    color:#000;
}
.light-design .footer .wide > a {
    color:#000;
}

.light-design .footer .column a:hover,
.light-design .footer .wide > a:hover {
    text-decoration: underline
}

.light-design .footer.wide span {
    color:#000
}
.light-design .navleft > span {
    color:black;
}

.light-design .navitms > a {
    color:#222
}

.light-design .navright a {
    background:#d0ad67;
    color:black;
}
.light-design .emailform input#Email {
    color:black;
}
.light-design .emailform #btnNewsletter {

    background:#d0ad67;
    color:black;
}
.light-design .starter .title {
    font-weight:bold;
}

.light-design .starter .subtitle {
    color:black;
}

.light-design .chapter .numbers,
.light-design .chapter .title,
.light-design .chapter .source {
    text-shadow:1px 1px 1px black;
}
.light-design .starter a:hover span,
.light-design .starter a:hover i {
    color:black;
}


.light-design  .blogpost .title {
    color:black;
}
.light-design .pagination a {
    background:#EEE;
    color:#d0ad67;
}
.light-design .pagination span.current a {
    background:#D0ad67;
    color:black;
}
.light-design .narrow.slim.video {
    background:#EEE;

}

.light-design .video .title,
.light-design .video .text,
.light-design .video .source,
.light-design .video .cast p,
.light-design .comment .comment-header,
.light-design .post .date,
.light-design .post .inner p {
    color:black; 
}

.light-design .down span,
.light-design .download a{
    background:#777;
    color:#d0ad67;
}

.light-design .down span,
.light-design .download a {
    background:#777;
    color:#d0ad67;
}

.light-design .down span:hover,
.light-design .download a:hover {
    background:#d0ad67;
    color:black;
}

.light-design .model .name {
    text-shadow:1px 1px 1px black;
}

.light-design .member .title,
.light-design .login .title{
    color:black;
}

.light-design .login input {
    color:#000;
    background:none;   
}
.light-design .button.invert {
    background:#d0ad67;
    color:black;
}

.light-design .footer .column img {
    filter: brightness(40%);
}

.light-design #searchTopForm input {
    color:black;
}

.light-design .tabs__wrap {
    border:1px solid #BBB;
    background:#BBB;
}
.light-design .tabs__nav li, .light-design .tabs__nav-2 li {
    border-color:#BBB;
    color:black;
}
.light-design  .tabs__nav li.active, .light-design .tabs__nav-2 li.active {
    color:black;
    background:#BBB;
}
.light-design .tabs__tab fieldset {
    color:black;
}
.light-design .tabs__tab a {
    color:black;
}
.light-design .tabs__tab a:hover {
    text-decoration:underline;
}

.light-design .slick-prev::before, .light-design .slick-next::before {
    color: black !important;
}
.light-design .post .title {
    font-weight:bold
}

.light-design .legal > .title,
.light-design .legal > .title span,
.light-design .legal p {
    color:black;
}

.light-design .trade > .title,
.light-design .trade .inner .text,
.light-design .third input, .light-design .trademodal{ 
    color:black
}

.light-design .third textarea {
    background:transparent;
    color:black;
}

.light-design .award_motto {
    color:black;
}

.light-design .intro .text {
    color:black;
}
.light-design .awards {
}
.light-design .awards_container { 
    background:black; 
    border-radius:10px; 
    width:125%; 
    padding:0 5%;
    margin-left:-12%;
    float:left;
}
.awards_container .slick-prev,
.awards_container .slick-next {
    top: 32%;
    cursor:pointer;
    position:absolute;
}
.awards_container .slick-prev {
    left:-50px;
}

.awards_container  .slick-prev::before, 
.awards_container  .slick-next::before {
    color:#FFF;
    font-weight: bold;
}

.awards_container .slick-next {
    right:-50px;
}
.awards_container  .slick-prev::before {
    content: "‹";
}
.awards_container  .slick-next::before {
    content: "›";
}
.light-design .awards_container  .slick-prev::before, 
.light-design .awards_container .slick-next::before{ 
    color:white !important;
}



/***countdown***/
.offer_countdown {
    clear:both;

    background: #000; /* Old browsers */
    color:white;
    text-align:center;
    cursor:pointer;
}

.offer_countdown .box-with-movies {
    padding-top:0 !important;
}
.offer_countdown p {
    display:inline-block;
    vertical-align:middle;
    /*text-transform:uppercase;*/
    font-size:15px;
    text-align: center;
    letter-spacing:2px;
    line-height: 100%;
    margin-left:5px;
    margin-bottom:0;
}
.offer_countdown p span {
    font-size:180%;
    font-weight:bold;
    color:#F2D33B;
}
.offer_countdown .offer_countdown_righttext {
    text-align:left;
}
.offer_countdown .countdown-container {
    display:inline-block;
    vertical-align: middle;
    margin:0 10px;
    width:40%;
}
.offer_countdown .countdown-container span {
    display:inline-block;
    vertical-align:middle;
    background:black;
    padding:10px;
    font-size:16px;
    text-align:center;
    margin-right:3px;
    line-height:100%;
    min-width:100px;
}
.offer_countdown .countdown-container span b {
    font-size:35px;
    font-weight:bold;
    display:block;
    padding:6px 0;
    line-height:100%;
}

.offer_countdown .countdown-container span em {
    font-style:normal;
}


.offer_countdown .offer_countdown_lefttext  {
    font-size:18px;
    width:28%;
    text-align:right;
}

.offer_countdown .offer_countdown_lefttext span {
    font-size:140%;
    line-height:110%;
}
.offer_countdown .offer_countdown_righttext span {
    vertical-align:top;
    display:inline-block;
    padding-top:7px;
}
.offer_countdown .offer_countdown_righttext span small {
    text-transform: lowercase;
    font-size:60%;
}
.offer_countdown .offer_countdown_righttext em {
    font-style:normal;
}
.offer_countdown .offer_countdown_righttext .join {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67a913+0,90ca51+8,67a913+62,6aa90b+100 */
    background: #67a913; /* Old browsers */
    background: -moz-linear-gradient(top, #67a913 0%, #90ca51 8%, #67a913 62%, #6aa90b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #67a913 0%,#90ca51 8%,#67a913 62%,#6aa90b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #67a913 0%,#90ca51 8%,#67a913 62%,#6aa90b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a913', endColorstr='#6aa90b',GradientType=0 ); /* IE6-9 */

    border-radius:50px;
    padding:10px;
    text-decoration: none;
    color:white;
    margin-left:30px;
    text-transform: none;
    letter-spacing:1px;
}

.offer_countdown .offer_countdown_righttext {
    width:28%;
}
.offer_countdown .offer_countdown_righttext .join b {
    /*border:1px solid white;
    border-radius:30px;*/
    font-size:24px;
    /*padding:0 0 0 11px;
    vertical-align:middle;
    text-align:center;*/
    line-height:24px;
}

@media only screen and (max-width: 1400px) {

    .offer_countdown .countdown-container span {
        min-width:80px;
        font-size:14px;
        padding:16px;
    }
    .offer_countdown .countdown-container span b {
        font-size:30px;
    }
    .offer_countdown p {
        font-size:14px;
    }
}


@media only screen and (max-width: 1150px) {
    .offer_countdown .countdown-container span {
        min-width:50px;
        font-size:12px;
        padding:10px;
    }
    .offer_countdown .countdown-container span b {
        font-size:24px;
    }
    .offer_countdown p {
        font-size:12px;
    }

    .offer_countdown .offer_countdown_righttext .join b {
        display:none;
    }
}

@media only screen and (max-width: 940px) {

    .offer_countdown .offer_countdown_lefttext {
        display:none;
    }

    .offer_countdown .countdown-container span {
        min-width:40px;
        padding:5px;
    }
    .offer_countdown .countdown-container span b {
        font-size:18px;
    }
}


@media only screen and (max-width: 790px) {

    .offer_countdown .countdown-container span {
        background:none;
        min-width:0;
        display:inline;
        margin:0;
        padding:0;
    }
    .offer_countdown .countdown-container span b {
        display:inline;
        font-size:18px;
    }

    .offer_countdown .countdown-container:before {
        //content: "Offer ends in ";
        font-size:12px;
        padding-right:8px;
        display:inline-block;
    }
    .offer_countdown .countdown-container:after {
        //content: " - ";
        font-size:18px;
        padding-left:8px;
        display:inline-block;
    }
    .offer_countdown .countdown-container span:after {
        content: ":";
        display:inline-block;
        font-weight:bold;
    }
    .offer_countdown .countdown-container span:last-child:after {
        display:none;
    }
    .offer_countdown .countdown-container span em {
        display:none;
    }
    .offer_countdown .offer_countdown_righttext {
        margin-left:5px;
        font-weight: bold;
        color:white;

        margin:0px auto;
        display:block;
        text-align:center;
        width:90%;
    }
    .offer_countdown  .offer_countdown_righttext em {
        display:none;
    } 

    .offer_countdown  .offer_countdown_righttext span {
        display:inline;
        font-size: inherit;
        font-size:150%
    }
    .offer_countdown  .offer_countdown_righttext span small {
        font-size:100%;
    }
    .offer_countdown .countdown-container {
        display:inline;
        vertical-align:baseline;
        margin:0;
    }

    .offer_countdown .offer_countdown_righttext .join  {
        padding:2px 5px;
        margin-left:10px;
    }
    .offer_countdown {
        padding:10px 0;
    }
}

@media all and (max-width: 1240px){ 
    .chapter_homepage { 
        width: 49%;
    }
    .movie {
        width: 48.5%;
    }
    .chapter.smaller {
        width:49%;
    }
}

@media all and (max-width: 800px){ 
    .chapter_homepage { 
        width: 95%;
    }
    .movie {
        width: 95%;
    }
    .chapter.smaller {
        width:95%;
    }
    .header-slider img {
        max-height:300px
    }
    .chapter:hover { transform: scale(1.01); z-index:10}
}


.notification {
    max-width:75%;
    position:relative;
    padding:20px;
    text-align:left;
    border:1px solid #d0ad67;
    margin:20px auto;
    clear:both;
}

.notification--header {
    color:#d0ad67;
    font-size:1.8em;
    margin-bottom:10px;
}
.notification--close {
    position:absolute;
    top:20px;
    right:20px;
}
.notification--text, .notification--text p {
    color:white;
    font-size:1.1em;
}
.questionnaire-question {
    color:white;
    padding:5px 0;
}

.questionnaire-question h3 {
    color:#d0ad67;
}
#notifications_table {
    width: 100%;
    margin: 30px 0;
    border-top: 1px solid #1d1d1d;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #1d1d1d;
}
#notifications_table tr {
    cursor: pointer;
}
#notifications_table th {
    color: #fff;
    background-color: #1d1d1d;
}
#notifications_table th,
#notifications_table td {
    padding: 15px 10px;
    line-height: 1.2;
    text-align: left;
    border-top: 0;
    border-right: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    border-left: 0;
}
#notifications_table  tr:nth-child(2n+1) td {
    background-color: #373737;
}
#notifications_table tr.detail td div {
    padding:30px;
}
#notifications_table tr.active td {
    background-color:#555;
}
#notifications_table tr.detail td {
    background-color:#555;
}



.light-design .notification--text, .light-design  .notification--text p, .light-design  .questionnaire-question {
    color:black;
}

.js-questionnaire-close {
    color:#d0ad67;
    font:400 20px/20px"Regular", serif;
    text-decoration:underline
}
.questionnaire-question  label {
    cursor:pointer;
}
.questionnaire-question textarea {
    width:450px;
    max-width:95%;
    height:100px;
    font:400 18px/18px"Regular", serif;
    background:#fff;
    border:1px solid #888;
    color:black;
    margin:10px 0;
    padding:15px;

}



.js-add-to-playlist {
    
}


.js-add-to-playlist span {
    display:none;
}
.js-add-to-playlist span em {
    font-style:normal;
    display: none;
    color:white;
    padding:5px 0;
}

.js-add-to-playlist {
    display:block;
}
.js-add-to-playlist:hover span {
    position: absolute;
    display:block;
    background:black;
    padding:10px;
    font-size:0.9em;
    box-shadow: 5px 5px 5px black, -5px 5px 5px black;
    color:#999;
    top:45px;

}
.js-add-to-playlist:hover span  em {
    color:#999;
    display:block;
}
.js-add-to-playlist:hover span  em:hover {
    color:#fff;
}