@font-face {font-family: Hacen; src: url('../fonts/Hacen-Tunisia.ttf');}
 
body{
    font-family: Hacen, sans-serif;
    padding: 0;
    margin: 0;
	background: #f1f1f1;
}
a svg.fa-facebook-f {color: #4867AA;}
a svg.fa-twitter {color: #1DA1F2;}
a svg.fa-instagram {color: #DC2F7E;}
ul{list-style: none;}
a {text-decoration: none !important;}
/*** container ***/
@media screen and (min-width:1050px){
	.container{width: 1024px}
}
.clear{clear: both;height: 10px;}
.side{margin-top: 20px;}
@media screen and (max-width:767px){
	.side{margin-top: 20px;}
}
.overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 5;
}

/* -- Buttons Effects -- */
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1; text-align: left;}
.button{display: inline-block;position: relative;color: #ecf0f1;color: #413D39;overflow: hidden;padding: 5px;}
.button:before, .button:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #413D39;
  top: 0;
  left: -102%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button:after{
  bottom: 0 !important;
  top: auto !important;
  right: -100%;
  left: auto;
}
.button:hover:before{left: 0;}
.button:hover:after{right: 0;}
/* -- ./Buttons Effects -- */

/* -- Navbar -- */
.navbar-default .logo img{width: 200px;height: 146px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: none;}
.navbar-default {background:  #f8f8f8;margin-bottom: -1px; border: none;}
.navbar-default .navbar-nav > li{padding:15px; padding-bottom: 60px; padding-top: 60px;}
.navbar-default .navbar-nav > li > a{color: #413D39;padding: 3px;font-size: 16px;}
.navbar-default .navbar-nav > li:hover > a{color: #aaa;}
.navbar-default .navbar-nav > li.active{padding: 15px;background: #e7e7e7; padding-top: 60px; padding-bottom: 60px;}
.navbar-default .navbar-nav > li.active > a{padding: 3px; color: #413D39;}
.navbar-default .navbar-nav > li:hover{background: rgba(231, 231, 231, 0.7); }
.navbar-default .navbar-nav > li.active:hover{background:#e7e7e7; }
.navbar-default .navbar-nav > li:hover a{color: #413D39 !important;}
.navbar-default .navbar-nav > li:focus a{color: #FFF !important;}
.navbar-default .flag{position: relative;}
.navbar-default .flag img{
	width: 30px !important;
    height: 20px !important;
    position: absolute;
    left: 25px;
    top: 63px;
    opacity: 0.7;
}
.navbar-default .flag img:hover{opacity: 1;}
@media screen and (max-width:1050px) and (min-width:992px){
	.navbar-default .flag img{left: 0px;}
}

@media screen and (max-width:991px) and (min-width:768px){
	.navbar-default .flag img{left: -10px; top: 50px;}
	.navbar-default .logo img {width: 150px;height: 120px;}
	.navbar-default .navbar-nav > li.active,
	.navbar-default .navbar-nav > li {padding: 4px;padding-top: 47px;padding-bottom: 47px;}
	
}
@media screen and (max-width:767px){
	.navbar-default .logo img {width: 150px;height: 120px; float: left;}
	.navbar-toggle{float: right; margin-right: 10px;}
	.navbar-default .flag img{right: 55px; top: 15px;width: 28px !important; height: 18px !important;}
	.navbar-default .navbar-nav > li.active,
	.navbar-default .navbar-nav > li {padding: 7px;}
	.navbar-nav .open .dropdown-menu{background: #f8f8f8;}
	.navbar-nav .open .dropdown-menu li:hover{background: #e7e7e7; }
}
/* -- /.Navbar -- */

/* -- Background -- */
.bg{position: relative;height: 500px; background: #413D39;margin-bottom: 15px;}
.bg h1{position: absolute; z-index: 99; color: #9BCC50; top: 5%; right: 20%;}
.bg .main-title {position: absolute; z-index: 99; color: #FFF; top: 20%; right: 25%; font-size: 20px;}
.bg svg.fa-eye {position: absolute; z-index: 100; color: #3E7ABE; top: 40%; right: 45%; font-size: 150px;}
.bg .about {position: absolute;z-index: 99;top: 55%;right: 30%;color: #FFF;font-size: 16px;}
.bg .about p{width: 200px;}
.bg .about span{font-size: 18px;}
.bg .about svg{color:#000;}
.bg .action {position: absolute;z-index: 99;top: 55%;right: 60%;color: #FFF;font-size: 16px;}
.bg .action p{width: 200px;}
.bg .action span{font-size: 18px;}
.bg .action svg{color:#9CCC52;}
.bg .pro {position: absolute;z-index: 99;top:70%;right: 46%;color: #FFF;font-size: 16px;}
.bg .pro p{width: 200px;}
.bg .pro svg{color:#EE1E1E;}
.bg .pro span{font-size: 18px;}
.bg .slider-head{position: relative; top: -500px;}
.bg .slider-head img{width: 100%; height: 500px;}
.bg .slider-head > div {display: none}
.bg .slider-head > div.active{display: block;}
.bg .para > div {display: none;}
.bg .para > div.active{display: block;}
.bg .para > div.active span svg{color:#9BCC50; }
.bg .para > div.active span:first-child svg{color: #000;}
.bg .para > div.active span:last-child svg{color: #d00;}
.bg .about p,
.bg .action p,
.bg .pro p{height: 65px; overflow: hidden;}
.carousel{height: 500px;}
.carousel-inner{height: 500px;}
.carousel .item{height: 500px;}
.carousel-inner > .item > img{height: 500px;width: 100%}
.carousel-fade .carousel-inner .item {
	opacity: 0.8;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0.8;
  z-index: 1;
}
.carousel-control.left, .carousel-control.right{background-image:none; z-index: 999;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-indicators li{display: none;}
@media screen and (max-width:991px) and (min-width:768px){
	.bg .action{right: 70%;}
	.bg .about {right: 18%;}
}
@media screen and (max-width:767px){
	.bg h1{font-size: 28px; right: 10%;}
	.bg .main-title{font-size: 18px; right: 15%;}
	.bg svg.fa-eye{font-size: 100px;right: 15%; top: 25%;}
	.bg .about{right: 20%; top: 45%;}
	.bg .about p{width: 225px;}
	.bg .action{top: 60%; right: 35%;}
	.bg .pro{top:73%; right: 45%;}
	.bg svg.fa-chevron-circle-right,
	.bg svg.fa-chevron-circle-left{font-size: 25px; top: 50%;margin-right: 5px; margin-left: 5px;}
}
@media screen and (max-width:380px){
	.bg .about, .bg .action, .bg .pro{right: 15%;}
	.bg .about p, .bg .action p, .bg .pro p{width: 200px;}
	.bg .action{top: 65%;}
	.bg .pro{top:80%;}
	.bg svg.fa-eye{right: 35%; top:26%;}
}
/* -- /.Background -- */

/* -- ./Slider -- */
.flickity-page-dots .dot{display:none !important;}
.main-carousel .item {width: 100%; height: 400px; display: block;}
.main-carousel .item img{width: 100%;height: 400px !important;}
.main-carousel .item span {
    width: 100%;
    position:absolute;
    z-index:9999;
    font-size:20px;
	padding: 10px;
	bottom: 0;
    background-color:rgba(0,0,0,0.5);
	text-align: center;
	height: 110px;
}
.main-carousel .item span h3{margin-top: 5px;}
.main-carousel .item span:hover h3{color: #ccc}
.main-carousel .item span p{font-size: 17px; height: 50px; overflow: hidden;padding-left: 10px; padding-right: 10px;}
.main-carousel .item span:hover p{color: #ccc;}
.main-carousel .item span button{border: none; outline: none; font-size: 17px; background:#1485CC;}
.main-carousel .item span a {color:#FFF !important;}
.flickity-prev-next-button.next,
.flickity-prev-next-button.previous{top: 50%;background: none;border-radius: 0px;}
.flickity-prev-next-button.next{right: 0px;}
.flickity-prev-next-button.previous{left: 0px}
.flickity-prev-next-button .arrow{fill:#FFF !important;}
.flickity-prev-next-button:hover .arrow{fill:#EE1E1E !important;}
.flickity-prev-next-button:hover{background: none !important;}
.flickity-viewport{height: 400px !important;}
.flickity-prev-next-button:hover svg{
	-webkit-animation:rotate 1s ease 0s 1 normal;
	-moz-animation:rotate 1s ease 0s 1 normal;
	-ms-animation:rotate 1s ease 0s 1 normal;
	animation:rotate 1s ease 0s 1 normal;
}

@-webkit-keyframes rotate {
100%{ -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
}
@keyframes rotate {
100%{ transform: rotateX(360deg); }
}

@media screen and (max-width:767px){
	.main-carousel  .item img,.flickity-viewport{height: 325px !important;}
	.main-carousel  .item span h3{font-size: 22px;}
	.main-carousel  .item span p{font-size: 15px; height: 45px;}
	.main-carousel  .item span{bottom: 65px;}
}
/* -- ./Slider -- */

/* -- About Us -- */
.about-us .about-paragraph{
	padding: 20px;
	position: relative;
	font-size: 16px;
}
.about-us .about-paragraph p{height: 125px; overflow: hidden; font-size: 18px; text-align: justify;}
.about-us .about-paragraph:before{
	content: "";
	width: 80px;
	height: 80px;
	border-right: 4px solid #000;
	border-top: 4px solid #000;
	position: absolute;
	top: 0;
	right: 0;
}
.about-us .about-paragraph:after{
	content: "";
	width: 80px;
	height: 80px;
	border-left: 4px solid #d00;
	border-bottom: 4px solid #d00;
	position: absolute;
	bottom: 0;
	left: 0;
}
.about-us .more-link {
	color: #99CB50;
}
.about-us .more-link:hover {
	color: #444;
}
/* -- /.About Us -- */

/* -- news -- */
.news{margin-bottom: 20px;}
.news .title{
	display: block;
	padding: 10px;
	margin: 20px 0;
	position: relative;
	font-size: 16px;
	background: #fff;
	color: #444;
	font-weight: bold;
	transition: all .5s ease-in-out;
}
.news .title:after {
	position: absolute;
	width: 4px;
	height: calc(100% - 10px);
	top: 5px;
	right: -2px;
	content: '';
	background: #99CB50;
}
.news .title:hover {
	color: #99CB50;
}

.news .col{text-align: right; height: 90px;}
.news .main-news{margin-bottom: 10px;}
.news .main-news .main{border:  1px solid #3E7ABE;}
.news .main-news img{
	height: 250px;
	width: 100%;
	-webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.img{max-width: 100%; overflow: hidden; max-height: 250px;}
.main-news img{height: 360px; max-width: 100%;}
.main-news:hover img{
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.main-news img:hover { transform: scale(1.1); max-width: 100%}
.main-news p{
	height: 58px;
    font-size: 16px;
    background: rgb(66, 61, 57);
    color: #f3f3f3;
    margin-bottom: 0px;
    padding: 10px;
    overflow: hidden;
}
.main-news:hover p{color: #99CB50;}
.sub-news {margin-bottom: 10px;}
 .sub-news .main{border: 1px solid #3E7ABE;}
 .sub-news img{
	height: 125px;
	width: 100%;
	 max-width: 100%;
	-webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.img{max-width: 100%; overflow: hidden; max-height: 250px;}
.sub-news .img{max-height: 125px;}
.sub-news:hover img{
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.sub-news img:hover { transform: scale(1.1); max-width: 100%}
.sub-news p {
	height: 48px;
	font-size: 14px;
	background: rgba(65, 61, 57, 0.8);
	color: #FFF;
	margin-bottom: 0px; 
	padding: 5px 10px; 
	overflow: hidden;
}
.sub-news:hover p{color: #99CB50;}

@media screen and (max-width:400px){
	.news .main-news img{height: 200px;}
}
/* -- /.news -- */

/* -- Video Slider -- */
.video .item{width: 25%; margin-right: 5px;height: 310px}
.video .item img{height:200px !important; width: 100%;}
.video .item iframe{height:300px !important; width: 100%;}
.video .item span{bottom: 0px; background: rgba(65, 61, 57, 0.8);}
.video .item span h3{font-size: 20px; text-align: center;}
.video .item span p{font-size: 16px; font-weight: normal;}
.video  .flickity-viewport {height: 300px !important;}
.video .item svg{position: absolute; z-index: 1;font-size: 50px;top: 28%;left: 40%;color: #fff;}
.video .item:hover svg{color: #9BCC50;}
.video .item h3{text-align: right;padding-right: 15px;}
@media screen and (max-width:767px){
	.video .item{width: 50%;}
	.video .item svg{font-size: 45px; left: 38%;}
}
@media screen and (max-width:400px){
	.video .item{width: 100%;}
	.video .item svg{font-size: 45px; left: 42%;}
}
/* -- /.Video Slider -- */

/* -- Actions -- */
.action{
	height: 175px;
	margin-bottom: 10px;
}
.sub-action{
	border: 1px solid #e1e1e1;
	margin-top: 10px; 
	width: 99%;
	padding: 20px;
	background: #fff;
	height: 170px; 
	margin-top: 2.5px;
}
.sub-action .more-link {
	color: #99CB50;
}
.sub-action .more-link:hover {
	color: #444;
}
.sub-action img{width: 150px; height: 125px;}
.sub-action h3{margin-top: 5px;}
.sub-action h3 a{color: #000; transition: all .5s ease-in-out;}
.sub-action h3 a:hover{color: #99CB50;}
.sub-action .act-title p{height: 60px; overflow: hidden; width: 98%;}
.sub-action .act-title{border-left: 1px dashed #000;padding-bottom: 10px;}
.sub-action .data {padding-top: 40px; padding-right: 25px;}
.sub-action .data svg{margin-left: 5px;}
.sub-action .action-details img{
	height: 125px;
	width: 100%;
	-webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.sub-action .img{max-width: 100%; overflow: hidden; max-height: 125px;}
.sub-action .action-details img{height: 125px; max-width: 100%;}
.sub-action .action-details:hover img{
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.sub-action .action-details img:hover { transform: scale(1.1); max-width: 100%}
@media screen and (max-width:767px){
	.action{height: auto ;}
	.sub-action{height: auto;}
	.sub-action:hover{height: auto;}
	.sub-action .act-title{border-left: none; border-bottom: 1px dashed #000;}
	.sub-action .action-details img{height: 125px; width: 125px;}
	.sub-action .img{height: 125px; width: 125px;}
	.sub-action .data{padding-right: 0px; text-align: center;padding-top: 10px;}
}

@media screen and (max-width:400px){
	.sub-action .action-details img{height: 100px; width: 100px;}
	.sub-action .img{height: 100px; width: 100px; margin-top: 20px;}
}
/* -- /.Actions -- */

/* -- Voting -- */
.voting{border-bottom:  1px solid #3E7ABE; margin-bottom: 10px;}
.voting .cf{text-align: right; border-bottom:1px dashed #413D39; margin-bottom: 5px;}
.voting .button {font-size: 18px;}
.voting .vote p{font-size: 18px; text-align: center;margin: 15px 0px; color: #413D39;}
.voting form{margin-right: 40%; font-size: 16px;margin-bottom: 20px; color: #413D39;}
.voting button{margin-bottom: 10px;}
.voting .buttons{text-align: center;}
.voting .buttons button{background: #fff;border: none; color: #9BCC50;font-size: 16px; margin-left: 5px;}
.voting .buttons button:hover{background: #9BCC50; color: #FFF;}
@media screen and (max-width:767px){
	.voting{margin-top: 10px; margin-bottom: 10px;}
}
/* -- /.Voting -- */

/* -- Important Sites -- */
.imp-sites {border-bottom:  1px solid #3E7ABE; margin-bottom: 10px;}
.side .imp-sites {
	border: 0;
	margin-bottom: 25px;
}
.imp-sites .cf{text-align: right; border-bottom:1px dashed #413D39; margin-bottom: 5px;}
.imp-sites .button {font-size: 18px;}
.imp-sites ul li{text-align: right; margin-left: 30px;}
.imp-sites ul li a{font-size: 16px; color: #000;}
.imp-sites ul li a:hover{color: #228AE6; text-decoration: underline !important;}
@media screen and (max-width:767px){
	.imp-sites ul li{text-align: center; }
}
/* -- /.Important Sites -- */

/*-- Footer -- */
.footer{background: #363636;padding-top: 15px;}
.footer .site-map { margin-top: 10px;}
.footer a{color: #FFF; font-size: 16px;}
.footer a:hover{color: #99CB50;}
.footer .site-map ul{display: inline-block; padding-top: 30px; padding-bottom: 20px;width: 30.33%;}
.footer .site-map ul li{margin-bottom: 5px;}
.footer .logo img{width: 95%; height: 160px; margin-top: 10px; margin-right: 5%;}
.social-media{background: #363636;height: 75px;}
.social-media .media{
	text-align: center;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	float: right;
}
.social-media .media li{display: inline; margin-right: 20px;}
.social-media svg{color: #FFF!important; font-size: 25px;}
.social-media svg:hover{color: #99CB50 !important;}
.contact{width: 50%;float: right;padding-right: 28%;}
.contact svg{font-size:16px ; color: #FFF;margin-left: 10px;}
.contact a{font-size: 16px; color: #FFF;}
.contact a:hover,.contact a:hover svg{color: #99CB50 !important;}
@media screen and (max-width:991px){
	.contact{padding-right: 15%;}
	.footer .logo img{width: 200px;margin: 0 auto; margin-bottom: 20px;}
}
@media screen and (max-width:767px){
	.footer .site-map ul{width: 45%;}
	.footer .site-map ul:last-child{width: 100%; padding-right: 40%;}
	.social-media .media{width: 100%;}
	.contact{width: 100%; text-align: center; padding-right: 0px;}
}

@media screen and (max-width:350px){
	.footer .site-map ul{width: 40%;}
	.footer .site-map ul li{width: 100px;}
}
/*-- /.Footer -- */


/****
**
*
Inner Pages
*
**
****/

/** -- For All Inner Pages -- */
/* -- Important News -- */
.imp-news {margin-bottom: 10px; border-bottom: 1px solid #3E7ABE; padding-bottom: 10px;}
.imp-news .cf{text-align: right; border-bottom:1px dashed #413D39; margin-bottom: 5px;}
.imp-news .button {font-size: 18px;}
.imp-news .sub-imp-news{padding: 5px; border-bottom: 1px solid #aaa;height: 80px;margin-top: 5px;}
.imp-news .sub-imp-news:last-child{
	border: 0;
}
.imp-news .sub-imp-news p{height: 60px; overflow: hidden; margin-bottom: 0px; color: #000;}
.imp-news .sub-imp-news p:hover{color: #413D39;}
.imp-news .sub-imp-news img{width: 100%;height:65px;}
.imp-news .sub-imp-news img:hover{border: 1px solid #413D39;}
@media screen and (max-width:767px) and (min-width:500px){
	.imp-news .sub-imp-news img{height:90px;}
	.imp-news .sub-imp-news{height: 110px;}
}
/* -- /.Important News -- */
/** -- /.For All Inner Pages -- */


/** -- About Us Page -- **/
.inner-about p{height: auto !important; overflow: visible !important;}
.inner-about p a{color: #565656;}
/** -- /.About Us Page -- **/

/** -- Info Page -- **/
.inner-info {margin-bottom: 30px;}
.inner-info .act-title{border: none !important;}
/** -- /.Info Page -- **/

/** -- Library Page -- **/
.lib {margin-bottom: 10px;}
.lib .lib-cover{border: 1px solid #e1e1e1; background: #FFF;}
.lib p{padding: 5px;background: #565656; color: #fff; height: 50px; overflow: hidden; margin-bottom: 0; transition: all .5s ease-in-out;}
.lib .lib-cover:hover p {
	color: #99CB50;
}
.lib p:hover{color: #000;}
.lib img,
.lib .img iframe{
	height: 350px;
	width: 100%;
	-webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.lib .img{max-width: 100%; overflow: hidden; max-height: 150px;}
.lib img{height: 150px; max-width: 100%;}
.lib:hover img{
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
.lib img:hover { transform: scale(1.1); max-width: 100%}
@media screen and (max-width:767px) and (min-width:450px){
	.lib .img, .lib .img img, .lib .img iframe{height: 300px !important; max-height: 200px;}
}
/** -- /.Library Page -- **/

/** -- Programs -- **/
.programs .img{border-radius: 10px;}
.programs .img:hover{border:1px solid #000;}
.programs img{border-radius: 10px;}
.programs .act-title{border: none !important;}
/** -- /.Programs -- **/

/** -- News -- **/
.inner-news{background: #FFF;}
.inner-news img{border-radius: 10px;}
.inner-news .img{border-radius: 10px;}
.inner-news .img:hover{border:1px solid #000;}
.inner-news{border: none; border-bottom: 2px solid #565656;}
.inner-news .act-title{border: none !important;}
.inner-news:hover{border: none; border-bottom: 2px solid #565656;}
.inner-news-container{margin-bottom: 5px;}
/** -- /.News -- **/

/** -- Photos -- **/
.photos .photo-cover {background: rgba(0,0,0,0.8);}
.photos .photo-cover p{background:none; color: #FFF;height: 48px;padding-right: 10px;}
.photos .photo-cover p:hover{color: #CCC;}
.photos span{position: absolute;top: 1px;background: #FFF;padding-right: 10px;padding-left: 5px;right: -67px;}
.photo-cover{position: relative; overflow: hidden;}
.photo-cover svg.fa-play-circle{position: absolute; top: 30%; right: 35%; font-size: 50px;color: #fff;}
.photo-cover:hover svg.fa-play-circle{color: #99CB50;}
.photos:hover span{
	right: 0px;
-webkit-animation:wid 1s ease 0s 1 normal;
-moz-animation:wid 1s ease 0s 1 normal;
-ms-animation:wid 1s ease 0s 1 normal;
animation:wid 1s ease 0s 1 normal;
}

@-webkit-keyframes wid {
100%{ right: 0px; }
}
@keyframes wid {
0%{ right: -67px; }
}
@media screen and (max-width:767px) and (min-width:425px){
	.photo-cover svg.fa-play-circle{right: 45%;}
}
/** -- /.Photos -- **/

/** -- Contact -- **/
#dle-content { margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px;}
#dle-content input,
#dle-content textara {
	border: 1px solid #e1e1e1;
	outline: none !important;
}
#dle-content .story h4{font-size: 30px;}
#dle-content .story h4 a{color: #fff;}
#dle-content .story h4:hover a{color: #9BCC4F;}
#dle-content .story ul {list-style: none;}
#dle-content .story .form-group input,
#dle-content .story textarea{
    padding: 5px;
    border-radius: 5px;
    width:100%;
}

#dle-content .story #name{margin-bottom: 15px;}

#dle-content .story .ui-form{width: 50%; margin-right: 25%;}
#dle-content .story select{
    width: 470px;
    border-radius: 5px;
    margin-right: 5px;
    padding: 5px;
}

#dle-content .story .form_submit {
    width: 50%;
    margin-right: 25%;
}
#dle-content .story .form_submit .c-capcha{text-align: center;}
#dle-content .story .form_submit input{
    padding: 5px;
    border-radius: 5px;
}


#dle-content .story .form_submit button{
    width: 100px;
	display: block;
	margin: 20px auto;
	font-size: 16px;
	background: #99CB50;
	color: #fff;
	border: 2px solid #99CB50;
	transition: all .5s ease-in-out;
}
#dle-content .story .form_submit button:hover {
	background: transparent;
	color: #99CB50;
}
#dle-content .story .form_submit button b {
	font-weight: normal;
}

#dle-content .story h4{text-align: center; padding-bottom: 10px; border-bottom: none;}

.attach {display: inline !important; width: 70% !important;} 
.form-group label {display: inline;}
#dle-content .story select{width:87%;}
#dle-content .story .form_submit input{width:150px;}
.contact-us{width: 99%;}
.contact-us a{color: #000;font-size: 16px;}
.contact-us svg{margin-left: 10px;}
.contact-us ul{padding-right: 35%;}
@media screen and (min-width:400px){
	#dle-content .story select{width:84%;}
}
@media screen and (max-width:991px){
	#dle-content .story .ui-form{width: 80%; margin-right: 10%;}
	#dle-content .story .form_submit button{margin-right: 29.5%;}
}

@media screen  and (max-width:400px){
	#dle-content .story .ui-form{width: 97%; margin-right:1%;}
	#dle-content .story .form_submit button{margin-right: 19%;}
}

@media screen  and (max-width:470px){
	#dle-content .story select{width: 80%;}
}

@media screen  and (max-width:344px){
	#dle-content .story select{width: 82%; font-size: 12px;}
	#dle-content .story *{font-size: 14px;}
}

@media screen  and (max-width:293px){
	#dle-content .story select{width: 79%;}
	#dle-content .story .ui-form{margin-right: -10px;}
}
.contact ul{margin-right: 15%;}
.contact ul li a{color: #282828;}
.contact ul li a:hover{color: #676767;}

@media screen  and (max-width:293px){
	.contact ul{margin-right: 2%;}
}
/** -- /.Contact -- **/

/* -- News Details -- */

.news-details .text-box {
    font-family: Hacen, sans-serif;;
}

.news-details .font-block {
    float: left;
}

.news-details .font-block .font-inc a,
.news-details .font-block .font-dec a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #444;
    border: 1px solid #444;
    border-radius: 10px;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.news-details .font-block .font-dec.none a,
.news-details .font-block .font-inc.none a {
    cursor: not-allowed;
    background: #999 !important;
    border-color: #999 !important;
    color: #fff !important;
}

.news-details .font-block .font-inc a:hover,
.news-details .font-block .font-dec a:hover {
    background: #fff;
    color: #444;
}

.news-details .news-title a {
    color: #222;
    font-size: 25px;
}

.news-details .img {
    width: 100%;
    max-height: 600px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

.news-details .img .fa-play-circle {
    position: absolute;
    font-size: 55px;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.news-details .img:hover .fa-play-circle {
    color: #99CB50;
}

.news-details img,
.news-details iframe {
    height: 350px;
    width: 100%;
}

.news-details .img p {
    position: absolute;
    bottom: 10px;
    text-align: center;
    right: 0;
    width: 100%;
    z-index: 2;
}

.news-details .img p span {
    background: rgba(0,0,0,0.7);
    padding: 0 10px;
    display: inline-block;
    color: #fff;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}

.news-details .info {
    margin-bottom: 15px;
	padding: 0;
}

.news-details .info li {
    color: #aaa;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #e1e1e1;
    padding-left: 10px;
    font-size: 12px;
}

.news-details .info li:last-child {
    border-left: 0;
}

.news-details .share {
	padding: 0;
}

.news-details .share li {
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
	margin-bottom: 15px;
}

.news-details .share li a{
	color: #FFF;
	background: #000;
	padding: 5px;
	width: 30px;
	display: inline-block;
	height: 30px;
	text-align: center;
	border-radius: 50%;
}
.news-details .share li a svg {
	color: #fff;
}
.news-details .share li .facebook {
	background: #3b5998;
	border: 1px solid #3b5998;
}

.news-details .share li .facebook:hover {
	background: #fff;
	color: #3b5998
}
.news-details .share li .facebook:hover svg {
	color: #3b5998
}

.news-details .share li .twitter {
	background: #00aced;
	border: 1px solid #00aced;
}

.news-details .share li .twitter:hover {
	background: #fff;
	color: #00aced;
}
.news-details .share li .twitter:hover svg {
	color: #00aced
}

.news-details .share li .telegram {
	background: #31A9DD;
	border: 1px solid #31A9DD;
}

.news-details .share li .telegram:hover {
	background: #fff;
	color: #31A9DD;
}
.news-details .share li .telegram:hover svg {
	color: #31A9DD
}

.news-details .share li .whatsapp {
	background: #4DC65D;
	border: 1px solid #4DC65D;
}

.news-details .share li .whatsapp:hover {
	background: #fff;
	color: #4DC65D;
}
.news-details .share li .whatsapp:hover svg {
	color: #4DC65D
}

.news-details .pen {
    color: #99CB50;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.news-details .tags {
    display: block;
    margin: 10px 0;
}

.news-details .tags a {
    color: #444;
    background: #ddd;
    display: inline-block;
    padding: 5px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-size: 15px;
}

.news-details .tags a:hover {
    background: #99CB50;
    color: #fff;
}

.news-details .text-box p {
    text-align: justify;
    line-height: 2;
    font-weight: bold;
    padding-left: 15px;
	font-size: 16px;
}

.news-details .text-box img,
.news-details .text-box iframe {
    width: 100%;
    max-height: 600px;
    height: 350px;
    margin: 15px 0;
}

.news-details .text {
    color: #333;
}

.sub-title-news.related {
    border-top: 1px solid #e1e1e1;
}

.news-details .choices {
	padding: 0;
}

.news-details .choices li {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 10px;
}  

.news-details .choices li a,
.news-details .choices li button {
    border: 1px solid #99CB50;
    background: #fff;
    display: block;
    padding: 5px 10px;
    color: #99CB50;
}

.news-details .choices li a:hover,
.news-details .choices li button:hover {
    color: #fff;
    background: #99CB50;
}

.realted-news .img {
	margin: 0;
	height: 150px;
}

@media (max-width:400px) {
    .news-details .img {
        height: 250px;
    }

    .news-details .info li {
        margin-left: 5px;
        padding-left: 5px;
    }
}

/* -- ./News Details -- */