body {



    direction: rtl;



    font-family: HelveticaRoman, Arial, Helvetica, sans-serif;



    font-size: 16px;



    line-height: 1.428571429;



    color: #1d1c1a;



    text-align: right;



    font-weight: 100;



}



a {



    color: #8a8a8a



}



a:hover {



    color: #d81717;
    color: #2f1f4d ;



    text-decoration: none



}



:active,



:focus,



a:active,



a:focus {



    outline: 0



}



.main_color{



  color: #d81717;
  color: #5d5d5d;



}



.nav-link{



  color: #d81717;



  font-weight: bold;



}



.main_bg{



  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
  background-color: #2f1f4d;


}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {



    line-height: 1.4;



}



article{



  width:100%;



}



.footer-links h2{font-family: HelveticaBold ;}



.media-body small{font-family: HelveticaBold ;font-size: 14px;}



.header{



  width: 100%; overflow: hidden; background: #fff;  



    /* box-shadow:1px 3px 3px rgb(10 43 74 / 20%); */



}

body .swiper-button-next,body .swiper-button-prev{

  background-image: unset !important;

}

.form-search input{

  border-radius: 0;

  border-color: #2f1f4d;
  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
}

.form-search input::placeholder{

  color: #2f1f4d;

}

.form-search input:focus {

  box-shadow: 0 0 0 0.1rem rgb(10 43 74 / 9%) !important;

}

.form-search button{

  border-radius: 0;

  color: #fff;

  border-color: #2f1f4d;

  
  background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%);
  background: #2f1f4d;

}

.form-search button:hover{

  color: #fff;

  border-color: #00002d  ;

  background: #00002d  ;

}

.currency .list-group {

  display: block !important;

}

.currency .list-group-item{

  border: 1px solid rgba(0,0,0,.125) !important;

  width: 49% !important;

  display: inline-block !important;

}

.breaking_news{

  position: fixed;

  bottom: 0px;

  width: 100%;

  z-index: 100;

}

.marquee p{margin: 0;}



.top-nav a{display: block; float: left; margin-left: 20px;color: #fff;}



.top-nav a:hover{color: #d81717;}



.mix .post .info h3{



  font-family: HelveticaBold;



  color: #fff;



}



.card-title {



    margin-bottom: .25rem;



}



.minus-left{padding-left: 7.5px;}



.minus-right{padding-right: 7.5px;}



.big-box:first-last{margin-right: -7.5px;}



.big-box .card-title{



  font-family: 'HelveticaBold' !important;



  color: #d81717;
  color: #5d5d5d;



}



.big-box .card-title:hover{



    color:#5d5d5d;
    color: #d81717;



}



.nav-link:hover{color: #5d5d5d;}



.info h2{



  font-family: HelveticaBold;



  font-size: 19px;



}



.top-header{



  height: 33px;



  line-height: 30px;



  border-bottom: 1px solid rgba(255,255,255,.1);



}



.bgtitle{



  font-family: HelveticaBold;



}



a:hover .card-title {



    /* color: #5d5d5d !important; */
    color: #2f1f4d  !important;
    color: #00002d  !important;

    

}



/* .economie .news_read:last-child{



  border-bottom: 0 !important;



} */



.top-header p{



      line-height: 32px;



      font-weight: normal;



}



.my-nav{



    background: #fff;



    border: 1px solid #dadada9e;



}



.bg-none{



  background: none !important;



}



.secondary_color{



  color: #5d5d5d;



}



.my-nav .form-inline .form-control{



    margin-top: 0px;



}


.technology{



  background-image: url(../images/technology.jpeg);



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center;



  position: relative;



}
.technology .info {

  background: #fff;
  padding: 10px !important;
  min-height: 88px !important;
}
.technology .info h2{
  color: #000 !important;

}
.technology .post_absolute > a::before, .posts_data::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.8)),color-stop(60%,rgba(0,0,0,.1)));
  background: -webkit-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -o-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -ms-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: linear-gradient(0deg,rgb(0 0 0 / 0%) 0,rgba(0,0,0,.1) 60%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.sport .info {

  background: #fff;
  padding: 10px !important;
  min-height: 88px !important;
}
.sport .info h2{
  color: #000 !important;

}
.sport .post_absolute > a::before, .posts_data::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.8)),color-stop(60%,rgba(0,0,0,.1)));
  background: -webkit-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -o-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: -ms-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);
  background: linear-gradient(0deg,rgb(0 0 0 / 0%) 0,rgba(0,0,0,.1) 60%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}
.technology::before {



  position: absolute;



  top: 0;



  right: 0;



  width: 100%;



  height: 100%;



  content: '';



  background: #585858d6;

  background: #58585859;


}



.sport{



  background-image: url(../images/sport.jpeg);



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center;



  position: relative;



}



.sport::before {



  position: absolute;



  top: 0;



  right: 0;



  width: 100%;



  height: 100%;



  content: '';



  background: #585858d6;

  background: #58585859;


}



.categories a{



  position: relative;



  padding-right: 33px;



}



