.bg-dark {
    background-color: #f8f9fa00!important;
}

.navbar {
	padding: 2px 0 2px 0;
}


body, html {
	
	font-size: 16px;
	color:#2d2d2d;
	font-family: 'Be Vietnam', sans-serif;
	
}

.blue_box, footer {
	background: #003254;
	color: #fff;
	
}

footer {
	padding-top:45px;
	padding-bottom: 30px;
	margin-top:40px;
}

footer a {
	color: #fff;
}



h1, h2, h3, h4, h5, h6, .op, .large_orange,.header_black {
	font-family: 'Viga', sans-serif;
}

h1, .slidertitle
{
	font-size: 30px;
	color:#FF6C00;
	line-height: 36px;
}

span.slidertitle {
	display:block;
	font-family: 'Viga', sans-serif;
	color:#fff;
}
h2

{
	font-size: 22px;
	color:#2d2d2d;
	line-height: 26px;
}

.col-xl-3 h2 {
	margin-top: 10px;
}

h3

{
	font-size: 34px;
	color:#FF6C00;
	line-height: 36px;
}


h5 {
	font-size: 22px;
	color:#111;
	line-height: 23px;
}

a {
	color: #33A9FF;
}

.fortyp {
	padding-top: 40px;
	padding-bottom: 40px;
}

.fortypt {
	padding-top: 20px;
	padding-bottom: 40px;
}

.fifp {
	padding-top: 14px;
	padding-bottom: 14px;
}

img {
	max-width:100%;
	height:auto;
}

a.navbar-brand img {
	mwidth:auto;
	height:54px;
}

p.op {
	color: #003254;
	font-size: 22px;
	line-height: 29px;
}

ul.list {
	list-style:none;
	padding: 0;
}

ul.list li  {
	
}

span.large_orange {
	font-size:  30px;
	line-height:36px;
	letter-spacing: 0;
	color: #FF6C00;
	display:block;
}

span.header_black {
font-size: 22px;
line-height:26px;
letter-spacing: 0;
color: #003254;
display:block;

}

.shadow_box {
	margin-top:30px;
	margin-bottom:30px;
	
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 6px 23px #00000029;
	opacity: 1;
	padding: 30px;
}

.carousel-cell img {
	max-width:none;
	width:auto;
	height:370px;
}

.clogo {
	height: 66px;
	width: auto;
}

img.insta {
	height: 50px;
	width: auto;
}

.fade_base {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	opacity: 1;}
	
	.abs {
		position:absolute;
		color: #fff;
		margin-top: 12%;
		margin-left: 30px;
	}
	
	.content {
		position:absolute;
		color: #fff;
		margin-top: 10%;
		margin-left: 60px;
	}
	
	.content a {
		display:inline-block;
		padding: 5px 15px 10px 15px;
		background: #33A9FF;
		color: #fff;
		
	}
	
	.fw img {
		width: auto!important;
		height:auto !important;
		max-width: 100vw !important;
		height: 624px !important;
	}

	.col-xl-3 {
		margin-bottom: 30px;
	}
	
	.proj img {
		border: 1px solid #eee;
		margin-bottom: 30px;
	}
	
	@media (max-width: 991.98px) { 
	
		.ml-auto {
			margin-left: auto !important;
			margin-right: auto !important;
			
		}
		
		.col-xl-3.ml-auto{
width:100%;	max-width:100%;
padding:0 !important;	}
	
	.col-xs-6, .col-xl-3 {
		-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;	}
	
	

	span.large_orange {
		text-align: center !important;
		font-size: 26px;
		    line-height: 28px;
		
	}
	
	.shadow_box span.large_orange, span.large_orange {
		margin-top: 30px;
		
	}
	
	
	.text-right, .header_black, .col-xl-3.ml-auto, .row.mb-4 .col-xl-6  {
		text-align: center !important;
		
	}
	.fifp .d-flex.col-xl-4.align-items-center, .col-xl-3.ml-auto, .row.mb-4 .col-xl-6  {
	    justify-content: center;
	}
	
	.col-xl-3.ml-auto {
		flex: 0 0 100%;
	}
	
	.blue_box {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding: 7px 0;
	}
	
	.navbar, 	.blue_box {
		z-index: 999999;
	}
	
	body {
		padding-top:60px;
	}
	
	picture img {
		object-fit: cover;min-height: 70vw
	}
	
	.nom {
		display:none !important;
	}
	
	.navbar-toggler {
	    padding: .2rem .75rem .5rem .75rem;
	    font-size: 1rem;
		line-height:1.5;
	    background-color: transparent;
	    border: 1px solid transparent;
	    border-radius: .25rem;
	}
	
.col-xl-6.text-right {
	margin-top: 30px;
}

.flickity-viewport {
	height: 250px !important;
}


.abs {
    margin-top: 30%;
}
	}