/* GLOBAL STYLES
==================================================================*/
@font-face {
  font-family: 'HacenTunisia';
  src: url('HacenTunisia.eot?#iefix') format('embedded-opentype'),  url('HacenTunisia.woff') format('woff'), url('HacenTunisia.ttf')  format('truetype'), url('HacenTunisia.svg#HacenTunisia') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
	overflow-x: hidden;
	font-family: 'HacenTunisia', sans-serif;
}

h2 {
	margin: 110px 0 0;
}

h4 {
	color: #C0C0C0;
	margin: 0;
}

p {
	    margin: 0 0 1em;
    direction: rtl;
    font-size: 16px;
}

.colorw{color:#00BFFF;font-weight:bolder;}
.date{direction:rtl;}

a,
aside i,
button,
.navbar,
.models li a img {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}

a:hover {
	text-decoration: none;
}

blockquote {
	border: 0;
	color: #fff;
	font-size: 16px;
	font-style: italic;
	padding: 0 20px 20px;
}

blockquote small {
	font-size: 13px;
	font-style: normal;
	margin-top: 5px;
}

section,
footer {
	background: #181818;
	position: relative;
	z-index: 100;
	-webkit-transform: translate3d(0,0,0);
}

section {
	padding: 0 0 60px;
	overflow: hidden;
}

.clear {
	clear: both;
	display: table;
	height: 0;
	overflow: hidden;
	width: 100%;
}

.row {
	position: relative;
}

.divider {
	border-bottom: 1px solid #333;
	color: #C0C0C0;
	font-size: 30px;
	line-height: 1em;
	margin-bottom: 1.5em;
}

.divider i {
	position: relative;
	top: 0.5em;
}

.parallax {
	background-repeat: no-repeat;
	background-position: center center;
	height: 200%;
	left: 0;
	opacity: .25;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

/* TOP NAV
==================================================================*/

.navbar {
	background: #000;
	top: -100px;
}

.navbar-brand {
	height: auto;
	padding: 20px 15px;
}

.navbar-nav .active a {
	color: #807154;
}

.blog-nav {
	top: 0 !important;
}

/* BANNER
==================================================================*/

#banner {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

#bgvid {
	background: url(../images/cover.jpg) no-repeat;
	background-size: cover;
	bottom: 0;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	pointer-events: none;
	position: fixed;
	right: 0;
	width: auto;
	z-index: 1;
}

#cover {
	background: url(../images/cover.jpg) no-repeat;
	background-size: cover;
	bottom: 0;
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	right: 0;
	z-index: 1;
}

.tint {
	background: url(../images/texture.png);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#banner .tint {
	z-index: 100;
}

.welcome {
	color: #fff;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.welcome h1 {
	line-height: 1em;
	margin: 0;
}

.welcome span {
	display: block;
	font-size: 30px;
	line-height: 1em;
	margin: 0;
}

.welcome h3 {
	line-height: 1em;
	margin: 0;
}

.welcome a {
	letter-spacing: 10px;
	margin-top: 30px;
	padding: 10px 0px ;
}

.FB_UI_Dialog {
    min-width: 640px !important;
}

/* BUTTONS
==================================================================*/

.btn-default {
border: 1px solid #C0C0C0;
    padding: 0em 1.3em 0em 1.5em;
    font-size: 23px;
}
    .btn-default.btn-sm {
        font-size: 18px;
    }
.btn-default:hover,
.btn-default.active {
	border: 1px solid #fff;
}

.btn-primary {
	font-weight: bold;
	padding: 0.7em 1.5em;
}

/* voting
==================================================================*/
.orderbydev{direction:rtl;padding-right: 30px;}
#orderbymethod{    background-color: #000;
    padding: 5px 5px;
    border-radius: 5px;
    margin: 0 5px;}
