body {
    padding: 0;
    margin: 0;
}
.menuContainer {
}
@font-face {
    font-family: Dubiel2;
    src: url("../fonts/DUBIEL.ttf");
}
@font-face {
	font-family: Diavlo;
	src: url("../fonts/Diavlo_MEDIUM_II_37.otf");
}
@font-face {
	font-family: Source Serif Pro;
	src: url("../fonts/SourceSerifPro-Regular.ttf");
}
body, h1, h2, h3, h4, h5, h6, p, a{
	font-family:Source Serif Pro !important;
}
#parent {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding:40px;
}
.child {
	border:1px solid #ccc;
	max-width:18%;
	display:inline-block;
	padding:10px 30px;
	margin:5px;
	cursor:pointer;
}
.child.img {
	border:none;
	height:auto;
	padding:0;
	position:relative;
	
}
.child.img div {
	position:relative;
}

.child.img .label {
	position:absolute;
	max-width:100%;
	top:0;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);	
	transform: translateX(-50%);	
    left: 50%;
	background:#323232;
	font-size:18px;
	font-weight:normal;
	padding:5px;
	
}
.child:hover, .child.img.active {
	opacity:.7;
}
.child:hover .label, .child.img.active .label{
	background:#fff;
	color:#000;
	opacity:1;
}
.child.img:hover, .child.img.active {
	background:0;
	

}
.child:hover, .child.active {
	background:#000;
	color:#fff;
}
.sliderPanelContainer {
	position:relative;
	width:100%;
	overflow:hidden;
}

.sliderPanelContainer .sliderPanel {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	overflow:hidden;
}
.sliderPanelContainer.slide .sliderPanel {
	left:100%;
}
.sliderPanelContainer.fade .sliderPanel {
	opacity:0;
	
}



.col-1, .col-2, .col-3, .col-4 , .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float:left;
		width:100%;

}
@media (max-width:990px)
{
	.sliderPanelContainer .sliderPanel {
		text-align:center;
	}
	section#menus {
		text-align:center;

	}
}
@media (max-width:768px)
{
	.child.img .label {
		font-size:14px;
	}
	.sliderPanelContainer .sliderPanel {
		text-align:center;
	}	overflow:hidden;

	#parent {
		text-align:center;
	}
	.child {
		margin:5px 0;
		max-width:18%;
		text-align:center;
	}
}
@media(min-width:768px){

    .col-4{
        padding-left:15px;
        padding-right:15px;
        min-height:1px;
        position:relative;
    }
	.col-1{
	width:8.333333333333332%
	}

	.col-2{
	width:16.666666666666664%
	}

	.col-3 {
		width:25%;
	}
    
    .col-4 {
        width:33.3333333%;
    }

	.col-5 {
		width:40%;
	}
	
	.col-6 {
		width:48%;
	}
	.col-7 {
		width:58.333333333333336%;
	}	
	.col-9{
		width:75%;
	}
	.col-8 {
		width:66.66666666666666%;
	}
	.col-11 {
		width:91.66666666666666%;
	}
	.col-12 {
		width:100%;
	}
}
@media (max-width:468px)
{
	.child.img .label {
		font-size:14px;
		width:100%;
		padding:0;
		text-align:left;
	}
		.child {
		max-width:28%;
	}
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}