/* reset */
h1, h2, h3, h4, h5, p, ul, li{
	margin: 0; padding: 0; border: 0;
	color:#2B2F37;
}

body{
	background-color: white;
	color:#2B2F37;
	overflow-x:hidden;
	font-family:'Roboto',sans-serif;
}

h1{
	font-family: 'Coco Gothic Light';
	font-size:88px;
	text-align:center;
	/* font-weight: 300; */
}

h1 strong,.navigation h2 strong{font-family:'Coco Gothic Regular',sans-serif;}
.navigation h2,.navigation h2 span{font-family:'Coco Gothic Light',sans-serif;font-size:24px;}
.navigation ul,.navigation ul li{display: inline-block;vertical-align: top;}
.navigation ul {display: flex; gap: 16px}
.navigation ul li{padding:10px 0px;position: relative;margin-right:15px;font-family:'Roboto',sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0em;
	/* margin-right: 56px; */
	text-align: left;
}

.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active{color:#2B2F37;text-decoration: none;} 
.navigation a:hover{cursor:pointer;}
.navigation ul .hoverLine{display: none;position:absolute;bottom:0;background:#C7A346;height:1px;width:70%;left:15%;}
.navigation ul li.active div.hoverLine,.navigation ul li a:hover div.hoverLine{
	display: block;
}

h2,h3{
	font-family: 'Roboto',sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	font-weight:normal;
	line-height: 56px;
}
h3.h3-small{
    font-size: 32px;
    line-height: normal;
}
#intro h2{
	min-height:200px;
	padding:30px 0 30px 50px;
	margin: 135px 0px 135px -150px;
	background: #fff url("/img/grid-bg.svg") no-repeat center left;
	background-size:200px 200px;
}
#intro h2 strong{font-weight:500;}

#klanten,#contact{background:#F7F7F7}
#klanten h3{margin-bottom:40px;}

#team .member{text-align:center;padding-bottom:40px;}
.identification span{display:block;font-size:15px;line-height:1.4;}
.identification .name{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}
/* .identification .title,.identification .extra-info{font-size:12px;line-height:14px;} */
.identification .title{text-transform:uppercase;margin-bottom:10px;margin-top:2px;}
#team .member .avatar,.modal-header .avatar{width:80px;height:80px;line-height:80px;overflow:hidden;font-size:24px;color:#C7A346;border-radius:40px;background:#F7F1E3;
	margin: 0 auto 10px auto;}
