/* ## Navigation Menu */
/*.top-header{
        display: inline-block;
        width: 100%;
}*/
.login-panel{
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 30px;
    position: relative;
}
.login-panel a {
    display: inline-block;
    /*Fahad: width of login, register, language buttons on top of from page*/
    padding: 7px 60px;
    border-radius: 20px;
    /*fahad: increase font size of login, register buttons on top*/
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin: 5px;
    color: #fff;
}
.login-panel a.btn-login {
    /*background-color: #468847;*/
    /*background-color: #00961c;*/
    /*background-color: #468847;*/
    background-color: #468847;
}
.login-panel a.btn-register {
    background-color: #ac5e5e;
}
.login-panel a.btn-goBacktoEPAP {
    color: black;
    background-color: #54ab6a;
}
.login-panel a.btn-adminLogin {
    color: black;
    background-color: #a6e1ec;
}
.login-panel a.btn-lang {
    background-color: #ff8400;
}

.logo-block {
    float: left;
}

.top-header {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu-block .navigation-menu li {
    display: inline-block;
    position: relative;
    margin: 0 5px;
}
.menu-block .navigation-menu {
    /*Fahad: placement of homepage menu items*/
    margin-left: 100px;
    margin-right: 100px;	
    float: left;
}

.menu-block .navigation-menu li a {
    color: #fff;
    display: inline-block;
    /*fahad: increase main page top menu items (main, prices, FAQ)*/
    font-size: 16px;
    font-weight: 600;
    padding: 6px 25px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 20px;
}
.menu-block .navigation-menu > li.active > a,
.menu-block .navigation-menu > li a:hover {
    background-color: #fff;
    color: #333333;
}
.menu-block .navigation-menu > li.dropdown > a {
    padding-right: 30px;
}
.menu-block li .dropdown-menu > li {
    display: block;
    margin: 0;
}
.menu-block li .dropdown-menu > li > a {
    color: #fff;
    padding: 7px 30px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    border-radius: 0;
    margin: 0;
}
.menu-block li .dropdown-menu > li > a:hover {
    color: #000 !important;
}
.btn-langdropdown{position: relative;}
.search-inline{
    display: inline-block;
    position: relative;
    float: right;
}
.search-inline .form-control{
    background-color: transparent;	
    border: none;
    padding: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px 5px 0;
}
.search-inline i {
    color: #fff;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 5px;
}


/*----------------------------------------------------
        ## Responsive
------------------------------------------------------*/

/* - Min Width: 992 */
@media (min-width: 992px) {

    .menurow {
        background-color: #468847;
        /*background-color: #f0f0f0;*/
        display: inline-block;
        width: 100%;
        padding: 5px;
        margin-bottom: -5px;
    }	
    .logo-block {
        float: left;
        position: relative;
        top: 3px;
    }	
    .navigation-fixed .top-header {
        display: none;
    }

    /* - Dropdown */
    .menu-navigation .menu-collapse > ul > li > .dropdown-menu {
        top: 100%;
        left: 0;
        margin-top:10px;
    }
    .menu-navigation .navigation-menu li.dropdown ul li a {
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }	
    .menu-block .navigation-menu li > .dropdown-menu{
        background-color: #468847	;
        position: absolute;
        top: 0;
        opacity: 0;
        display: block;
        margin: 0;
        min-width: 210px;
        max-width: 210px;
        transition: all 0.17s ease-in-out;
        -moz-transition: all 0.17s ease-in-out;
        -webkit-transition: all 0.17s ease-in-out;
        -o-transition: all 0.17s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
        -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
        -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
        z-index: 9999;
        text-align: left;
    }
    .menu-block li.dropdown:hover > .dropdown-menu {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        -mos-transition: -mos-transform 0.4s, opacity 0.1s;
        -o-transition: -o-transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
    }	
    .navigation-menu > li > .dropdown-menu {
        left: 0; 
        background-color: #0098db;
        position: relative;
        z-index: 99;
        top: -4px;
    }
    .menu-navigation .navigation-menu li.dropdown{
        position: relative;
    }
    .menu-navigation .navigation-menu li.dropdown::after {
        position: absolute;
        content: "";		
        width: 0;
        height: 0;		
        border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        right: 14px;
        top: 35%;		
        background-color: transparent;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        z-index: 9;
    }
    .menu-navigation .navigation-menu .dropdown-menu > li.dropdown::after {
        top: 14px;
    }

    .menu-navigation .navigation-menu > li.dropdown > a:hover::after,
    .menu-navigation .navigation-menu > li.dropdown:hover::after {
        border-color: #fff;
    }
    .menu-navigation .navigation-menu .dropdown-menu > li.dropdown:hover::after {
        transform: rotate(-45deg);
    }
    .menu-navigation .navigation-menu > li > .dropdown-menu {
        left: 0; 
    }
    .menu-navigation .menu-block > ul > li:last-child > .dropdown-menu,
    .menu-navigation .menu-block > ul > li:nth-last-child(3) > .dropdown-menu {
        right: 0; 
    }
    .menu-navigation .navigation-menu > li > .dropdown-menu,
    .menu-navigation .navigation-menu > li .dropdown-menu ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul ul ul	{
        right: auto;
    }
    .menu-navigation .navigation-menu > li .dropdown-menu ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul ul ul {
        left: 100%;
    }
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul ul {
        right: 100%;
    }
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li .dropdown-menu ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child > .dropdown-menu,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:last-child .dropdown-menu ul ul ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) > .dropdown-menu,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul,
    .menu-navigation .navigation-menu > li:nth-last-child(3) .dropdown-menu ul ul ul ul ul ul ul ul ul {
        left: auto;
    }	
}

