/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Descripxion: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/
/* =======================================================================
#Global Settings
========================================================================== */
/* Variables and mixins */
/* Font */
@font-face {
  font-family: 'Roboto Cn';
  src: url("fonts/Roboto-BoldCondensed.eot");
  src: url("fonts/Roboto-BoldCondensed.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto-BoldCondensed.woff2") format("woff2"), url("fonts/Roboto-BoldCondensed.woff") format("woff"), url("fonts/Roboto-BoldCondensed.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
body .question, body p {
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
body .phone {
  font-weight: 900 !important; }
body .subtitle {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  font-weight: 500 !important; }
body .CTAbtn, body #formSubmit {
  font-family: Roboto !important;
  font-weight: 700 !important; }
body .testimonial_slider blockquote p {
  font-style: italic !important;
  color: #45454d !important; }
body .testimonial_slider blockquote span {
  font-weight: 700 !important;
  color: #000000 !important; }
body .list-title {
  font-family: Roboto Condensed !important;
  font-weight: 700 !important; }
body .row-hero .title, body .question, body .phone, body p {
  color: #313131 !important; }
body .subtitle, body .title, body .list-title {
  color: #45454d !important; }
body .list-text {
  color: #000000 !important; }
body .title {
  letter-spacing: -0.8px !important; }

/* Button */
.CTAbtn, #formSubmit {
  text-transform: uppercase !important;
  background-color: #f2d01b;
  color: #ffffff !important;
  display: inline-block !important;
  width: 100% !important;
  padding-top: 27px !important;
  padding-bottom: 27px !important;
  max-width: 850px !important;
  text-align: center !important;
  white-space: inherit !important;
  text-shadow: 0px 1px 3px rgba(49, 56, 64, 0.46) !important; }

/* Class */
.kk-mid {
  margin-right: auto !important;
  margin-left: auto !important; }

.show-mobile {
  display: none !important; }

.block {
  display: block !important; }

@media screen and (min-width: 1800px) {
  body .kk-col-move-left {
    margin-left: 4.1% !important; }

  body .kk-col-move-right {
    padding-left: 5% !important; } }
/* =======================================================================
#Header
========================================================================== */
/* Before Scroll */
#header-outer[data-full-width="true"] header > .container {
  padding-right: 126px;
  padding-left: 96px; }

.logo-container {
  top: 41px !important; }

#logo {
  pointer-events: none; }

.contact-container {
  position: absolute;
  top: 77px;
  right: 0px;
  z-index: 2;
  font-size: 26px;
  display: flex;
  align-items: center; }
  .contact-container .phone, .contact-container .question {
    padding: 0px; }
  .contact-container .phone-icon {
    width: 35px;
    height: 28px;
    background-image: url(icons/icon_phone_header.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 27px;
    margin-right: 18px; }

/* After Scroll */
#header-outer[data-full-width="true"].small-nav header > .container {
  padding-right: 50px;
  padding-left: 50px; }

#header-outer.small-nav .logo-container {
  top: 4px !important; }
#header-outer.small-nav .contact-container {
  top: 32px !important;
  border-bottom: none !important; }

html .ascend .container-wrap {
  background-color: rgba(255, 255, 255, 0); }

@media screen and (max-width: 1800px) {
  #header-outer[data-full-width="true"] header > .container {
    padding-right: 50px;
    padding-left: 50px; } }
@media screen and (max-width: 1000px) {
  .contact-container .question, .contact-container .phone, .contact-container .phone-icon {
    display: none !important; }
  .contact-container:before {
    content: "";
    position: absolute;
    left: -50px;
    top: -19px;
    width: 40px !important;
    background-image: url(icons/icon_phone_header.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    height: 40px !important; }

  #header-outer[data-full-width="true"] header > .container {
    padding-right: 50px !important;
    padding-left: 50px !important; }

  .logo-container {
    top: 4px !important; }

  .contact-container {
    top: 17px !important; } }
/* =======================================================================
#Hero
========================================================================== */
.row-hero {
  padding-top: 15.5% !important;
  padding-bottom: 20.6% !important; }
  .row-hero .title {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: -1px !important; }
  .row-hero .subtitle {
    margin-top: 3.1% !important;
    max-width: 883px !important;
    margin-bottom: 6.1% !important; }

@media screen and (min-width: 1800px) {
  .row-hero .block {
    display: block !important; } }
/* =======================================================================
#Row-1
========================================================================== */
.row-1 {
  padding-top: 11.2% !important;
  padding-bottom: 6.5% !important;
  /*    .title {
          max-width: 640px !important;
      }
      .text {
          margin-top: 2.3% !important;
          max-width: 620px !important;
      }*/ }

@media screen and (min-width: 1800px) {
  .row-1 .title {
    max-width: 640px !important; }
  .row-1 .text {
    margin-top: 2.3% !important;
    max-width: 620px !important; } }
@media screen and (max-width: 1800px) and (min-width: 1000px) {
  .row-1 .kk-col-move-left {
    max-width: 55% !important; } }
/* =======================================================================
#Row-2
========================================================================== */
.row-2 {
  padding-top: 6.6% !important;
  padding-bottom: 11% !important; }
  .row-2 .text {
    margin-top: 4.3% !important;
    max-width: 603px !important;
    margin-bottom: 11.9% !important; }
  .row-2 .CTAbtn {
    max-width: 350px !important; }

/* =======================================================================
#Row-3
========================================================================== */
.row-3 {
  padding-top: 9% !important;
  padding-bottom: 9.3% !important; }
  .row-3 .title {
    max-width: 770px !important;
    margin-right: auto;
    margin-left: auto; }
  .row-3 .text-1 p {
    max-width: 857px !important;
    text-align: left !important;
    margin-top: 1.5% !important;
    margin-bottom: 6.4% !important;
    margin-right: auto;
    margin-left: auto; }
  .row-3 .text-2 p {
    margin-top: 1.4% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 890px !important;
    margin-bottom: 2% !important; }
  .row-3 .CTAbtn {
    max-width: 350px !important; }
  .row-3 .inner-row-1, .row-3 .inner-row-2, .row-3 .inner-row-3 {
    padding-left: 23.8% !important;
    padding-right: 37% !important; }
  .row-3 .inner-row-1:before {
    content: "1" !important;
    margin-left: -57px;
    top: 16px;
    position: absolute;
    font-size: 75px !important;
    color: #f2d01b;
    font-weight: 600 !important;
    font-family: 'Roboto Cn' !important; }
  .row-3 .inner-row-2 {
    margin-top: 4.8% !important; }
    .row-3 .inner-row-2:before {
      content: "2" !important;
      margin-left: -57px;
      top: 16px;
      position: absolute;
      font-size: 75px !important;
      color: #f2d01b;
      font-weight: 600 !important;
      font-family: 'Roboto Cn' !important; }
  .row-3 .inner-row-3 {
    padding-top: 42px !important;
    margin-top: 2.4% !important;
    padding-bottom: 47px !important;
    background: #f7e486;
    background: -moz-linear-gradient(left, rgba(247, 228, 134, 0.8) 47%, rgba(247, 228, 134, 0) 65%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(247, 228, 134, 0.8) 47%, rgba(247, 228, 134, 0) 65%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(247, 228, 134, 0.8) 47%, rgba(247, 228, 134, 0) 65%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(247, 228, 134, 0.8) 47%, rgba(247, 228, 134, 0) 65%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(247, 228, 134, 0.8) 47%, rgba(247, 228, 134, 0) 65%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e486', endColorstr='#ffffff', GradientType=1 ); }
    .row-3 .inner-row-3:before {
      content: "3" !important;
      margin-left: -57px;
      top: 51px;
      position: absolute;
      font-size: 75px !important;
      color: #ffffff;
      font-weight: 600 !important;
      font-family: 'Roboto Cn' !important; }

.list-title {
  text-transform: uppercase !important; }

.list-text {
  margin-top: 1.3% !important; }

@media screen and (max-width: 1800px) {
  .row-3 .text-1 p {
    text-align: center !important; }
  .row-3 .inner-row-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; } }
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .row-3 .inner-row-1, .row-3 .inner-row-2, .row-3 .inner-row-3 {
    padding-right: 30% !important; } }
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .row-3 .inner-row-1, .row-3 .inner-row-2, .row-3 .inner-row-3 {
    padding-right: 26% !important; } }
