/*
Dahayan Group
By Mai Mohamed 
13-11-2019
*/
body{
    direction:rtl
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Amiri', serif;
  font-weight:800
}
h5{
  line-height: 35px;
}
a{
  text-decoration: none !important;
}
/*===
common styles
====*/
.red{
    color:#C52E35;
}
.white{
    color:#fff;
}
.grey{
    color:rgba(255, 255, 255, 0.425);
}
.brown{
  color:#C52E35;
  font-weight: bold;
}
.under-line{
    width:150px;
    height:1px;
    background-color:#C52E35;
    
}
.btn{
  color:#fff;
  background-color:#89553b;
  border:2px solid #623621;
  border-radius: unset;
  padding:7px 35px;
}
.btn a{
  color:#fff;
  text-decoration: none;
}
.empty{
    opacity:0
}
/*====================*/
/*===
header
===*/
.header-main{
    background-color: #C52E35
}
.header-main--content{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row
}
.header-social{
    display:flex;
    flex-direction: row
}
.social{
    width:25px;
    height:25px;
    border:1.3px solid #fff;
    border-radius: 50%;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:0 2px;
}
#myHeader{
  z-index:10;
 }
 .sticky {
   position: fixed;
   top: 0;
   width: 100%;
 }
 
 .sticky + .content {
   padding-top: 102px;
 }
.header{
  height:300px;
  background-image:url("../imgs/s1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
.header-content{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background-color:rgba(51, 50, 50, 0.56);
  display:flex;
  align-items: center;
  justify-content: center;
}
.header-content h1{
  font-size:4rem
}
/*====================*/
/*===
navbar
===*/
  .navbar-light{
    background-color:#fff 
  }
  .nav-item  a{
    color:#C52E35 !important;
    padding-right:15px !important;
    font-weight:900
  }
  
  .navbar-light .navbar-toggler{
    border-color:#C52E35;
  }
  .navbar-light .active{
    color:#000
  }
 
/*===================*/
/*===
slider
===*/
.main-slide{
    position:relative;
    height:90vh;
    overflow:hidden !important
      
      }
      .main-slide .slide{
         height:100%;
         display:flex !important;
         align-items: center;
         justify-content: center;
      }
      .static-content{
        position:absolute;
        left:55%;
        bottom:65%
    }
    @media(min-width:1100px){
        .slide h1{
            font-size:60px;
        
        }
    }
    @media(max-width:400px){
        .slide h1{
            font-size:30px;
        
        }  
    }
    .split-word-animate{
      display:flex;
      flex-direction: row;
    }
    .slide-1{
   
      align-items: center;
      justify-content: center;
  
    }
    @media(min-width:800px){
      .slide p{
        font-size:32px;
        font-weight: 900
      }
    }

/*====================*/
/*===
about
===*/
.about h5{
  line-height: 35px;
}
/*====================*/
/*===
sponsers
===*/
.sponsers{
    background-color:#290a0c;
}
/*====================*/
/*===
contact
===*/
.contact{
    background-color:#332d2e;
}
.contact  input ,.contact textarea{
    background-color:#332d2e;
    border-top-color: #332d2e;
    border-left-color: #332d2e;
    border-right-color: #332d2e;
    border-bottom-color: rgba(255, 255, 255, 0.425);
}
.contact  input::placeholder{
    color: rgba(255, 255, 255, 0.425);
  }
  .contact  input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.425);
  }
  .contact  input ::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.425);
  }
  .contact input:focus ,.contact textarea:focus{
    background-color: #332d2e;
}
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
    border-top-color: #332d2e;
    border-left-color: #332d2e;
    border-right-color: #332d2e;
    border-bottom-color: rgba(255, 255, 255, 0.425);

}
.contact .form-control{
    color:rgba(255, 255, 255, 0.425);
}

/*===
copy-rights
===*/
.copy-rights{
  border-top:1px solid rgba(128, 128, 128, 0.404)
}
.copy-rights p{
  color:#555555cc;
}
/*===
==================================
projects
===*/
.gallary-image{
  overflow:hidden;
  border:8px solid #C52E35;
}
.gallary-image img{
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
}
.gallary-image img:hover{
  transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
}
.products-cert img{
  width:100%;
  object-fit: cover;
}
.dahayan-comp {
  background-image: url("../imgs/comp.PNG");
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  height:400px
}
/*===
================================
===*/
.contact-icon-cap{
  display:flex;
  flex-direction: row;
  justify-content: space-between
}
.contact-info-icon i ,.contact-info-icon span{
  color:#C52E35
}
.contact-info-icon span{
  font-weight: bold;
  font-size:18px
}
.contact-social-icons p{
  font-weight: bold;
}
/*===
footer
===*/
footer{
background-image:url("../imgs/s2.jpg");
background-position: center;
background-size:cover;
background-repeat: no-repeat;
position: relative;
min-height:350px
}
.footer-overlay{
  min-height:350px;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: rgba(15, 15, 15, 0.897);
  display:flex;
  align-items: center;
  justify-content: center;
}
.footer-social{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
/*===
news
===*/
.TickerNews{
	width: 100%;
	height: 50px;
	line-height: 48px;
}
.ti_wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ti_slide{
	width: 30000px;
	position: relative;
	left: 0;
	top: 0;
}
.ti_content{
	width: 8000px;
	position: relative;
	float:left;
}
.ti_news{
	float:left;
}