body{
font-family:sans-serif;
margin:0px;
padding:0px;
}
.summary{
display:block;
position: relative;
width:90%;
margin:0 auto;
padding:20px 0 20px 0;
text-align:center;
}
/* Video 1 */
.video-link{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link:hover{
// background-color:#000;
}
.overlay{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 2 */
.video-link_2{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_2:hover{
// background-color:#000;
}
.overlay_2{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_2 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_2:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_2{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_2 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_2 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 3 */
.video-link_3{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_3:hover{
// background-color:#000;
}
.overlay_3{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_3 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_3:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_3{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_3 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_3 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 4 */
.video-link_4{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_4:hover{
// background-color:#000;
}
.overlay_4{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_4 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_4:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_4{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_4 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_4 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 5 */
.video-link_5{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_5:hover{
// background-color:#000;
}
.overlay_5{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_5 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_5:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_5{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_5 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_5 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 6 */
.video-link_6{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_6:hover{
// background-color:#000;
}
.overlay_6{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_6 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_6:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_6{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_6 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_6 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 7 */
.video-link_7{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_7:hover{
// background-color:#000;
}
.overlay_7{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_7 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_7:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_7{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_7 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_7 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 8 */
.video-link_8{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_8:hover{
// background-color:#000;
}
.overlay_8{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_8 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_8:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_8{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_8 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_8 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 9 */
.video-link_9{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_9:hover{
// background-color:#000;
}
.overlay_9{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_9 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_9:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_9{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_9 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_9 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 10 */
.video-link_10{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_10:hover{
// background-color:#000;
}
.overlay_10{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_10 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_10:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_10{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_10 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_10 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 11 */
.video-link_11{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_11:hover{
// background-color:#000;
}
.overlay_11{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_11 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_11:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_11{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_11 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_11 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}
/* Video 12 */
.video-link_12{
cursor:pointer;
// display:block;
position: relative;
//  width:100%;
// max-width:400px;
background-color:#313131;
// margin: 0 auto 10px auto;
// text-align:center;
color:#fff;
// padding:20px 0 20px 0;
transition: all 0.5s;
}
.video-link_12:hover{
// background-color:#000;
}
.overlay_12{
position: fixed;
top:0px;
left: 0px;
height:100%;
width:100%;
z-index: 100;
background-color: rgba(0, 0, 0, 0.9);
opacity:0.9;
display:none; 
}
.closexx_12 {
position: fixed!important;
top:6px!important;
right:50%!important;
width:38px!important;
height:38Spx!important;
z-index:9999!important;
display:none;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.closexx_12:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.main-vid-box_12{
position: fixed;
width: 100%;
height:100vh;
display:none;
top:0px;
left:0px;
z-index: 999;
}
.videoWrapper_12 {
position: relative;
z-index:999;
background-color:#000;
width:100%;
height: 100%;
margin:0 auto;
}
.videoWrapper_12 video {
position: relative;
top: 10px;
left: 0;
z-index: 999;
width: 100% !important;
height: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 40px;
border-style: solid;
border-color: transparent;
}