.modal-body{padding:1rem 2rem 2rem 2rem;}
h5.modal-title{color:#2B2F37}
.modal-header{padding:2rem 2rem 1rem 2rem;border-bottom:none;}
.modal-header span.title{display:block;font-size:14px;text-transform: uppercase;}
.modal-header .avatar{margin:0!important;margin-right:15px!important;}
.modal-body p{font-size:15px;margin-bottom:15px;text-align: justify;}
/* a.link{color:#008ae3;} */

.member{padding:20px 0;}
.clickable:hover{cursor:pointer;background:#fffcf4;}

#team .member .avatar img{width:100%;}

.gridBox{
    position: absolute;
    height:300px;
    width:300px;
	background:url("/img/grid-bg.svg") no-repeat center center;
}
.introBox .gridBox{
    right:-150px;
    top:-70px;
}

.gold,h5{
	color: #C7A346;
}

#content h3{margin-bottom:30px;font-family: 'Roboto','sans-serif';
	font-style: normal;
	/* font-weight: 500; */
	font-size: 48px;
	line-height: 56px;
	
	color: #151515;}
#content h4{font-family: 'Roboto','sans-serif';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;padding-top:15px;
	margin-bottom:15px;
	color: #151515;}
.navbar{
	position: fixed;
}
.publications ul.anchornav{margin:0;padding:0}
.publications ul.anchornav li{list-style-type: none;margin-bottom:5px}
.publications ul.anchornav li a{text-decoration: none;color:black;font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4;
	padding-right:10px;
	border-right:2px solid transparent;
	/* or 250% */
	margin-bottom: 5px;
	text-align: right;font-weight:400;    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.publications ul.anchornav li a:hover{border-right:2px solid #C7A346;color:#C7A346}

#intro{padding-top:170px;}
#intro .introBox{border:1px solid #C4C4C4;padding:35px;}

.bigCircle{display:inline-block;background:#C7A346;height: 434px;width: 434px;border-radius: 50%;position:relative;}
.circleBox{font-family: 'Roboto',sans-serif;
	font-size: 28px;
	top: 50%;
	transform:translateY(-50%);
	left:0;
	width:100%;
	position:absolute;
	padding:0 10%;
	font-style: normal;
	font-weight: 300;
	line-height: 38px;color:#fff;
	letter-spacing: 0em;
}
.circleBox a:link,.circleBox a:visited,.circleBox a:hover,.circleBox a:active{color:#fff;text-decoration: none;;}
.circleBox a:hover{text-decoration: underline;}
#contact h3{font-family: 'Roboto',sans-serif;
	font-size: 80px;
	padding-top:110px;
	font-style: normal;
	font-weight:500;
	line-height: 100px;
	letter-spacing: 0em;
	text-align: left;
	}

.circleBox .smaller-text{font-size:22px;}
.circleBox .bigger-text{font-size:34px;line-height:42px;}

#footer{background: #151515;color:#fff;padding: 10px 0;}

.wrap{
	padding: 100px 0;
}
.wrap ul{
	padding-left: 20px;
	margin-bottom: 35px;
	list-style: none;
}

.publications ul.publicationList{margin-left:0px;margin-bottom:120px;padding-left:0;position: relative;;}
.publications ul.publicationList li{margin-bottom: 15px;list-style-type: none;text-indent:30px;font-weight:300;}

.publications ul.publicationList::after{content:' ';display:block;width:10%;left:45%;bottom:-60px;height:2px;background:#C7A346;position: absolute;}

i.newspaper{display:block;width:40px;height:40px;background:transparent url("/img/icons/newspaper.svg") center center no-repeat;background-size: 40px 40px;}
a.mediaBlock{height:100%;display:block;color:#fff;background:#2B2F37;padding:20px 15px;margin-top:30px;padding-bottom:50px;}
a.mediaBlock:hover{background:#C7A346;text-decoration: none;}
a.mediaBlock h4{font-size:18px;color:#fff;margin-top:5px}
a.mediaBlock h4 span.meta{font-size:12px;display: block;font-weight: 100;}
a.mediaBlock p.quote{color:#FFF;margin-top:20px;font-size: 16px;font-weight:300}
div.clickthrough{
	width:56px;height:54px;position: absolute; bottom:-30px;right:15px;
	display: block;
	background:rgba(255,255,255,0.5);
	border-top-left-radius: 28px;
	text-align: center;
	text-decoration: none;
}
/* a.clickthrough:hover{
	background:rgba(255,255,255,0.6);
} */

i.arrow{
	width:20px;height:20px;display: inline-block;vertical-align: top;
	background:url("/img/icons/arrow-right.svg") center center no-repeat;background-size: 20px 20px;
}
.clickthrough i.arrow{margin-top:16px}

ul.discList {margin-top:30px;}
ul.discList li{list-style-type:none;line-height:32px;font-weight:300;}
ul.discList li::before{
		content: "\2022";
		color: #C7A346;
		font-weight: bold;
		display: inline-block;
		width: 1em;
		margin-left: -1em;
}

/* .wrap p{
	margin-bottom: 35px;
} */
.wrap.jobwrap p{
	margin-bottom: 16px;
}
.wrap.jobwrap p, .wrap.jobwrap li{
	font-size: 20px;
	line-height: 32px;
}

u, span.underline{
	text-decoration: none;
	border-bottom: 2px solid #D6D6D6;
	padding-bottom: 2px;
}

.posRelative{
	position: relative;
}

.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
.noPadding{
	padding: 0!important;
}

#collapse{
	position: relative;
}


#intro{
	/* background-image: url("/img/team_office.jpg");
	background-size: cover;
	width: 100%;
	height: 100vh;
	background-position: center;
	position: relative;
	width: 100%;
	overflow: hidden; */
	padding-bottom:100px;
	overflow-x:hidden;
}
#intro .container{
	/* height: 100vh; */
}


#intro.jobs, #intro.jobs .container{
	height: 50vh;
}
/*#intro .introtext{
	color: white;

	display: table-cell;
	vertical-align: middle;
	height: 100vh;

}*/

#intro .introtext {
    color: white;
    position: absolute;
    left: 15px;
    bottom: 23%;
}

#intro .introtext h1{
	font-size: 62px;
	font-family: "uni_neueregular", sans-serif;
	margin-bottom: 15px;
	/*background-color: #008AE3;*/
	/*padding: 5px;*/
}
#intro .introtext h1 span{
	background-color: #008AE3;
	padding: 0px 15px 5px;
	line-height: 88px;
	white-space: nowrap;
}
#intro .introtext p{
	font-size: 28px;
	font-family: "uni_neuebook", sans-serif;
	color: #fff;
}
#intro .down{
	width: 72px;
	height: 72px;
	background: rgba(255, 255, 255, 0.2) url('/img/icons/icon-down.png') center center no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -36px;
	transition: all 0.2s ease-out;
	border-radius: 50%;
	bottom: 12%;
}
#intro .down:hover{
	background: rgba(255, 255, 255, 0.25) url('/img/icons/icon-down.png') center 32px no-repeat;
}

