@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-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 strong{
  font-weight: normal;
  font-family: 'PFDasGroteskPro-Bold';
}

.gs-page{
	font-family: 'PFDasGroteskPro-Light';
	color:#003e82;
	font-size:24px;
  	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:#fff;
}



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


.gs-hero{
    padding: 240px 20px 90px 20px;
    background:  url("../images/bg-hero.png") no-repeat center 20px;
}

.gs-hero .gs-title{
    font-size: 34px;
    padding: 0 0 15px 0;
    font-family: 'PFDasGroteskPro-Bold';
}



.gs-faq{
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  padding: 0 20px 70px 20px;
}

.gs-faq .gs-item{
  padding: 0 0 50px 0;
}

.gs-faq .gs-item .gs-q{
  font-size: 24px;
  font-family: 'PFDasGroteskPro-Bold';
  display: inline-block;
  position: relative;
  padding: 2px 0 0 55px;
}

.gs-faq .gs-item .gs-q::after{
  content: "";
  position:absolute;
  left:10px;
  top:14px;
  background: url("../images/icon-faq.png") no-repeat center top;
  background-size:cover;
  width: 13px;
  height: 9px;
}

.gs-faq .gs-item .gs-q.gs-active::after{
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  background-position: center bottom;
}


.gs-faq .gs-item .gs-q::before{
  content: "";
  width: 274px;
  height: 35px;
  background: #003e82;
  position: absolute;
  left: -232px;
  top: 0px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;

}

.gs-faq .gs-item .gs-q.gs-active::before{
  background-color: #ebf1ff;
}






.gs-faq .gs-item .gs-ans{
  font-size: 21px;
  padding: 20px 0 30px 10px;
  display: none;
}

.gs-faq .gs-item .gs-ans ol,
.gs-faq .gs-item .gs-ans ol li{
  list-style-type: decimal;
  padding: 0 0 0 0;
}

.gs-faq .gs-item .gs-ans a{
  text-decoration: underline;
}


.gs-links{
    padding: 0px 20px 90px 20px;
    font-size: 0px;
}

.gs-links .gs-col{
  display: inline-block;
  vertical-align: top;
  width: 575px;
  font-size: 18px;

}

.gs-links .gs-col .gs-icon{
  height: 64px;
  background: url("../images/icon-link1.png") no-repeat center top;
  background-size:auto 46px;
}

.gs-links .gs-col.gs-c2 .gs-icon{ background-image: url("../images/icon-link2.png");  }


.gs-links .gs-col .gs-text{
  padding: 0 0 30px 0;
}

.gs-links .gs-col .gs-more{
  background: #003e82;
  padding: 13px 40px;
  color: #fff;
  font-family: 'PFDasGroteskPro-Bold';
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 14px;
}

.gs-links .gs-col .gs-more:hover{
  opacity: 0.8;
}

.gs-links strong{
  font-family: 'PFDasGroteskPro-Medium';
}

.gs-info{
    padding: 0px 20px 60px 20px;
}

.gs-info .gs-title{
    font-size: 36px;
    padding: 0 0 20px 0;
    font-family: 'PFDasGroteskPro-Bold';
}

.gs-info .gs-text{
    font-size: 23px;
}

.gs-info .gs-text p{
  margin: 0;
  padding: 0;
}

.gs-info .gs-text a{
  text-decoration: underline;
  word-wrap: break-word;
}

.gs-page  a:hover{
  color: rgb(5, 99, 193);
}

.gs-info strong{
  font-family: 'PFDasGroteskPro-Medium';
}

.gs-lnk-break{
  word-wrap: break-word;
}





@media screen and (max-width: 1300px) {
	 
   .gs-info .gs-text br{
      display: none;
   }

   .gs-info strong{
      padding-top: 20px;
      display: block;
   }


}

@media screen and (max-width: 1200px) {
   
   .gs-info .gs-text br{
      display: none;
   }

   .gs-links .gs-col{
    width: 50%;
    padding: 0 20px;
   }


}


@media screen and (max-width: 1139px) {
  
  .gs-hero .gs-title{
    font-size: 28px;
  }

  .gs-hero .gs-text{
      font-size: 20px;
  }


}

@media screen and (max-width: 959px) {
    .gs-hero .gs-title br,
    .gs-hero .gs-text br{
        display: none;
    }



}





@media screen and (max-width: 767px) {
   
    .gs-hero .gs-title{
      font-size: 26px;
      padding-right: 20px;
      padding-left: 20px;
    }

    .gs-hero .gs-title span{
      font-size: 18px;
      display: block;
      padding: 20px 0 10px 0;
    }

    .gs-hero .gs-text{
      font-size: 18px;
    }

    .gs-links .gs-col{
      display: block;
      width: auto;
      padding: 0 0 50px 0;
    }

    .gs-info .gs-title{
      font-size: 28px;
      padding: 0 0 0px 0;
    }

    .gs-info .gs-text {
      font-size: 20px;
      word-wrap: break-word;
   }

   .gs-links,
   .gs-faq{
    padding: 0 15px 40px 15px;
   }

   .gs-hero{
    padding: 240px 15px  40px 15px;
   }

   .gs-faq .gs-item .gs-q {
    font-size: 24px;
  }


}









































