/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
body{
  margin:0
}
@media only screen and (max-width:600px){
  .hide-on-small-and-down,.hide-on-small-only{
    display:none!important
}
}
@media only screen and (max-width:992px){
  .hide-on-medium-and-down{
    display:none!important
}
}
@media only screen and (min-width:601px){
  .hide-on-medium-and-up{
    display:none!important
}
}
@media only screen and (min-width:600px) and (max-width:992px){
  .hide-on-medium-only{
    display:none!important
}
}
@media only screen and (min-width:993px){
  .hide-on-large-only{
    display:none!important
}
  .show-on-large{
    display:initial!important
}
}
@media only screen and (min-width:600px) and (max-width:992px){
  .show-on-medium{
    display:initial!important
}
}
@media only screen and (min-width:601px){
  .show-on-medium-and-up{
    display:initial!important
}
}
@media only screen and (max-width:992px){
  .show-on-medium-and-down{
    display:initial!important
}
}
@media only screen and (max-width:600px){
  .show-on-small{
    display:initial!important
}
  .center-on-small-only{
    text-align:center
}
}
.banner-button{
  cursor:pointer;
  display:inline-block;
  outline:0;
  vertical-align:middle;
  padding:18px 39px;
  background-color:#454545;
  color:#fff;
  transition:all .15s ease-in-out;
  border-radius:0px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position:relative;
  line-height:1;
  border:0 solid transparent;
  font-family:"Open Sans",sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:700
}


.logo{
max-width:150px;
margin-top:5px;
}


.CTA{
 font-weight:normal;
border-radius:5px !important;
background-color: #ED3B58;
border: none;
border-radius:0px;
font-weight:500;
color: #ffffff;
text-align: center;
margin-top:10px;
margin-left:5px;
font-size: 16px;
height:50px;
width: 230px;
cursor: pointer;
padding: 12px 6px 12px 6px;
font-family:Montserrat,sans-serif;
margin:0 auto;
text-transform:uppercase;
margin-top:10px;
}

.CTA:hover{
  flex:1 0 auto;
  transition:all .25s ease-in-out;
  transform:scale(1.05);
  cursor:hand;
}

