
.container-fluid {

    background: #ffffff;
}

.product-left{
	grid-column-start: 2;
	grid-column-end: 9;
	-ms-grid-column:2; 
   -ms-grid-column-span:7;
	padding-top:200px;
	padding-right:100px;
	    padding-bottom: 100px;
}
.product-right{
	grid-column-start: 9;
	grid-column-end: 14;
	-ms-grid-column:9; 
   -ms-grid-column-span:5;
	padding-top:200px;
	    padding-bottom: 100px;
}
.product-right-first{
	padding-top:300px;
}
.post-cnt-text{
	padding-bottom:45px;
}

.slider2{
	grid-column-start: 2;
	grid-column-end: 14;
	-ms-grid-column:2; 
   -ms-grid-column-span:12;
	position: relative;
	width:100%;
}
.product-cnt{
	padding-left:50px;
}
.product-cnt-headline{
	color: #d71e28;
	font-size: 15px;
	padding-bottom:50px;
}
.product-cnt-text{
	padding-bottom:50px;
}
.product-box{
	padding:50px;
}

.gal1-img{
	display:none;
	text-align: center;
}
.gal1-img img{
    width: 100%
		;
    align-self: center;
    justify-self: center;
}

.gal1-img-activ{
	display: flex;
	height:730px;
	overflow: hidden;
}


.gal1-icon{
	    height: 60px;
    width: 60px;
    border-radius: 50%;
    float: left;
    border: 2px solid #000000;
	margin: 5px;
	overflow: hidden;
}

.gal1-icon-activ{
	 border: 2px solid #d71e28;
}


.gal1-nav{
	margin-top:17px;
	margin-bottom:10px;
	text-align: right;
	font-size: 28px;
}

.gal1-nav-prev{

	display: inline-block;
	cursor: pointer;
}
.gal1-nav-next{

	display: inline-block;
	cursor: pointer;
}

#carousel1{
	display: block;

}

#carousel1 ul{
	text-align: center;
	width:100%;
	display: inline-block;
	padding-top: 50px;
}

#carousel1 ul li{
	display: inline-block;
}
.post-nav {
    margin-top: 17px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 28px;
}

.post-nav-prev{

	display: inline-block;
	cursor: pointer;
}
.post-nav-next{

	text-align: right;
	display: inline-block;
	cursor: pointer;
}
.post-box{
	display:none;
}
.post-box-activ{
	display: block;
}
.post-icon{
	display: inline-block;
	cursor: pointer;
}
.post-icon-activ{
	color:#d71e28;
}

.post-overview{
	padding:50px;
}

.post-img{
	display:none;
	text-align: center;
}

.post-img img{
	    width: 100%;
    align-self: center;
    justify-self: center;
}

.post-img-activ{
	display: flex;
	height:730px;
	overflow: hidden;
}

.slides2{
	width:1200px;
}


.about-first-slider {
    width: 66.666%;
    position: relative;
    z-index: 2;
    overflow: hidden;
	    height: 500px;
}

.about-second-slider {
    position: absolute;
    top: 25%;
	opacity: 0.5;
    right: 0;
    width: 33.333%;
    overflow: hidden;
	    height: 300px;
}

.arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
    position: absolute;
    /*width: 100px;*/
    height: 50px;
    z-index: 20;
    right: 0px;
    bottom: 0;
}

.arrows {
    z-index: 3;
    top: 0;
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 28px;
}

.arrows div {
    float: left;

    cursor: pointer;
    position: relative;
    -webkit-transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.arrow-next{
	text-align: left;
}
.arrow-next{
	text-align: right;
}

.swiper-slide {
    background: #808285;
    text-align: center;
}




@media screen and (max-width: 1439px) {
	.product-left {
		grid-column-start: 2;
		grid-column-end: 9;
		    padding-top: 100px;
		padding-right: 7.1428vw;
		padding-bottom: 0px;
	}
	
	.product-cnt {
		padding-left: 0px;
	}
	.gal1-img-activ {
		height: 50vh;
	}
	
	.post-img-activ {
		height: 50vh;
		padding-top: 7.1428vw;
	}
	
}

@media screen and (max-width: 768px) {
	
	.product-left {
		grid-column-start: 2;
		grid-column-end: 14;
		padding-right: 0;
		padding-bottom: 7.1428vw;
	}
	
	.product-cnt {
		padding-left: 0px;
	}
	
	#container ul {
    	list-style: disc;
		padding-left: 0px;
	}
	
	.gal1-img-activ {
		height: 50vw;
	}
	
	.product-right {
		grid-column-start: 2;
		grid-column-end: 14;
		padding-top: 7.1428vw;
		padding-bottom: 7.1428vw;
	}
	
	.product-box {
		padding: 7.1428vw;
	}
	.post-overview {
		padding: 7.1428vw;
	}
	.slider2 {
		display: grid;
		grid-auto-flow: dense;
		grid-template-columns: repeat(1, 1fr);
	}
		
	.arrows {
		grid-column-start: 1;
    	grid-column-end: 3;
		    position: relative;
	}
	.about-first-slider {
		width: auto;
		grid-column-start: 1;
		grid-column-end: 3;
		position: relative;
		z-index: 2;
		overflow: hidden;
		height: 220px;
	}
	
	.about-second-slider{
		display:none;
	}
	

	
	
	.post-img img{
		max-height:100%;
		width:auto;
		margin: 0 auto;
	}


}
