@font-face {
    font-family: 'NeoSansArabic';
    src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/NeoSansArabic.woff') format('woff'), 
    url('../fonts/NeoSansArabic.ttf')  format('truetype'),
    url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
}  
body{
    direction: rtl;
    font-family: 'NeoSansArabic';
}
.prpduct_name { 
    left: 15%;
    right: auto;
}
.content_title::before { 
    right: 0; 
    left: auto;
}
.img-block span { 
    left: 12px;
}
.header-bak {
		 background-image: url(../images/headerF.png);
		 background-repeat: no-repeat;
		 background-position: 34%;
		 height: 243px;
}

.movie-sos{
	 margin-top:10px;
  animation: mymove 1s;
  animation-fill-mode: forwards;
}
@keyframes mymove {
  from {right: 0px;}
  to {right: 30px; }
}

.owl-carousel a{
	direction: rtl;
}

.movie-logo{
	  margin-top:10px;
  animation: mymovelogo 1s;
  animation-fill-mode: forwards;
}
@keyframes mymovelogo {
  from {left: 0px;}
  to {left: 30px; }
}



.snip1135 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  
  /*background-color: #ec1c24;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ec1c24+0,ec1c24+47,ae141a+100 */
background: rgb(236,28,36); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,28,36,1) 0%, rgba(236,28,36,1) 47%, rgba(174,20,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(236,28,36,1) 0%,rgba(236,28,36,1) 47%,rgba(174,20,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(236,28,36,1) 0%,rgba(236,28,36,1) 47%,rgba(174,20,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1c24', endColorstr='#ae141a',GradientType=0 ); /* IE6-9 */

    border-radius: 8px;
   
    margin-bottom: -78px;
      box-shadow: rgb(85 85 85 / 50%) 0px 1px 2px 0px;
}
.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  padding: 20px;
}
.snip1135 a {
  padding: 0.5em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #000;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 a:hover:before,
.snip1135 .current a:before {
  opacity: 1;
  width: 100%;
}
.snip1135 a:hover:after,
.snip1135 .current a:after {
  max-width: 100%;
}









@media only screen and (max-width:576px){
	.movie-sos{
		max-width: 65%;
		 margin-top:10px;
	  animation: mymove 1s;
	  animation-fill-mode: forwards;
	}
	@keyframes mymove {
	  from {right: -20px;}
	  to {right: 10px; }
	}

	.movie-logo{
		  margin-top:10px;
	  animation: mymovelogo 1s;
	  animation-fill-mode: forwards;
	}
	@keyframes mymovelogo {
	  from {left: -20px;}
	  to {left: 10px; }
	}
	.header-bak {
		height: 27px;
    background-image: none;
    margin-top: 20px;
	}	
}