/*! 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-only,.hide-on-small-and-down{
        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
    }
}
@media only screen and (min-width: 993px){
    .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 (max-width: 600px){
    .show-on-small{
        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){
    .center-on-small-only{
        text-align:center
    }
}
.banner-button{
    cursor:pointer;
    display:inline-block;
    outline:none;
    border:none;
    vertical-align:middle;
    padding:18px 39px;
    background-color:#454545;
    color:#fff;
    transition:all .15s ease-in-out;
    border-radius:8px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    line-height:1;
    border:0px solid transparent;
    font-family:'Open Sans', sans-serif;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold
}
.banner-button.pink{
    background-color:#f93d66;
    border-color:#f82452
}
.banner-button.pink:hover,.banner-button.pink.active{
    background-color:#f82452
}
.banner-button.pink:active{
    background-color:#f70c3f
}
.banner-button.primary{
    background-color:#2185d0;
    border-color:#1e77ba
}
.banner-button.primary:hover,.banner-button.primary.active{
    background-color:#1e77ba
}
.banner-button.primary:active{
    background-color:#1a69a4
}
.banner-button:active{
    transition:all 0s ease-in-out
}
.banner-elements-container{
    width:970px;
    height:90px;
    background-color:#fff;
    background-image:url("../assets/img_bg.png");
    position:relative
}
.banner-elements-container .link-container{
    display:flex;
    position:absolute;
    top:30px;
    left:10px;
    width:750px
}
.banner-elements-container .link-container .link{
    flex:1 0 auto;
    transition:all .15s ease-in-out
}
.banner-elements-container .link-container .link:hover{
    transform:scale(1.1)
}
.banner-elements-container .action-container{
    position:absolute;
    right:10px;
    top:0;
    height:100%;
    padding:10px 0;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.banner-elements-container .action-container img{
    clear:both;
    float:right
}
.banner-elements-container .action-container .download{
    padding-top:20px;
    transition:all .15s ease-in-out
}
.banner-elements-container .action-container .download:hover{
    transform:scale(1.05)
}
.banner-elements-container-728x90{
    width:728px;
    height:90px;
    background-color:#fff;
    position:relative
}
.banner-elements-container-728x90 .title{
    position:absolute;
    top:9px;
    left:11px;
    width:100%
}
.banner-elements-container-728x90 .title h4{
    font-family:'Montserrat', sans-serif;
    font-size:11px;
    margin:0;
    width:100%;
    margin:0 auto;
    letter-spacing:2px;
    color:#484848
}



.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-elements-container-728x90 .link-container{
    display:flex;
    position:absolute;
    top:30px;
    left:10px;
    width:530px
}
.banner-elements-container-728x90 .link-container .link{
    flex:1 0 auto;
    transition:all .15s ease-in-out
}
.banner-elements-container-728x90 .link-container .link:hover{
    transform:scale(1.1)
}
.banner-elements-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-elements-container-728x90 .action-container img{
    clear:both;
    float:right
}
.banner-elements-container-728x90 .action-container .download{
    transition:all .15s ease-in-out
}
.banner-elements-container-728x90 .action-container .download:hover{
    transform:scale(1.05)
}
.banner-elements-container-300x600{
    width:300px;
    height:400px;
    background-color:#fff;
    position:relative
}
.banner-elements-container-300x600 .title{
    position:absolute;
    top:75px;
    width:100%;
    text-align:center
}
.banner-elements-container-300x600 .title h5{
    margin-bottom:9px;
}
 h4{
    font-family:'Montserrat', sans-serif;
    font-size:20px;
    margin:0;
    width:80%;
    margin:0 auto;
    letter-spacing:2px;
    color:#484848
}
.banner-elements-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-elements-container-300x600 .link-container .link{
    flex:1 0 auto;
    transition:all .15s ease-in-out;
    margin-bottom:8px
}
.banner-elements-container-300x600 .link-container .link:hover{
    transform:scale(1.05)
}
.banner-elements-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-elements-container-300x600 .action-container .download{
    transition:all .15s ease-in-out
}
.banner-elements-container-300x600 .action-container .download:hover{
    transform:scale(1.05)
}
.banner-elements-container-content-ad{
    max-width:829px;
    min-height:390px;
    background-color:none !important;
    position:relative
}
.banner-elements-container-content-ad .title{
    left:12px;
    width:86%
}
.banner-elements-container-content-ad .title h4{
    font-family:'Helvetica', Arial, sans-serif;
    font-size:22px;
    margin:0
}
@media only screen and (max-width: 600px){
    .banner-elements-container-content-ad .title h4{
        font-size:16px
    }
}
.banner-elements-container-content-ad .link-container{
    display:flex;
    position:absolute;
    width:100%;
    height:310px;
    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-elements-container-content-ad .link-container{
        width:calc(100% - 20px)
    }
}
.banner-elements-container-content-ad .link-container .link{
    flex:1 auto;
    transition:all .15s ease-in-out;
    width:33%;
    height:220px
}
.banner-elements-container-content-ad .link-container .link .tile-container{
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    background-color:#fff;
    border-radius:8px;
    position:relative;
    overflow:hidden;
    margin:5px;
    background-size:cover;
    box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);
    transition:all 0.18s ease-in-out
}
.banner-elements-container-content-ad .link-container .link .tile-container .tile-image{
    position:absolute;
    top:0;
    left:0;
    height:calc(100% - 60px);
    width:100%;
    background-size:cover
}
.banner-elements-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-elements-container-content-ad .link-container .link .tile-container .tile-footer .download-icon{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:20px
}
.banner-elements-container-content-ad .link-container .link .tile-container .tile-footer h6{
    margin:0;
    color:#2E3032;
    font-size:16px;
    font-weight:600
}
.banner-elements-container-content-ad .link-container .link .tile-container .tile-footer .type{
    font-size:14px;
    color:#969697;
    font-weight:bold
}
@media only screen and (max-width: 992px){
    .banner-elements-container-content-ad .link-container .link{
        width:50%
    }
}
@media only screen and (max-width: 600px){
    .banner-elements-container-content-ad .link-container .link{
        width:100%
    }
}
.banner-elements-container-content-ad .link-container .link:hover{
    transform:scale(1.02)
}
.banner-elements-container-content-ad .link-container .link:hover .tile-container{
    box-shadow:0 5px 25px rgba(0,0,0,0.1);
    transform:translateY(-1px)
}
.banner-elements-container-content-ad .action-container{
    position:absolute;
    bottom:16px;
    left:16px;
    padding:16px 0 0 0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center
}
.banner-elements-container-content-ad .action-container .download{
    transition:all .15s ease-in-out;
    float:left
}
.badge{
    display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     line-height: 1;
     vertical-align: baseline;
     white-space: nowrap;
     text-align: center;
     background-color: #85BCBA;
     border-radius: 10px;
}
.banner-elements-container-content-ad .action-container .download:hover{
    transform:scale(1.05)
}