﻿.homeSlider { height: 400px; overflow: hidden; z-index: 3; max-width: 2560px; margin: 0 auto; }
.sequence-prev, .sequence-next { display: none; }
.sequence-theme { background: transparent; }
#sequence { margin: 0 auto; position: relative; width: 100%; margin: 0 auto; height: 400px; overflow: visible; }
#sequence > .sequence-canvas { height: 100%; width: 966px; overflow: visible; position: relative; padding-left: 0; list-style: none; margin: 0 auto; }
#sequence > .sequence-canvas > li { width: 100% !important; overflow: visible; z-index: 1; position: absolute !important; height: 100%; }
#sequence > .sequence-canvas li > * { position: absolute; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; }

.seqbg { width: 2560px; height: 100%; z-index: 0; left: 50%; margin-left: -1280px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.animate-in .seqbg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .seqbg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

.seqMore { right: 514px; font-size: 14px; bottom: -100000px; font-weight: 300; color:#eee; background:#0e5faa;padding:3px 6px}
.seqMore:hover { color: #111;background:#e8c58b; }
.animate-in .seqMore { bottom: 78px; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
.animate-out .seqMore { bottom: -2000px; -webkit-transition-duration:.6s; -moz-transition-duration:.6s; -ms-transition-duration:.6s; -o-transition-duration:.6s; transition-duration: .6s; }

.seqTitle { left: 10000px; top: 24px; z-index: 3; width:500px; }
.animate-in .seqTitle { left: -48px; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .seqTitle { left: -5000px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; opacity: 0; }

p.seqText { left: 10000px; width: 500px; font-size: 16px; font-weight: 300; color: #fff; line-height: 125%; z-index: 1; text-align: justify;}
.animate-in p.seqText { left: -48px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.animate-out p.seqText { left: -5000px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.seqArt { right: -20000px; z-index: 0; opacity: 0; top: 24px;width:500px; }
.animate-in .seqArt { right: -48px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; opacity: 1; }
.animate-out .seqArt { right: 10000px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; opacity: 0; }
.seqArt img {width:500px;}
.seqList { left: 10000px; top: 72px; width: 620px; font-size: 14px; color: #fff; line-height: 125%; padding: 0; font-weight: 300; }
.animate-in .seqList { left: 24px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .seqlist { left: -5000px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

.slideZero .seqbg{background:url(/Images/slides/superPVBg.png) no-repeat center}
.slideZero.animate-in .seqMore { bottom: 42px;}
.slideZero .seqArt {top:auto;bottom:0;height:400px;}
.slideZero .seqArt img {width:608px}
.slideZero .seqText { top: 120px;color:#111; }
.slideZero .seqTitle {width:460px;}

.slideOne .seqbg { background: url(/Images/slides/anniversary-bg.jpg) no-repeat center; }
.slideOne .seqTitle { width: 600px; }
.slideOne .seqText { top: 160px; color: #111; }
.slideOne .seqArt {top:120px; bottom:0; height:350px; width:400px; }
.slideOne .seqArt img { width:400px; }
.slideOne.animate-in .seqMore { bottom: 40px;}

.slideTwo .seqbg { background: url(/Images/slides/stable-sound-secure-bg.png) no-repeat center; }
.slideTwo .seqTitle { }
.slideTwo .seqText { top: 148px; color: #444444; }
.slideTwo .seqVideo { top: 36px; width: 500px; height: 281px; }
.slideTwo .seqVideo iframe {width: 500px; height: 281px; }

.slideThree .seqbg { background: url(/Images/slides/searchBg.png) no-repeat center; }
.slideThree .seqArt {top:auto;bottom:0;height:400px;width:556px;}
.slideThree .seqArt img { width:556px}
.slideThree.animate-in .seqMore { bottom: 42px;}
.slideThree .seqText { top: 196px; }
.slideThree .seqTitle {width:339px;}

.slideFour .seqbg { background: url(/Images/slides/pssBg.jpg) no-repeat center; }
.slideFour .seqText { top: 148px; color: #111; text-shadow: none; }

.slideFive .seqbg { background: url(/Images/slides/stable-sound-secure-bg.png) no-repeat center; }
.slideFive .seqTitle { width: 300px;}
.slideFive .seqText { top: 150px; color: #444444; }
.slideFive .seqVideo { top: 36px; width: 500px; height: 281px; }
.slideFive .seqVideo iframe {width: 500px; height: 281px; }

.appStore { left: 0px; display: block; width: 160px; height: 48px; top: 2000px; opacity: 0; }
.animate-in .appStore { top: 320px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 1; }
.animate-out .appStore { top: 2000px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 0; }
.gPlay { left: 162px; display: block; width: 160px; height: 52px; top: 3056px; opacity: 0; }
.animate-in .gPlay { top: 320px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 1; }
.animate-out .gPlay { top: 3056px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 0; }
.iphone { width: 186px; height: auto; display: block; z-index: 4; }
.ip1 { right: -3000px; width: 186px; height: 366px; top: 42px; overflow: hidden; z-index: 3; opacity: 0; }
.animate-in .ip1 { right: 0; opacity: 1; -webkit-transition-duration: 1.8s; -moz-transition-duration: 1.8s; -ms-transition-duration: 1.8s; -o-transition-duration: 1.8s; transition-duration: 1.8s; }
.animate-out .ip1 { right: 10000px; opacity: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -ms-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; }
.ip2 { right: -3000px; width: 186px; height: 324px; top: 84px; overflow: hidden; z-index: 2; opacity: 0; }
.animate-in .ip2 { right: 140px; opacity: 1; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.animate-out .ip2 { right: 10000px; opacity: 0; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.ip3 { right: -3000px; width: 186px; height: 280px; top: 128px; overflow: hidden; z-index: 1; opacity: 0; }
.animate-in .ip3 { right: 280px; opacity: 1; -webkit-transition-duration: 2.2s; -moz-transition-duration: 2.2s; -ms-transition-duration: 2.2s; -o-transition-duration: 2.2s; transition-duration: 2.2s; }
.animate-out .ip3 { right: 10000px; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.slideFour .playVideo { background: url(/Images/slides/HPvideoPopup.png) no-repeat 0 0; display: inline-block; height: 48px; line-height: 48px; text-indent: -2000px; padding-left: 54px; width: 0px;-webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s;}
.slideFour .playVideo:hover { text-indent: 0px;background: url(/Images/slides/HPvideoPopup.png) no-repeat 0 -48px;color: #111; width: 400px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; }
.slideFour .technology_videoHP { top: 2000px; opacity: 0; left: 0; width: 400px; }
.slideFour.animate-in .technology_videoHP { left: 0; top: 240px; opacity: 1; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.slideFour.animate-out .technology_videoHP { top: 2000px; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

#sequence-preloader { background: #d9d9d9; }
.sequence-pagination { bottom: 2px; position: absolute; right: 10%; z-index: 10; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; text-align: right; padding-left: 0; margin-bottom: 0px; }
.sequence-pagination li { display: inline-block; *display: inline; position: relative; height: 46px; width: 46px; margin-left: 6px; }
.sequence-pagination li > img { cursor: pointer; opacity: 0.5; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: margin-bottom, opacity; -moz-transition-property: margin-bottom, opacity; -ms-transition-property: margin-bottom, opacity; -o-transition-property: margin-bottom, opacity; transition-property: margin-bottom, opacity; margin-bottom: -8px; border: 2px solid #fff; border-radius: 1px; width: 42px; height: 42px; }
.sequence-pagination li > img:hover { margin-bottom: 0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; }
.sequence-pagination li.current > img { opacity: 1; margin-bottom: 0px; }

@media screen and (max-width:1166px) {
    .animate-in .seqTitle { left: 0; }
    .animate-in p.seqText { left: 0; }
    .animate-in .seqArt { right: 0; width:400px; }
    .animate-in .seqArt.seqVideo {width:440px; }
    .seqVideo { top:48px;}
    .seqVideo iframe {width:440px !important;height:248px !important;}
    .animate-in .seqList { left: 48px; }
    .seqMore {right:470px;}
    .slideOne.animate-in .seqMore {bottom:60px}
    .animate-in .ip3 {right:240px;}
    .animate-in .ip2 {right:130px;}
}



/*
.seqMore { right: 504px; font-size: 14px; font-weight: 600; color: #fff; bottom: -1000px; }
.seqMore:hover { color: #fff; text-decoration: underline; }
.animate-in .seqMore { bottom: 84px; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .seqMore { bottom: -200px; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.seqTitle { left: 10000px; top: 36px; z-index: 3; width: 468px; }
.animate-in .seqTitle { left: -48px; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .seqTitle { left: -5000px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; opacity: 0; }
p.seqText { width: 468px; font-size: 20px; font-weight: 300; color: #fff; line-height: 125%; top: 168px; left: 10000px; z-index: 1;text-align: left; }
.animate-in p.seqText { left: -48px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.animate-out p.seqText { left: -5000px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

.slideSearch .seqbg {background:url(/Images/slides/searchBg.png) center;}
.slideSearch .seqTitle {top:24px;}
.slideSearch .seqArt {top:24px;}
.slideSearch .seqText {font-size:16px;}
.slideSearch .seqList {left:10000px;top:60px;z-index:3;opacity:0;color:#eee;font-size:14px;padding:0;width:300px;}
.slideSearch.animate-in .seqList {left:36px;opacity: 1; -webkit-transition-duration: 1.8s; -moz-transition-duration: 1.8s; -ms-transition-duration:1.8s; -o-transition-duration:1.8s; transition-duration: 1.8s;}
.slideSearch.animate-out .seqList {left:-5000px;opacity: 0; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; }
.slideSearch .seqText {top:180px;width:574px;}
.slideSearch.animate-in .seqMore {bottom:48px;right:440px;}

.slideThird .seqText { width: 476px; }
.seqArt { right: -20000px; z-index: 0; height: 100%; bottom: 0; top: 0; opacity: 0; }
.animate-in .seqArt { right: -108px; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; opacity: 1; }
.animate-out .seqArt { right: 10000px; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; opacity: 0; }

.slideSecond .seqText { top: 120px; }
.slideSecond .seqbg { background: url(/Images/slides/pssBg.jpg) no-repeat center bottom; }
.slideSecond .seqMore { color: #0e5faa; }
.slideSecond.animate-in .seqMore {bottom:108px}
.pssText { color: #111 !important; font-weight: 400 !important; font-size: 16px !important; background: none !important; line-height: 24px !important; }
.appStore { left: 0px; display: block; width: 160px; height: 48px; top: 2000px; opacity: 0; }
.animate-in .appStore { top: 320px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 1; }
.animate-out .appStore { top: 2000px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 0; }
.gPlay { left: 162px; display: block; width: 160px; height: 52px; top: 3056px; opacity: 0; }
.animate-in .gPlay { top: 320px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 1; }
.animate-out .gPlay { top: 3056px; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -ms-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; opacity: 0; }
.iphone { width: 186px; height: auto; display: block; z-index: 4; }
.ip1 { right: -3000px; width: 186px; height: 366px; top: 42px; overflow: hidden; z-index: 3; opacity: 0; }
.ip2 { right: -3000px; width: 186px; height: 324px; top: 84px; overflow: hidden; z-index: 2; opacity: 0; }
.ip3 { right: -3000px; width: 186px; height: 280px; top: 128px; overflow: hidden; z-index: 1; opacity: 0; }
.animate-in .ip1 { right: 0; opacity: 1; -webkit-transition-duration: 1.8s; -moz-transition-duration: 1.8s; -ms-transition-duration: 1.8s; -o-transition-duration: 1.8s; transition-duration: 1.8s; }
.animate-in .ip2 { right: 140px; opacity: 1; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.animate-in .ip3 { right: 280px; opacity: 1; -webkit-transition-duration: 2.2s; -moz-transition-duration: 2.2s; -ms-transition-duration: 2.2s; -o-transition-duration: 2.2s; transition-duration: 2.2s; }
.animate-out .ip1 { right: 10000px; opacity: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -ms-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; }
.animate-out .ip2 { right: 10000px; opacity: 0; -webkit-transition-duration: 1.6s; -moz-transition-duration: 1.6s; -ms-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; }
.animate-out .ip3 { right: 10000px; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }

.slideSecond .technology_videoHP {top:2000px;opacity:0;left:0;width:400px;}
.slideSecond.animate-in .technology_videoHP {left:0;top:228px;opacity: 1; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
.slideSecond.animate-out .technology_videoHP {top:2000px;opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s;}
.slideSecond .playVideo {background:url(/Images/slides/HPvideoPopup.png) no-repeat 0 0;display:inline-block;height:48px;line-height:48px;text-indent:-2000px;padding-left:54px;width:0px;}
.slideSecond .playVideo:hover {text-indent:0px;color:#111;width:400px;-webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s;}
.slideSecond iframe {width:678px;}

.slideThird .seqbg { background: url(/Images/slides/dottedbg.png) repeat 0 0 #111; }
.complianceText { color: #e8c68c !important; font-size: 18px !important; }
.slideThird.animate-in .seqMore { }


.slideFifth .seqbg{background:url(/Images/slides/superPVBg.png) center;}
.slideFifth .complianceText {color:#111 !important;}
#sequence-preloader { background: #d9d9d9; }
.sequence-pagination { bottom: 10px; position: absolute; right: 10%; z-index: 10; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; text-align: right; padding-left: 0; margin-bottom: 0px; }
.sequence-pagination li { display: inline-block; *display: inline;position: relative; height: 58px; width: 58px; margin-left: 6px; }
.sequence-pagination li > img { cursor: pointer; opacity: 0.5; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: margin-bottom, opacity; -moz-transition-property: margin-bottom, opacity; -ms-transition-property: margin-bottom, opacity; -o-transition-property: margin-bottom, opacity; transition-property: margin-bottom, opacity; margin-bottom: -8px; border: 2px solid #fff; border-radius: 1px; width: 52px; height: 52px; }
.sequence-pagination li > img:hover { margin-bottom: 4px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; }
.sequence-pagination li.current > img { opacity: 1; margin-bottom: 4px; }



.slideFifth .seqbg{background:url(/Images/slides/superPVBg.png) center;}
.slideFifth .seqText {color:#111 !important;}

.slideFourth .seqbg {background:url(/Images/slides/vidBg.jpg) center;}
.slideFourth .seqArt {height:300px;top:24px;}
.slideFourth.animate-in .seqArt { right:-48px;}

.slideFirst .seqbg { background: url(/Images/slides/aboutBg.jpg) repeat center #111; }
.slideFirst .seqTitle {width:270px !important;top:24px;}
.slideFirst .seqText {top:160px;font-size:18px;width:430px;text-shadow:1px 1px 1px #000}
.slideFirst .seqArt {height:300px;top:24px;}
.slideFirst.animate-in .seqArt { right:-48px;}
.slideFirst .seqMore {right:584px;color:#111}

@media screen and (max-width:1166px) {
    .slideFirst.animate-in .seqArt { right:0px;}
    .slideFourth.animate-in .seqArt {right:0;}
    .slideFourth .seqTitle { width:380px;}
    .slideFourth .seqText {width:380px;}
    .animate-in .seqTitle { left: 0; }
    .animate-in p.seqText { left: 0; }

}*/