/* - Min Width: 992 to Max Width: 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {	

}

/* - Max Width: 991 */
@media (max-width: 991px) {
    .lang-opt.active{
        top: 28px;
    }
    .lang-opt p{
        border-bottom: 1px solid rgba(255,255,255,0.3);
        font-size: 14px;
    }
    .lang-opt p:last-of-type{
        border: none;
    }
    .top-header{
        padding-bottom: 0;
    }
    .login-panel{
        float: none;
        text-align: center;
        margin-top: 0;
        display: inline-block;
        width: 100%;
        background-color: #f0f0f0;
        /*Fahad: area above and below login+reg+lang buttons*/
        padding: 10px 0;
    }
    .menu-navigation .container{
        padding: 0;
    }
    .login-panel a {
        padding: 5px 15px;
        font-size: 12px;
        margin: 0;
    }
    .menu-navigation {
        display: inline-block;
        width: 100%;
        background: none;
        position: relative;
        padding: 0;
        z-index: 5;
    }
    .menu-block .navigation-menu {
        display: none;
        padding: 0;
    }
    .menu-block .navigation-menu.active {
        display: inline-block;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding: 12px 0;
        width: 100%;
        border-top: 1px solid #000;
    }
    .menu-navigation .menuswitch {
        position: absolute;
        right: 15px;
        top: 25px;	
        z-index: 99;
        display: inline-block;
    }
    /*Fahad: menu bars for mobile mainpage menu items*/
    .menuswitch .menuline {
        background-color: #555555;
        border-radius: 8px;
        display: block;
        height: 3px;
        margin: 4px 0;
        transition: all 0.4s ease 0s;
        /*Fahad: width of menu bars for mobile*/
        width: 30px;
    }
    .menuswitch:hover .menuline{
        background-color: #ee2027;
    }
    .menu-block .navigation-menu li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background-color: #468847;
    }
    .menu-block .navigation-menu li a {
        width: 100%;
        padding: 10px 15px;
        line-height: 20px;
        margin: 0;
        color: #000;
    }
    .navigation-menu .dropdown-menu {
        display: none;
        padding-left: 10px;
    }
    .menu-block .navigation-menu li.dropdown a {
        border: none;
        padding-left: 15px;
        padding-right: 15px;
        color: #000;
        width: 100%;
    }
    .menu-block .navigation-menu li.dropdown a:hover {
        color: #f72812;
    }
    .ddl-switch {
        position: absolute;
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }
    .ddl-switch::before {
        position: absolute;
        content: "";
        width: 100%;
        background-color: transparent;
        height: 55px;
        display: inline-block;
        z-index: 9999;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .ddl-switch::after {
        position: absolute;
        content: "";
        right: 15px;
        top: 6px;
        height: 10px;
        width: 10px;
        border: solid #262626;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        cursor: pointer;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;		
    }
    .ddl-active > .ddl-switch::after {
        transform: rotate(-135deg);
    } 	
    .logo-block img {
        max-width: 45px;
        position: relative;
        top: -5px;
        left: 15px;
    }
    .search-inline{
        display: inline-block;
        width: 100%;
        padding: 0 15px;
        margin-bottom: 15px;
        display: none;
    }
    .search-inline .form-control{
        border-bottom-color: #000;
        color: #000;
        display: inline-block;
        width: 100%;
        float: none;
    }
    .search-inline i{
        color: #333;
        right: 15px;
    }
}