﻿.slideshow-info-dn-col{
    padding:0;
    display:flex;
    justify-content:flex-end;
    align-content:center;
    
}
.slideshow-profile{
    margin-right:15px;
    padding:20px;
}
.slideshow-info{
    padding:25px; 
    background-color:white;
    color:black;
}

.slideshow-info-up strong{
    font-size:60px;
    color:rgba(128, 128, 128,.3);
    position:relative;
    margin-top:0;
    margin-right:0;
    font-family:cairo;
    line-height:60px;
}
.slideshow-info-up h1{
    font-weight:bold;
    font-size:60px;
    color:rgba(128, 128, 128,.3);
    position:relative;
    margin-top:0;
    margin-right:0;
    font-family:cairo;
    line-height:30px;
}
/*-- من نحن */
.slideshow-info-up small{
    font-size:25px;
    color:orange;
    position:relative;
    margin-top:-120px;
    margin-right:5px;
    z-index:1;
    font-family:Arial;
}
.slideshow-info-up h6{
    font-size:25px;
    color:orange;
    position:relative;
    margin-top:-105px;
    margin-right:5px;
    z-index:1;
    font-family:Arial;
}
.slideshow-info-dn{
    background-color:orange;
    color:white;
    border-radius:15px;
}
.slideshow-info-dn i{
    
text-align:right;

    padding-top:30px;
    
}
.slideshow-info-md{
    background-color:transparent;
    padding:0;
}
.slideshow-info-md strong{
    background-color:transparent;
    font-family:cairo;
    font-size:45px;
}
.slideshow-info-md h6{
    margin-bottom:15px;
    font-size:medium;
    background-color:transparent;
}

.slideshow-container{
    position:relative;
    height:300%;
    width:100%;
}
.slideshow {
   background-color:azure;
  padding:2px;
  position:relative;
  
  height:590px;
  background-position:center;
  background-size:cover;
  overflow: hidden;
}

.slideshow-image {
    
    padding:5px;
    
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    opacity: 1;
    transform: scale(1.2);

    background-image: url('../images/profile.jpg');
}



.slideshow-info-dn-admin-img {
   padding:0;
    
  display:flex;
  align-content:center;
  justify-content:center;
  align-items:center;
 

}

.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 3;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
          animation-name: kenburns-2;
  z-index: 2;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
          animation-name: kenburns-3;
  z-index: 1;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
          animation-name: kenburns-4;
  z-index: 0;
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
  98.4375% {
    opacity: 0;
    transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
  98.4375% {
    opacity: 0;
    transform: scale(1.2117647059);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    transform: scale(1.2);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}


/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/

@media(max-width:850px){

.slideshow-profile{
--margin-right:15px;
--padding:20px;
}
.slideshow-info{
    padding:5px; 
    background-color:white;
    color:black;
}
/*صحبة الخير*/
.slideshow-info-up h1{
    font-size:20px;
    color:rgba(128, 128, 128,.5);
    position:relative;
    margin-top:0;
    margin-right:0;
    font-family:cairo;
    line-height:17px;

}
/*-- من نحن */
.slideshow-info-up h6{
    font-size:15px;
    color:orange;
    position:relative;
    margin-top:-50px;
    margin-right:3px;
    z-index:1;
    font-family:'El Messiri';
    
}
    
.slideshow-info-md{
    background-color:transparent;
    padding:0;
}
.slideshow-info-md strong{
    background-color:transparent;
    font-family:'El Messiri';
    font-size:20px;
}
.slideshow-info-md h6{
    margin-bottom:5px;
    font-size:8px;
    background-color:transparent;
}

/********* image ****************************************************/
.slideshow {
   background-color:azure;
  padding:1px;
  position:relative;
  
  height:400px;
  background-position:center;
  background-size:cover;
  overflow: hidden;
}



.slideshow-info-dn{
    
    padding:0;
    display:flex;
    align-content:flex-end;
    background-color:orange;
    color:white;
    border-radius:15px;
}
.slideshow-info-dn-i{
display:flex;
justify-content:flex-end;
    
    padding-top:2px;
    text-align:left;
}


.slideshow-info-dn-col{
    background-color:transparent;
    padding-top:5px;


}
.slideshow-info-dn-col i {
    font-size:10px;
}


.slideshow-info-dn-data  {
    background-color:transparent;
   
}
.slideshow-info-dn-data  h4 {
    
    font-size:8px;
    
}

.slideshow-info-dn-admin{
    background-color:transparent;
    
    height:50%;
    padding:0;
    margin:0;

}

.slideshow-info-dn-admin-img {
   padding:0;
    
  display:flex;
  align-content:center;
  justify-content:center;
  align-items:center;
 

}

.slideshow-info-dn-admin-img img {
  
    width:100%;
    height:100%;
    background-position:center;
    background-size:contain;
}

.slideshow-info-dn-admin h2 {
    font-size:10px;
    line-height:1px;
}



.slideshow-info-dn-admin h4 {
    font-size:6px;
}


.hide-col{
    visibility:hidden;
}

}