/* Default Reset, Typography, Forms, etc. */
@import url("normalize.css");
@import url("main.css");
@import url("deepEye.css");
@font-face {
    font-family: 'linecons';
    src:url('../fonts/DroidKufi-Bold.ttf');
    src:url('../fonts/DroidKufi-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

img {

	vertical-align: middle;

}
.image-shadow
{
text-align:center;	
}

body{
     font-family: 'linecons';
    font-size: 14px;
    direction: rtl;
   color: #505050;}
.name{
    width: 240px;
    height:30px;
    text-align: right;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: bold;
  


}
.send{
    background: #cd2412;
    width: 134px;
    height: 40px;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
border-radius: 0px;
padding: 0px;
text-decoration: none;
}
.send:hover {
background-image: -webkit-linear-gradient(top, #ef311d 65%,#ef311d 100%);}
.name_message{
    width: 880px;
    height: 105px;
}
.innerContener{
    width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
.row{
    overflow: hidden;
    margin-bottom: 20px;
}
.one-coloum{
    width: 280px;
    float: right;
    margin-left: 20px;
}
.two-coloum{
    width: 660px;
    float: right;
}
.two-coloum_top{
    width: 660px;
    float: right;
    margin-top: 20px;
}

.left-coloum{
    width: 330px;
    float: left;
    margin-right:: 20px;
}
.coloum_multimedia p{
    color: #737373;
        font-family: 'linecons';
    font-size: 14px;
}
#multimedia{
    width: 380px;
    float: left;
    margin: auto;
     margin-left: 150px;
     margin-bottom: 50px;
}
#multimedia_s{
    width: 380px;
    float: left;
    margin: auto;

}

.left-coloum_multimedia{

  width: 570px;
    float: left;
    margin-right:: 20px;
    padding-top: 50px;
    }
.left-coloum_multimedia{

  width: 570px;
    float: left;
    padding-top:0px;
    }
    .right-coloum_multimedia{
        float: right;
        width: 380px;
    }
    .right-coloum{
    width: 600px;
    float: right;
	padding-right:0;
	margin-right:0;
}
#coloum_1{
    width: 320px;
    float: left;
    margin: auto;
     font-family: 'Droid Arabic Kufi', serif;

}
.coloum_multimedia{
    width: 960px;
    margin: auto;
}
.small-text{
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    color: #fff;
      font-family: 'linecons';
      margin-right: 20px;
}
.main-title{
    color: #fff;
    font-weight: normal;
      font-family: 'linecons';
}
.sub-title{
    font-weight: normal;
	font-size:16px;
        font-family: 'linecons';
}
.fll{
    float: left;
}
.tac{
    text-align: center;
       font-family: 'linecons';
}
.text_Address1{
    font-family: 'linecons';
    margin-right:15px;
}
.main-btn{
    width: 180px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    background: #00aeef;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
.main-btn:hover,
.main-btn:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.70;
}
a{
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
/* ==========================================================================
   header 
============================================================================= */
header{
    background: #fff url(../images/topLine.png) right top repeat-x;
    padding-top: 6px;
    
}
.topHeader{
    border-top: 6px solid #002561; 
    border-bottom: 1px solid #c6c6c6;
}
.social-icon{
    float: left;
    list-style: none;
    padding:  0;
    margin: 0;
    
}
.social-icon li{
    float: right;
    
}
.social-icon li a{
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
    
    
}
.social-icon li a:hover,
.social-icon li a:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.70;
}
.logo{
    float: right;
    
}
.logo a{
    background: url(../images/logo.png) 0 0 no-repeat;
    height: 85px;
    width: 195px;
    display: inline-block;
    text-indent: -9999px;
    
}
.main-nav{
    float: left;

}
.call-us{
    float: left;
}
.call-us p{
    color: #6b7173;
    font-size: 22px;
    text-align: right;
    margin-top: 0;

}
.call-us span{
    direction: ltr;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    display: block;
    color: #0182c4;
    font-size: 24px;
    font-weight: bold;
    
    
}
.home-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
}
.home-menu li{
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px;
    padding-bottom: 15px;

}
#right{
    margin-right: 50px;
}
#left{
    margin-right: 50px;
}

.grey
{
    color: #737373;
	
}

