@charset "utf-8"; 
/* CSS Document */

/* abackground color*/

.bg-black {
	background:#000;
}
.bg-cian {
	background:#29ABE2;
}
.bg-gold {
	background: #C8A965;
}
.bg-lemon {
	background:#a3ff33;
}
.bg-purple {
	background: #8e44ad; /*#8e44ad*/
}

.bg-gradient-black-purple {
	background: #000000;
	background: -moz-linear-gradient(left, #000000 1%, #662d91 100%);
	background: -webkit-linear-gradient(left, #000000 1%,#662d91 100%);
	background: linear-gradient(to right, #000000 1%,#662d91 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#662d91',GradientType=1 );
}

.bg-gradient-purple-purple{
background: rgb(38,0,38);
background: -moz-linear-gradient(left, rgba(38,0,38,1) 0%, rgba(180,95,191,1) 100%);
background: -webkit-linear-gradient(left, rgba(38,0,38,1) 0%,rgba(180,95,191,1) 100%);
background: linear-gradient(to right, rgba(38,0,38,1) 0%,rgba(180,95,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#260026', endColorstr='#b45fbf',GradientType=1 );
}



.bg-white {
	background:#fff;
}


/* bg gradient*/
.bg-gradient-radial-black-100-50 {
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#000000',GradientType=1 );
}



/* bg section */ 
.bg-section {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	z-index:-2;
	opacity:.3 !important;
}
.bg-section img{
	object-fit:cover;
	object-position:center;
}

.bg-section-mask  {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	z-index:-1;	
}
.bg-section-mask img {
	object-fit:cover;
	object-position:center;
}





/* blog */
.entradas-recientes ul {
  list-style: none;
  padding: 0;
}
.entradas-recientes li {
  padding-left: .5em;
}

.entradas-recientes li:before {
	font-size:.25em;
    vertical-align: middle;
    /* >> Symbol you want to use: */
    content: "\f45c";
    /* >> Name of the FA free font (mandatory)
               - 'Font Awesome 5 Free' for Regular and Solid symbols;
               - 'Font Awesome 5 Brand' for Brands symbols.
               - 'Font Awesome 5 Pro' for Pro symbols. */
    font-family: 'Font Awesome 5 Free' !important;
    /* >> Weight of the font (mandatory)
               - 400 for Regular and Brands symbols;
               - 900 for Solid symbols. */
    font-weight: 900;
    /* >> Optional styling: */
    display: inline-block;
  	margin-left: -1.5em; /* same as padding-left set on li */
  	width: 1.5em; /* same as padding-left set on li */
}


/* body */
body {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	/*importante para preloader*/
	overflow-y:hidden;
	color:#666 !important;
	
}


/* borders */
.border-gold {
	border: solid 5px #C8A965 !important;
}

.border-top-gold {
	border-top: solid 5px #C8A965 !important;
}

.border-bottom-gold {
	border-bottom: solid 5px #C8A965 !important;
}



/* buttons */
.btn {
	border-radius:0 !important;
}


.btn-square {
	border-radius:0 !important;
}

.btn-purple {
  color: #fff;
  background-color: #b57ecd;
  border-color: #b57ecd;
}
.btn-purple:hover {
  color: #fff;
  background-color:#8e44ad;
  border-color: #8e44ad;
}
.btn-purple:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(181, 126, 205, 0.5);
}

.btn-cian {
  color: #fff;
  background-color: #78caed;
  border-color: #78caed;
}
.btn-cian:hover {
  color: #fff;
  background-color:#29ABE2;
  border-color: #29ABE2;
}
.btn-cian:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(120, 202, 237, 0.5);
}

.btn-lemon {
  color: #fff; 
  background-color: #70cc00;
  border-color: #70cc00;
}
.btn-lemon:hover {
  color: #555;
  background-color:#a3ff33;
  border-color: #a3ff33;
}
.btn-lemon:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(163, 255, 51, 0.5);
}

/* suscription-btn */
.btn-suscription {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
}



/* caroussel */
.carousel {
	width:100% !important;
}

.carousel-item {
	width:100% !important;
}

.carousel-item-content {
	margin:auto;
}

.ratio-carousel-responsive {
	aspect-ratio: 8/3 ;
}


/*queries*/
@media(min-width:1601px)  {
	.carousel-item-content {
		max-width:100%;
		
	}
}
@media(min-width:1201px) and (max-width:1600px) {
	.carousel-item-content {
		max-width:85%;
	}
}
@media(min-width:993px) and (max-width:1200px) {
	.carousel-item-content {
		max-width:80%;
	}
}
@media(min-width:769px) and (max-width:992px) {
	.carousel-item-content {
		max-width:80%;
		margin:auto;
	}
}
@media(min-width:576px) and (max-width:768px){
	.carousel-item-content {
		max-width:70%;
		margin:auto;
		text-align:center;
	}
	
	.ratio-carousel-responsive {
		aspect-ratio: 1/1 ;
	}
	
}
@media(max-width:575px){
	.carousel-item-content {
		max-width:70%;
		margin:auto;
		text-align:center;
	}
	
	.ratio-carousel-responsive {
		aspect-ratio: 1/1 ;
	}
	
}



.carousel-item-background {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;	
	object-fit: cover !important  ;	
	object-position:center  !important;
	z-index:-4;
	transform:scale(1.05,1.05);	
}

.carousel-item-background-filter {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;	
	z-index:-3;
}

.carousel-item-background-mask {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;	
	z-index:-2;
	background-image:URL(../images/diseno/mask.svg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	
}

.carousel-item-background-motive {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;	
	object-fit: cover !important  ;	
	object-position:center  !important;
	z-index:-1;
}



.carousel-item-caption-titulo {
}
/*queries*/
@media(min-width:1601px)  {
	.carousel-item-caption-titulo {
		font-size:2.5rem !important;
	}
}
@media(min-width:1201px) and (max-width:1600px) {
	.carousel-item-caption-titulo {
		font-size:1.6rem !important;
	}
}
@media(min-width:993px) and (max-width:1200px) {
	.carousel-item-caption-titulo {
		font-size:1.4rem !important;
	}
}
@media(min-width:769px) and (max-width:992px) {
	.carousel-item-caption-titulo {
		font-size:1.3rem !important;
	}
}
@media(min-width:576px) and (max-width:768px){
	.carousel-item-caption-titulo {
		font-size:1rem !important;
	}
}
@media(max-width:575px){
	.carousel-item-caption-titulo {
		font-size:1rem !important;
	}
}


.carousel-item-caption-descripcion{
}
/*queries*/
@media(min-width:1601px)  {
	.carousel-item-caption-descripcion{
		font-size:1.5rem;
	}
}
@media(min-width:1201px) and (max-width:1600px) {
	.carousel-item-caption-descripcion{
		font-size:1.3rem;
	}
}
@media(min-width:993px) and (max-width:1200px) {
	.carousel-item-caption-descripcion{
		font-size:1.2rem;
	}
}
@media(min-width:769px) and (max-width:992px) {
	.carousel-item-caption-descripcion{
		font-size:1rem;
	}
}
@media(min-width:576px) and (max-width:768px){
	.carousel-item-caption-descripcion{
		font-size:1rem;
	}
}
@media(max-width:575px){
	.carousel-item-caption-descripcion{
		font-size:1rem;
	}
}


.carousel-logo{
}
.hr-white{
	border-bottom:solid 2px #fff;
	width:100%;
	display:block;
	 margin-top: 1rem;
  margin-bottom: 1rem;
}
/*queries*/
@media(min-width:1601px) {
	.carousel-logo, .hr-white{
		max-width:50%;
	}
}
@media(min-width:1201px) and (max-width:1600px) {
	.carousel-logo, .hr-white{
		max-width:50%;
	}
}
@media(min-width:993px) and (max-width:1200px) {
	.carousel-logo, .hr-white{
		max-width:50%;
	}
}
@media(min-width:769px) and (max-width:992px) {
	.carousel-logo, .hr-white{
		max-width:50%;
	}
}
@media(min-width:576px) and (max-width:768px){
	.carousel-logo{
		max-width:80%;
	}
}
@media(max-width:575px){
	.carousel-logo, .hr-white{
		max-width:100%;
	}
}

/* //caroussel */



/* font famyly*/
.font-gf-titulos {
	/*
	font-family: 'Archivo Black', sans-serif;
	font-family: 'Josefin Sans', sans-serif;
	font-family: 'Hammersmith One', sans-serif;
	font-family: 'Ramabhadra', sans-serif;
	font-family: 'Archivo Black', sans-serif;
	font-family: 'Montserrat', sans-serif;
	*/
	font-family: 'Hammersmith One', sans-serif;
}

body {	
	font-family: 'Roboto', sans-serif;
}

/* form */
.form-control {
	border-radius:0 !important; 
}
.form-control:focus {
	box-shadow: none !important; 
}
.input-group-text {
	border-radius:0 !important; 
}
/*placeholder*/
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(255,255,255,.75);
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:rgba(255,255,255,.75);
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:rgba(255,255,255,.75);
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:rgba(255,255,255,.75);
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color:rgba(255,255,255,.75);
}
.form-control::placeholder { /* Most modern browsers support this now. */
    color:rgba(255,255,255,.75);
}



/* font size */
.f-size-025em { 
	font-size:.25rem;
}
.f-size-05em { 
	font-size:.5rem;
}
.f-size-075em { 
	font-size:.75rem;
}
.f-size-1em{ 
	font-size:1rem;
}
.f-size-1-5em{ 
	font-size:1.5rem;
}
.f-size-2em {
	font-size:2rem;
}
.f-size-3em {
	font-size:3rem;
}
.f-size-4em {
	font-size:4rem;
}
.f-size-5em {
	font-size:5rem;
}
.f-size-6em {
	font-size:6rem;
}
.f-size-7em {
	font-size:7rem;
}
.f-size-8em {
	font-size:8rem;
}
.f-size-9em {
	font-size:9rem;
}
.f-size-10em {
	font-size:10rem;
}




/* footer */
footer {
	position:relative;
	bottom:0;
	width:100%;
}

.footer-background {
	opacity:0;
	display:block;
	top:0;
	left:0;	
	position:absolute;
	width:100%;
	height:100%;
/*	background-image:url(../images/diseno/footer-1.jpeg);*/
	background-size:cover;
	background-position:center;
	filter:saturate(0);
	z-index:-1;
}
.footer-mask{
	display:block;
	width:100%;	
}

/* footer */



/* height */
.min-h-100-nav {
	min-height:calc(100vh - 66px) !important;
}


/* h */
/*queries*/
@media(min-width:1601px) {
	h1 {
		font-size:2.5rem;
	}
	h2 {
		font-size:2rem;
	}
	h3 {
		font-size:1.75rem;
	}
	h4 {
		font-size:1.5rem;
	}
	h5 {
		font-size:1.25rem;
	}
	h6 {
		font-size:1rem;
	}
}
@media(min-width:1201px) and (max-width:1600px) {

}
@media(min-width:993px) and (max-width:1200px) {
	h1 {
		font-size:2rem;
	}
	h2 {
		font-size:1.75rem;
	}
	h3 {
		font-size:1.5rem;
	}
	h4 {
		font-size:1.25rem;
	}
	h5 {
		font-size:1rem;
	}
	h6 {
		font-size:1rem;
	}
}
@media(min-width:769px) and (max-width:992px) {
	h1 {
		font-size:2rem;
	}
	h2 {
		font-size:1.75rem;
	}
	h3 {
		font-size:1.5rem;
	}
	h4 {
		font-size:1.25rem;
	}
	h5 {
		font-size:1rem;
	}
	h6 {
		font-size:1rem;
	}
}
@media(min-width:576px) and (max-width:768px){
	h1 {
		font-size:1.5rem;
	}
	h2 {
		font-size:1.25rem;
	}
	h3 {
		font-size:1rem;
	}
	h4 {
		font-size:1rem;
	}
	h5 {
		font-size:1rem;
	}
	h6 {
		font-size:1rem;
	}
}
@media(max-width:575px){
	h1 {
		font-size:1.5rem;
	}
	h2 {
		font-size:1.25rem;
	}
	h3 {
		font-size:1rem;
	}
	h4 {
		font-size:1rem;
	}
	h5 {
		font-size:1rem;
	}
	h6 {
		font-size:1rem;
	}
}
/* h */


html {
	height:100%;	
	font-size:1rem;
}


.icon-service {
}



/*modal */
.modal-header {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}


/* navbar */

.navbar-brand .img-brand {
/*	min-height: 100%;*/
	height: 48px;
}


.navbar .navbar-nav .dropdown-menu {
  background-color: #CB82CD;
  border-color: #CB82CD;
  border-radius:0;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #ecdbff;
  background-color: #8e44ad;
}
.navbar .navbar-nav .dropdown-menu .dropdown-divider {
  border-top-color: #8e44ad;
}

.navbar .navbar-nav .nav-link {
	border-radius:0;
}

.opacity-0 {
	opacity:0;
}
.opacity-2-5 {
	opacity:0.25;
}
.opacity-5 {
	opacity:0.05;
}
.opacity-7-5 {
	opacity:0.75;
}
.opacity-10 {
	opacity:0.1;
}
.opacity-20 {
	opacity:0.2;
}
.opacity-30 {
	opacity:0.3;
}
.opacity-40 {
	opacity:0.4;
}
.opacity-50 {
	opacity:0.5;
}
.opacity-60 {
	opacity:0.6;
}
.opacity-70 {
	opacity:0.7;
}
.opacity-80 {
	opacity:0.8;
}
.opacity-90 {
	opacity:0.9;
}
.opacity-100 {
	opacity:1;
}



/* pagina-titulo */
.pagina-titulo{
}
/*queries*/
@media(min-width:1601px) {
	.pagina-titulo{
		font-size:4rem;
		letter-spacing:-12px;
	}
}
@media(min-width:1201px) and (max-width:1600px) {
	.pagina-titulo{
		font-size:4rem;
		letter-spacing:-12px;
	}
}
@media(min-width:993px) and (max-width:1200px) {
	.pagina-titulo{
		font-size:4rem;
		letter-spacing:-12px;
	}
}
@media(min-width:769px) and (max-width:992px) {
	.pagina-titulo{
		font-size:4rem;
		letter-spacing:-12px;
	}
}
@media(min-width:576px) and (max-width:768px){
	.pagina-titulo{
		font-size:3rem;
		letter-spacing:-10px;
	}
}
@media(max-width:575px){
	.pagina-titulo{
		font-size:2rem;
		letter-spacing:-5px;
	}
}


/* pagos */
.cards {
	text-align:center;
}
.cards ul {
	list-style:none;
	padding:0;
	margin:0;
}
.cards li {
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:1rem;
}





/* parallax */
.parallax {
	position:relative;
	overflow:hidden;
    height:600px;
    background:#000; 
	width:100%;   
}


.parallax_image {
	position: absolute;
	top:0%;
	width:100%;
	height:auto;
	
	background-size:cover;         
	background-position:center !important;
	
	object-fit:cover;
	
    opacity:1;
    -webkit-filter: saturate(1) blur(0px);						
    filter: saturate(1) blur(0px);
    z-index:0 !important;
}

.parallax_image img {
	width:100%;
	object-fit:cover;
	object-position: 50% 50% !important;
}



@media(min-width:1201px) and (max-width:1600px) {
	
	.parallax {
    	height:500px !important;    
	}
}

@media(min-width:993px) and (max-width:1200px) {
	
	.parallax {
    	height:400px !important;    
	}
}

@media(min-width:769px) and (max-width:992px) {
	
	.parallax {
    	height:300px !important;    
	}
}


@media(min-width:576px) and (max-width:768px){
	.parallax {
		height:300px !important; 
	}
}

@media(max-width:575px){
	.parallax {
		display:none !important; 
	}
}



/*placeholder*/

.form-pagos .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(0,0,0,.25);
}
.form-pagos .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:rgba(0,0,0,.25);
}
.form-pagos .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:rgba(0,0,0,.25);
}
.form-pagos .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:rgba(0,0,0,.25);
}
.form-pagos .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color:rgba(0,0,0,.25);
}
.form-pagos .form-control::placeholder { /* Most modern browsers support this now. */
    color:rgba(0,0,0,.25);
}



