@font-face {
    font-family: 'GESSTwoBold-Bold';
    src: url('../fonts/GESSTwoBold-Bold.eot');
    src: url('../fonts/GESSTwoBold-Bold.otf') format('truetype'), url('../fonts/GESSTwoBold-Bold.woff') format('woff'), url('../fonts/GESSTwoBold-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GESSTwoBold-Bold.svg#QuadrantaBold') format('svg');
    -webkit-font-smoothing: antialiased;
}


@font-face {
    font-family: 'GESSTwoMedium-Medium';
    src: url('../fonts/GESSTwoMedium-Medium.eot');
    src: url('../fonts/GESSTwoMedium-Medium.otf') format('truetype'), url('../fonts/GESSTwoMedium-Medium.woff') format('woff'), url('../fonts/GESSTwoBold-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GESSTwoMedium-Medium.svg#QuadrantaBold') format('svg');
    -webkit-font-smoothing: antialiased;
}



a{
	color: #323232;
	font-family: GESSTwoMedium-Medium;	
}


a:hover{
	color: #019795;
	text-decoration: none;
	
}


	
.pagination {
    padding-right: 0;
}
	
.pagination > li > a, .pagination > li > span {
 float:right !important ;
}




body{
font-family: GESSTwoBold-Bold;
direction: rtl;
background: #019795;
}




.sizee
{
    font-size: 25px;
}





.container{
	background-color: white;
	box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.45);
	
}



.divstyle{
	background: #ebeaea;
	padding: 12px;
	margin-bottom: 15px;
	
}


.line {
 height: 7px;
	background-color: #019795;
	border-right: 30px solid #005f5e;
	margin-bottom: 15px;
}


.line2 {
 height: 3px;
	background-color: #019795;
	border-right: 30px solid #005f5e;
	margin-bottom: 5px;
}






.divstyle h1{
	padding: 4px !important;
	margin: 0 !important;
	font-size: 20px;
	color: #005f5e;
	padding-top: 20px;
}

.error{
color: red;
}


.navbar-default{
	
	background-color: #005f5e;
direction: rtl;
border: 0px;


}

.mynav li{
 float: right;
	font-size: 16px;
	font-family: Hacen Tunisia ;
	font-weight: bold;
	color:#FFF;
	
	
}


.footerd{
	background: #005f5e;
}



.thumbnail .caption{
	padding: 4px !important;
}


.caption p{
	font-size: 12px !important;
	margin-bottom: 0px;
	color: #323232;
}


.caption h3{
margin-top: 4px;
margin-bottom: 10px;
color: #019795;
font-size: 18px;

}



.thumbnail {

margin-bottom: 4px;	
background-color:transparent;
border: 0px solid #d7d7d7;
height: 150px;

}



.thumbnail1 {

margin-bottom: 4px;	
background-color:transparent;
border: 0px solid #d7d7d7;
height: 200px;


}




.subtext{
margin-top: 4px;
background: white;
font-size: 12px;
padding: 4px;
height: 75px;
}


.subtext1{
margin-top: 4px;
background: white;
font-size: 12px;
padding: 4px;
height: 105px;
}


	
	.myhover img {
	
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.myhover:hover img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}

a.myhover{

 vertical-align: top;


}




.myhover1 a {


}
.myhover1:hover a {
 color: #019795;
}

 

				
.bokks img{
   margin: 2px;
   width: 70px;
   height: auto;
}


.stlybg li:nth-child(odd) {
	background-color: #d7d7d7;
}


.stlybg {
list-style: none;
margin-right: -12px;
margin-left: -12px;
padding: 0px;

}

.stlybg li{
 font-size: 13px;
padding:8px;

padding-right: 12px;
padding-left: 12px;

}






.footerd h3{
	font-size: 15px;
	color: white;
	padding: 10px;
	padding-bottom: 25px;
}



.navbar-default{
	background-color:#005f5e;
	border-radius: 0px;
	

	font-weight: bold;
	color:#FFF;

	
	
}


	
.navbar-nav{
	padding-right: 0px !important;

}

