/****************************************************************************************************************************************************************
NEW HOMEPAGE - Jasmin S.
****************************************************************************************************************************************************************/

.page-node-1391 #main-menu-desktop,
.page-node-1392 #main-menu-desktop,
.page-node-1391 h1.title#content-title,
.page-node-1392 h1.title#content-title,
.page-node-1391 #block-social-bookmark-social-bookmark,
.page-node-1392 #block-social-bookmark-social-bookmark{
    display:none;
}

.page-node-1391 fieldset,
.page-node-1392 fieldset{
    padding: 0;
}

.page-node-1391 .front-header,
.page-node-1392 .front-header{
    margin-bottom: 15px;
}

.page-node-1391 .front-header h3,
.page-node-1392 .front-header h3{
    background: rgb(117, 165, 191);
    padding: 7px;
    font-size: 20px;
    color: #FFF !important;
    margin-top: 0;
    padding-left: 15px;
    text-transform: uppercase;
}

/*right homepage news list*/

.page-node-1391 .span3,
.page-node-1392 .span3{
    margin-top: 15px !important;
}

.page-node-1391 .span3 .view-display-id-block_12 h2,
.page-node-1392 .span3 .view-display-id-block_12 h2{
    padding: 7px;
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}

.page-node-1391 .span3 .view-display-id-block_12 .views-row,
.page-node-1392 .span3 .view-display-id-block_12 .views-row{
    position: relative;
    overflow: hidden;
}

.page-node-1391 .span3 .view-display-id-block_12 .content-title,
.page-node-1392 .span3 .view-display-id-block_12 .content-title{
    margin-bottom: 5px;
}

.page-node-1391 .span3 .view-display-id-block_12 .content-title a,
.page-node-1392 .span3 .view-display-id-block_12 .content-title a{
    color: #334451;
    font-weight: bold;
    font-size: 14px;
}

.page-node-1391 .span3 .view-display-id-block_12  .category-box.category-box-264,
.page-node-1392 .span3 .view-display-id-block_12  .category-box.category-box-264{
    padding: 5px 12px;
    background: #007FC8;
    overflow: hidden;
    position: absolute;
    right: -73px;
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #FFF !important;
}

.page-node-1391 .span3 .view-display-id-block_12  .category-box.category-box-265,
.page-node-1392 .span3 .view-display-id-block_12  .category-box.category-box-265{
    padding: 5px 12px;
    background: rgba(101,80,163,1);
    overflow: hidden;
    position: absolute;
    right: -108px;
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #FFF !important;
}

.page-node-1391 .span3 .view-display-id-block_12  .category-box.category-box-342,
.page-node-1392 .span3 .view-display-id-block_12  .category-box.category-box-342{
    padding: 5px 12px;
    background: rgba(230,0,126,1);
    overflow: hidden;
    position: absolute;
    right: -117px;
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #FFF !important;
}

.page-node-1391 .span3 .view-display-id-block_12  .category-box.category-box-305,
.page-node-1392 .span3 .view-display-id-block_12  .category-box.category-box-305{
    padding: 5px 12px;
    background: #ECBA03;
    overflow: hidden;
    position: absolute;
    right: -124px;
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #FFF !important;
}

.page-node-1391 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-264,
.page-node-1391 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-265,
.page-node-1391 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-342,
.page-node-1391 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-305,
.page-node-1392 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-264,
.page-node-1392 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-265,
.page-node-1392 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-342,
.page-node-1392 .span3 .view-display-id-block_12 .views-row:hover .category-box.category-box-305{
    right: 0px;
}

/*homepage bottom*/

.page-node-1391 .homepage-bottom .red,
.page-node-1392 .homepage-bottom .red{
    width: 49%;
    float: left;
    margin-right: 15px;
    position: relative;
}

.page-node-1391 .homepage-bottom .red-2,
.page-node-1392 .homepage-bottom .red-2{
    margin-right: 0;
}

.page-node-1391 .homepage-bottom h3,
.page-node-1392 .homepage-bottom h3{
    background: rgb(117, 165, 191);
    padding: 7px;
    font-size: 20px;
    color: #FFF !important;
    margin-top: 0;
    padding-left: 15px;
}

/* homepage more news right*/

.page-node-1391 .allNewsLinks h3,
.page-node-1392 .allNewsLinks h3{
    background: rgb(117, 165, 191);
    padding: 7px;
    font-size: 20px;
    color: #FFF !important;
    margin-top: 0;
    padding-left: 15px;
}