.categories a:before {



  content: '';



  position: absolute;



  right: 0;



  width: 25px;



  height: 3px;



  /* background: #5d5d5d; */
  /* background: #d81717; */
  background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%);



  top: 60%;



  transform: translateY(-50%);



}











.logo{



  width:230px;



  margin: 0 auto;



  padding: 0px 0;



}



 .my-nav .navbar-expand-lg .navbar-nav .nav-link{



    padding: 13px 1rem



}



.statistics {



  background-color: #d81717;



  height: 170px;



  /*border-radius: 20px*/



}



.statistics h4 {



  color: #d81717;



  font-weight: bold;



  margin-top: 1px;



  margin-bottom: 3px;



  font-size: 16px;



}



.statistics>div {



  padding: 1px 8px;



}



.statistics p {



  font-size: 16px;



  margin: 0;



}



.statistics h5, .statistics p {



  font-weight: bold;



}



.text-green {



  color: #4CAF50;



}



.statistics h5 {



  color: #fff;



  margin: 14px auto;



  font-size: 15px;



}







.widget {



  display: flex;



  height: auto;



  flex-wrap: wrap;



  cursor: pointer;



  /*border-radius: 20px;*/



  /*box-shadow: 1px 3px 9px rgb(84 84 84 / 38%);*/



}



.widget .weatherIcon{



    flex: 1 100%;



    padding: 20px 0;



    height: 30%;



    /*border-top-right-radius: 20px;*/



    /*border-top-right-radius: 20px;*/



    background: #FAFAFA;



    color: #f2d41f;    



    display: flex;



    align-items: center;



    justify-content: space-around;



    font-size: 70px;}



    



  



  .widget .weatherInfo{



    flex: 0 0 70%;



    height: 30%;




    /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
    background: #2f1f4d;

    /*border-bottom-right-radius: 20px;*/



    display: flex;



    align-items: center;



    color: white;}



    



    .widget .temperature{



      flex: 0 0 40%;



      width: 100%;



      font-size: 26px;



      display: flex;



      justify-content: space-around;



    }



    



    .widget .description{



      flex: 0 60%;



      display: flex;



      padding-bottom: 10px;



      flex-direction: column;



      width: 100%;



      height: 100%;



      justify-content: center;



    }



    .widget .weatherCondition{



        text-transform: uppercase;



        font-size: 20px;



        text-align: center;



        font-weight: 100;



      }



      



      .widget .place{



        text-align: center;



        font-size: 15px;



      }



  



  .widget .date{



    flex: 0 0 30%;



    
    background: #00002d  ;


    /*border-bottom-left-radius: 20px;*/



    display: flex;



    justify-content: space-around;



    align-items: center;



    color: white;



    font-size: 15px;



  }







    



.gallery {



  display: grid;



  /* background: #f5faff7d; */
  background: #9fa1a124;



  padding: 18px !important;



  /*grid-template-columns: repeat(8, 1fr);*/



  /*grid-template-rows: repeat(8, 5vw);*/



  grid-gap: 1.5rem; 



}



.gallery .icons{



  top: 50%;



  position: absolute;



  right: 50%;



  transform: translate(50%,-50%);



  font-size: 18px;



  width: 45px;



  border-radius: 50%;



  height: 45px;



  text-align: center;



  color:#d81717;



  padding-top: 10px;



  background: #ffffff;



}



.gallery .icons i{



  color:#2f1f4d;

  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */

}



.gallery__img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block; 



}



.gallery__item a{



  height: 100%;



}



.category_post.big-box picture{



  position: relative;



}



.gallery__item a::before,.category_post.big-box picture::before{



  position: absolute;



  content: '';



  bottom: 0;



  right: 0;



  width: 100%;



  height: 50%;



  background-image: linear-gradient(0deg,rgb(10 43 74 / 80%),rgba(0,87,154,0));



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);



  transition: height .2s;



}



.gallery__item a:hover::before,a:hover .category_post.big-box picture::before{



  height: 100%;



}



.gallery figure {



    margin: -4px;



}



.gallery__item--1 {



  grid-column-start: 1;



  grid-column-end: 3;



  grid-row-start: 1;



  grid-row-end: 3;



}







.gallery__item--2 {



  grid-column-start: 3;



  grid-column-end: 5;



  grid-row-start: 1;



  grid-row-end: 3;



}







.gallery__item--3 {



  grid-column-start: 5;



  grid-column-end: 9;



  grid-row-start: 1;



  grid-row-end: 6;



}







.gallery__item--4 {



  grid-column-start: 1;



  grid-column-end: 5;



  grid-row-start: 3;



  grid-row-end: 6;



}







.gallery__item--5 {



  grid-column-start: 1;



  grid-column-end: 5;



  grid-row-start: 6;



  grid-row-end: 9;



}







.gallery__item--6 {



  grid-column-start: 5;



  grid-column-end: 9;



  grid-row-start: 6;



  grid-row-end: 9;



}



.economie .news_read {



    padding: 10px 10px 10px 10px;



    margin-bottom: 16px;



    background: #9fa1a124;



}



.post_slider .swiper-slide {



  background: #fff;



  display: -webkit-box;



  display: -ms-flexbox;



  display: -webkit-flex;



}







