/*=============== HEADER ===============*/
header {
    position: relative
}

.header .navbar:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    background: #05668d;
    background: -moz-linear-gradient(left,rgb(238, 138, 7) 0%,rgb(238, 138, 7) 33%,rgb(238, 138, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 100%);
    background: -webkit-linear-gradient(left,rgb(238, 138, 7) 0%,rgb(238, 138, 7) 33%,rgb(238, 138, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 100%);
    background: linear-gradient(to right,rgb(238, 138, 7) 0%,rgb(238, 138, 7) 33%,rgb(238, 138, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 33%,rgb(223, 86, 7) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 66%,rgb(168, 53, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(238, 138, 7)',endColorstr='#EC5128',GradientType=1 )
}

.header .navbar-nav .nav-link {
    text-transform: uppercase;
    line-height: 34px;
    font-size: .825rem
}

.header .header-info-logo-img img {
    width: 219px
}

.cw-header-contact {
    padding: .5rem 0
}

.cw-phone:before {
    font-family: FontAwesome;
    content: "\f2a0";
    background: var(--color-theme-primary);
    border-radius: 50%;
    margin-right: .5rem;
    padding: 10px 12px;
    color: #fff
}

@media(min-width: 992px) {
    div#header-navbar-collapse {
        position:relative;
        left: 25%
    }

    .cw-header-contact {
        max-width: 1140px;
        height: 115px;
        padding-right: 1rem
    }

    .header .header-info-logo-img {
        position: absolute;
        top: -32px;
        z-index: 100000;
        left: 0;
        padding: 7px 38px;
        background: #fff
    }

    .cw-header-contact {
        font-size: 1.1rem
    }

    .cw-phone:before {
        padding: 12px 14px
    }
}

@media(min-width: 1440px) {
    .header .container,.cw-header-contact {
        max-width:1400px
    }
        .cw-header-contact {
        padding-top: 2.5rem;
    }
}

.title {
    padding-top: 1.8em;
    padding-bottom: .8em;
    text-align: center;
    background-image: linear-gradient(45deg,#183E62,transparent),url(https://apihoard.webit.com/api/v1/Image/65A97291844B3B442F3F176C703B7379/65A97291844B3B442F3F176C703B7379.jpg?size=1920x1440);
    background-position: center;
    background-size: cover;
    color: #fff;
    text-shadow: 1px 2px 2px var(--color-theme-secondary);
    font-size: 2em;
    margin-bottom: 1em;
    border-bottom: 6px solid var(--color-theme-highlight);
}

/* =========== Hero ========= */


.carousel {
    background: #262626;
}

.carousel .carousel-item .item-image {
    height: 700px;
    background-position: center;
}

.carousel .carousel-item .item-image img {
    margin: 0 auto;
}

.carousel-caption {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    bottom: -25%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 1em;
}

.carousel-caption h1 {
    text-shadow: 3px 5px 1px #eb4e30;
    color: #fff;
}

.carousel-inner {
    overflow: hidden;
}

.btn-slider {
    border-radius: 50px;
    padding: 15px 25px;
    border: 1px solid #fff;
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-weight: 700;
}

.item-image {
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 16s;
    transform: scale(1.2);
}

.item-image::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(45deg, black, transparent);
}

.item-image:nth-child(1) {
    animation-name: kenburns-1;
    z-index: 3;
}

.item-image:nth-child(2) {
    animation-name: kenburns-2;
    z-index: 2;
}

.item-image:nth-child(3) {
    animation-name: kenburns-3;
    z-index: 1;
}

@keyframes kenburns-1 {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        transform: scale3d(1.2,1.2,1.2) translate3d(69px,-2px,0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    100% {
        transform: scale3d(1.7,1.7,1.7) translate3d(-11px,-12px,0px);
        opacity: 0;
    }
}

@keyframes kenburns-2 {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        transform: scale3d(1.2,1.2,1.2) translate3d(69px,-2px,0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    100% {
        transform: scale3d(1.7,1.7,1.7) translate3d(-11px,-12px,0px);
        opacity: 0;
    }
}

@keyframes kenburns-3 {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        transform: scale3d(1.2,1.2,1.2) translate3d(69px,-2px,0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    100% {
        transform: scale3d(1.7,1.7,1.7) translate3d(-11px,-12px,0px);
        opacity: 0;
    }
}

@media(min-width: 440px) and (max-width: 992px){
    .carousel .carousel-item .item-image {
        height: 500px;
    }

    
    .carousel-caption {
        width: 95%;
        padding: 2em;
    }
}

@media(min-width: 1200px) {
    .carousel .carousel-item .item-image {
        height:600px;
    }

    .carousel-caption .btn {
        margin-top: .5em;
        width: 25%;
    }

    .carousel-caption {
        width: 65%;
        padding: 2em;
    }

    .carousel-caption h1 {
        font-size: 4em;
    }
}

/* ====== Home =====*/

.page-home .form {
    padding-top: 3.5em;
    padding-bottom: 4.5em;
    background-image: linear-gradient(0deg, rgba(255,255,255, .8), transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_07.jpg);
    background-size: cover;
    background-position: center;
}

.page-home .list {
    padding-top: 3em;
    padding-bottom: 0em;
    text-align: center;
}

.cw-cascade {
    margin: 0 auto;
    padding: 6em 0;
}

.cw-cascade:before {
    overflow: hidden;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(24,62,98,.75);
}

.cw-cascadeText {
    z-index: 2;
}

@media(max-width: 769px){
    h3.h1.display-4 {
        font-size: 2em;
    }

    a.footer-business.footer-business-email {
        font-size: 14px;
    }
}

@media(min-width: 768px) {
    h1.display-4,h3.display-4 {
        text-shadow: 1px 3px 0 var(--color-theme-secondary);
        -webkit-text-stroke: 1px var(--color-theme-secondary);
    }

    .page-home .cw-cascade {
        padding: 5em 0;
    }

    .header .cw-h1 {
        margin-top: 160px;
    }
}

   
.cd-author {
    text-align: left;
    margin-left: 1.5em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 14px;
    font-size: 0.875rem;
    color: var(--color-theme-secondary);
  }
  
  .cd-testimonials-all .cd-testimonials-all-wrapper > ul {
    margin: 1.5em auto 4em auto;
  }
  
  .cd-testimonials-all .cd-testimonials-all-wrapper > ul:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .cd-testimonials-all .cd-testimonials-item {
    margin-bottom: 2em;
  }
  
  .cd-testimonials-all p {
    position: relative;
    background: var(--color-theme-secondary);
    color: var(--color-theme-background);
    padding: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
    border-radius: 0.25em;
    margin-bottom: 1em;
  }
  
  .cd-testimonials-all p::after {
    /* creating the triangle in css */
    content: '';
    position: absolute;
    top: 100%;
    left: 2em;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-top-color: var(--color-theme-secondary);
  }
  
  @media only screen and (min-width: 768px) {
    .cd-testimonials-all .cd-testimonials-item {
      width: 46%;
      margin: 0 2% 3em;
    }
  
  }
  @media only screen and (min-width: 1170px) {
    .cd-testimonials-all .cd-testimonials-item {
      width: 30%;
      margin: 0 1.6666% 3em;
    }
  }

      /*--- Floating links ---*/
      .cw-lets-talk {
        position: fixed;
		z-index: 3;
        bottom: 1em;
        right: 1em;
        border-radius: 25px;
        -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .2);
    }

    .cw-lets-talk:hover {
        cursor: pointer;
    }

    .hidden {
        display: none;
    }

    #contactBtns a {
        display: inline-block;
        width: 54px;
        height: 54px;
        padding: 10px;
        border-radius: 50%;
        background: #fff
    }

    #contactBtns a {
        display: inline-block;
        width: 54px;
        height: 54px;
        padding: 10px;
        border-radius: 50%;
        background: #fff;
    }

    #contactBtns .fa {
        font-size: 35px;
        color: var(--color-theme-primary);
    }