p{font-family:'Roboto',sans-serif;font-size:1rem;line-height:1.4rem;margin-bottom:1rem;font-weight:300}

.bold{font-weight:500;}
.client{width:200px; }
/* .client.ua{position: absolute;top:50%;} */
.justify-content-center.text-right{justify-content: right!important;}
.client.ug{width:160px;}
/* .client.kul{left:auto;right:30px;} */
.client.pxl{width:100px;}

.pxl{height:50px}
.vub{height:40px}
.kul{height:40px}
.ua{height:40px}
.ug{height:80px}

.smallPaddingL{padding-left:30px;}
.paddingT{padding-top:60px;}
.largePaddingT{padding-top:125px;}
.paddingB{padding-bottom:60px;}

footer{padding-bottom:100px;}

.border{
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	margin: 0 auto;
	width: 100%;
	height: auto;

}

.fotoborder {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	background-image: url('/img/border-1_2.svg');
	background-size: cover;
	height: 0;
	padding: 0; /* reset */
	padding-bottom: calc(100% * 13 / 300);
}

.down:hover{
	cursor: pointer;
}

a.menuIcon, .mobileMenu{
	display: none;
}


.column-gap-s {
    column-gap: 30px;
}
.row-gap-md {
    row-gap: 50px;
}

.client-logo-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    max-width: 300px;
}

.grid-clients{
    display: grid;
    grid-template-columns: 1fr 300px;
    column-gap: 50px;
}
.object-fit-cover{
    object-fit: cover;
}
.object-fit-contain{
    object-fit: contain;
}

#klanten .gridBox{
    top: -70px;
    left: -80px;
}
.container-xs{
    max-width: 880px;
}
.partner-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    column-gap: 50px;
    row-gap: 30px;
}
.partner-grid > img{
    justify-self: center;
    max-height: 80px;
    padding: 15px;
}

.primary-button{
    display: inline-block;
    color: #fff !important;
    background-color: #C7A346;
    line-height: normal;
    font-size: 14px;
    padding: 10px;
    border-radius: 8px;
}

.mobileMenu .primary-button {
    margin-top: 12px;
    font-size: 20px;
}
/*.first{
	width: 45%;
}
.second{
	width: 70%;
}*/


