@font-face {
  font-family: moonlineA_1;
  src: url("Helvetica Moonline A_1.ttf");
}
@font-face {
  font-family: moonlineB_2;
  src: url("Helvetica Moonline B_2.ttf");
}
@font-face {
  font-family: moonlineC_3;
  src: url("Helvetica Moonline C_2.ttf");
}



body{
    direction: rtl;
    text-align: right;
    font-family: moonlineB_2;    
    font-size:12px;

}
.moonlineA_1{
  font-family: moonlineA_1;    
}
.moonlineC_3{
    font-family: moonlineC_3;    
}
.moonlineB_2{
    font-family: moonlineB_2;    
}
*{
    font-family: moonlineC_3;
    font-size:16px;
}
small{
    font-family: moonlineB_2;
}
li{
	list-style: none;
}
a,a:hover{
	text-decoration: none;
}
/******************************************************************/
.slide{
    overflow: hidden;
    background-color: #fff;
    padding: 0px;
    margin:0px;
    width: 100%;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



.staf_image{
    height:250px;
    overflow: hidden;
    width: 100%;
}
.staf_image_all{
    height:200px;
    overflow: hidden;
    width: 100%;
}
@media(max-width:768px){
    .staf_image{
        height:180px;
        overflow: hidden;
        width: 100%;

    }
    .staf_image_all{
        height:180px;
        overflow: hidden;
        width: 100%;
    }

}
/******************************************************************/
.cover-offer{
    width: 100%;
    height:150px;
    overflow:hidden; 
    margin-bottom:10px;
}
.card-img-offer{
    width: 100%;
    min-height:100%;
}
.product-img{
    width: 100%;
    height:120px;
    overflow:hidden; 
}
.product-img> img{
    width: 100%;
    min-height:100%;
}
.nav-link{
    font-family: moonlineC_3;

}
.c-white{
    color: #fff;
    text-shadow: 0px 0px 5px #000 , 0px 0px 10px #000,0px 0px 2px #000; 
}
.c-black{
    color: #222;
    text-shadow: 0px 0px 5px #fff , 0px 0px 10px #fff,0px 0px 2px #fff; 
}
.c-green{
    color: green;
}



.c-blue{
    color: #2196F3;
    text-shadow: 0px 0px 5px #fff , 0px 0px 10px #fff,0px 0px 2px #fff; 
}

.c-viber{
    color: #7F40BD;
    text-shadow: 0px 0px 5px #fff , 0px 0px 10px #fff,0px 0px 2px #fff; 
}
.bg-viber{
    background-color: #7F40BD ;
    border-color: #7F40BD ;
    color :#fff;
}
.padding-5{
    padding: 15px;
}
.c-active{
    color: #769724 ;
}
.bg-3{
    background-image:url('../img/bg3.jpg');
    background-position: center;
    background-size: cover;
}
.bg-4{
    background-image:url('../img/bg4.jpg');
    background-position: center;
    background-size: cover;
}
.bg-5{
    background-image:url('../img/bg5.jpg');
    background-position: center;
    background-size: cover;
}
.custm-tel{
    position: absolute;
    bottom:0;
}
.background{
    width:100%;
    min-height: 680px;
    background-image:url('../img/bg2.jpg') ;
    background-position: center;
    background-size: cover;
}
.over-search{
    height:200px;
}
.font-13{
    font-size:13px;
}
.font-15{
    font-size: 15px;    
}
.font-20{
    font-size: 20px;    
}
.font-25{
    font-size: 25px;    
}
.font-23{
    font-size: 23px;    
}
.search-input{
    font-size: 20px;
    height:50px; 
}
.btn-home-search{
    margin-top: -37px;
}
.img_post_home{
    width: 100%;
    height:180px;
    overflow:hidden;
}
.img_post_home>img{
    width: 100%;
    min-height: 100%;
}
.admin-eye{
    position: absolute;
    bottom: 0px;
    z-index:2;
    width: 100%;
}
.custom_post{
    margin-bottom:20px;
    padding: 0px;
    border-radius:4px;
    box-shadow: 0px 0px 1px rgba(200,200,200,0.1);
}

@media(max-width:768px){
.background{
    width:100%;
    min-height: 380px;
}

    .over-search{
        height:100px;
    }
    .search-input{
        font-size: 17px;
        height:40px; 
    }
    .btn-home-search{
        margin-top: -40px;
    }

}








@media(min-width: 768px){
    #sidebarCollapse{
        display: none;
    }
}
/********************************************/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #222;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 1000;
  	background-color: #1fc8db;
  	background:#222;
}
.bodyHide{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.closeNav{
    position: absolute;
    width: 100%;
    height: 10000%;
    /*background: rgba(0,0,0,0.3);*/
    z-index: 1;
}
.sidenav a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: 0.3s;
}
.sidenav a:hover {
  color: #111;
  background: rgba(255,255,255,1);
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color:  rgb(100,100,100);;
   cursor: pointer;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.title-home{
    font-size: 14px;
}
.closeNav{
    background: rgba(0,0,0,0.5);
}


.custm-menu-admin{
    position: fixed;
    height: 100%;
    overflow-y: scroll;
}
.nrx-class{
    width:100%;
    border: 1px solid #fff;
    padding:10px;
    border-radius:0px 5px 5px 0px ;
}
.nrx-class:hover,.nrx-class:active{
    box-shadow:0px -3px 5px #0175E4 inset;
    transition: all ease 0.8s;
}
.nrx-class-right{
    width:100%;
    border: 1px solid #fff;
    padding:10px;
    border-radius:5px 0px 0px 5px ;
}
.nrx-class-right:hover,.nrx-class-right:active{
    box-shadow:0px -3px 5px #0175E4 inset;
    transition: all ease 0.8s;
}
.admin-menu{
    padding:5px;
    border-bottom: 1px dashed #999; 
    color: #fff;
}
.admin-menu:hover {
    background-color: #fff;
    color: #222;
    transition: all ease 0.3s ;
}
.admin-menu:hover .admin-menu>li{
    color: #222;

}
@media(max-width:768px){
    .fixed-mobile{
        position: fixed;
        z-index:2;
        bottom: 0;
        width: 100%;
        overflow:hidden; 
    }
    .fixed-mobile>div{
        margin:0px;
        padding: 0px;
    }
}





.box{
    border:1px solid #fff;
    position: absolute;
    width: 100%;
    top:120%;
    left:50%;
    transform: translate(-50%,-50%);
    overflow: hidden;

}
.box a{
    color: #fff ;
    font-size: 20px;
}
.box a span{
    position: absolute;
    width: 100%;
    height: 100% ;
    top: 0 ;
    left:-120%;
    transition: 0.8s;
    background: rgba(255,255,255,0.7) ;
    transform: skewX(6deg);

}
.box a:hover span{
    left: 120%;

}

.loading{
/*    position: absolute;
    margin: 0 auto ;
    top:120px;
    bottom:0;
    right:0;
    left:0;
    z-index:2;
*/}
.feedback_text{
    width:100%;
    max-width:100%;
    min-width:100%;
    height:200px;
    min-height:200px;
    max-height:200px;
}
.akam_bajalan{
    color: #03A9F4 ;
}
.akam_bajalan:hover{
    color: #0175E4 ;
}
.dir-rtl{
    direction: rtl;
}
.dir-ltr{
    direction: ltr;
}