*,
::after,
::before {
box-sizing: border-box;
}
.dl_container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.dl_container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.dl_container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.dl_container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.dl_container {
max-width: 1200px;
}
}
.dl_container_fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.dl_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
[class^=dl_col_],
[class*=dl_col_] {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.dl_col_2 {
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.dl_col_3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.dl_col_4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dl_col_5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.dl_col_6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.dl_col_7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.dl_col_8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.dl_col_9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.dl_col_10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.dl_col_11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.dl_col_12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.dl_col_sm_2 {
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.dl_col_sm_3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.dl_col_sm_4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dl_col_sm_5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.dl_col_sm_6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.dl_col_sm_7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.dl_col_sm_8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.dl_col_sm_9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.dl_col_sm_10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.dl_col_sm_11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.dl_col_sm_12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.dl_col_md_2 {
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.dl_col_md_3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.dl_col_md_4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dl_col_md_5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.dl_col_md_6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.dl_col_md_7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.dl_col_md_8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.dl_col_md_9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.dl_col_md_10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.dl_col_md_11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.dl_col_md_12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.dl_col_lg_2 {
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
max-width: 16.66%;
}
.dl_col_lg_3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.dl_col_lg_4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dl_col_lg_5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.dl_col_lg_6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.dl_col_lg_7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.dl_col_lg_8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.dl_col_lg_9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.dl_col_lg_10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.dl_col_lg_11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.dl_col_lg_12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.dl_col_xl_1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.dl_col_xl_2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.dl_col_xl_3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.dl_col_xl_4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dl_col_xl_5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.dl_col_xl_6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.dl_col_xl_7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.dl_col_xl_8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.dl_col_xl_9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.dl_col_xl_10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.dl_col_xl_11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.dl_col_xl_12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.dl_justify_content_start {
-ms-flex-pack: start;
justify-content: flex-start;
}
.dl_justify_content_end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.dl_justify_content_center {
-ms-flex-pack: center;
justify-content: center;
}
.dl_justify_content_between {
-ms-flex-pack: justify;
justify-content: space-between;
}
.dl_justify_content_around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.dl_align_items_start {
-ms-flex-align: start;
align-items: flex-start;
}
.dl_align_items_end {
-ms-flex-align: end;
align-items: flex-end;
}
.dl_align_items_center {
-ms-flex-align: center;
align-items: center;
}
.dl_align_items_baseline {
-ms-flex-align: baseline;
align-items: baseline;
}
.dl_align_items_stretch {
-ms-flex-align: stretch;
align-items: stretch;
}