.left_side{



  padding: 12px 0;


  background: #9fa1a124;

  /* background: #f5faff7d; */
  


}



.post_slider .swiper-slide img {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: cover;



}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{



  bottom:56px !important;



  left: 15px !important;



  right: unset !important;



  width: auto !important;



}



.post_slider .swiper-pagination-bullet {



  width: 20px;



  height: 20px;



  text-align: center;



  line-height: 20px;



  border-radius: 4px;



  font-weight: bold;



  font-size: 12px;



  color: #fff;



  opacity: 1;



  /* background: rgb(226 100 69 / 43%); */

  background: rgb(102 56 189 / 45%);


}

.main-box .date{
  color: #fff;

}

.slider_title{



  height: 90px;



  
  
  
  padding: 5px 10px 6px 10px;
  
  background: linear-gradient(to right, #55fcffad 0%, #a800ffad 50%, #ff56cead 100%);
  background: #00000040;

}



body .marquee a{



  text-shadow: none;



  color:#d81717 !important;



  width: 100%;



  font-size: 14px !important;



}



.post_slider .swiper-pagination-bullet-active {



  color: #fff;



  background: #2f1f4d;



}



#hero .left .post{



  border-bottom: 1px dashed #5d5d5d6b;



}



#hero .left .post img{



  height: 116px;



  width: 140px;



  display: inline-block;



  border-radius: 4px;



}



#hero .left {



  position: relative;



}



#hero{padding: 15px 0;}



#hero .left .post h2 {



  color: #d81717 !important;



  text-shadow: none;



  line-height: 22px;



}







.divider{



    border-top: 1px solid rgba(255,255,255,255);



    height: 5px;



    background: #d81717;



}



.te_nes{margin-right: -15px;}



.te_nes p{text-align: justify;color: gray;}



.te_nes .date{color: #d81717;}



.te_nes h2,.title_more{font-family: HelveticaBold;



  font-size: 19px;margin-bottom: 0;}



.te_nes:hover h2{color: #5d5d5d!important;}



#hero .post{



  /* height: 431px; */



}



.mobile_item{



    display:none;



}



#hero .post img{



  width: 100%;



}



.post_absolute > a{position: relative; display: block;}



.post_absolute > a::before,.posts_data::before{



  content: '';



      position: absolute;



      z-index: 1;



      top: 0;



      left: 0;



      width: 100%;



      height: 100%;



      background: -moz-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



      background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.8)),color-stop(60%,rgba(0,0,0,.1)));



      background: -webkit-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



      background: -o-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



      background: -ms-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



      background: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);



      -webkit-transition: all .4s ease-out;



      -moz-transition: all .4s ease-out;



      -o-transition: all .4s ease-out;



      transition: all .4s ease-out;



}



.post_absolute a:hover::before,.posts_data:hover:before{opacity: 0.4;}



#hero .post h2{



      line-height: 30px;



      text-shadow: 1px 1px 0 #000000;



}



#hero .post .slider_title h2{



  width: 80%;



}



body #hero .left .post .info{



  position: relative;



  display: inline-block;



  width: 100%;



  vertical-align: middle;



  margin-right: 5px;



}



#hero .post .info,.aqar .post .info,.mix .post .info,.sport .post .info .technology{



  transition: all .2s ease-out;



  position: absolute;



  z-index: 1;



  padding: 0 12px;



  bottom: 15px;



  width: 100%;



}



.mix .post .info{bottom: 7px;}



.category{



    top: 0px;



    border-radius: 0px;



    background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%);
    background: #2f1f4d;


    right: 20px;



    font-size: 14px;



    font-weight: 100;



    z-index: 9;



    padding: 4px 12px 4px 12px;



}



.date{



  font-size: 13px;color: gray;



}



span.eshari{



  background-color: #5d5d5d;



  color: #fff;



  font-size: 13px;



    padding: 6px 10px 6px 10px;



    display: inline-block;



}



.card{



       background-color: transparent;



}



.category_site{
  /* background: #f5faff7d; */
  background: #9fa1a124;
}



.main-box{padding: 15px 0;}



.slider_cur{



  background: #000;



  direction: ltr;



}



.slide_title{



  background: #d81717;



}



.mid-pd{padding-left: 7.5px;padding-right: 7.5px;}







.slider_cur .item{



  border-left: 1px solid #fff;



  padding-left: 12px;



  line-height: 12px !important;



  text-align: center



}



.slider_cur .item h4{



      font-size: 13px;



      margin-bottom: 0;



}



.company{







}



.company .card{



  background: none !important;



  border: none;



}



.company article .card .card-body h5{



    line-height: 20px;



    color: #353638 !important;



    margin-bottom: 0 !important;



}



.mix >:nth-child(2){padding-left: 0;}



.mix:nth-child(3),.mix:nth-child(4){padding-left: 7.5;}



.mix:nth-child(5),.mix:nth-child(6){padding-right: 7.5;}



.economie_tr .category{



  bottom: 40%;



  right: 8%;



  top:unset;



}







.title{



    margin-bottom: 1rem!important;



    position: relative;



}







.reading .title{



  margin-bottom: 0 !important;



}



