﻿@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
html,
body {
    height: 100%;
    color:#494949;
    font-family:Tahoma;
    font-size:15px;
}

#logo 
{
    
    position: absolute;
    top: -3px;
    width:269px;
    height:104px;
    left: 103px;   
    text-indent:-9999px;
    display:block;
    overflow: hidden;    
    z-index:9999;
   /* -webkit-box-shadow: 0px 0px 19px 5px rgba(77,77,77,1);
    -moz-box-shadow: 0px 0px 19px 5px rgba(77,77,77,1);
    box-shadow: 0px 0px 19px 5px rgba(77,77,77,1);*/
    background:url('../images/logo.png') no-repeat center center #FFFFFF ;
    
}     


ul
{
	padding-left: 0px !important;
}


.navbar
 
{
    border-radius: 0px !important;

} 
 
.navbar-fixed-top {
    position: absolute !important;
    left: 0;
    top: 0px;
    left: 0;
    z-index: 1030;

}

.navbar-inverse {
    background-color:#ffffff !important;
   border-bottom:0px #ffffff solid !important; 
}

.navbar {
    position: relative !important;
    min-height: 100px !important;
    margin-bottom: 0px !important;
    border: 1px solid transparent !important;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */
header.carousel 
{
    height:60%;
}


.camera-text {
    height:auto;
    width: 100%;
    color: #d1d1d1;
    font-size: 14px;
    top:0px;
    position:absolute;
}


.bg01 {
    background: rgba(237, 237, 237, 0.7);
    color: #937f81;
}
.camera-text .camera-text_inner {
    padding: 30px 30px 0 30px;
    min-height: 900px
}
.camera-text .camera-text_inner h2 {
    font-family:"Open Sans";
    font-size:22px !important;
	color:#044c7f !important;
	margin-bottom:20px;
	text-align:center !important;
	height:100px;
	overflow:hidden;

    
}


.camera-text .camera-text_inner p {
    font-family:tahoma;
    font-size:18px !important;
	color:#555555!important;
	text-align:center !important;height:130px;
	overflow:hidden;
   
}


header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner 
{
    height: 100%;
}

header.carousel .fill 
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}



/* content Styles */


.title-page
{
    padding-bottom: 9px;
    color:#b81f2c;
     font-size:25px;
     text-align:center;
     text-transform:uppercase;
     font-family:"Open Sans";

}

.center
{
	text-align:justify ;
	font-size:15px;
}

.quote
{
	background:url('../images/quote.png') no-repeat center center;
	 height:200px;
}


.bg
{
	background-color:#d0d0d0;
	padding: 0px 0 20px 0;
	
}

.images-categories {
    display: block;
    max-width: 100%;
    height: 230px !important;
	
}
.title
{
    padding-bottom: 9px;
    color:#b81f2c;
     font-size:25px;
     text-transform:capitalize;     
     font-family:"Open Sans";

}


.title-inner
{
    padding-bottom: 0px;
    color:#b81f2c;
     font-size:30px;
     text-transform:capitalize;
     font-family:"Open Sans";
}



p{
	text-align:justify ;
}
.border
{
	border-bottom:1px #ffffff solid;	border-top:1px #e0e0e0 solid; margin-bottom:5px;

}



.more
{
    color:#b81f2c; text-transform:uppercase; text-decoration:none;
}

.more a:link
{
    color:#b81f2c; text-transform:uppercase;text-decoration:none

}

.more a:visited
{
    color:#b81f2c; text-transform:uppercase;text-decoration:none

}

.more a:hover
{
    color:#3b3a6d; text-transform:uppercase;text-decoration:none !important

}


.bg2 {
 
/* padding-bottom:30px;
 padding-top:30px;*/
 
}


/*==================      Box      ======================*/

