@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-width {
    max-width: 768px;
    margin: 0 auto;
}

.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%;
    }
        .dfgv-2col-2row.left,
        .dfg-2col-2row.left {
        width: 49%;
        margin: 0.5%;
        position: relative;
                height: 0;
                padding-bottom: 48.6%;
    }
    .dfgv-2col-2row.right,
        .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%;
    }
    
    .dfgv-video,
    .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-item img,
.dfg-logo img {
	max-width: 100%;
}
    
/*    .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%;
    }

       .dfgv-2col-2row.left,
        .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.8%;
    }

}


/*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;
}
*/

