@charset "utf-8";
@-ms-viewport{
  -ms-overflow-style:scrollbar;
  width:auto;
}
@font-face{
  font-family:'SSTPro-CondensedBd';
  src:url("../fonts/SSTPro-CondensedBd.eot");
  src:url("../fonts/SSTPro-CondensedBd.eot?#iefix") format("embedded-opentype"), url("../fonts/SSTPro-CondensedBd.woff2") format("woff2"), url("../fonts/SSTPro-CondensedBd.woff") format("woff");
}

@font-face{
  font-family:'SSTMedium';
  src:url("https://alphauniverseglobal.media.zestyio.com/sstpro-medium.woff2") format("woff2"),url("https://alphauniverseglobal.media.zestyio.com/sstpro-medium.woff") format("woff"),url("https://alphauniverseglobal.media.zestyio.com/sstpro-medium.ttf") format("truetype"),url("https://alphauniverseglobal.media.zestyio.com/sstpro-medium.svg#SSTProMedium") format("svg")
}
@font-face {
  font-family: 'SST Heavy';
  src: local('SST Heavy'), local('SST-Heavy'),
      url('../fonts/SST-Heavy.ttf') format('woff2'),
      url('../fonts/SST-Heavy.woff') format('woff'),
      url('../fonts/SST-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
/* COMMON */
body{
  /* background:#000; */
  color:#fff;
  font-family:"SST W01 Roman", Helvetica, Arial, sans-serif;
  font-size:1em;
  font-style:normal;
  font-weight:400;
  /* line-height:1.3; */
}
#wrap{
  padding-top:40px;
}
.section-container{
  padding-bottom:60px;
  padding-top:60px;
}
/* COMMON */

/* NAVS/HEADER/FOOTER */
.navbar{
  background-color:rgba(0,0,0,1);
  padding:0;
  z-index: 999 !important;
}
.navbar-expand-md > .container{
  padding-left:15px;
  padding-right:15px;
}
.navbar-toggler{
  border:none;
  margin-left:-15px;
  padding:5px 15px;
}
.navbar-toggler:focus{
  outline:none;
}
.navbar-collapse ul{
  padding:0 0 10px;
  margin:0;
}
.navbar-collapse ul li{
  background:rgba(0,0,0,0);
  list-style:none;
	padding:5px 0 5px 0;
}
.navbar-collapse ul li a.nav-link{
  display:block;
	font-size:0.875em;
  line-height:1;
	padding:5px;
  color:#ffffff !important;
}
.navbar-collapse ul li a.nav-link span{
  display:inline-block;
	padding:5px 0;
  position:relative;
}

.navbar-brand{
  left:0;
  margin:auto;
  padding:7px 0;
  position:absolute;
  right:0;
  top:0;
  width:110px;
}

/* NAVS/HEADER/FOOTER */

/* FONTS */
h1{
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height:0;
  margin:0;
}
h2{
  font-family:"SST W01 Bold", Helvetica, Arial, sans-serif;
  font-size:1.625em;
  margin-top:0;
  margin-bottom:10px;
  text-align:center;
}
strong,
.medium{
  font-family:"SST W01 Medium", "SST W01 Roman", Helvetica, Arial, sans-serif;
  font-weight:500;
}
.sst-pro{
  font-family:"SST Pro", "SST W01 Roman", Helvetica, Arial, sans-serif;
  font-weight:500;
}
.font-CondensedBd{
  font-family:'SSTPro-CondensedBd', "SST W01 Medium", "SST W01 Roman", Helvetica, Arial, sans-serif !important;
  letter-spacing:3px;
}
.font-SSTMedium{
  font-family:'SSTMedium', "SST W01 Medium", "SST W01 Roman", Helvetica, Arial, sans-serif !important;
}
.header-spacing{
  letter-spacing:12px;
}
.copy-spacing{
  letter-spacing:2px;
}
ol li{
  font-size:1em;
}
p.last{
  margin-bottom:0;
}
p.tnc,
.font-ssmall{
  font-size:0.688em;
}
.font-small{
  font-size:0.8750em;
}
sup{
  line-height:normal;
  vertical-align:super;
}
a{
  color:#ffffff;
}
a:hover,
a:focus{
  text-decoration:none;
}
a.btn-box,
div.btn-box{
  background-color:initial;
  border:1px solid #ff5900;
  color:#ffffff;
  display:inline-block;
  font-family:"SST W01 Medium", Helvetica, Arial, sans-serif;
  font-size:1em;
  font-weight:500;
  line-height:1;
  padding:6px 10px 5px;
  -webkit-transition:background-color 0.5s ease-out;
  -moz-transition:background-color 0.5s ease-out;
  -o-transition:background-color 0.5s ease-out;
  transition:background-color 0.5s ease-out;
}
a.btn-box:hover,
a.btn-box:focus,
a div.btn-box:hover,
a div.btn-box:focus{
  background-color:#ffffff;
  color:#000000;
}
a.btn-box.black,
div.btn-box.black{
  color:#000000;
}
a.btn-box.black:hover,
a.btn-box.black:focus,
a div.btn-box.black:hover,
a div.btn-box.black:focus{
  background-color:#000000;
  color:#ffffff;
}
.black{
  color:#000000;
}
.orange{
  color:#ff5900;
}
.bg-grey{
  background-color:#bfc0c1;
}
/* FONTS */

/* SWIPER */


.swiper-pagination-bullet-active{
  background:#ff5900;
  border:1px solid #ff5900;
}
.swiper-button-next1,
.swiper-button-prev1{
  color:#000000;
  height:100%;
  margin-top:0;
  padding-top:30%;
  top:0;
  width:17%;
  -ms-flex-align:start;
  align-items:flex-start;
}
.swiper-button-next1{
  right:0;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
.swiper-button-prev1{
  left:0;
  -ms-flex-pack:end;
  justify-content:flex-end;
}
/* SWIPER */

/* .landing-section{
  background-color:#ffffff;
  color:#000000;
  height:100vh;
} */
.swiper-indicator{
  bottom:15px;
  position:absolute;
  right:15px;
  z-index:1;
}
.swiper-indicator span{
  color:#ffffff;
  display:block;
  font-size:0.875em;
  line-height:1;
  text-align:center;
}
.white-indicator .swiper-indicator span,
.white-indicator .marquee-container{
  color:#000000;
}
.landing-section .swiper-container.white-indicator{
  background-color:#000000;
}
.indicator-line{
  background-color:#ffffff;
  height:80px;
  margin:5px auto;
  transition:height 275ms cubic-bezier(0.645, 0.045, 0.355, 1);
  width:1px;
}
.white-indicator .swiper-indicator span.indicator-line{
  background-color:#000000;
}
.indicator-total.arrow:after{
  content:'';
  display:block;
  position:relative;
  width:16px;
  height:16px;
  right:0;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAaUlEQVQ4T2NkoBAwUqifYZAY8P//fwOQVxgZGS8Q4yVk9WAvQAU2MDAwBBAyBF0tPAyIMQSbGpRAxGcILjmMWMCmEJ/BWKMRWQM0UHGGD850gGQIyAycgYs3IRETvYMkJRKT+nCpodgLAJ2wPxFwJDXFAAAAAElFTkSuQmCC');
  background-position:center;
  background-size:16px 16px;
  background-repeat:no-repeat;
}
.white-indicator .indicator-total.arrow:after{
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVQ4T2NkoBAwUqifYfAYYAD1ygUivQRXD/MCSGADAwNDAAMDAyFDUNQihwExhmCoQQ9EfIZglcMWC9gU4jQYVzQiawCFK87wwZcOYIaADMAZuIQSEsHoJWQAwWQxDAwAAPaGGBFmuuDUAAAAAElFTkSuQmCC');
}
.marquee-container{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  color:#ffffff;
}
.marquee-1{
  background-image:url(../images/revamp/marquee-1-mobile.jpg);
}
.marquee-1 .container,
.marquee-2 .container{
  padding-top:10%;
}
.marquee-1 img{
  width:125px;
}
.marquee-2{
  background-image:url(../images/revamp/marquee-2-mobile.jpg);
}
.marquee-2 img{
  width:70px;
}
.marquee-3{
  background-image:url(../images/revamp/marquee-3-mobile-small.jpg);
}
.marquee-3 .container{
  padding-top:5%;
}
.marquee-4{
  background-image:url(../images/highlight/highlight-3-mobile.jpg);
}
.marquee-4 div.btn-container{
  left:0;
  position:absolute;
  top:63%;
}
.marquee-5{
  background-image:url(../images/highlight/highlight-3-mobile.jpg);
  background-position: center center;
}

.marquee-6 p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6 .container{padding-top:13vh;}
.marquee-6 span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.marquee-6-b p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6-b .container{padding-top:13vh;}
.marquee-6-b span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.marquee-6-c p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6-c .container{padding-top:13vh;}
.marquee-6-c span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.marquee-6-d p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6-d .container{padding-top:13vh;}
.marquee-6-d span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
@media only screen and (min-width:320px){
  .marquee-6-e{
    background-image:url(../images/highlight/highlight-5-mobile.jpg);
    background-position: center center;
  }
}
@media only screen and (min-width:1025px){
  .marquee-6-e{
    background-image:url(../images/highlight/highlight-5.jpg);
    background-position: center center;
  }
}
.marquee-6{
  background-image:url(../images/highlight/highlight-1.jpg);
  background-position: center center;
}
.marquee-6-b{
  background-image:url(../images/highlight/highlight-2.jpg);
  background-position: center center;
}
.marquee-6-c{
  background-image:url(../images/highlight/highlight-3.jpg);
  background-position: center center;
}
.marquee-6-d{
  background-image:url(../images/highlight/highlight-4.jpg);
  background-position: center center;
}
.marquee-6-f{
  background-image:url(../images/highlight/highlight-6.jpg);
  background-position: center center;
}
.marquee-6-e p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6-e .container{padding-top:13vh;}
.marquee-6-e span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.marquee-6-f p{
    font-family: "SST Heavy", Helvetica, Arial, sans-serif;
}
.marquee-6-f .container{padding-top:13vh;}
.marquee-6-f span{
  font-size: 1.3em;
  font-weight: bold !important;
    font-family: "SST W01 bold", Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient( 
271deg
 , rgb(0 0 0) 5%, rgb(93 91 91 / 28%) 70%, rgba(0,0,0,0) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.marquee-5 .container{
  /* padding-top: 10%; */
}
.marquee-5 .marquee-5-mobile-cam{

}
.marquee-5 p{
  font-weight:bold !important;
  font-family:"SST W01 Bold", Helvetica, Arial, sans-serif;
}
.marquee-5 p.color-orange{
  color:#e65300;
}
.marquee-5 p.color-black{
  color:#000000;
}
.marquee-5 div.btn-container{
  left:0;
  position:absolute;
  top:60%;
}
.icon-down-arrow{
  bottom:8%;
  position:absolute;
  right:15px;
  width:40px;
}
.marquee-container .icon-down-arrow img{
  width:40px;
  -webkit-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  -webkit-animation:blink normal 1.5s infinite ease-in-out; 
  -ms-animation:blink normal 1.5s infinite ease-in-out; 
  animation:blink normal 1.5s infinite ease-in-out;
}
@keyframes blink{
  0%{
    opacity:1;
  }
  50%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
#landing-swiper .swiper-button-next1,
#landing-swiper .swiper-button-prev1{
  width:0;
}
#landing-swiper .swiper-button-next1{
  right:0;
}
#landing-swiper .swiper-button-prev1{
  left:0;
}
#landing-swiper .swiper-button-next1:after,
#landing-swiper .swiper-button-prev1:after{
  display:none;
}
.cameras-menu button{
  background:none;
  border:0;
  border-right:1px solid #000000;
  font-family:"SST W01 Bold", Helvetica, Arial, sans-serif;
  font-size:1em;
  line-height:1;
  padding:2px 20px 0;
}
.cameras-menu button:last-child{
  border:0;
}
.cameras-menu button.active{
  color:#ff5900;
}
#cameras-swiper .swiper-slide .cameras-image{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0.5;
  transform:scale(0.85);
  -webkit-transform-origin:50% 100%;
  -moz-transform-origin:50% 100%;
  -o-transform-origin:50% 100%;
  -ms-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:all ease-in 200ms;   
  -moz-transition:all ease-in 200ms;
  -o-transition:all ease-in 200ms; 
  -ms-transition:all ease-in 200ms;
  transition:all ease-in 200ms; 
}
#cameras-swiper .swiper-slide.swiper-slide-active .cameras-image{
  opacity:1;
  transform:scale(1);
}
.cameras-logo img{
  width:100px;
}
.cameras-description{
  font-size:0.875em;
}
.community-logo{
  width:40px;
}
.community-img{
  max-width:550px;
  width:50%;
}
.community-content{
  background:#ff5900;
  height:90%;
  left:37%;
  opacity:0;
  position:absolute;
  top:5%;
  width:58%;
  -webkit-transition:opacity 1s ease-in;
  -moz-transition:opacity 1s ease-in;
  -ms-transition:opacity 1s ease-in;
  -o-transition:opacity 1s ease-in;
  transition:opacity 1s ease-in;
}
#community-swiper .swiper-slide.swiper-slide-active .community-content{
  opacity:1;
}
.community-sdw{
  width:80px;
}
.community-universe{
  width:130px;
}
.community-header{
  font-family:"SST W01 Medium", "SST W01 Roman", Helvetica, Arial, sans-serif;
  font-size:1.125em;
  font-weight:500;
}
.community-header img{
  display:inline-block;
  margin-top:-2px;
  width:16px;
}

