/* Index */
/* 0) General Bar */
/* 1) Search Bar */
/* 2) User Bar */
/* 3) Language Bar */

/* == General Bar (0) == */
.topbar {
    background: rgb(255, 255, 255);
    /* border-left: 1px solid #e7e7e7; */
    border-top: 1px solid #e7e7e7;
    padding-top: 5px;
    /* border-right: 1px solid #e7e7e7; */
    padding-bottom: 5px;
    margin: 0 auto;
    padding-right: 32px;
    padding-left: 32px;
}
.topbar-nav {
    display: inline-block;
    padding: 10px 0px;
    margin: 0;
}
.topbar-nav > li {
    display: inline;
    color: #5ab2f0;
    font-size: 13px;
    font-family: 'Noto Serif', serif;
    padding: 5px 10px;
    /* border-right: 1px solid #e7e7e7; */
}
.open>.top-dropdown-menu {
    display: block;
}
.open>.top-dropdown-menu2 {
    display: block;
}
.top-dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    margin: 0px 0 0;
    font-size: 14px;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    top: 32px;
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
    background: #ffffff;
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
    width: 97px;
    left: 40px;
}
.top-dropdown-menu2 {
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    margin: 0px 0 0;
    font-size: 14px;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    top: 31px;
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
    background: #ffffff;
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
    width: 70px;
    left: -1px;
    text-align: center;
}
.top-dropdown-menu> li {
    color: #58b1f0;
    font-size: 12px;
    text-align: left;
    font-weight: 100;
    font-family: 'Noto Serif', serif;
    /* padding-left: 5px; */
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(231, 231, 231);
}
.top-dropdown-menu2> li {
    /* color: #58b1f0; */
    /* font-size: 13px; */
    /* text-align: left; */
    /* font-weight: 100; */
    /* font-family: 'Noto Serif', serif; */
    /* color: #58b1f0; */
    /* font-size: 12px; */
    /* text-align: left; */
    /* font-weight: 100; */
    /* font-family: 'Noto Serif', serif; */
    /* margin-left: 9px; */
    /* padding-left: 25px; */
    /* padding-top: 4px; */
    /* padding-bottom: 3px; */
    /* padding: 3px 0px; */
    /* margin-top: 0px; */
    /* margin-left: 32px; */
    color: #58b1f0;
    font-size: 12px;
    /* text-align: left; */
    font-weight: 100;
    font-family: 'Noto Serif', serif;
    /* padding-left: 14px; */
    /* padding-left: 0px; */
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    /* text-align: center; */
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(231, 231, 231);
}
.top-dropdown-menu >li:hover {
    color: #4ec969;
    /* background: #ffffff; */
}
.top-dropdown-menu2 >li:hover {
    color: #4ec969;
    /* background: #ffffff; */
}
.top-dropdown-menu > li > a {
    display: block;
    clear: both;
    /* font-weight: 400; */
    line-height: 1.42857143;
    white-space: nowrap;
    /* margin-left: 9px; */
    /* padding-top: 0px; */
    color: #9a9a9a;
    font-size: 13px;
    /* text-transform: uppercase; */
    /* border-left: 1px solid #f1eaea; */
}

.top-dropdown-menu > li > a:hover,.top-dropdown-menu2 > li > a:hover  {
    color: #4ec969;
}
.top-dropdown-menu2 > li > a {
    /* padding: 3px 20px; */
    display: block;
    padding: 6px 0px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    color: #9a9a9a;
}
.header-dropdown-list {
    list-style: none;
    /* float: right; */
    position: relative;
    /* margin: 0; */
    /* font-size: 14px; */
    /* padding: 5px 0px; */
    /* width: 100%; */
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    display: inline-flex;
    /* margin-left: 5px; */
    margin-bottom: 0;
    /* margin-right: 5px; */
}
.header-dropdown-list>li {
    padding: 5px 0px;
    border: 1px solid rgb(235, 235, 235);
    /* margin-right: 10px; */
    width: 100px;
    /* text-align: left; */
    /* margin-left: 5px; */
    text-align: center;
    background: rgb(255, 255, 255);
    /* box-shadow: 0 0px 8px rgba(74, 123, 158, 0); */
}
.header-dropdown-list > li > a> span {
    font-size: 12px;
    font-family: 'NotoSerif-Regular', serif;
    padding: 0px 0px;
    /* text-align: center; */
    color: #4ec969;
}

/* == User Bar (2) == */

/* == Language Bar (2) == */

