/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 13, 2016, 1:33:25 AM
    Author     : hitz
*/

.logo-img-faida {
    padding-top: 0px;
    height: 75px;
}

.logo-img-faida img {
    height: 100%;
}

.slogan-faida {
    display: inline;
    margin: 0 0 0 10px;
    vertical-align: top;
    float: left;
    position: absolute;
    left: 5px;
    top: 50px;
    color: #fff;
    font-size: 12px;
}

.mast-head{
    background-color:#f1f1f1;
    // height: 80px;
}

.top-mast img{
    height: 100%;
}

.align-text-right{
    text-align: right;
}

.faida-footer{
    height:20px;
    background-image: url("../../pix/footer.gif"); 
    background-repeat: no-repeat;
    background-position: top right;
}

//=================== SLIDER ==================
#wrapper {
    height: 450px;
    position: relative;
    word-wrap: normal;
    margin: 0 auto;
    
}

#show-box{
    height: 100%;
    position: relative;
    overflow: hidden;
    line-height: 0;
}

#show-box * {
    box-sizing: border-box;
}

#show-box > article{
    opacity: 0;
    display:block;
}

#show-box > article.active{
    opacity: 1;
}

.text-content h2{
    position: absolute;
    bottom: 5em;
    //bottom: 0;
    right: 60px;
    //background-color: rgba(100,190,51,0.75);
    background-color: rgba(252,246,248,1);
    color: #000;
    padding: 0.5em 1em;
    text-transform: uppercase;
    //width: 100%;
    //height: 15%;
}

.text-content p{
    position: absolute;
    bottom: 50px;
    //bottom: 0;
    right: 60px;
    //background-color: rgba(100,190,51,0.75);
    ///background-color: rgba(220, 231, 197, 1);
    background-color: #5489de;
    padding: 0.5em 1em;
    //width: 100%;
    //height: 15%;
    color: #fff;
    line-height: 2em;
}

#slide2 h2, #slide2 p,
#slide4 h2, #slide4 p{
    left:60px;
    right: auto;
}

///------------- CSS ANIMATION -----------
article.sy-slide.useCSS h2 {
    opacity: 0;
    transform: scale(2) translate(-20em, 0);
    transition-duration: .4s;
    transition-delay: .4s;
}

article.sy-slide.useCSS.sy-active h2 {
    opacity: 1;
    transform: scale(1) translate(0,0);
}

article.sy-slide.useCSS p {
    transition-duration: 0.4s;
    transition-delay: 0.6s;
    transform: scale(2);
    opacity: 0;
}

article.sy-slide.useCSS.sy-active p {
    opacity: 1;
    transform: scale(1);
}
//============<END SLIDER>===================


@media only screen and (max-width: 959px), only screen and (max-device-width: 999px) {
    .logo, .logo-img-faida {
        display: inline-block;
        position: static;
        margin: 0;

        line-height: 79px;
        text-align: left;
    }

    .logo img, .logo-img-faida img{
        vertical-align: middle;
    }
}


.pb1{
    padding-bottom: 1px !important;
}