/*----------------------------------- fonts ------------------------------------ */

@import url(http://fonts.googleapis.com/earlyaccess/droidsansethiopic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);

 /* Fonts */
@font-face {
    font-family: 'GE_Dinar_Two_Medium';
    src: url('../fonts/GE_Dinar_Two_Medium.eot');
    src: url('../fonts/GE_Dinar_Two_Medium?#iefix') format('embedded-opentype'),
         url('../fonts/GE_Dinar_Two_Medium.woff') format('woff'),
         url('../fonts/GE_Dinar_Two_Medium.ttf') format('truetype'),
         url('../fonts/GE_Dinar_Two_Medium.svg#GE_Dinar_Two_Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ge_dinar_two_light';
    src: url('../fonts/ge_dinar_two_light.eot');
    src: url('../fonts/ge_dinar_two_light?#iefix') format('embedded-opentype'),
         url('../fonts/ge_dinar_two_light.woff') format('woff'),
         url('../fonts/ge_dinar_two_light.ttf') format('truetype'),
         url('../fonts/ge_dinar_two_light.svg#ge_dinar_two_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*----------------------------------- fonts ------------------------------------ */

/*----------------------------------- Form ------------------------------------ */
#form{float:right;width: 500px;font-family: 'Open Sans'; color: #333;}

#form input[type=text]{width: 260px;height: 50px; background: transparent; border: 1px solid #bdc3c7; border-radius: 2px;
    color: #333;  font-family: Arial, Helvetica, sans-serif;  font-size: 16px;  font-weight: 400; padding: 4px;}

#form input[type=password]{width: 260px;  height: 50px; background: transparent; border: 1px solid #bdc3c7;  border-radius: 2px;
    color: #333;font-family: Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: 400; padding: 4px;}

#form select {width: 200px;  height: 50px;  border: 1px solid #bdc3c7;  border-radius: 2px;  color: #333;
    font-family: Arial, Helvetica, sans-serif;  font-size: 16px; font-weight: 400;  padding: 4px; margin-top: 10px;}

#form input[type=submit]{ width: 260px; height: 70px;  background: #2ecc71;cursor: pointer;  border-radius: 2px; color: #fff;
    font-family: 'Exo', sans-serif; font-size: 16px; font-weight: 400; padding: 6px; margin-top: 10px;
    border:0px;transition: background-color 0.5s ease-in-out; }

#form input[type=file]{content: "Vendor Logo";  color:#333;  font-size: 20px;  text-align: left;}

#form input[type=submit]:hover { background:#e67e22;}

/*----------------------------------- Form ------------------------------------ */


/*----------------------------------- banner ------------------------------------ */

body { margin:0px; font-family: 'Open Sans'; overflow-x:hidden; }

#slide1 {width:100%; background: url("../img/slider.jpg") no-repeat fixed 100% 100% / cover transparent;
color: #FFF; background-position: 50% 50%; margin: 0px; overflow: hidden;}

#slide1 #title{ margin: 0 auto; text-align: center; padding-top: 150px; z-index: 200;
    width: auto; font-family: 'GE_Dinar_Two_Medium'; font-size: 40px; color: #fff;}


.bgholder{ width: 100%; position: relative; overflow: hidden;box-sizing: border-box; min-height: 100vh; perspective: 1000px;}

#video { width: 100%;height: 100%; position: absolute;top: 0px;left: 0px; z-index:-9;}

#video video {background: cover;min-height: 100px; min-width: 100%;left: 0%; position: absolute; top: 0%;}

#inner_banner{width:100%; background:url(../img/slider.jpg); background-size:cover; height: 250px; display: table; background-position: 50% 50%;}

/*----------------------------------- banner ------------------------------------ */


/*----------------------------------- menu ------------------------------------ */

#menu { z-index:10; max-width: 1100px; margin:0 auto; margin-top: 70px; padding: 0;   position: relative; display: block}
nav { max-width: 100%; margin:0 auto;  background: rgba(0,0,0,.7); margin-top: 70px; padding: 0; position: relative;}
nav ul{height:70px; width: 100%; padding-left:0px;}
nav ul li{font-size: 18px; float:right; list-style: none; font-family:'ge_dinar_two_light','Open Sans'; width: auto; padding:20px; display: inline-block; }
nav ul li a{ color:#fff; }
nav ul li a:hover{ color:#a88b4f;}

nav .facebook {width:40px; height: 40px; background:#fff; border-radius:360px; float: left;
    margin-top:-5px; color: #333; text-align: center; font-size: 30px;  font-family: 'Open Sans'; font-weight: 400;}
nav .facebook:hover { background: #a88b4f; text-decoration: none; color: #fff;}
#menu .logo {position: absolute; display: block; width: 178px; height: 177px; left:43%; bottom: -50px; }
.logo2 {display: block; width: 178px; height: 177px; margin:0px auto; display: none; margin-bottom: 20px;}


/*----------------------------------- menu ------------------------------------ */



/*----------------------------------- Home Content ------------------------------------ */

#live_container {margin: 0 auto; width:100%; height: auto; padding:60px 10px; display: table;
  background: url(../img/st-demiana.png)no-repeat  bottom right;  }
#live_container a{ margin:0 auto; }
#live_paragraph {max-width:500px;  height: auto;  direction:rtl; margin-bottom: 50px;}
#live_paragraph h1{font-family: 'GE_Dinar_Two_Medium'; font-size: 28px; color: #705000;}
#live_paragraph p{ color:#333; font-family: 'ge_dinar_two_light'; text-align: justify; font-size:20px; line-height: 25px;}
#live_paragraph a{ color: #705000; font-family: 'GE_Dinar_Two_Medium'; cursor: pointer; text-decoration: underline;}

#live_buttom {width:250px; border:#a88b4f solid 1px; display: table; text-align: center;
  border-radius: 10px; margin-bottom: 10px; text-decoration: none;}
#live_buttom a{ margin:0 auto;  text-align: center; text-decoration: none;}

#live_buttom h1{font-family: 'GE_Dinar_Two_Medium'; font-size: 32px; color: #a88b4f;}
#live_buttom h2 {font-family: 'Open Sans'; font-size: 28px; color: red; }

/***************************** News ***********************/


#news {width:100%; height: 381px; background: url(../img/sec3bg.jpg) fixed 100% 100%; background-size: cover;}
#news_container {width:1000px; margin: 0 auto; height: 100%;}
#news_titles {width:300px; height: 300px;  padding-top:50px; color:#fff; text-align: center; float: right}
#news_titles h1{ font-family: 'ge_dinar_two_light'; font-size:90px;}
#news_titles h2{ font-family: 'GE_Dinar_Two_Medium'; font-size:90px;}

/*#news_slider { width:100%; height:auto; margin-top: 50px; display: inline-block; vertical-align: middle; padding-top:30px; position: relative; }*/


/***************************** buttom ***********************/

#buttom {color: #705000; width:auto; height:auto; margin-right:20px; font-family: 'GE_Dinar_Two_Medium'; }
#buttom a{cursor: pointer; text-decoration: underline;background:#a88b4f; border-top-left-radius: 20px;
   height: auto; display: inline-block;
position:relative; font-size: 16px;padding: 10px 30px 10px 10px; text-decoration: none; color:#fff;}
#buttom a .icon { background: #a88b4f; border-radius:360px; width:50px; height:50px;
  color:#fff; text-decoration: none; display: table; color:#fff; text-align: center; float:right;
position:absolute; right:-30px; top:-5px; border:3px solid #fff;}
#buttom a:hover .icon{ background:#86692d;}
#buttom span{ display: table-cell; font-size:20px; color:#fff; vertical-align: middle;}


/* --------------------------------- Blog ------------------------- */

#blog_container {max-width:400px;  height: auto; padding:10px 10px 20px 10px; display: inline-block;
  margin: 0 auto; background:#fff;  direction: rtl; text-align: right; border:1px solid #d5d5d5;}
#blog_container img{width: 100%; height:250px;}
#blog_container h1{font-family: 'GE_Dinar_Two_Medium'; font-size: 20px; color: #705000;padding-right:10px;}
#blog_container p{ color:#333; font-family: 'ge_dinar_two_light'; padding-right:10px; text-align: justify; font-size:16px; line-height: 25px;}

/* --------------------------------- Blog ------------------------- */


/* --------------------------------- Blog details------------------------- */

#side_bar{max-width:400px; height:auto; padding:30px 20px 30px 20px; background:#eaeaea; margin:0 auto;}
#side_bar h1 { font-family: 'GE_Dinar_Two_Medium';color: #333; font-size:36px; text-align: right; }

#blog_details_container {max-width:600px; text-align: right; margin: 0 auto; direction: rtl;  font-family: 'GE_Dinar_Two_light';}
#blog_details_container h1{font-family: 'GE_Dinar_Two_Medium'; font-size: 28px; color: #705000;}
#blog_details_container h2{font-family: 'GE_Dinar_Two_light'; font-size: 18px; color: #5a5a5a;}
#blog_details_container img{width:100%; height:300px; border: solid 1px #bababa; margin:30px 0px 30px 0px; }
#blog_details_container p{color:#333; font-family: 'ge_dinar_two_light'; text-align: justify; font-size:16px; line-height: 25px;}
.jumbotron {font-family: 'GE_Dinar_Two_Medium'; }

#blog_details_container li{ list-style: none; background:#efefef; display:block; width:100%; padding:10px;}

#blog_details_container .sec{ list-style: none; background:none; display:block; width:100%; padding:10px;}


/* --------------------------------- Blog details------------------------- */

/*----------------------------------- Live Stream ------------------------------------ */

#livestream_cover {max-width:1000px; height: auto; border:#efefef 1px solid; margin: 0px auto; margin-bottom: 20px;}
#livestream_video {max-width: 1000px; height: auto; margin: 0 auto;}
#livestream_share {max-width:1000px;  margin: 0 auto; height: auto; }
#livestream_share ul {width:100%; height: auto; display: inline-block; padding:0; margin: 0 auto; float: none; }
#livestream_share ul li{ border:solid #d5d5d5 1px; padding:20px;background:#ededed;float:left;width: 240px;
 list-style: none; text-align: center; height: 100px; box-sizing:border-box;  display:block; }
#livestream_share ul li a{ width:100%; margin:0; text-align: center;}
#livestream_share ul li:hover {background:#d5d5d5;}

#livestream_content {max-width: 1000px; margin:0 auto; margin-top:20px;
    font-family: 'GE_Dinar_Two_light'; font-size: 18px; color: #333; direction: rtl; text-align: center;}
#livestream_comments {max-width: 1000px; margin: 0 auto; margin-top:20;}
#livestream_comments h1{text-align: center; padding:30px; border-bottom:10px solid #333;}

#livestream_audio {max-width: 1000px; height: auto; margin: 0 auto; text-align: center; text-align: center;}

/*----------------------------------- Live Stream ------------------------------------ */

/*----------------------------------- Instant News ------------------------------------ */

#instant {width:100%; background: #337ab7; min-height:70px; color:#fff; font-family: 'GE_Dinar_Two_light','Open Sans';
position: fixed; bottom:0px;}
#instant_time {max-width: 200px; min-height:70px;  font-size: 18px;  padding: 20px;  font-family: 'GE_Dinar_Two_Medium', 'Open Sans';
background: #fff; color:#333; float:right;}
#instant_message{ max-width:800px; color:#fff; font-size: 20px; padding: 20px; text-align: right; direction: rtl; margin-right:10px;}
#instant #instant_icons {border:1px solid #46a3f2; width:100px; text-align: center; min-height: 70px; padding:20px; display: inline-block;}

/*----------------------------------- Instant News ------------------------------------ */

/* About */

.container_info {max-width:870px; margin: 0 auto;}
.container_info hr {  width: 200px; color: black; height: 3px; border-top: dashed 1px #b9b9b9;}
.container_father_info{ max-width:100%; margin:20px;  height: 230px; border-top-left-radius: 15px; border-bottom-right-radius: 15px;
    background: #ececec; border:#a9a9a9;}
.container_father_info img{ width: 250px; height: 250px; float: right; display: inline-block; margin-left:20px;
   border-radius: 360px; margin-right:-90px; margin-top:-10px; border: #fff 7px solid;}
.container_father_info h1 { font-family: 'GE_Dinar_Two_Medium', 'Open Sans'; font-size: 26px; color: #333; width: auto; float: right;}
.container_father_info p{ font-family: 'GE_Dinar_Two_light','Open Sans'; font-size: 18px; max-width: 600px; direction: rtl; text-align:justify;
color: #333; width: auto; float: right;}

/* About */


/* contact us */
#map {width: 100%; height: 400px;}

.block_form{ width: 600px; height: auto; float: right; padding: 20px;}
.block_contact_info {width: 300px; height: auto; float: left; background: #f0f0f0; padding: 20px;}

/* contact us */

/*----------------------------------- Footer ------------------------------------ */

footer {width: 100%; height: 87px; background:url(../img/footerbg.jpg); background-size: cover;}

/*----------------------------------- Footer ------------------------------------ */


/*----------------------------------- Media Queries ------------------------------------ */




@media (max-width: 991px) {
    #menu { max-width: 1000px; margin: 0 auto;}
    nav ul li {padding:15px;}
    nav ul li a{width:100%; display: block; color: #fff;}
    nav .facebook {float:right;}

    #menu .logo {  display: none;}
    #menu .logo2 {  display: block;}
    #slide1 #title {padding-top:20px; }
}

@media (max-width:855px) {
    .bgholder { min-height:300px;}

}

@media (max-width: 767px) {
    nav ul li {width:100%; text-align: right;}
    nav ul li a{width:100%; display: block; color: #fff;}
    nav .facebook {float:right;}
    #menu .logo {  display: none;}
    #menu .logo2 {  display: block;}
    #slide1 #title {padding-top:0px; margin: 0; border:}

}


@media (max-width:625px) {
    .bgholder { min-height:50vh;}
}