header, nav, main, aside, footer, article, section {
  display: block;
}

/*------- MAIN PAGE----------*/

.main-slider{
	max-height: 80vh;
	padding: 0px;
}

.main-slider img{
	height: 100vh;
	min-width: 100%;
}

.menu{
	padding: 0px;
}

.navbar{
	background-color: rgba(34,34,34,0.8);
}

.toggle-button{
	display: none;
}

.navbar-brand img{
	max-width: 220px;
}

.bg-dark{
	opacity: 0.8;
}

.flag{
	display: inline-block;   
	padding-right: 5px;  
	padding-top: 7px;  
}

.flag img{
	max-height: 15px;
}

h1{
	display: inline-block;
}

.numbers{
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	color: #035296;
}

h1{
	padding-bottom: 50px;
}

.blue-tsl{
	color: #035296;
}

/*----------ABOUT--------*/
.about{
	color: rgba(255,255,255,.5);
	padding: 200px 0 150px;
	background-color: rgb(51, 51, 51);
}

.main_text{
	padding-bottom: 100px;
}

.left_main_text{
	text-align: right;
}

.right_main_text{
	text-align: left;
}

.photo_gallery{
	text-align: center;
}

.figure {
	box-shadow: -5px 10px 5px #222222;
}

figcaption{
	border: 0px solid;
}

figcaption h3{
	text-transform: uppercase;
}

.figure-caption{
	background-color: #2B2B2B;
	padding-top: 20px;
	min-height: 100px;
}

.view img{
	margin: auto;
	width: 100%;
}

.card-title{
	color: #035296;
}

.fa {
	padding-right: 5px;
}

.btn{
	background-color: inherit;
	border: 2px solid;
	border-radius: 5px;
	background-position: 100% 0;
	background-size: 300%;
	transition: 0.4s;
}

.btn:hover{
	background-position: 0 100%;
}

.button_more{
	cursor: pointer;
	float: right;
	color: white !important;
	margin-right: 0px;
	border-color: #035296;
	background-image: linear-gradient(45deg, #035296 50%, transparent 50%);
}

button{
	margin-top: 20px !important;
}

.img-center{
	text-align: center;
}

/*--------------BANNER-----------*/
.banner{
	padding: 0;
}

.banner img{
	min-height: 150px;
	object-fit: cover;
	width: 100%;
}

/*----------------About US ------------*/

.about_us{
	padding-top: 150px;
	background: transparent url("img/earth.jpg") no-repeat fixed center top / cover;
	opacity: 0.9;
	padding-bottom: 100px;	
}

.about_us .container{
	background-color: rgba(43, 43, 43, 0.6);
}

.about_us .row {
	padding-top: 50px;
}

.about_us img{
	width: 100%;
	object-fit: cover;
}

.invitation {
	padding-top: 100px;
	padding-bottom: 50px;
}

/*----------------DOCUMENTS----------*/

.documents{
	padding-top: 150px;
	padding-bottom: 100px;
}

.documents .col-md-3{
	text-align: center;
}

.documents img{

}

.figure{
	box-shadow: none;
}

.figure-caption{
	padding-top: 0;
	background-color: transparent;
	min-height: 20px;
}

.lb-data .lb-details{
	display: none;
}

/*---------------OUR OFFER ----------*/

.specializations{
	background-color: #2B2B2B;
	padding-top: 150px;
	padding-bottom: 150px;
}

.color_light{
    color: rgba(255, 255, 255, 0.7);
}

.specializations .view{
	margin-bottom: 0px;
}

.specializations .view img{
	height: 285px;
	width: 285px;
}

.view img{
	object-fit: cover;
}

.zoom{
	text-align: center;
  	overflow: hidden;
}

.zoom img{
  	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.zoom:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
  	-webkit-transform: scale(1.1);
}

.no_padding{
	padding: 0;
	text-align: center;
}

.static_height{
	/*background-color: #035296;*/
	margin-bottom: 0px;
	height: 285px;
}

.no_padding p{
	font-size: 20px;
	line-height: 25px;
	display: flex;
    align-items: center;
    justify-content: center; 
}


/*--------------Trusted US -----------*/
.trusded_us{
	padding-top: 150px;
}

.logos-slider img{
	height: 50px;
	padding: 0 30px;
}

/*------- SLICK STYLE----------*/
.slick-prev{
    left: 10px;
    z-index: 999;
}

.slick-next{
	right: 10px;
	z-index: 999;
}

/*--------MAP-------------*/
.map{
	padding-top: 150px;
}

#map{
    height: 60vh;
    width: 100%;    
}

/*--------- FAST CONTACT ---------*/

.fast-contact{
	margin-top: 100px;
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: rgb(43, 43, 43);

}

.fast-contact h2{
	font-size: 1.5rem;
	padding: 0 0 20px 20px;
}

.fast-contact h2 a{
	color: rgba(255, 255, 255, 0.7);
}

.fast-contact h2 a:hover{
	color: #035296;
}


/*---------CONTACT FORM -------*/
.contact{
	padding-top: 150px;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 50px;
}

#form4 {
	height: 200px;
}

.button_send{
	margin-left: 48px;
	color: black !important;
	margin-right: 0px;
	border-color: #035296;
	background-image: linear-gradient(45deg, #035296 50%, transparent 50%);
}

.button_send:hover{
	color: white !important;
}

.button_send:focus{
	color: black !important;
}

/*------- FOOTER----------*/
.line{
	color: red;
	border: solid;
}

footer.page-footer{
	margin-top: 0px;
}

footer.page-footer .social-section ul a{
	padding-right: 0px;
}

.footer-copy{
	color: rgba(255,255,255,.6);
	background-color: rgba(0,0,0,.2);
	font-size: .9rem;
	line-height: 50px;
}

.footer-copy .text-left{
	margin-bottom: 0px
}

.footer-copy .text-right{
	margin-bottom: 0px
}

/*----RESPONSIVE-------*/
@media screen and (max-width: 993px) {
	.navbar-brand img {
		height: 50px;
	}
	.navbar-nav {
		text-align: center;

	}
}

@media (max-width: 767px) {
	.main-slider{
		position: absolute;
		top: 0px;
	}

	.about{
		padding-top: 100vh;
	}

	.navbar-nav{
		display: none;
	}

	.toggle-button{
		z-index: 9999;
		display: block;
		color: white;
	}
	
	.navbar-nav.opened{	
		position: fixed;
		top: 76px;
		right: 0;
		padding-top: 15px;
		display: block;
		background-color: rgba(43, 43, 43, 0.8);
		height: 100vh;
	}
	
	.numbers{
		display: none;
	}

	.lb-nav a.lb-next {
		opacity: 1;
	}

	.lb-nav a.lb-prev {
		opacity: 1;
	}
}