.reading .title::before{



    display: none;



}



.top-header i{



  color: #d81717;



}







.title::before {



    position: absolute;



    content: '';



    height: 3px;



    width: 30px;



    right: 0;



    bottom: -8px;



    background: black;



}







.title h1{



  color: #d81717;



  font-size: 22px;



  font-weight: bold;



}



article .card img,article .card{



  border-radius: 0 !important;



}







.post-title{



    bottom:15px;



    z-index:100;



    color:#fff;



    text-align:right;



}



article .card .card-body{



  /* background:#f5faff7d; */
  background: #9fa1a124;



  height:75px;



}



article .card .card-body h5{



  line-height: 28px;



  color: #000 !important;



}



.cat_card{



  top: 52%;



  background: #d81717;



  right: 3%;



  transform: translateY(50%);



}



body .economie_post article .card .card-body h5{



    line-height: 20px;



}



body .economie_post .category{



  right: 10%;



}



body .economie_post .card{



      border: unset;



}



body .economie_post .card-body{



  background: none !important;



}



.aqar .img_media{



  width: 106px;



  margin-left: 10px;



  height: 90px;



}



.aqar .media-body{



  /* width: calc(100% - 148px); */



  vertical-align: middle;



}



.media-body h5{



  line-height: 18px;



}



.aqar li.media{



  position: relative;



}



.height8{



  height: 8px;



  background: #000;



}



.aqar li.media::before {



    position: absolute;



    content: '';



    width: 100%;



    height: 1px;



    background: #cecece;



    bottom: 4px;



    right: 0;



}



.aqar li.media:last-child::before{



  display: none;



}



.aqar .media-body p{



      border-right: 3px solid #d81717;



    padding-right: 5px;



     font-family: HelveticaBold;



  }







  .world article .card .card-body h2 {



    line-height: 20px;



    color: #fff !important;



}



.world article .card .card-body {



    /*background: #343a40;*/



}







.media-body small::before {



    position: absolute;



    top: 32%;



    right: 26%;



    background: #d81717;



    content: '';



    width: 3px;



    height: 16px;



}



.jobs ul li i{



  color: #d81717;



}



.jobs ul li{



  line-height: 16px;



  font-size: 14px;



  padding: .95rem 1.25rem;



  background: #f1f1f1;



  border: none;



  margin-bottom: 15px;



}



.reading .title {



  background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%);
  
  background: #2f1f4d;

    color: #fff;



    border-bottom: 4px solid #2f1f4d  ;



}







