/* Add here all your CSS customizations */

header.flat-menu nav ul.nav-main li > a:hover, 
header.flat-menu nav ul.nav-main li.dropdown:hover a {
    background-color:#0088cc;
    border-bottom: 5px solid #0088cc;

    /*transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;*/
}
header.single-menu nav ul.nav-main li.active > a {
    /*border-top: none;*/
    border-bottom: 5px solid #0088cc;
}

/* Viadeo sprite on the Navbar*/
ul.social-icons li.viadeo {
	background-image: url(../img/viadeo-sprites.png);
	background-position: 0 0;
}

ul.social-icons li.viadeo:hover {
	background-image: url(../img/viadeo-sprites.png);
	background-position: 0 -30px;
}

html, body {
    height:100%;
}

.fill {
    position:relative;
    min-height:100vh;
    width: 100%;
}

.onlyLyon {
    position:absolute;
    right:0;
    top:10px;
    z-index:1;
}

/* Pricing Table span on Cursus & Certifications */
div.pricing-table h3 span {
    border: none;
    box-shadow:none;
}

/* Portfolio borders on References */
ul.portfolio-list div.portfolio-item a{
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

/* media screen */
.isotope-item {
    z-index:auto;
}

/* Bottom button */
.see-more-button{
    padding-top:100px;
}

.see-more-button-arrow{
    padding-top:85px; 
    padding-left:30px;
}