.page-node-1391 .allNewsLinks ul li a:hover,
.page-node-1392 .allNewsLinks ul li a:hover{
    background: transparent;
}


/*-----------------------------------*/
/***** Animation Hompage Blocks *****/
/*---------------------------------*/

.page-node-1391 .red,
.page-node-1392 .red{
    width: 49%;
    float: left;
    margin-right: 15px;
    position: relative;
}

.page-node-1391 .red.red-creativ-europe,
.page-node-1391 .red-eu-aid-vol,
.page-node-1391 .red.red-eu-old-programs,
.page-node-1392 .red.red-creativ-europe,
.page-node-1392 .red-eu-aid-vol,
.page-node-1392 .red.red-eu-old-programs{
    margin-right: 0;
}

.page-node-1391 figure.effect-sarah,
.page-node-1392 figure.effect-sarah{
    overflow: hidden;
    margin-left: 0;
    margin-right: 0px;
    margin-top:0;
}

.page-node-1391 figure.effect-sarah figcaption,
.page-node-1392 figure.effect-sarah figcaption{
    position: absolute;
    top: 0px;
}

.page-node-1391 figure.effect-sarah:nth-child(2),
.page-node-1392 figure.effect-sarah:nth-child(2) {
    margin-right: 10px;
}

.page-node-1391 figure.effect-sarah.es-erasmus-plus,
.page-node-1392 figure.effect-sarah.es-erasmus-plus {
    background: #007FC8;
}

.page-node-1391 figure.effect-sarah.es-creative-europe,
.page-node-1392 figure.effect-sarah.es-creative-europe{
    background-color: rgba(101,80,163,1);
}

.page-node-1391 figure.effect-sarah.es-europe-citizens,
.page-node-1392 figure.effect-sarah.es-europe-citizens{
    background-color: rgba(236,186,3,1);
}

.page-node-1391 figure.effect-sarah.es-eu-aid-vol,
.page-node-1392 figure.effect-sarah.es-eu-aid-vol{
    background-color: rgba(230,0,126,1);
}

.page-node-1391 figure.effect-sarah.es-eu-eurydice,
.page-node-1392 figure.effect-sarah.es-eu-eurydice{
    background-color: rgba(0,127,200,1);
}

.page-node-1391 figure.effect-sarah.es-old-programs,
.page-node-1392 figure.effect-sarah.es-old-programs{
    background-color: rgba(137,137,137,1);
}

.page-node-1391 figure.effect-sarah img,
.page-node-1392 figure.effect-sarah img{
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*position: relative;
    top: -18px;*/
}

