/**** LOADER ****/
#loader
{
	display:          none;
	position:         fixed;
	z-index:          10000000;
	top:              0;
	left:             0;
	width:            100%;
	height:           100%;
	background-color: rgba(0, 0, 0, 0.5);
}

#loader > div
{
	display:         flex;
	justify-content: center;
	align-items:     center;
	height:          100%;
}

#loader > div > img
{
	width: 25%;
}

.rotateLogo
{
	animation-name:                    rotateLogo;
	animation-duration:                3.5s;
	animation-timing-function:         linear;
	animation-fill-mode:               forwards;
	animation-iteration-count:         infinite;
}

@keyframes rotateLogo
{
	0%, 100%
	{
		opacity: 0;
	}
	10%, 90%
	{
		opacity:          0;
		transform:        perspective(1700px) rotateY(-270deg) translateZ(0) scale(0.5);
		transform-origin: center center;
	}
	40%, 60%
	{
		opacity:          0.7;
		transform:        perspective(1700px) rotateY(0deg) translateZ(5px) scale(1);
		filter:           drop-shadow(0 0 1px rgba(245, 245, 245, 0.5));
		transform-origin: center center;
	}
	50%
	{
		opacity:          1;
		transform:        perspective(1700px) rotateY(0deg) translateZ(5px) scale(1);
		filter:           drop-shadow(0 0 15px rgba(245, 245, 245, 1));
		transform-origin: center center;
	}
}



/*
	<576px	col-
	≥576px	col-sm-
	≥768px	col-md-
	≥992px	col-lg-
	≥1200px	col-xl-
 */

.soft
{
	color: #f5a118;
}

.innova
{
	color: #2194ac;
}

[v-cloak]
{
	display: none;
}

input[required], textarea[required],
select[required] + .select2-container--default .select2-selection
{
	border: 1px solid #b41c1c !important;
}

.box-shadow-10
{
	box-shadow: 0 0 10px 0 black;
}

.box-shadow-card
{
	box-shadow: 0 0 3px -2px black;
}

.box
{
	flex: 0 0 100%;
}

/* PADDING */
.p0
{
	padding: 0 !important;
}

.pt5
{
	padding-top: 5px !important;
}

.pt25
{
	padding-top: 25px !important;
}

.pb5
{
	padding-bottom: 5px !important;
}

.pb25
{
	padding-bottom: 25px !important;
}

.pb70
{
	padding-bottom: 70px !important;
}

.pb100
{
	padding-bottom: 100px !important;
}

.pr15
{
	padding-right: 15px !important;
}

.pl15
{
	padding-left: 15px !important;
}

/* MARGIN */
.m0
{
	margin: 0 !important;
}

.mr5
{
	margin-right: 5px !important;
}

.mr15
{
	margin-right: 15px !important;
}

.ml5
{
	margin-left: 5px !important;
}

.ml15
{
	margin-left: 15px !important;
}

.mb0
{
	margin-bottom: 0 !important;
}

.mt5
{
	margin-top: 5px !important;
}

.mt10
{
	margin-top: 10px !important;
}

.mt25
{
	margin-top: 25px !important;
}

.mt40
{
	margin-top: 40px !important;
}

.mb60
{
	margin-bottom: 60px !important;
}

/* DIMENSION */

.max-vh-10
{
	max-height: 10vh !important;
}

.max-vh-15
{
	max-height: 15vh !important;
}

.max-vh-20
{
	max-height: 20vh !important;
}

.max-vh-25
{
	max-height: 25vh !important;
}

.max-vh-30
{
	max-height: 30vh !important;
}

.max-vh-35
{
	max-height: 35vh !important;
}

.max-vh-40
{
	max-height: 40vh !important;
}

.max-vh-45
{
	max-height: 45vh !important;
}

.max-vh-50
{
	max-height: 50vh !important;
}

.max-vh-55
{
	max-height: 55vh !important;
}

.max-vh-60
{
	max-height: 60vh !important;
}

.max-vh-65
{
	max-height: 65vh !important;
}

.max-vh-70
{
	max-height: 70vh !important;
}

.max-vh-75
{
	max-height: 75vh !important;
}

.max-vh-100
{
	max-height: 100vh !important;
}


.w1
{
	width: 1% !important;
}

.w25px
{
	width: 25px !important;
}

.h25px
{
	height: 25px !important;
}

.w50px
{
	width: 50px !important;
}

.h50px
{
	height: 50px !important;
}

.h500px
{
	height: 500px;
}

.max-content
{
	width : max-content;
	width : -moz-max-content;
}

.max-content-right
{
	width        : -moz-max-content;
	width        : max-content;
	margin-right : 0 !important;
	margin       : auto;
}

.max-content-center
{
	width  : -moz-max-content;
	width  : max-content;
	margin : auto;
}

.max-content-left
{
	width        : -moz-max-content;
	width        : max-content;
	margin-left : 0 !important;
	margin       : auto;
}

.right
{
	text-align: right;
}

.rotate-180
{
	display:   inline-block;
	transform: rotate(180deg);
	position:  relative;
	/*top       : 0.01em;*/
}

.pointer
{
	cursor: pointer;
}

.no-capitalize
{
	text-transform: none !important;
}

/* BORDER */
.bb-1-s-b
{
	border-bottom: 1px solid black !important;
}

/* ALIGN */
.justify-items-end
{
	justify-items: end !important;
}


/* SOCIAL COLORS */

.instagram-color {
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
	color: white !important;
}

.instagram-color:hover {
	background: linear-gradient(45deg, #800d5c 0%, #8d0f41 25%, #911024 50%, #b5451f 75%, #f09433 100%) !important;
	color: #f1f1f1 !important;
}

.facebook-color {
	background: #3B5998 !important;
	color: white !important;
}

.facebook-color:hover {
	background: #223764 !important;
	color:      #e4e6eb !important;
}

.twitter-color {
	background: #55ACEE !important;
	color: white !important;
}

.twitter-color:hover {
	background: #227bbf !important;
	color:      #f1f1f1 !important;
}

.linkedin-color {
	background: #0073B1 !important;
	color: white !important;
}

.linkedin-color:hover {
	background: #035480 !important;
	color:      #f1f1f1 !important;
}

.youtube-color {
	background: #fc0234 !important;
	color: white !important;
}

.youtube-color:hover {
	background: #bb0327 !important;
	color:      #f1f1f1 !important;
}