/* -> MENU
================================ */
.slick-prev,
.slick-next {
	display: none!important;
}
/* ============================= */


/* -> Main
================================ */
.title-box-left {
    margin-bottom: 20px;
}

    .title,
    .title-white {
    	font-size: 30px;
    	line-height: 40px;
    }

.title-text {
    margin-bottom: 30px;
    text-align: justify;
}

.pages-header{
    position: relative;
    height: 300px;
    padding-top: 60px;
    text-align: center;
}
    
    .pages-header h1{
        border-left: none;
        padding-left: 0px;
    }

    .pages-header h1{
        font-size: 28px;
        text-transform: uppercase;
        line-height:38px;
    }

    .breadcrumb{
        padding:0;
        margin:15px 0px 0px 0px;
        text-align: center;
    }

#sidebar{
    padding-left: 15px;
    margin-top: 30px;
}
/* ============================= */


/* -> Cookie Popup
================================ */
#popup-box img{
    width: 60%;
    margin-bottom: 20px;
}
/*================================ */

/* -> MENU
================================ */
#topbar{
	height: 60px;
	overflow: hidden;
}

.navbar.scrolled #topbar{
	height: 60px;
}

	#topbar-intro,
	.topbar-contacts-list{
		display: none;
	}

	.topbar-intro-right{
        text-align: center;
    }


.navbar-toggler {
    padding: 0.15rem 0.50rem;
    background-color: #333;
    position: absolute;
    right: 15px;
    top: 12px; 
}

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

.navbar-brand {
	line-height: 60px;
	padding: 0;
	padding-left: 15px;
}

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

	.navbar-collapse{
		border-top: 1px solid #f5f5f5;
	}

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

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

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

		.navbar ul li a{
		    line-height: 35px;
		}
/* ============================= */


/* -> Slideshow
================================ */
.slide{
	min-height: 100vh;
	height: 100vh;
	padding-top: 60px;
}

	.caption{
		padding: 0px 15px;
	}     

		.caption h2{
			font-size: 30px;
			line-height: 40px;
            padding-bottom: 25px;
		}

            .caption h2:after{
                margin: 15px auto 0px auto;
            }

        .caption p{
            font-size: 14px;
            line-height: 24px;
        }

        .caption .caption-button .main-button{
           margin-top: 5px;
        }
/* ============================= */


/* -> About
================================ */
#about{
    padding: 80px 0px 40px 0px;
}

    .about-text{
        padding: 0px;
    }
/* ============================= */


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

    .service-area,
    .service{
        margin-bottom: 30px;
    }

        .service-area-box{
            display: block;
        }

            .service-area-info{
                width: 100%;
            }

                .service-area-image{
                    height: 200px;
                    width: 100%;
                }
/* ============================= */



/* -> Maintenance
================================ */
#maintenance {
    padding: 80px 0px 40px 0px;
}

    .maintenance-text{
        padding: 10px 15px;
    }
/* ============================= */



/* -> Last News
================================ */
#last-news {
    padding: 80px 0;
}

.last-news-info{
    padding: 0px 15px;
}

.last-news-text{
    padding: 13px 15px;
}

.last-news.big{
    padding: 20px 0px;
    height: 250px;
    margin-bottom: 30px;
}   

#last-news .mt-5{
    margin-top: 30px!important;
}
/* ============================= */



/* -> Testimonials
================================ */
#testimonials {
    padding: 80px 0px 0px;
}

    .testimonial {
        text-align: center;
    }

    .testimonial-img {
        height: 300px;
        width: 200px;
        padding: 7px 10px;
        overflow: hidden;
        position: relative;
    }

        .testimonial-img div{
            background-size: cover;
            background-position: center;
            height: 100%;
            width: 100%;
        }
/* ============================= */


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

    #contacts-info-box {
        text-align: center;
        padding: 40px 15px 10px 15px;
        display: block;
    }

        .contact-info{
            margin-bottom: 30px;
        }

    #contacts-form {
        padding-bottom: 30px;
    }

        #contacts-form .container {
            padding: 0px 15px;
        }

            #contacts-form input[type=submit] {
                margin-top: 20px;
                width: 100%;
            }

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


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

#credits {
    text-align: center;
    margin-top: 10px;
}
/* ============================= */



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



/* -> Services Single Page
================================ */
#services-single-page{
   padding: 80px 0px;
}

        #service-image{
            height: 250px;
        }

        #service-info{
            padding: 25px 15px 30px;
        }
/* ============================= */



/* -> News Page
================================ */
#news-page{
   padding: 80px 0px;
}

    .news-image{
        height: 250px;
    }

        .news-info{
            padding: 25px 15px 30px;
        }
/* ============================= */


/* -> News Sigle Page
================================ */
#news-single-page{
    padding:80px 0px;
}

    #news-single-img img{
        width: 100%;
    }
/* ============================= */