/*
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 : 06-Aug-2017, 20:18:16
    Author     : pgeorgiades
*/

@media (min-width: 1024px){
    
.slideanim {visibility:hidden;}

.slideAppear{
    /* The name of the animation */
    animation-name: slideAppear;
    -webkit-animation-name: slideAppear; 
    -moz-animation-name: slideAppear;
    /* The duration of the animation */
    animation-duration: 1.4s; 
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) */
@keyframes slideAppear {
    0% {
        opacity: 0;
    } 
    100% {
        opacity: 1;
    } 
}
@-webkit-keyframes slideAppear {
    0% {
        opacity: 0;
    } 
    100% {
        opacity: 1;
    }
}
@-moz-keyframes slideAppear {
    0% {
        opacity: 0;
    } 
    100% {
        opacity: 1;
    }
}

.slideanimText {visibility:hidden;}

.slideAppearText{
    /* The name of the animation */
    animation-name: slideAppearText;
    -webkit-animation-name: slideAppearText; 
    -moz-animation-name: slideAppearText;
    /* The duration of the animation */
    animation-duration: 1.4s; 
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    /* Make the element visible */
    visibility: visible; 
}

@keyframes slideAppearText {
    0% {
        opacity: 0;
        transform: translateX(-15%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
@-webkit-keyframes slideAppearText {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes slideAppearText {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}



.slideanimTextFromRight {visibility:hidden;}

.slideAppearTextFromRight{
    /* The name of the animation */
    animation-name: slideAppearTextFromRight;
    -webkit-animation-name: slideAppearTextFromRight; 
    -moz-animation-name: slideAppearTextFromRight;
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

@keyframes slideAppearTextFromRight {
    0% {
        opacity: 0;
        transform: translateX(30%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
@-webkit-keyframes slideAppearTextFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes slideAppearTextFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}



.navbarAnim{
    /* The name of the animation */
    animation-name: navbarAnim;
    -webkit-animation-name: navbarAnim; 
    -moz-animation-name: navbarAnim;
    /* The duration of the animation */
    animation-duration: 1.1s; 
    -webkit-animation-duration: 1.1s;
    -moz-animation-duration: 1.1s;
    /* Make the element visible */
    visibility: visible; 
}

@keyframes navbarAnim {
    0% {
        opacity: 0;
        transform: translateY(-40%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes navbarAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes navbarAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

} /* media only for bigger screens */