@font-face {
font-family: 'sahlnaskh-regular';
src: url('js/font/sahlnaskh-regular.woff') format('woff'), url('js/font/sahlnaskh-regular.ttf') format('truetype'),url('js/font/sahlnaskh-regular.svg#sahlnaskh-regular') format('svg'); }

body{font-family: sahlnaskh-regular;font-size: 9pt;background-color:#333;direction:rtl;margin: 0;padding: 0;outline: 0;}
	
p , a , li, ul, h1, h2, h3, h4, h5, button{color: #000; font-family:'serif', 'sahlnaskh-regular'; list-style: none; margin: 0; padding: 7px; direction:rtl;text-decoration: none;} 
h1, h2, h3, h4, h5{line-height: 1.5em; margin-bottom: 10px;}
h2{border-bottom: 1px solid #4e4b4b;}
p , a{font-weight: normal;}
	
.crblack a{color: #000;}.crwblack a{color: #888686!important;}.cwight a{color: #fff;}.crowight a{color:#e9e3e3!important;}
.text-muted{color: #6c757d !important;}
.fsmall{font-size: 80%;font-weight: 400;}
.prtext{color: #be1e2d !important;}
i:before {font-family: 'font awesome\ 5 free'; font-style: normal;font-weight: 700;font-size: 25px;}
a:before {font-family: 'font awesome\ 5 free'; font-style: normal;font-weight: 700;font-size: 25px;}
.scrollar,.nscrollar{overflow: hidden;}
.scrollar:hover {overflow-y: scroll;}
.scroll::-webkit-scrollbar {width: 10px;}
.scroll::-webkit-scrollbar-thumb {background: #888;}
.scroll::-webkit-scrollbar-track {background: #f1f1f1;}
.flex{display: flex; align-items: flex-start;}
@media only screen and (min-width:100px) and (max-width:500px){.flex{ flex-wrap: wrap;}}

.card{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 1px solid #cccccc57;}
.boxshadow{box-shadow: 1px 1px 7px 1px #cec5c587; border-radius: 5px;}
.boxshadowblack{box-shadow: 1px 1px 7px 1px #29030380; border-radius: 5px;}
.floatright{float:right}
.floatleft{float:left}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.overhidden{overflow: hidden; height: auto;}

#bodysite {
   margin-right: auto;
    margin-left: auto;
    width:100%; max-width: 1200px;
    overflow: hidden;
	margin-bottom: 80px;
}



/*--header menue*/
#header{ width: 100%;height: 140px;background: #3f5f5c;color: #fff;text-align: right;line-height: 140px; position: relative;overflow: hidden;}
/*--#logoheader { position: absolute; max-width: 300px; height: 90px; right:20px;}*/
#logoheader a{color: #fff;font-size: 30px;line-height: 90px;font-weight: bold;}
.earth i:before{color: #e4a3a3; margin-left: 5px; content: "\f0ac"; font-size: 30px;}

#leftheader{position: absolute; width: 300px;height: 150px;overflow: hidden;line-height: 140px;left: 5%;text-align: center;background: #3f5f5c;}
#leftheader a{color: #e9e4e4!important;font-size: 20px;padding: 4px 10px;border-radius: 5px; border: 1px solid #0000; font-weight: bold;}
#leftheader a:hover{background: #344745; border: 1px solid #c88b8b;}
@media only screen and (min-width:100px) and (max-width:870px){#leftheader{ display: none;}}
.paper i:before{color: #e9e4e4; margin-left: 5px; content: "\f1ea"; font-size: 20px;}
.book i:before{color: #e9e4e4; margin-left: 5px; content: "\f02d"; font-size: 20px;}
.callus i:before{color: #e9e3e3; margin-left: 5px; content: "\f095"; font-size: 14px;}
.mail i:before{color: #e9e3e3; margin-left: 5px; content: "\f0e0"; font-size: 14px;}
.info i:before{color: #e9e3e3; margin-left: 5px; content: "\f05a"; font-size: 14px;}

	
#headermenue{display: flex;
    width: 100%;
    height: 40px;
    background: #3f5f5c;
    text-align: right;
    line-height: 40px;
    margin-top: 1px;
    overflow: hidden;
    font-size: 12px;
    flex-wrap: wrap;
    font-weight: bold;}


.itmh{color:#e9e3e3;font-weight: 200; margin-right: 10px;padding: 4px 10px;border-radius: 5px; border: 1px solid #0000;font-size: 18px;}
.itmh i:before{color: #e9e3e3; margin-left: 5px; content: "\f5a1"; font-size: 14px; display: inline-block;}
.itmh2 i:before{color: #e9e3e3; margin-left:5px;content:"\f5a1";font-size: 20px;}
.itmh:hover{background: #344745; border: 1px solid #c88b8b;}

#sitemenue {display: none;}
@media only screen and (min-width:100px) and (max-width:1200px){#sitemenue{ display: block;}}

#sitemenue:before { color: #e9e3e3;content: "\f0c9";  margin-top: 8px;margin-right: 10px;display: inline-block;}

.dropbtn {cursor: pointer;}

#myDropdown {
padding: 20px;
    width: 90%!important;
    position: fixed;
    text-align: right;
    line-height: 10px;
    overflow: hidden;
    right: 0px;
    top: 222px;
    background: #fff;
    height: 100%;
    z-index: 99999999999;
}

.dropdown-content a {
    color: #4b1212;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    margin: 2px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content {
    display: none;
    z-index: 1;
}

.show {
    display: block!important;
}




#mainblocks{   
    width: 100%;
    padding: 20px;
    direction: rtl;
}

@media only screen and (min-width:100px) and (max-width:500px){#mainblocks{ padding: unset;}}




#leftbody{
    width: 25%;
    background: #00000014;
    padding: 20px;
    direction: rtl;	
	
}


#section{position: relative; overflow: hidden;
    width: 100%; margin: 10px;	    
	margin-bottom: 15px;
}

@media only screen and (min-width:100px) and (max-width:500px){#section{ width: 100%!important;margin: auto;}}


#blockname,#blocknamevideo{line-height: 40px;
    width: 100%; margin-bottom: 5px;
    background-color: #b11014;
    color: #fff;
    font-size: 22px;
    align-items: stretch;
    justify-content: space-between;
    box-shadow: 0 0 10px 0 #e4e1e1;
    border-radius: 3px;
    overflow: hidden;}

#blockname i:before{ margin-right: 10px;margin-left: 10px;content: "\f5a1";}
#blocknamevideo i:before{ margin-right: 10px;margin-left: 10px;content: "\f04b";background: #bb7375;padding: 7px 20px;border-radius: 5px;line-height: 60px;}

#stickybig {padding:5px; text-align: center;background: #fff;width: 48%;height: 415px;overflow: hidden;font-weight: bold;font-size: 22px;}
#stickybig:hover{background: #f0f0f0;}
#stickybig img{width: 100%; height: 315px;}
@media only screen and (min-width:100px) and (max-width:500px){#stickybig{ width: 100%;font-size: 20px;}}

#stickyleft{width: 49%;overflow: hidden;height: 415px; padding: 5px; background: #fff; display: flex; flex-wrap: wrap; margin-right: 5px;}
#stickyleft:hover{background: #f0f0f0;}
@media only screen and (min-width:100px) and (max-width:500px){#stickyleft{ width: 100%; margin: 10px 0px 1px 0px; }}


#contain2{margin-right: 18px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    max-height: 415px; 
}
@media only screen and (min-width:100px) and (max-width:500px){#contain{ width: 100%; margin: 10px 0px 1px 0px; padding: unset; }}


#lboxblock {direction: rtl; margin-right: 18px;
    flex: none;text-align: center;
    width: 100%;
    align-items: flex-start;
    display: flex;
	    flex-wrap: wrap;
}
@media only screen and (min-width:100px) and (max-width:500px){#lboxblock{ margin: 1px; }}

#firstpostV{width: 100%!important; padding-bottom: 10px; margin-bottom: 10px; height: auto!important;font-size: 18px!important;}
#firstpostV img{height: 280px!important;width: 100%;}

#simblepost{font-size: 14px;
    background: #2b2727;
    height: 200px;
    width: 250px;
    white-space: normal;
    position: relative;
    overflow: hidden;
    direction: rtl;
    margin: 3px; border-radius: 5px;
    text-align: center;
    display: inline-block;
font-weight: 600;}

#simblepost a{color:#fff;}
#simblepost img{
    height: 145px;
    width: 100%; margin-top: -10px;
}
@media only screen and (min-width:100px) and (max-width:500px){
#simblepost{ width: 48.4%!important;}
#simblepost img{height: 120px;}
}


#Hpost{height: 90px;position: relative;width: 99%;overflow: hidden;margin-bottom: 5px; border: 2px solid #0000;}	
#Hpost img{width: 150px;height: 90px;}
#Hpost:hover{background: #f0f0f0;}

#postcontainer{
-webkit-box-flex: 1;
    flex-grow: 1; margin-right: auto;
    margin-left: auto;
    width: 100%; max-width:1200px;
    height: auto; direction: rtl;     	
}


#rightpost{width: 60%;height: auto; margin: 20px;padding: 10px;background: #fff;}
#headerpost{line-height: 5px; padding: 10px;}
#rightpost h1{font-size: 20px; }


#leftpost{
width: 40%; margin: 20px;
    height: auto;	background: #fff;
}
#leftpost h3{font-size: 20px; padding: 10px; margin-bottom: 10px; border-bottom: 2px solid #a54949;}

@media only screen and (min-width:100px) and (max-width:500px){
#postcontainer{flex-wrap: wrap;}
#rightpost{width: 100%;	}
#leftpost{width: 100%; }
}



#footer {width: 100%;
    background: #2b2727;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
	margin-top: 20px;
}


#footer h1,h7{padding: 5px;
    width: 150px;
    border-bottom: 5px solid #4e4b4b;
    margin-bottom: 10px;
    text-align: center;
margin-right: 10px; color: #b1a9a9;}

#footer h4{font-size: 30px;
    text-align: center;color: #b1a9a9;}

#footer a,i{color: #b1a9a9 !important;}
.link i:before{content: "\f0c1"; font-size: 14px;}
.locat i:before{margin-left:5px;content:"\f3c5";font-size: 16px;}

.sidefooter{padding: 10px;
    max-height: 500px;
    width: 45%; text-align: center;
    margin-right: 2px; float: right;
}	
@media only screen and (min-width:100px) and (max-width:750px){.sidefooter{width: 100%;}}
@media only screen and (min-width:820px) and (max-width:1000px){#footer h4{font-size: 25px;}}
@media only screen and (min-width:750px) and (max-width:820px){#footer h4{font-size: 22px;}}
	
#wetrewtew i:before {content: "\f39e";}

.fa-twitter-square:before {
    content: "\f081";
}














/* ---- sliders---- */


.carousel {

}

.carousel-cell {
  width: 180px;
  height: 200px;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}



.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots { display: none;
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fddec1;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

@media only screen and (min-width : 100px) and (max-width : 700px) {
.flickity-page-dots {display:none;}
 }
 
  .b-lazy {
      -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
       transform: scale(1);
       opacity:1;
    }