.card-title a{    display: block;



    color: #000;}



.card:hover .card-title a{color: #d81717;}











.news_read{



  position: relative;



  border-top: 1px solid #ddd;



  padding: 12px 0;



  margin-top: 0 !important;



}



.world .img_media {



    width: 78px;



    height: 78px;



}



.world .img_media img{



    height: 100%;



}







.my-nav .form-inline input[type="search"] {



    width: 100%;



    height: 100%;



    font-size: 13px;



    line-height: 33px;



    padding: 0 20px;



    border: 1px solid #cccccc;



    background-color: #ffffff;



}



.form-control:focus{



  box-shadow: 0 0 0 0.2rem rgba(232, 69, 69, 0.09) !important;



}



.social-media ul {



    padding: 0;



    padding: 32px 0;



    text-align: left;



    margin-bottom: 0;



}



.social-media li {



    display: inline-block;



    list-style: none;



    margin-left: 5px;



}



.social-media li a {



    font-size: 15px;



    border-radius: 50%;



    padding: 6px 7px 0px 7px; 



    position: relative;



    width: 35px;



    height: 35px;



    display: block;



    border: 1px solid #464646;



    text-align: center;



    vertical-align: middle;



    color: #464646;



}



.btn_search {



    width: 28px;



    position: absolute;



    top: 8px;



    left: 4px;



    font-size: 20px;



    line-height: 29px;



    text-align: center;



    border: none;



    background: none;



    color: white;



}



.font10{



  font-size: 10px !important;



}



.font11{



  font-size: 11px !important;



}



.font12{



  font-size: 12px !important;



}



.font13{



  font-size: 13px !important;



}



.font14{



  font-size: 14px !important;



}



.font15{



  font-size: 15px !important;



}



.font16{



  font-size: 16px !important;



}



.font17{



  font-size: 17px !important;



}



.font18{



  font-size: 18px !important;



}



.font20{



  font-size: 20px !important;



}



.font22{



  font-size: 22px !important;



}



.font21{



  font-size: 21px !important;



}















.marquee {



  /* width: 100%; */



  overflow: hidden;



}



.social-media li a{







}



.my-nav .navbar-expand-lg .navbar-nav .nav-link,.social-media li a{



  position: relative;



}











.social-media li a::before{



    height: 0%;



    width: 0%;



    right: 50%;



    top: 50%;



    z-index: -2;



    border-radius: 50%;



    /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */

    background-color: #2f1f4d;
    border: 1px solid #2f1f4d;

    position: absolute;



    content: '';



    -webkit-transition: all .2s ease-out;



    -moz-transition: all .2s ease-out;



    -o-transition: all .2s ease-out;



    transition: all .2s ease-out;



}



.social-media li a{



  z-index: 0;



  



}



.social-media li a:hover{color: #fff;



}



.social-media li a:hover::before {



    height: 100%;



    width: 100%;



    top: 0; right: 0;



}







.my-nav .navbar-expand-lg .navbar-nav .nav-link:hover::before{



  height: 100%;



}



.foot{border-top: 1px solid #423e3e;



    margin-top: 20px;}



.jobs ul li:hover i{



  color: #fff !important;



}



.jobs ul li:hover{



  color: #fff !important;



  background: #d81717;



}



.jobs ul li:hover a,.jobs ul li:hover a:hover{



  color: #fff !important;



}



.world article .card:hover .card-body{



    background: #525252;



}



.economie_post a:hover {



    color: #d81717;



}



.right-box{



    position: relative;



    display: -ms-flexbox;



    display: flex;



    -ms-flex-direction: column;



    flex-direction: column;



    min-width: 0;



    word-wrap: break-word;



    background-color: #fff;



    background-clip: border-box;



    border: 1px solid rgba(0,0,0,.125);



    border-radius: .25rem;



}



.inner-box {



    line-height: 30px;



    text-align: justify;



}



.almasdr, .slo {



    color: #d81717;



}



.article h1 {



    margin: 0px 0px 5px;



    font-size: 25px;



    color: #fff;



    font-family: HelveticaBold;



    text-align: right;



    background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%);
    background: #2f1f4d;


    padding: 15px 15px 19px 15px;



}



.text-size span{margin-left: 3px;}



.slo{



  color: #2f1f4d  ;



    /*background: #fff;*/



    display: inline-block;



    /*padding: 0px 15px 4px 15px;*/



    font-size: 13px;



    margin-bottom: 15px;



}



.article-date {



    margin: 15px 0 0px;



    display: block;



    font-size: 13px;



    color: #807e7d;



}



.post-thumb {



    position: relative;



}



 figure {



    margin: 0;



}



.post-thumb p {



    margin: 0;



    background-color: rgba(0,0,0,.5);



    color: #eceff2;



    position: absolute;



    bottom: 0;



    left: 0;



    padding: 0 14px 3px;



}



.article-social {



    padding: 5px;



    margin: 7px 0;



    line-height: 25px;



}



.text-size {



    margin-top: 2px;



    float: left;



    font-size: 12px;



}



.text-size:hover{color:  #d81717;}



.almasdr {



    font-family: HelveticaBold;



    font-size: 15px;



}



.dec-size, .inc-size, .tools {



    font-size: 13px;



    cursor: pointer;



    color: #4C4C4C;



    margin-left: 9px;



}



.post-article-details {



    /*font-size: 15px;*/



    margin-bottom: 15px;



}



.post-article-details * {



    max-width: 100%;



}



.post-same h3, .post-tags {



    margin-bottom: 15px;



}



.post-same h3, .post-tags h3 ,.news_rel h3{



    display: inline-block;



    font-family: HelveticaBold;



    color: #000000;



    margin-top: 0;



    font-size: 16px;



    margin-left: 7px;



}



.categories .card-title{height: 60px;}



.news_rel h3{padding-right: 15px;margin-bottom: 15px;}



.post-tags a {



    display: inline-block;



    color: #011;



    background: #fff;



    padding: 0 6px 2px;



    margin-bottom: 6px;



}



.post-tags a:hover {



    color: #ffffff;



    /* background: #d81717; */

    /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
    background: #2f1f4d;

}



.post-comments {



    background-color: #EFEFEF;



    padding: 5px;



    margin: 5px 0 15px;



    line-height: 25px;



}



#divButtons {



    padding: 0



}







#divButtons div.link {



    display: inline-block;



    min-height: inherit;



    width: 47%;



    text-align: right;



    margin: 2px 2px 5px 2px;



    padding: 6px;



    border: 1px solid #efe9e9;



    border-radius: 5px;



}



.clearfix{



  clear: both;



}



.link span{



  float: left;



  margin-top: 4px;



}



#divButtons .link  a {



  display: block;



}







.shares{



  padding: 3px 10px 11px 0;



}







.shares::before{



  position: absolute;



  top: 0;



  content: "";



  right: 0;



  width: 12px;



  height: 3px;



  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
  
  background: #2f1f4d;

}







.shares::after{



  position: absolute;



  top: 0;



  content: "";

  right: 0;

  left:unset;



  width: 3px;



  height: 12px;



  /* background: #d81717; */
  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
  background: #2f1f4d;


}







#divButtons .link  a i {



  padding: 7px;



  border-radius: 5px;



  color: #fff;



  height: 28px;



  width: 30px;



}







#divButtons .link a i.fa-facebook-f {



    background-color: #2d609b



}







#divButtons .link a i.fa-whatsapp {



    background-color: #12a988



}







#divButtons .link a i.fa-twitter {



    background-color: #16C7F4



}







#divButtons .link a i.google {



    background-color: #EC381C



}







#divButtons .link a i.fa-facebook-f:hover {



    background-color: rgba(45, 96, 155, .82)



}