.box-img {
  border: 12px solid #edecec;
}
.box-img img {
  width: 100%;
  height: auto;
}
.date {
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
}
.box03:before,
.box03:after {
  content: " ";
  display: table;
}
.box03:after {
  clear: both;
}
.box03_aside {
  float: right;
  margin-left: 15px;
}
@media (max-width: 1199px) {
  .box03_aside {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.box03_aside .fa {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 8px solid #edecec;
  text-align: center;
  line-height: 65px;
  font-size: 36px;
  color: #b81f2c;
}
.box03_cnt__no-flow {
  overflow: hidden;
}
.box03_cnt__no-flow.middle {
  vertical-align: middle;
  display: table-cell;
}
@media (max-width: 1199px) {
  .box03_cnt__no-flow.middle {
    display: block;
    text-align: center;
  }
}
.box03_cnt__no-flow p {
  font-size: 14px;
  line-height: 18px;
}
.box03 .contact-text {
  color: #b81f2c;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
}
.box03 a.contact-text:hover {
  color: #3b3a6d;
}
.box04 {
  margin-bottom: 3px;
}
.box04:before,
.box04:after {
  content: " ";
  display: table;
}
.box04:after {
  clear: both;
}
.box04_aside {
  float: right;
  margin-left: 25px;
}
@media (max-width: 479px) {
  .box04_aside {
    float: none;
    margin-bottom: 20px;
  }
}
.box04_cnt__no-flow {
  overflow: hidden;
}
.box04_cnt__no-flow h5 {
  margin-top: -5px;
  margin-bottom: 5px;
}
.circle {
  border-radius: 50%;
  border: 8px solid #edecec;
  float: right;
}
@media (max-width: 767px) {
  .circle {
    float: none;
  }
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  background: #d0d0d0;
  text-align: center;
/*  padding-top: 20px;
  padding-bottom: 5px;*/
}
.social-list2 {
  margin-bottom: 15px;
}
.social-list2 li {
  display: inline-block;
  margin: 0 15px;
}
@media (max-width: 479px) {
  .social-list2 li {
    margin: 0 5px;
  }
}
.social-list2 li a {
  display: block;
  color: #fff;
}
.social-list2 li a:hover {
  color: #d75070;
}
.social-list2 li a .fa {
  font-size: 30px;
  line-height: 30px;
}
.copy {
 text-transform:capitalize;
    font-size: 12px;
    line-height: 36px;
    text-align: right;
    color: #444444;
    margin: 0px 0 0 0;
}
.copy-power {
 text-transform:capitalize;
    font-size: 12px;
    line-height: 36px;
    text-align:center;
    color: #7a7a7a;
    padding: 0px 0 0 0;
    margin:0px;
    background-color:#c5c4c4;

}


.copy a:link{
  color: #d3d3d3;
}
.copy a:visited{
  color: #d3d3d3;
}

.copy a:hover {
  color: #d75070;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

   
}



.bottom
{
	margin-bottom:20px;
}




.image-inner
{
	width:auto; 
	max-width:500px;
	height:auto;
	float:right;
	padding-left:20px;
	padding-bottom:10px
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    font-size:20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}



label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #ffffff;

}

.welcome-content{
    background: url(../images/quote.png) no-repeat right;
}

.welcome-content .cell_pad {
    background: url(../images/quote.png) no-repeat left;
    margin: 0;
    padding: 0 12%;
}


.big-text
{
	 text-transform:capitalize;
}



h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.captiontop
{
position:relative;
 width:100%;
    height:100%;
}

.caption111
{

position:relative;
/*background-color: rgba(41, 41, 41, 0.43);*/
background-color:#044c7f;
font-family:"Open Sans";
color:#fff;
text-align:center !important;
/*width:75%;*/

   


}

.vistoru
{
   height: 140px !important;
}
.vcount
{
    padding-top:24px;
        padding-bottom: 30px;
    
    }
    
    .socialm
{
   height: 100%;
   border-top:1px solid #0a65a5 !important;
}

 .widget-counter{

}
.widget-counter ul{

list-style: none !important;
margin: 0 10px 0 10px;
}


.widget-counter.col1 li{}
	.widget-counter.col2 li, .widget-counter.col4 li{width: 153px;border-width:0 0 1px 0 !important;}
	.widget-counter.col2 li:nth-child(2n+2) , .widget-counter.col4 li:nth-child(2n+2){border-right:1px solid #DDD !important;}
	.widget-counter li{
	 line-height: 30px;
    /* float: left; */
    height: 80px;    
    width: 100%;
    display: inline-block;
	
	}
	.widget-counter li:nth-child(3n-1) {}
		.widget-counter li a{display:block;text-align:center;}
		.widget-counter li a strong{
				font-size: 28px;
			margin: 18px auto;
			color: #FFF;
			display: block;
			float:left;
			text-align: center;
		
		}
		.widget-counter li a strong:before{height: 50px;width: 50px;font-size: 26px;line-height: 50px;;}
		.widget-counter li a:hover strong{opacity:1;}
		.widget-counter li:hover{	background-color:#0a65a5;}
		.widget-counter li:hover a{text-decoration: none;}
		.widget-counter li.rss-subscribers a:hover strong{ background: #f8bc2e; }
		.rss-subscribers span{font-family: BebasNeueRegular,arial,Georgia, serif;font-size: 14pt;display: inline-block;}
		.widget-counter li.facebook-fans a:hover strong {}
		.widget-counter li.twitter-followers a:hover strong{ }
		.widget-counter li.youtube-subs a:hover strong{ }
		.widget-counter li.vimeo-subs a:hover strong{  }
		.widget-counter li.dribbble-followers a:hover strong{ background: #d875a2;}
		.widget-counter li.soundcloud-followers a:hover strong{ background: #F76700;}
		.widget-counter li.behance-followers a:hover strong{ background: #1769ff;}
		.widget-counter li.instagram-followers a:hover strong{ background: #517fa4;}
		.widget-counter li span{display:block;font-size:21px;color: #FFF; padding-top:15px;}
		.widget-counter li a small{color: #FFF;}
			







 .show911
{
    position:relative;
   height: 270px !important;
   bottom:-42px;
      
}

.images-show911 
{
    position:absolute;
    display: block;
    max-width: 100%;
    height: 270px !important;
     width: 100%;
}
.FTg
{
    margin-top:14px;
    }
    
    .title_about
{
   height: 67px !important;
       padding-top: 15px;
    font-size: 18pt;
       background-color:#0a65a5 !important;
}

  .text_about
{
      height: 100% !important;
      padding-top: 15px;
      font-size:15px;
	  text-align:justify;
	  padding-right:5%;
	  padding-left:5%;
      overflow:hidden;      
      font-family:Tahoma;

	
}


.about_btn
{
     height: 90px !important;
     line-height:90px;
}
.about_btn_danger{
color: #fff;
    background-color: #cc171e;
    border-color: #cc171e;
}



.part
{
    text-align:center;
    margin-top:25px;
}
.part li
{ display:inline-block;
 }



.part-a
{
        margin: 0px 20px 0px 20px;
}




 .icons-Search

{
      /*width: 100%;
    height: 50px;
    float: none;
    text-align: left;
    margin: 0px 0px 0px 0px;
    position: relative;*/
      margin: 10px 0px 0px 0px;
    position: relative;
}
     

.inline-list 
{
  margin-top: 0px;
  text-align:right;
}


.inline-list li 
{
    display: inline-block;
    font-size: 18px;
     margin-left:10px;
    color: #404b52 !important;
	
}

.inline-list li a
{
    color: #044C7F!important;
    text-decoration:none;
	
}
.inline-list li a:hover
{
    color: #cc171e!important;
    text-decoration:none;
	
}



.icons-Search .Search

{
    width:100%;
    bottom:11pt;
    height: 30px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   
    border: 1px solid #b9b9b9;
    background-color:#eaeaea;
    z-index: 1000;
     
}



 .icons-Search .Search input.search_text

{
    font-family: Tahoma;
    padding: 0px 10px 0px 10px;
    margin: 0px 0 0 0px;
    direction: ltr;
    width:80%;
    height: 30px;
    background: none;
    font-size: 11pt;
    color: #B2B2B2;
    text-align: left;
    vertical-align: top;
    position: relative;
    outline: none;
    
    vertical-align: top;
    border: none;
     
}
.icons-Search .Search input.search_button

{
    font-family: Tahoma;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 0pt;
    width: 25px;
    height: 15px;
    text-align: center;
    background: url(../images/search_button.jpg) no-repeat;
    /*background-position: center -4px;*/
    margin: 7px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    float: right;
    display: block;
     
}
.padding{
    padding-right:0px;
    padding-left:0px;
}

.logotop{
   width: 100%;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    background-color: #DFDFDF;
}

.vediopadding{
    margin-top: 10px;
}

.paddingv1{
    padding-right:10px;
    padding-left:0px;
}
.paddingv2{
    padding-right:0px;
    padding-left:10px;
}
/*facebook*/
/*._2p3a{
    width:100% !important;
}
.uiScaledImageContainer _2zfr{
     width:100% !important;
}*/
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}



.text-center
{
	color:#b81f2c;
	font-size:20px;
}



.lang 
{
	text-align:right;
	
}

.lang a
{
    color:#4a3d35;
	margin-left:20px;
	
}


.lang a:hover
{
	color:#044C7F;
}


.career-text
{
	color:#044C7F;

}

.btn-danger {
    color: #fff;
    background-color: #cc171e;
    border-color: #cc171e;
}
.btn {
    display: inline-block;
    padding: 8px 35px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.img-responsive
{
	margin-top:0px;
}

.logos
{
	height:100px !important;
}


@media (min-width: 480px) {
.carousel-control {
        padding-top:5%;
        width:5%;
        font-size: 30px;
        color:black;
        background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}   

@media (min-width: 768px) {
.carousel-control {
       padding-top:5%;
    width:5%;
        font-size: 30px;
        color:black;
        background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}    
}

@media (min-width: 992px) {
    .carousel-control {
     padding-top:5%;
    width:5%;
        font-size: 30px;
        color:black;
        background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}
}

@media (min-width: 1200px) { 
    .carousel-control {
    padding-top:2%;
    width:5%;
        font-size: 30px;
        color:black;
        background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
}
}



.date-news {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align:left;
}




