@-ms-viewport {
  width: device-width;
}
/*default css for all pages */
body {
    /* padding-top:70px; */
    font-family: 'Open Sans'!important;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: normal;
    font-weight: 400;
}

h1{
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.3rem;
}
h2{
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #e6b000;
}
h3{
    font-weight: bold;
    font-weight: 800;
    text-transform: uppercase;
    font-size:3.6rem;
}
img{
    display: block;
    height: auto;
    max-width: 100%;
}

.btn-default{
    font-weight: bold;
    font-weight: 800;
    color:#fff;
    background: transparent;
    border: 5px solid;
    text-transform: uppercase;
}
.btn-lg{
    //CAMBIO
    min-width: 176px;
    background: rgba(0, 0, 0, 0) url("../img/btn-background.png") no-repeat scroll 50% 50% / 85% auto;
	padding-left:30px;
	padding-right:30px;
}
.btn-lg:hover{
    background: #e6e6e6 url("../img/btn-background-inverse.png") no-repeat scroll 50% 50% / 85% auto;
}
.btn-default.negative{
    font-weight: bold;
    font-weight: 800;
    color:#000;
    background: transparent;
    border: 5px solid;
}
.btn-lg.negative{
    //CAMBIO
    min-width: 198px;
    background: #fff url("../img/btn-background-inverse.png") no-repeat scroll 50% 50% / 85% auto;
}
.btn-lg.negative:hover{
    background: #e6e6e6 url("../img/btn-background.png") no-repeat scroll 50% 50% / 85% auto;

}
/* Custom container */
.container-full {
    margin: 0 auto;
    width: 100%;
}
.row-fluid{
    margin:0px;
}
.row-fluid > div{
    padding:0px;
}
/* navbar-menu */
.navbar-header {
    float: none;
    /* background-color: #222; */
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    overflow:hidden;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 20px;
    left: 20px;
    border-width: 0 0px 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
    background-color: #222;
}
@media (min-width: 768px) {
    .collapsing{
        transition-duration: 0s;
        display:none;
    }
    .collapse.in{
        display:block !important;
        background-color: #222;
        position: absolute;
        right: 16px;
    }
}
.navbar-inverse.transparent{
    background-color:transparent;
    border-color:transparent;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin-bottom: 0px;
    z-index: 2;
}
.navbar-social{
    position: relative;
    padding: 9px 10px;
    margin-top: 8px;
    float: right;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width:130px\0/;
}
.navbar-social img{
    float:left;
    margin-left:20px;
    cursor:pointer;
}
.navbar-lang{
    position: absolute;
    /*float: left;*/
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-link.active{
    background-color:#a90e00;
    border-radius: 5px;
    color:#fff;
    padding: 2px 4px;
}
/*26/08/2015*/
.logo-header{
    position: absolute;
    left:45%;
    top:10px;
    width:20%;
}
@media(max-width:767px){
    .logo-header{
        top:0px;
    }
}
/* Set the fixed height of the footer here */
#push,
#footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
}
.footer p{
    color:#e7b000;
    font-size: 1.2rem;
}
.footer img{
  float: left;
  margin-left: 20px;
  cursor: pointer;
}
.footer .social{
    margin-top:30px;
    width:105px\0/;
}
.footer .roji{
    height: 5px;
    background-color:#a90e00;
}
.footer .gualda{
    height: 5px;
    background-color:#c38b00;
}
@media(max-width:767px){
    .footer .botones{
        float:left!important;
        margin-top:10px;
    }
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*********** END DEFAULT CSS FOR ALL PAGES ***********/


/* SITUACIONES */

@media(max-width:767px){
    .situaciones div a div h3{
        display:none;
    }
    .situaciones div a div button{
        display:none;
    }
    .situaciones div a div span{
        bottom:1%;
    }
}

/* Individual effects */

.grid .effect-julia {
    position: relative;
    overflow: hidden;
    background: #000;
    text-align: left;
    cursor: pointer;
}
.grid .effect-julia .figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    /* font-size: 1.25em; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid .effect-julia .figcaption::before,
.grid .effect-julia .figcaption::after {
    pointer-events: none;
}

.grid .effect-julia .figcaption,
.grid .effect-julia .figcaption > a {
    position: absolute;
    /* top: 0; */
    left: 0;
    bottom: 1%;
}
@media(max-width:767px){
    .grid .effect-julia .figcaption,
    .grid .effect-julia .figcaption > a {
        position: relative;
    }
}

