/* 
    Created on : mar/2017 
    Author     : Incograf
*/

/* === SLIDESHOW SLOGAN === */
.slogan{
    background: transparent url('../../images/app/slogan_tja.png');
    height: 30px;
    width: 280px;
    position: absolute;
    z-index: 1;
}
/* === END SLIDESHOW SLOGAN === */

#content h2{
    font-family: 'Roboto-Bold';
    font-size: 35px;
    text-transform: uppercase;
}
#content h5{
    margin-top: 20px;
    font-family: 'Roboto-Bold';
    font-size: 18px;
    text-transform: uppercase;
}

/* ############################# Banner #############################*/
/* plugins/fullSlider/css/slider_custom.css */
#content div.spacing{
    /*    height: 60px;*/
    width: 100%
}

@media screen and (max-width: 480px) {
    #content div.spacing{
        height: 0px;
    }  
}


/* ############################# highlights #############################*/
section#highlights div.row{
    margin: 0px;
}
section#highlights div.list-itens>div{
    /*border: 1px solid red;*/
}
section#highlights div.list-itens hr{
    position: absolute;
    width: 100%;
    height: 10px;
    top: 80px;
    left: 0%;
    display: block;
    border-top: 1px solid #dadada;
    z-index: 20;
}
section#highlights div.list-itens h2{
    /* altura total do título = 100px*/
    padding-top: 30px;
    padding-bottom: 2px;
    text-align: left;
    color: #fff; 
    padding-left: 35px;
}
section#highlights div.list-itens div.featured-storage hr{    
    top: 120px;
}
section#highlights div.list-itens div.featured-storage h2{
    height: 120px;
}
section#highlights div.list-itens span{
    /*padding-left: 30px;*/
    padding: 20px 35px;
    display: block;
    text-align: justify !important;
}
section#highlights div.list-itens div.featured-storage span{
    text-align: left !important;
}

section#highlights div.list-itens div.image{   
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
section#highlights div.featured-europe{
    background-color: #F0D200;
    height: 560px;
    z-index: 10;
    padding: 0px;  
}
section#highlights div.featured-europe div.title {
    /*    height: 100px;*/
    padding: 0px;
}
section#highlights div.featured-europe div.title h2{
    /*padding-left: 120px;*/
    /*    padding-left: 30px;*/
    color: #0062A9;
}
section#highlights div.featured-europe div.description {
    height: 400px;
    /*padding: 20px 60px 20px 120px;*/
    padding: 00px 0px 20px 0px;
    overflow: hidden;
    text-align: left;
    /*color: #fff;*/ 
    color: #0062A9; 
    font-family: 'Roboto-Regular';
    font-size: 20px;
}
section#highlights div.featured-europe div.image{
    height: 400px;
    background-position: center center; 

}


#highligh_2{
    padding: 0px;
    /*background-position: center center;*/ 
}
section#highlights div.featured-sustainable{ /* div.image */
    height: 500px;
    /*background-position: right center;*/ 
    background-position:  center; 
    padding: 0px;
    /*    position: relative;
        top: -20px;*/
}
section#highlights div.featured-sustainable h2{ /* div.image */
    /*    padding-left: 20px;*/
}
section#highlights div.featured-sustainable span{ /* div.image */
    color: #fff;
    text-align: left;
    color: #fff; 
    font-family: 'Roboto-Regular';
    font-size: 20px;
    /*    padding: 20px;*/
    display: block;
    text-align: justify !important;
}


section#highlights div.featured-storage{    
    height: 510px;
    padding: 0px;
}
section#highlights div.featured-storage div.description{
    background-color: #0062A9;
    height: 100%;
    padding: 0px;
    text-align: justify !important;
}
section#highlights div.featured-storage div.description h2{
    /*    padding-left: 120px;*/
}
section#highlights div.featured-storage div.description span{
    /*    padding: 20px 60px 20px 120px;*/
    /*    padding: 20px 30px;*/
    overflow: hidden;
    /*text-align: left;*/
    text-align: justify !important;
    color: #fff; 
    font-family: 'Roboto-Regular';
    font-size: 20px;
    display: block;
}
section#highlights div.featured-storage div.image{
    height: 100%;
    background-position: left center; 
    margin-top: -60px;    
}


@media screen and (max-width: 991px) {
    section#highlights div.list-itens h2{
        text-align: center;
        height: 80px !important;
        padding-left: 65px;
        padding-right: 65px;
    }
    section#highlights div.list-itens hr {
        top: 80px !important;
    }
    section#highlights div.list-itens span {
        padding: 20px 65px;
    }
    section#highlights div.featured-europe div.description{
        /*padding-left: 0px !important;*/ 
        height: auto;
    }
    /*    section#highlights div.list-itens span{
            padding-left: 56px !important;
            display: block;
        }    */

    section#highlights div.featured-europe{
        height: auto;
    }

    section#highlights div.featured-storage{    
        height: auto;        
    }

    section#highlights div.featured-storage div.description{
        height: 450px;
    }
    section#highlights div.featured-storage div.image{
        height: 450px;
        /*display: block;*/
    }
}
@media screen and (max-width: 767px) {
    section#highlights div.list-itens h2{
        margin-top: 0px;
        height: 120px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    section#highlights div.list-itens hr {
        top: 105px !important;
    }
    section#highlights div.list-itens span {
        padding: 20px;
    }
}





