/* banner CSS */
.section.promo-banner{padding-bottom:0;}
.section.promo-banner .content {
  width: 80%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
.section.promo-banner .banner__c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #fff;
}

.section.promo-banner .banner {
  background-image: url(../../../images/banner-bg-1.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section.promo-banner .banner__wr {
    width: 65%;
    text-align: center;
}
.section.promo-banner .banner__p {
 margin-bottom: 40px;
    font-family: 'Proximanova extrabld', sans-serif;
    color: #ffc300;
    font-size: 1.5em !important;
    line-height: 1.3;
    font-weight: 700;
}
.section.promo-banner .banner__c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #fff;
}
.section.promo-banner .banner__c h1 {color: #fff;}
.section.promo-banner .banner .cta {
  padding: 17px 65px 17px 50px;
  border-radius: 30px;
  background-color: #004bb9;
  background-image: url('../../../images/cta--white__arrows_1cta--white__arrows.png');
  background-position: 85% 53%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: 'Proximanova extrabld', sans-serif;
  font-size: 1.1em;
  line-height: 1;
  font-weight: 900;
  color:#fff;
}

.section.promo-banner .banner .cta:hover {
  background-color: #6f42c1;
  background-position: 87% 53%;
}

@media screen and (min-width: 1280px) {
    .section.promo-banner .banner__p {font-size: 1.2em;}
}
@media screen and (min-width: 1440px) {
	.section.promo-banner .banner__p {font-size: 1.7em !important;}
}
@media screen and (min-width: 1920px) {
    .section.promo-banner .banner__p {font-size: 1.4em;}
}
@media screen and (max-width: 991px) {
	.section.promo-banner .banner__wr { width:100%;}
	.section.promo-banner .banner__p {font-size: 1em;}
}
@media screen and (max-width: 767px) {
	.section.promo-banner .banner { background:#ff6600;}
	.section.promo-banner .banner__c {padding-top: 40px;padding-bottom: 40px;display:block;}
	.section.promo-banner .banner__wr {margin-left:auto;margin-right:auto;}
}