/*modal*/
/**
* General style 
*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/**
* Popup Wrap
*/
.popup-wrap {
    content: "";
    background-color: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
}
/**
* Popup Box
*/
.popup-return {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 830px;
    height: 480px;
    padding: 15px;
}
@media screen and (max-width:890px) {
    .popup-return {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 90%;
        height: 480px;
        padding: 15px;
    }
}
    /**
* Popup Close
*/
    .close {
        cursor: pointer;
        height: 40px;
        position: absolute;
        right: -20px;
        top: -20px;
        width: 30px;
        z-index: 9999
    }
        .close i {
            color: #fff !important;
            font-size: 30px
        }
    /*banner-slider*/
    #gale {
        width: 100%;
        max-width: 1920px;
        height: 800px;
        margin-top: 0px;
        position: relative;
        background-color: rgba(255,255,255,1);
    }
    .slider-container .slider .slide {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        min-height: 800px;
        position: relative;
        height: -webkit-calc(100vh+170px);
        height: calc(100vh+170px);
    }
    .slider-container {
        position: relative;
    }
        .slider-container .slider {
            height: 100%;
        }
            .slider-container .slider .slide:before {
                content: "";
                width: 100%;
                height: 100%;
                display: block;
                background-color: transparent;
                background-image: -webkit-linear-gradient(-630deg,transparent 65%,#222222);
                background-image: linear-gradient(360deg,transparent 65%,#222222);
                position: absolute;
                left: 0;
            }
    .jssorb05 {
        position: absolute;
    }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div {
            background-position: -7px -7px;
        }
            .jssorb05 div:hover, .jssorb05 .av:hover {
                background-position: -37px -7px;
            }
        .jssorb05 .av {
            background-position: -67px -7px;
        }
        .jssorb05 .dn, .jssorb05 .dn:hover {
            background-position: -97px -7px;
        }
    .jssora22l, .jssora22r {
        display: block;
        position: absolute;
        /* size of arrow element */
        width: 40px;
        height: 58px;
        cursor: pointer;
        background: url('../img/a22.png') center center no-repeat;
        overflow: hidden;
    }
    .jssora22l {
        background-position: -10px -31px;
    }
    .jssora22r {
        background-position: -70px -31px;
    }
    .jssora22l:hover {
        background-position: -130px -31px;
    }
    .jssora22r:hover {
        background-position: -190px -31px;
    }
    .jssora22l.jssora22ldn {
        background-position: -250px -31px;
    }
    .jssora22r.jssora22rdn {
        background-position: -310px -31px;
    }
    .sliderrr {
        position: relative;
        margin: 0 auto;
        top: 0px;
        left: 0px;
        overflow: hidden;
        visibility: hidden;
        width: 1920px;
        height: 800px;
        z-index: 0
    }
    .sliderrrcompra {
        position: relative;
        margin: 0 auto;
        left: 0px;
        width: 1920px;
        height: 800px;
        z-index: 0;
        border: none
    }
    .bannerrr {
        cursor: default;
        position: relative;
        top: 0px;
        left: 0px;
        width: 1920px;
        height: 800px;
        overflow: hidden;
        background-color: #fff
    }
    .bannerrrcompra {
        cursor: default;
        position: relative;
        top: 0px;
        left: 0px;
        width: 1920px;
        height: 800px;
        overflow: hidden;
        background-color: #fff
    }
    @media (max-width:990px) {
        .sliderrr {
            min-height: auto;
        }
    }
    /*cuadros*/
    #fh5co-features, #fh5co-features-2, #fh5co-features-3, #fh5co-features-4, #fh5co-projects, #fh5co-testimonials, #fh5co-about, #fh5co-subscribe, #fh5co-info, #fh5co-pricing, #fh5co-faqs, #fh5co-footer {
        background-color: #fff;
        padding: 7em 0
    }
    @media screen and (max-width:768px) {
        #fh5co-features, #fh5co-features-2, #fh5co-features-3, #fh5co-features-4, #fh5co-projects, #fh5co-testimonials, #fh5co-about, #fh5co-subscribe, #fh5co-info, #fh5co-pricing, #fh5co-faqs, #fh5co-footer {
            padding: 3em 0
        }
    }
    #fh5co-projects {
        background: #fff;
        width: 100%;
        max-width: 1920px;
        position: relative;
        margin: 0 auto;
        margin-bottom: -2%;
    }
        #fh5co-projects .fh5co-lead {
            font-size: 50px;
            color: #484c50;
            margin-bottom: 10px
        }
    @media screen and (max-width:800px) {
        #fh5co-projects {
            background: #fff;
            width: 100%;
            max-width: 1920px;
            position: relative;
            margin: 0 auto;
            margin-top: 30px
        }
            #fh5co-projects .fh5co-lead {
                font-size: 35px
            }
    }
    #fh5co-projects .fh5co-sub-lead {
        font-size: 18px;
        line-height: 32px
    }
    #fh5co-projects .fh5co-project-item {
        display: block;
        width: 100%;
        position: relative;
        background: #fff;
        max-width: 578px;
        margin: 0 auto;
        z-index: 9;
        margin-bottom: 30px;
        /*-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);-o-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);*/
        overflow: hidden;
    }
        #fh5co-projects .fh5co-project-item img {
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
            #fh5co-projects .fh5co-project-item img:hover {
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }
        #fh5co-projects .fh5co-project-item .fh5co-text {
            max-width: 543px;
            padding: 30px 10px 10px 20px;
            text-align: center;
            /*	background-image:url(../img/fondoac.png);background-position:center center;background-repeat:no-repeat;background-size:cover;*/
            margin-top: -115px;
            position: relative;
        }
        #fh5co-projects .fh5co-project-item .ba2 {
            padding: 30px 10px 10px 20px;
            text-align: center;
        }
        #fh5co-projects .fh5co-project-item .ba3 {
            padding: 30px 10px 10px 20px;
            text-align: center;
        }
    .btn {
        background: #2D3845;
        background-image: -webkit-linear-gradient(top,#2D3845,#2D3845);
        background-image: -moz-linear-gradient(top,#2D3845,#2D3845);
        background-image: -ms-linear-gradient(top,#2D3845,#2D3845);
        background-image: -o-linear-gradient(top,#2D3845,#2D3845);
        background-image: linear-gradient(to bottom,#2D3845,#2D3845);
        color: #ffffff;
        padding: 10px 60px 10px 60px !important;
        text-decoration: none;
        top: 10px;
        border-radius: 0px;
        border: 0px;
        border-bottom: none;
        font-family: 'latobold';
        font-size: 25px;
        position: relative;
        outline: none !important;
    }
        .btn:hover {
            background: #fff !important;
            background-image: -webkit-linear-gradient(top,#2D3845,#2D3845);
            background-image: -moz-linear-gradient(top,#2D3845,#2D3845);
            background-image: -ms-linear-gradient(top,#2D3845,#2D3845);
            background-image: -o-linear-gradient(top,#2D3845,#2D3845);
            background-image: linear-gradient(to bottom,#2D3845,#2D3845);
            padding: 10px 60px 10px 60px !important;
            text-decoration: none;
            top: 10px;
            border: none;
            color: #2D3845 !important;
            font-family: 'latobold';
            font-size: 25px;
            position: relative
        }
    #fh5co-projects .fh5co-project-item .fh5co-text h2, #fh5co-projects .fh5co-project-item .fh5co-text span {
        text-decoration: none !important
    }
    #fh5co-projects .fh5co-project-item .fh5co-text h2 {
        font-size: 25px;
        margin: 0 0 10px 0;
        color: #fff;
        top: -10px;
        position: relative;
        font-family: 'tt_bellsbold_italic';
        letter-spacing: 2px
    }
    #fh5co-projects .fh5co-project-item .fh5co-text span {
        color: #b3b3b3;
        font-size: 16px;
        font-weight: 400
    }
    #fh5co-projects .fh5co-project-item .fh5co-text p {
        color: #85919d;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }
    #fh5co-projects .fh5co-project-item:hover, #fh5co-projects .fh5co-project-item:focus {
        /*	-webkit-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);-o-box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);box-shadow:0 3px 20px 0 rgba(0,0,0,0.1);*/
        text-decoration: none
    }
        /*#fh5co-projects .fh5co-project-item:hover img,#fh5co-projects .fh5co-project-item:focus img{opacity: .7}*/
        #fh5co-projects .fh5co-project-item:hover h2, #fh5co-projects .fh5co-project-item:hover span, #fh5co-projects .fh5co-project-item:focus h2, #fh5co-projects .fh5co-project-item:focus span {
            text-decoration: none !important
        }
        #fh5co-projects .fh5co-project-item:hover p, #fh5co-projects .fh5co-project-item:focus p {
            color: #484c50
        }
    .row-bottom-padded-lg {
        padding-bottom: 7em
    }
    @media screen and (max-width:768px) {
        .row-bottom-padded-lg {
            padding-bottom: 2em
        }
        #fh5co-projects .fh5co-project-item {
            display: block;
            width: 100%;
            position: relative;
            background: #fff;
            max-width: 302px;
            margin: 0 auto;
            overflow: hidden;
            z-index: 9;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
            -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
            -ms-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
            -o-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
            box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }
    }
    .row-top-padded-lg {
        padding-top: 7em
    }
    @media screen and (max-width:768px) {
        .row-top-padded-lg {
            padding-top: 2em
        }
    }
    .row-bottom-padded-md {
        padding-bottom: 4em
    }
    @media screen and (max-width:768px) {
        .row-bottom-padded-md {
            padding-bottom: 2em
        }
    }
    .row-top-padded-md {
        padding-top: 4em
    }
    @media screen and (max-width:768px) {
        .row-top-padded-md {
            padding-top: 2em
        }
    }
    .row-bottom-padded-sm {
        padding-bottom: 2em
    }
    @media screen and (max-width:768px) {
        .row-bottom-padded-sm {
            padding-bottom: 2em
        }
    }
    .row-top-padded-sm {
        padding-top: 2em
    }
    @media screen and (max-width:768px) {
        .row-top-padded-sm {
            padding-top: 2em
        }
    }