/* ############################# Fixed Image #############################*/
section#paralax_image div.paralax-image{
    background-image: url('../../images/app/separador_home.jpg');
    height: 360px; 
    background-position: center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden;
    background-attachment: fixed;
}

/* ############################# Services ############################# */
#service_slider > div.row{
    margin: 0px;
}
/* plugins/owlcarousel/assets/owl.tja-theme.carousel.css */

/* ############################# Fixed links ############################# */
section#home_links div.row{
    margin: 0px;
    margin-bottom: 50px;
}
section#home_links div.link-item { 
    height: 360px; 
    margin-top: 70px;
    /*background-color: #eee;*/
    /*overflow: hidden;*/    
    text-align: left;
    color: #fff;

}
section#home_links div.link-item > div { 
    /*height: 360px;*/ 
    background-position: center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    margin-top: -10px;
    overflow: hidden;

}
section#home_links div.link-item a { 
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-transform: uppercase;
}
section#home_links div.link-item a i { 
    font-size: 15px;
    padding-left: 5px;
}
section#home_links div.link-item a:hover i { 
    padding-left: 10px;
}

section#home_links div.link-rh {    
    height: 100%;
    margin: 0px 20px;
    position: relative;
}
/* -- LEFT-VERTICAL DESCRIPTION -- */
/*section#home_links div.link-rh .description{ 
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0%;
    padding: 10px 20px;
    background-color: rgba(0,88,151,1.0);
    display: block;
    overflow: hidden;
}*/
section#home_links div.link-rh .description{ 
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0px;
    left: 0%;
    padding: 10px 20px;
    background-color: rgba(0,88,151,1.0);
    display: block;
    overflow: hidden;
}

section#home_links div.link-rh .image{ 
    background-image: url('../../images/app/link_home_recursos_humanos.jpg?r=1');
    position: absolute;
    /*width: 50%;*/
    width: 100%;
    /*height: 100%;*/
    height: 50%;
    top: 0px;
    right: 0%;
    display: block;
    background-position: left center; 
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden;
}
section#home_links div.link-rh .description span{ 
    font-family: 'Roboto-Regular';
    font-size: 12px;
    text-transform: uppercase;
}
section#home_links div.link-rh .description>span{ 
    display: block;
    text-align: justify;
}


/*section#home_links div.link-cotation { 
    background-image: url('../../images/app/pedido_cotacao.jpg');
    height: 100%;
    padding: 10px 20px;
    position: relative;
    margin: 0px 20px;
}
section#home_links div.link-cotation h2 { 
    color: #fff;
    width: 70%;
    text-align: left;
}
section#home_links div.link-cotation .description span { 
    position: absolute;
    bottom: 55px;
    left: 20px;
    right: 20px;
    max-height: 190px;
    overflow: hidden;
    font-family: 'Roboto-Regular';
    font-size: 22px;
    text-transform: uppercase;
}*/

section#home_links div.link-cotation {    
    height: 100%;
    margin: 0px 20px;
    position: relative;
}

section#home_links div.link-cotation .description{ 
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0%;
    padding: 10px 20px;
    background-color: rgba(240,210,0,1.0);
    color: #0062A9;
    display: block;
    overflow: hidden;
}

section#home_links div.link-cotation .image{ 
    background-image: url('../../images/app/pedido_cotacao.jpg');
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    /*right: 0%;*/
    left: 50%;
    display: block;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden;
}
section#home_links div.link-cotation .description span{ 
    font-family: 'Roboto-Regular';
    font-size: 12px;
    text-transform: uppercase;
}
/*section#home_links div.link-cotation .description>span{ 
    display: block;
    text-align: justify;
}*/
section#home_links div.link-cotation a{
    color: #0062A9;
}


section#home_links div.link-lastNew { 
    /*    background-image: url('../../images/app/link_home_news.jpg');*/
    height: 100%;
    margin: 0px 20px;
    position: relative;
    /*cursor: pointer;*/
}
section#home_links div.link-lastNew a { 
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
section#home_links div.link-lastNew .description { 
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0px;
    left: 0%;
    padding: 10px 20px;
    background-color: rgba(0,88,151,0.7);
    display: block;
    overflow: hidden;
}
section#home_links div.link-lastNew .description>span { 
    display: block;
    text-align: justify;
}

@media screen and (max-width: 991px) {
    section#home_links div.link-item {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media screen and (max-width: 767px) {
    section#home_links div.link-item {
        padding-left: 5px;
        padding-right: 5px;
    }
}