/*a link*/ /*@font-face {
  font-family: Hacen-Algeria-Hd;
  src: url('../fonts/Hacen-Algeria-Hd.ttf');
}*/
a:hover{text-decoration: none !important;}
.text-decoration-none,.text-decoration-none:foucs,.text-decoration-none:hover{text-decoration: none !important;}
/*a:hover{color: #333;}*/
/*colors*/
.mainActiveSuccess{color: #fff !important;background: #28a745 !important;}
.mainColor{color: #80bb01 !important;}
.subColor{color: #0bceff !important;}
.hoverMainColor:hover{color: #80bb01 !important;}
.hoverBackMainColor:hover{background: #80bb01 !important;color: #fff !important;}
.hoverBlack:hover{color: #333 !important;}
.backMainColor{background-color: #80bb01 !important;}
.backSubColor{background-color: #e89703 !important;}
.green{color: #00d700;}
.gold{color: gold;}
.light_blue{color: #00BFFF;}
.color-input{color: #495057;}
.backwhite,.bg-white,.hoverBackWhite:hover{background-color: #fff !important;}
.backwhite-rgba{background-color: rgba(255, 255, 255, 0.5) !important;}
.backBlack-rgba{background-color: rgba(1, 1, 1, 0.2) !important;}
.backGreen{background-color: #5eb548 !important;}
.back-ddd{background-color: #ddd !important;}
.back-eee{background-color: #eee !important;}
.back-gray{background: rgba(0,0,0,.05);}
.back-dark{background-color: #333 !important;}
.back-fafafa{background-color: #fafafa !important;}
.hover-back-eee:hover{background-color: #eee !important;}
.hover-back-fafafa:hover{background-color: #fafafa !important;}
.hover-back-white:hover{background-color: #fff !important;}
.text-gray{color: #afafaf;}
.back-fafa{background-color: #fafafa !important;}
.c-eee{color: #eee !important;}
.gray{color: #5c5c5c !important;}
.red{color: red !important;}
.back-danger{background-color: #d10000 !important;color: #fff !important;}
.mainActive{color: #fff !important;background: #80bb01 !important;}
.white{color: white !important;}
.black{color: #333 !important;}
.black333{color: #3e434b !important;font-weight: bold !important;}
.main-btn:hover{background-color: #fff !important;color: #80bb01 !important;}
.main-btn{font-weight: bold;background-color: #80bb01 !important;color: #fff !important;width: auto;padding: 5px 15px !important;border: 1px solid !important;cursor: pointer;}
.main-btn,.main-btn:active,.main-btn:focus,.btn {box-shadow: none !important;text-shadow: none !important;}
.main-outline-btn:hover{background-color: #80bb01 !important;color: #fff !important;}
.list-filters .active,.list-filters a:hover{background: #fff !important;color: #80bb01 !important;border-color: #80bb01 !important;
  box-shadow: 0 0 10px 1px #ddd;-webkit-box-shadow: 0 0 10px 1px #ddd;-moz-box-shadow: 0 0 10px 1px #ddd;-o-box-shadow: 0 0 10px 1px #ddd;

}
.sub-btn:hover{background-color: #ffffff;color: #e89703 !important;border-color: #e89703;}
.sub-btn{background-color: #e89703;color: #ffffff !important;width: auto;padding: 5px 15px;border: 1px solid;cursor: pointer;border-color: #e89732;cursor: pointer;}
/*public*/
.div-line{position: relative;font-weight: 500;text-transform:uppercase; display: inline-block;font-size: 18px;color: #80bb01;}
.div-line::before{background: #80bb01;content: "";height: 1px;left: -47px;position: absolute;top: 12px;width: 28px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.div-line::after{background: #80bb01;content: "";height: 1px;right: -47px;position: absolute;top: 12px;width: 28px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.gray-input{background-color: #fafafa;/* font-size: 1.1em; *//* padding: 28px 20px; */border-radius: 10px;color: #7b838a;height: 60px;}
.lg-main-btn:hover{background-color: #fff !important;color: #000 !important;}
.lg-main-btn{background-color: #80bb01 !important;color: #fff !important;width: auto;padding: 12px 35px;border: 1px solid #80bb01 !important;border-radius: 25px;font-weight: bold;border-right: 30px;}
.ltr{direction: ltr !important;}
.noSelect{  -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;        cursor: none; }
.over-hidden{overflow: hidden;}
.uppercase{text-transform: uppercase;}
.pointer{cursor: pointer !important;}
.bold{font-weight: bold !important;}
.bold{font-weight: bold !important;}
.small{font-weight: 400 !important;}
.d-block{display: block;}
.d-i-block{display: inline-block !important;}
.hide{display: none !important;}
.showing{display: block !important;}
.list-unstyled{list-style: none;}
.opacity:hover img{opacity: 0.50;transition: 0.3s;}
.outline-none,.outline-none:hover,.outline-none:foucs,.outline-none:active{outline: none !important;box-shadow: none !important;}
.shadow{box-shadow: 0 0 10px 1px #ddd;-webkit-box-shadow: 0 0 10px 1px #ddd;-moz-box-shadow: 0 0 10px 1px #ddd;-o-box-shadow: 0 0 10px 1px #ddd;}
.dark-shadow{box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-o-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);}
.dark-shadow-hover:hover{ box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);-o-box-shadow: 0 0 4px 0 rgba(0,0,0,.08), 0 2px 4px 0 rgba(0,0,0,.12);}
.shadow-none,.shadow-none:hover,.shadow-none:active,.shadow-none:foucs{
  box-shadow:  0 !important;
  -webkit-box-shadow:  0 !important;
  -moz-box-shadow:  0 !important;
  -o-box-shadow:  0 !important;
  }
  .shadow-hover:hover{  z-index:555555 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.3);-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.3);-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.3);-o-box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
  .has-err{border-color: red !important;}
.number{font-family: Oswald !important;}
.text-justify{text-align: justify;}
.short-hr{width: 150px;border-bottom: 2px solid #80bb01;margin: 20px 0;}
.short-hr-20{width: 20px;border-bottom: 2px solid #80bb01;margin: 20px 0;}
.short-hr-auto{width: 150px;border-bottom: 2px solid #80bb01;margin: 20px auto;}
.dot-3{text-overflow: ellipsis;     white-space: nowrap;  overflow: hidden;}
/*border*/
.b-b-2-main{border: 2px solid #80bb01 !important;}
.b-b-3-main{border: 3px solid #80bb01 !important;}
.b-b-3-transparent{border-bottom: 3px solid transparent !important;}
.b-b-5-transparent{border-bottom: 5px solid transparent !important;}
.b-r-0{border-radius: 0 !important;}
.b-0{border: 0 !important;}
.b-r-3-transparent{border-right: 4px solid transparent;}
.b-r-3-mainColor-hover:hover{border-right: 4px solid #80bb01;}
.b-2-eee{border: 2px solid #eee !important;}
.b-1-ddd{border: 1px solid #ddd !important;}
.b-1-333{border: 1px solid #333 !important;}
.b-main-color{border-color: #80bb01 !important;}
.b-1-555-foucs:foucs{border: 1px solid #555 !important;}
.b-r-5{border-radius: 5px !important;}
.b-r-10{border-radius: 10px !important;}
.b-r-20{border-radius: 20px !important;}
.b-r-30{border-radius: 30px !important;}
.b-r-50{ border-radius: 50% !important;}
.b-b-1-gray{border-bottom: 1px solid #eee !important;}
.b-b-1{border-bottom: 1px solid #80bb01 !important;}
.b-b-0{border-bottom: 0 !important;}
.b-b-3{border-bottom: 3px solid #80bb01 !important;}
.b-b-5{border-bottom: 5px solid #80bb01 !important;}
.b-l-8{border-left: 8px solid #80bb01 !important;}
.b-t-0{border-top: 0 !important;}
.b-t-b-1-ddd{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.b-t-3{border-top: 3px solid #80bb01;}
.b-t-5{border-top: 5px solid #80bb01;}
.hover-b-b-3:hover{border-bottom: 3px solid #80bb01 !important;}
.hover-b-b-5:hover{border-bottom: 5px solid #80bb01 !important;}
.border-white{border-color: #fff !important;}
/*margin*/
.m-0{margin: 0 !important;}
.m-5{margin: 5px !important;}
.m-10{margin: 10px !important;}
.m-20{margin: 20px !important;}
.m-b-5{margin-bottom: 5px !important;}
.m-b-8{margin-bottom: 8px !important;}
.m-b-10{margin-bottom: 10px !important;}
.m-b-15{margin-bottom: 15px !important;}
.m-b-20{margin-bottom: 20px !important;}
.m-b-30{margin-bottom: 30px !important;}
.m-b-40{margin-bottom: 40px !important;}
.m-b-50{margin-bottom: 50px !important;}
.m-b-100{margin-bottom: 100px !important;}
.m-b-150{margin-bottom: 150px !important;}
.m-t-0{margin-top: 0px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-20{margin-top: 20px !important;}
.m-t-30{margin-top: 30px !important;}
.m-t-40{margin-top: 40px !important;}
.m-t-50{margin-top: 50px !important;}
.m-t-60{margin-top: 60px !important;}
.m-t-70{margin-top: 70px !important;}
.m-t-80{margin-top: 80px !important;}
.m-t-90{margin-top: 90px !important;}
.m-t-100{margin-top: 100px !important;}
.m-t-130{margin-top: 130px !important;}
.m-t-150{margin-top: 150px !important;}
.m-t-180{margin-top: 180px !important;}
.m-t-200{margin-top: 200px !important;}
/*margin -*/
.m-t-15-{margin-top: -15px !important;}
.m-t-20-{margin-top: -20px !important;}
.m-t-25-{margin-top: -25px !important;}
.m-l-0{margin-left: 0 !important;}
.m-l-5{margin-left: 5px !important;}
.m-l-10{margin-left: 10px !important;}
.m-l-50{margin-left: 50px !important;}
.m-l-70{margin-left: 70px !important;}
.m-r-0{margin-right: 0 !important;}
.m-r-5{margin-right: 5px !important;}
.m-r-10{margin-right: 10px !important;}
.m-r-20{margin-right: 20px !important;}
.m-b-0{margin-bottom: 0 !important;}
.m-b-200{margin-bottom: 200px !important;}
.m-auto{margin:auto !important;}
/*padding*/
.p-btn{padding: 10px 40px 10px 40px;}
.p-0-10{padding: 0px 10px !important;}
.p-0-5{padding: 0px 5px !important;}
.p-5{padding: 5px !important}
.p-0-5{padding: 0px 5px !important;}
.p-6{padding: 6px !important;}
.p-8{padding: 8px !important;}
.p-10{padding: 10px !important;}
.p-15{padding: 15px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-40{padding: 40px !important;}
.p-50{padding: 50px !important;}
.p-80{padding: 80px !important;}
.p-0-20{padding : 0 20px !important;}
.p-5-20{padding : 5px 20px !important;}
.p-5-10{padding: 5px 10px !important;}
.p-10-15{padding: 10px 15px !important;}
.p-10-20{padding: 10px 20px !important;}
.p-10-30{padding: 10px 30px !important;}
.p-15-20{padding: 15px 20px !important;}
.p-b-5{padding-bottom: 5px !important;}
.p-b-10{padding-bottom: 10px !important;}
.p-b-15{padding-bottom: 15px !important;}
.p-b-20{padding-bottom: 20px !important;}
.p-b-30{padding-bottom: 30px !important;}
.p-b-40{padding-bottom: 40px !important;}
.p-b-50{padding-bottom: 50px !important;}
.p-b-100{padding-bottom: 100px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-15{padding-top: 15px !important;}
.p-t-20{padding-top: 20px !important;}
.p-t-30{padding-top: 30px !important;}
.p-t-40{padding-top: 40px !important;}
.p-t-50{padding-top: 50px !important;}
.p-t-5{padding-top: 5px !important;}
.p-t-55{padding-top: 55px !important;}
.p-t-100{padding-top: 100px !important;}
.p-0{padding: 0 !important;}
.p-b-0{padding-bottom: 0 !important;}
.p-t-0{padding-top: 0 !important;}
.p-l-0{padding-left: 0 !important;}
.p-l-5{padding-left: 5px !important;}
.p-l-10{padding-left: 10px !important;}
.p-l-50{padding-left: 50px !important;}
.p-l-60{padding-left: 60px !important;}
.p-l-70{padding-left: 70px !important;}
.p-r-0{padding-right: 0 !important;}
.p-r-5{padding-right: 5px !important;}
.p-r-10{padding-right: 10px !important;}
.p-r-15{padding-right: 15px !important;}
.p-r-20{padding-right: 20px !important;}
/*font size*/
.em1-2{font-size: 1.2em !important;}
.em1-3{font-size: 1.3em !important;}
.em1-4{font-size: 1.4em !important;}
.em1-5{font-size: 1.5em !important;}
.em1-7{font-size: 1.7em;}
.em1{font-size: 1em !important;}
.em2{font-size: 2em !important;}
.em2-5{font-size: 2.5em !important;}
.em3{font-size: 3em!important;}
.em4{font-size: 4em!important;}
.em5{font-size: 5em!important;}
.em6{font-size: 6em!important;}
.em0-5{font-size: 0.5em !important;}
.em0-6{font-size: 0.6em !important;}
.em0-8{font-size: 0.8em !important;}
.em0-9{font-size: 0.9em !important;}
/*line height*/
.line-1-3{line-height: 1.3;}
.line-1-4{line-height: 1.4;}
.line-1-5{line-height: 1.5;}
/*font family*/
.fantasy{font-family: fantasy !important;}
/*postion*/
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
/*animate*/
.transition {
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; }
/*width*/
.w-h-500{width: 500px !important;height: 500px !important;}
.w-h-400{width: 400px !important;height: 400px !important;}
.w-h-200{width: 200px !important;height: 200px !important;}
.w-h-250{width: 250px !important;height: 250px !important;}
.w-h-150{width: 150px !important;height: 150px !important;}
.w-h-100{width: 100px !important;height: 100px !important;}
.w-h-30{width: 30px !important;height: 30px !important;}
.w-h-40{width: 40px !important;height: 40px !important;}
.w-h-50{width: 50px !important;height: 50px !important;}
.w-h-70{width: 70px !important;height: 70px !important;}
.w-h-60{width: 60px !important;height: 60px !important;}
.w-h-80{width: 80px !important;height: 80px !important;}
.w-h-90{width: 90px !important;height: 90px !important;}
.w-100-h-50{width: 100px !important;height: 50px !important; }
.icon-country{width: 50px !important;height: 25px !important;}
/*height*/
.h-100{height: 100% !important;}
.m-h-300-auto{max-height: 189px;overflow-x: auto;padding-left: 15px;}
.m-h-600{max-height: 600px !important;height: 600px !important;}
.m-h-500{max-height: 500px !important;height: 500px !important;}
.m-h-400{max-height: 400px !important;height: 400px !important;}
.m-h-350{max-height: 350px !important;height: 350px !important;}
.m-h-300{max-height: 300px !important;height: 300px !important;}
.m-h-250{max-height: 250px !important;height:250px !important;}
.m-h-230{max-height: 230px !important;height:230px !important;}
.m-h-200{max-height: 200px !important;height:200px !important;}
.m-h-150{max-height: 152px !important;height: 152px !important;}
.m-h-180{max-height: 180px !important;height: 180px !important;}
.m-h-130{max-height: 130px !important;height: 130px !important;}
.m-h-100{max-height: 100px !important;height: 100px !important;}
.m-h-50{max-height: 50px !important;height: 50px !important;}
.m-h-40{max-height: 40px !important;height: 40px !important;}
.m-h-30{max-height: 30px !important;height: 30px !important;}
/*width*/
.w-200{width: 200px !important;}
.w-40{width: 40px !important;}
.m-w-80{max-width: 80px;}
.m-w-200{max-width: 200px;}
.m-w-300{max-width: 300px;}
.m-w-400{max-width: 400px;}
.m-w-500{max-width: 500px;}
.m-w-700{max-width: 700px;}
/*min-height*/
.h-page-70{min-height: 70vh !important;}
.h-page-80{min-height: 81vh !important;}
.h-page-90{min-height: 90vh !important;}
.h-page-100{min-height: 100vh !important;}
/*float*/
.pull-left{float: left !important;}
.pull-right{float: right !important;}
/*direction*/
/*top*/
.top-0{top: 0px;}
.top-10{top: 10px;}
.top-15{top: 15px;}
.top-20{top: 20px;}
.top-50{top: 50px;}
.top-100{top: 100px;}
/*left*/
.left-0{left: 0px;}
.left-10{left: 10px;}
.left-15{left: 15px;}
.left-20{left: 20px;}
/*right*/
.right-0{right: 0px;}
.right-8{right: 8px;}
.right-10{right: 10px;}
.right-15{right: 15px;}
.right-20{right: 20px;}
.right-30{right: 30px;}
.right-40{right: 40px;}
.right-50{right: 50px;}
/*bottom*/
.bottom-0{bottom: 0px !important;}
.bottom-10{bottom: 10px !important;}
.bottom-15{bottom: 15px !important;}
.bottom-20{bottom: 20px !important;}
.bottom-50{bottom: 50px !important;}
.bottom-100{bottom: 100px !important;}
.bottom-330{bottom: 260px !important;}

/*opacity*/
.opacity-5{opacity: 0.5 !important;}

/*index*/
.index-0{z-index: -1;}
.index-10{z-index: 10;}
.index-20{z-index: 20;}
.index-100{z-index: 100;}
.bg-dot{   background: radial-gradient(circle,#eaeaea 15%,transparent 15%);     background-position: center center;     background-size: 15px 15px; }
.text-shadow{text-shadow: 0px 4px 20px #333;}
.btn-social:hover{opacity: 0.8;}
.bg-facebook,.bg-facebook:hover {color:#3B5998;}
.bg-twitter,.bg-twitter :hover {color: #55ACEE;}
.zoom{transition: transform .5s; /* Animation */}
.zoom:hover {transform: scale(1.1) }
/*scroll*/
/* width */
.m-h-300-auto::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.m-h-300-auto::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.m-h-300-auto::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 20px;
}

/* Handle on hover */
.m-h-300-auto::-webkit-scrollbar-thumb:hover {
  background: #555; 
}