@media screen and (max-width: 1400px) {
  .row-3 .inner-row-3 {
    background: -moz-linear-gradient(left, rgba(247, 228, 134, 0.8) 60%, rgba(247, 228, 134, 0) 71%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(247, 228, 134, 0.8) 60%, rgba(247, 228, 134, 0) 71%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(247, 228, 134, 0.8) 60%, rgba(247, 228, 134, 0) 71%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(247, 228, 134, 0.8) 60%, rgba(247, 228, 134, 0) 71%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(247, 228, 134, 0.8) 60%, rgba(247, 228, 134, 0) 71%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e486', endColorstr='#ffffff', GradientType=1 ); } }
@media screen and (max-width: 1000px) {
  .row-3 .title {
    max-width: none !important; }
  .row-3 .title, .row-3 .text-1, .row-3 .text-2 {
    padding-right: 10%;
    padding-left: 10%; }
  .row-3 .inner-row-1, .row-3 .inner-row-2, .row-3 .inner-row-3 {
    padding-left: 20% !important;
    padding-right: 15% !important; }
  .row-3 .inner-row-3 {
    background: -moz-linear-gradient(left, rgba(247, 228, 134, 0.9) 33%, rgba(247, 228, 134, 0.1) 102%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(247, 228, 134, 0.9) 33%, rgba(247, 228, 134, 0.1) 102%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(247, 228, 134, 0.9) 33%, rgba(247, 228, 134, 0.1) 102%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(247, 228, 134, 0.9) 33%, rgba(247, 228, 134, 0.1) 102%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(247, 228, 134, 0.9) 33%, rgba(247, 228, 134, 0.1) 102%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e486', endColorstr='#ffffff', GradientType=1 ); } }
/* =======================================================================
#Row-4
========================================================================== */
.row-4 {
  padding-top: 12.3% !important;
  padding-bottom: 10.2% !important; }
  .row-4 .title {
    max-width: 660px !important;
    margin-bottom: 3.9% !important; }
  .row-4 .text {
    max-width: 600px !important;
    margin-bottom: 6.1% !important; }
  .row-4 .CTAbtn {
    max-width: 350px !important; }

/* =======================================================================
#Row-5
========================================================================== */
.row-5 {
  padding-top: 1.5% !important;
  padding-bottom: 12.6% !important; }
  .row-5 .title {
    max-width: 640px;
    margin-bottom: 2.3% !important; }
  .row-5 .text {
    max-width: 640px; }

/* =======================================================================
#Row-6
========================================================================== */
.row-6 {
  padding-top: 13.2% !important;
  padding-bottom: calc(13.2% + 116px) !important; }

.testimonial_slider blockquote span {
  text-transform: uppercase !important; }

.slides {
  background: rgba(255, 255, 255, 0.8) !important;
  display: flex;
  align-items: center; }

.testimonial_slider blockquote p {
  padding: 40px !important; }

/* Hide the pagination */
.controls {
  display: none !important; }

/* Bring down the controllers to the bottom of the slide */
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev,
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
  top: 100% !important;
  margin-top: 80px !important;
  width: 70px !important;
  height: 70px !important; }

/* Dicrease the sapce between the controllers so it centers of the slide. Background colour. */
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
  right: 43%;
  background-color: #f2d01b !important; }

.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev {
  left: 43%;
  background-color: rgba(255, 255, 255, 0.5) !important; }

/* Change the icon for the controllers */
.fa-angle-left:before {
  content: "" !important;
  background: no-repeat center center url(icons/prev.png);
  width: 100% !important;
  height: 100% !important;
  top: 0px !important; }

.fa-angle-right:before {
  content: "" !important;
  background: no-repeat center center url(icons/next.png);
  width: 100% !important;
  height: 100% !important;
  top: 0px !important; }

/* Hide the arrow's horizontal bar */
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after {
  display: none !important; }

@media screen and (min-width: 1800px) {
  .testimonial_slider[data-style="minimal"] .slides {
    max-width: 59% !important; } }
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
    right: 40%; }

  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev {
    left: 40%; } }
/* =======================================================================
#Row-7
========================================================================== */
.row-7 {
  padding-top: 9.5% !important; }
  .row-7 .title {
    max-width: 870px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.3% !important; }
  .row-7 .text {
    max-width: 569px;
    margin-right: auto;
    margin-left: auto; }

/* =======================================================================
#Footer
========================================================================== */
#footer-outer p, #footer-outer a {
  color: #ffffff !important;
  font-weight: 100 !important;
  font-size: 12px !important; }
#footer-outer #copyright {
  background-color: #1c1c1c !important; }

#footer-outer .container .span_5 {
  width: 100% !important;
  text-align: center; }

.kk-tag {
  color: #ffffff !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
  transition: all 0.4s ease-in-out !important; }
  .kk-tag a:hover {
    color: #A3DC18 !important; }

/* =======================================================================
#Form
========================================================================== */
.wpcf7 {
  margin-top: 6.3% !important;
  margin-bottom: 6.3% !important;
  max-width: 570px !important;
  margin-right: auto !important;
  margin-left: auto !important; }

.field-container .your-name, .field-container .your-email {
  margin-bottom: 14px !important; }

body .container-wrap input[type="text"],
body .container-wrap textarea,
body .container-wrap input[type="email"],
body .container-wrap input[type="password"],
body .container-wrap input[type="tel"],
body .container-wrap input[type="url"],
body .container-wrap input[type="search"],
body .container-wrap input[type="date"] {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
  border: 1px solid rgba(72, 75, 77, 0.3) !important;
  background-color: #f3f7f9 !important;
  font-size: 20px !important;
  padding-left: 80px !important;
  font-family: 'PT sans' !important;
  color: #3e434a !important; }

input[name="your-name"] {
  background-image: url(icons/icon_user.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 23px !important; }

input[name="your-number"] {
  background-image: url(icons/icon_phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 23px !important; }

input[name="your-email"] {
  background-image: url(icons/icon_email.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 23px !important; }

input#formField::placeholder,
textarea::placeholder {
  color: #3e434a !important; }

/*input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    color: #000000 !important;
}*/
html .ascend .container-wrap input[type="submit"] {
  width: 100% !important;
  margin-top: 6% !important; }

body .wpcf7-form .wpcf7-not-valid-tip,
body div.wpcf7-validation-errors {
  border: 1px solid #f2d01b !important;
  box-shadow: none !important;
  margin-top: 5px;
  font-size: 15px !important;
  color: #b2b2b2 !important;
  width: 100% !important; }

/* CONTACT FORM 7 LOADER */
.wpcf7-form {
  position: relative !important; }

body div.wpcf7 .ajax-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0.2;
  transition: 0.3s all ease; }

body div.wpcf7 .ajax-loader.is-active {
  opacity: 1;
  visibility: visible; }

body div.wpcf7 .ajax-loader:before {
  content: "";
  border: 8px solid #000000;
  border-top: 8px solid #f2d01b;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1.2s ease infinite;
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 60px); }

/*ANIMATION FOR CF7 SPINNER*/
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* Form animation */
#formField {
  transition: 0.4s; }
  #formField ~ .border:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #f2d01b;
    transition: 0.3s; }
  #formField ~ .border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #f2d01b;
    transition: 0.3s;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0; }
  #formField ~ .border i:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #f2d01b;
    transition: 0.4s; }
  #formField ~ .border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #f2d01b;
    transition: 0.4s;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0; }
  #formField:focus ~ .border:before, #formField:focus ~ .border:after {
    width: 100%;
    transition: 0.3s; }
  #formField:focus ~ .border i:before, #formField:focus ~ .border i:after {
    height: 100%;
    transition: 0.4s; }