/*MEDIA QUERIES*/
@media screen and (min-width: 1200px){
	.container.wideContainer{
		width: 1329px;
    max-width: 100%;
	}
	#intro h2{
		margin-left:-50px;
	}
}

@media (max-width: 1200px) {
	#intro {padding-top:60px;padding-bottom:60px;}
	.navigation >li{
		margin-left: 10px;
	}
	#wiezijnwe .text{
		width: 100%;
	}
	#intro h2{margin-left:0px!important;}
}

@media (max-width: 992px) {
    h3.h3-small{
        font-size: 30px;
        line-height: normal;
    }
    #klanten h3{margin-bottom:50px;}

    .partner-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        column-gap: 30px;
        row-gap: 30px;
    }
    .partner-grid > img{
        justify-self: center;
        max-height: 50px;
        padding: 10px;
    }

	/* .client{position:relative;top:0;right:0;left:0;margin:0;} */
	.navbar-nav{display: none!important;}
	.navigation .nav-col{justify-content: right!important;text-align: right;display: inline-grid!important;}
	.navbar-brand > img{
		margin-top: 0px;
	}

    .grid-clients{
        display: flex;
        flex-direction: column;
        gap: 50px;
        text-align: center;
    }
    .client-logo-grid{
        margin: auto;
    }
    .client-logo-grid .pxl{
        grid-column-start: 1;
        grid-column-end: 3;
        width: 100%;
    }
    .client-logo-grid > img{
        flex-basis: 50%;
    }

    #klanten .gridBox{
        top: unset;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
        height: 200px;

    }

    #klanten > .container{
        padding-top: 0;
    }

	.wrap .row .smallPaddingL{padding-left:15px;}

	.justify-content-center.text-right{justify-content: center!important;}
	
	.wrap{padding:60px 0;}
	#intro h1{font-size:50px;}
	#intro h2{font-size:30px;line-height:1.3;margin:30px 0;background-position:top left;}
	h3,#contact h3{font-size:30px;line-height:1.3;margin-bottom:30px;}
	#contact{text-align: center;}
	#contact h3{text-align: center;padding-top:0;padding-bottom:40px;}
	
	/* #team .member .identification .title,#team .member .identification .extra-info{font-size:14px;line-height:1.4;} */
	#team .member .identification .name{font-size:20px;line-height:1.4;}
	#team .member.col-md-0{padding:0px;}
	#team .paddingB{padding-bottom:0px;}
	.client{margin:0!important;line-height:150px;width:140px;padding-bottom:60px;}
	.client.pxl{width:70px}
	.client.ug{width:100px;}
	/* .client.pxl{padding-top:60px;} */


	.bigCircle{width:300px;height:300px;line-height:300px;font-size:20px;}
	.bigCircle .circleBox{font-size:20px;line-height:1.3;}

	a.menuIcon {
    color: #fff;
    display: inline-block;
		width: 35px;
		height: 35px;
		background: url('/img/icons/bars-burger.svg') center center no-repeat;
		background-size:20px 20px;
		opacity:0.9;text-align: right;
	}

	.mobileMenu {
    display: block;
		display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index:8888
	}
	.mobileMenu a.closeIcon{
		position: absolute;
    right: 15px;
    top: 15px;
    display: block;
		width: 35px;
		height: 35px;
		background: url('/img/icons/x-light.svg') center center no-repeat;
		background-size:20px 20px;
		opacity: 0.9;

	}
	.mobileMenu{text-align: center;}
	.mobileMenu h2,	.mobileMenu h2 span.gold{font-size:40px;margin:0;padding-top:20px;}
	.mobileMenu a.navbar-brand{margin:0;}
	.mobileMenu img.menuLogo{
		display: block;
		width: 50%;
		max-width: 250px;
		margin: 45px auto 15px;
	}
	.mobileMenu hr{
		border-top: 2px solid #D6D6D6;
    width: 55px;
	}
	.mobileMenu ul.nav,.mobileMenu ul.nav li, .mobileMenu ul.nav li a{
		/* color: #fff; */
		text-align: center;
		font-size: 24px;
		display: block;margin:0;
	}
	.mobileMenu ul.nav li a{padding:10px 20px;}
	
	.mobileMenu ul.nav li a:hover,.mobileMenu ul.nav li.active a{
		/* background: #fff; */
		/* color:#2B2F37; */
		color:#C7A346;
	}

	/**/
	.wdw{
		top: -100px;
	}
	.wdw ul li{
		font-size: 28px;
		line-height: 48px;

	}

	#klanten .clientgrid > .col-md-15, #klanten .clientgrid > .col-md-15.md-right, #klanten .clientgrid .col-md-15.md-bottom {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
	}

	#klanten .clientgrid .col-md-15.sm-bottom{
		border-bottom: 0;
	}
	#klanten .clientgrid .col-md-15.sm-right{
		border-right: 0;
	}
	.container.wideContainer{
		width: 100%;
	}

	.teamMember .caption h4{
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.teamMember .caption p{
		font-size: 14px;
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.teamMember img{opacity: 0.8;}

	#watdoenwe .text, #contact .text{
		width: 90%;
	}
	.contactForm{
		margin-top: 30px;
	}

	#footer .addressText{
		margin-top: 30px;
		padding-left: 15px;
	}

	/* #klanten, #contact{
		margin-top: 50px;
	} */

	#footer .addressText{
		margin-top: 245px;
	}

}






