/* ::::::::::::::::::::::
	accessibility
::::::::::::::::::::::: */

.sea a#pause:hover , .sea a#play:hover, .sea a#pause:focus , .sea a#play:focus, .sea a#pause:active , .sea a#play:active{outline:1px dotted #0072C1!important}
/* :::::::::::::::::::::: ::::::::::::::::::::::: */

.videpWapper{z-index: 3;  overflow: hidden;  position: absolute; top:0; left:0; right:0; bottom:0}
#myVideo, video{width:100vw!important;}
.sea .videoPic{background:url(../img/pic10.jpg) repeat 0 0; z-index: 1; background-size: auto 100%; overflow: hidden; position: absolute; width: 100%; height:100%;  left:0; right:0; top:0}
.sea .HideCameraText {
    transform: translate(-50%, -50%);
    top: 35%;
    left: 50%;
    position: absolute;
    max-width: 500px;
    font-size: 50px;
    font-family: 'blenderBold';
    z-index:1;
    text-align:center;
}

/**sea**/
#sea-flash { width:100%;height:100%; position:static;z-index:1;}
#sea-flash div {position:absolute;width:100%;height:100%;}
.section_Wapper.sea { direction:rtl; overflow:hidden;position:relative;}
.seaHeader { height:84px; background-color:#ef4130; padding:0 18px 0 13px;position:absolute; z-index:5; display:table; width:100%; z-index: 1000; }
.seaHeader H2 { height: 72px; font: 2.5em/25px "BlenderBold",Arial; color:#FFF; display:table-cell; padding:0; margin:0; vertical-align:middle;}
.seaHeader .cameraOptionWrap { margin-top: 10px; overflow: hidden; }
.seaHeader .cameraOption { width: 230px; float: right; margin-left: 10px; background: rgba(255,255,255,0.50); }
.seaHeader .cameraOption .current { height: 72px; padding: 10px 10px 0 0; overflow: hidden; }
.seaHeader .cameraOption .icon-tlv3-camera { float: right; margin-left: 10px; font-size: 52px; }
.seaHeader .cameraOption .current a { float: right; }
.seaHeader .cameraOption .current a .txt { font-size: 22px; color: black; }
.seaHeader .cameraOption .current a .bluearrow { width: 16px; height: 10px; margin: 0 12px 0 0; background: url("/_layouts/15/TlvSP2013PublicSite/images/bluearrowdown_b.png") no-repeat; display: inline-block; line-height: 18px; }
.seaHeader .cameraOption .current a .bluearrow.open { background: url("/_layouts/15/TlvSP2013PublicSite/images/bluearrowup_b.png") no-repeat; }
.seaHeader .cameraOption .current a .txtselect { font-size: 18px; color: black; }
.seaHeader .cameraOption .all { padding: 2px 44px 0 10px; border-top: 1px solid #B9B9B9; }
.seaHeader .cameraOption .all ul { margin: 0; padding: 0; list-style: none; }
.seaHeader .cameraOption .all ul li { font-size: 18px; padding: 20px 0; border-top: 1px solid #B9B9B9; }
.seaHeader .cameraOption .all ul li:first-child { border-top: 0 !important; }
.seaHeader .cameraOption .all ul li .icon-tlv3-v { visibility: hidden; font-size: 14px; }
.seaHeader .cameraOption .all ul li.selected .icon-tlv3-v { visibility: visible; }
.seaHeader .cameraOption .all ul li a { color: black; padding: 0 8px 0 0; }
.seaHeader .cameraOption .all ul li.selected a { font-weight: bold; }
.seaHeader .cameraPlay { display: none; width: 90px; height: 72px; float: right; background: url(/_layouts/15/TlvSP2013PublicSite/images/playicon2.png) no-repeat rgba(255,255,255,0.50); background-position: center; }
.seaHeader .dateTime { display: none !important; }
.seaHeader .dateTime .separator { display:none;}  
.seaHeader .dateTime {opacity:0.85; position:absolute; top:5%; left:5%; margin-top:2%;  z-index:3000; display:block}
.seaHeader .dateTime .time { font:300 3.8em/32px 'Lato', sans-serif; color:#FFF;  }
.seaHeader .dateTime .date { display:block; font:normal 1.9em/19px 'Lato', sans-serif; color:#FFF; padding-top:4px;}
.seaContainer { padding:0; margin:25px auto 0 auto; float:none; position:relative; z-index:5 }
.seaContainer UL { margin:0; padding:0px 10%; list-style:none;}
.seaContainer UL LI { float:right; height:150px; vertical-align:top; width:47%; padding:20px 0; margin:1.5% 1.5%;background-color:rgba(0,0,0,0.35);  }
.seaContainer UL LI h3{font:normal 1em/17px 'blenderRegular', Arial; color: #3c3c3c; text-align:center}
.seaContainer UL LI h3 SPAN { display:block; text-align:center; font:normal 23px/23px 'blenderLight', Arial; color: #3c3c3c;}
.seaContainer UL LI h3 SPAN  i { font-size:18px; display:inline; font-style:normal }
.seaContainer UL LI h3 SPAN > SPAN { display:inline-block; padding-right:7px;}
.seaContainer UL LI IMG {width:auto; height:82%;}
.seaContainer UL LI DIV { height:65px;text-align:center; }
.seaContainer UL LI DIV .separator { width: 2px; height: 70px; background: #b9b9b9; margin: 8px 0 0 0; float: left; }
.seaContainer UL LI DIV .separator.last { display: none; }
.sea .allEvents{position:absolute; top:94%; left:2%; z-index:10;}
.sea .allEvents a{  margin-left:12px; font:normal 1.5em/25px 'BlenderBold', Arial; color:#3c3c3c; background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents.png) no-repeat left; background-size:16px, auto; padding-left:25px; float:left;  }
.sea .allEvents a:hover, .sea .allEvents a:focus {background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents_hover.png) no-repeat left; background-size:16px, auto; }

.section_Wapper.sea:after { content:""; position:absolute; bottom:0; z-index:3; left:0; right:0; height:95px; opacity:0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.sea #pause, .sea #play{background:url(../img/icon-pause.png) repeat 0 0; position:absolute; top:92%; right:2%; z-index:10; width:52px; height:52px; cursor:pointer;}
.sea #play{background:url(../img/icon-play.png) repeat 0 0; display:none}

.seaPicture { display: none; }
.showCamOpt { display: inherit !important; margin-bottom: 10px; }

.sea-info { position: absolute; left: 0; z-index: 100; width: 100%; height: 100%; z-index: 10; }

@media (min-width: 768px) {
.seaHeader { height:80px; background-color:#ef4130; padding:0 30px 0 30px;  position:relative; display:table; width:100%;}
.seaHeader H2 { font:normal 3.9em/39px 'BlenderBold', Arial; display:table-cell; padding:0; margin:0; vertical-align:middle; top:0;}
.seaHeader .dateTime {margin-top:1%;}
.seaHeader .dateTime .separator { display:none;}  
.seaHeader .dateTime .time { font:300 3.9em/35px 'Lato', sans-serif; color:#FFF; }
.seaHeader .dateTime .date { display:block; font:normal 1.9em/19px 'Lato', sans-serif; color:#FFF; padding-top:4px;}
.seaContainer { padding:0; float:none; position:relative; z-index:5;height:100%; }
.seaContainer UL { position:absolute;margin:0; padding:0; list-style:none;bottom:0px;padding-bottom:90px;text-align:center;width:100%; background-color:rgba(0,0,0,0.65);}
.seaContainer UL LI { float:right; height:160px; vertical-align:top; width:17%; padding:20px 0; margin:1.5% 1.5%;background-color:rgba(0,0,0,0);}
.seaContainer UL LI h3 {font:normal 2.2em/22px 'blenderRegular', Arial; color: #3c3c3c;}
.seaContainer UL LI h3 SPAN { display:block; text-align:center; font:normal 28px/28px 'blenderLight', Arial; color: #3c3c3c;}
.seaContainer UL LI h3 SPAN  i { font-size:23px; display:inline; font-style:normal }
.seaContainer UL LI h3 SPAN > SPAN { display:block; padding-right:0;}
.seaContainer UL LI IMG { width:auto; height:95%;}
.seaContainer UL LI DIV { height:68px; margin-bottom:5px;}
.sea .videoPic.mobPic { display:none}
.sea .allEvents a{ font:normal 2.2em/30px 'BlenderBold', Arial; color:#3c3c3c; background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents.png) no-repeat left; background-size:21px, auto; padding-left:30px;  }
.sea .allEvents a:hover {background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents_hover.png) no-repeat left; background-size:21px, auto; }
.section_Wapper.sea { min-height:940px;}
}

@media screen and (max-width: 992px) , screen and (min-height: 1024px) {
  .seaContainer UL { padding-bottom:220px;}
}

@media (min-width:992px) {
    /**sea**/
    .section_Wapper.sea { direction:rtl}  
    .seaHeader { background:none; height:84px; padding:0 30px 0 30px; position:absolute; display:block;}
    .seaHeader H2 { font: 3.9em/50px "BlenderBold",Arial; color:#FFF;display:inline-block; background-color:#ef4130; padding:10px 20px 0; margin:17px 0; height:72px;}
    .seaHeader .dateTime {height: 72px;background-color: #fff;color: #ef4130;padding: 0 45px 0;display: inline-block;margin: 8px 0 0 0;position: relative;left: auto;opacity: 1; }
    .seaHeader .dateTime .separator { display:inline-block;padding: 0 3px; font:normal 2.8em/28px 'Lato', sans-serif}
    .seaHeader .dateTime .time { font:2.8em/72px 'Lato', sans-serif; color:#ef4130;}
    .seaHeader .dateTime .date { display:inline-block; font:2.8em/72px 'Lato', sans-serif; color:#ef4130;letter-spacing:1px; padding-top:3px;}
    .seaContainer { padding:0; float:none; position:relative; z-index:5;}
    .seaContainer UL { margin:0;padding-bottom:90px;list-style:none; display:table;}
    .seaContainer UL LI { float:none; height:217px; display:inline-block; vertical-align:top;width:17%;margin:1.5% 1.5%;padding:30px 0;background-color:rgba(0,0,0,0.0);}
    .seaContainer UL LI h3 {font:normal 2.0em/20px 'blenderRegular', Arial;}
    .seaContainer UL LI h3 SPAN { display:block; text-align:center; font:normal 30px/30px 'blenderLight', Arial; color: #3c3c3c; padding-top:2px;}
    .seaContainer UL LI h3 SPAN  i { font-size:22px; display:inline; font-style:normal }
    .seaContainer UL LI IMG { width:auto; height:83%;}
    .seaContainer UL LI DIV { height:90px;}
    .sea .allEvents a{padding-left:30px; }
    .sea .allEvents a:hover {background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents_hover.png) no-repeat left; background-size:21px, auto; }
    .section_Wapper.sea { min-height:inherit;}    
}

@media (min-width: 1200px) {
    /**sea**/
    .section_Wapper.sea {}
    .seaHeader { height:84px; padding:0 47px 0 30px; }
    .seaHeader H2 { position:relative; font: 3.4em/48px "BlenderBold",Arial; padding:13px 20px 0; margin:34px 0 0; height:72px;}
    .seaHeader .dateTime {height: 72px;background-color: #fff;color: #ef4130;padding:0 45px 0;display: inline-block;margin: 12px 0 0 0;position: relative;left: auto;opacity: 1;}
    .seaHeader .dateTime .time { font:2.8em/72px 'Lato', sans-serif; }
    .seaHeader .dateTime .date { font:2.8em/72px 'Lato', sans-serif; }
    .seaContainer {height:100%;}
    .seaContainer UL LI { padding:22px 0; width:15%;height: 194px; margin-top: 0; margin-bottom: 0; }
    .seaContainer UL LI h3 {font:normal 2.0em/20px 'BlenderBold', Arial; }
    .seaContainer UL LI h3 SPAN { display:block; text-align:center; font:normal 33px/33px 'blenderLight', Arial; color: #3c3c3c; padding-top:2px;}
    .seaContainer UL LI h3 SPAN  i { font-size:25px; display:inline; font-style:normal }
    .seaContainer UL LI IMG { width:auto; height:82%;}
    .seaContainer UL LI DIV { height:90px;}
    .sea .allEvents a{ font:normal 1.9em/30px 'BlenderBold', Arial; background-size:19px, auto; padding-left:28px;  }
    .sea .allEvents a:hover {background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents_hover.png) no-repeat left; background-size:19px, auto; }
}

@media (min-width: 1919px) {
    .videpWapper{z-index: 2;height: 100%;overflow: hidden;position: absolute;width: 100%; }
    /**sea**/
    .section_Wapper.sea {}
    .seaHeader { height:84px; padding:0 70px 0 45px; }
    .seaHeader H2 { height:72px; position:relative;font: 4.6em/64px "BlenderBold",Arial; padding:0 17px; margin:34px 0 0; }
    .seaHeader .dateTime {padding:18px 45px 0;}
    .seaHeader .dateTime .time { font:normal 2.8em/28px 'Lato', sans-serif; }
    .seaHeader .dateTime .date { font:normal 2.8em/28px 'Lato', sans-serif; }
    .seaContainer {width:100%;height:100%; }
    .seaContainer UL LI { padding:30px 0; width:17%; height: 260px; }
    .seaContainer UL LI h3 {font:normal 2.8em/28px 'blenderRegular', Arial; }
    .seaContainer UL LI h3 SPAN { font:normal 44px/44px 'blenderLight', Arial; padding-top:0 }
    .seaContainer UL LI h3 SPAN  i { font-size:32px; display:inline; font-style:normal }
    .seaContainer UL LI IMG { width:auto; height:auto;}
    .seaContainer UL LI DIV { height:110px;}
    .sea .allEvents a{  font:normal 2.2em/48px 'BlenderBold', Arial; background-size:20px, auto; padding-left:30px; }
    .sea .allEvents a:hover {background:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_Allevents_hover.png) no-repeat left; background-size:20px, auto; }
}

@media (max-width:992px) {
    .seaHeader H2 {width:initial;}
    .seaHeader .cameraOptionWrap { display: none; }
}

@media (max-width:768px) {
    .seaContainer{margin-top:120px}
    .seaContainer UL { padding-bottom: 100px; }
    .seaContainer UL LI { background-color: initial; padding: 32px 0; }
    .seaContainer UL LI DIV { padding: 0 0 14px 0; }
    .seaContainer UL LI DIV .separator { display: none; }
    .seaContainer UL LI h3 { font-size: 20px; }
    .sea-info { position: inherit; }
}

.alignLeft{
    direction:ltr;
}