.page-node-1391 figure.effect-sarah:hover img,
.page-node-1392 figure.effect-sarah:hover img{
    opacity: 0.4;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.page-node-1391 figure.effect-sarah figcaption,
.page-node-1392 figure.effect-sarah figcaption {
    text-align: left;
}

.page-node-1391 figure.effect-sarah h2,
.page-node-1392 figure.effect-sarah h2{
    overflow: hidden;
    padding: 0.5em 0;
    color: #FFF;
    padding: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    color: #FFF !important;
    font-size: 25px !important;
}

.page-node-1391 figure.effect-sarah h2::after,
.page-node-1392 figure.effect-sarah h2::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

.page-node-1391 figure.effect-sarah:hover h2::after,
.page-node-1392 figure.effect-sarah:hover h2::after{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.page-node-1391 figure.effect-sarah p,
.page-node-1392 figure.effect-sarah p{
    padding: 2em;
    opacity: 0;
    color:#FFF;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    color:#FFF !important;
    font-size: 15px !important;
}

.page-node-1391 figure.effect-sarah:hover p,
.page-node-1392 figure.effect-sarah:hover p{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* MOBILE BLOCK HOMEPAGE*/

.page-node-1391 .mobprogram,
.page-node-1392 .mobprogram{
    display:none;
}

.page-node-1391 .mobprogram ul,
.page-node-1392 .mobprogram ul{
    padding: 0;
}

.page-node-1391 .mobprogram ul li a.mobprogram-item,
.page-node-1392 .mobprogram ul li a.mobprogram-item{
    padding: 6px 12px;
    display: block;
    margin-top: 15px;
    font-size: 17px;
    text-decoration: none;
    color: #FFF;
}

.page-node-1391 .mobprogram ul li a.mobprogram-erasmus,
.page-node-1392 .mobprogram ul li a.mobprogram-erasmus{
    background: #007FC8;
}

.page-node-1391 .mobprogram ul li a.mobprogram-ce,
.page-node-1392 .mobprogram ul li a.mobprogram-ce{
    background: #6550A3;
}

.page-node-1391 .mobprogram ul li a.mobprogram-ce,
.page-node-1392 .mobprogram ul li a.mobprogram-ce{
    background: #6550A3;
}

.page-node-1391 .mobprogram ul li a.mobprogram-efc,
.page-node-1392 .mobprogram ul li a.mobprogram-ce{
    background: #ECBA03;
}

.page-node-1391 .mobprogram ul li a.mobprogram-euav,
.page-node-1392 .mobprogram ul li a.mobprogram-euav{
    background: #E6007E;
}

.page-node-1391 .mobprogram ul li a.mobprogram-eurydice,
.page-node-1392 .mobprogram ul li a.mobprogram-eurydice{
    background: #007FC8;
}

.page-node-1391 .mobprogram ul li a.mobprogram-2007-2013,
.page-node-1392 .mobprogram ul li a.mobprogram-2007-2013{
    background: #898989;
}

@media only screen and (min-width:980px) and (max-width: 1199px){
    
    /*PROGRAM BLOCKS*/
    .page-node-1391 .red,
    .page-node-1392 .red {
        width: 48.6%;
    }

    .page-node-1391 figure.effect-sarah h2,
    .page-node-1392 figure.effect-sarah h2{
        font-size: 20px !important;
    }

    .page-node-1391 figure.effect-sarah p,
    .page-node-1392 figure.effect-sarah p{
        position: relative;
        top:-30px;
    }

}

@media only screen and (min-width:571px) and (max-width: 767px){
    
    /*PROGRAM BLOCKS*/
    .page-node-1391 .red,
    .page-node-1392 .red{
        width: 48.6%;
    }

    /* WHOS FOR / MORE NEWS*/

    .page-node-1391 .homepage-bottom .red,
    .page-node-1392 .homepage-bottom .red{
        width: 48.6%;
    }

    /* LATEST NEWS*/

    .page-node-1391 .sidebar-right .card,
    .page-node-1391 .sidebar-right .nav-list,
    .page-node-1391 .sidebar-right .nav,
    .page-node-1392 .sidebar-right .card,
    .page-node-1392 .sidebar-right .nav-list,
    .page-node-1392 .sidebar-right .nav{
        padding: 0;
    }
}

@media only screen and (min-width:481px) and (max-width: 571px){
    /*PROGRAM BLOCKS*/

    .page-node-1391 .field-name-body .grid,
    .page-node-1392 .field-name-body .grid{
        display: block;
    }

    .page-node-1391 .mobprogram,
    .page-node-1392 .mobprogram{
        display: none;
    }

     /*PROGRAM BLOCKS*/
    .page-node-1391 .red,
    .page-node-1392 .red{
        width: 100%;
    }

    /* WHOS FOR / MORE NEWS*/

    .page-node-1391 .homepage-bottom .red,
    .page-node-1392 .homepage-bottom .red{
        width: 100%;
    }

    /* LATEST NEWS*/

    .page-node-1391 .sidebar-right .card,
    .page-node-1391 .sidebar-right .nav-list,
    .page-node-1391 .sidebar-right .nav,
    .page-node-1392 .sidebar-right .card,
    .page-node-1392 .sidebar-right .nav-list,
    .page-node-1392 .sidebar-right .nav{
        padding: 0;
    }
}

@media only screen and (min-width:320px) and (max-width: 480px){
    /*PROGRAM BLOCKS*/
    .page-node-1391 .field-name-body .grid,
    .page-node-1392 .field-name-body .grid{
        display: none;
    }

    .page-node-1391 .mobprogram,
    .page-node-1392 .mobprogram{
        display: block;
    }

    /*MOBILE BLOCKS*/

    .page-node-1391 .mobprogram p,
    .page-node-1392 .mobprogram p{
        display: none;
    }


    /* WHOS FOR / MORE NEWS*/

    .page-node-1391 .homepage-bottom .red,
    .page-node-1392 .homepage-bottom .red{
        width: 100%;
    }

    /* LATEST NEWS*/

    .page-node-1391 .sidebar-right .card,
    .page-node-1391 .sidebar-right .nav-list,
    .page-node-1391 .sidebar-right .nav,
    .page-node-1392 .sidebar-right .card,
    .page-node-1392 .sidebar-right .nav-list,
    .page-node-1392 .sidebar-right .nav{
        padding: 0;
    }

}

/****************************************************************************************************************************************************************
   /New HOMEPAGE - Jasmin S.
****************************************************************************************************************************************************************/