@media screen and (max-width: 767px){
	/*#klanten .d-flex{display:block!important;}*/
	#klanten .client{display:block;text-align:center;position:relative;top:0;left:0;right:0;transform: translateY(0);}
	#klanten .paddingT.d-flex{padding-top:0}
	.anchornav{display: none;}
	#intro .introtext h1{
		font-size: 50px;
	}
	#intro .introtext h1 span{
		line-height: 72px;
		padding: 0px 12px 3px;
	}
	#intro .introtext p{
		font-size: 23px;
		line-height: 28px;
		padding-right: 15px;
	}

	#intro .down{
		width: 52px;
		height: 52px;
		background: rgba(255, 255, 255, 0.2) url('/img/icons/icon-down.png') center center no-repeat;
		position: absolute;
		left: 50%;
		margin-left: -26px;
		transition: all 0.2s ease-out;
		border-radius: 50%;
		bottom: 30px;
	}
	#intro .down:hover {
    background: rgba(255, 255, 255, 0.25) url(/img/icons/icon-down.png) center 24px no-repeat;
	}

	#intro .introtext h1 span{
		white-space: normal;
	}
	.col-xs-6{width:50%!important;}
}



@media screen and (max-width: 480px){
	#intro h1{text-align: left;}
	#intro h2{background:none;padding:0;font-size:20px;line-height:1.3;min-height:auto;}
	.klant{
		background-size: 90%;
	}
	#intro .introtext h1 {
    font-size: 40px;
	}
	#intro .introtext h1 span{
		line-height: 56px;
	}
	

}
@media screen
  and (min-width: 480px)
  and (max-width: 667px)
  and (orientation: landscape) {
		#intro .introtext h1 {
	    font-size: 32px;
		}
		#intro .introtext h1 span{
			line-height: 46px;
		}
		#intro .introtext p{
			font-size: 18px;
			line-height: 24px;
		}

		#footer .bluebox{
			padding: 30px 15px;
		}

		#footer .container .col-md-6{
			padding-left: 0px;
			padding-right: 0px;
		}

		#intro .down{display: none;}

		#watdoenweimage {
			    height: 90vh;
		}

}
@media screen
  and (min-width: 320px)
  and (max-width: 480px)
  and (orientation: landscape) {
		#intro .introtext h1 {
	    font-size: 32px;
		}
		#intro .introtext h1 span{
			line-height: 46px;
		}
		#intro .introtext p{
			font-size: 18px;
			line-height: 24px;
		}
}