a.btn-community{
  border:1px solid #000000;
  border-radius:5px;
  color:#000000;
  font-size:0.688em;
  padding:6px 7px 5px;
}

/* Video page styling */
/* #WhyVideo  */
/* Video page styling */
@media(max-width:991px){
  #world-film{
    padding:200px 50px;
    background-color:#000;
  }
  #world-film img{
    margin-bottom:50px !important;
  }
}
@media(min-width:992px){
  #world-film{
    padding:300px 50px;
    background-color:#000;
  }
}
#world-film img{
  max-width:560px;
  width:100%;
  object-fit: cover;
  margin:0 auto;
  display:block;
}
#world-film .col-lg-12.col-md-12.col-sm-12.col-xs-12{
  text-align: center;
}
#world-film .btn-orange-cta {
  background-color: #f84f15;
  padding: 12px 40px 12px 20px;
  border-radius: 30px;
  color: #ffffff !important;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#world-film .btn-orange-cta:after {
  content: "";
  display: block;
  background-image: url(../images/revamp/videowithsony/accordion-arrow-right.png);
  background-repeat: no-repeat;
  height: 21px;
  width: 11px;
  position: absolute;
  right: 18px;
  top: 9px;
}
.navbar{
    height: 76px;
  }
 @media (max-width: 992px) {
 .navbar{
    height: 66px;
  }
 }

 @media (max-width: 768px) {
  .navbar{
    height: auto;
    min-height: 41px;
  }
  .navbar-dark .navbar-brand{
    height: 41px !important;
  }
 }