/* ------- Contents ------- */


/* ------------------------------------------------------------------ */
@font-face {	
	font-family: "DroidKufi-Bold";
    src: url('../fonts/DroidKufi-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DroidKufi-Regular";
    src: url('../fonts/DroidKufi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "icons";
    src: url('../images/icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline:none;
}

.pages-menu li{ display:inline-block; font-family:droidkufi-bold;font-size:15px; margin:10px;}
.pages-menu li a {text-decoration:none; color:#333; cursor:pointer; transition-duration:0.3s;}
.pages-menu li a:hover {color:#00aeef;}

.partners img{transition-duration:0.3s;}
.partners li{ display:inline-block; font-family:droidkufi-bold;font-size:15px; margin:10px; vertical-align:middle;}
.partners img:hover{ transform:scale(1.2,1.2);}

.mylink { width:1%; white-space:nowrap; cursor:pointer;}
.mylink a{font-family:droidkufi-bold; font-size:12px; color:#333; text-decoration:none; transition-duration:0.3s;}
.mylink:hover a, .mylink:hover .icon-download, .mylink:hover .icon-facebook {color:#00aeef;}

.icon-download:before{content:"\0382"; font-family:'icons'; padding-left:2px; vertical-align:middle; transition-duration:0.3s;}
.icon-download { font-size:13px; line-height:1.3; vertical-align:bottom; color:#333; display:inline-block;}

.icon-facebook:before{content:"\0380"; font-family:'icons'; vertical-align:middle; transition-duration:0.3s;}
.icon-facebook { font-size:13px; color:#333; display:inline-block; line-height:1.3; vertical-align:bottom;}

.icon-camera:before{content:"\0378";  font-family:'icons'; font-size:19px;}
.icon-camera { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-govenament:before{content:"\0381";  font-family:'icons'; font-size:19px;}
.icon-govenament { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-coding:before{content:"\0383";  font-family:'icons'; font-size:19px;}
.icon-coding { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-wireless:before{content:"\038b";  font-family:'icons'; font-size:19px;}
.icon-wireless { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-communication:before{content:"\038d";  font-family:'icons'; font-size:19px;}
.icon-communication { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-web:before{content:"\03a2";  font-family:'icons'; font-size:19px;}
.icon-web { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-access:before{content:"\0379";  font-family:'icons'; font-size:19px;}
.icon-access { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.icon-fire:before{content:"\0780";  font-family:'icons'; font-size:19px;}
.icon-fire { background-color:#00aeef; color:#fff; width:30px; height:30px; border-radius:15px; text-align:center; line-height:1.6; display:inline-block;}

.mypoint{ background-color:#00aeef; width:10px; height:10px; border-radius:5px; display:inline-block;}

.my-font { font-family:droidkufi-bold;}

.upload-text-box {
background: #eee;
padding:9px;
 border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border:0 none;
width:100%;
vertical-align:middle;
font-family:DroidKufi-Regular;
color:#555;
font-size:13px;
}
  
.upload-button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 10px 50px;
  border-radius:5px;
  transition-duration: 0.3s;
  background-color:#00aeef;
  color:#fff;
  font-family:DroidKufi-bold;
  font-size:15px;
  cursor:pointer;
  border:2px solid #00aeef;
} 
.upload-button:hover { color:#00aeef;   background-color:#fff;}


.header .mytd1{width:25%; display:table-cell; text-align:right;}
.header .mytd2{width:65%; display:table-cell; text-align:left;}
.header .empty{width:5%; display:table-cell;}
@media all and (max-width: 1100px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.header .mytd1{width:100%; display:block; text-align:center;}
.header .mytd2{width:100%; display:block; text-align:center;}
.header .empty{width:100%; display:block;}
}

.header-en .mytd1{width:25%; display:table-cell; text-align:left;}
.header-en .mytd2{width:65%; display:table-cell; text-align:right;}
.header-en .empty{width:5%; display:table-cell;}
@media all and (max-width: 1100px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.header-en .mytd1{width:100%; display:block; text-align:center;}
.header-en .mytd2{width:100%; display:block; text-align:center;}
.header-en .empty{width:100%; display:block;}
}
	  
	  

.content-table, .content-table table, .contact-table { font-family:droidkufi-regular; color:#333; font-size:15px; text-align:justify; text-justify:inter-word;}
.content-table-en, .content-table-en table, .contact-table-en { font-family:droidkufi-regular; color:#333; font-size:15px; text-align:justify; text-justify:inter-word;}
.content-table .mytd1 { display:table-cell; width:100%;}
.content-table .mytd2 { display:table-cell; width:33%;}
@media all and (max-width: 1100px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.content-table .mytd1 { display:block; width:100%; padding-bottom:20px;}
.content-table .mytd2 { display:block; width:100%; padding-bottom:20px;}
	  }
	  
	    
.contact-table .mytd1 { display:table-cell; width:65%;}
.contact-table .mytd2 { display:table-cell; width:35%; text-align:right;}
@media all and (max-width: 900px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.contact-table .mytd1 { display:block; width:100%; padding-bottom:20px;}
.contact-table .mytd2 { display:block; width:100%; padding-bottom:20px; text-align:center;}
	  }
	  
.contact-table-en .mytd1 { display:table-cell; width:65%;}
.contact-table-en .mytd2 { display:table-cell; width:35%; text-align:left;}
@media all and (max-width: 900px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.contact-table-en .mytd1 { display:block; width:100%; padding-bottom:20px;}
.contact-table-en .mytd2 { display:block; width:100%; padding-bottom:20px; text-align:center;}
	  }
	  
	  
	    
.contact-form .mytd1 { display:table-cell; width:25%;}
.contact-form .mytd2 { display:table-cell; width:75%;}
@media all and (max-width: 600px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
	 only screen and (min-resolution: 192dpi) and (max-width: 1024px),
	  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.contact-form .mytd1 { display:block; width:100%;}
.contact-form .mytd2 {display:block; width:100%; padding-bottom:20px;}
	  }
	  
	  
	  
	  
	  
.language-dropdown {
    border: 1px solid #ddd;
    padding: 3px 30px 3px 10px;
    position: relative;
    user-select: none;
	background-color:#fff;
	border-radius:5px;
	cursor:pointer;
	color:#333;
	font-family:droidkufi-bold;
	font-size:12px;
}

/* Display CSS arrow to the right of the dropdown text */
.language-dropdown:after {
    content:'';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #000;
    top: 50%;
    right: 10px;
    margin-top: -3px;
}

/* Reverse the CSS arrow when the dropdown is active */
.language-dropdown.is-active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -9px;
}

.language-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%; /* align the dropdown right below the dropdown text */
	border:1px solid #ddd;
    border-top: none;
    left: -1px; /* align the dropdown to the left */
    right: -1px; /* align the dropdown to the right */
    display: none; /* hide the dropdown */
	border-radius:0 0 5px 5px;
}
.is-active .language-dropdown-list { display: block; }
.is-active2 { border-radius:5px 5px 0 0; }
.language-dropdown-list li {
    display: block;
    border-top: 1px solid #ddd;
    padding: 2px;
	text-align:center;
    transition: all 0.2s ease-out;
	font-family:droidkufi-bold;
	font-size:12px;
	background-color:#fff;
}
.language-dropdown-list li a { text-decoration:none; color:#333; width:100%; }

.language-dropdown-list li:first-child a {padding:2px 20px 2px 20px;}
.language-dropdown-list li:last-child a {padding:2px 10px 2px 10px;}

.language-dropdown-list li:last-child { border-radius:0 0 5px 5px; }

.language-dropdown-list li:hover { background-color: #00bce9; }
.language-dropdown-list li:hover a { color:#fff; }