@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:#041366}
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}
.min-height{min-height:500px;}
.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:#ea1b25}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #041366;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:#041366;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:#041366;}
@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';direction:rtl;outline:0;overflow-x:hidden;border-top:15px solid #de1f0d;}
/***************start top-header****************************************/
#top-header{background:#ffffff;min-height:40px;padding:10px;border-top:6px solid #22609b;}
.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:#ea1b25;color:#fff; padding:10px;width:19px;display:inline-block;vertical-align:middle;position:relative;}
.social-media-icons a:hover{background:#d3161d;}
.social-media-icons i{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:11px;}
/***************End top-header****************************************/
/***************Start header****************************************/
#header{padding:10px;}
#header2{border-bottom:3px solid #041366;padding:10px;}
.menu nav{background:#ffffff}
.menu{margin-left:-15px;}  
.main-logo {text-align:left}
.main-logo img{max-width:200px;height:auto;max-height:80px;margin:5px}
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****************************************/
/***************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: #041366;outline: 0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 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*********************/
.headline{margin-bottom:25px;}
.headline h2{display:flex;align-items:baseline;color:#000;font-size:25px;font-weight:bold;}
.headline h2:after {display:flex;flex:1 1 auto;content:"";border-top:3px solid #ea1b25;margin-right:18px;}
#welcome{text-align:center;padding-bottom:35px;}
#welcome h1{text-align:center;font-size: 40px;}
#welcome p{font-size:18px;text-align:justify;}
button.more{background:#041366;border: navajowhite;width: 100px;height:26px;padding: 4px;color: #fff;border-radius:5px;}
button.more:hover{background:#ea1b25;color: #fff;}
/*********************End dropdown-menu and sup-dropdown menu*********************/
/*********************Start Courses section*********************/
#courses{text-align:center;padding-bottom:5px;border-bottom:2px solid #ddd;background: #22609b;}
#courses h1{text-align:center;font-size: 40px;padding-bottom: 5px;}
#courses .item{background: #f0f0f1;width:270px;padding-bottom: 5px;position:relative;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#courses .item:hover{background:#ddd;color:#041366}
#courses .owl-carousel img {width:270px;height:270px;position:relative;margin:auto;top:0;left:0;right:0;bottom:0;background-position:-1px;background:#fff;}
#courses .owl-next ,.owl-prev{color:#fff;font-size:25px;}
#courses .owl-prev{float:left;padding-left: 5px;}
#courses .owl-next{float:right;padding-right:5px;}
#courses .owl-controls .owl-page, .owl-controls .owl-buttons div{opacity:1 !important;}
#courses .owl-carousel p {text-align: center;direction:rtl;padding: 5px;margin-top: 15px;color:#404041}
#courses .owl-carousel{margin-top:45px;}
#courses .owl-controls .owl-page, .owl-controls .owl-buttons div{position:relative;color:#fff;top:-202px;z-index:99}
/*********************End Courses section*********************/
/*********************End Courses section*********************/
#news{padding-bottom: 45px;}
.news-1 img {width:213px;height:191px;position:relative;margin:auto;top:0;left:0;right:0;bottom:0;border:3px solid #ddd}
#news h1{text-align:center;font-size: 40px;padding-bottom: 15px;color:#041366}
.news-1{padding-bottom: 15px;}
.headline img{position: relative;top: 12px;margin-left: 15px;}
/*********************End Courses section*********************/
#footer{background:#000;padding-bottom: 15px;border-top:4px solid #ea1b25}
#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:#fff;}
.footer-social-media-icons i{color:#041366;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:#ea1b25}
.codeincode{text-align: center;border-top: 2px solid #ea1b25;margin-top: 25px;padding-top: 25px;}
.codeincode img{width:100px}
#footer .headline img{top: 0;}
/****************************************************************/
.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:#ea1b25;}
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:#ea1b25;background-color:transparent;}
.dropdown-submenu>.dropdown-menu {top:0 !important;right:100% !important;margin-top:-6px;margin-right:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 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:#041366}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#ea1b25 !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#d3161d;}
.dropdown-menu{padding-right:10px}
ul.dropdown-menu li a{color:#fff;font-size:11px}
/*li.dropdown.dropdown-submenu .dropdown-menu{display:none;}*/	
}
@media (min-width:768px) {
/*ul.nav li:hover > ul.dropdown-menu{display:block;}*/
#navbar{text-align:center;}
}
/***********************************************************************************/