/* -> Slick Slider
================================ */
/*Portefolio Arrows*/
#slideshow .slick-prev,
#slideshow .slick-next{
    display: none!important;
}
/*================================ */

/* -> MENU
================================ */
.navbar{
    height: 65px;
    padding: 0px;
    background-color: #232e35;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}

.navbar-toggler {
    padding: 0.15rem 0.50rem;
    background-color: #fd8a14;
    position: absolute;
    right: 15px;
    top: 15px; 
    outline: none!important;
}

    .navbar-toggler-icon {
        background-image: url(../img/toggle.svg);
    }

.navbar-brand {
    line-height: 65px;
    padding: 0;
    padding-left: 14px;
    height: 65px;
}

    .navbar-brand img{
        height: 45px;
    }

    .navbar-collapse{
        border-top: 1px solid #f5f5f5;
        background-color: #232e35;
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
        box-shadow: 1px 1px 3px rgba(0,0,0,.3);
        max-height: calc(100vh - 65px);
        overflow-y: auto;
    }

    .navbar ul li{
        margin: 0;
        /*padding-left: 15px;*/
    }

    .navbar ul li:first-child{
        margin-top: 7px;
    }

    .navbar ul li:last-child{
        margin-bottom: 7px;
    }

        .navbar ul li a{
            line-height: 38px;
            padding: 0px 15px!important;
        }
/* ============================= */


/* -> Slideshow
================================ */
    .slide{
        min-height: 500px;
    }

        .caption{
            padding: 60px 15px 0px 15px;
        }     

            .caption-title-box{
                padding: 40px 0px 35px 40px;
            }

                .caption h2{
                    font-size: 26px;
                    line-height: 36px;
                }

            .caption p{
                padding-left: 0px;
                margin: 20px 0px 10px;
            }

            .caption .caption-button{
                margin-left: 0px;
            }
/* ============================= */


/* -> About
================================ */
#about{
    padding: 80px 0px 0px;
}
    
    .about-text{
        padding-right: 15px;
    }

    .about-image{
       height: 300px;
       margin-top: 20px;
    }
/* ============================= */


/* -> Services
================================ */
#services{
    padding: 80px 0px 30px 0px;
}
/* ============================= */


/* -> Contacts
================================ */
#contacts{
    padding: 80px 0px 0px;
}

    #contacts-info{
    
    }

        .contact{
            margin-bottom: 40px;
        }

    #contacts-form{
        margin-top: 20px;
    }

        #contacts-form .main-button {
            width: 100%;
        }

    #brands{
        padding: 30px 0px 30px 0px;
    }

        #map{
            height: 400px;
        }
/* ============================= */


/* -> Footer
================================ */
footer{
    text-align: center;
}

    #footer-author{
        text-align: center;
        margin-top: 15px;
    }
/* ============================= */