@charset "utf-8";
/* CSS Document */

/*Responsive Embeds
===*/
.embed-container { 
    position: relative; 
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
	} 
	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
	    position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.embed-container-sq { 
    position: relative; 
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
	} 
	.embed-container-sq iframe,
	.embed-container-sq object,
	.embed-container-sq embed { 
	    position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*Grid Container
===*/
.dfg-container {
	white-space: nowrap;
        margin: 0 0.5% 0 0.5%;
        clear: both;
        padding: 0.5% 0 45px 0;
}

/*Grid Item Style
===*/
.dfg-item {  
	float: left;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
        overflow: hidden;
}

/*Grid Item Icon Position and Sizing
===*/
.dfg-icon {
        padding-bottom: 20px;
        font-size: 3em;
	position: absolute; 
	top: 45%; 
	left: 50%; 
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
}

/*Grid Item Title Position
===*/
.dfg-title {
	position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
}

/*Grid Item Border Radius
===*/
.square {
	border-radius: 0px;
}

.rounded {
	border-radius: 15px;
}

/*Grid Item 2 Row Height Float Status
===*/
.left {
	float: left;
}

.right {
	float: right;
}

	/*Grid Item Sizes
	===*/
	.dfg-1col-1row {
		width: 24%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 24%;
	}

	.dfg-2col-1row {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 24%;
	}

	.dfg-3col-1row {
		width: 74%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 24%;
	}

	.dfg-4col-1row {
		width: 99%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 24%;
	}

	.dfg-1col-2row.left {
		width: 24%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 48.6%;
	}
	.dfg-1col-2row.right {
		width: 24%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 49%;
	}
        
        .dfg-2col-2row.left {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 48.6%;
	}
        .dfg-2col-2row.right {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 49%;
	}
   
	.dfg-3col-2row.left {
		width: 74%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 48.6%;
	}
	.dfg-3col-2row.right {
		width: 74%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 49%;
	}

	.dfg-4col-2row {
		width: 99%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 49%;
	}

	.dfg-1col-3row.left {
		width: 24%;
                margin: 0.4%;
		position: relative;
    	        height: 0;
		padding-bottom: 73.3%;
	}
	.dfg-1col-3row.right {
		width: 24%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 74%;
	}

	.dfg-2col-3row.left {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 73.3%;
	}

	.dfg-2col-3row.right {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 74%;
	}

	.dfg-3col-3row.left {
		width: 74%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 73.3%;
	}

	.dfg-3col-3row.right {
		width: 74%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 74%;
	}

	.dfg-4col-3row {
		width: 99%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 74%;
	}

	.dfg-slider,
        .dfg-logo {
		width: 99%;
                margin: 0.5%;
		position: relative;
	}
	
	.dfg-address {
                font-size: 16px !important;
                padding: 45px 0 0 0;
                text-align: center;
                clear: both;
        } 
        .dfg-address h5 {
             white-space: normal;
             padding: 0 3% 0 3%;
        }

/*Desktop Tile Size Adjustments
===*/
@media (min-width:1281px) {
       .dfg-1col-2row.left {
		width: 24%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 48.9%;
	}


        
        .dfg-2col-2row.left {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 48.9%;
	}


   
	.dfg-3col-2row.left {
		width: 74%;
                margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 48.9%;
	}



	.dfg-1col-3row.left {
		width: 24%;
                margin: 0.4%;
		position: relative;
    	        height: 0;
		padding-bottom: 73.9%;
	}



	.dfg-2col-3row.left {
		width: 49%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
    	        padding-bottom: 73.9%;
	}


	.dfg-3col-3row.left {
		width: 74%;
		margin: 0.5%;
		position: relative;
    	        height: 0;
		padding-bottom: 73.9%;
	}

}


/*Icon Sizing
===*/
.dfg-2col-2row .dfg-icon,
.dfg-3col-2row .dfg-icon,
.dfg-4col-2row .dfg-icon {
	font-size: 3.75em;
}

.dfg-2col-3row .dfg-icon,
.dfg-3col-3row .dfg-icon,
.dfg-4col-3row .dfg-icon {
	font-size: 4.5em;
}   

i.fa.fa-mobile {
	font-size: 1.25em;
	line-height: 1.25em;
	padding-top: 0.25em;
}