/*
 * CSS Classes
*/



@media (min-width: 768px) {
	.mob_v  {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.desk_v {
		display: none !important;
	}
}



/*
 * Display Table
 * --------------------------------------------------
*/
.table {
	display: table;
	width: 100%;
}
.table-auto {
	display: table;
	width: auto;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}



/*
 * Row with equal height columns
 * --------------------------------------------------
*/
@media (min-width: 768px) {
	.row.eq,
	.row.equal,
	.row-eq-height {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
}
@media (max-width: 767px) {
	.row.eq_mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
}



/*
 * Display Flex
 * --------------------------------------------------
*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}
.inline-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
}
.flex-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.space-between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}
@media (min-width: 768px) {
	.flex_of_sm {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
}
@media (min-width: 992px) {
	.flex_of_md {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	}
}



/*
 * Loading Tree Dots
 * ------------------------------------------------------------------------------------------------
*/
.loading_dots:after {
	content: '.';
	-webkit-animation: dots 1.1s steps(5, end) infinite;
	animation: dots 1.1s steps(5, end) infinite;
	color: #3c3c3c;
}
@-webkit-keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
	}
  40% {
    color: #3c3c3c;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
	}
  60% {
    text-shadow:
      .25em 0 0 #3c3c3c,
      .5em 0 0 rgba(0,0,0,0);
	}
  80%, 100% {
    text-shadow:
      .25em 0 0 #3c3c3c,
      .5em 0 0 #3c3c3c;
	}
}
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
	}
  40% {
    color: #3c3c3c;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
	}
  60% {
    text-shadow:
      .25em 0 0 #3c3c3c,
      .5em 0 0 rgba(0,0,0,0);
	}
  80%, 100% {
    text-shadow:
      .25em 0 0 #3c3c3c,
      .5em 0 0 #3c3c3c;
	}
}