.header-dropdown-list>li.languagebar>a>img.flag {
    /* position: absolute; */
    /* right: -33px; */
    /* border: 1px solid #e7e7e7; */
    /* margin-left: -6px; */
    /* margin-top: 0px; */
    /* padding: 4px 5px; */
    /* left: 8px; */
    /* background: rgb(255, 255, 255); */
    /* border-top-left-radius: 5px; */
    px; */
    border-bottom-left-radius: 5px;
    /* border-top-right-radius: 9px; */
    /* border-bottom-right-radius: 9px; */
    /* border-radius: 8px; */
    position: absolute;
    left: 5px;
    border: 1px solid #e7e7e7;
    /* margin-left: 2px; */
    margin-top: -2px;
    padding: 5px 5px;
    background: rgb(255, 255, 255);
    border-radius: 3px;
}

.header-dropdown-list>li.currencybar>a>img.flag {
    position: absolute;
    right: -36px;
    border: 1px solid #e7e7e7;
    /* margin-left: 2px; */
    margin-top: -2px;
    padding: 5px 5px;
    background: rgb(255, 255, 255);
    /* border-top-left-radius: 5px; */
    px; */
    border-bottom-left-radius: 5px;
    /* border-top-right-radius: 9px; */
    /* border-bottom-right-radius: 9px; */
    border-radius: 3px;
}


.header-dropdown-list>li.languagebar>a.dropdown-toggle {
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* position: absolute; */
    /* text-align: center; */
    /* width: 22px; */
    /* padding-left: 20px; */
    /* text-align: center; */
}

.header-dropdown-list>li.languagebar>a>i.fa.fa-angle-down {
    position: absolute;
    /* right: 44px; */
    /* left: 103px; */
    /* margin-left: 5px; */
    /* margin-top: 4px; */
    right: -23px;
    margin-top: -5px;
    border: 1px solid #e7e7e7;
    color: #c8c8c8;
    padding-left: 8px;
    top: 5px;
    height: 32px;
    padding-right: 8px;
    padding-top: 8px;
    background: #fbfbfb;
}

.top-dropdown-menu>li>a>img.flag {
    position: absolute;
    right: -27px;
    /* left: -28px; */
    /* border-top: 1px solid #e7e7e7; */
    border: 1px solid #e7e7e7;
    e7; */
    border-bottom: 1px solid #e7e7e7;
    e7; */
    padding: 4px 5px;
    margin-top: -6px;
    background: rgb(251, 251, 251);
    padding: 8px 5px;
    height: 30px;
    width: 27px;
}

li.currencybar {
    width: 70px;
    /* margin-left: 5px; */
    /* float: left; */
    left: 0;
    position: absolute;
}

li.currencybar>a>img.custom {
    position: absolute;
    right: -33px;
    border: 1px solid #e7e7e7;
    /* margin-left: 19px; */
    px; */
    margin-top: 0px;
    font-size: 12px;
    padding: 4px 10px;
    background: rgb(255, 255, 255);
    /* border-radius: 8px; */
    color: #4ec969;
    width: 28px;
    height: 21px;
}




li.currencybar>a>span {
    /* margin-left: 40px; */
    font-size: 12px;
    /* font-size: 13px; */
    font-family: 'NotoSerif-Regular', serif;
    padding: 0px 0px;
}
li.languagebar:hover {
    background: rgba(251, 251, 251, 0.5);
}
li.currencybar:hover {
    background: rgba(251, 251, 251, 0.5);
}
.currencybar>a>i.fa.fa-angle-down {
    /* position: absolute; */
    /* left: 208px; */
    /* margin-top: 3px; */
    /* color: #e7e7e7; */
    /* position: absolute; */
    /* right: 44px; */
    /* left: -27px; */
    /* margin-left: 5px; */
    /* margin-top: 4px; */
    /* right: 67px; */
    /* margin-top: -5px; */
    /* border: 1px solid #ebebeb; */
    /* color: #c8c8c8; */
    /* padding-left: 8px; */
    /* height: 30px; */
    /* padding-right: 8px; */
    /* padding-top: 8px; */
    /* background: #fbfbfb; */
    position: absolute;
    /* right: 44px; */
    left: -27px;
    /* margin-left: 5px; */
    /* margin-top: 4px; */
    /* right: -23px; */
    margin-top: -5px;
    border: 1px solid #e7e7e7;
    color: #c8c8c8;
    padding-left: 8px;
    top: 4px;
    height: 32px;
    padding-right: 8px;
    padding-top: 8px;
    background: #fbfbfb;
}

.top-dropdown-menu2>li>a>img.custom {
    position: absolute;
    border: 1px solid #e7e7e7;
    background: rgb(251, 251, 251);
    height: 11px;
    width: 16px;
}


.languagebar>ul>li>a>.dropdownborder {
    position: absolute;
    /* left: -27px; */
    padding-top: 3px;
    width: 27px;
    /* top: 0; */
    right: -27px;
    /* height: 35px; */
    margin-top: -5px;
    height: 29px;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: white;
}


.currencybar>ul>li>a>.dropdownborder {
    position: absolute;
    left: -27px;
    padding-top: 4px;
    width: 27px;
    margin-top: -5px;
    height: 29px;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: white;
}