/*preloader*/
.preloader {
	position: fixed;
	display:flex;
  	top: 0;	
  	left: 0;
	right: 0;
  	bottom: 0;
	width:100vw;
	height:100vh;
  	/* background:url(web/images/fondos/fondo_castillo.jpg)  no-repeat top;*/
  	background-size:cover;
  	/* change if the mask should have another color then white */
  	z-index: 9999;
  	/* makes sure it stays on top */
}


/*saturate*/ 
.saturate-0 {
	filter: saturate(0);
	-webkit-filter: saturate(0);
}
.saturate-10 {
	filter: saturate(.1);
	-webkit-filter: saturate(.1);
}
.saturate-20 {
	filter: saturate(.2);
	-webkit-filter: saturate(.2);
}
.saturate-30 {
	filter: saturate(.3);
	-webkit-filter: saturate(.3);
}
.saturate-40 {
	filter: saturate(.4);
	-webkit-filter: saturate(.4);
}
.saturate-50 {
	filter: saturate(.5);
	-webkit-filter: saturate(.5);
}
.saturate-60 {
	filter: saturate(.6);
	-webkit-filter: saturate(.6);
}
.saturate-70 {
	filter: saturate(.7);
	-webkit-filter: saturate(.7);
}
.saturate-80 {
	filter: saturate(.8);
	-webkit-filter: saturate(.8);
}
.saturate-90 {
	filter: saturate(.9);
	-webkit-filter: saturate(.9);
}