.english{direction:ltr;text-align:left;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.english1{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
a, button { outline: none!important;} 

/* ABOUT US
==================================================================*/
#about .owl-carousel {
    margin: 30px 0;
}

#about .owl-carousel .item div {
	margin: 0 30px;
	position: relative;
}

#about .owl-carousel img {
	width: 100%;
}

#about .owl-carousel h5 {
	margin: 20px 0 0;
	text-transform: uppercase;
}

#about .owl-carousel .mask {
	left: 0;
	position: absolute;
	top: 0;
}

/* MODELS
==================================================================*/

.filter-menu {
	margin: 30px;
	padding: 0;
}

.filter-menu li {
	margin: 5px;
}

.models {
	list-style: none;
	margin: 0;
	padding: 0;
}

.models li {
	background: #807154;
	display: none;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	width: 16.3%;
}

.models li a {
	cursor: url(../images/cursor.gif), pointer;
}

.models li a img {
	width: 100%;
}

.models li a:hover img {
	opacity: 0.2;
}

.profile {
	list-style: none;
	margin: 0;
	padding: 0;
}

.profile li,
.gallery li {
	margin: 0 0 5px;
	padding: 0;
}

.profile strong {
	color: #fff;
	font-weight: normal;
}

#model .gallery {
	list-style: none;
}

#model .gallery li {
	background: #807154;
	float: left;
	margin: 0 3% 3% 0;
	width: 30%;
}

#model .gallery li a img {
	width: 100%;
}

#model .gallery li a:hover img {
	opacity: 0.2;
}

/* BLOG
==================================================================*/

#blog h3 {
	font-size: 125%;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0;
	text-transform: uppercase;
}

#blog .entry-meta {
	font-size: 125%;
	color: #00BFFF;
	margin-bottom: 1em;
}
.entry-meta2 {
    font-size: 150%;
    color: #00BFFF;
    margin-top: 1em;
    margin-bottom: .3em;
    text-align: right;
    direction: rtl;
}
.entry-content2{ text-align:justify;color: #fff;}

.entry-comments,
.entry-categories,
.entry-tags {
	border-left: 1px solid #333;
	margin-left: 10px;
	padding-left: 10px;
}

#blog .post-thumb {
	margin-bottom: 20px;
}

#blog aside h5 {
	color: #807154;
}

#blog aside ul,
#blog .paging {
	list-style: none;
	margin: 0;
	padding: 0;
}

#blog aside ul a {
	border-top: 1px solid #222;
	color: #888;
	display: block;
	padding: 10px 40px 10px 20px;
	position: relative;
	text-transform: uppercase;
}

#blog aside ul a:hover {
	color: #fff;
	background: #111;
}

#blog aside ul a i {
	right: 20px;
	position: absolute;
	top: 12px;
}

#blog aside ul a:hover i {
	right: 10px;
}

.entry-title {
	color: #fff;
	margin-top: 0;
	text-transform: uppercase;
}
.entry-title2 {
	font-size:125%;
	color: #fff;
	margin-top: 0;
	text-transform: uppercase;
	text-align:right;
}
h1.entry-title {
	font-size: 3em;
}

img.pull-left {
	margin: 5px 20px 0 0;
}

img.pull-right {
	margin: 5px 0 0 20px;
}

.comments {
	margin-top: 30px;
}

.media {
	border-top: 1px solid #333;
	margin-top: 30px !important;
	padding-top: 30px;
}

.media-heading small {
	color: #807154;
}

#blog form {
	margin-top: 30px;
}

/* PRICE TABLES
==================================================================*/

.prices .col-sm-4 {
	padding: 0;
}