#divButtons .link a i.fa-twitter:hover {



    background-color: rgba(22, 199, 244, .77)



}







#divButtons li a i.google:hover {



    background-color: rgba(236, 56, 28, .84)



}



.news_read{



  padding: 12px 0;



}



.news_read:hover h2{



  color: #5d5d5d;

  color: #00002d  !important;


}



.news_read .img_media {



    width: 100px;



    display: inline-block;



}



.news_read .text_media {



    width: calc(100% - 110px);



    display: inline-block;



    margin-right: 5px;



    vertical-align: top;



}



















.footer-links {



    width: 100%; 



    overflow: hidden;   



    text-align: center;



}



.footer-links .links {



    padding: 0;



    margin: 0;



    float: right;



}



.footer-links h2 {



    font-size: 15px;



    font-weight: 600;



    color: #fff;



    margin-bottom: 15px;



}



.footer-links .links-list li,.footer-links .links-list li {



    float: right;



    width: 50%;



    list-style: none;



    text-align: right;



}



.footer_logo p{



  font-size: 15px;



  text-align: justify;



  color: #1a3956;



  font-weight: bold;



}



.footer-links .links-list,ul.contact {



    margin: 0;



    padding: 0;



    list-style-type: none;



    padding-right: 15px;



}



.footer-links .links-list li a,.footer-links .contact li a {



    display: block;



    line-height: 26px;



    font-size: 13px;



    padding: 0;



}



.footer-links .links-list li i {margin-left:5px;}







.footer-links .links .links-list li a:hover {color: #a800ff;}



.js-marquee a{ display: inline-block;}



.footer-links ul.contact li {



    color: #979797;



    font-size: 13px;



    font-weight: 400;



    line-height: 26px;



    list-style: none;



}



.links.logo img{width: 190px;margin-top: 0px;}



.links.logo{text-align: center; width: 100%!important;margin: 35px;}



footer{border-top: 1px solid #ddd;}



.footer .copyright {



    float: right;



    color: #fff;



    font-size: 12px;



    line-height: 40px;



}



.footer .high5 {



    position: absolute;



    top: 0;



    right: 50%;



    color: #ffffff;



    font-size: 12px;



    font-weight: 300;



    line-height: 40px;



    -webkit-transform: translateX(50%);



    -moz-transform: translateX(50%);



    -ms-transform: translateX(50%);



    -o-transform: translateX(50%);



    transform: translateX(50%);



}



.footer-menu{float: left; margin: 0; width: 100%;



    padding: 0;}



    .footer-menu li{list-style: none;}



.footer-menu li a{display: block;



    color: #ffffff;



    line-height: 40px;



    font-size: 12px; text-align: left;



    padding: 0 10px;}



.footer-menu li a:hover{color: #d43396  ;}



.copyright{float: right;



    margin: 9px 0;font-family: HelveticaBold ;color: #fff; font-size: 13px;}



.no-pd > :nth-child(1),.no-pd > :nth-child(3){padding-left: 7.5px;}



.no-pd > :nth-child(2),.no-pd > :nth-child(4){padding-right: 7.5px;}



.no-pd img{height: 150px}







.page-title {



    padding: 10px 10px;



    /* background: #f5faff7d; */
    background: #9fa1a124;


    margin: 15px 0 15px 0;



    display: block;



}



.page-title li{list-style: none; float: right;}



.page-title li:nth-child(2),



.page-title li:nth-child(4) {



    margin: 0 7px



}







.page-title li a {



    font-size: 16px;



    color: #00002d ;



}



.paging{



  text-align: center;



  margin-top: 30px;



}



.paging nav{



  display: inline-block;



}



.paging .page-item.active .page-link{



  background-color: #2f1f4d;



  border-color: #2f1f4d;



}



.paging .page-link{



  color: #000000;



}



.paging .page-link:focus{



  box-shadow: 0 0 0 0.2rem rgb(234 102 69 / 14%);



}



.static-inner-box{



  background-color: #fafdff;
  background-color: #9fa1a124;



  padding:15px;



}



.contact .form_contact .form-control:focus{



  border-color: #d81717;



}



.contact .form_contact .form-control{



  font-size: 13px;



  border-radius: 0;



  resize: none;



}



.btn_send{



  background-color: #2f1f4d;



  border-color: #2f1f4d;



  border-radius: 0;



}



.btn_send:hover{



  background-color: #d81717;



  border-color: #d81717;



}



.btn_send:focus{



  box-shadow: 0 0 0 0.2rem rgba(216, 23, 23, 0.16);



}



.btn_send:not(:disabled):not(.disabled):active{



  color: #fff;



  background-color: #d81717;



  border-color: #d81717;



}



.btn_send:not(:disabled):not(.disabled):active:focus{



  box-shadow: 0 0 0 0.2rem rgba(216, 23, 23, 0.16);



}



.g-recaptcha > div{



  margin: 0 auto;



}



.albums .item {



  overflow: hidden;



  margin-bottom: 30px;



  position: relative;



}



.photo_no {



  padding: 3px 15px 10px;



  background-color: #d81717;



  color: #fff!important;



  position: absolute;



  top: 50px;



  left: 20px;



  z-index: 9;



}



.albums .item a h2, .albums .item a:before {



  -webkit-transition: all .2s ease-out;



  -moz-transition: all .2s ease-out;



  -o-transition: all .2s ease-out;



  transition: all .2s ease-out;



}



.albums .item a:before {



  content: '';



  position: absolute;



  z-index: 1;



  bottom: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background: -moz-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.8)),color-stop(60%,rgba(0,0,0,.1)));



  background: -webkit-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



  background: -o-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



  background: -ms-linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,00,.1) 60%);



  background: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3e50', endColorstr='#2c3e50', GradientType=0);



}