.navbar-nav > li
{
float: right;

}


.navbar-default .navbar-nav > li > a {
	color:#FFF;
	 font-size: 16px;


}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	 background: #019795 !important;
	 color: white;

}




.navbar-default .navbar-nav > li > a:hover {
	color:#019795;	
}

.navbar-default .navbar-nav > li:last-child {
 	
	border-left: none;		
}
   

.dropdown-menu{
	border-radius: 0px;
	background-color: #ebeaea;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
   
   
 .carousel-inner h2{
    text-align: center;
    font-size: 16px;
    padding-left: 50px;
    padding-right:50px;
   }
   
   
  .mycarousel{
   	height: 150px;
   }
   
   
.carousel-indicators {
bottom: 0px;
padding-right: 0px;

}

.carousel-control.left
{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
}

.carousel-control.right
{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 0%);
}



.pgwSlider .ps-current{
	float: right !important;
	width: 50%;
}


ul.pgwSlider, .pgwSlider ul{
float: left;
	width: 49%;
}

ul.pgwSlider>li span, .pgwSlider>.ps-list>li span
{
	

		width: 80%;
		top: 0;
		font-size: 15px;
			padding:4px;
				background-color: #d7d7d7;
				color: #005f5e;
			
}


ul.pgwSlider>li img, .pgwSlider>ul>li img
{
	width: 18%;
	height: auto;
	float: left;
	padding: 6px;
	
}

.ps-list li{
	background-color: #d7d7d7;
	margin-bottom: 2px;
}



.icons {

	padding-top: 4px;
	padding-bottom: 4px;


}



.icons span{

	padding: 6px;
	color: white;
   text-align: center;
   background-color: #019795;
  }

.icons span:hover{
	color: #a7a7a7;

}


.icons a:nth-child(2) span {
    background: #ffd700;
}

.icons a:nth-child(3) span {
    background: #3cb371;
}

.icons a:nth-child(4) span {
    background: orange;
}

.icons a:nth-child(5) span {
    background: #ff6347;
}


.icons a:nth-child(6) span {
    background: #da70d6;
}

.icons a:nth-child(7) span {
    background: #9acd32;
}




/*
.nav li  {
	position: relative;
	overflow: hidden;
}

.nav li:after {
	display: block;
	position: absolute;
	left: -90px;
	width: 100px;
	height: 100px;
	background: #005f5e;
	content: " ";
	z-index: 99;
	top: -30px;
	transform: rotate(15deg);
}

*/


.img-thumbnail{
	border-radius: 0px;
}

.page-header{
	text-align: right;
padding-bottom: 0px ;
margin: 0px 0 0px ;
border-bottom: 0px solid #ebeaea ;

}


.page-header h1{
margin-top: 10px;
font-size: 20px !important;
color: #005f5e;
} 


.page-header span{

padding-right: 10px;
font-size: 20px !important;
color: #019795;
} 


.pgwSlider .ps-current{
	font-size: 13px;
}

	.textcus{
		font-family: GESSTwoMedium-Medium;
		line-height: 22px;
		font-size: 14px;
		text-align: justify;
	}
	
	


@media (max-width: 768px) {
	
.thumbnail {
 height: auto;

}

.navbar-nav > li
{
float: right;
width: 100%;
}

.icons {

text-align: center;
}


.page-header{
	text-align: center;
}

.footerd h3 {

padding-bottom: 5px;
text-align: center;
}

	
	
}	

	
	.catlink {
		
		padding: 4px !important;
	margin: 0 !important;
	font-size: 20px;
	color: #005f5e;
	padding-top: 20px;
	
	}

.admincomment{
background: #fbfbfb;
}



.name{
	color: #019795;
}

.table2{
	background: #f5f5f5;
	padding: 10px;
	
}

ul.pgwSlider > li span, .pgwSlider > .ps-list > li span {
white-space: normal;
}

