*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    list-style: none;
}
.wrapper{
    padding-top: 15vh;
    padding-bottom: 5vh;
    width: 95%;
    height: 100%;
    min-height: 88vh;
    /*background-color: rgb(171, 154, 162);*/
	background-color: rgb(165, 165, 165);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.gallery{
    margin:-10px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.gallery img{
    width:100%;
    height: 100%;
    max-width: 400px;
    max-height: 400px;
    padding: 25px;
	object-fit: cover;
}
@media screen and (max-width:1200px){
    .gallery{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:992px){
    .gallery{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:568px){
    .gallery{
        grid-template-columns: 1fr;
    }
}
/* TABS */
.tabs ul{
	display: flex;
	background: #dddddd;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-bottom: 20px;
	/*margin-top:-50px;*/
	margin-top:-4vh;
}
.tabs ul li{
	width: auto;
	min-width: 20vw;
	padding: 15px;
	border-right: 1px solid #dddddd;
	text-align: center;
	color: #3b3b3b;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 3px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.tabs ul li .icon{
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
.tabs ul li:last-child{
	border-right: 0px;
}
.tabs ul li:hover,
.tabs ul li.active{
	background: #f2f2f2;
	color: #ffb423;
	/*color: rgb(255,150,35);*/
}
.tabs ul li:hover:before,
.tabs ul li.active:before{
	opacity: 1;
}
.content{
	background: #c9c9c9;
	border: 1px solid #dddddd;
	border-radius: 15px;
	padding: 20px;
}
.tab_wrap .title{
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}
.tab_wrap .tab_content p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}