@charset "utf-8";
/* CSS Document */

body {background: url(/sites/default/files/images/hq/history/banner_history.jpg) no-repeat center center fixed;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;background-position-y: 50px;}

#block-ourhistoryyears, #block-startupgrowth-block-464, #block-startupgrowth-block-465, #block-egyptregisternow, #block-startupgrowth-block-467, #block-tabs4, #block-egyptsustainabilitylogos, #block-startupgrowth-block-470 {padding:0px;}
.history_box {text-align: center;}
.history_box .header{    font-size: 80px;color: #ffffff;font-weight: 800;padding-top: 150px;    text-transform: none;}
.history_box ul.years {margin: 0px;
    padding: 0px;}
.history_box ul.years li, .history_box ul.years li a {display: inline-block;
    font-size: 20px;
    color: #283a97;
    font-weight: bold;
    padding: 10px;}
.history_box ul.years li a:hover {text-decoration: underline;}
.history_box_years_container{display:block;background-color: #ffffff;padding: 20px 0px;}
.history_decade_wrapper2 {padding:50px 0px; background-color: #ffffff;}
.history_decade_text h2{font-size:55px!important;font-weight:900!important;margin-top:0px!important;}
.history_decade_text p{font-size:18px!important;}
.history_decade_image img{max-width:100%;}
.history_decade_container2 {width: 80%;
    margin: auto;}
.clear:after {
    clear: both;
    content: "";
    display: block;
}
hr {
    border-top: 10px solid #fdc20f!important;
    margin-bottom: 80px!important;
    margin-top: 0px!important;
    width: 10%!important;
}

#main-content, #main, #block-startupgrowth-system-main, .node header, .sidebar {padding:0px!important;}
#block-startupgrowth-page-title {display:none;}

#main-content {background-color: #ffffff;}
#page{padding:0px!important;}
.not-front #main {padding: 0px 0 0!important;}

.onscroll .history_box .header {display:none;}
/*

/** ANIMATIONS **/


    .star {
        visibility: hidden;
    }

    .fadeIn {
        -webkit-animation: animat_show 2s;
        animation: animat_show 2s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }

/*==============================================
slideUp
==============================================
*/

.slide {
        visibility: hidden;
    }

.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;

		
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}		
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}