.albums .item a h2 {



  font-family: HelveticaBold;



  text-shadow: 1px 1px 0 #2c3e50;



  position: absolute;



  bottom: 5px;



  color: #fff;



  z-index: 9;



  text-align: right;



  right: 15px;



  font-size: 18px;



  width: 92%;



  line-height: 29px;



}



.albums .item a h2, .albums .item a:before {



  -webkit-transition: all .2s ease-out;



  -moz-transition: all .2s ease-out;



  -o-transition: all .2s ease-out;



  transition: all .2s ease-out;



}



.albums .item:nth-child(odd) a h2 {



  right: 30px;



}



.albums .item a:hover:before, .albums.photos .item a:before {



  opacity: 0;



}



.h1 {



  padding: 0 12px;



  color: #d81717;



  margin: 0 5px 30px 0;



  font-size: 30px;



}0deg,rgba(0,0,0,.8) 0,rgba(0,0,00,.1) 60%);



  background: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.1) 60%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3e50', endColorstr='#2c3e50', GradientType=0);



}



.albums .item a h2 {



  font-family: HelveticaBold;



  text-shadow: 1px 1px 0 #2c3e50;



  position: absolute;



  bottom: 5px;



  color: #fff;



  z-index: 9;



  text-align: right;



  right: 15px;



  font-size: 18px;



  width: 92%;



  line-height: 29px;



}



.albums .item a h2, .albums .item a:before {



  -webkit-transition: all .2s ease-out;



  -moz-transition: all .2s ease-out;



  -o-transition: all .2s ease-out;



  transition: all .2s ease-out;



}



.albums .item:nth-child(odd) a h2 {



  right: 30px;



}



.albums .item a:hover:before, .albums.photos .item a:before {



  opacity: 0;



}



.h1 {



  padding: 0 12px;



  color: #d81717;



  margin: 0 5px 30px 0;



  font-size: 30px;



}







.overlay .closebtn{



  top: 7%;



  left: 1.2%;



}



.overlay {



  height: 100%;



  width: 100%;



  display: none;



  position: fixed;



  z-index: 1000000 !important;



  top: 0;



  left: 0;



  background-color: rgb(0,0,0);



  background-color: rgba(0,0,0, 0.9);



}







.overlay-content {



  position: relative;



  top: 46%;



  width: 80%;



  text-align: center;



  margin-top: 30px;



  margin: auto;



}







.overlay .closebtn {



  position: absolute;



  top: 20px;



  left: 45px;



  font-size: 60px;



  cursor: pointer;



  color: white;



}







.overlay .closebtn:hover {



  color: #ccc;



}







.overlay input[type=text] {



  padding: 15px;



  font-size: 17px;



  border: none;



  /* float: left; */



  width: 50%;



  color:#fff;



  border: 1px solid #ddd;



  background: transparent;



}



.overlay input[type=text]::placeholder{



    color:#fff;



}



/* .overlay input[type=text]:hover {



  background: #f1f1f1;



}



 */



 .overlay button i {



     color:#fff;



 }







.overlay button {



  /* float: left; */



  width: 4%;



  padding: 15px;



  background: transparent;



  font-size: 17px;



  border: none;



  cursor: pointer;



}



.openBtn {



    border: none;



    cursor: pointer;



     color:#fff !important;



  }







  .openBtn:hover i{



    color: #fff !important;







  }



.owl-theme .owl-nav [class*=owl-]:hover{



    outline: none;



    background: none !important;



  }



  .owl-theme .owl-nav{



    margin-top: 0 !important;



  }



  .owl-next span, .owl-prev span{



    font-size: 50px !important;



  }



  



 .owl-nav button:focus {



    outline: none !important;



}



.city-list{



  list-style: none;



}



.city-list li{



  display: none;



  list-style: none;



}

.myTicker ul li{

  width: 100%;

}

body .city-list li a{



  color:#fff !important;



}

.myTicker .list-group{

  width: 100% !important;

}

.js-marquee a{



  color: #d6d6d6 !important;



}







