.active {color:#44CCDF!important;}
.left { float: left; }
.w10 { width:20px;}
.bg-white { background-color:#fff; }
.bgDark { background-color:rgb(8, 5, 8); }
.bgLight { background-color: rgba(220, 173, 49, 0.9); }
.bgGrayDark { background-color:#58595b!important; }
.bgGrayLight { background-color:#f5f4f2; }
.bg-opacity{ background:rgba(255,255,255,0.2); }
.bg-opacityb{ background:rgba(0,0,0,0.2); }
.bg-beige{ background:#efe8de; }
.bg-nav{ background:#080508!important; }
.bg-portfolio{ background:rgb(1,1,1) }
/** Fuentes **/
.fontPrimaria { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.fontSecundaria { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.font-max { font-size:84px;}
.fontMax { font-size:46px!important; line-height:52px; }
.font-title { font-size:3.5em!important;  line-height:56px!important; }
.font-subtitle { font-size:22px!important; line-height:26px; }
.font-medium { font-size:18px!important; line-height:22px!important; text-align: justify; }
.fontNormal { font-size:16px!important; line-height:22px!important; }
.fontSmall { font-size:12px;  line-height:13px; }
.fontMini { font-size:10px!important; }
.fontIcon { font-size:28px!important; }
.font-color { color:#92993C!important; }
.font-white { color: #fff!important; }
.font-grey-dark { color:#58595b; }
.font-gray { color:#e6e6e6; }
.font-black { color: #000; }
.font-light { color: #E6AD31!important; } 
.textCenter, .center { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.active { color:#E6AD31!important;}
/** Border **/
.border { border:solid 1px #ccc!important; }
.borderb { border:solid 2px #000!important; }
.shadow {
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow:  0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);			
} 
.hide { display:none; }
.pointer {cursor:pointer; }
.round { -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; overflow:hidden; }
.round12 { -moz-border-radius: 12px; border-radius: 12px; -webkit-border-radius:12px; overflow:hidden; }
.lang-active { box-shadow: 0px 0px 24px 2px rgba(255, 255, 255, 0.6);}
.has-error{ border-color: #d9534f!important; } 
/** Margen **/
.auto { margin:auto; }
.m0 { margin:0px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px!important; }
.mt30 {margin-top:30px;}
.mt40 { margin-top:40px; }
.mt80 { margin-top:80px; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb60 { margin-bottom:60px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:80px; }
.mb120 { margin-bottom:80px; }
.mr5 { margin-right:5px; }
.mr10 { margin-left:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-left:20px; }    
.ml10 { margin-left:10px; } 
.ml20 { margin-left:20px; } 
.ml30 { margin-left:30px!important; } 
/** Padding **/
.p0 { padding:0px; }
.p5 { padding:5px; }
.p10 { padding:10px!important; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.p40 { padding:40px; }
.p60 { padding:60px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pb5 { padding-bottom:5px; }
.pt3 { padding-top: 3px;}
.pb10 { padding-bottom:10px!important; }
.pb20 { padding-bottom:20px; }
.pb40 { padding-bottom:40px!important; }
.pb60 { padding-bottom:60px!important; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:10px; }
.pl40 { padding-left:20px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
/** Horizontal **/
.h10 { height:10px; } 
.h20 { height:20px; } 
.h30 { height:30px!important; }
.h40 { height:40px!important; }
.h50 { height:50px!important; }
.h60 { height:60px!important; }
.h80 { height:80px!important;}
.h90 { height:90px; }
.h100 { height:100px!important; }
.h200 { min-height:200px; }
.h125 { min-height:105px!important; }
.h250 { height:250px!important; }
.h300 { min-height:300px; }
.h400 { min-height:400px !important; }
.h500 { min-height:500px; }
.h600 { min-height:600px!important; }
.h800 { min-height:800px; }
/*Custom*/
.blue{ color: #385676!important;}
.blue-soft { color: #44CCDF!important;} 
.gold{ color:#b2915e!important;}
.green{color: #95C11F!important;}
.turquoise{ color:#6495b1;}
.font-medio{ font-size: 28px!important; line-height: 35px; }
/*Hover*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: #FFF none repeat scroll 0% 0%;
z-index: 99999;
}
#page-loader .preloader-interior {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #44CCDF;
 
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#page-loader .preloader-interior:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #385676; 
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#page-loader .preloader-interior:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #B1B4B3;
 
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
/** Movil **/
@media screen and (max-width: 520px){ 
.only-movil { display:block!important; }
.hide-movil { display:none !important; }
#wrapper {
  height:460px;
}
}