/* 12FR CSS GRID WITH IE 10+11 FALLBACK SUPPORT */

.grid {
    /*display: -ms-grid;*/
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	margin-bottom: 25px;
}

.grid:last-child {
	margin-bottom: 0px !important;
}

.grid img {
	display: block;
}
    
.one-column {
    -ms-grid-column-span: 1;
    grid-column: span 1;
}
	
.two-columns {
    -ms-grid-column-span: 2;
    grid-column: span 2;
}
    
.three-columns {
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
    
.four-columns {
    -ms-grid-column-span: 4;
    grid-column: span 4;
}
    
.five-columns {
    -ms-grid-column-span: 5;
    grid-column: span 5;
}
	
.six-columns {
    -ms-grid-column-span: 6;
    grid-column: span 6;
}
    
.seven-columns {
    -ms-grid-column-span: 7;
    grid-column: span 7;
}
    
.eight-columns {
    -ms-grid-column-span: 8;
    grid-column: span 8;
}
    
.nine-columns {
    -ms-grid-column-span: 9;
    grid-column: span 9;
}
	
.ten-columns {
    -ms-grid-column-span: 10;
    grid-column: span 10;
}
    
.eleven-columns {
    -ms-grid-column-span: 11;
    grid-column: span 11;
}
    
.twelve-columns {
    -ms-grid-column-span: 12;
    grid-column: span 12;
}

.one-column, 
.two-columns,
.three-columns, 
.four-columns, 
.five-columns, 
.six-columns, 
.seven-columns, 
.eight-columns, 
.nine-columns, 
.ten-columns, 
.eleven-columns, 
.twelve-columns {
	 margin: 0 10px;
}
    
/* IE COLUMN START FIX */
.ie-column-start-one {
    -ms-grid-column: 1;
 }
    
.ie-column-start-two {
    -ms-grid-column: 2;
}
    
.ie-column-start-three {
    -ms-grid-column: 3;
}
    
.ie-column-start-four {
    -ms-grid-column: 4;
}
    
.ie-column-start-five {
    -ms-grid-column: 5;
}
    
.ie-column-start-six {
    -ms-grid-column: 6;
}
    
.ie-column-start-seven {
    -ms-grid-column: 7;
}
    
.ie-column-start-eight {
    -ms-grid-column: 8;
}
    
.ie-column-start-nine {
    -ms-grid-column: 9;
}
    
.ie-column-start-ten {
    -ms-grid-column: 10;
}
    
.ie-column-start-eleven {
    -ms-grid-column: 11;
}
    
.ie-column-start-twelwe {
    -ms-grid-column: 12;
}

.fluidimage {
	/*background-image: IT IS SET ON PAGE TEMPLATE */
	height: 100%;
	max-height: 600px;
	background-size: cover;
	background-position: center;
}

.video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-id {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*@media (min-width: 1201px) {
	
	.content-header, .content {
    	width: 70%;
    	max-width: 1200px;
    	min-height: 400px;
    	margin: 160px auto;
    	padding: 70px;
	}
	
	.footer-content {
    	width: 80%;
    	max-width: 1200px;
    	margin: 0px auto;
    	padding: 50px;
	}
	
} */


/*@media (min-width: 801px) and (max-width: 1200px) {
	
	.content-header, .content {
    	width: 80%;
    	min-height: 300px;
    	margin: 160px auto;
    	padding: 40px;
	}
	
	.footer-content {
    	width: 80%;
    	margin: 20px auto;
    	padding: 40px;
	}
}*/



@media (max-width: 800px) {
	    
	/*.content {
	 	width: 82%;
		margin-left: 5%; 
		margin-top: 80px;
		padding-top: 30px;
		padding-left: 4%;
		padding-right: 4%;
	}*/
	    
	.grid {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-bottom: 0px;
	}
	
	.grid .grid:nth-of-type(1) {
		-ms-grid-columns: (1fr)[12];
		grid-template-columns: repeat(12, 1fr);
		margin-bottom: 25px;
	}
	
	.swiper-slide .grid {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[12];
		grid-template-columns: repeat(12, 1fr);
		margin-bottom: 0px;
	}
	
	    
	.flex {
	    display: flex;
		flex-direction: column;
	}
	    
	.flex-order-one {
	    order: 1;
	    -webkit-order: 1;
	}

	.flex-order-two {
	    order: 2;
	    -webkit-order: 2;
	    margin-top: -20px;
	}
	
	.flex-order-three {
	    order: 3;
	    -webkit-order: 3;
	    margin-top: -20px;
	}
	
	.flex-order-four {
	    order: 4;
	    -webkit-order: 4;
	    margin-top: -20px;
	}
	
	.transparent img {
		margin-bottom: -20px;
	}
	
	.fluidimage {
		height: 600px;
	}
	
	.fluidimage:first-child {
		margin-bottom: -20px;
	}
	    
	/*.column-content {
	    padding: 10px;
	}*/
    
	.one-column, 
	.two-columns, 
	.three-columns, 
	.four-columns, 
	.five-columns, 
	.six-columns, 
	.seven-columns, 
	.eight-columns, 
	.nine-columns, 
	.ten-columns, 
	.eleven-columns, 
	.twelve-columns {
	    margin-bottom: 20px;
    }
	 
    .section-breaker {
		margin-top: 30px;
	}
        
}

@media (max-width: 600px) {
	.fluidimage {
		height: 400px;
	}
	
	.fluid-image:first-child {
		margin-bottom: -20px;
	}
}