@font-face {
    font-family: 'agencyfb-bold';
    src: url('../font/agencyfb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mar_top{
    margin-top: 10px;
}
.mar_top_h{
    margin-top: 10px;
    height: 300px;
}
.height img{
    height: 191px;
}
.no_padd{
    padding: 0!important;
}
.padd_left{
    padding-left: 0!important;
}
.padd_right{
	padding-right: 0!important;
}
.banner_edutech{
	background-image: url(../img/banner.jpg);
	height: 450px;;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.banner_edutech_logo_1 img{
    margin: auto;
    width: 200px;
    padding-top: 2%;
}
.banner_edutech_logo_2 img{
    margin: auto;
    width: 400px;
    padding-top: 10%;	
} 
.banner_edutech_1_widths{
    background: transparent; 
}
.banner_edutech_1{
	background-image: url(../img/banner1.jpg);
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.s_btn img{
    width: 90px;
    z-index: 99;
	position:fixed;
    top:28%;
    cursor: pointer;
}
.banner_edutech_1_width{
    width: 80%;
    background: #fff;
	margin: auto!important;
}
 /* .Clients:before{
	  content:'';
	  position: absolute;
	  left: 0;
	  height: 160px;
	  border-right: 2px solid #fff;
 } */
 /* .Makerspaces:before{
	  content:'';
	  position: absolute;
	  left: 0;
	  height: 160px;
	  border-right: 2px solid #fff;
 } */
 /* .Participants:before{
	  content:'';
	  position: absolute;
	  left: 0;
	  height:91%;
	  border-right: 2.1px solid #fff;
 } */

.Employees h2{
	color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.Clients h2{
	color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Makerspaces h2{
	color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
} 
.Participants h2{
	color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Employees p{
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Clients p{
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Makerspaces p{
	color: #fff;
	padding: 0 25px;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Participants p{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.wave img{
	margin:auto;
}
.wave{
	margin-top: 25px;
	text-align: center;
}
.wave h2{
    color: #fff;
	font-size: 75px;
    font-weight: 600;
    font-family: 'agencyfb-bold'!important;
	font-family: 'Open Sans', sans-serif;
}
.wave span{
	color: #ed7d31;
	font-size: 75px;
    font-weight: 600;
    font-family: 'agencyfb-bold'!important;
	font-family: 'Open Sans', sans-serif;
}
.wave p{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.wave_color{
    width: 78%;
    margin: auto;
	padding: 3px 0;
	background:#000;
}
.wave_color h4{
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

/* .ribbon
  {line-height: .8em;
  font-size: 2em;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0,0,0,.15);
  letter-spacing: -2px;
  display: block;
  width: 6rem;
  height: 4rem;
  background: linear-gradient(to bottom, #999999 0%,#CCCCCC 100%);
  color: white;
  margin: 1em .5em 0;
  float: left;
  padding-top: 1rem;
  position: relative;
  -webkit-filter: drop-shadow(0 .5rem .3em rgba(0,0,0,.5));
  transform: translate3d(0, 0, 0) //what gives? filters make text blurry :(
  
  &:after{
    content: " ";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    border-top: 1.5rem solid #CCCCCC;
    position: absolute;
    top: 5rem;
    left: 0;}
    
  &.ribbon--red{
    background: linear-gradient(to bottom, #D3362D 0%,#E57368 100%);} */


.S_mar{
     width: 65%;
     padding: 5px 15px 5px 15px;;
     background: #c00000;
     margin: 10px 0 3px 0;
     position: relative;
} 

.S_mar:after{
    content: '';
    position: absolute;
    border-left: 20px solid #c00000;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-right: 20px solid transparent;
    right: -40px;
    top: 0px;
}
.S_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 5px 0px;
    font-family: 'Open Sans', sans-serif;
} 
.Sh_mar{
    width: 65%;
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 10px 0 3px 0;
    position: relative;
} 
.Sh_mar:after{
   content: '';
   position: absolute;
   border-left: 20px solid #4472c4;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.Sh_mar h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
} 
.ribben_1{
    width: 82%;
    padding: 5px 15px 5px 15px;;
    background: #ffc000;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_1:after{
   content: '';
   position: absolute;
   border-left: 20px solid #ffc000;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_1 h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
} 
.ribben_2{
    width: 65%;
    padding: 5px 15px 5px 15px;;
    background: #ed7d31;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_2:after{
   content: '';
   position: absolute;
   border-left: 20px solid #ed7d31;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_2 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
} 
.ribben_3{
    width: 85%;
    padding: 5px 3px 5px 5px;
    background: #4472c4;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_3:after{
   content: '';
   position: absolute;
   border-left: 20px solid #4472c4;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_3 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_4{
    width: 30%;
    padding: 5px 15px 5px 15px;;
    background: #002060;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_4:after{
   content: '';
   position: absolute;
   border-left: 20px solid #002060;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_4 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
} 
.ribben_5{
    width: 80%;
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_5:after{
   content: '';
   position: absolute;
   border-left: 20px solid #4472c4;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_5 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
} 
.ribben_6{
    width: 80%;
    padding: 5px 15px 5px 15px;
    background: #ed7d31;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_6:after{
   content: '';
   position: absolute;
   border-left: 20px solid #ed7d31;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_6 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_7{
    width: 80%;
    padding: 5px 15px 5px 15px;;
    background: #ffc000;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_7:after{
   content: '';
   position: absolute;
   border-left: 20px solid #ffc000;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_7 h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_8{
    width: 80%;
    padding: 5px 2px 5px 2px;
    background: #c00000;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_8:after{
   content: '';
   position: absolute;
   border-left: 20px solid #c00000;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_8 h4{
   color: #fff;
   font-size: 18px;
   font-weight: 600;
   margin: 0;
   padding: 6px 0px 7px 0;
   font-family: 'Open Sans', sans-serif;
}
.ribben_9{
    width: 88%;
    padding: 5px 2px 5px 2px;
    background: #c00000;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_9:after{
   content: '';
   position: absolute;
   border-left: 20px solid #c00000;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_9 h4{
   color: #fff;
   font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 8px 0px 7px 0;
   font-family: 'Open Sans', sans-serif;
}
.ribben_10{
    width: 65%;
    padding: 5px 15px 5px 15px;;
    background: #ed7d31;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_10:after{
   content: '';
   position: absolute;
   border-left: 20px solid #ed7d31;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_10 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_11{
    width: 88%;
    padding: 5px 2px 5px 2px;;
    background: #4472c4;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_11:after{
   content: '';
   position: absolute;
   border-left: 20px solid #4472c4;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_11 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_12{
    width:91%;
    padding: 5px 15px 5px 15px;;
    background: #7030a0;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_12:after{
   content: '';
   position: absolute;
   border-left: 20px solid #7030a0;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_12 h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_12_p{
    width:91%;
    padding: 5px 15px 5px 15px;;
    background: #70ad47;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_12_p:after{
   content: '';
   position: absolute;
   border-left: 20px solid #70ad47;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_12_p h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}
.ribben_13_l{
    width:60%;
    /* right: -28px; */
    padding: 5px 15px 5px 15px;;
    background: #002060;
    margin: 10px 0 3px 0;
    position: relative;
} 
.ribben_13_l:after{
   content: '';
   position: absolute;
   border-left: 20px solid #002060;
   border-top: 21px solid transparent;
   border-bottom: 21px solid transparent;
   border-right: 20px solid transparent;
   right: -40px;
   top: 0px;
}
.ribben_13_l h4{
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   margin: 0;
   padding: 5px 0px;
   font-family: 'Open Sans', sans-serif;
}










.e_mar{
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 20px 0 10px 0;
    /* border-right: 3rem solid transparent;
   border-left: 3rem solid transparent;
   border-top: 1.5rem solid #CCCCCC; */
} 
.e_mar h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   font-family: 'Open Sans', sans-serif;
} 
.t_mar{
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 20px 0 10px 0;
} 
.t_mar h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   font-family: 'Open Sans', sans-serif;
}
.ed_mar{
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 20px 0 10px 0;
} 
.ed_mar h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   font-family: 'Open Sans', sans-serif;
}
.ex_mar{
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 20px 0 10px 0;
} 
.ex_mar h4{
   color: #000;
   font-size: 20px;
   font-weight: 600;
   font-family: 'Open Sans', sans-serif;
}
.l_mar{
    padding: 5px 15px 5px 15px;;
    background: #002060;
    margin: 20px 0 10px 0;
}
.l_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.sh_mar{
    padding: 5px 15px 5px 15px;;
    background: #7a9bd5;
    margin: 20px 0 10px 0;
}
.sh_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.rm_mar{
    padding: 5px 15px 5px 15px;;
    background: #ed7d31;
    margin: 20px 0 10px 0;
}
.rm_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.ma_mar{
    padding: 5px 15px 5px 15px;;
    background: #ffc000;
    margin: 20px 0 10px 0;
}
.ma_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.g_mar{
    padding: 5px 15px 5px 15px;;
    background: #ed7d31;
    margin: 20px 0 10px 0;
}
.g_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.le_mar{
    padding: 5px 15px 5px 15px;;
    background: #ffc000;
    margin: 20px 0 10px 0;
}
.le_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.in_mar{
    padding: 5px 15px 5px 15px;;
    background: #c00000;
    margin: 20px 0 10px 0;
}
.in_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.int_mar{
    padding: 5px 15px 5px 15px;;
    background: #c00000;
    margin: 20px 0 10px 0;
}
.int_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.pa_mar{
    padding: 5px 15px 5px 15px;;
    background: #ed7d31;
    margin: 20px 0 10px 0;
}
.pa_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.sha_mar{
    padding: 5px 15px 5px 15px;;
    background: #4472c4;
    margin: 20px 0 10px 0;
}
.sha_mar h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}











.sharing{
    padding: 15px;
    margin-top:4px;
    background: #4472c4;
}
.sharing h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.sharing p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}



.intiatives{
    padding: 5px 14px 4px 14px;
    margin-top:4px;
    background: #c00000;
}
.intiatives h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.intiatives p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}



.news{
    padding: 10px 15px 10px 15px;
    margin-top:4px;
    background: #ffc000;
}
.news h4{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif; 
}
.news p{
    color: #000;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}



.new{
    padding: 15px 15px 27px 15px;
    margin-top:4px;
    background: #ed7d31;
}
.new h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;  
}
.new p{
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}


.stories{
    padding: 15px 15px 27px 15px;
    margin-top:4px;
    background: #4472c4;
}
.stories a{
    color: #fff;
}
.stories b{
    font-size: 38px;
}
.stories a:hover{
    color: #fff;
    text-decoration: none;
}
.stories h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
}
.stories p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}



.product{
    padding: 15px;
    margin-top:4px;
    background: #002060;
}
.product h4{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif; 
}
.product p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}



.b_stories{
    padding: 15px 15px 32px 15px;
    margin-top:4px;
    background: #4472c4;
}
.b_stories a{
    color: #fff;
}
.b_stories a:hover{
    color: #fff;
    text-decoration: none;
}
.b_stories h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.b_stories p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}
.new_p{
    padding: 18px 10px;
    margin-top:4px;
    background: #ed7d31;
}
.new img{
    margin: 0 0 0 -15px;
}
.new_p h4{
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.new_p p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;  
}
.m_news{
    padding: 15px;
    margin-top:4px;
    background: #ffc000;
}
.m_news h4{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.m_news p{
    margin: 0;
    padding-bottom: 8px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;  
}
.m_news a{
    color: #000;
}
.m_news a:hover{
    color: #000;
    text-decoration: none;
}
.smc{
    padding: 15px 15px 78px 15px;
    margin-top:4px;
    background: #ed7d31;
}
.smc h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.smc p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}
.uaeu{
    padding: 15px;
    margin-top:4px;
    background: #ffc000;
}
.uaeu h4{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.uaeu p{
    color: #000;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}
.ale{
    padding: 15px 15px 29px 15px;
    margin-top:4px;
    background: #c00000;
}
.ale a{
    color: #fff;
}
.ale a:hover{
    color: #fff;
    text-decoration: none;
}
/* .edu{
    margin-bottom:0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
} */
.ren{
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.sim{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
 .ale h4{
    margin-bottom:0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
/* .ale h6{
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.ale p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
}  */
.exxon{
    padding: 15px 15px 24px 15px;
    margin-top:4px;
    background: #c00000;
}
.exxon h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.exxon p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;  
}

.urkund{
    padding: 15px;
    margin-top:4px;
    background: #ed7d31;
}
.urkund h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.urkund p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;  
}
.dubais{
    padding: 15px 15px 13px 15px;
    margin-top:4px;
    background: #4472c4;
}
.dubais h4{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.dubais p{
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 2px;
    font-family: 'Open Sans', sans-serif; 
}


.bg_footer{
	background-color: #000;
}
.footer p{
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align: justify;
    font-family: 'Open Sans', sans-serif;
}
/*.footer h6{
	color: #fff;
	font-size: 15px;
	padding-bottom: 15px;
	font-weight: 400;
	word-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
	border-bottom: 2px solid #fff;
}*/
.footer{
	padding-top: 50px;
	border-bottom: 1px solid #fff;
}
.footer_icon{

}
.footer_icon h2{
	color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
.footer_icon ul{
    padding: 0;
}
.footer_icon ul li{
	padding: 3px;
    display: inline-block;
}
.footer_icon_1{
	padding-top:25px;
}
.footer_icon_1 h6{
	color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    font-family: 'Open Sans', sans-serif;	
}
.section_15{
	width: 80%;
	margin: auto;
	padding: 25px 0 20px 0;
	margin-top: 18px;
    text-align: center;
    position: relative;
}
.section_16 img{
	margin-left: auto;
}
.section_15 img{
	margin-right: auto;
}
.section_16{
	width: 80%;
	margin: auto;
	padding: 25px 0 20px 0;
	margin-top: 18px;
    text-align: center;
    position: relative;
}
.section_17 img{
	width: auto;
}
/*.bg_img{
	background-image: url(../img/fa.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}*/
input{
    /* margin-left: -20px; */
	 width: 100%!important;
	 padding-left: 10px!important;
	 color:#fff!important; 
	 background-image:none;
     background-color: transparent;
     border: 0!important;
     font-size: 18px;
     border-bottom: 1px solid #fff!important;
     color:#fff!important; 
    
/*	 border-radius:35px!important;*/
	 padding: 11px 0 15px 0;
	 margin-bottom:18px!important;
}
select{
    margin-top:0;
}
button{
	background: transparent;
    border: 0;
}
button img{
	width: 65px;
	top: 25px;
    right: 53px;
	position: absolute;
}
.btn img{
	width: 65px;
	top: 43px;
    right: 161px;
	position: absolute;
}
iframe{
	display: block;
}





::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff!important;
}



.dwnld-popup {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 40px;
    padding-bottom: 22px;
    text-align: center;
}
.modal-body {
    position: fixed;
    padding: 0!important;
}
.contact-popup {
    background-image: url(../img/contact-bg.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    background-color: #fc803c;
}
.dwnld-popup {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 40px;
    padding-bottom: 22px;
    text-align: center;
}

.dwnld-popup span {
    font-family: 'Swiss-Roman';
}
/* .number-contact:after {
    content: "";
    display: inline-block;
    height: 1em;
    width: 47px;
    position: absolute;
    top: 11%;
    right: 33%;
    border-bottom: 2px solid #231f20;
} */
.dropdwn2 {
    width: 100%;
    border-top: none;
    border-right: none;
    height: 36px!important;
    border-left: none;
    font-size: 14px!important;
    color: #000!important;
    border-bottom: 1px solid #000!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.select-arrow {
    position: absolute;
    top: 0;
    display: none;
    right: 0;
    padding: 0px 15px;
    pointer-events: none;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    margin-bottom: 3px;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
}
.button-ni{
    text-align: center;
}
.submit-mob {
        float: right;
        padding: 8px 24px;
        border-radius: 40px;
        border: 1px solid #fff;
/*        margin-left: 85px!important;*/
    }
    /* .close{
        position: relative;
        z-index: 99;
        color: #fff!important;
        top: 60px;
        font-size: 55px!important;
        left: -15px;
      }   */

button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        width: 50px !important;
        height: 50px !important;
        position: absolute !important;
        background: #000 !important;
        top: -25px !important;
        right: -25px !important;
        font-size: 35px !important;
        line-height: 35px !important;
        color: #fff !important;
        opacity: 1 !important;
        border-radius: 50% !important;
        z-index: 99 !important;
    }      
.modal-body {
        position: inherit;
        padding: 0;
    } 
.modal-content{
    border: 0!important;
}   
.modal-dialog{
    margin: 0 auto;
}   
.form-control{
    background: transparent!important;
    border: 0!important;
    border-radius:0!important;
    -webkit-box-shadow:none!important;
            box-shadow:none!important;
    border-bottom: 1px solid #fff!important;
}  
.dwnld-popup h1{
    font-weight: 700;
    position: relative;
    display: inline-block;
	font-family: 'Open Sans', sans-serif;
} 
.dwnld-popup h1:after {
    content: "";
    display: inline-block;
    height: 1em;
    width: 47px;
    position: absolute;
    top: 11%;
    right:0;
    border-bottom: 2px solid #231f20;
} 
.dwnld-popup span{
    font-weight: 400;
	font-family: 'Open Sans', sans-serif;
} 
/* .close{
    line-height: 0!important;
    opacity: 1!important;
    position: relative!important;
    top: 80px!important;
    right: 0!important;
}  */
.modal-dialog {
    width: 600px;
    margin: 30px auto;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
}
.forms{
    top:0px !important 
}
select{
    color: #fff !important;
    background: transparent;
    margin-top: 28px !important;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
}
option{
    color: #000 !important;
}
.form-control{
    color: #fff !important;
}
.bor_ra img{
    border-radius: 40px;
    border: 3px solid #7030a0;
}

@media only screen and (max-width : 767px)  { 
    .Employees h2{
        font-size: 40px;
    }
    .Employees p{
        font-size: 16px;
    }
    .Clients h2{
        font-size: 40px;
    }
    .Clients p{
        font-size: 16px;
    }
    .Makerspaces h2{
        font-size: 40px;
    }
    .Makerspaces p{
        font-size: 16px;
        padding: 0;
    }
    .Participants h2{
        font-size: 40px;
    }
    .Participants p{
        font-size: 16px;
    }

    .section_11{
        margin-top: 0px;
    }
    .wave p {
        font-size: 12px;
        font-weight: 600;
    }
   .banner_edutech_logo_1 img{
   	width: 150px;
   	padding-top: 20%;
   }
   .banner_edutech_logo_2 img {
    width: 320px;
    padding-top: 25%;
  }
  .Clients:before {
	border-right: 0;
  }
  .Makerspaces:before {
    border-right:0;
   }
   .Participants:before {
    border-right:0;
  }
  .wave h2 {
    font-size: 40px;
  }
  .wave span {
    font-size: 40px;
  }
  .banner_edutech_1_width {
	width: 100%;
  }
  .wave_color h4{
	  font-size: 14px;
	  line-height: 20px;
  }
  .padd_left{
	padding: 0!important;
  }
  .res_img_1 img{
      width: 95%;
  }
  .news{
      width: 95%;
  }
  .res_img_2 img{
    width: 90%;
    margin: auto;
    padding-bottom: 4px;
    padding-top: 10px;
  }
  .stories{
    width: 90%;
    margin: auto;
    padding-top: 10px;
  }
  .b_stories{
      width: 95%;
  }
  .new_p{
      width: 95%;
  }
  .smc{
      width: 95%;
  }
  .uaeu{
      width: 95%;
  }
  .exxon{
      width: 95%;
  }
  .dubais{
    width: 90%;
    margin: auto;
    padding-top: 10px;
  }
  .section_15{
      padding: 0;
      width: 70%;
  }
  .section_16{
    padding: 0;
    width: 70%;
  }
  .footer{
      padding: 15px;
  }
  .footer_icon h2{
     text-align: center; 
  }
  .footer_icon_1 h6{
      text-align: center;
  }
  .footer_icon_1{
      padding: 1px;
  }
  .S_mar{
    width: 85%;
   } 
  .S_mar:after{
    border-left: 20px solid #c00000;
    border-top: 19px solid transparent;
    border-bottom: 18px solid transparent;
   }
  .S_mar h4{
   font-size: 16px;
   }  
   .Sh_mar{
    width: 85%;
   } 
  .Sh_mar:after{
    border-left: 20px solid #4472c4;
    border-top: 19px solid transparent;
    border-bottom: 18px solid transparent;
   }
  .Sh_mar h4{
   font-size: 16px;
   }
   .ribben_1 h4{
       font-size: 16px;
   }
   .ribben_1:after{
    border-left: 20px solid #ffc000;
    border-top: 19px solid transparent;
    border-bottom: 18px solid transparent;
   }
   .ribben_2{
    width: 85%;
   }
   .ribben_2 h4{
    font-size: 16px;
}
    .ribben_2:after{
    border-left: 20px solid #ed7d31;
    border-top: 19px solid transparent;
    border-bottom: 18px solid transparent;
    }
    .ribben_3 {
        right: -15px;
        width: 76%;
    }
    .ribben_4 {
        width: 82%;
    }
    .ribben_4 h4 {
        color: #fff;
        font-size: 18px;
    }
    .ribben_4:after{
        border-left: 20px solid #002060;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
    }
    .ribben_8 {
        width: 82%;
    } 
    .ribben_10 {
        width: 80%;
    }
    .ribben_10 h4{
        font-size: 18px;
    }
    .ribben_10:after{
        border-left: 20px solid #ed7d31;
        border-top: 20px solid transparent;
        border-bottom: 19px solid transparent;
    }
    .ribben_11{
        right: -15px;
        width: 73%;
    }
    .ribben_12{
        width: 72%;
    }
    .wave_color {
        width: 91%;
    }
    .height img {
        height: auto;
    }
    .forms{
        top:0px !important 
    }
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        top: 0;
    }
    .modal-content{
        background: transparent !important;
    }
    .heights {
        top: 442px;
    }
    .contact-popup{
        height: auto;
        overflow: hidden;
    }
    .b_stories a{
        display: inline-block;
    }
    .ribben_13_l{
        width: 91%;
    }
    .ribben_12_p{
        right: -15px;
        width: 70%;
    }
    .res_img_2 img{
        padding-top: 0;
    }
    .ribben_9{
        width: 78%;
    }
    .modal-dialog{
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    button.close{
        top: -33px !important;
        right: -8px !important;
    }
    .number-contact:after{
        top: 15%;
        right: 16%;
    }
    
    
}

@media only screen and (max-width: 992px) and (min-width: 768px){
    .Sh_mar {
        width: 91%;
    }
    .S_mar {
        width: 91%;
        padding: 7px 5px 5px 5px;
    }
    .S_mar h4{
        font-size: 19px;
    }
    .S_mar:after {
        border-bottom: 21px solid transparent;
    }
    .sharing{
        padding: 4px 15px;
    }
    .sharing p{
        padding-bottom: 20px;
    }
    .intiatives {
        padding: 4px 15px;
    }
    .ribben_1 {
        width: 91%;
    } 
    .ribben_2 {
        width: 91%;
    }   
    .padd{
        padding-right: 0 !important;
    } 
    .ipad_res_h img{
        height: 153px;
    }
    .wave_color {
        width: 77%;
    }
    .wave_color h4{
        line-height: 20px;
    }
    .padd_left{
        padding-left: 15px!important;
    }
    .ribben_3{
        width: 40%;
    }
    .new{
        padding: 43px 15px 24px 15px;
    }
    .stories{
        padding: 1px 15px 8px 15px;
    }
    .height img{
        height: auto;
    }
    .dubais{
        padding: 15px 15px 31px 15px;
    }
    .ribben_13_l{
        width: 45%;
    }
    .ribben_7 {
        width: 34%;
    }
    .ribben_07{
        width: 64%;
    }
    .ribben_8{
        width: 45%;
    }
    .ribben_8 h4 {
        padding: 6px 15px 7px 15px;
    }
    .ribben_10 {
        width: 42%;
    }

/* Ipad_new_css_mq-start */
    .padd_right {
        padding-right: 15px!important;
    }
    .ribben_6 {
        width: 84%;
    }
    .b_stories {
        padding: 15px 15px 11px 15px;
    }
    .ribben_07{
        width: 80%;
    }
    .smc {
        padding: 15px 15px 36px 15px;
    }
    .exxon {
        padding:15px;
    }

.forms{
    transform: inherit !important;
}

    
    .form-center{
        display: inline-block !important;
        width: 100% !important;
    } 
    
    /* End */
    
    }



@media only screen and (max-width: 1200px) and (min-width: 993px){
        .S_mar {
            width: 80%;
        }
        .ribben_1 {
            width: 83%;
        }
        .ribben_1:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_1 h4 {
            font-size: 15px;
        }
        .ribben_3 {
            width: 83%;
        }
        .ribben_3:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_3 h4 {
            font-size: 15px;
        }
        .news {
            padding: 2px 10px 2px 10px;
        }
        .news h4 {
            font-size: 15px;
            letter-spacing: 0;
        }
        .stories h4{
            font-size: 15px;
            letter-spacing: 1px;
        }
        .stories {
            padding: 5px 15px 5px 15px;
        }
        .new {
            padding: 28px 15px 13px 15px;
        }
        .ribben_12 h4 {
            font-size: 15px;
        }
        .ribben_12 {
            width: 86%;
        }
        .ribben_12:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_2{
            width: 55%;
        }
        .ribben_2 h4{
            font-size: 15px;
        }
        .ribben_2:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_13_l{
            width: 55%;
        }
        .ribben_13_l h4{
            font-size: 15px;
        }
        .ribben_13_l:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_12_p {
            width: 86%;
        }
        .ribben_12_p h4{
            font-size: 15px;
        }
        .ribben_12_p:after{
            border-bottom: 15px solid transparent;
        }
        .product h4{
            margin-top: 0;
        }
        .product p{
            margin: 0;
        }
        .bor_ra{
            height: 335px;
            display: table-cell;
            vertical-align: middle;
        }
        .ribben_5 {
            width: 86%;
        }
        .ribben_5 h4{
            font-size: 15px;
        }
        .ribben_5:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_6 {
            width: 86%;
        }
        .ribben_6 h4{
            font-size: 15px;
        }
        .ribben_6:after{
            border-bottom: 15px solid transparent;
        }
        .ribben_7 {
            width: 86%;
        }
        .ribben_7 h4{
            font-size: 15px;
        }
        .ribben_7:after{
            border-bottom: 15px solid transparent;
        }
        .height img {
            height: 155px;
        }
        .m_news {
            padding: 1px 15px;
        }
        .b_stories {
            padding: 1px 15px 1px 15px;
        }
        .new_p {
            padding: 25px 10px;
        }
        .ribben_8 {
            width: 86%;
        }
        .ribben_8 h4{
            font-size: 15px;
        }
        .ribben_8:after{
            border-bottom: 18px solid transparent;
        }
        .ale {
            padding: 4px 15px 15px 15px;
        }
        .smc {
            padding: 15px 15px 35px 15px;
        }
        .exxon h4{
            font-size: 16px;
        }
        .dubais h4{
            font-size: 16px;
        }
        .ribben_9 {
            width: 86%;
        }
        .ribben_9 h4{
            font-size: 12px;
        }
        .ribben_9:after{
            border-bottom: 18px solid transparent;
        }
        .ribben_11 {
            width: 86%;
        }
        .ribben_11 h4{
            font-size: 15px;
        }
        .ribben_11:after{
            border-bottom: 15px solid transparent;
        }
        .urkund h4{
            margin: 0;
        }
        .urkund {
            padding: 17px 15px;
        }
        .exxon {
            padding: 42px 15px 33px 15px;
        }
.ribben_10{
width: 76%;
}
    }