@media screen and  (max-width: 767px) {

    .currency{

        margin-top:30px;

    }

    .social-media ul{

    text-align:left !important;

}

  .my-nav{

    background: #d81717;

  }

  .social-media li{

      margin-left:0;

  }

  .lang_site{

      display:none

  }

  .post_data{

    margin-bottom: 15px;

  }

  .my-nav .nav-link{

      color:#fff;

  }

  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

    bottom: unset !important;

    top:1px !important;

  }

  #hero .post .slider_title h2{

    width: 100% !important;

  }

   #hero .left{

    display: none;

  }

  body .copyright{

    text-align: center !important;

  }

  footer .social-media ul{

    text-align: center !important;

  }

  .search-f input{

    width: calc(100% - 58px) !important;

  }

  .social-media li{

    margin-bottom: 5px;

  }

  .search-f{

    width: 75%;

  }

    .social-media ul{



            padding: 24px 0 !important;



    }

    .header .row{

        flex-direction: row-reverse;

    }



.logo {



 



    padding: 16px 0 !important;



}



    .my-nav .navbar-expand-lg .navbar-nav .nav-link {



        padding: 10px 1.2rem 9px 1.2rem !important;



    }







  .top-header .static-page{



    display:none;



  }



  .mobile_item{



    display:initial;



}



  .logo{



    width: 95% !important;



    



  }



  .social-media li a{



    height: 28px;



    width: 28px;



    padding: 2px 0;



  }



  .social-media ul{



    margin: 0px 0;



  }



  .owl-nav{



    width: 93% !important;



    top: 45% !important;



  }



  .btn_search{



    top: 5px !important;



  }



  .posts .owl-stage-outer {



    margin-bottom: 18px;



  }



  .posts .left .pl-0 {



    padding-right: 15px !important;



  }



  .city-list li{



    font-size: 13px !important;



  }



  .minus-left{



    padding-left:15px !important;



  }



  .mid-pd{



    padding-left:15px !important ;



    padding-right:15px !important;



  }



  .minus-left .big-box{



    margin-bottom: 25px;



  }



  .minus-right{



    padding-right:15px !important;



  }



  .economie_post{



    margin-top: 0 !important;



  }



  .economie_post article{



    margin-bottom: 25px;



  }



  .te_nes{



    margin-right: 0 !important;



  }



  .mix >:nth-child(2){



    padding-left:15px !important ;



  }



  .mix .post{



    margin-bottom: 25px !important;



  }



  .no-pd > :nth-child(1), .no-pd > :nth-child(3){



    padding-left:15px !important ;



    margin-bottom: 0 !important;



  }



  .no-pd > :nth-child(2), .no-pd > :nth-child(4){



    padding-right:15px !important;



    margin-bottom: 0 !important;



  }



  .company .col-md-6 {



    margin-bottom: 0px;



  }



  .links.logo{



    margin: 0 auto 20px auto !important;



  }



  .footer-links .links{

    margin-top: 20px !important;

    float:none !important

  }



  .footer-menu li a{



    text-align: center !important;



  }



  .copyright{



    float:none !important



  }



  .my-nav .navbar{



    padding: 4px 0px !important;



  }



  .slider_currency_mobile{



    display: block !important;



  }



  .slider_currency_des{



    display: none;



  }



  .slider_cur{



    overflow: hidden;



  }



  .top-header .col-4{



    padding-right: 2.5px !important;



    padding-left: 2.5px;



    text-align: center;



  }



  .post-thumb p{



    font-size: 14px;



    line-height: 20px;



  }



}







img{



  width: 100%;



}



.navbar-toggler{





}







.navbar-toggler:focus {



  outline: none !important;



}



















.text-size span:hover {



  color: #a800ff ;



}



.carousel-control-next, .carousel-control-prev{



  width: 6% !important; 



}



.owl-theme .owl-nav [class*=owl-]{



  margin: 5px 18px !important;



}



.face_comments iframe{



  width: 100% !important;



}



span.newstype {



  /* color: #d81717; */
  
  /* color: #2f1f4d; */
  color: #a800ff;

  
  text-shadow: none;



}



.myTicker .list-group li{



  background-color: #ecf4fd  !important;

  background-color: #9fa1a124  !important;

  
}



.myTicker .list-group li:hover{



  
  /* background: linear-gradient(to right, #55fcff 0%, #a800ff 50%, #ff56ce 100%); */
  background-color: #2f1f4d  !important;

}



.myTicker .list-group li:hover a{



  color: #fff ;



}







.myTicker .list-group li a{



  color: #00002d;



  font-weight: bold;



}







@media screen and  (max-width: 360px){



    .social-media li{



        margin-left: -1px;



    }



    body .social-media ul {



    padding: 16px 0 !important;



}



}



#divButtons .link a i.fa-telegram-plane{

  background-color: #29a9eb;

}



.search-page {

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  z-index: 10000000000000000000;

  display: none;

}

.search-f input {

  width: 500px;

  background: transparent;

  border: 1px solid #fff;

  color: #fff;

}

.search-f {

  position: absolute;

  top: 45%;

  right: 50%;

  transform: translate(50%, 50%);

}

.search-f .search {

  background: transparent;

  border: none;

  color: #fff;

  font-weight: bold;

  font-size: 20px;

  margin-right: 20px;

}

.closeIcon {

  color: #fff;

  position: absolute;

  top: 30px;

  left: 30px;

}
.footer-links .links-list li a, .footer-links .contact li a{
  color: #5d5d5d !important;
}
.footer-links .links .links-list li a:hover {
  color: #2f1f4d !important;
}