/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

@import "droidarabicnaskh.css";
/*@import url('https://fonts.googleapis.com/css?family=Amiri');*/
/*@import url('https://fonts.googleapis.com/css?family=Amiri:400,400i,700,700i&subset=arabic');*/
@import url('https://fonts.googleapis.com/css?family=Amiri:700,700i&subset=arabic');

html,body {
    height: 100%;
	font-size:10px;
	font-family:  Arial,sans-serif,"Courrier New", Tahoma,   serif;cursive;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}



/* Moh added */



P,H1,h2,h3,h4,h5,div{
	
  
}

ul {
	list-style-position: outside;
	list-style-type: decimal;

}
/*li:before {content: "- " ;}*/

.well {
   background-color: rgba(45, 45, 45, 0.2);
}

P{
   font-size:14px;
}

li{
	font-size:13px;
}


h2{
	text-shadow: 2px 2px 4px #334 ;
	font-family:  Arial, sans-serif, Tahoma,serif;	
	font-size: 1.5em;
	font-style:italic;
	font-weight:bold;
}

h3 ,h4{
  color:#103060 !important;/*midnightblue*/
  /*color:#00FF00 !important;*/
  text-shadow: 2px 2px 4px #ddd ; /*#143045;*/
}

.vertical { 
   writing-mode: tb-rl; filter: flipH() flipV();
}

.box-shadow {
 box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.2), 3px 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn.shadow {
 text-shadow: 2px 2px 4px #445 ; /*#143045;*/
 box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.2), 3px 6px 20px 0 rgba(0, 0, 0, 0.19);
}

hor-gap-a {
 height:7px;
}


.panel-body.a {
	font-size:18px;
}

/* End / Moh added */

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 380px;/*60%*/
}

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;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}



footer {
    margin: 50px 0;
}

div {
    transition: all linear 0.5s;
}
.ng-hide {
  height: 0;
}
@keyframes myChange {
    from {
        height: 450px;
    } to {
        height: 0;
    }
}
div.ng-hide {
    animation: 1.5s myChange;
}

#main-news-feed-panel{
	background-color:#fff;/*#f5f5ff;#E9EBFF;*/
	box-shadow: 3px 2px 2px 0 rgba(0, 0, 0, 0.2), 3px 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#main-news-feed{
	height:1350px;
	background-color:#fff;/*#f5f5ff;*/
}

#details-news-feed{
	height:230px;
	background-color:#fff;/*#f5f5ff;*/
}

.visible-mobile{
	display:none;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

/*@media(max-width:767px) {*/

/*  IPAD Portrait  */
/*@media(max-width:1020px) {
 	A{
		font-size:1.8em;
	}
	.page-header{
		font-size:1.7em;
	}

}*/
@media(max-width:567px) {
	h2{
		font-family:  Arial, sans-serif, Tahoma,serif;	
		font-size: 14px;
		font-style:italic;
		font-weight:bold;
	}
	
	 #main-header{
	  display:none;
	 }
	 
	 #main-news-feed{
	    height:400px;
	 }
 
	#details-news-feed{
		height:400px;
		background-color:#fff;/*#f5f5ff;*/
	} 	
	.visible-desktop{
	 display:none;
	}
	.visible-mobile{
		display:block;
	} 
 /*	A{
		font-size:1.4em;
	}*/

	.page-header{
		font-size:1.7em;
	}
 
	 header.carousel {
		height: 220px;
	}
   
    header.carousel .carousel {
        height: 50%;
    }	
	.img-portfolio {
        margin-bottom: 15px;
    }


}