@media screen and (max-width: 420px){
	/* #team .teamgrid .col-xs-6{
		width: 100%;
	} */
	
	.teamMember .caption h4{
		font-size: 16px;
		line-height: 22px;
	}
	.teamMember .caption p{
		font-size: 12px;
		line-height: 20px;
	}
	#wiezijnwe, #wiezijnwe .text{
		text-align: left;
	}


	#cases h2, #klanten h2, #team h2, #contact h2{
		font-size: 22px;
		line-height: 30px;
	}
}

@media screen and (max-width: 375px){
	.navbar-default{
		padding-left: 0;
		padding-right: 0;
	}

}

@media screen and (max-width: 320px){
	#klanten .clientgrid > .col-md-15, #klanten .clientgrid > .col-md-15.xs-bottom, #klanten .clientgrid > .col-md-15.xs-right{
		width: 100%;
		border: none!important;
	}
	.klant{
		background-size: 132px;
		padding-top: 142px;
	}

	#intro .introtext h1 {
    font-size: 32px;
	}
	#intro .introtext h1 span{
		line-height: 46px;
	}
	#intro .introtext p{
		font-size: 18px;
		line-height: 24px;
	}
}



@media screen and (min-width: 800px) and (max-width: 1025px){
	.casesList .case{
		width: 92vw;
	}
}


/*IMAGES WISSELEN TIJDENS GROTE*/
@media screen and (min-width: 1920px){
	
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	#klanten .team-hero-image{
        object-fit: cover;
        height: 462px;  /* intrinsic image height */
    }
}
@media screen and (min-width: 1025px) and (max-width: 1919px){
	
}

@media screen and (min-width: 500px) and (max-width: 1024px){
	
	#intro .introtext{
		top: 100px;
	}

	#join p{
		display: none;
	}

	#join .member.h-50{
		padding-bottom: calc(100% + 3px);
	}
	/*#kantoor{
		background-image: url('/img/office_tablet.jpg');
		height: 100%;
    padding-top: 75vh;
	}*/
}

@media screen and (max-width: 499px){
	
	#intro .introtext{
		top: 100px;
	}

	#join p{
		display: none;
	}

	#join .member.h-50{
		padding-bottom: 100%;
	}
	#join .member .caption{
		margin-bottom: 0;
		top: calc(50% - 58px);
	}

	#footer p{
		font-size: 16px;
	}

	.jobAlert.whitebox{
		max-width: 245px;
		top: 57%;
		padding: 25px 20px;
		left: 30px;
	}
	.jobAlert.whitebox.show{
		left: 16px;
	}
	.whitebox h2{
		font-size: 24px;
		margin-top: 10px;
		color: #333;
	}
	.jobAlert.whitebox p{
		display: none;
	}

	.jobgrid .job{
		margin-bottom: 30px;
	}
	.jobgrid .job h2 {
		font-size: 24px;
		line-height: 30px;
		margin-top: 0px;
	}
	.jobgrid .job p {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 16px;
	}

	.wrap.jobwrap p, .wrap.jobwrap li {
    font-size: 14px;
    line-height: 20px;
	}
	#job h2{
		font-size: 22px;
	}
	#job .wrap li:before{
		width: 12px;
	}
	#join .solliciteerButton {
    line-height: 33px;
    font-size: 12px;
    padding: 8px 10px;
	}
	#join h3 {
	    font-size: 30px;
	    margin-bottom: 16px;
	    margin-top: 8px;
	}
	#cookieNotify #cookieDough p#crunchyTextBits{
		padding-right: 0px;
		font-size: 12px;
		line-height: 20px;
	}
}


/* 5 Columns hack */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
	/* .justify-content-center{justify-content:left!important;} */
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}