.blue
{
    color: #0182c4;
	
}
/*.works-slide li:hover{
    background-image: -webkit-linear-gradient(top, #000 65%,#000 100%);
    z-index: 2;
    position:relative;
background-image: url(../images/image_hover.png);
background-repeat: repeat;
}*/
/*.works-slide li:hover{
    -webkit-transform:scale(0.8);
    -webkit-box-shadow:0px 0px 30px #ccc;
    -moz-transform:scale(0.8);
    -moz-box-shadow:0px 0px 30px #ccc;  
    -o-transform:scale(0.8);
    -o-box-shadow:0px 0px 30px #ccc;    

}   
*/
.home-menu li:hover,
.home-menu li.active,
.home-menu li:focus {
    background: url(../images/menu-hover.png) center bottom no-repeat;    
}
.home-menu li a{
    white-space: nowrap;
    color: #6b7173;
    font-size: 14px;
     font-family: 'linecons';
}

/* ==========================================================================
   placeholder 
============================================================================= */

::-webkit-input-placeholder {
	font-family: 'Droid Arabic Kufi', serif;
	padding-right:5px
}

:-moz-placeholder { /* Firefox 18- */
	font-family: 'Droid Arabic Kufi', serif;
	padding-right:5px
}

::-moz-placeholder {  /* Firefox 19+ */
	font-family: 'Droid Arabic Kufi', serif;
	padding-right:5px
}

:-ms-input-placeholder {  
	font-family: 'Droid Arabic Kufi', serif;
	padding-right:5px
}


/* ==========================================================================
   web-services 
============================================================================= */

.web-services
{
	display:inline-block;	
	padding:0;
}

.web-services li .title
{
	text-align:center;
	font-size:18px;
}

.web-services li .det
{
	padding-top:20px
	text-align:center;
	font-size:14px;
}


.web-services li
{
	width:225px;
	display:inline-block;
	float:right;
	margin:0 5px 15px 5px;
}

.web-services li img
{
	width:215px;
	height:200px;
}

.work-services li:nth-child(3n+1) {
    margin-right: 0;
}


/* ==========================================================================
   webdesign 
============================================================================= */

.work-samples
{
	display:inline-block;	
	padding:0;
}

.work-samples li
{
	display:inline-block;
	float:right;
	margin:0 25px 35px 0;
}

.work-samples li img
{
	width:300px;
}

.work-samples li:nth-child(3n+1) {
    margin-right: 0;
}


/* ==========================================================================
   logos 
============================================================================= */

.logos-samples
{
	display:inline-block;	
	padding:0;
}

.logos-samples li
{
	display:inline-block;
	float:right;
	margin:0 20px 25px 0;
}

.logos-samples li img
{
	width:285px;
	height:250px;
	border:10px solid #c0c0c0;
}
.logos-samples_1 li img
{
    width:120px;
    height:120px;
    border:10px solid #c0c0c0;
}