.price-table {
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	list-style: none;
	margin: 40px 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.price-table.first,
.price-table.last {
	box-shadow: none;
	margin: 80px 0;
	z-index: 1;
}

.price-table.first {
	margin-left: 30px;
}

.price-table.last {
	margin-right: 30px;
}

.price-table li {
	border-bottom: 1px solid #ddd;
	padding: 10px 30px;
}

.price-table .price-title {
	background: #807154;
	border-bottom: 1px solid #73654b;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding: 20px 30px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	text-transform: uppercase;
}

.price-table.first .price-title,
.price-table.last .price-title {
	padding: 15px 30px;
}

.price-table .price-title span {
	color: #181818;
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.price-table .price-number {
	background: #77694e;
	border-top: 1px solid #8d7f65;
	color: #fff;
	font-size: 80px;
	line-height: 1em;
	padding: 30px;
	text-transform: uppercase;
}

.price-table.first .price-number,
.price-table.last .price-number {
	padding: 15px 30px;
}

.price-table .price-number span {
	display: block;
	font-size: 13px;
	line-height: 1em;
}

.price-table .price-button {
	padding: 30px;
}

.price-table.first .price-button,
.price-table.last .price-button {
	padding: 15px 30px;
}

/* CONTACT
==================================================================*/

#contact a {
	background: #807154;
	border-radius: 50%;
	display: inline-block;
	font-size: 30px;
	height: 70px;
	line-height: 70px;
	margin: 10px;
	width: 70px;
}

#contact a:hover {
	background: #fff;
	color: #807154;
}

#contact form .row {
	margin-bottom: 30px;
}

.form-control {
	height: auto;
	padding: 12px;
}

