/* Add here all your CSS customizations */

.featured-box .box-content {
  padding: 15px 15px 0 15px;
}

.featured-box-primary .box-content {
  border-top: none;
}

#secondary-logo {
    height: 62px;
    position: absolute;
    padding-top: 12px;
    opacity: 0;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
}

#secondary-logo img {
    height: 40px;
}

@media (max-width: 1199px) {
    #secondary-logo {
        left: 0;
    }

    #sticky-header {
        background-color: white;
        padding-bottom: 20px;
    }
}

#process-consultation .process-image {
    margin-top: 25px;
}

@media (min-width: 992px) {
    #process-consultation {
        padding-left: 45px;
    }

    #process-consultation .process-image {
        margin-top: 170px;
    }

    #process-planning {
        padding-left: 35px;
    }

    #process-planning .process-image {
        margin-top: 86px;
    }

    #process-build {
        padding-left: 35px;
    }

    #process-build .process-image {
        margin-top: 116px;
    }

    #process-instalation {
        padding-left: 30px;
    }

    #process-instalation .process-image {
        margin-top: 160px;
    }

    #process-foto {
        margin-top: 60px;
    }
}

@media (max-width: 992px) {
    .header-nav-main {
        margin-top: 75px;
    }
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block;
}

.owl-item > div > a {
  border: none;
  padding: 0;
}

.feature-box.feature-box-style-3 div.feature-box-icon i.fa {
  color: white;
}

section.section-primary {
  border-top: 0;
}

section.section {
  border-top: 0;
}

div.tp-leftarrow, div.tp-rightarrow {
  background-color: #005696 !important;
}

a.scroll-to-top {
  display: none;
}

@media (max-width: 1199px) {
    #header .header-body .header-container:first-of-type {
        display: none;
    }
}


@media (min-width: 1200px){
    #header .header-nav-main nav > ul > li > a {
        padding: 10px 8px;
        font-size: 12px;
    }
}

@media (min-width: 992px){
    .slider-contact-form {
        top: 80px;
    }
    .slider-contact-form .container .row .col-md-offset-0{
        top: 85px;
    }
    .slider-contact-form-second {
        top: 370px;
    }

    span#uploadButtonText {
        white-space: normal;
    }

    .slider-contact-form-second {
        /*top: 900px;*/
        position: absolute;
        top: 0;
    }
}

@media (min-width: 1200px){
    .slider-contact-form {
        top: 200px;
    }
    .slider-contact-form-second {
        /*top: 900px;*/
        position: absolute;
        top: 0;
    }
}

.filter__autocomplete-field {
    position: relative;
}

.filter__autocomplete-field__position {
    position: absolute;
    right: -1px;
    top: 0;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 4px;
    padding-right: 9px;
    background: #e51937;
    color: white;
}

.filter__autocomplete-field__position > span {
    margin-right: 3px;
    font-size: 20px;
    color: white;
}

.filter__autocomplete-field__input {
    height: 50px;
    margin-bottom: 10px;
}

.slider-contact-form {
    margin-top: 80px;
}

@media (max-width: 992px){

    .slider-contact-form {
        margin-top: -70px;
    }

    .slider-contact-form-second {
        margin-top: -140px;
        position: relative;
    }

    .slider-contact-form + section {
        padding-top: 5px;
    }

    .background-small {
        padding: 10px 0;
        margin-bottom: 0;
        margin-top: 0;
        background: url(/themes/areklama/assets/images/slides/slide01-b.jpg);
        background-size: cover;
    }
}

.slider-contact-form .box-content {
    padding: 30px;
    padding-bottom: 18px;
}

.featured-box {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

p.success.flash-message.fade {
    margin-top: 15%;
}