@font-face {
	font-family:'Conv_Hacen Tunisia Lt_1';
	src:url('f../fonts/Hacen Tunisia Lt_1.eot');
	src:local('☺'), url('../fonts/Hacen Tunisia Lt_1.woff') format('woff'), url('../fonts/Hacen Tunisia Lt_1.ttf') format('truetype'), url('../fonts/Hacen Tunisia Lt_1.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Conv_AvantGardeBookBT';
	src:url('../fonts/AvantGardeBookBT.eot');
	src:local('☺'), url('../fonts/AvantGardeBookBT.woff') format('woff'), url('../fonts/AvantGardeBookBT.ttf') format('truetype'), url('../fonts/AvantGardeBookBT.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
/*==================================================*/

/* TABLE OF CONTENTS
1.Overwrite The Basic Bootstrap
2. Header
    -login and rejester popups
3.Menu
4.Search-section
5.Newest ads section
6.Items Section
7.Footer
*/
/*========================= Overwrite The Basic Bootstrap =======================*/
/*Important For Arabic*/
.dropdown-menu{text-align:right;}
.navbar-toggle{float:right;}
.navbar-nav > li > a{text-align:right;}
.navbar-nav{float:right;}
@media (min-width:768px){.navbar-nav > li{float:right;max-height:50px;}}
/*Style*/
h1,h2 ,h3 ,h4 ,h5 ,h6,a{color:#f77b21}
h1{font-size:25px;}
h2{font-size:19px;}
h3{font-size:15px;}
a{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;text-align-last:none;cursor:pointer;outline:0;text-decoration:none !important;}
a:hover, a:focus{color:#3c88c8;}
button{outline:0;cursor:pointer}
li{list-style:none}
.row{margin-right:0;margin-left:0;}
.navbar-default{border:none;background:#ffffff;border-radius:0;padding-top:5px;margin:0px;}
.navbar-default .navbar-nav > li > a{color:#fff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #f77b21;background-color: transparent;}
.navbar-default .navbar-nav > li > a > img{border-radius:20px;width:20px;height:20px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#fff;margin:0px;background-color:transparent;}
.navbar-default .navbar-toggle{border-color:none;background:#fff;z-index:10;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#f77b21}
@media (min-width:768px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{float:right;}
}
@media (min-width:992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:right;}
}
@media (min-width:1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:right;}
}

@media (max-width:768x){
.navbar-default{float:none;margin:0px 0 0 0;background:#3b82de;border:none;}
.navbar-default .navbar-nav{float:none;}
.navbar-default .navbar-nav > li > a{color:#fff;font-weight:bold;display:block}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
}
body{color:#767576;font-size:13px;margin:0;padding:0;font-family:'Conv_Hacen Tunisia Lt_1';background-color:#fff;direction:rtl;outline:0;overflow-x:hidden;}
.min-height{min-height:500px;}
/***************start top-header****************************************/
#top-header{background:#f77b21;min-height: 20px;padding:10px;}
#social-media{padding:20px;position:absolute;z-index:100;width:100%;margin-top:10px;height:100px;}
.social-media-icons{float: left;}
.social-media-icons ul{margin:0;list-style:none;padding:0;}
.social-media-icons ul li{display:inline-block;padding:2px;}
.social-media-icons a{text-align:center;border-radius:50%;background-color:#fff;color:transparent; padding:13px;width:19px;display:inline-block;vertical-align:middle;position:relative;}
.social-media-icons a:hover{background:#f77b21;}
.social-media-icons i{color:rgba(0, 0, 0, .5);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:13px;}
.contact-shortcut{float:left;}
.contact-shortcut i{padding:5px 6px 0px 0px;background:#3c88c8;width:25px;height:25px;border-radius:50%;margin-right:15px;font-size:16px;font-weight:bold;color:#36315f;}
.contact-shortcut p{font-size:13px;color:#3c88c8;font-family:'Conv_AvantGardeBookBT';}
/***************End top-header****************************************/
/***************Start header****************************************/
#header{padding-bottom:30px;position: absolute;z-index: 100;width: 100%;margin-top:75px;height: 100px;}
#header2{padding-bottom:30px;position: relative;z-index: 100;width: 100%;margin-top:5px;height: 190px;}
.menu nav{background:rgba(64, 64, 65, 0.69)}
.menu{margin-left:-15px;margin-right:-15px;}
.main-logo{text-align:center}
.main-logo img{max-width:200px;max-height:130px;height:auto;margin:5px 10px;}
ul.nav.navbar-nav.navbar-right li{font-size:15px;cursor:pointer;}
ul.nav.navbar-nav.navbar-right li:hover{/*background:#3c88c8;*/color:#333;}
ul.dropdown-content li{min-height:20px !important;padding: 0px;}
li.dropdown {z-index: 91;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:transparent;border-color: transparent;}
/***************End header****************************************/
/*********************start dropdown-menu and sup-dropdown menu*********************/
.navbar-nav > li > .dropdown-menu{background:rgba(64, 64, 65, 0.69);color:#fff}
.dropdown-menu > li > a{color:#fff}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #fff;text-decoration: none;background-color: #f77b21;outline: 0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-6px;margin-left:-1px;border-radius:6px 0 6px 6px;background:rgba(64, 64, 65, 0.69)}
/*.dropdown-submenu:hover>.dropdown-menu {display:block;}*/
/*********************End dropdown-menu and sup-dropdown menu*********************/
/*********************End dropdown-menu and sup-dropdown menu*********************/
#welcome{text-align:center;padding-bottom:35px;border-bottom:2px solid #cccccb;}
.hedline h1{text-align:center;font-size:30px;padding-bottom:15px;}
.hedline h1:before{content: "__";color:#cccccb;padding-left:15px;}
.hedline h1:after{content: "__";color:#cccccb;padding-right:15px;}
.hedline p{font-size:15px;text-align:justify;}
button.more{background:#f77b21;border: navajowhite;width: 100px;height:26px;padding: 4px;color: #fff;border-radius:5px;}
button.more:hover{background:#404041;}
/*********************End dropdown-menu and sup-dropdown menu*********************/
/*********************Start Courses section*********************/
#courses{text-align:center;padding-bottom:55px;border-bottom:2px solid #cccccb;}
#courses .owl-carousel img {width:270px;height:270px;position:relative;margin:auto;top:0;left:0;right:0;bottom:0;border-radius:50%;background-position:-1px;background:#fff;border:3px solid #f77b21}
.owl-next ,.owl-prev{color:#f77b21;font-size:25px;}
.owl-prev{float:left;}
.owl-next{float:right;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{opacity:1 !important;}
#courses .owl-carousel p {text-align: center;direction: rtl;width: 311px;padding: 5px;margin-left: 25px;margin-top: 15px;}
/*********************End Courses section*********************/
/*********************End Courses section*********************/
#news{padding-bottom: 45px;}
#news img {width:314px;height:231px;position:relative;margin:auto;top:0;left:0;right:0;bottom:0;border-radius:5px;background-position:-1px;background:#fff;border:2px solid #f77b21;}
.news-1{border-bottom:2px solid #ddd;padding-bottom:10px;padding-top:10px;}
.news-2{padding-top: 15px;padding-bottom: 15px;}
/*********************End Courses section*********************/
#footer{background:#404041;padding-bottom: 15px;border-top:4px solid #f77b21}
#footer h1{text-align:center;font-size: 40px;margin-top: 35px;padding-bottom: 30px;color:#fff}
.footer-social-media-icons ul{margin:0;list-style:none;padding:0;margin-right: 55px;}
.footer-social-media-icons ul li{display:inline-block;padding:2px;}
.footer-social-media-icons a{text-align:center;border-radius:50%;background-color:#fff;color:transparent; padding:11px;width:19px;display:inline-block;vertical-align:middle;position:relative;}
.footer-social-media-icons a:hover{background:#f77b21;}
.footer-social-media-icons i{color:rgba(0, 0, 0, .5);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:13px;}
.email p ,.phone-no p{font-size: 18px;color:#a7a6a6}
.email p i, .phone-no p i{padding-left: 15px;color:#f77b21}
.codeincode{text-align: center;border-top: 2px solid;margin-top: 25px;padding-top: 25px;}
.codeincode img{width:100px}
/****************************************************************/
.dropdown-menu > li.main-link > a{padding-right:6px;color:#fff;font-size:15px;font-weight:bold}
.caret{margin-right:8px;margin-top:2px;color:#fff;}
ul.dropdown-menu li{padding:2px 0px 2px 0px;color:#fff!important;text-align:right}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#fff;background-color:transparent;}
.dropdown-submenu>.dropdown-menu {top:0 !important;right:100% !important;margin-top:-6px;margin-right:-1px;border-radius:6px 0 6px 6px;}
.dropdown-submenu > a:after{content: " ";display: block;float:left;height: 0;margin-right:-10px;
margin-top:5px;width:0;}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover{text-decoration:none;}
@media (max-width:767px){
.navbar-nav{display:inline;}
.navbar-default .navbar-toggle .icon-bar{background-color:#f77b21}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#f77b21;}
.dropdown-menu{padding-right:10px}
ul.dropdown-menu li a{color:#fff;font-size:11px}
}
@media (min-width:768px) {
/*ul.nav li:hover > ul.dropdown-menu{display:block;}*/
#navbar{text-align:center;}
}
/***********************************************************************************/