.blur-3 {
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
}



.servicio-card {
	border-color:rgba(255,255,255,.25) !important;
}



/* sitemap */
.sitemap ul {
	list-style:none;
}
.sitemap li {
} 

.sitemap a {
}





/* text color */
.text-cian {
	color:#29ABE2;
}
a.text-cian:focus, a.text-cian:hover {
  color: #29ABE2 !important;
}

.text-gold {
	color: #C8A965;
}
a.text-gold:focus, a.text-gold:hover {
  color:#B1984D!important;
}

.text-lemon {
	color:#70cc00;
}
a.text-lemon:focus, a.text-lemon:hover {
  color: #a3ff33 !important;
}
.text-purple {
	color:#662D91;
}
a.text-purple:focus, a.text-purple:hover {
  color: #662D91 !important;
}



.text-color-alternate span:nth-child(1) {
	color:#b57ecd; /*purple 662D91*/
}
.text-color-alternate span:nth-child(2) {
	color:#78caed; /*cian 29ABE2*/
}
.text-color-alternate span:nth-child(3) {
	color:#a3ff33; /*lemon 70cc00*/
}
.text-color-alternate span:nth-child(4) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(5) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(6) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(7) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(8) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(9) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(10) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(11) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(12) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(13) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(14) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(15) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(16) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(17) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(18) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(19) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(20) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(21) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(22) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(23) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(24) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(25) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(26) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(27) {
	color:#a3ff33; /*lemon*/
}
.text-color-alternate span:nth-child(28) {
	color:#b57ecd; /*purple*/
}
.text-color-alternate span:nth-child(29) {
	color:#78caed; /*cian*/
}
.text-color-alternate span:nth-child(30) {
	color:#a3ff33; /*lemon*/
}





