@font-face {
    font-family: 'bold';
		src: url('../fonts/titilliumweb-bold-webfont.eot');
		src: url('../fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/titilliumweb-bold-webfont.ttf') format('truetype'),
				 url('../fonts/titilliumweb-bold-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-bold-webfont.woff') format('woff'),
         url('../fonts/titilliumweb-bold-webfont.svg#bold') format('svg');
}


@font-face {
    font-family: 'regular';
		src: url('../fonts/titilliumweb-regular-webfont.eot');
		src: url('../fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/titilliumweb-regular-webfont.ttf') format('truetype'),
				 url('../fonts/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-regular-webfont.woff') format('woff'),
         url('../fonts/titilliumweb-regular-webfont.svg#regular') format('svg');
}

@font-face {
    font-family: 'light';
		src: url('../fonts/titilliumweb-light-webfont.eot');
		src: url('../fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/titilliumweb-light-webfont.ttf') format('truetype'),
				 url('../fonts/titilliumweb-light-webfont.woff2') format('woff2'),
         url('../fonts/titilliumweb-light-webfont.woff') format('woff'),
         url('../fonts/titilliumweb-light-webfont.svg#light') format('svg');
}

#mobile_indicator{
  display: none;
}

#bgvid {
    position: absolute;;

    top: -15vh;
    min-width: 100vw;
    min-height: 120vh;
    width: auto;
    height: auto;
    z-index: 0;
}

.video_overlay {
  position:absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 80vh;
  background-color: rgba( 16, 136, 186, 0.25);
  z-index: 1;
}

#video_caption {
  position: absolute;
  left:0;
  top: 0;
  transform: translateX(0) translateY(0);
  width: 100vw;
  height:  75vh;
  z-index: 3;
  background-image: url('../images/logo_VRVisio_white.png');
  background-size: 300px auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.more_padding {
  padding: 60px 0;
}

.divider_absolute {
  position:absolute;
  top:0;
  width: 100%;
  z-index: 10;
}

.divider_absolute_BOTTOM {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.desc_wrapper {
  padding: 50px 0;
}

.top_bar_left{
  width:100% !important;
}

.menu_wrapper{
  width:100% !important;
}

.m_w_w{
  display: inline-block;
}

#Top_bar .menu > li > a, #Top_bar .menu > li > a:after {
    -webkit-transition: all .1s ease-in-out !important;
    -moz-transition: all .1s ease-in-out !important;
    -o-transition: all .1s ease-in-out !important;
    -ms-transition: all .1s ease-in-out !important;
    transition: all .1s ease-in-out !important;
}

#Top_bar .menu > li > a, #Top_bar .top_bar_right a{
  color:inherit;
}

#menu{
  color:#ffffff;
}

#Top_bar{
  position: fixed !important;
}

video{
  height:10vh;
}

.center {
  padding: 7% 22%;
}

.brandicon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.offericon{
    position: relative;
    height: 114%;
}

.our_brandicon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 170px;
    width: auto;
    max-width: 70%;
}

.offer_li .image_wrapper {
  background-color: #000;
  overflow: hidden;
}

.project_bg {
  position: relative;
  padding: 30% 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 570px;
  transform: scale(1,1);
  -webkit-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -moz-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -o-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  transition: .5s all cubic-bezier(.25, 0, 0, 1);
}

.project_vid {
  position: relative;
  max-height: 570px;
  padding: 5px 0;

}

.project_vid video {
  width: 100%;
  height: auto;
  margin-top: 36px;
}

.project_fg {
  position: absolute;
  width: 100%;
  top:0;
  bottom: 0;
  z-index: 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -moz-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -o-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  transition: .5s all cubic-bezier(.25, 0, 0, 1);
}

.project_logo {
  position: absolute;
  width: 300px;
  height: auto;
  margin: 100px 70px 0 0;
  top: 0;
  right: 0;
  z-index: 5;
  transform: scale(1);
  -webkit-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -moz-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  -o-transition: .5s all cubic-bezier(.25, 0, 0, 1);
  transition: .5s all cubic-bezier(.25, 0, 0, 1);

}

.offer_li:hover .image_wrapper .project_bg {
  background-size: auto 110%;
  opacity: 0.8;
}

.offer_li:hover .image_wrapper .project_fg {
  margin-left: -20px;
}

.offer_li:hover .image_wrapper .project_logo {
  transform: scale(1.2);
}

@media (max-width: 1240px){
  #Top_bar{
    height: auto !important;
  }

  #mobile_indicator{
    display: block;
  }

  .m_w_w{
    width:100%;
    text-align: left;
    margin-bottom: 21px !important;
  }

  .menu_wrapper{
    margin-bottom: -21px !important;
  }

  #Top_bar .menu_wrapper {
    position: static !important;
  }

  #menu{
    position: static !important;
  }

  .offer_li > .image_wrapper{
    width:100% !important;
  }

  .offer_li > .desc_wrapper{
    width:95% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px){
  #Top_bar{
    top:0;
  }

  #Top_bar .logo #logo {
    padding: 15px 0 !important;
  }

  #Top_bar .logo{
    text-align: left;
  }
}

@media (max-width: 480px){
  .container.full-width{
    width:100% !important;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }

  .scale-with-grid{
    width:75%;
  }
}


@media (max-width: 750px){
  #video_caption{
    transform: translateY(10vw);
    background-size: 50vw auto;
  }
}


#mailResponse{
  font-size: 1.5em;
}