.logos-samples li img:hover
{
	border:10px solid #2082c3;
background-image: -webkit-linear-gradient(top, #F09A3E 65%,#D36F03 100%);
}

.logos-samples li:nth-child(3n+1) {
    margin-right: 0;
}


/* ==========================================================================
   slider 
============================================================================= */
.slider-box{
    background: #d9e4ea;
}
/* ==========================================================================
   domain-box 
============================================================================= */
.domain-box{
    background: #cd2412;
}
.domain-box form{
    color: #fff;
    font-size: 22px;
    float: left;
	direction:ltr;
	padding:10px 15px 10px 15px;
	margin:20px 0px 20px 0;
    background: #a51c0d;
}
.domain-box .botn{
    background: #f7941d;
	font-family: 'Droid Arabic Kufi', serif;
    color: #fff;
    display: inline-block;
    padding: 0px 30px;
    border: 2px solid #f7941d;
    font-size: 20px;
}

.domain-box select{
	font-family: 'Droid Arabic Kufi', serif;
    color: #000;
    font-size: 20px;
}

.domain-box input{
	font-family: 'Droid Arabic Kufi', serif;
    color: #FFF;
    font-size: 20px;
	background-color:transparent;
	border:none;
}

.domain-box .botn:hover,
.domain-box .botn:focus {
    background: #af1f10;
}

.domain-box p{
    color: #fff;
	padding:10px 15px 10px 15px;
	margin:20px 0px 20px 0;
    font-size: 24px;
    float: right;
    
}

/* ==========================================================================
   DomainPage 
============================================================================= */
.DomainPage{
    background: #0182c4;
	display:inline-block;
	width:100%;;
	margin:0 0 30px 0;
}
.DomainPage form{
    color: #fff;
    font-size: 22px;
    float: left;
	direction:ltr;
	padding:10px 15px 10px 15px;
	margin:20px 0px 20px 30px;
    background: #52a8d4;
}
.DomainPage .btn{
    background: #f7941d;
	font-family: 'Droid Arabic Kufi', serif;
    color: #fff;
    display: inline-block;
    padding: 0px 30px;
    border: 2px solid #f7941d;
    font-size: 20px;
}

.DomainPage select{
	font-family: 'Droid Arabic Kufi', serif;
    color: #000;
    font-size: 20px;
}

.DomainPage input{
	font-family: 'Droid Arabic Kufi', serif;
    color: #FFF;
    font-size: 20px;
	background-color:transparent;
	border:none;
}

.DomainPage .btn:hover,
.DomainPage .btn:focus {
    background: #af1f10;
}

.DomainPage p{
    color: #fff;
	padding:10px 15px 10px 10px;
	margin:20px 0px 20px 0;
    font-size: 24px;
    float: right;
    
}

/* ==========================================================================
   offers 
============================================================================= */
.offer-box{
    background: #cd2412;
}
.offer-box p{
    color: #fff;
    font-size: 22px;
    float: right;
    
}
.offer-box span{
    color: #ffc20e;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 72px;
    float: right;
    margin-right: 20px;
    display: inline-block;
    
}
.offer-box a{
    float: left;

}
.offer-btn{
    background: #cd2412;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border: 7px solid #af1f10;
    font-size: 24px;
    margin-top: 25px;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;

    white-space: nowrap;
}
.offer-btn:hover,
.offer-btn:focus {
    background: #af1f10;
}
/* ==========================================================================
   about us 
============================================================================= */
.aboutus h3{
    color: #737373;
    font-weight: bold;
    padding:10px 0 10px 0;
	margin:0;	
	line-height:30px;
       font-family: 'linecons';
}
.aboutus ul{
	list-style:none;
	margin:0;
	padding:0;
       font-family: 'linecons';
}

.aboutus ul li{
	background:url(../images/deep.png) right top  no-repeat ; 
	padding: 0 35px 0  0;
	margin:20px 0 0  0;
	line-height:25px;
       font-family: 'linecons';

}

/* ==========================================================================
   welcom-box 
============================================================================= */
.welcom-box{
    padding: 20px 0;
    background: #0c68b2;
    border-bottom: 2px solid #00aeef;
}
.welcom-box h1{
    color: #e3e3e3;
    font-weight: bold;
    text-shadow: 2px 3px 1px rgba(2,2,2,.6);
    margin-bottom: 5px;
    margin-right: 25px;
}
#coloum_1 h2{
    color: #505050;
    font-size: 18px;
       font-family: 'linecons';

}
.welcom-box h2.no-mt{
    margin-top: 0;
  margin-right: 20px;
}
.welcom-img{
    float: right;
    margin: 20px 0;
    max-width: 280px;
    margin-left: 60px;

}
.dis-ib{
    display: inline-block;
    white-space: nowrap;
}
.why-we{
    list-style-image: url(../images/list-img.png);
    float: right;
    margin-top: 0;
    margin-left: 0;
    float: left;
    padding-left: 0;
}
.why-we li{
    border-bottom: 1px solid #00aeef;
    margin-bottom: 5px;
    padding-bottom: 5px;
    min-width: 280px;
}
.why-we li a{
    color: #fff;
}
.why-we li a:hover,
.why-we li a:focus {
    color: #00aeef;
}
/* ==========================================================================
  serves-box 
============================================================================= */
.serves-box{
    background: #084271;
    border-bottom: 2px solid #00aeef;
    padding: 20px 0;
}
.serves-item{
    width: 280px;
    margin-left: 50px;
    float: right;
    margin-top: 20px;
}
.serves-icon{
    display: inline-block;
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
}
.serves-item .small-text{
    clear: both;
    
}
.serves-link{
    color: #008dff;
    float: left;
}
.serves-link:hover,
.serves-link:focus {
    text-decoration: underline;
    
}
/* ==========================================================================
   main-block-list  
============================================================================= */
.main-block-list{
    margin: 0;
    padding: 0;
    list-style: none;
    width:960px;
	float:left;
}
.main-block-list li{
    width: 230px;
    float: left;
    margin-left: 10px;
    margin-bottom: 0;
}
.main-block-list li img{
    width: 220px;
}
.main-block-list li h3{
    text-align: center;
    margin: 0;
	font-family: 'Droid Arabic Kufi', serif;
    font-weight: normal;
    padding: 10px 5px;
    font-size: 20px;
}

.main-block-list li a{
    text-align: center;
    margin: 0;
	color:#FFF;
	background:#2082c3;
	width:210px;
	display:inline-block;
	font-family: 'Droid Arabic Kufi', serif;
    font-weight: normal;
    padding: 10px 5px;
    font-size: 20px;
}

.main-block-list li .det{
    text-align: center;
    margin: 0;
	font-family: 'Droid Arabic Kufi', serif;
    font-weight: normal;
    padding: 10px 5px;
    font-size: 14px;
}



