.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex;}
.videosection {padding:0 25px 25px 25px; margin-bottom:25px; border-bottom:1px solid #e3d6e8;}
.videosection .row [class^="col-"] {padding-left:5px; padding-right:5px;}
.videosection .lgvideo {margin-bottom:10px;}	
.videosection .lgvideo iframe {margin:0px; height:400px;}	
.videosection .lgvideo iframe.trailer {display:none !important;}	
.videosection .lgvideo .videoinfo .inner {background:#e3d6e8; position:relative; box-sizing:border-box; height:100%;}	
.videosection .lgvideo .videoinfo hgroup {background:#ffffff; padding-bottom:20px; letter-spacing:-1px;}
.videosection .lgvideo .videoinfo h2 {margin:0px; font-size:32px; line-height:32px; font-weight:100; color:#8e8e8e; padding-bottom:20px; border-bottom:1px solid #8e8e8e; margin-bottom:10px;}
.videosection .lgvideo .videoinfo h3 {margin:0px; font-size:60px; font-weight:100; line-height:60px; font-weight:300; color:#000000;}
.videosection .lgvideo .videoinfo h3 span {font-size:60px; line-height:50px; font-weight:300; color:#000000;display:block;}
.videosection .lgvideo .videoinfo .videodescription {position:relative; padding:15px;}
.videosection .lgvideo .videoinfo .videodescription .videotype { background-color:#d06eb3; position:absolute; width:50px; height:50px; left:-50px; top:0px; background-position:center center; background-repeat:no-repeat}
.videosection .lgvideo .videoframe .alterimg {height:400px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.videosection .zodiac {transition:all 0.5s ease; margin-bottom:10px;}
.videosection .zodiac:hover {}
.videosection .zodiac figure {background-repeat:no-repeat; text-align:center; background-position:0% 0%;transition:all 0.5s ease; position:relative;}
.videosection .active .zodiac figure {position:relative;}
.videosection .active .zodiac figure img {position:relative;z-index:800;}
.videosection .active .zodiac figure:before {position:absolute; background:rgba(208,110,179,0.8); left:0px;top:0px; width:100%; height:100%; content:' '; z-index:700;}

.videosection .zsign:nth-child(12n+1) figure {background-position:16% 0%;}
.videosection .zsign:nth-child(12n+2) figure {background-position:32% 0%;}
.videosection .zsign:nth-child(12n+3) figure {background-position:48% 0%;}
.videosection .zsign:nth-child(12n+4) figure {background-position:64% 0%;}
.videosection .zsign:nth-child(12n+5) figure {background-position:80% 0%;}
.videosection .zsign:nth-child(12n+6) figure {background-position:96% 0%;}
.videosection .zsign:nth-child(12n+7) figure {background-position:16% 50%;}
.videosection .zsign:nth-child(12n+8) figure {background-position:32% 50%;}
.videosection .zsign:nth-child(12n+9) figure {background-position:48% 50%;}
.videosection .zsign:nth-child(12n+10) figure {background-position:64% 50%;}
.videosection .zsign:nth-child(12n+11) figure {background-position:80% 50%;}
.videosection .zsign:nth-child(12n+12) figure {background-position:96% 50%;}

.videosection .zodiac:hover figure {transform:scale(0.95,0.95)}
.videosection .zodiac figure .videosign {position:absolute; left:-5px; top:10px; background:#d06eb3; color:#ffffff; padding:5px 8px 4px 10px; z-index:850; border-radius:4px;}
.videosection .active .zodiac figure .videosign {box-shadow:0 2px 2px rgba(0,0,0,0.4);}
.videosection .zodiac figure .videosign i {color:#ffffff; font-size:16px; line-height:16px;}
.videosection .zodiac figure a {padding:0 15px; display:block;}
.videosection .zodiac figure img {max-width:100%; height:auto; display:block; margin:0 auto;transition:all 0.5s ease;}
.videosection .zodiac:hover figure img {transform:scale(0.85,0.85);}
.videosection .zodiac .zodiacinfo {background:#efefef; text-align:center;}
.videosection .zodiac .zodiacinfo a {color:#d06eb3; text-decoration:none; font-size:16px; line-height:16px; display:block; padding:5px 15px 10px 15px; font-weight:700;}
.videosection .zodiac .zodiacinfo a span {color:#000000; text-decoration:none; font-size:11px; display:block; line-height:14px; font-weight:300; }

.videosigns {border-bottom:5px solid #efefef; margin-top:-15px; text-align:center; margin-bottom:20px;}
.videosigns .signtitle {background:#f4f4f4;padding:8px 10px 8px 10px; font-size:12px; color:#666666; font-weight:600; border-bottom:1px solid #eaeaea}
.videosigns .signtitle span {font-size:12px; color:#666666; font-weight:600;}
.videosigns .showmenu {cursor:pointer; font-size:18px;}
.videosigns .signnav {padding:0px; transition:all 0.5s ease; max-height:400px;}
.videosigns li {border-left:1px solid #e0e0e0; float:left; list-style-type:none; width:8.333%; box-sizing:border-box;}
.videosigns a {display:block; padding:10px 0; background:ffffff; font-size:12px; text-decoration:none; color:#000000; position:relative;}
.videosigns a img {display:block; margin:0 auto; opacity:0.3}
.videosigns a:hover {
	background: rgb(240,240,240);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 )	
}
.videosigns div:first-child a {border-left:none;}
.videosigns a.active {
	padding:15px 0 5px 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 )
}
.videosigns a.active img {opacity:1;}
.videosigns a.active:before {content:' ';position:absolute;height:15px;top:-10px;left:0px;width:100%;background:#d06eb3;}
.videosigns a.active:after {content:' ';position:absolute;height:15px;bottom:-10px;left:0px;width:100%;background:#efefef;}

.videosigns.onmobile .togglenav {display:block;}

@media all and (min-width: 1200px) {}
@media all and (max-width: 1199px) {}
@media all and (min-width: 992px) {}
@media all and (min-width: 992px) and (max-width: 1199px) {}
@media all and (max-width: 991px) {
.videosigns .signnav {max-height:0px !important;  overflow:hidden;}
.videosigns .signnav.opened {max-height:400px !important;}
.videosigns .signtitle {text-align:left; color:#000000;}
.videosigns li {border-left:none; float:left; list-style-type:none; width:50%; box-sizing:border-box;}
.videosigns li a {display:block; padding:8px 10px; border-bottom:1px solid #eaeaea; text-align:left;}
.videosigns a.active:before {display:none;}
.videosigns a.active:after {display:none;}
.videosigns a.active {padding:8px 10px; background:none; color:#d06eb3; font-weight:600;}
.videosigns a img {display:inline-block; margin:auto; opacity:0.3; height:25px; width:auto; margin-right:15px;}
}
@media all and (min-width: 768px) and (max-width: 991px) {}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {
.row-eq-height { display: block; display: block; display: block; display:block;}
.videosection .lgvideo .videoinfo .videodescription .videotype {left:auto; right:0px !important; top:-40px;}
.videosection .lgvideo .videoinfo h2 {font-size:26px; line-height:26px;padding-bottom:10px;}
.videosection .lgvideo .videoinfo h3 {font-size:40px; line-height:40px;}
.videosection .lgvideo .videoinfo h3 span {font-size:40px; line-height:30px;}
}
@media all and (min-width: 701px) and (max-width: 767px) {}
@media all and (max-width: 700px) {}
@media all and (min-width: 601px) and (max-width: 700px) {}
@media all and (max-width: 640px) {}
@media all and (max-width: 600px) {}
@media all and (min-width: 401px) and (max-width: 600px) {}
@media all and (min-width: 401px) and (max-width: 500px) {}
@media all and (min-width: 351px) and (max-width: 400px) {}
@media all and (min-width: 300px) and (max-width: 400px) {}
@media all and (min-width: 401px) {}
@media all and (max-width: 400px) {}
@media all and (max-width: 350px) {}
@media all and (max-width: 340px) {}
@media all and (min-width: 341px) {}
@media all and (max-width: 300px) {}