ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
/***************** ZOL *****************/
        .navbar-line12{
 	  background-color:#92192C;
	  height:12px;
       }
        .navbar-line8{
 	  background-color:#92192C;
	  height:8px;
     }
         .navbar-line4{
 	  background-color:#92192C;
	  height:4px;
       }
        .navbar-line2{
 	  background-color:#92192C;
	  height:2px;
       }
       .navbar-line30 {
		background-color:#92192C; 
		/* height:30px; */
        color:#fff;
        font-size:16px;
        padding: 0.1rem 1rem!important;
        direction: initial; 
        font-family: 'DroidArabicKufiRegular';
     }
         .navbar-line50{
 	  background-color:#92192C;
	  height:50px;
          color:#fff;
          font-size:16px;
       }
       .navbar-marquees {
	direction:right;
	
	 behavior:alternate;
	}
    
         .options {
            padding-top: 0px!important;
        }
        .navbar-brand > img {
            display: block;
            max-width: 223px;
            min-height: 50px;
        }
        .navbar{
            margin-bottom: 0
        }
        .navbar .container {
            padding-top: 0;
            padding-bottom: 3px;
        }
       .navbar-default {
            background: #176733;
            border: none;
            border-radius:0;
            min-height: 70px;
        }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus{
            background: none;
            color: #fff
        }
         .navbar-default .navbar-nav > li > a{
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            margin-left: 10px;
        }
        .navbar-default .navbar-nav .btn.one{
            background-color: #1a1d32;
            color: #fff
        }
        .navbar-default .navbar-nav .btn.one:hover,
        .navbar-default .navbar-nav .btn.one:focus{
            background-color: #1a1d32;
            color: #fff
        }
        .navbar-default .navbar-nav .btn.two{
            background-color: #fff;
            color: #0e1127;
        }
        .navbar-default .navbar-nav .btn.two:hover,
        .navbar-default .navbar-nav .btn.two:focus{
            background-color: #fff;
            color: #1a1d32
        }
        .navbar-default .navbar-nav > li > a.lang{
            border-bottom: 2px solid #fff;
            padding: 10px 0 5px 0;
            font-family: 'DroidArabicKufiRegular';
        }
        .navbar-default .navbar-nav:first-of-type > li > a{
            margin: 0 -1px
        }
       .navbar-nav{
            padding-top: 13px
        }
        .navbar-default .navbar-toggle{
            border-color: #fff;
            z-index: 5555;
            margin-top: 21px
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover{
            background:none
        }
       @media (max-width: 767px) {
            .navbar-default .navbar-nav > li {
                padding-left: 20px;
                line-height: 50px;
                text-align: center;
            }
            .navbar-default .navbar-nav > li a{
                line-height: 50px;
                margin-left: 0
            }
            .navbar-default .navbar-nav > li:not(:last-of-type) {
                margin-right: 0;
            }
           .navbar-default .navbar-nav .btn:hover,
            .navbar-default .navbar-nav .btn{
                background:none;
                color: #fff
            }
            .navbar-default .navbar-nav .btn:hover{
                color: #000002
            }
            .navbar-nav {
                margin-bottom: 0;
                margin-top: 0;
            }

            .navbar-collapse {
                margin-top: 13px;
                background-color:#1a1d32 ;
                margin-top: 0;
                border: none;
                margin-right: 0;
                min-width: 100%;
                height: auto;
                position: absolute;
                top: 0;
                z-index: 2
            }
           .navbar-collapse ul{
                padding-top: 0
            }
            .navbar-default .navbar-nav > li{
                padding-left: 0
            }
            .navbar-default .navbar-nav .btn.one,
            .navbar-default .navbar-nav .btn.two,
            .navbar-default .navbar-nav .btn.one:hover,
            .navbar-default .navbar-nav .btn.two:hover,
            .navbar-default .navbar-nav .btn.one:focus,
            .navbar-default .navbar-nav .btn.two:focus{
                background: none;
                color: #fff
            }
        }
        @media (min-width: 768px){
            .navbar-nav:nth-of-type(2) {
                float: right;
            }
        }
        aside label {
            cursor: pointer;
            font-weight: normal;
            position: relative;
            margin-left: 0px;
            margin-right: 20px;
            margin-bottom: 05px;
            font-size: 11px;
            color: #333;
            padding-right: 10px;
        }

        .ratingx {
            float: left!important;
            border: none!important;
            margin-right: 49px!important;
        }

        .myratings {
            font-size: 41px;
            color: green;
        }

        .ratingx>[id^="star"] {
            display: none!important;
        }

        .ratingx>label:before {
            margin: 5px!important;
            font-size: 2.25em!important;
            font-family: FontAwesome!important;
            display: inline-block!important;
            content: "\f005"!important;
        }

        .ratingx>.half:before {
            content: "\f089"!important;
            position: absolute!important;
        }
        .ratingx label.half {
            margin-right: -28px;
        }
        .ratingx>label {
            color: rgb(253, 253, 253)!important;
            float: right!important;
        }

        .ratingx>[id^="star"]:checked~label,
        .ratingx:not(:checked)>label:hover,
        .ratingx:not(:checked)>label:hover~label {
            color: #FFD700!important;
        }

        .ratingx>[id^="star"]:checked+label:hover,
        .ratingx>[id^="star"]:checked~label:hover,
        .ratingx>label:hover~[id^="star"]:checked~label,
        .ratingx>[id^="star"]:checked~label:hover~label {
            color: #FFED85!important;
        }

        .reset-option {
            display: none!important;
        }

        .reset-button {
            margin: 6px 12px;
            background-color: rgb(255, 255, 255);
            text-transform: uppercase
        }