/* ==========================================================================
   works-box 
============================================================================= */
.works-box{
    padding: 20px 0;
    background: #0c68b2;
    border-bottom: 2px solid #00aeef;
}
.works-slide{
    margin: 0;
    padding: 0;
    list-style: none;
    
}
.works-slide li{
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
}
.works-slide li:nth-child(3n+1){
    margin-right: 0;
}
.works-slide_1{
    margin: 0;
    padding: 0;
    list-style: none;
    
}
.works-slide_1 li{
    float: right;
    margin-bottom: 20px;
}
.works-slide_1 li:nth-child(3n+1){
    margin-right: 0;
}
/* ==========================================================================
   contact-box 
============================================================================= */
.contact-box{
    background: url(../images/intro-bg.jpg) center 0 no-repeat;
    height: 750px;
    position: relative;
    
}
.contact-box h2.main-title.tac{
    margin-top: 50px;
     font-family: 'linecons';
}

.vedio-box{
    position: absolute;
    left: 50%;
    margin-left: -215px;
    top: 180px;
}

/* ==========================================================================
   footer 
============================================================================= */

.footer-form h3
{
	color:#cfcfcf;
	font-size:14px;
}

.footer-form input
{
	width:265px;
	padding:5px 10px 5px 0;
	margin:10px 5px 5px 5px;
	border:none;
	line-height:25px;
	font-size:15px;
	background-color:#565656;	
}

.footer-form span
{
	padding:5px 10px 5px 0;
	width:275px;
	display:inline-block;
}

.footer-form div
{
	width:545px;
	display:inline-block;
}

.footer-form textarea
{
	width:545px;
	height:105px;
	padding:10px;
	margin:12px 5px 2px 5px;
	border:none;
	line-height:25px;
	font-size:15px;
	background-color:#565656;	
	}

.footer-form .btn,.career_btn
{
	padding:10px 40px 10px 40px;
	margin:12px 5px 2px 5px;
	border:none;
	line-height:25px;
	font-family: 'Droid Arabic Kufi', serif;
    color: #FFF;
	background-color:#2082c3;	
	}






/* ==========================================================================
   Careers 
============================================================================= */


#career_table input
{
	width:255px;
	padding:5px 10px 5px 0;
	margin:10px 5px 5px 5px;
	border:none;
	line-height:25px;
	font-size:15px;
	background-color:#565656;	
}

#career_table select
{
	width:265px;
	padding:5px 10px 5px 0;
	margin:10px 5px 5px 5px;
	border:none;
	line-height:25px;
	font-size:15px;
	background-color:#565656;	
}

#career_table textarea
{
	width:255px;
	padding:5px 10px 5px 0;
	margin:10px 5px 5px 5px;
	border:none;
	line-height:25px;
	font-size:15px;
	background-color:#565656;	
}

/* ==========================================================================
   footer 
============================================================================= */

.inside-bottom-fotter{
	background: #101010 url(../images/topLine.png) right top repeat-x;
	padding:10px 0;
}

.footer-inside-logo
{
display:inline-block;
width:170px;
float:left;	
text-align:left;
margin-left:30px;
}

.footer-inside-Copyright
{
display:inline-block;
width:450x;
float:left;	
font-size:12px;
color:#CCC;
line-height:55px;
}

.footer-inside-social
{
display:inline-block;
float:right;	
line-height:55px;
}

/* ==========================================================================
   footer 
============================================================================= */

.inside-fotter{
    background:#404040;
}

.footer-list
{
float:right;	
list-style:none;
}

.footer-inside  li a
{
color:#FFF;	
margin:0px;
padding:0px;
}

.footer-inside   li
{ 
padding:10px 0 0 0;
text-align:right;
line-height:25px;
}

.footer-inside   li li
{ 
padding:0 0 0;
}

.footer-inside  li ul
{
margin:0px;
padding:0px;
}

.footer-inside  li   li a
{
color:#959595;	
}



.footer-inside  li 
{
list-style:none;
}

/* ==========================================================================
   footer 
============================================================================= */
.home-footer{
    margin-top: -110px;
    z-index: 999;
    position:relative;
}
.footer-nav{
    padding-bottom: 20px;
    margin-top: 50px;
    background: url(../images/footer-bg.png) center bottom no-repeat;
    float: right;

}
.footer-menu{
    padding: 0;
    margin: 0;
}
.footer-menu li{
    display: inline-block;
    margin-left: 20px;
}
.footer-menu li a{
    color: #505050;
    white-space: nowrap;
    
}
.footer-menu li a:hover,
.footer-menu li a:focus {
    text-decoration: underline;
    
}
.logo-footer{
    float: left;
    background: url(../images/logo-bg.png) center bottom no-repeat;
    padding-bottom: 10px;
}