.effect-julia{
    background: #2f3238;
}
.effect-julia.terraceo {
    background-image: url('../img/lg-terraceo-on.png');
    background-size: cover;
}
.effect-julia.tablao {
    background-image: url('../img/lg-tablao-on.png');
    background-size: cover;
}
.effect-julia.rayosol {
    background-image: url('../img/lg-rayosol-on.png');
    background-size: cover;
}
.effect-julia.olequeole {
    background-image: url('../img/lg-olequeole-on.png');
    background-size: cover;
}
@media(max-width:1199px){
    .effect-julia.terraceo{
        background-image: url('../img/md-terraceo-on.png');
        background-size: cover;
    }
    .effect-julia.tablao{
        background-image: url('../img/md-tablao-on.png');
        background-size: cover;
    }
    .effect-julia.rayosol{
        background-image: url('../img/md-rayosol-on.png');
        background-size: cover;
    }
    .effect-julia.olequeole{
        background-image: url('../img/md-olequeole-on.png');
        background-size: cover;
    }
}
@media(max-width:991px){
    .effect-julia.terraceo{
        background-image: url('../img/sm-terraceo-on.png');
        background-size: cover;
    }
    .effect-julia.tablao{
        background-image: url('../img/sm-tablao-on.png');
        background-size: cover;
    }
    .effect-julia.rayosol{
        background-image: url('../img/sm-rayosol-on.png');
        background-size: cover;
    }
    .effect-julia.olequeole{
        background-image: url('../img/sm-olequeole-on.png');
        background-size: cover;
    }
}
@media(max-width:767px){
    .effect-julia.terraceo{
        background-image: url('../img/xs-terraceo-on.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .effect-julia.tablao{
        background-image: url('../img/xs-tablao-on.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .effect-julia.rayosol{
        background-image: url('../img/xs-rayosol-on.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .effect-julia.olequeole{
        background-image: url('../img/xs-olequeole-on.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}


.effect-julia img {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.effect-julia figcaption {
    text-align: left;
}

.effect-julia h2 {
    position: relative;
    padding: 0.5em 0;
}

.effect-julia div {
    display: inline-block;
    margin: 0 0 0.25em;
    padding: 0.4em 1em;
    /* background: rgba(255,255,255,0.9); */
    text-transform: none;
    /* font-weight: 500; */
    /* font-size: 75%; */
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-600px,0,0);
    transform: translate3d(-600px,0,0);
}
/*.effect-julia.quote div{
    -webkit-transform: translate3d(-710px,0,0);
    transform: translate3d(-710px,0,0);
}*/
@media(max-width:767px){
    .effect-julia div {
        display:none;
    }
}
.effect-julia div:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.effect-julia:hover div:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.effect-julia:hover img {
    opacity: 0;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);

}
.effect-julia:hover div {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
@media(max-width:767px){
    .effect-julia:hover div {
        display:block;
        position:relative;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.grid .effect-julia > h3{
    position:absolute;
    bottom:5%;
    left:5%;
    display:none\0/;
}
.grid .effect-julia:hover > h3{
    opacity: 0;
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}


.effect-julia.selected{
    transform: none!important;
    -webkit-transform:none;
    cursor: default;
}
.effect-julia.selected img {
    -webkit-transition: none;
    transition: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.effect-julia.selected figcaption {
    display:none;
}
.effect-julia.selected figcaption {
    display:none;
}
.effect-julia.selected h2 {
    display:none;
}
.effect-julia.selected div {
    display: none;
}
.effect-julia.selected div:first-child {
    -webkit-transition-delay: none;
    transition-delay: 0s;
}
.effect-julia.selected:hover div:first-child {
    -webkit-transition-delay: none;
    transition-delay: 0s;
}
.effect-julia.selected:hover img {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.effect-julia.selected:hover > h3{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.effect-julia.selected img {
    filter: url('#grayscale'); /* Versi?n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* Para cuando es est?ndar funcione en todos */
    filter: Gray(); /* IE4-8 and 9 */

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* DESTACADOS */
#destacados{
    background-color:#fff;
}
#destacados .negative h2{
    color:#e7b000;
}
#destacados .positive h2{
    color:#aa0e00;
}
#destacados h1{
    margin-top:0px;
}
#destacados .negative h1{
    color:#fff;
}
#destacados .positive h1{
    color:#e7b000;
}
#destacados .upper-image{
    position:absolute;
    top:5%;
    left:5%;
}
#destacados .upper-image p{
    color:#fff;
    width: 90%;
}
@media(max-width:991px){
    #destacados .upper-image p{
        width:100%;
    }
}
@media(max-width:767px){
    #destacados .upper-image{
        position:relative;
        background:#000;
        left:0;
        top:0;
        padding-bottom:30px;
    }
}
#destacados .positive {
    padding:15px;
}
#destacados .negative .row {
    margin:0px;
}
#destacados .arrow-left{
    position:absolute;
    right:0%;
    top:45%;
}
#destacados .arrow-right{
    position:absolute;
    left:0%;
    top:45%;
}
#destacados .arrow-up{
    position:absolute;
    left:45%;
    bottom:0%;
}
#quote-prod{
    background-color: #fff;
    color:#000;
    text-align: center;
}
#quote-prod h3{
    color:#e7b000;

}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
@media (min-width: 1200px) {
    //SOLO LG
}
@media(max-width:1199px){
    //DE XS A MD
}
@media(max-width:991px){
    //DE XS A SM
}
@media (min-width: 992px) and (max-width: 1199px) {
    //SOLO MD
}
@media (min-width: 768px) and (max-width: 991px) {
    //SOLO SM
}
@media(max-width:767px){
    //SOLO XS
}