/* =====[ GOOGLE FONT "LATO" ]============================================================================== */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,900);

.content_wrap {
	width:100%;
	margin:0 auto;
	padding:0;
}

/* =====[ COLORS ]============================================================================== */

.color-1-bg {
background:#6baba1!important;
}

.color-1-font,.color1-pricePrecio {
color:#6baba1!important;
}

.color-2-bg {
background:#e0a32e!important;
}

.color-2-font,.color-2-pricePrecio {
color:#e0a32e!important;
}

.color-3-bg {
background:#e7603b!important;
}

.color-3-font,.color-3-pricePrecio {
color:#e7603b!important;
}

.color-9-bg {
background:#e7603b !important;
}

.color-9-font,.color-9-pricePrecio {
color:#ffffff !important;
}




.color-4-bg {
background:#9ca780!important;
}

.color-4-font,.color-4-pricePrecio {
color:#9ca780!important;
}


.color-5-bg {
background:#6baba1!important;
}

.color-5-font,.color5-pricePrecio {
color:#6baba1!important;
}

.color-6-bg {
background:#e0a32e!important;
}

.color-6-font,.color-6-pricePrecio {
color:#e0a32e!important;
}

.color-7-bg {
background:#e7603b!important;
}

.color-7-font,.color-7-pricePrecio {
color:#e7603b!important;
}

.color-8-bg {
background:#9ca780!important;
}

.color-8-font,.color-8-pricePrecio {
color:#9ca780!important;
}

.color-13-bg {
background:#8fd2e6!important;
}
.color-13-font,.color-8-pricePrecio {
color:#ffffff!important;
}

 

.frontPrecio,.backPrecio {
font-family:Lato, sans-serif;
float:left;
width:150px;
height:150px;
background:#258cd6;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-box-shadow:0 0 10px 0 #dbdbdb;
box-shadow:0 0 10px 0 #dbdbdb;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
}


.backConsultoria{
	
	
background: #d8fb69 !important;

}

.frontPrecio2,.backPrecio2 {
font-family:Lato, sans-serif;
float:left;
width:150px;
height:150px;
background:#d68925;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-box-shadow:0 0 10px 0 #dbdbdb;
box-shadow:0 0 10px 0 #dbdbdb;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
}

div#semi.frontPrecio{

background:#bae2f9 !important;
}
.promocion{
margin: 0 auto;
position: relative;

}

div#woman.frontPrecio{

background:#ff3399 !important;
margin-left:50px;

}

.frontPrecioFPGA,.backPrecioFPGA {
font-family:Lato, sans-serif;
margin-left:50px;
float:left;
width:150px;
height:150px;
background:#54a0cc;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-box-shadow:0 0 10px 0 #dbdbdb;
box-shadow:0 0 10px 0 #dbdbdb;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
}

.frontPrecioSemi,.backPrecioSemi {
font-family:Lato, sans-serif;
float:left;
width:150px;
height:150px;
background:#bae2f9;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-box-shadow:0 0 10px 0 #dbdbdb;
box-shadow:0 0 10px 0 #dbdbdb;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
}


/* =====[ MAIN LIST ]============================================================================== */

ul#boxPrecio.box {
list-style:none;
display:block;

position:relative;
text-align:left;

padding:0;
border:solid 0px #888;
}

ul#boxPrecio.box i {
padding-right:5px;
}

ul#boxPrecio.box > li#boxPrecioElemCirle {
width:120px;
height:120px;
display:inline-block;
float:left;
position:relative;
margin:20px 40px 50px 0px;
}

/* =====[ FRONT ELEMENTS ]============================================================================== */

.frontPrecio > div {
text-align:center;
color:#60bad7;
}

.frontPrecioFPGA > div {
text-align:center;
color:#60bad7;
}

.titlePrecio {
font-size:12px;
text-transform:uppercase;
line-height:1;
text-align:center;
padding:21px 10px 15px;
}

.pricePrecio span {
font-weight:900;
vertical-align:top;
line-height:0.7;
}

.pricePrecio .total {
font-size:30px;
}

.currency,.end {
font-size:15px;
}

.descriptionPrecio {
text-align:center;
}

.frontPrecio .descriptionPrecio {
color:#9b9b9b !important;
font-size:12px;
line-height:1.2;
padding:14px 35px 0;
}

.frontPrecioFPGA .descriptionPrecioFPGA {
color:#ffffff !important;
font-size:12px;
line-height:1.2;
padding:14px 35px 0;
}

/* =====[ BACK ELEMENTS ]============================================================================== */

.backPrecio .titlePrecio {
color:#FFF;
}

.backPrecio .descriptionPrecio ul#precioCirle {
width:60%;
margin:auto;
}

.backPrecio .descriptionPrecio ul li {
color:#FFF!important;
text-align:center;
list-style:none;
line-height:1.3;
font-size:14px !important;
}

.popular {
font-size:30px;
color:#60bad7;
position:absolute;
left:0;
top:0;
opacity:0;
}

/* =====[ CIRCLE ANIMATIONS ]============================================================================== */

.circle {
border-radius:50%;
float:left;
position:relative;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.infoPrecio{
position:absolute;
border-radius:50%;
opacity:0;
-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-backface-visibility:hidden;
}

.circle:hover .frontPrecio {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
opacity:1;
}

.circle:hover .infoPrecio {
-moz-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
opacity:1;
}

.circle:hover .frontPrecio-popular {
border-radius:10% 50% 50% 50%!important;
}

.circle:hover .popular {
opacity:1;
animation:popularAnim 1s 1;
-webkit-animation:popularAnim 1s 1;
}

@keyframes popularAnim
{
from {opacity:0; left:40px;}
to {opacity:1; left:0;}
}

@-webkit-keyframes popularAnim /* Safari and Chrome */
{
from {opacity:0; left:40px;}
to {opacity:1; left:0;}
}