/* FOOTER
==================================================================*/
.Message{color: #F44336;width: 100%;text-align: center;margin: 2% 0;}
.Success{color: #0bf;font-size: 150%;}
footer {
	background: #191919;
	padding: 20px 0 0;
}

footer span {
	color: #fff;
	padding: 0 20px;
}

footer i {
	color: #000;
	/*margin-right: 3px;*/
}
/* islam
==================================================================*/
img{ max-width:100%; max-height:100%; border:none; outline:none;}
.animated-arrow {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}
.bounce-arrow {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.arrow-down {
    position: absolute;
    bottom: -75px;
    left: 50%;
    margin-left: -20px;
}
#contact{  background: #d3d3d3;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    width: 30px;}
	
	.speakers{ background-image:url(../images/speakers.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.who-we-are{ background-image:url(../images/who-we-are.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.upcoming-event{background-image:url(../images/upcoming-events.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center; min-height:600px;}
	.faq{background-image:url(../images/faq.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center center; min-height:600px;}

	.mission{ background-image:url(../images/mission.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.form{ background-image:url(../images/form.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.form22{ background-image:url(../images/form_bg.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.objectives{ background-image:url(../images/objecetives.jpg);background-size:cover;    padding: 0;
    min-height: 500px;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.objectives-contact{width: 90%;margin: 0 auto;max-width: 750px;}
	.speacker-box{width: 90%;margin: 0 auto;max-width: 750px;text-align: center;height: 250px;}
	.about2-box{width: 100%;margin: 0 auto;text-align: center;}
.about-box-image{ margin-bottom: 2%;}
	.whoweare-box{/*width: 90%;*/margin: 0 auto;max-width: 750px;text-align: center;height: 170px;}
	.speackers-icon{width: 90%;margin: 0 auto;max-width: 400px;text-align: center;}
	.speakers-icon-pic{ width: 15%;
    margin: 0 1%;}
	.speakers-icon-pic2{ width: 35%;
    margin: 0 1%;}
	ul.obj{font-size: 1.7em;direction: rtl; padding-bottom:7%;margin-bottom: 0;/* list-style:none;*/max-width: 648px;margin: 0 auto;}
	ul.obj li { margin:2% 0; text-align:right; font-size:18px; }
	.competition{ background-image:url(../images/competition.jpg); background-size:cover;background-repeat: no-repeat;background-attachment: fixed;
    background-position: center;}
	.title_copm    {text-align: center;
    margin: 12px 0;}
		ul.comp{font-size: 17px;direction: rtl; padding-bottom:7%;margin-bottom: 0;  /*  height: 220px;*/}
.title_copm2    {text-align: right;margin: 12px 0;direction: rtl;}
	.news_letter{ max-width:400px; margin:2% auto;color: #000; }
	.btn-theme{color: #000 !important;}
	.news_letter h2 {    margin: 10px 0;    font-size: 30px;}
	.mission-text{    font-size: 20px;max-width: 700px;margin: 0 auto;height: 120px;}
	.footer-image{ margin:0 2%;}
		.footer-image2{ margin: 2%;}

	.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: relative;
   
    width: 100%;
    height: 100%;
    border: 0;
}
.ytiframe{
background: url(../images/logo-space.png) center center no-repeat;animation: fadeinout 2s linear infinite;
}
#video{    height: 350px;

    max-width: 650px;}
	.owl-item{    max-width: 570px;float: right;width: 100%;}
.field-validation-error{color: #F44336;float: right;}
.calender{ width:100%; float:right; clear:both; margin-bottom:2%; border-bottom:solid 1px #3e3e3e; }
.home_logos {
    float:left !important;
}
.floatleft {
    float:left !important;
}
/* MOBILE STYLES
==================================================================*/

@media (max-width: 767px) {
    .FB_UI_Dialog {
        min-width: 470px !important;
    }
	h1 {
		font-size: 110px;
	}

	#bgvid {
		display: none;
	}

	#cover {
		display: block;
	}

	.welcome span,
	.welcome h3 {
		font-size: 20px;
	}

	.models li {
		width: 32%;
	}

	.prices .col-sm-4 {
		padding: 0 15px;
	}

	.price-table,
	.price-table.first,
	.price-table.last {
		margin: 15px 0;
	}

	.price-table .price-title,
	.price-table .price-number,
	.price-table .price-button {
		padding: 15px 30px;
	}

	#contact form {
		margin-bottom: 30px;
	}

	#contact form .col-md-6,
	#contact form .col-md-12 {
		margin-bottom: 10px;
	}

	#contact form .row {
		margin: 0;
	}

	footer span {
		display: block;
	}
.news_letter {
    max-width: 330px;
    margin: 2% auto;
    color: #000;
}
#blog form {
    margin-top: 30px;
    width: 90%;
    margin: 0 auto;
}
.floatleft {
    float: left !important;
    width: 25%;
}
}
@media only screen and (min-device-width : 500px) and (max-device-width : 820px) 
{
	.whoweare-box {
    
    /*float: none!important;*/
}
h2, .h2 {
    font-size: 37px!important;
}
}
@media (max-width: 420px) {
    .FB_UI_Dialog {
        min-width: 300px !important;
    }
	.news_letter {
    max-width: 300px;}
	.footer-image {
    margin: 6px 6%;
}
.home_logos{margin: 2% 24%;}
.speacker-box {
  
    height: 275px;
}
.btn-default {
    border: 1px solid #C0C0C0;
     padding:  2% 10%; 
}
#blog form {margin-top: 30px;width: 90%;margin: 0 auto;}
    .chechbtnschool { clear:both; }
	.floatleft {
    float: none!important;
    width: 100%;
    clear: both;
}
	#votebtn {clear: both;
    float: right;
    margin: 6% 0;}
	#facebookShareBtn{clear: both;
    display: block;}
	#orderbymethod {
    background-color: #000;
    padding: 5px 5px;
    border-radius: 5px;
    margin: 0 5px;
    color: #fff;
}
	}

.dropdown-menu button {
    background: none !important;
    text-align: right;
    color: #ffffff;
    border: none;
    font: inherit;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5384;
    color: #fff;
    cursor: pointer;
    /*border is optional
    border-bottom: 1px solid #444;*/
}
.dropdown-menu button:hover {
    color: #fff;
    background: #111;
}
.fileinput-button span img {cursor: pointer!important;}
.mypage {
    font-size: 21px;
    font-weight: 100;
    height: 35px;
}