@charset "UTF-8";
/*!ESTILOS DE MENU SIDE */
.side-menu{
	height: 100%;
	min-height: 100vh;
	position: absolute;
	z-index:3;
	background:#273252;	
	width: 200px;
	right: -120%;
	-webkit-box-shadow: 3px 0px 8px -1px rgba(28,30,31,1);
	-moz-box-shadow: 3px 0px 8px -1px rgba(28,30,31,1);
	box-shadow: 3px 0px 8px -1px rgba(28,30,31,1);

}

.back{
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.0);
	box-shadow: none;
}





/*!ESTILOS VARIOS */


.bg-winplus{
	background: rgb(28,41,84);
	background: -moz-linear-gradient(53deg, rgba(28,41,84,1) 0%, rgba(31,51,102,1) 50%, rgba(28,41,84,1) 100%);
	background: -webkit-linear-gradient(53deg, rgba(28,41,84,1) 0%, rgba(31,51,102,1) 50%, rgba(28,41,84,1) 100%);
	background: linear-gradient(53deg, rgba(28,41,84,1) 0%, rgba(31,51,102,1) 50%, rgba(28,41,84,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c2954",endColorstr="#1c2954",GradientType=1);	
}


.bg-btn-home{
	background: #009fde;
}

.efx-win:hover img{
	transform: scale(1.03);
	cursor: pointer;
}

.text-winplus{
	color: #0675B5;
}

.efx-win:hover p{
	color: #0675B5;
	cursor: pointer;
}

.efx-win img, p{
	transition: all 0.3s ease;
}

.shadow-lg-winplus{
	-webkit-box-shadow: 0px 0px 53px -15px rgba(29,44,91,1);
	-moz-box-shadow: 0px 0px 53px -15px rgba(29,44,91,1);
	box-shadow: 0px 0px 53px -15px rgba(29,44,91,1);
	transition: all 0.3s linear;	
}

.text-grey {
	color: #666666;
}

.shadow-lg-winplus:hover{
	-webkit-box-shadow: 0px 0px 53px -12px rgba(9,53,184,1);
	-moz-box-shadow: 0px 0px 53px -12px rgba(9,53,184,1);
	box-shadow: 0px 0px 53px -12px rgba(9,53,184,1);
}

.text-purple{
	color: #AF10B9;
}

.text-purple:hover{
	color: #CE20D9;
}


.text-grey-icon {
	color: #666666;
}

.text-grey-icon:hover {
	color: #484748;
}


.shadow-md {
	-webkit-box-shadow: 0px 1px 46px -8px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 46px -8px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 46px -8px rgba(0,0,0,0.25);
}


.shadow-down{
	-webkit-box-shadow: 5px 15px 21px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 15px 21px -7px rgba(0,0,0,0.2);
	box-shadow: 5px 15px 21px -7px rgba(0,0,0,0.2);
}


.orange-gradient{
	background: rgb(249,174,135);
	background: -moz-radial-gradient(circle, rgba(249,174,135,1) 23%, rgba(237,154,109,1) 61%, rgba(219,93,21,1) 95%);
	background: -webkit-radial-gradient(circle, rgba(249,174,135,1) 23%, rgba(237,154,109,1) 61%, rgba(219,93,21,1) 95%);
	background: radial-gradient(circle, rgba(249,174,135,1) 23%, rgba(237,154,109,1) 61%, rgba(219,93,21,1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9ae87",endColorstr="#db5d15",GradientType=1);
}

.pink-gradient{
	background: rgb(202,135,249);
	background: -moz-radial-gradient(circle, rgba(202,135,249,1) 23%, rgba(150,109,237,1) 94%);
	background: -webkit-radial-gradient(circle, rgba(202,135,249,1) 23%, rgba(150,109,237,1) 94%);
	background: radial-gradient(circle, rgba(202,135,249,1) 23%, rgba(150,109,237,1) 94%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca87f9",endColorstr="#966ded",GradientType=1);	
}

.text-shadow{
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.efx-zoom:hover{
	transform: scale(1.030);
}

.efx-zoom {
	transition: all 0.2s linear;
}


.skewX:hover{
	transform: skewY(10deg);

}

.skewX-10:hover{
	transform: skewY(-10deg);

}

.skewX{
	transition: all 0.1s linear;
}

.skewX-10{
	transition: all 0.1s linear;
}

.rotate--15{
	transform: rotate(-7deg);
}

.rotate-15{
	transform: rotate(7deg);
}


.celeste-gradient{
	background: rgb(115,193,228);
	background: -moz-radial-gradient(circle, rgba(115,193,228,1) 23%, rgba(86,134,205,1) 94%);
	background: -webkit-radial-gradient(circle, rgba(115,193,228,1) 23%, rgba(86,134,205,1) 94%);
	background: radial-gradient(circle, rgba(115,193,228,1) 23%, rgba(86,134,205,1) 94%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#73c1e4",endColorstr="#5686cd",GradientType=1);
}




@media (max-width:740px){
	#texto-header p{
		text-align: center;
		font-size: 2em;
	}

	#texto-header a{
		margin: auto;
	}

	.y-sm{
		max-height: 230px;
	}

	.x-flow{
		overflow-x: hidden;
	}

}