.cta-main {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 20px 100px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a1a;
}

.cta-main .overlay {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transition: all .4s ease;
}

.cta-main .cta-content { 
  z-index: 2;
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.cta-main .cta-title{
  color: #FFF;
}

.cta-main .cta-sub-title{
  margin-top: 20px;
}

.cta-main .cta-sub-title *{
  margin: 0;
  color: #FFF;
}

.cta-main .cta-description{
  margin-top: 20px;
}

.cta-main .cta-description *{
  margin-top: 20px;
  color: #FFF;
}


{# Button #}
.cta-main .button{
  margin-top: 30px;
  font-weight: 700;
  border-radius: 6px;
}

.cta-main .button.uk-button-primary:link,
.cta-main .button.uk-button-primary:visited{
  color: #FFF;
}

.cta-main .button.uk-button-primary:hover,
.cta-main .button.uk-button-primary:active{
  color: #FF725E;
  background-color: transparent;
}

.cta-main .button span svg,
.cta-main .button img{
  margin-left: 15px;
  transition: .4s all linear;
}
.cta-main .button img{
  height: auto;
}

.cta-main .button .button span{
  display: flex;
  align-items: center;
  justify-content: center;
}


{# Responsive CSS #}
@media only screen and (max-width: 767px) {
  .cta-main {
    padding: 80px 20px 80px 20px !important;
  }
}