/* =======================================================================
#Meida
========================================================================== */
@media screen and (max-width: 1500px) {
  .logo-container {
    top: 0px !important; }

  .contact-container {
    top: 32px !important; }

  .row-hero {
    padding-top: 25% !important; } }
@media screen and (max-width: 1000px) {
  .show-mobile {
    display: block !important; }

  .testimonial_slider blockquote p {
    padding-right: 0px !important;
    padding-left: 0px !important; }

  /* Dicrease the sapce between the controllers so it centers of the slide. Background colour. */
  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
    right: 25%; }

  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev {
    left: 25%; }

  .kk-row {
    padding-top: 10% !important;
    padding-bottom: 10% !important; }

  .row-hero {
    padding-top: 12% !important;
    padding-bottom: 12% !important; } }
@media screen and (max-width: 690px) {
  .row-hero .subtitle {
    display: none !important; }
  .row-hero .CTAbtn {
    margin-top: 10% !important; }

  .kk-row .CTAbtn {
    max-width: none !important; }

  .row-3 .CTAbtn {
    display: none !important; }
  .row-3 .text-2 {
    margin-top: 5% !important; }

  .CTAbtn {
    padding-right: 5% !important;
    padding-left: 5% !important; }

  body .container-wrap input[type="text"],
  body .container-wrap textarea,
  body .container-wrap input[type="email"],
  body .container-wrap input[type="password"],
  body .container-wrap input[type="tel"],
  body .container-wrap input[type="url"],
  body .container-wrap input[type="search"],
  body .container-wrap input[type="date"] {
    font-size: 18px !important; }

  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev,
  .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
    margin-top: 50px !important; } }
@media screen and (min-width: 2000px) {
  .row-1 .using-image, .row-2 .using-image, .row-4 .using-image, .row-5 .using-image {
    background-size: 85% !important;
    background-position: center center !important; } }

/*# sourceMappingURL=style.css.map */