.banner-container-300x600 .title h4,.banner-container-728x90 .title h4{
  font-family:Montserrat,sans-serif;
  margin:0 auto;
  letter-spacing:2px;
  color:#484848;
}
.banner-button.pink{
  background-color:#f93d66;
  border-color:#f82452
}
.banner-button.pink.active,.banner-button.pink:hover{
  background-color:#f82452
}
.banner-button.pink:active{
  background-color:#f70c3f
}
.banner-button.primary{
  background-color:#2185d0;
  border-color:#1e77ba
}
.banner-button.primary.active,.banner-button.primary:hover{
  background-color:#1e77ba
}
.banner-button.primary:active{
  background-color:#1a69a4
}
.banner-button:active{
  transition:all 0s ease-in-out
}
.banner-container{
  width:970px;
  height:90px;
  background-color:#fff;
  background-image:url(../png/img_bg.png);
  position:relative;
  

}
.banner-container .link-container{
  display:flex;
  position:absolute;
  top:30px;
  left:10px;
  width:750px;

}
.banner-container .link-container .link{
  flex:1 0 auto;
  transition:all .15s ease-in-out

  
}
.banner-container .link-container .link:hover{
  transform:scale(1.1)
}
.banner-container .action-container{
  position:absolute;
  right:10px;
  top:0;
  height:100%;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.banner-container .action-container img{
  clear:both;
  float:right

}
.banner-container .action-container .download{
  padding-top:20px;
  transition:all .15s ease-in-out
}
.banner-container .action-container .download:hover{
  transform:scale(1.05)
}
.banner-container-728x90{
  width:728px;
  height:90px;
  background-color:#fff;
  position:relative
}
.banner-container-728x90 .title{
  position:absolute;
  top:9px;
  left:11px;
  width:100%
}
.banner-container-728x90 .title h4{
  font-size:11px;
  width:100%
}
.banner-container-728x90 .link-container{
  display:flex;
  position:absolute;
  top:30px;
  left:10px;
  width:530px
}
.banner-container-728x90 .link-container .link{
  flex:1 0 auto;
  transition:all .15s ease-in-out
}
.banner-container-728x90 .link-container .link:hover{
  transform:scale(1.1)
}
.banner-container-300x600 .action-container .download:hover,.banner-container-300x600 .link-container .link:hover,.banner-container-728x90 .action-container .download:hover{
  transform:scale(1.05)
}
.banner-container-728x90 .action-container{
  position:absolute;
  right:10px;
  top:0;
  height:84%;
  padding:10px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.banner-container-728x90 .action-container img{
  clear:both;
  float:right
}
.banner-container-728x90 .action-container .download{
  transition:all .15s ease-in-out
}
.banner-container-300x600{
  width:300px;
  height:600px;
  background-color:#fff;
  position:relative
}
.banner-container-300x600 .title{
  position:absolute;
  top:75px;
  width:100%;
  text-align:center
}
.banner-container-300x600 .title h4{
  font-size:20px;
  width:80%
}
.banner-container-300x600 .link-container{
  display:flex;
  position:absolute;
  top:144px;
  padding:0 8px;
  width:94%;
  height:360px;
  flex-direction:row;
  flex-wrap:wrap;
  text-align:center;
  z-index:100
}
.banner-container-300x600 .link-container .link{
  flex:1 0 auto;
  transition:all .15s ease-in-out;
  margin-bottom:8px
}
.banner-container-300x600 .action-container{
  position:absolute;
  height:92%;
  width:100%;
  padding:30px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center
}
.banner-container-300x600 .action-container .download{
  transition:all .15s ease-in-out
}
.banner-container-content-ad{
  max-width:1170px;
  min-height:345px;
  max-height:1000px;
  background-color:none!important;
  position:relative
}
.banner-container-content-ad .title{
  position:relative;
  top:0;
  left:12px;
  width:86%
}
.banner-container-content-ad .title h4{
  font-family:Helvetica,Arial,sans-serif;
  font-size:22px;
  margin:0
}
@media only screen and (max-width:600px){
  .banner-container-content-ad .title h4{
    font-size:16px
}
}
.banner-container-content-ad .link-container{
  display:flex;
  position:absolute;
  padding:5px 8px 0 10px;
  width:100%;
  height:325px;
  flex-direction:row;
  flex-wrap:wrap;
  text-align:center;
  z-index:100;
  flex-basis:auto;
  font-family:"Open Sans",sans-serif
}
@media only screen and (max-width:992px){
  .banner-container-content-ad .link-container{
    width:calc(100% - 20px)
}
}
.banner-container-content-ad .link-container .link{
  flex:1 auto;
  transition:all .15s ease-in-out;
  width:33.3%;
  height:300px
}
.banner-container-content-ad .link-container .link .tile-container{
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  border-radius:10px !important;
  background-color:#fff;
  border-radius:0px;
  position:relative;
  
  overflow:hidden;
  margin:5px;
  background-size:cover;
  box-shadow:0 1px 10px 0 rgba(0,0,0,.1);
  transition:all .18s ease-in-out
}
.banner-container-content-ad .link-container .link .tile-container .tile-image{
  position:absolute;
  top:0;
  left:0;
  height:calc(100% - 60px);
  width:100%;
  background-position:center;
  background-size:cover
}
.banner-container-content-ad .link-container .link .tile-container .tile-footer{
  position:absolute;
  bottom:-1px;
  left:-1px;
  width:calc(100% - 18px);
  padding:10px;
  text-align:left;
  background-color:#fff;
  box-sizing:content-box
}
.banner-container-content-ad .link-container .link .tile-container .tile-footer .download-icon{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  padding: 6px;
}
.banner-container-content-ad .link-container .link .tile-container .tile-footer h6{
  margin:0;
  color:#2e3032;
  font-size:15px;
  font-weight:600
  line-height:12px;
}
.banner-container-content-ad .link-container .link .tile-container .tile-footer .type{
  font-size:14px;
  color:#969697;
  font-weight:700
}
@media only screen and (max-width:992px){
  .banner-container-content-ad .link-container .link{
    width:50%
}
}
.banner-container-content-ad .link-container .link:hover{
  transform:scale(1.02)
}
.banner-container-content-ad .link-container .link:hover .tile-container{
  box-shadow:0 5px 25px rgba(0,0,0,.1);
  transform:translateY(-1px)
}
.banner-container-content-ad .action-container{
  position:absolute;
  bottom:16px;
  left:16px;
  padding:16px 0 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center
}
.banner-container-content-ad .action-container .download{
  transition:all .15s ease-in-out;
  float:left
}
.banner-container-content-ad .action-container .download:hover{
  transform:scale(1.05)
}
@media only screen and (max-width:600px){
  .banner-container-content-ad .link-container .link{
    width:100%;
    flex-basis:100%
}
  .banner-container-content-ad .link-container .link:nth-child(n+2){
    display:none
}
}
@media only screen and (min-width:601px) and (max-width:992px){
  .banner-container-content-ad .link-container .link{
    flex-basis:50%
}
  .banner-container-content-ad .link-container .link:nth-child(n+3){
    display:none
}
}
@media only screen and (min-width:993px) and (max-width:1350px){
  .banner-container-content-ad .link-container .link{
    flex-basis:33.3333%
}
  .banner-container-content-ad .link-container .link:nth-child(n+4){
    display:none
}
}