/******************************/

/*.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
  height: 100%;
  width: 100%;
}*/
.animation_tab1_heading
{
	//cubic-bezier(0.2,-1,0.8,2)
	 right: 50px;
	animation: animationtab1heading 1s ease-in-out forwards;
}
.animation_tab1_description
{
	
	 right: 50px;
	animation: animationtab1description 1.5s ease-in-out forwards;
}


@keyframes animationtab1heading{
  from{
     bottom: -100px;
  }
  to{
      bottom: 400px;
  }
}
@keyframes animationtab1description{
  from{
     bottom: -100px;
  }
  to{
      bottom: 300px;
  }
}


/******************************/
/******************************/
.animation_tab2_heading
{
	
	 right: 50px;
	animation: animationtab2heading 1s .5s ease forwards;
}
.animation_tab2_description
{
	
	 right: 50px;
	animation: animationtab2description .5s ease forwards;
}
@keyframes animationtab2heading{
  from{
    visibility: hidden;
  	bottom:320px;
  }
  to{
  	 bottom:400px;
     visibility:visible;
  }
}

@keyframes animationtab2description{
  from{
    visibility: hidden;
  	bottom:200px;
  }
  to{
     visibility:visible;
  	 bottom:310px;
  }
}


/******************************/
/******************************/
.animation_tab3_heading
{
  
   right: 50px;
  animation: animationtab3heading 2s  ease-in-out forwards;
}
.animation_tab3_description
{
  
   right: 50px;
  animation: animationtab3description 2s 2s ease-in-out forwards;
}
@keyframes animationtab3heading{
  from{
    visibility: hidden;
    
  }
  to{
   
     visibility:visible;
  }
}

@keyframes animationtab3description{
  from{
    bottom: 320px;
    visibility: hidden;
    
  }
  to{
     bottom: 300px;
     visibility:visible;
  }
}


/******************************/
/******************************/
.animation_tab4_heading
{
  
   right: 50px;
  animation: animationtab4heading 1s  ease forwards;
}
.animation_tab4_description
{
  
   right: 50px;
  animation: animationtab4description .5s 1s ease-in-out forwards;
}

@keyframes animationtab4heading{
  from{
     bottom: 0px;
     visibility: hidden;
     -webkit-transform: rotateY(25deg);
     transform: rotateY(25deg);
  }
  to{
     visibility:visible;
      bottom: 400px;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
  }
}

@keyframes animationtab4description{
  from{
   
    visibility: hidden;
    
  }
  to{
     
     visibility:visible;
  }
}


/******************************/
.animationImages
{
   
  right: 0px;
  left: 0px;
  height: 100%;
  animation:animationImage 10s ease-in-out forwards;
}
@keyframes animationImage
{
   0% {transform: scale(1);}
   
   50% {transform: scale(1.1);}
   
   
   100% {transform: scale(1);}
}

















@media(max-width: 1260px){

  
  
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
  height: 100%;
  width: 100%;
}

  /******************************/
.animation_tab1_heading
{
  //cubic-bezier(0.2,-1,0.8,2)
   right: 50px;
  animation: animationtab1heading 1s ease-in-out forwards;
}
.animation_tab1_description
{
  
   right: 50px;
  animation: animationtab1description 1.5s ease-in-out forwards;
}


@keyframes animationtab1heading{
  from{
     bottom: -100px;
  }
  to{
      bottom: 200px;
  }
}
@keyframes animationtab1description{
  from{
     bottom: -100px;
  }
  to{
      bottom: 100px;
  }
}


/******************************/
/******************************/
.animation_tab2_heading
{
  
   //right: 50px;
  animation: animationtab2heading 1s .5s ease forwards;
}
.animation_tab2_description
{
  
   //right: 50px;
  animation: animationtab2description .5s ease forwards;
}
@keyframes animationtab2heading{
  from{
    visibility: hidden;
    bottom:120px;
  }
  to{
     bottom:220px;
     visibility:visible;
  }
}

@keyframes animationtab2description{
  from{
    visibility: hidden;
    bottom:50px;
  }
  to{
     visibility:visible;
     bottom:120px;
  }
}


/******************************/
/******************************/
.animation_tab3_heading
{
  
   //right: 50px;
  animation: animationtab3heading 2s  ease-in-out forwards;
}
.animation_tab3_description
{
  
   //right: 50px;
  animation: animationtab3description 2s 2s ease-in-out forwards;
}
@keyframes animationtab3heading{
  from{
    visibility: hidden;
    
  }
  to{
   
     visibility:visible;
  }
}

@keyframes animationtab3description{
  from{
    bottom: 140px;
    visibility: hidden;
    
  }
  to{
     bottom: 120px;
     visibility:visible;
  }
}


/******************************/
/******************************/
.animation_tab4_heading
{
  
   //right: 50px;
  animation: animationtab4heading 1s  ease forwards;
}
.animation_tab4_description
{
  
   //right: 50px;
  animation: animationtab4description .5s 1s ease-in-out forwards;
}

