/* remove rounding from cards, buttons and inputs */
 .nav11{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,301413+0,474747+21,000000+82,000000+82,000000+99,2b2b2b+99,000000+99,000000+100,000000+100,1c1c1c+100,000000+100,111111+100,2c2c2c+100,131313+100,000000+100,111111+101,000000+101,000000+101,1c1c1c+102 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(48,20,19,1) 0%, rgba(71,71,71,1) 21%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 99%, rgba(43,43,43,1) 99%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%, rgba(28,28,28,1) 100%, rgba(0,0,0,1) 100%, rgba(17,17,17,1) 100%, rgba(44,44,44,1) 100%, rgba(19,19,19,1) 100%, rgba(0,0,0,1) 100%, rgba(17,17,17,1) 101%, rgba(0,0,0,1) 101%, rgba(0,0,0,1) 101%, rgba(28,28,28,1) 102%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(48,20,19,1) 0%,rgba(71,71,71,1) 21%,rgba(0,0,0,1) 82%,rgba(0,0,0,1) 82%,rgba(0,0,0,1) 99%,rgba(43,43,43,1) 99%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 100%,rgba(28,28,28,1) 100%,rgba(0,0,0,1) 100%,rgba(17,17,17,1) 100%,rgba(44,44,44,1) 100%,rgba(19,19,19,1) 100%,rgba(0,0,0,1) 100%,rgba(17,17,17,1) 101%,rgba(0,0,0,1) 101%,rgba(0,0,0,1) 101%,rgba(28,28,28,1) 102%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(48,20,19,1) 0%,rgba(71,71,71,1) 21%,rgba(0,0,0,1) 82%,rgba(0,0,0,1) 82%,rgba(0,0,0,1) 99%,rgba(43,43,43,1) 99%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 100%,rgba(28,28,28,1) 100%,rgba(0,0,0,1) 100%,rgba(17,17,17,1) 100%,rgba(44,44,44,1) 100%,rgba(19,19,19,1) 100%,rgba(0,0,0,1) 100%,rgba(17,17,17,1) 101%,rgba(0,0,0,1) 101%,rgba(0,0,0,1) 101%,rgba(28,28,28,1) 102%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */

	   
	   
 }

body{
	marging:0;
	padding:0;
	background:#D9DCE1;
	
	
}


*{
 font-family: 'Noto Kufi Arabic', sans-serif;
 }
  

.vertical { 
border-left: 1px solid black; 

display: inline-block;

} 

#parent {
  max-width: 60%;
  background-color:#ffc107;; 
  margin-top:5px; padding:5px;
 }
#parent2 {
    background-color:#ffc107; 
 }
 
 #parent3 {
    color:#ffc107; 
 }
 
 #parent4 {
   color: black;
	border-style: solid;
	border-radius: 3px;
	background: rgba(255, 222, 0, 0.3)
 }
 #parent5 {
    color: black;
	border-style: solid;
	border-radius: 3px;
	background: rgba(255, 222, 0, 0.1)
 }
#child {
 
  width: 100%;
  border: 2px solid #ffc107;  
  padding:5px;
}



p.ex1 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.footer{
  background: black;
  color:white;
  
  .links{
    ul {list-style-type: none;}
    li a{
      color: white;
      transition: color .2s;
      &:hover{
        text-decoration:none;
        color:#4180CB;
        }
    }
  }  
  .about-company{
    i{font-size: 25px;}
    a{
      color:white;
      transition: color .2s;
      &:hover{color:#4180CB}
    }
  } 
  .location{
    i{font-size: 18px;}
  }
  .copyright p{border-top:1px solid rgba(255,255,255,.1);} 
}




@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?zde2yj');
  src:  url('fonts/icomoon.eot?zde2yj#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?zde2yj') format('truetype'),
    url('../fonts/icomoon.woff?zde2yj') format('woff'),
    url('../fonts/icomoon.svg?zde2yj#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-home2:before {
  content: "\e901";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-play:before {
  content: "\e912";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-table2:before {
  content: "\ea71";
}
.icon-file-pdf:before {
  content: "\eadf";
}