/* text letter spacing */
.text-letter-spacing-10 {
	letter-spacing: -10px;
}
.text-letter-spacing-15 {
	letter-spacing: -15px;
}
.text-letter-spacing-17 {
	letter-spacing: -17px;
}
.text-letter-spacing-20 {
	letter-spacing: -20px;
}
.text-letter-spacing-30 {
	letter-spacing: -30px;
}
.text-letter-spacing-40 {
	letter-spacing: -40px;
}




/*-------------animations --------------*/

/*balance*/
.animation-balance{
  animation: balance ease-in-out 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: balance ease-in-out 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: balance ease-in-out 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: balance ease-in-out 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: balance ease-in-out 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes balance{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    transform:  rotate(30deg) scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    transform:  rotate(-30deg) scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes balance{
  0% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -moz-transform:  rotate(30deg) scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -moz-transform:  rotate(-30deg) scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes balance {
  0% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -webkit-transform:  rotate(30deg) scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -webkit-transform:  rotate(-30deg) scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes balance {
  0% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -o-transform:  rotate(30deg) scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -o-transform:  rotate(-30deg) scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes balance {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  rotate(30deg) scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -ms-transform:  rotate(-30deg) scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}



/* pulse */
.animation-pulse{
  animation: pulse ease-in-out 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: pulse ease-in-out 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: pulse ease-in-out 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: pulse ease-in-out 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: pulse ease-in-out 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes pulse{
  0% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    transform:  scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    transform:  scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes pulse{
  0% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -moz-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -moz-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -webkit-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -webkit-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -o-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -o-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  20% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  31% {
    -ms-transform:  scaleX(0.70) scaleY(0.70) ;
  }
  40% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}


/*zoom:hover*/

.animation-zoom-hover-1 {
	transition:all ease-out .25s;
	transform:scale(.95,.95)
}
.animation-zoom-hover-1:hover {
	transform:scale(1,1)
}

.animation-zoom-hover-icon  .icon{
	transition:all ease-out .25s;
	transform:scale(.9,.9)
}
.animation-zoom-hover-icon:hover .icon{
	transform:scale(1,1)
}

.animation-inverse-purple-hover {
	transition:all ease-out .25s;
}

.animation-inverse-purple-hover:hover {
	background:#8e44ad;
	color:#fff;
}

.animation-inverse-white-hover {
	transition:all ease .5s;
}

.animation-inverse-white-hover:hover {
	background:#fff !important;
	color:#666;
}


.animation-rotate-center{
}
.animation-rotate-center-in {
	-webkit-animation: rotate-center 1s ;
	        animation: rotate-center 1s ;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.animation-rotate-center-out {
	-webkit-animation: rotate-center-reverse 1s;
	        animation: rotate-center-reverse 1s;
}
@-webkit-keyframes rotate-center-reverse {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes rotate-center-reverse {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

	/* list check*/

	.list-check ul {
	  list-style: none;
	  padding: 0;
	}
	.list-check li {
	  padding-left: 1em;
	}

	.list-check li:before {
		color:#70CC00;
		font-size:1em;
		vertical-align: middle;
		/* >> Symbol you want to use: */
		content: "\f00c";
		/* >> Name of the FA free font (mandatory)
				   - 'Font Awesome 5 Free' for Regular and Solid symbols;
				   - 'Font Awesome 5 Brand' for Brands symbols.
				   - 'Font Awesome 5 Pro' for Pro symbols. */
		font-family: 'Font Awesome 5 Free' !important;
		/* >> Weight of the font (mandatory)
				   - 400 for Regular and Brands symbols;
				   - 900 for Solid symbols. */
		font-weight: 900;
		/* >> Optional styling: */
		display: inline-block;
		margin-left: -1.5em; /* same as padding-left set on li */
		width: 1.5em; /* same as padding-left set on li */
	}



/*queries*/
@media(min-width:1601px) {

}
@media(min-width:1201px) and (max-width:1600px) {

}
@media(min-width:993px) and (max-width:1200px) {

}
@media(min-width:769px) and (max-width:992px) {

}
@media(min-width:576px) and (max-width:768px){

}
@media(max-width:575px){

}