@keyframes animationtab4heading{
  from{
     bottom: 0px;
     visibility: hidden;
     -webkit-transform: rotateY(25deg);
     transform: rotateY(25deg);
  }
  to{
     visibility:visible;
      bottom: 220px;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
  }
}

@keyframes animationtab4description{
  from{
   
    visibility: hidden;
    
  }
  to{
     
     visibility:visible;
  }
}


/******************************/
.animationImages
{
   
  right: 0px;
  left: 0px;
  height: 100%;
  animation:animationImage 10s ease-in-out forwards;
}
@keyframes animationImage
{
   0% {transform: scale(1);}
   
   50% {transform: scale(1.1);}
   
   
   100% {transform: scale(1);}
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
  height: 100%;
}


.tab3>.heading_fetures
{
  bottom: 200px;
  //font-size: 15px;
}

.tab4 > .Description_fetures
{
  //font-size: 15px;
  bottom: 120px;
}

}

@media(max-width: 1060px){
  .slide
  {
      height: 270px;
    min-height: 270px;
    max-height: 270px;
   // margin-top: -20px;
  }
  .carousel_container
  {
    margin-top: 20px;
  }
  .heading_fetures
  {

        font-size: 20px;
        right: 0px;
        left: 3px;
        color:white;
        width: 100%;
        padding-bottom:10px;
  }
  .Description_fetures
  {
        font-size: 15px;
        right: 0px;
        left: 3px;
        padding-top:10px;
        width: 100%;
  }
  .animationImages
  {
    height: 100%;
  }
  .tab2 > .Description_fetures, .tab2 > .heading_fetures
  {
    width: 100%;
  }
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
  height: 100%;
  width: 100%;
}
.animation_tab4_heading
{
  bottom: 40px;
}
  /******************************/
.animation_tab1_heading
{
  //cubic-bezier(0.2,-1,0.8,2)
   right: 50px;
  animation: animationtab1heading 1s ease-in-out forwards;
}
.animation_tab1_description
{
  
   right: 50px;
  animation: animationtab1description 1.5s ease-in-out forwards;
}


@keyframes animationtab1heading{
  from{
     bottom: -100px;
  }
  to{
      bottom: 100px;
  }
}
@keyframes animationtab1description{
  from{
     bottom: -100px;
  }
  to{
      bottom: 50px;
  }
}


/******************************/
/******************************/
.animation_tab2_heading
{
  
   //right: 50px;
  animation: animationtab2heading 1s .5s ease forwards;
}
.animation_tab2_description
{
  
   //right: 50px;
  animation: animationtab2description .5s ease forwards;
}
@keyframes animationtab2heading{
  from{
    visibility: hidden;
    bottom:32px;
  }
  to{
     bottom:140px;
     visibility:visible;
  }
}

@keyframes animationtab2description{
  from{
    visibility: hidden;
    bottom:20px;
  }
  to{
     visibility:visible;
     bottom:80px;
  }
}


/******************************/
/******************************/
.animation_tab3_heading
{
  
   //right: 50px;
  animation: animationtab3heading 2s  ease-in-out forwards;
}
.animation_tab3_description
{
  
   //right: 50px;
  animation: animationtab3description 2s 2s ease-in-out forwards;
}
@keyframes animationtab3heading{
  from{
    
    visibility: hidden;
    
  }
  to{
     bottom: 150px;
   
     visibility:visible;
  }
}

@keyframes animationtab3description{
  from{
    bottom: 32px;
    visibility: hidden;
    
  }
  to{
     bottom: 80px;
     visibility:visible;
  }
}


/******************************/
/******************************/
.animation_tab4_heading
{
  
   //right: 50px;
  animation: animationtab4heading 1s  ease forwards;
}
.animation_tab4_description
{
  
   //right: 50px;
  animation: animationtab4description .5s 1s ease-in-out forwards;
}

@keyframes animationtab4heading{
  from{
     bottom: 0px;
     visibility: hidden;
     -webkit-transform: rotateY(25deg);
     transform: rotateY(25deg);
  }
  to{
     visibility:visible;
      bottom: 140px;
     -webkit-transform: rotateY(0deg);
     transform: rotateY(0deg);
  }
}

@keyframes animationtab4description{
  from{
   
    visibility: hidden;
    
  }
  to{
      bottom: 100px;
     visibility:visible;
  }
}


/******************************/
.animationImages
{
   
  right: 0px;
  left: 0px;
  height: 100%;
  animation:animationImage 10s ease-in-out forwards;
}
@keyframes animationImage
{
   0% {transform: scale(1);}
   
   50% {transform: scale(1.1);}
   
   
   100% {transform: scale(1);}
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img
{
  height: 100%;
}

.tab3>.heading_fetures
{
  bottom: 80px;
  font-size: 15px;
}

.tab4 > .Description_fetures
{
  font-size: 15px;
  bottom: 40px;
}
.heading_fetures
{
  font-size: 16px;
  color: #a3e5e7;
}
  
}

@media(min-width: 1200px){
  .inner_section_services:nth-of-type(1)
  {
    margin-left: 4%;
  }
}
.form-group>input.MashareqinputCv:not([type='image'])
{
  height: auto;
  margin-left: 0px;
}