@charset "utf-8";





@font-face {
    font-family: 'PFDasGroteskPro-Light';
    src: url('../fonts/PFDasGroteskPro-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PFDasGroteskPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PFDasGroteskPro-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PFDasGroteskPro-Light.svg#PFDasGroteskPro-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: 'PFDasGroteskPro-Regular';
    src: url('../fonts/PFDasGroteskPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PFDasGroteskPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PFDasGroteskPro-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PFDasGroteskPro-Regular.svg#PFDasGroteskPro-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'PFDasGroteskPro-Bold';
    src: url('../fonts/PFDasGroteskPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PFDasGroteskPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PFDasGroteskPro-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PFDasGroteskPro-Bold.svg#PFDasGroteskPro-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: 'PFDasGroteskPro-Medium';
    src: url('../fonts/PFDasGroteskPro-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/PFDasGroteskPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/PFDasGroteskPro-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/PFDasGroteskPro-Medium.svg#PFDasGroteskPro-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
}


html,body{
  margin:0px;
  padding:0px;
}

.gs-page .gs-mob{
  display:none !important;
}

.gs-page .gs-clear{
  clear:both;
}

.gs-page *{
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}


.gs-page{
  font-family: 'PFDasGroteskPro-Regular';
  color:#004383;
  font-size:28px;
    position:relative;
    margin:0 auto 0 auto;
    line-height:normal;
    margin:0 auto 0 auto;
    padding:0 0 0px 0;
    text-align:center;
    overflow:hidden;
    background:#ffffff;
}

.gs-page strong{
  font-family: 'PFDasGroteskPro-Medium';
  font-weight: normal;
}

.gs-page sup{
  font-size: 14px;
}

.gs-outrow sup{
  font-size: 11px;
}

.gs-page a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  text-decoration: none;
} 


.gs-outrow{
  padding:70px 20px 35px 20px;
  position:relative;
  color: #004383;
}

.gs-outrow .gs-title{
  font-size:21px;
  line-height:29px;
  font-weight:bold;
  padding:0 0 17px 0;
}

.gs-outrow .gs-text{
  padding:0 0 30px 0;
  font-size:19px;
  line-height: 29px;
}

.gs-outrow .gs-copy{
  font-size:12px;
  padding:40px 20px 0 20px;
  max-width:760px;
  margin:0 auto 0 auto;
}

.gs-outrow .gs-cta{
  display:inline-block;
  background:#004383;
  width: 157px;
  height: 45px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  margin:0 auto 0 auto;
  font-size:14px;
  font-weight:bold;
  line-height:45px;
  color:#ffffff;
  text-decoration:none;

  -webkit-transition: all 200ms;
     -moz-transition: all 200ms;
       -o-transition: all 200ms;
          transition: all 200ms;
}

.gs-outrow .gs-cta:hover{
  opacity:0.8;
}

.gs-outrow .gs-snow {
  top:50px;
  margin:0 0 0 530px;
  width:62px;
  height:70px;
}






.gs-links .gs-links-title{
  font-size:21px;
  color:#004383;
  padding:0px 0 30px 0;
}

.gs-links .gs-links-holder{
  font-size:0px;
}

.gs-links .gs-links-holder .gs-link{
  font-size:14px;
  display:inline-block;
  vertical-align:top;
  width:160px;
  padding:50px 0 0 0;
  background: url("../images/icon-link1.png") no-repeat center top;
  background-size:auto 35px;
  color:#004383;
  font-size:13px;
  text-decoration:none;
}


.gs-links .gs-links-holder .gs-link.gs-l2{ background-image: url("../images/icon-link2.png"); }
.gs-links .gs-links-holder .gs-link.gs-l3{ background-image: url("../images/icon-link3.png"); }
.gs-links .gs-links-holder .gs-link.gs-l4{ background-image: url("../images/icon-link4.png"); background-position:center 5px; }
.gs-links .gs-links-holder .gs-link.gs-l5{ background-image: url("../images/icon-link5.png");  background-size: auto 40px; }





.gs-legal{
  background:#023e85;
  padding:35px 20px 25px 20px;
  text-align:center;
}

.gs-legal .gs-text{
  max-width:1140px;
  margin:0 auto 0 auto;
  color:#9bc5f4;
  font-size:14px;
  line-height:22px;
}

.gs-legal .gs-text a{
  color:#fff;
}



.gs-hero{
  position: relative;
  height: 584px;
}


.gs-hero .gs-bg{
  position:absolute;
  left:0px;
  top:0px;
  background: url("../images/img-header.png") no-repeat center center;
  background-size:cover;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.gs-hero .gs-video{
  position:absolute !important;
  right:0px;
  top:0px;
  width: 60%;
  height: 100%;
  z-index: 5;
}


.gs-hero .gs-content{
  position:absolute;
  left:50%;
  top:110px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  z-index: 20;
  text-align: left;
  max-width: 1200px;
  width: 100%;
  color: #fff;
}

.gs-hero .gs-content .gs-title{
  font-size: 44px;
  line-height: 48px;
  font-family: 'PFDasGroteskPro-Bold';
  font-style: italic;
  padding: 0 0 30px 0;
}

.gs-hero .gs-content .gs-more{
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  background:  url("../images/icon-scroll.png") no-repeat right center;
  background-size: 30px 30px;
  padding: 0 42px 0 0;
  display: inline-block;
  font-family: 'PFDasGroteskPro-Medium';
  font-style: italic;
}


.gs-products{
  padding: 70px 20px 40px 20px;
  font-style: italic;
}

.gs-products .gs-title{
  font-size: 36px;
  font-family: 'PFDasGroteskPro-Bold';
}

.gs-products .gs-text{
  font-size: 28px;
  line-height: 36px;
  padding: 35px 0 90px 0;
}


.gs-products .gs-items{
  width: 1140px;
  margin: 0 auto 140px auto;
  font-size: 0px;
  position: relative;
  height: 505px;
}

.gs-products .gs-items.gs-i3{
  margin-bottom: 0px;
}

.gs-products .gs-items .gs-item{
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}


@media screen and (min-width: 960px) {

  .gs-products .gs-items .gs-item{
    position: absolute;
    left: 0px;
    top: 0px;
  }

   .gs-products .gs-items.gs-i1 .gs-item.gs-i1{ top: 65px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i2{ left: 410px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i3{ left: 659px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i4{ left: auto; right: 0px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i5{ top: auto; bottom: 0px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i6{ top: auto; bottom: 0px; left: 410px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i7{ top: auto; bottom: 0px; left: 659px; }
   .gs-products .gs-items.gs-i1 .gs-item.gs-i8{ top: auto; bottom: 0px; left: auto; right: 0px; }


   .gs-products .gs-items.gs-i2 .gs-item.gs-i2{ left: 390px; }
   .gs-products .gs-items.gs-i2 .gs-item.gs-i3{ top: auto; bottom: 0px; left: 390px; }
   .gs-products .gs-items.gs-i2 .gs-item.gs-i4{ top: auto; bottom: 0px; left: auto; right: 0px; }


   .gs-products .gs-items.gs-i3 .gs-item.gs-i1{ top: 65px; }
   .gs-products .gs-items.gs-i3 .gs-item.gs-i2{ top: 65px; left: 377px; }
   .gs-products .gs-items.gs-i3 .gs-item.gs-i3{ top: auto; bottom: 0px; left: 377px; }
   .gs-products .gs-items.gs-i3 .gs-item.gs-i4{ left: auto; right: 0px; }

}


.gs-products .gs-items .gs-item .gs-item-hover{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background:  rgba(50,47,47,0.6);
  color: #fff;
  opacity: 0;

  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;

}

.gs-products .gs-items .gs-item:hover .gs-item-hover{
  opacity: 1;
}

.gs-products .gs-items .gs-item .gs-item-content{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}

.gs-products .gs-items .gs-item .gs-item-content .gs-item-title{
  font-size:46px;
}

.gs-products .gs-items.gs-i1 .gs-item.gs-i8 .gs-item-content .gs-item-title{
  font-size: 23px;
}


.gs-products .gs-items .gs-item .gs-item-content .gs-item-submenu{
  padding: 5px 0 0 0;
  line-height: 26px;
}

.gs-products .gs-items .gs-item .gs-item-content .gs-item-submenu a{
  font-size:16px;
}

.gs-products .gs-items .gs-item .gs-item-content .gs-item-submenu a:hover{
  text-decoration: underline;
}


.gs-products .gs-items .gs-item-top-title{
  display: block;
  width: 400px;
  font-size: 36px;
  font-family: 'PFDasGroteskPro-Bold';
  height: 50px;
}

.gs-products .gs-items.gs-i2 .gs-item-top-title{
  width: 444px;
  float: right;
}

.gs-products .gs-items.gs-i3 .gs-item-top-title{
  width: 600px;
 
}



@media screen and (max-width: 1400px) {


  .gs-hero{
    height: 470px;
  }
}



@media screen and (max-width: 1250px) {


  .gs-hero{
    height: 400px;
  }

  .gs-hero .gs-content{
    padding: 0 20px;
  }

  .gs-hero .gs-content .gs-title {
      font-size: 36px;
      line-height: 40px;
  }

}


@media screen and (max-width: 1139px) {


  .gs-hero{
    height: 350px;
  }


  .gs-hero .gs-content .gs-title {
      font-size: 30px;
      line-height: 34px;
  }

  .gs-products .gs-items{
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);

    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }

    .gs-products .gs-items{
      margin: 0 auto 30px auto;
    }

    .gs-products .gs-text {
      font-size: 22px;
      line-height: 30px;
      padding: 24px 0 67px 0;
    }


}






@media screen and (max-width: 959px) {
  

  .gs-outrow{
    padding-bottom:120px;
  }



  .gs-products .gs-items .gs-item .gs-item-hover{
    display: none;
  }

  .gs-products .gs-items .gs-item .gs-item-hover,
  .gs-products .gs-items .gs-item:hover .gs-item-hover{
    opacity: 1;
  }

  .gs-products .gs-items .gs-item.gs-active .gs-item-hover{
    display: block;
  }


  .gs-products .gs-items .gs-item-top-title,
  .gs-products .gs-items.gs-i2 .gs-item-top-title,
  .gs-products .gs-items.gs-i3 .gs-item-top-title{
    width: auto;
    text-align: center;
    position: absolute;
    font-size: 30px;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
  }

  .gs-products .gs-items{
    width: 100%;
    padding: 0 5px;
    height: auto;
    display: flex;
    flex-wrap: wrap;

    padding: 50px 5px 60px 5px;
     -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .gs-products .gs-items.gs-i2{
    align-items:flex-start;
    align-content:flex-start;
  }
  .gs-products .gs-items.gs-i3{
    align-items:flex-start;
    align-content:flex-start;
  }


  .gs-products .gs-items .gs-item{
    margin: 0 5px 10px 5px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

  }

  .gs-products .gs-items .gs-item .gs-item-photo img{
    width: 100%;
    height: auto;
  }  

   .gs-products .gs-items.gs-i1 .gs-item.gs-i1 .gs-item-photo{
    position: relative;
    top: 50%;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);

   }


  .gs-products .gs-items.gs-i1 .gs-item.gs-i1{ order: 1; width: calc(62% - 10px); background: #3bcca7; }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i2{ order: 2; width: calc(38% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i5{ order: 3; width: calc(62% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i6{ order: 4; width: calc(38% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i3{ order: 5; width: calc(44% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i4{ order: 6; width: calc(56% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i7{ order: 7; width: calc(65% - 10px); }
  .gs-products .gs-items.gs-i1 .gs-item.gs-i8{ order: 8; width: calc(35% - 10px); }


  .gs-products .gs-items.gs-i2 .gs-item.gs-i2{ order: 1; width: calc(44% - 10px); }
  .gs-products .gs-items.gs-i2 .gs-item.gs-i1{ order: 2; width: calc(56% - 10px); }
  .gs-products .gs-items.gs-i2 .gs-item.gs-i3{ order: 3; width: calc(43.6% - 10px); }
  .gs-products .gs-items.gs-i2 .gs-item.gs-i4{ order: 4; width: calc(100% - 10px); }


  .gs-products .gs-items.gs-i2 .gs-item.gs-i3{
    position: absolute;
    -ms-transform: translate(-0%, 100%);
    -webkit-transform: translate(-0%, 100%);
    transform: translate(-0%, 100%);
  }


  .gs-products .gs-items.gs-i3 .gs-item.gs-i1{ width: calc(61% - 10px); }
  .gs-products .gs-items.gs-i3 .gs-item.gs-i2{ width: calc(39% - 10px); }
  .gs-products .gs-items.gs-i3 .gs-item.gs-i3{ width: calc(38% - 10px); }
  .gs-products .gs-items.gs-i3 .gs-item.gs-i4{ width: calc(100% - 10px); }


  .gs-products .gs-items.gs-i3 .gs-item.gs-i3{
    position: absolute;
    -ms-transform: translate(0%, calc(100% + 15px));
    -webkit-transform: translate(0%, calc(100% + 15px));
    transform: translate(0%, calc(100% + 15px));
    left: auto;
    right: 5px;
  }

  .gs-hero .gs-content .gs-title{
    font-size: 25px
  }

  .gs-products .gs-text br{
    display: none;
  }



}


@media screen and (max-width: 767px) {

  
  .gs-page .gs-mob{
    display:block !important;
  }

  .gs-page .gs-desk{
    display:none !important;
  }


  .gs-outrow {
      padding: 35px 20px 120px 20px;
      position: relative;
  }

  

  .gs-outrow .gs-text{
    padding:0 30px 50px 30px;
  }

  

  .gs-links .gs-links-holder .gs-link{
    margin: 0 0 30px 0;
  }

  .gs-form .gs-title,
  .gs-form .gs-text{
    font-size: 21px;
  }

  .gs-links .gs-links-holder .gs-link{
    display: block;
    margin: 0 auto 50px auto;
  }
  .gs-outrow{
    padding: 35px 20px 20px 20px;
  }


  .gs-products{
    padding: 35px 5px 40px 5px;
  }

  .gs-hero{
    height: 290px;
  }

  .gs-hero .gs-bg{
    background:  url("../images/mob-hero.jpg") no-repeat center center;
    background-size: cover;
  }

  .gs-hero .gs-content{
    text-align: center;
    top: 127px;
  }

  .gs-products .gs-text{
    font-size: 24px;
    padding: 26px 10px 45px 10px;
  }

  .gs-products .gs-items .gs-item .gs-item-content .gs-item-title{
    font-size: 24px;
  }

  .gs-products .gs-items .gs-item .gs-item-content .gs-item-submenu{
    line-height: 18px;
    padding: 0px;
  }

  .gs-products .gs-items .gs-item .gs-item-content .gs-item-submenu a{
    font-size: 14px;
  }

  .gs-products .gs-items.gs-i1 .gs-item.gs-i8 .gs-item-content .gs-item-title {
      font-size: 16px;
  }

  .gs-products .gs-items.gs-i3{
    padding-top: 90px;
  }

  .gs-products .gs-items.gs-i3 .gs-item.gs-i3{
      -ms-transform: translate(0%, calc(100% + 8px));
      -webkit-transform: translate(0%, calc(100% + 8px));
      transform: translate(0%, calc(100% + 8px));
  }

  .gs-products .gs-items.gs-i3 .gs-item.gs-i3 .gs-item-title{
    font-size: 21px;
  }

   .gs-products .gs-items.gs-i3 .gs-item.gs-i3 .gs-item-submen{
    line-height: 16px;
   }

   .gs-products .gs-items.gs-i3 .gs-item.gs-i3 .gs-item-submenu a{
    font-size: 12px;
  }



  

}