/* Minification failed. Returning unminified contents.
(5604,29): run-time error CSS1036: Expected expression, found ';'
 */
@font-face {
    font-family: 'GE Dinar One Light';
    src: url('/PortalDesign/fonts/ge_dinar_one_light.eot');
    src: url('/PortalDesign/fonts/ge_dinar_one_light.eot?#iefix') format('embedded-opentype'),url('/PortalDesign/fonts/ge_dinar_one_light.woff2') format('woff2'),url('/PortalDesign/fonts/ge_dinar_one_light.woff') format('woff'),url('/PortalDesign/fonts/ge_dinar_one_light.ttf') format('truetype'),url('/PortalDesign/fonts/ge_dinar_one_light.svg#ge_dinar_one_light') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GE Dinar One Regular';
    src: url('/PortalDesign/fonts/ge_dinar_one_medium.eot');
    src: url('/PortalDesign/fonts/ge_dinar_one_medium.eot?#iefix') format('embedded-opentype'),url('/PortalDesign/fonts/ge_dinar_one_medium.woff2') format('woff2'),url('/PortalDesign/fonts/ge_dinar_one_medium.woff') format('woff'),url('/PortalDesign/fonts/ge_dinar_one_medium.ttf') format('truetype'),url('/PortalDesign/fonts/ge_dinar_one_medium.svg#ge_dinar_oneregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GE Dinar One Bold';
    src: url('/PortalDesign/fonts/ge dinarone bold.eot');
    src: url('/PortalDesign/fonts/ge dinarone bold.eot?#iefix') format('embedded-opentype'),url('/PortalDesign/fonts/ge dinarone bold.woff2') format('woff2'),url('/PortalDesign/fonts/ge dinarone bold.woff') format('woff'),url('/PortalDesign/fonts/ge dinarone bold.ttf') format('truetype'),url('/PortalDesign/fonts/ge dinarone bold.svg#GE Dinar One Bold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Neue Helvetica LTW20 Light";
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Light.eot?#iefix");
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Light.eot?#iefix") format("eot"),url("/PortalDesign/fonts/NeueHelveticaLTW20Light.woff") format("woff"),url("/PortalDesign/fonts/NeueHelveticaLTW20Light.ttf") format("truetype"),url("/PortalDesign/fonts/NeueHelveticaLTW20Light.svg#NeueHelveticaLTW20Light") format("svg");
}

@font-face {
    font-family: "Neue Helvetica LTW20 Roman";
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Roman.eot?#iefix");
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Roman.eot?#iefix") format("eot"),url("/PortalDesign/fonts/NeueHelveticaLTW20Roman.woff") format("woff"),url("/PortalDesign/fonts/NeueHelveticaLTW20Roman.ttf") format("truetype"),url("/PortalDesign/fonts/NeueHelveticaLTW20Roman.svg#NeueHelveticaLTW20Roman") format("svg");
}

@font-face {
    font-family: "Neue Helvetica LTW20 Bold";
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Bold.eot?#iefix");
    src: url("/PortalDesign/fonts/NeueHelveticaLTW20Bold.eot?#iefix") format("eot"),url("/PortalDesign/fonts/NeueHelveticaLTW20Bold.woff") format("woff"),url("/PortalDesign/fonts/NeueHelveticaLTW20Bold.ttf") format("truetype"),url("/PortalDesign/fonts/NeueHelveticaLTW20Bold.svg#NeueHelveticaLTW20Bold") format("svg");
}

* {
    text-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}

body {
    margin: 0;
    padding: 0;
    background: #F3F3F3 url('/PortalDesign/images/bg-large-ie.png') no-repeat center 0;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/bg.jpg);
    background-size: 100%;
    background-size: cover;
    font: 12px 'GE Dinar One Regular';
    direction: rtl;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
}

.modal-title {
    color: #fff;
    font-size: 18px;
}

img, iframe {
    border: none
}

.msgBarOldBrowser {
    display: none;
    color: #C1A73C;
    font: 12px 'Neue Helvetica LTW20 Roman';
    text-align: right;
    padding: 5px 0;
    background-color: #FFF;
    border-bottom: 1px solid #E4E4E4;
    height: 29px;
}

    .msgBarOldBrowser span, .msgBarOldBrowser a {
        float: right;
        display: inline-block;
    }

        .msgBarOldBrowser span.ieAlert {
            margin: 0 0 0 10px;
            width: 9px;
            height: 27px;
            background: url('/PortalDesign/images/ninfo.png') no-repeat center center;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/ninfo.svg)
        }

    .msgBarOldBrowser a {
        width: 22px;
        height: 27px;
        margin: 0 3px;
        background-repeat: no-repeat;
        background-position: center center
    }

        .msgBarOldBrowser a.ieLink {
            background-image: url('/PortalDesign/images/nie.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/nie.svg);
            margin-right: 10px;
        }

        .msgBarOldBrowser a.chLink {
            background-image: url('/PortalDesign/images/nch.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/nch.svg)
        }

        .msgBarOldBrowser a.ffLink {
            background-image: url('/PortalDesign/images/nff.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/nff.svg)
        }

.msgBarNoScript {
    color: #C1A73C;
    font: 12px 'Neue Helvetica LTW20 Roman';
    text-align: center;
    padding: 5px 0;
    background-color: #FFF;
    border-bottom: 1px solid #E4E4E4;
    font: 11px 'Neue Helvetica LTW20 Roman';
}

.w960 {
    width: 960px;
    margin: 0 auto;
}

.clearfix {
    clear: both;
    display: block;
    height: 0
}

.dev-page-content {
    padding-right: 0px;
}
/***Start Header***/
.headeritems {
}

.header {
    z-index: 7;
    width: 100%;
    margin: 0 0 22px 0;
    height: 213px;
}

.logo {
    float: right;
    background: url(/PortalDesign/images/logo.png) no-repeat center center;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/logo.svg);
    display: block;
    height: 77px;
    width: 206px;
    margin: 40px 20px 0 8px;
}

.vision {
    display: block;
    width: 110px;
    height: 70px;
    float: right;
    margin: 49px 0 0 12px;
    background: url('/PortalDesign/images/vision.png') no-repeat left center;
    background-image: linear-gradient(transparent, transparent), url('/PortalDesign/images/vision.svg');
    border-right: 1px solid #d6d6d6;
}

.searchMobile {
    display: none
}

.menuContainer {
    margin: 0; /* background-color:#007C5A; */
    position: relative;
    top: 32px;
    left: 0;
    height: 62px;
}

.mobileMenu, .openMen {
    height: 0
}

.headmenu {
    padding: 0;
    list-style: none;
    background-color: #157C6A;
    position: relative;
    margin: 0;
    float: right;
    min-width: 960px;
}

    .headmenu.fixed {
        position: fixed;
        width: 960px;
        top: 0;
        margin: 0;
        z-index: 100;
        border-bottom: 1px solid #078A66;
    }

    .headmenu > li {
        float: right;
        font: 18px 'GE Dinar One Regular';
    }

        .headmenu > li:hover {
            background-color: #078A66
        }

        .headmenu > li.home {
            width: 62px
        }

        .headmenu > li.last {
            float: left;
            height: 62px;
            width: 64px;
            position: relative;
            -webkit-transition: width 0.5s ease-in-out;
            -moz-transition: width 0.5s ease-in-out;
            -ms-transition: width 0.5s ease-in-out;
            -o-transition: width 0.5s ease-in-out;
            transition: width 0.5s ease-in-out;
            border-right: 1px solid #33967B;
            z-index: 101;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
        }

            .headmenu > li.last.active {
                width: 194px;
                -webkit-transition: width 0.5s ease-in-out;
                -moz-transition: width 0.5s ease-in-out;
                -ms-transition: width 0.5s ease-in-out;
                -o-transition: width 0.5s ease-in-out;
                transition: width 0.5s ease-in-out;
                z-index: 102;
            }

        .headmenu > li > a {
            text-decoration: none;
            color: #eee;
            display: block;
            line-height: 62px;
            padding: 0 10px;
            white-space: nowrap;
        }

            .headmenu > li > a:hover {
                color: #fff;
            }

            .headmenu > li > a.homeicon {
                width: 62px;
                height: 62px;
                background: #078A66 url('/PortalDesign/images/home.png') center center no-repeat;
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/home.svg);
                padding: 0
            }

            .headmenu > li > a.search {
                width: 63px;
                background: url('/PortalDesign/images/search.png') center center no-repeat;
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/search.svg);
                height: 62px;
                padding: 0;
                left: 0;
                top: 0;
                cursor: pointer;
                float: left;
                position: relative;
            }

        .headmenu > li.last > .searchbox {
            left: 64px;
            height: 62px;
            line-height: 62px;
            overflow: hidden;
            position: absolute;
            z-index: 102;
        }

            .headmenu > li.last > .searchbox > input {
                outline-color: #078A66;
                width: 105px;
                border: none;
                height: 30px;
                line-height: 30px;
                color: #EEE;
                font: 12px 'Neue Helvetica LTW20 Light';
                text-align: right;
                padding: 0 5px;
                background-color: transparent
            }

                .headmenu > li.last > .searchbox > input:focus {
                    outline-color: #078A66
                }

        .headmenu > li > ul {
            display: none;
            z-index: 5;
            top: 62px;
            position: absolute;
            right: 0;
            margin: 0;
            list-style: none;
            background-color: #078A66;
            width: 960px;
            padding: 15px;
            box-sizing: border-box;
        }

            .headmenu > li > ul > li {
                float: right;
                margin: 0;
                padding: 5px 10px;
                border-left: 1px solid #157C6A;
            }

                .headmenu > li > ul > li:last-child {
                    border: none
                }

                .headmenu > li > ul > li > a {
                    text-decoration: none;
                    color: #efefef;
                    font: normal 16px 'Neue Helvetica LTW20 Light';
                    line-height: 24px;
                }
/***End Header***/
.generalList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .generalList > li {
        color: #7b7b7b;
        font: 12px 'Neue Helvetica LTW20 Roman';
        line-height: 28px;
        padding: 0 20px 4px 0; /*border-bottom:1px solid #e1e1e1;*/
        background: url('/PortalDesign/images/category-bullet.png') no-repeat right 11px;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/category-bullet.svg);
    }

        .generalList > li:hover {
            background-color: #F3F3F3;
        }

        .generalList > li > a {
            color: #7b7b7b;
            font: 13px 'Neue Helvetica LTW20 Roman';
        }

.listpage {
    width: 180px;
    margin-left: 8px;
    display: inline-block;
    float: right;
}
/***Start Services***/
.services {
    height: 248px;
    overflow: hidden;
    position: relative
}
/*Icons Styles*/
.items {
    position: absolute;
    height: 95px;
    width: 960px;
    z-index: 2; /* display:none; */
}

    .items > div {
        cursor: pointer;
        position: absolute;
        width: 225px;
        height: 95px;
        bottom: 0;
        background-color: #fff;
        border: 1px solid #d3d3d3;
        background-repeat: no-repeat;
        background-position: -10px bottom;
        box-sizing: border-box;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition-fill-mode: both;
        -moz-transition-: both;
        -ms-transition-: both;
        -o-transition-: both;
        -webkit-transition: -webkit-transform 2s;
        -moz-transition: transform 2s;
        -ms-transition: transform 2s;
        -o-transition: transform 2s;
        transition: transform 2s
    }

        .items > div.eservices {
            background-image: url('/PortalDesign/images/eservicesbg.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/eservicesbg.svg);
            left: 735px
        }

        .items > div.whatsnew {
            background-image: url('/PortalDesign/images/newbg.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newbg.svg);
            left: 490px
        }

        .items > div.regulations {
            background-image: url('/PortalDesign/images/regulationsbg.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/regulationsbg.svg);
            left: 0px
        }

        .items > div.indicators {
            background-image: url('/PortalDesign/images/indicatorsbg.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/indicatorsbg.svg);
            left: 245px
        }

            .items > div.eservices.hidden, .items > div.whatsnew.hidden, .items > div.regulations.hidden, .items > div.indicators.hidden {
                left: -960px;
                -webkit-transition: left 0.8s ease-in-out;
                -moz-transition: left 0.8s ease-in-out;
                -ms-transition: left 0.8s ease-in-out;
                -o-transition: left 0.8s ease-in-out;
                transition: left 0.8s ease-in-out
            }

        .items > div.removeTranslate {
            transition: none
        }

        .items > div > a {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 4
        }

        .items > div > .icon {
            vertical-align: middle;
            background: url('/PortalDesign/images/circle.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/circle.svg);
            width: 118px;
            height: 118px;
            top: -59px;
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            margin: 0 auto;
            -webkit-transition: top 0.4s ease-in;
            -moz-transition: top 0.4s ease-in;
            -ms-transition: top 0.4s ease-in;
            -o-transition: top 0.4s ease-in;
            transition: top 0.4s ease-in
        }

            .items > div > .icon.ie7fix {
                right: 50px;
            }

            .items > div > .icon.active {
                top: -79px;
                -webkit-transition: top 0.4s ease-in;
                -moz-transition: top 0.4s ease-in;
                -ms-transition: top 0.4s ease-in;
                -o-transition: top 0.4s ease-in;
                transition: top 0.4s ease-in
            }

            .items > div > .icon > span {
                background-repeat: no-repeat;
                display: block;
                height: 118px;
                background-position: center center
            }

            .items > div > .icon > img {
                transition: transform 0.6s ease-out;
                -webkit-transition: -webkit-transform 0.6s ease-out;
                -moz-transition: transform 0.6s ease-out;
                -o-transition: transform 0.6s ease-out;
                -ms-transition: -ms-transform 0.6s ease-out;
                -webkit-transition: transform 0.6s ease-out;
                display: block;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                position: absolute;
            }

            .items > div > .icon.ie7fix > img {
                top: 30px;
                right: 20px;
            }

        .items > div:hover > .icon > img {
            -webkit-transform: rotateY(180deg); /* Chrome and other webkit browsers */
            -moz-transform: rotateY(180deg); /* FF */
            -o-transform: rotateY(180deg); /* Opera */
            -ms-transform: rotateY(180deg); /* IE9 */
            transform: rotateY(180deg); /* W3C complaint browsers */
            transition: transform 0.6s ease-out;
            -webkit-transition: -webkit-transform 0.6s ease-out;
            -moz-transition: transform 0.6s ease-out;
            -o-transition: transform 0.6s ease-out;
            -ms-transition: -ms-transform 0.6s ease-out;
            transform-style: preserve-3d
        }

        .items > div > .text {
            position: absolute;
            bottom: 28px;
            overflow: hidden;
            width: 225px;
            height: 32px;
            color: #C1A73C;
            font: 20px 'GE Dinar One Regular';
        }

            .items > div > .text > span {
                display: block;
                width: 225px;
                text-align: center;
                position: relative;
                float: right;
                -webkit-transform: translateZ(0);
            }

                .items > div > .text > span.first {
                    right: 0;
                    -webkit-transition: right 0.2s ease-in;
                    -moz-transition: right 0.2s ease-in;
                    -ms-transition: right 0.2s ease-in;
                    -o-transition: right 0.2s ease-in;
                    transition: right 0.2s ease-in
                }

                .items > div > .text > span.second {
                    left: -225px;
                    -webkit-transition: left 0.2s ease-in;
                    -moz-transition: left 0.2s ease-in;
                    -ms-transition: left 0.2s ease-in;
                    -o-transition: left 0.2s ease-in;
                    transition: left 0.2s ease-in;
                    top: -27px;
                }

        .items > div:hover > .text > span.first {
            right: -225px;
            -webkit-transition: right 0.2s ease-in;
            -moz-transition: right 0.2s ease-in;
            -ms-transition: right 0.2s ease-in;
            -o-transition: right 0.2s ease-in;
            transition: right 0.2s ease-in
        }

        .items > div:hover > .text > span.second {
            left: 0px;
            -webkit-transition: left 0.2s ease-in;
            -moz-transition: left 0.2s ease-in;
            -ms-transition: left 0.2s ease-in;
            -o-transition: left 0.2s ease-in;
            transition: left 0.2s ease-in
        }

        .items > div > .GoldLine {
            background-color: #157C6A;
            height: 8px;
            position: absolute;
            width: 225px;
            bottom: -1px;
            right: -1px
        }
/*Slides Styles*/
.backToItems {
    background: url('/PortalDesign/images/BackIcon.png') no-repeat center center;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/BackIcon.svg);
    height: 23px;
    width: 26px;
    position: absolute;
    left: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 4
}

.slides {
    position: absolute;
    height: 248px;
    width: 960px;
    z-index: 1;
    box-sizing: border-box
}

    .slides > div {
        height: 248px;
        width: 960px;
        background-color: #fff;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 22px 15px;
        right: -960px;
        position: absolute;
        z-index: 3;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        display: block;
    }

        .slides > div > .side {
            float: right;
            height: 200px;
            position: relative;
            width: 230px;
            border-left: 1px solid #d3d3d3
        }

            .slides > div > .side > h3 {
                margin: 0;
                font: normal 18px 'GE Dinar One Regular';
                line-height: 40px;
                white-space: nowrap;
                color: #C1A73C;
                position: absolute;
                right: 55px;
                top: -60px;
                -webkit-transition: top 0.3s ease-in-out;
                -moz-transition: top 0.3s ease-in-out;
                -ms-transition: top 0.3s ease-in-out;
                -o-transition: top 0.3s ease-in-out;
                transition: top 0.3s ease-in-out
            }

            .slides > div > .side > span {
                height: 40px;
                position: absolute;
                right: -60px;
                width: 43px;
                background-position: center center;
                background-repeat: no-repeat;
                top: 5px;
                -webkit-transition: right 0.3s ease-in-out;
                -moz-transition: right 0.3s ease-in-out;
                -ms-transition: right 0.3s ease-in-out;
                -o-transition: right 0.3s ease-in-out;
                transition: right 0.3s ease-in-out
            }

            .slides > div > .side > img {
                position: absolute;
                bottom: -150px;
                -webkit-transition: bottom 0.3s ease-in-out;
                -moz-transition: bottom 0.3s ease-in-out;
                -ms-transition: bottom 0.3s ease-in-out;
                -o-transition: bottom 0.3s ease-in-out;
                transition: bottom 0.3s ease-in-out;
                right: 0
            }

        .slides > div.eservices > .side > span {
            background-image: url('/PortalDesign/images/eservices-green.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/eservices-green.svg);
        }

        .slides > div.whatsnew > .side > span {
            background-image: url('/PortalDesign/images/new-green.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/new-green.svg);
        }

        .slides > div.indicators > .side > span {
            background-image: url('/PortalDesign/images/indicators-green.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/indicators-green.svg);
        }

        .slides > div.regulations > .side > span {
            background-image: url('/PortalDesign/images/regulations-green.png');
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/regulations-green.svg);
        }

        .slides > div.active > .side > h3 {
            top: 5px;
            transition: top 0.3s ease-in-out;
        }

        .slides > div.active > .side > span {
            right: 0;
            -webkit-transition: right 0.3s ease-in-out;
            -moz-transition: right 0.3s ease-in-out;
            -ms-transition: right 0.3s ease-in-out;
            -o-transition: right 0.3s ease-in-out;
            transition: right 0.3s ease-in-out
        }

        .slides > div.active > .side > img {
            bottom: 15px;
            -webkit-transition: bottom 0.3s ease-in-out;
            -moz-transition: bottom 0.3s ease-in-out;
            -ms-transition: bottom 0.3s ease-in-out;
            -o-transition: bottom 0.3s ease-in-out;
            transition: bottom 0.3s ease-in-out
        }

        .slides > div.visible {
            right: 0;
            -webkit-transition: right 0.3s ease;
            -moz-transition: right 0.3s ease;
            -ms-transition: right 0.3s ease;
            -o-transition: right 0.3s ease;
            transition: right 0.3s ease
        }

        .slides > div.hidden {
            right: 980px;
            -webkit-transition: right 0.3s ease-in-out;
            -moz-transition: right 0.3s ease-in-out;
            -ms-transition: right 0.3s ease-in-out;
            -o-transition: right 0.3s ease-in-out;
            transition: right 0.3s ease-in-out
        }

        .slides > div.adel .backToItems {
            left: 407px;
            top: 20px;
        }

        .slides > div.adel > .side {
            border: none;
            width: 530px;
            height: 216px;
            display: block;
            position: absolute;
        }

            .slides > div.adel > .side > hr {
                display: none
            }

            .slides > div.adel > .side > .adelText {
                position: absolute;
                top: 60px;
                font: 13px 'GE Dinar One Regular';
                color: #b2b2b2;
                text-align: justify
            }

            .slides > div.adel > .side > div.adelButtons {
                bottom: 7px;
                position: absolute;
                right: 0;
            }

                .slides > div.adel > .side > div.adelButtons > a {
                    font: 18px 'GE Dinar One Regular';
                    color: #f3f3f3;
                    text-decoration: none;
                    display: inline-block;
                    padding: 0 10px 0 40px;
                    background-color: #157C6A;
                    line-height: 30px;
                    margin-left: 10px
                }

                    .slides > div.adel > .side > div.adelButtons > a > span {
                        background: #157C6A url('/PortalDesign/images/button-arrow.png')no-repeat right center;
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/button-arrow.svg);
                        display: inline-block;
                        width: 19px;
                        height: 30px;
                        float: right;
                        margin: 0 0 0 10px
                    }

        .slides > div > .content {
            font-family: 'GE Dinar One Regular';
            width: 696px;
            float: left;
        }

        .slides > div.adel > .content {
            width: 384px;
            position: relative;
            top: 0;
            bottom: 0;
            display: block;
        }

        .slides > div > .content.fourIconsList > ul {
            list-style: none;
            padding: 0;
            margin: 0;
            float: right;
            width: 696px;
        }

            .slides > div > .content.fourIconsList > ul > li {
                float: right;
                width: 174px;
                box-sizing: border-box;
                padding: 0 10px;
                border-left: 1px solid #ededed;
                display: inline-block;
                height: 176px;
            }

                .slides > div > .content.fourIconsList > ul > li.last {
                    border: none
                }

                .slides > div > .content.fourIconsList > ul > li > a, .slides > div > .content.fourIconsList > ul > li > a:visited {
                    background-repeat: no-repeat;
                    background-position: center top;
                    color: #7b7b7b;
                    display: block;
                    margin-top: -8px;
                    text-decoration: none;
                    text-align: center;
                    font: 16px 'GE Dinar One Regular';
                    vertical-align: bottom
                }

.ti_li {
    float: left;
    margin: 21px 0 0 70px;
}

.slides > div > .content.fourIconsList > ul > li > a:hover {
    color: #545454
}

    .slides > div > .content.fourIconsList > ul > li > a:hover > img {
        -webkit-transform: rotateY(180deg); /* Chrome and other webkit browsers */
        -moz-transform: rotateY(180deg); /* FF */
        -o-transform: rotateY(180deg); /* Opera */
        -ms-transform: rotateY(180deg); /* IE9 */
        transform: rotateY(180deg); /* W3C complaint browsers */
        transition: transform 0.6s ease-out;
        -webkit-transition: -webkit-transform 0.6s ease-out;
        -moz-transition: transform 0.6s ease-out;
        -o-transition: transform 0.6s ease-out;
        -ms-transition: transform 0.6s ease-out;
        transform-style: preserve-3d
    }

.slides > div > .content.fourIconsList > ul > li > a > img {
    background-position: center;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    -webkit-transform: rotateY(0deg); /* Chrome and other webkit browsers */
    -moz-transform: rotateY(0deg); /* FF */
    -o-transform: rotateY(0deg); /* Opera */
    -ms-transform: rotateY(0deg); /* IE9 */
    transform: rotateY(0deg); /* W3C complaint browsers */
    transition: transform 0.6s ease-out;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: transform 0.6s ease-out;
    -o-transition: transform 0.6s ease-out;
    -ms-transition: transform 0.6s ease-out;
    transform-style: preserve-3d; /* IE8 and below */
}

.slides > div > .content.fourIconsList > ul > li > a.i1 > img {
    background-image: url('/PortalDesign/images/courts-services.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/courts-services.svg);
    background-position: center center;
    background-size: 45px;
}

.menu_service1 > img {
    background-image: url('/PortalDesign/images/courts-services.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/courts-services.svg);
    background-position: center center;
    background-size: 45px;
}

.slides > div > .content.fourIconsList > ul > li > a.i2 > img {
    background-image: url('/PortalDesign/images/excution-court.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/excution-court.svg);
    background-size: 36px;
}

.slides > div > .content.fourIconsList > ul > li > a.i3 > img {
    background-image: url('/PortalDesign/images/adel-writers.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/adel-writers.svg);
    background-size: 36px;
}

.slides > div > .content.fourIconsList > ul > li > a.i4 > img {
    background-image: url('/PortalDesign/images/ministry-services.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/ministry-services.svg);
    background-size: 45px;
}

.slides > div > .content.fourIconsList > ul > li > a.i5 > img {
    background-image: url('/PortalDesign/images/realestat-indicators.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/realestat-indicators.svg);
}

.slides > div > .content.fourIconsList > ul > li > a.i6 > img {
    background-image: url('/PortalDesign/images/court-indicators.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/court-indicators.svg);
}

.slides > div > .content.fourIconsList > ul > li > a.i7 > img {
    background-image: url('/PortalDesign/images/speed-indicators.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/speed-indicators.svg);
}

.slides > div > .content.fourIconsList > ul > li > a.i8 > img {
    background-image: url('/PortalDesign/images/orders-speed-indicators.png');
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/orders-speed-indicators.svg);
}

.slides > div > .content.fourIconsList > ul > li > a > img {
    display: block;
    margin: 0 auto
}

.slides > div > .content.fourIconsList > ul > li > div {
    color: #b2b2b2;
    font: normal 13px 'Neue Helvetica LTW20 Light';
    padding: 0 10px 10px 10px;
    text-align: justify;
    line-height: 18px;
}

.slides > div > .content > .adelVideo {
    float: left;
    margin-top: -7px; /* height: 216px; */
}

    .slides > div > .content > .adelVideo > a {
        cursor: pointer;
        display: none;
        background: url('/PortalDesign/images/adel-video-play.png') no-repeat center;
        position: absolute;
        top: 0;
        right: 0;
        width: 369px;
        z-index: 2;
        height: 186px;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
    }

        .slides > div > .content > .adelVideo > a.hidden {
            display: none
        }

    .slides > div > .content > .adelVideo video {
        width: 100%;
        height: 100%;
        display: none;
    }
/*new*/
.slides > div.whatsnew > .content > ul {
    list-style: none;
    padding: 5px 0;
    margin: 0
}

    .slides > div.whatsnew > .content > ul > li {
        float: right;
        width: 33%;
        box-sizing: border-box;
        padding: 0 15px;
        border-left: 1px solid #efefef
    }

        .slides > div.whatsnew > .content > ul > li.last {
            border: none
        }

        .slides > div.whatsnew > .content > ul > li > h3 {
            color: #157C6A;
            margin: 20px 0 5px 0;
            padding: 0 20px 0 0;
            font: normal 16px 'GE Dinar One Regular';
            background: url('/PortalDesign/images/list-title-bullet.png') no-repeat right 3px;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/list-title-bullet.svg);
        }

        .slides > div.whatsnew > .content > ul > li > ul {
            margin: 0;
            list-style: none;
            padding: 0
        }

            .slides > div.whatsnew > .content > ul > li > ul > li {
                padding: 0 5px;
                border-bottom: 1px solid #ededed
            }

                .slides > div.whatsnew > .content > ul > li > ul > li.last {
                    border: none
                }

                .slides > div.whatsnew > .content > ul > li > ul > li > a, .slides > div.whatsnew > .content > ul > li > ul > li > a:visited {
                    text-decoration: none;
                    color: #7b7b7b;
                    font: normal 13px 'Neue Helvetica LTW20 Light';
                    display: block;
                    line-height: 24px;
                    padding: 0 9px 6px;
                    background: url('/PortalDesign/images/list-item-bullet.png') no-repeat right;
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/list-item-bullet.svg);
                }

                    .slides > div.whatsnew > .content > ul > li > ul > li > a:hover {
                        color: #545454
                    }
/*end*/
.slides > div.regulations > .content > ul {
    list-style: none;
    padding: 5px 0;
    margin: 0
}

    .slides > div.regulations > .content > ul > li {
        float: right;
        width: 33%;
        box-sizing: border-box;
        padding: 0 15px;
        border-left: 1px solid #efefef
    }

        .slides > div.regulations > .content > ul > li.last {
            border: none
        }

        .slides > div.regulations > .content > ul > li > h3 {
            color: #157C6A;
            margin: 20px 0 5px 0;
            padding: 0 20px 0 0;
            font: normal 16px 'GE Dinar One Regular';
            background: url('/PortalDesign/images/list-title-bullet.png') no-repeat right 3px;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/list-title-bullet.svg);
        }

        .slides > div.regulations > .content > ul > li > ul {
            margin: 0;
            list-style: none;
            padding: 0
        }

            .slides > div.regulations > .content > ul > li > ul > li {
                padding: 0 5px;
                border-bottom: 1px solid #ededed
            }

                .slides > div.regulations > .content > ul > li > ul > li.last {
                    border: none
                }

                .slides > div.regulations > .content > ul > li > ul > li > a, .slides > div.regulations > .content > ul > li > ul > li > a:visited {
                    text-decoration: none;
                    color: #7b7b7b;
                    font: normal 13px 'Neue Helvetica LTW20 Light';
                    display: block;
                    line-height: 24px;
                    padding: 0 9px 6px;
                    background: url('/PortalDesign/images/list-item-bullet.png') no-repeat right;
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/list-item-bullet.svg);
                }

                    .slides > div.regulations > .content > ul > li > ul > li > a:hover {
                        color: #545454
                    }
/**Side Tools**/
.toolsbox {
    height: 46px;
    float: left;
    margin: 73px 0 0 0;
    position: relative
}

    .toolsbox > div {
        padding: 0;
        margin: 0 auto;
        list-style: none;
        float: left
    }

        .toolsbox > div > div {
            width: 46px;
            float: left;
            height: 46px;
            margin-right: 5px
        }

            .toolsbox > div > div.themes {
                top: 40px
            }

            .toolsbox > div > div.ver {
                top: 40px
            }

            .toolsbox > div > div.apps {
                position: relative;
                overflow: hidden;
                -webkit-transition: width 0.5s ease-in-out;
                -moz-transition: width 0.5s ease-in-out;
                -ms-transition: width 0.5s ease-in-out;
                -o-transition: width 0.5s ease-in-out;
                transition: width 0.5s ease-in-out
            }

                .toolsbox > div > div.apps.active {
                    width: 220px;
                    -webkit-transition: width 0.5s ease-in-out;
                    -moz-transition: width 0.5s ease-in-out;
                    -ms-transition: width 0.5s ease-in-out;
                    -o-transition: width 0.5s ease-in-out;
                    transition: width 0.5s ease-in-out
                }

            .toolsbox > div > div.language {
                top: 120px
            }

            .toolsbox > div > div > a.link {
                display: inline-block;
                width: 46px;
                height: 46px;
                background-color: #FFF;
                background-repeat: no-repeat;
                background-position: 0 0;
                z-index: 2;
                left: 0;
                float: left;
                margin: 0 0 3px 0;
                -webkit-transition: background 0.5s ease-in-out;
                -moz-transition: background 0.5s ease-in-out;
                -ms-transition: background 0.5s ease-in-out;
                -o-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out;
                cursor: pointer
            }

            .toolsbox > div > div:hover > a.link {
                background-color: #157C6A;
                background-position: 0 -46px
            }

            .toolsbox > div > div.userbox > a.link {
                background-image: url(/PortalDesign/images/quicktoolsUser.png);
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/quicktoolsUser.svg);
            }

            .toolsbox > div > div.themes > a.link {
                background-image: url(/PortalDesign/images/quicktoolsTheme.png);
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/quicktoolsTheme.svg);
            }

            .toolsbox > div > div.ver > a.link {
                background-image: url(/PortalDesign/images/quicktoolsVer.png);
            }

            .toolsbox > div > div.apps > a.link {
                background-image: url(/PortalDesign/images/quicktoolsApps.png);
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/quicktoolsApps.svg);
                z-index: 4
            }

            .toolsbox > div > div.language > a.link {
                background-image: url(/PortalDesign/images/quicktoolsEn.png);
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/quicktoolsEn.svg);
            }

            .toolsbox > div > div > div.panel {
                width: 200px;
                height: 184px;
                position: absolute;
                left: 0;
                background: #FAFAFA;
                top: 48px;
                display: none;
                padding: 10px;
                border: 1px solid #d3d3d3;
                box-sizing: border-box;
                z-index: 104;
            }

            .toolsbox > div > div.apps > div.panel {
                display: block;
                width: 168px;
                position: absolute;
                top: 0;
                left: 51px;
                height: 46px;
                padding: 7px 10px;
                border: none;
                z-index: 102;
                background: none
            }

            .toolsbox > div > div.apps.active > div.panel {
                display: block;
                left: 51px;
                -webkit-transition: left 0.5s ease-in-out;
                -moz-transition: left 0.5s ease-in-out;
                -ms-transition: left 0.5s ease-in-out;
                -o-transition: left 0.5s ease-in-out;
                transition: left 0.5s ease-in-out
            }
/*.toolsbox>div>div:hover>div.panel{display:block}
*/
/*Connect Us Side*/
.connectUsSide {
    height: 248px;
    width: 260px; /*margin-top:-62px;*/
    margin-bottom: 4px;
}

    .connectUsSide > ul {
        padding: 0;
        list-style: none;
        margin: 0;
        height: 100%;
        width: 260px;
    }

        .connectUsSide > ul > li {
            width: 50%;
            float: right;
            height: 50%;
            padding: 0 0 6px 3px;
            box-sizing: border-box;
        }

            .connectUsSide > ul > li.even {
                padding: 0 3px 6px 0;
            }

            .connectUsSide > ul > li > a {
                color: #7b7b7b;
                background-color: #fff;
                display: block;
                height: 100%;
                text-align: center;
                text-decoration: none;
                box-sizing: border-box;
                padding: 15px 0 0 0;
            }

                .connectUsSide > ul > li > a.ie7fix {
                    padding: 0
                }

                .connectUsSide > ul > li > a > span {
                    font: 16px 'GE Dinar One Regular';
                    line-height: 18px;
                    display: block;
                    padding: 0 10px;
                    width: 69px;
                    margin: 0 auto;
                    text-align: center;
                }

                .connectUsSide > ul > li > a > img {
                    display: block;
                    margin: 0 auto 10px;
                    height: 40px;
                    width: 40px;
                    background-position: center center;
                    background-repeat: no-repeat;
                }

                .connectUsSide > ul > li > a.ie7fix > img {
                    margin: 10px auto
                }

                .connectUsSide > ul > li > a > img.feedback {
                    background-image: url('/PortalDesign/images/feedback-icon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/feedback-icon.svg);
                }

                .connectUsSide > ul > li > a > img.faq {
                    background-image: url('/PortalDesign/images/faq-icon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/faq-icon.svg);
                }

                .connectUsSide > ul > li > a > img.mwared {
                    background-image: url('/PortalDesign/images/mwared.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/mwared.svg);
                }

                .connectUsSide > ul > li > a > img.finger {
                    background-image: url('/PortalDesign/images/fingerprint.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/fingerprint.svg);
                }

                .connectUsSide > ul > li > a > img.support {
                    background-image: url('/PortalDesign/images/support-icon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/support-icon.svg);
                }

                .connectUsSide > ul > li > a > img.maillist {
                    background-image: url('/PortalDesign/images/maillist-icon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/maillist-icon.svg);
                }

                .connectUsSide > ul > li > a:hover {
                    color: #FFFFFF;
                    background-color: #157C6A;
                }

                    .connectUsSide > ul > li > a:hover > img.feedback {
                        background-image: url('/PortalDesign/images/feedback-icon-hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/feedback-icon-hover.svg);
                    }

                    .connectUsSide > ul > li > a:hover > img.faq {
                        background-image: url('/PortalDesign/images/faq-icon-hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/faq-icon-hover.svg);
                    }

                    .connectUsSide > ul > li > a:hover > img.mwared {
                        background-image: url('/PortalDesign/images/fingerprint_hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/mwared_hover.svg);
                    }

                    .connectUsSide > ul > li > a:hover > img.finger {
                        background-image: url('/PortalDesign/images/mwared_hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/fingerprint_hover.svg);
                    }

                    .connectUsSide > ul > li > a:hover > img.support {
                        background-image: url('/PortalDesign/images/support-icon-hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/support-icon-hover.svg);
                    }

                    .connectUsSide > ul > li > a:hover > img.maillist {
                        background-image: url('/PortalDesign/images/maillist-icon-hover.png');
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/maillist-icon-hover.svg);
                    }


/*Boxes*/
.userbox .head {
    font: 16px 'GE Dinar One Regular';
    color: #7b7b7b;
    line-height: 18px;
    padding: 5px 0 13px 0;
}

    .userbox .head > span {
        background: no-repeat;
        background-image: url(/PortalDesign/images/titleUser.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/titleUser.svg);
        float: right;
        display: inline-block;
        width: 16px;
        height: 17px;
        margin: 0 0 0 15px;
    }

.userbox .loginbox {
}

    .userbox .loginbox > div {
        height: 22px;
        margin: 0 0 7px 0;
    }

    .userbox .loginbox span {
        float: right;
        display: inline-block;
        width: 22px;
        height: 22px;
        background: #c1a73c no-repeat center center;
    }

        .userbox .loginbox span.username {
            background-image: url(/PortalDesign/images/usernameBox.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/usernameBox.svg);
        }

        .userbox .loginbox span.password {
            background-image: url(/PortalDesign/images/passwordBox.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/passwordBox.svg);
        }

    .userbox .loginbox input {
        width: 146px;
        float: left;
        height: 22px;
        border: none;
        padding: 0 5px;
        background-color: #f2f2f2;
        font: 11px 'GE Dinar One Regular';
        color: #b2b2b2
    }

        .userbox .loginbox input:focus {
            outline-color: #fff;
            color: #7B7B82;
            outline-style: solid;
            outline-width: 1px
        }

.userbox .rememberme {
    font: 10px 'GE Dinar One Light';
    color: #b2b2b2;
    text-align: right;
}

    .userbox .rememberme input {
        margin-right: 0
    }

    .userbox .rememberme > a {
        color: #b2b2b2;
        text-decoration: none
    }

.userbox .loginbutton {
    margin: 10px 0 0;
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #007c5a;
    text-align: center;
    font: 12px 'GE Dinar One Regular';
    line-height: 24px;
}

.themes .head {
    font: 16px 'GE Dinar One Regular';
    color: #7b7b7b;
    line-height: 18px;
    padding: 5px 0 30px 0;
}

    .themes .head > span {
        background: no-repeat;
        float: right;
        display: inline-block;
        width: 24px;
        height: 22px;
        margin: 0 0 0 15px;
        background-image: url(/PortalDesign/images/titleTheme.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/titleTheme.svg);
    }

.themes .colors {
    text-align: center
}

    .themes .colors > a {
        font: 13px 'GE Dinar One Regular';
        color: #b2b2b2;
        display: inline-block;
        width: 58px;
        text-align: center;
        text-decoration: none;
        margin: 0 11px;
    }

        .themes .colors > a > span {
            display: block;
            height: 29px;
            width: 29px;
            margin: 0 auto 15px auto
        }

        .themes .colors > a.grey > span {
            background-color: #575757
        }

        .themes .colors > a.green > span {
            background-color: #157C6A
        }

.ver .head {
    font: 16px 'GE Dinar One Regular';
    color: #7b7b7b;
    line-height: 18px;
    padding: 5px 0 30px 0;
}

    .ver .head > span {
        background: no-repeat;
        float: right;
        display: inline-block;
        width: 24px;
        height: 22px;
        margin: 0 0 0 15px;
        background-image: url(/PortalDesign/images/titleVer.png);
    }

.ver .colors {
    text-align: center
}

    .ver .colors > a {
        font: 13px 'GE Dinar One Regular';
        color: #b2b2b2;
        display: inline-block;
        width: 58px;
        text-align: center;
        text-decoration: none;
        margin: 0 11px;
    }

        .ver .colors > a > span {
            display: block;
            height: 29px;
            width: 29px;
            margin: 0 auto 15px auto
        }

.apps .applications {
    padding: 0;
    margin: 0;
    list-style: none
}

    .apps .applications > li {
        height: 33px;
        margin: 0 2px;
        float: left;
        width: 33px
    }

        .apps .applications > li > a {
            text-decoration: none
        }

            .apps .applications > li > a > span {
                display: inline-block;
                float: right;
                height: 33px
            }

                .apps .applications > li > a > span.icon {
                    -webkit-transition: background 0.3s ease-in-out;
                    -moz-transition: background 0.3s ease-in-out;
                    -ms-transition: background 0.3s ease-in-out;
                    -o-transition: background 0.3s ease-in-out;
                    transition: background 0.3s ease-in-out;
                    width: 33px;
                    background-repeat: no-repeat;
                }

                    .apps .applications > li > a > span.icon.ios {
                        background-image: url(/PortalDesign/images/ios.png);
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/ios.svg);
                    }

                    .apps .applications > li > a > span.icon.android {
                        background-image: url(/PortalDesign/images/android.png);
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/android.svg);
                    }

                    .apps .applications > li > a > span.icon.bb {
                        background-image: url(/PortalDesign/images/bb.png);
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/bb.svg);
                    }

                    .apps .applications > li > a > span.icon.wp {
                        background-image: url(/PortalDesign/images/wp.png);
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/wp.svg);
                    }

            .apps .applications > li > a:hover > span.icon {
                background-position: -33px 0px;
                -webkit-transition: background 0.3s ease-in-out;
                -moz-transition: background 0.3s ease-in-out;
                -ms-transition: background 0.3s ease-in-out;
                -o-transition: background 0.3s ease-in-out;
                transition: background 0.3s ease-in-out
            }

            .apps .applications > li > a > span.text {
                font: normal 12px 'GE Dinar One Regular';
                color: #b2b2b2;
                padding: 0px 5px;
                width: 89px;
                line-height: 22px
            }

            .apps .applications > li > a:hover > span.text {
                background-color: #eee;
                color: #999
            }

.middleContent {
    float: left;
    width: 690px;
}
/**News Section**/
.newsAndSide {
    margin: 15px auto 10px;
    min-height: 400px;
}

.servicebox {
    margin-bottom: 0px;
}

.news {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    float: none;
    width: 690px;
    height: 352px;
}

    .news > .newsHead {
        background-color: #157C6A;
        padding: 7px 10px;
        line-height: 40px
    }

.pageHead {
    padding: 10px 10px 2px 10px;
    line-height: 40px;
    background-color: #157C6A;
    border-radius: 5px 5px 0 0;
    margin: 0 0 10px 0;
    line-height: 20px;
    text-align: right;
    width: 100%;
}

    .pageHead h3 {
        color: #f3f3f3;
        font: normal 18px 'GE Dinar One Regular';
        width: 100%;
        margin-bottom: 10px;
    }

.news > .newsHead > h1 {
    margin: 0;
    font: normal 18px 'GE Dinar One Regular';
    float: right;
    line-height: 26px;
    color: #f3f3f3;
    white-space: nowrap;
}

.news > .newsHead > a {
    text-decoration: none;
    color: #fff;
    float: left;
    font: normal 14px 'GE Dinar One Regular';
    line-height: 26px;
    margin: 0 0 0 8px;
    white-space: nowrap;
}

    .news > .newsHead > a.as-prev-arrow {
        background: url('/PortalDesign/images/newsPrev.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px 8px 0 0
    }

    .news > .newsHead > a.as-next-arrow {
        background: url('/PortalDesign/images/newsNext.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px
    }

    .news > .newsHead > a.as-prev-arrow:hover {
        background-image: url(/PortalDesign/images/newsPrev-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev-hover.svg);
    }

    .news > .newsHead > a.as-next-arrow:hover {
        background-image: url(/PortalDesign/images/newsNext-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext-hover.svg);
    }

.news > .bx-wrapper {
    direction: ltr
}

.newsSlider {
    padding: 10px 0;
    position: relative;
    direction: rtl;
    margin: 0;
    list-style: none;
    height: 100%;
}

    .newsSlider > div.as-slide-inner {
        padding: 0;
        margin: 0;
        list-style: none;
        direction: rtl
    }

    .newsSlider li {
        float: left;
        width: 319px;
        box-sizing: border-box;
        padding: 0;
        height: 285px;
        margin: 0;
    }

        .newsSlider li.even {
            padding: 0;
        }

        .newsSlider li > img {
            width: 100%;
            max-width: 319px;
        }

        .newsSlider li > h3 {
            color: #6F6F6F;
            font: normal 14px 'Neue Helvetica LTW20 Roman';
            margin: 0 0 2px;
            line-height: 20px;
            -webkit-text-size-adjust: 100%
        }

        .newsSlider li > span.date {
            font: normal 10px 'Neue Helvetica LTW20 Light';
            color: #cacaca;
            display: block;
            margin-top: 5px;
            padding: 0 25px 0 0;
            background: url('/PortalDesign/images/newsDate.png') no-repeat center right;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsDate.svg);
            line-height: 19px;
        }

        .newsSlider li > p {
            margin: 0;
            font: normal 13px 'Neue Helvetica LTW20 Light';
            line-height: 16px;
            color: #7B7B7B;
            padding-bottom: 5px;
            -webkit-text-size-adjust: 100%
        }

            .newsSlider li > p > a.more {
                text-decoration: none;
                color: #c1a73c
            }
/**second row**/
.secondRow {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    float: none;
    width: 690px;
    height: 511px;
    margin-top: 10px;
}

    .secondRow > .newsHead {
        background-color: #157C6A;
        padding: 7px 10px;
        line-height: 40px;
        margin-bottom: 10px
    }


    .pageHead h3 {
        color: #f3f3f3;
        font: normal 18px 'GE Dinar One Regular';
        width: 100%;
        margin-bottom: 10px;
    }

.secondRow > .newsHead > h1 {
    margin: 0;
    font: normal 18px 'GE Dinar One Regular';
    float: right;
    line-height: 26px;
    color: #f3f3f3;
    white-space: nowrap;
}

.secondRow > .newsHead > a {
    text-decoration: none;
    color: #fff;
    float: left;
    font: normal 14px 'GE Dinar One Regular';
    line-height: 26px;
    margin: 0 0 0 8px;
    white-space: nowrap;
}

    .secondRow > .newsHead > a.as-prev-arrow {
        background: url('/PortalDesign/images/newsPrev.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px 8px 0 0
    }

    .secondRow > .newsHead > a.as-next-arrow {
        background: url('/PortalDesign/images/newsNext.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px
    }

    .secondRow > .newsHead > a.as-prev-arrow:hover {
        background-image: url(/PortalDesign/images/newsPrev-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev-hover.svg);
    }

    .secondRow > .newsHead > a.as-next-arrow:hover {
        background-image: url(/PortalDesign/images/newsNext-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext-hover.svg);
    }

.secondRow > .bx-wrapper {
    direction: ltr
}
/**Third row**/
.thirdRow {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    float: none;
    width: 690px;
    height: 330px;
    margin-top: 10px;
}

    .thirdRow > .newsHead {
        background-color: #157C6A;
        padding: 7px 10px;
        line-height: 40px;
        margin-bottom: 10px
    }


    .pageHead h3 {
        color: #f3f3f3;
        font: normal 18px 'GE Dinar One Regular';
        width: 100%;
        margin-bottom: 10px;
    }

.thirdRow > .newsHead > h1 {
    margin: 0;
    font: normal 18px 'GE Dinar One Regular';
    float: right;
    line-height: 26px;
    color: #f3f3f3;
    white-space: nowrap;
}

.thirdRow > .newsHead > a {
    text-decoration: none;
    color: #fff;
    float: left;
    font: normal 14px 'GE Dinar One Regular';
    line-height: 26px;
    margin: 0 0 0 8px;
    white-space: nowrap;
}

    .thirdRow > .newsHead > a.as-prev-arrow {
        background: url('/PortalDesign/images/newsPrev.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px 8px 0 0
    }

    .thirdRow > .newsHead > a.as-next-arrow {
        background: url('/PortalDesign/images/newsNext.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px
    }

    .thirdRow > .newsHead > a.as-prev-arrow:hover {
        background-image: url(/PortalDesign/images/newsPrev-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev-hover.svg);
    }

    .thirdRow > .newsHead > a.as-next-arrow:hover {
        background-image: url(/PortalDesign/images/newsNext-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext-hover.svg);
    }

.thirdRow > .bx-wrapper {
    direction: ltr
}
/**ads Section**/
.adsAndSide {
    margin: 15px auto 10px;
}

.servicebox {
    margin-bottom: 0px;
}

.ads {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    float: right;
    width: 690px;
    height: 352px
}

    .ads > .adsHead {
        background-color: #157C6A;
        padding: 7px 10px;
        line-height: 40px
    }


    .pageHead h3 {
        color: #f3f3f3;
        font: normal 18px 'GE Dinar One Regular';
        width: 100%;
        margin-bottom: 10px;
    }

.ads > .adsHead > h1 {
    margin: 0;
    font: normal 18px 'GE Dinar One Regular';
    float: right;
    line-height: 26px;
    color: #f3f3f3;
    white-space: nowrap;
}

.ads > .adsHead > a {
    text-decoration: none;
    color: #fff;
    float: left;
    font: normal 14px 'GE Dinar One Regular';
    line-height: 26px;
    margin: 0 0 0 8px;
    white-space: nowrap;
}

    .ads > .adsHead > a.as-prev-arrow {
        background: url('/PortalDesign/images/newsPrev.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px 8px 0 0
    }

    .ads > .adsHead > a.as-next-arrow {
        background: url('/PortalDesign/images/newsNext.png') no-repeat;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext.svg);
        display: block;
        height: 20px;
        width: 20px;
        margin: 3px
    }

    .ads > .adsHead > a.as-prev-arrow:hover {
        background-image: url(/PortalDesign/images/newsPrev-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsPrev-hover.svg);
    }

    .ads > .adsHead > a.as-next-arrow:hover {
        background-image: url(/PortalDesign/images/newsNext-hover.png);
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsNext-hover.svg);
    }

.ads > .bx-wrapper {
    direction: ltr
}

.adsSlider {
    padding: 10px 0;
    position: relative;
    direction: rtl;
    margin: 0;
    list-style: none;
    height: 100%;
}

    .adsSlider > div.as-slide-inner {
        padding: 0;
        margin: 0;
        list-style: none;
        direction: rtl
    }

    .adsSlider li {
        float: left;
        width: 319px;
        box-sizing: border-box;
        padding: 0;
        height: 285px;
        margin: 0;
    }

        .adsSlider li.even {
            padding: 0;
        }

        .adsSlider li > img {
            width: 100%;
            max-width: 319px;
        }

        .adsSlider li > h3 {
            color: #6F6F6F;
            font: normal 14px 'Neue Helvetica LTW20 Roman';
            margin: 0 0 2px;
            line-height: 20px;
            -webkit-text-size-adjust: 100%
        }

        .adsSlider li > span.date {
            font: normal 10px 'Neue Helvetica LTW20 Light';
            color: #cacaca;
            display: block;
            margin-top: 5px;
            padding: 0 25px 0 0;
            background: url('/PortalDesign/images/newsDate.png') no-repeat center right;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsDate.svg);
            line-height: 19px;
        }

        .adsSlider li > p {
            margin: 0;
            font: normal 13px 'Neue Helvetica LTW20 Light';
            line-height: 16px;
            color: #7B7B7B;
            padding-bottom: 5px;
            -webkit-text-size-adjust: 100%
        }

            .adsSlider li > p > a.more {
                text-decoration: none;
                color: #c1a73c
            }
/**Aside Section*/
.aside {
    float: right;
    width: 260px;
}

    .aside .publications {
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 15px;
        background-color: #fff;
        height: 212px;
        margin: 0 0 10px 0;
        position: relative;
        width: 260px;
    }

    .aside .quicklinks {
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        padding: 15px;
        background-color: #fff;
        height: 195px;
        margin: 0 0 10px 0;
        position: relative;
        width: 260px;
    }

.pubtext {
    text-align: center;
    margin-top: 10px;
    padding-top: 25px;
    color: #6F6F6F;
    font: normal 16px 'Neue Helvetica LTW20 Roman';
    margin: 0 0 2px;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
}

.pubpass {
    text-decoration: none;
    color: #c1a73c;
    margin-top: 35px;
    margin-right: 18px;
}
/*Side Content*/
.PageContainer {
    margin-bottom: 10px;
    position: relative;
}

.sideContent {
    float: right;
    position: relative;
    width: 260px;
}

.MainMenu {
    border: 1px solid #d3d3d3;
    margin: 0 0 11px 0;
    background-color: #fff;
    padding: 15px;
    width: 260px;
    box-sizing: border-box;
}

    .MainMenu > div {
        background-color: #157C6A;
        padding: 7px 10px;
        line-height: 40px;
        font: normal 18px 'GE Dinar One Regular';
        line-height: 27px;
        color: #f3f3f3;
    }

    .MainMenu > ul {
        padding: 0;
        margin: 10px 0;
        list-style: none;
    }

        .MainMenu > ul > li {
            border-bottom: 1px solid #e1e1e1;
            padding: 5px;
        }

            .MainMenu > ul > li.last {
                border: none
            }

            .MainMenu > ul > li:hover {
                background-color: #eaeaea;
            }

            .MainMenu > ul > li.opened:hover {
                background: none
            }

            .MainMenu > ul > li > a, .MainMenu > ul > li > a:visited {
                font: 13px 'Neue Helvetica LTW20 Roman';
                text-decoration: none;
                color: #797979;
                background: url('/PortalDesign/images/menu-bullet.png') no-repeat right 3px;
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/menu-bullet.svg);
                display: block;
                padding: 0 27px 4px;
                line-height: 19px;
            }

            .MainMenu > ul > li:hover > a {
                color: #5A5A5A;
            }

            .MainMenu > ul > li > ul {
                margin: 10px 0;
                padding: 0;
                list-style: none;
                display: none;
            }

                .MainMenu > ul > li > ul > li {
                    padding: 0;
                    border-bottom: 1px solid #efefef;
                    line-height: 19px;
                }

                    .MainMenu > ul > li > ul > li:hover {
                        background-color: #F4F4F4;
                    }

                    .MainMenu > ul > li > ul > li.last {
                        border: none
                    }

                    .MainMenu > ul > li > ul > li > a, .MainMenu > ul > li > ul > li > a:visited {
                        text-decoration: none;
                        font: 13px 'Neue Helvetica LTW20 Roman';
                        line-height: 21px;
                        color: #b2b2b2;
                        display: block;
                        padding: 0 6px 6px;
                    }

                    .MainMenu > ul > li > ul > li:hover > a {
                        color: #939393;
                    }
/*Publications*/
.publications > .pubHead {
    background-color: #157C6A;
    padding: 7px 10px;
    line-height: 40px;
    font: normal 18px 'GE Dinar One Regular';
    line-height: 26px;
    color: #f3f3f3
}

.publications .bx-viewport, .publications .bx-wrapper {
    direction: ltr;
    height: 180px
}

.publications .pubSlide {
    height: 180px;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

    .publications .pubSlide li {
        height: 180px;
        float: left;
        width: 100%
    }

.publications .bx-controls-direction {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 25px;
    left: 0
}

    .publications .bx-controls-direction a {
        position: absolute;
        width: 15px;
        height: 24px;
        top: 70px;
        background: no-repeat;
        z-index: 2;
        display: block
    }

        .publications .bx-controls-direction a.bx-prev {
            background-image: url(/PortalDesign/images/releasesPrev.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev.svg);
            right: 15px;
        }

        .publications .bx-controls-direction a.bx-next {
            background-image: url(/PortalDesign/images/releasesNext.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext.svg);
            left: 15px;
        }

        .publications .bx-controls-direction a.bx-prev:hover {
            background-image: url(/PortalDesign/images/releasesPrev-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev-hover.svg);
        }

        .publications .bx-controls-direction a.bx-next:hover {
            background-image: url(/PortalDesign/images/releasesNext-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext-hover.svg);
        }

.publications .pubSlide .slide {
    z-index: 1;
    text-align: center
}

    .publications .pubSlide .slide div {
        display: inline-block;
        padding: 30px 0
    }

        .publications .pubSlide .slide div a {
            display: inline-block;
            text-decoration: none;
            text-align: center;
            padding: 0;
            color: #7b7b7b;
            font: normal 16px 'GE Dinar One Regular' !important;
            width: 100%
        }

            .publications .pubSlide .slide div a span {
                width: 100%;
                display: inline-block
            }

        .publications .pubSlide .slide div > a > img {
            display: block;
            margin: 0 auto 15px;
            height: 90px;
            width: auto;
        }

.quicklinks > .pubHead {
    background-color: #157C6A;
    padding: 7px 10px;
    line-height: 40px;
    font: normal 18px 'GE Dinar One Regular';
    line-height: 26px;
    color: #f3f3f3
}

.quicklinks .bx-viewport, .quicklinks .bx-wrapper {
    direction: ltr;
    height: 180px
}

.quicklinks .pubSlide {
    height: 180px;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

    .quicklinks .pubSlide li {
        height: 180px;
        float: left;
        width: 100%
    }

.quicklinks .bx-controls-direction {
    position: absolute;
    top: 48px;
    width: 100%;
    height: 25px;
    left: 0
}

    .quicklinks .bx-controls-direction a {
        position: absolute;
        width: 15px;
        height: 24px;
        top: 70px;
        background: no-repeat;
        z-index: 2;
        display: block
    }

        .quicklinks .bx-controls-direction a.bx-prev {
            background-image: url(/PortalDesign/images/releasesPrev.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev.svg);
            right: 15px;
        }

        .quicklinks .bx-controls-direction a.bx-next {
            background-image: url(/PortalDesign/images/releasesNext.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext.svg);
            left: 15px;
        }

        .quicklinks .bx-controls-direction a.bx-prev:hover {
            background-image: url(/PortalDesign/images/releasesPrev-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev-hover.svg);
        }

        .quicklinks .bx-controls-direction a.bx-next:hover {
            background-image: url(/PortalDesign/images/releasesNext-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext-hover.svg);
        }

.quicklinks .pubSlide .slide {
    z-index: 1;
    text-align: center
}

    .quicklinks .pubSlide .slide div {
        display: inline-block;
        padding: 30px 0
    }

        .quicklinks .pubSlide .slide div a {
            display: inline-block;
            text-decoration: none;
            text-align: center;
            padding: 0;
            color: #7b7b7b;
            font: normal 16px 'GE Dinar One Regular' !important;
            width: 100%
        }

            .quicklinks .pubSlide .slide div a span {
                width: 100%;
                display: inline-block
            }

        .quicklinks .pubSlide .slide div > a > img {
            display: block;
            margin: 0 auto 15px;
            height: 65px;
            width: auto;
        }

.aside .publications2 { /*border:1px solid #d3d3d3;*/
    box-sizing: border-box; /*padding:15px; background-color:#fff;*/
    height: 304px;
    margin: 0 0 10px 0;
    position: relative;
    width: 260px;
}
/*Publications2*/
.publications2 > .pubHead {
    background-color: #157C6A;
    padding: 7px 10px;
    line-height: 40px;
    font: normal 18px 'GE Dinar One Regular';
    text-align: center;
    line-height: 37px;
    margin-bottom: 11px;
    color: #f3f3f3
}

.publications2 .bx-viewport, .publications2 .bx-wrapper {
    direction: ltr;
    height: 180px
}

.publications2 .pubSlide {
    height: 180px;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

    .publications2 .pubSlide li {
        height: 180px;
        float: left;
        width: 100%
    }

.publications2 .bx-controls-direction {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 25px;
    left: 0
}

    .publications2 .bx-controls-direction a {
        position: absolute;
        width: 15px;
        height: 24px;
        top: 70px;
        background: no-repeat;
        z-index: 2;
        display: block
    }

        .publications2 .bx-controls-direction a.bx-prev {
            background-image: url(/PortalDesign/images/releasesPrev.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev.svg);
            right: 15px;
        }

        .publications2 .bx-controls-direction a.bx-next {
            background-image: url(/PortalDesign/images/releasesNext.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext.svg);
            left: 15px;
        }

        .publications2 .bx-controls-direction a.bx-prev:hover {
            background-image: url(/PortalDesign/images/releasesPrev-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev-hover.svg);
        }

        .publications2 .bx-controls-direction a.bx-next:hover {
            background-image: url(/PortalDesign/images/releasesNext-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext-hover.svg);
        }

.publications2 .pubSlide .slide {
    z-index: 1;
    text-align: center
}

    .publications2 .pubSlide .slide div {
        display: inline-block;
        padding: 30px 0
    }

        .publications2 .pubSlide .slide div a {
            display: inline-block;
            text-decoration: none;
            text-align: center;
            padding: 0;
            color: #7b7b7b;
            font: normal 16px 'GE Dinar One Regular' !important;
            width: 100%
        }

            .publications2 .pubSlide .slide div a span {
                width: 100%;
                display: inline-block
            }

        .publications2 .pubSlide .slide div > a > img {
            display: block;
            margin: 0 auto 15px;
            height: 90px;
            width: auto;
        }

.aside .pub3 {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    height: 352px;
    margin: 0 0 10px 0;
    position: relative;
    width: 260px;
}
/*pub3*/
.pub3 > .pubHead {
    background-color: #157C6A;
    padding: 7px 10px;
    line-height: 40px;
    font: normal 18px 'GE Dinar One Regular';
    line-height: 26px;
    color: #f3f3f3
}

.pub3 .bx-viewport, .pub3 .bx-wrapper {
    direction: ltr;
    height: 180px
}

.pub3 .pubSlide {
    height: 180px;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

    .pub3 .pubSlide li {
        height: 180px;
        float: left;
        width: 100%
    }

.pub3 .bx-controls-direction {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 25px;
    left: 0
}

    .pub3 .bx-controls-direction a {
        position: absolute;
        width: 15px;
        height: 24px;
        top: 70px;
        background: no-repeat;
        z-index: 2;
        display: block
    }

        .pub3 .bx-controls-direction a.bx-prev {
            background-image: url(/PortalDesign/images/releasesPrev.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev.svg);
            right: 15px;
        }

        .pub3 .bx-controls-direction a.bx-next {
            background-image: url(/PortalDesign/images/releasesNext.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext.svg);
            left: 15px;
        }

        .pub3 .bx-controls-direction a.bx-prev:hover {
            background-image: url(/PortalDesign/images/releasesPrev-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesPrev-hover.svg);
        }

        .pub3 .bx-controls-direction a.bx-next:hover {
            background-image: url(/PortalDesign/images/releasesNext-hover.png);
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/releasesNext-hover.svg);
        }

.pub3 .pubSlide .slide {
    z-index: 1;
    text-align: center
}

    .pub3 .pubSlide .slide div {
        display: inline-block;
        padding: 30px 0
    }

        .pub3 .pubSlide .slide div a {
            display: inline-block;
            text-decoration: none;
            text-align: center;
            padding: 0;
            color: #7b7b7b;
            font: normal 16px 'GE Dinar One Regular' !important;
            width: 100%
        }

            .pub3 .pubSlide .slide div a span {
                width: 100%;
                display: inline-block
            }

        .pub3 .pubSlide .slide div > a > img {
            display: block;
            margin: 0 auto 15px;
            height: 90px;
            width: auto;
        }
/*Employes Services*/
.empServices {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 0;
    background-color: #fff;
    height: 96px;
    position: relative;
    margin-bottom: 10px;
}

    .empServices > a {
        color: #7b7b7b;
        display: block;
        height: 94px;
        text-decoration: none
    }

        .empServices > a > span.icon {
            width: 92px;
            height: 96px;
            display: inline-block;
            float: right;
            background: #157C6A url('/PortalDesign/images/employesServices.png') no-repeat center;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/employesServices.svg);
            position: absolute;
            top: -1px;
            right: 0px;
        }

        .empServices > a:hover > span.icon {
            background-color: #C1A73C
        }

        .empServices > a > span.text {
            float: left;
            display: inline-block;
            width: 146px;
            padding: 20px 10px 0;
        }

            .empServices > a > span.text > .title {
                font: normal 18px 'GE Dinar One Regular';
                display: block
            }

            .empServices > a > span.text > .description {
                font: normal 12px 'Neue Helvetica LTW20 Roman';
                color: #b2b2b2;
                line-height: 19px;
            }
/***Tweets Bar***/
.tweets {
    overflow: hidden;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 12px 10px 15px 15px;
    height: 62px;
    background: #fff url('/PortalDesign/images/tweetBoxbg.png') no-repeat left 20px;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/tweetBoxbg.svg);
    background-size: 69px 58px;
    margin: 0 auto 10px;
}

    .tweets .tweetHead {
        background: url('/PortalDesign/images/tweetboxLogo.png') no-repeat right center;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/tweetboxLogo.svg);
        float: right;
        height: 35px;
        padding: 0 50px 0 0;
        width: 57px;
        text-decoration: none;
    }

        .tweets .tweetHead > h3 {
            margin: 0;
            font: normal 18px 'GE Dinar One Regular';
            color: #157C6A;
            line-height: 22px
        }

        .tweets .tweetHead > span {
            display: inline-block;
            text-align: right;
            font: 12px verdana;
            color: #d3d3d3
        }

    .tweets .bx-wrapper {
        direction: ltr;
        width: 798px;
        float: left
    }

    .tweets .tweetsList {
        float: left;
        width: 794px;
        padding: 0 10px 0 0;
        height: 35px;
        direction: rtl;
        margin: 0
    }

        .tweets .tweetsList > span {
            font: 13px 'GE Dinar One Light';
            line-height: 40px;
            color: #7b7b7b
        }

        .tweets .tweetsList .singleTweet { /* height:40px */
        }

            .tweets .tweetsList .singleTweet > .date {
                float: right;
                color: #cacaca;
                font: 11px verdana;
                line-height: 40px;
                background: url('/PortalDesign/images/tweetDate.png') no-repeat right center;
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/newsDate.svg);
                padding: 0 20px 0 0
            }

            .tweets .tweetsList .singleTweet > .tweetText {
                float: right;
                width: 606px;
                font: normal 12px 'Neue Helvetica LTW20 Roman';
                line-height: 20px;
                color: #7b7b7b;
                padding: 8px 10px 0 0;
                text-decoration: none;
            }

                .tweets .tweetsList .singleTweet > .tweetText > a {
                    color: #7b7b7b;
                    text-decoration: none;
                    font: 11px verdana
                }
/***Bottom Block***/
.bottomBlock {
}

    .bottomBlock > .rightSide {
        float: right;
        width: 690px
    }
/***Bottom Block***/
.bottomBlock {
    margin: 0 auto 10px auto
}

    .bottomBlock > .rightSide {
        float: right;
        width: 690px
    }

.rightSide > .banner {
    height: 109px;
    margin: 0 0 10px 0;
    position: relative;
    width: 690px;
}

.banner {
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    background: #fff url('/PortalDesign/images/banner-background.png') no-repeat left center;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/banner-background.svg);
    padding: 15px;
    padding-left: 0
}

    .banner > img {
        width: 53px;
        float: right;
        background: url('/PortalDesign/images/banner-icon.png') no-repeat center center;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/banner-icon.svg);
        background-size: contain;
        height: 76px;
        max-height: 76px;
        margin-top: 0;
    }

    .banner > div {
        float: left;
        position: absolute;
        height: 100%;
        width: 85%; /*padding: 0 73px 0 0;*/
        top: 0;
        left: -1px;
    }

        .banner > div > div {
            position: relative;
            margin: 28px 0 0 0;
            height: 54px;
            text-align: right;
            background-color: #157C6A;
            color: #FFF;
            font: 18px 'Neue Helvetica LTW20 Roman';
            line-height: 48px;
            padding: 0 15px 10px 0;
            box-sizing: border-box
        }
/*Accordion*/
.accordion {
    position: relative;
    height: 180px;
    overflow: hidden
}

    .accordion > div {
        position: absolute;
        width: 480px;
        height: 178px;
        top: 0;
        background-color: #F3F3F3
    }

        .accordion > div > .sideHead {
            width: 209px;
            float: right;
            position: relative;
            padding: 0 15px;
            height: 178px;
            cursor: pointer;
            box-sizing: border-box;
        }

            .accordion > div > .sideHead > a {
                right: 15px;
                position: absolute;
                bottom: 15px;
                background-color: #157C6A;
                width: 131px;
                color: #fff;
                text-align: right;
                text-decoration: none;
                font: 18px 'GE Dinar One Regular';
                height: 35px;
                line-height: 35px;
                padding: 0 40px 0 10px;
                background-repeat: no-repeat;
                background-position: 155px;
                -webkit-transition: background 0.3s ease-in;
                -moz-transition: background 0.3s ease-in;
                -ms-transition: background 0.3s ease-in;
                -o-transition: background 0.3s ease-in;
                transition: background 0.3s ease-in
            }

        .accordion > div.active > .sideHead > a {
            background-color: #C1A73C
        }

        .accordion > div.firstSide {
            right: 0;
            z-index: 1
        }

            .accordion > div.firstSide > .sideHead {
                background: url('/PortalDesign/images/quickLinks.png');
                background-size: cover
            }

                .accordion > div.firstSide > .sideHead > a {
                    background-image: url('/PortalDesign/images/qucikLinksIcon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/qucikLinksIcon.svg);
                }

        .accordion > div.secondSide {
            right: 480px;
            z-index: 2;
            -webkit-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
            -moz-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
            -o-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
            transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220); /* easeInQuart */
        }

            .accordion > div.secondSide.active {
                right: 219px;
                background-color: #F3F3F3;
                -webkit-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
                -moz-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
                -o-transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220);
                transition: right 500ms cubic-bezier(0.895,0.030,0.685,0.220); /* easeInQuart */
            }

            .accordion > div.secondSide > .sideHead {
                background: url('/PortalDesign/images/tenders.png');
                background-size: cover
            }

                .accordion > div.secondSide > .sideHead > a {
                    background-image: url('/PortalDesign/images/tendersIcon.png');
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/tendersIcon.svg);
                    -webkit-transition: background 0.3s ease-in;
                    -moz-transition: background 0.3s ease-in;
                    -ms-transition: background 0.3s ease-in;
                    -o-transition: background 0.3s ease-in;
                    transition: background 0.3s ease-in
                }

        .accordion > div > .sideText {
            width: 271px;
            float: right;
            box-sizing: border-box;
            padding: 0 15px
        }

            .accordion > div > .sideText > ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

                .accordion > div > .sideText > ul > li {
                    border-bottom: 1px solid #E2E2E2;
                    padding: 0 10px
                }

                    .accordion > div > .sideText > ul > li > a {
                        font: 12px 'Neue Helvetica LTW20 Light';
                        text-decoration: none;
                        line-height: 28px;
                        color: #7b7b7b;
                        background: url('/PortalDesign/images/qlBullet.png') no-repeat right 8px;
                        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/qlBullet.svg);
                        display: block;
                        padding: 0 25px 0 0
                    }
/***Left Side***/
.leftSide {
    float: left;
    width: 260px
}
/*Connect With Us*/
.connectUs {
    margin: 0 0 10px 0
}

    .connectUs > ul {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 59px
    }

        .connectUs > ul > li {
            float: right;
            height: 59px
        }

            .connectUs > ul > li > a {
                display: block;
                width: 62px;
                height: 59px;
                background-color: #fff;
                background-repeat: no-repeat;
                background-position: center center;
            }

                .connectUs > ul > li > a:hover {
                    background-color: #C1A73C
                }

                .connectUs > ul > li > a.emailUs {
                    background-image: url(/PortalDesign/images/maillist.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/maillist.svg);
                }

                .connectUs > ul > li > a.faq {
                    background-image: url(/PortalDesign/images/faq.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/faq.svg);
                    margin: 0 4px
                }

                .connectUs > ul > li > a.callUs {
                    background-image: url(/PortalDesign/images/phone.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/phone.svg);
                    margin: 0 4px 0 0
                }

                .connectUs > ul > li > a.writeToUs {
                    background-image: url(/PortalDesign/images/pen.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/pen.svg);
                }

                .connectUs > ul > li > a.emailUs:hover {
                    background-image: url(/PortalDesign/images/maillist-hover.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/maillist-hover.svg);
                }

                .connectUs > ul > li > a.faq:hover {
                    background-image: url(/PortalDesign/images/faq-hover.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/faq-hover.svg);
                }

                .connectUs > ul > li > a.callUs:hover {
                    background-image: url(/PortalDesign/images/phone-hover.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/phone-hover.svg);
                }

                .connectUs > ul > li > a.writeToUs:hover {
                    background-image: url(/PortalDesign/images/pen-hover.png);
                    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/pen-hover.svg);
                }
/**Vote Box**/
.vote {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    padding: 20px 15px 15px 15px;
    background: #fff url('/PortalDesign/images/votebg.png') no-repeat left bottom;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/votebg.svg);
    position: relative;
    height: 250px;
    width: 260px;
}

    .vote > .voteHead {
    }

        .vote > .voteHead > h3 {
            margin: 0 0 5px 0;
            font: 18px 'GE Dinar One Regular';
            color: #7b7b7b
        }

    .vote > .voteOptions {
    }

        .vote > .voteOptions > .text {
            font: 13px 'Neue Helvetica LTW20 Light';
            color: #7b7b7b;
            line-height: 19px;
        }

        .vote > .voteOptions > .optionsList {
            margin: 14px 5px
        }

            .vote > .voteOptions > .optionsList > label {
                display: block;
                padding-right: 25px;
                font: 12px 'Neue Helvetica LTW20 Light';
                color: #7b7b7b;
                line-height: 20px;
                position: relative;
            }

                .vote > .voteOptions > .optionsList > label > input {
                    margin: 0 5px 0;
                    float: right;
                    padding: 5px 0 0 0;
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 5px;
                }

                .vote > .voteOptions > .optionsList > label > span {
                    float: right
                }

        .vote > .voteOptions > .voteResults {
            position: absolute;
            bottom: -1px;
            left: 15px;
            background-color: #157C6A;
            padding: 0 10px;
            font: 13px 'Neue Helvetica LTW20 Light';
            color: #fff;
            line-height: 16px;
        }

            .vote > .voteOptions > .voteResults > a {
                text-decoration: none;
                line-height: 24px;
                color: #fff;
                display: inline-block;
                margin: 0 3px;
                padding-bottom: 6px;
            }
/***Footer Section***/
.footer {
    margin: 0 auto;
    padding-bottom: 60px;
}

    .footer > .footerGreen {
        background-color: #157C6A;
        color: #f3f3f3;
        font: 12px 'GE Dinar One Light';
        box-sizing: border-box;
        padding: 15px;
        margin: 11px 0 15px 0;
        line-height: 18px;
        width: 960px;
        border-bottom: solid 6px #C1AF64;
    }

        .footer > .footerGreen > .right {
            float: right
        }

            .footer > .footerGreen > .right > .rights {
            }

            .footer > .footerGreen > .right > .fLinks {
            }

                .footer > .footerGreen > .right > .fLinks > a {
                    color: #f3f3f3;
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 5px;
                    white-space: nowrap;
                }

                    .footer > .footerGreen > .right > .fLinks > a:hover {
                        color: #fff
                    }

                    .footer > .footerGreen > .right > .fLinks > a:first-child {
                        margin: 0 0 0 5px;
                        white-space: nowrap;
                    }

        .footer > .footerGreen > .left {
            float: left
        }

            .footer > .footerGreen > .left > ul {
                margin: 6px 0 0 0;
                padding: 0;
                list-style: none
            }

                .footer > .footerGreen > .left > ul > li {
                    float: left;
                    width: 90px;
                    text-align: center
                }

                    .footer > .footerGreen > .left > ul > li > a {
                        background-position: center center;
                        background-repeat: no-repeat;
                        height: 22px;
                        display: inline-block
                    }

                        .footer > .footerGreen > .left > ul > li > a.facebook {
                            background-image: url(/PortalDesign/images/facebook.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/facebook.svg);
                            width: 22px
                        }

                        .footer > .footerGreen > .left > ul > li > a.twitter {
                            background-image: url(/PortalDesign/images/twitter.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/twitter.svg);
                            width: 26px
                        }

                        .footer > .footerGreen > .left > ul > li > a.youtube {
                            background-image: url(/PortalDesign/images/youtube.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/youtube.svg);
                            width: 20px
                        }

                        .footer > .footerGreen > .left > ul > li > a.w3c {
                            background-image: url(/PortalDesign/images/w3c.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/w3c.svg);
                            width: 48px;
                        }

                        .footer > .footerGreen > .left > ul > li > a.html5 {
                            width: 44px
                        }

                        .footer > .footerGreen > .left > ul > li > a.googleplus {
                            background-image: url(/PortalDesign/images/gplus.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/gplus.svg);
                            width: 22px
                        }

                        .footer > .footerGreen > .left > ul > li > a.facebook:hover {
                            background-image: url(/PortalDesign/images/facebook-hover.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/facebook-hover.svg);
                        }

                        .footer > .footerGreen > .left > ul > li > a.twitter:hover {
                            background-image: url(/PortalDesign/images/twitter-hover.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/twitter-hover.svg);
                        }

                        .footer > .footerGreen > .left > ul > li > a.youtube:hover {
                            background-image: url(/PortalDesign/images/youtube-hover.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/youtube-hover.svg);
                        }

                        .footer > .footerGreen > .left > ul > li > a.googleplus:hover {
                            background-image: url(/PortalDesign/images/gplus-hover.png);
                            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/gplus-hover.svg);
                        }

    .footer > .footerBrowsers {
    }

        .footer > .footerBrowsers > .right {
            background: url('/PortalDesign/images/browsers.png') no-repeat right 0px;
            float: right;
            width: 545px;
            height: 56px;
            font: 11px 'GE Dinar One Light';
            padding: 10px 139px 0 0;
            line-height: 17px;
            color: #B0B0B0;
            margin-right: 15%;
        }

        .footer > .footerBrowsers > .left {
            float: left;
            margin: 10px 0 0 15px;
        }

            .footer > .footerBrowsers > .left > a {
                display: inline-block;
                text-decoration: none;
                margin: 0 5px 0 0
            }

.backtotop {
    background: url('/PortalDesign/images/gototop.png') no-repeat;
    background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/gototop.svg);
    width: 51px;
    height: 51px;
    position: fixed;
    cursor: pointer;
    margin: 0;
    z-index: 100;
    bottom: 135px;
    left: 50px;
    display: none;
}

.ViewPortFix {
    width: 100%
}

/*Grid*/
.grid {
    margin: 15px 0;
    border-bottom: 1px solid #eaeaea;
}

.searchGrid {
    float: right;
    width: 50%;
    margin-bottom: 6px;
    color: #7b7b7b;
    font: 15px 'Neue Helvetica LTW20 Roman';
}

.selectGrid {
    box-sizing: border-box;
    height: 32px;
    border: 1px solid #eaeaea;
    border-radius: 0px;
    padding: 5px 10px 7px 10px;
    font: 13px 'Neue Helvetica LTW20 Light';
    color: #7b7b7b;
}

.feildGrid {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #eaeaea;
    padding: 10px;
    font: 13px 'Neue Helvetica LTW20 Light';
    color: #7b7b7b;
}

.dataTables_length {
}

.dataTables_filter {
    float: left
}

.responsiveGrid {
    width: 100%;
    border-collapse: collapse;
}

    .responsiveGrid > thead {
        background-color: #f4f4f4;
        border-bottom: 3px solid #007C5A;
    }

        .responsiveGrid > thead > tr > th {
            color: #7b7b7b;
            font: 15px 'Neue Helvetica LTW20 Roman';
            padding: 14px 0;
            line-height: 21px;
        }

    .responsiveGrid > tbody {
    }

        .responsiveGrid > tbody > tr > td {
            font: 13px 'Neue Helvetica LTW20 Light';
            color: #7b7b7b;
            padding: 10px;
            line-height: 19px;
            border: 1px solid #eaeaea;
            border-bottom: none;
        }

        .responsiveGrid > tbody > tr.even > td {
            background-color: #f4f4f4
        }

        .responsiveGrid > tbody td span.thead {
            display: none
        }
        /*Grid Documents*/
        .responsiveGrid > tbody > tr > td span.document {
            display: inline-block;
            padding: 0 30px 4px 0;
            background-position: right 3px;
            background-repeat: no-repeat;
            line-height: 22px;
            background-size: 21px 22px;
        }

            .responsiveGrid > tbody > tr > td span.document.pdf {
                background-image: url('/PortalDesign/images/pdf-icon.png');
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/pdf-icon.svg);
            }

            .responsiveGrid > tbody > tr > td span.document.ppt {
                background-image: url('/PortalDesign/images/ppt-icon.png');
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/ppt-icon.svg);
            }

            .responsiveGrid > tbody > tr > td span.document.doc {
                background-image: url('/PortalDesign/images/doc-icon.png');
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/doc-icon.svg);
            }

            .responsiveGrid > tbody > tr > td span.document.xsl {
                background-image: url('/PortalDesign/images/excel-icon.png');
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/excel-icon.svg);
            }

        .responsiveGrid > tbody > tr > td.documentSize {
            text-align: center
        }

        .responsiveGrid > tbody > tr > td.documentDownload {
            text-align: center
        }

            .responsiveGrid > tbody > tr > td.documentDownload > a.download {
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url('/PortalDesign/images/download-icon.png') no-repeat center bottom;
                background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/download-icon.svg);
            }


.container {
    /* font-size:4.5px; */
}

.calendar-container {
    position: relative;
    width: 100%;
    margin-bottom: 11px;
}

    .calendar-container header {
        /*border-radius: 1em 1em 0 0;*/
        background: #157C6A;
        color: #fff;
        padding: 16px 2em;
    }

.day {
    font-size: 7em;
    font-weight: 900;
    line-height: 1em;
}

.month {
    font-size: 4em;
    line-height: 1em;
    text-transform: lowercase;
}

.calendar {
    background: #fff;
    /*border-radius: 0 0 1em 1em;*/
    font-size: 9px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
    color: #555;
    display: inline-block;
    padding: 19px 1px 8px 1px;
    height: 132px;
}

    .calendar thead {
        color: #e66b6b;
        font-weight: 700;
        text-transform: uppercase;
    }

    .calendar td {
        padding: 0.5em 5px;
        text-align: center;
    }

    .calendar tbody td:hover {
        background: #cacaca;
        color: #fff;
    }

.current-day {
    color: #e66b6b;
}

.prev-month,
.next-month {
    color: #cacaca;
}

.ring-left,
.ring-right {
    position: absolute;
    top: 69px;
}

.ring-left {
    left: 2em;
}

.ring-right {
    right: 2em;
}

    .ring-left:before,
    .ring-left:after,
    .ring-right:before,
    .ring-right:after {
        background: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, .3), 0 -1px 1px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 1px rgba(0, 0, 0, .3), 0 -1px 1px rgba(0, 0, 0, .2);
        content: "";
        display: inline-block;
        margin: 6px;
        height: 20px;
        width: 5px;
    }

ul.ListItem {
    list-style-type: none;
    margin-top: 40px;
    padding: 0px;
}

    ul.ListItem li {
        display: inline;
    }

.ListItem a {
    display: inline-block;
    width: 48%;
    float: right;
    height: 175px;
    box-sizing: border-box;
    margin: 0px 6px 16px 6px;
    text-align: center;
    text-decoration: none;
    color: #797979;
    border: 1px solid #d5d5d5;
    background-color: #f4f4f4;
}

    .ListItem a:hover {
        color: #f4f4f4;
        border: 1px solid #157c6a;
        background-color: #157c6a;
        text-decoration: none;
    }



ul.ListItem li p {
    position: relative;
    top: 115px;
    margin: 15px auto;
    height: 30px;
    text-align: center;
    font: 20px 'GE Dinar One Regular';
}

.wekalatindex {
    width: 48% !important;
    background: url(/PortalDesign/images/Item1.png) no-repeat;
}

    .wekalatindex:hover {
        background: url(/PortalDesign/images/Item1_hover.png) no-repeat;
    }

.wekalatindex_resume {
    width: 48% !important;
    background: url(/PortalDesign/images/Item2.png) no-repeat;
}

    .wekalatindex_resume:hover {
        background: url(/PortalDesign/images/Item2_hover.png) no-repeat;
    }


@media screen and (max-width:960px) {
    .header {
        margin: 0 0 30px 0;
        top: 0;
        left: 0;
        height: auto;
    }

    .pageHead {
        width: 100%;
        padding: 1px;
    }

    .leftSide {
        float: left;
        width: 100%;
        margin-bottom: 8px;
    }

    .connectUsSide {
        height: 100%;
        width: 100%;
        margin-top: 0px;
    }

        .connectUsSide > ul {
            padding: 0;
            list-style: none;
            margin: 0;
            height: 100%;
            width: 100%;
        }

    .backtotop {
        left: 15px;
        bottom: 15px;
    }

    body {
        background-size: cover; /* background-attachment: fixed; */
    }

    .w960 {
        width: 96%;
        margin: 0 2%;
        box-sizing: border-box;
        padding-bottom: 0;
    }

    .headeritems {
        position: relative;
        top: 0;
        left: 0;
        min-height: 196px;
        margin-bottom: 15px;
    }

    .headmenu {
        margin: 0;
        -webkit-transition: right 0.5s ease-in-out;
        -moz-transition: right 0.5s ease-in-out;
        -ms-transition: right 0.5s ease-in-out;
        -o-transition: right 0.5s ease-in-out;
        transition: right 0.5s ease-in-out;
        display: none;
        border-top: 1px solid #208C6F;
        position: relative;
        left: 0;
        top: 0;
        min-width: initial;
        float: none;
    }

        .headmenu.fixed {
            position: fixed;
            width: 96%;
            margin: 0 2%;
            top: 62px;
            box-sizing: border-box
        }

        .headmenu.active {
            -webkit-transition: right 0.5s ease-in-out;
            -moz-transition: right 0.5s ease-in-out;
            -ms-transition: right 0.5s ease-in-out;
            -o-transition: right 0.5s ease-in-out;
            transition: right 0.5s ease-in-out;
        }

        .headmenu > li {
            float: none
        }

            .headmenu > li.home, .headmenu > li.last {
                display: none
            }

            .headmenu > li > a {
                float: none;
                padding: 0 15px
            }

            .headmenu > li > ul {
                position: relative;
                top: 0;
                height: auto;
                padding: 5px;
                border-top: 1px solid #33957C;
                width: 100%;
            }

                .headmenu > li > ul > li {
                    float: none;
                    border: none
                }

    .social {
        margin-top: 55px
    }

    .menuContainer {
        top: 15px;
        height: auto;
        min-height: 62px;
    }

    .mobileMenu {
        height: 62px;
        background-color: #157C6A;
        width: 100%;
        z-index: 100
    }

        .mobileMenu.fixed {
            margin: 0;
            top: 0;
            position: fixed;
            width: 96%;
            border-bottom: 1px solid #078A66;
        }

    .openMen {
        float: right;
        height: 62px;
        width: 62px;
        background: #078A66 url('/PortalDesign/images/MenuMobileIcon.png') no-repeat center center;
        background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/MenuMobileIcon.svg);
        cursor: pointer;
    }

    .searchMobile {
        display: block;
        float: left;
        height: 62px;
        width: 62px;
        overflow: hidden;
        -webkit-transition: width 0.5s ease-in-out;
        -moz-transition: width 0.5s ease-in-out;
        -ms-transition: width 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out;
        transition: width 0.5s ease-in-out;
        position: relative;
        border-right: 1px solid #33957C;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }

        .searchMobile.active {
            width: 194px;
            -webkit-transition: width 0.5s ease-in-out;
            -moz-transition: width 0.5s ease-in-out;
            -ms-transition: width 0.5s ease-in-out;
            -o-transition: width 0.5s ease-in-out;
            transition: width 0.5s ease-in-out
        }

        .searchMobile > a.search {
            width: 62px;
            background: url('/PortalDesign/images/searchMobile.png') center center no-repeat;
            background-image: linear-gradient(transparent,transparent),url(/PortalDesign/images/searchMobile.svg);
            height: 62px;
            padding: 0;
            position: relative;
            left: 0;
            float: left
        }

        .searchMobile > .searchbox {
            position: absolute;
            left: 64px;
            height: 62px;
            line-height: 62px;
            float: left;
        }

            .searchMobile > .searchbox > input {
                outline-color: #078A66;
                width: 105px;
                border: none;
                height: 30px;
                line-height: 30px;
                color: #EEE;
                font: 14px 'GE Dinar One Light';
                text-align: right;
                padding: 0 5px;
                background-color: transparent
            }

                .searchMobile > .searchbox > input:focus {
                    outline-color: #078A66
                }

    .toolsbox {
        margin: 60px 0 15px 0;
        z-index: 101
    }

    .services {
        height: 500px;
        margin: 0 0 15px 0;
        transition: height 0.4s ease-in-out;
        -webkit-transition: height 0.4s ease-in-out;
        -moz-transition: height 0.4s ease-in-out;
        -ms-transition: height 0.4s ease-in-out;
        -o-transition: height 0.4s ease-in-out;
        -webkit-transform: translateZ(0);
    }

        .services.minimize {
            height: 250px;
            transition: height 0.4s ease-in-out;
            -webkit-transition: height 0.4s ease-in-out;
            -moz-transition: height 0.4s ease-in-out;
            -ms-transition: height 0.4s ease-in-out;
            -o-transition: height 0.4s ease-in-out;
        }

    .items {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        height: 500px
    }

        .items > div {
            -webkit-backface-visibility: hidden;
            width: 49%;
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
            -webkit-transform: translateZ(0);
        }

            .items > div.eservices {
                left: initial;
                right: 1px;
                bottom: 250px
            }

            .items > div.whatsnew {
                left: 0;
                bottom: 250px
            }

            .items > div.indicators {
                left: initial;
                bottom: 0;
                right: 1px;
            }

            .items > div.regulations {
                left: 0;
                bottom: 0
            }


            .items > div > .text {
                width: 100%;
                -webkit-transform: translateZ(0);
            }

                .items > div > .text > .first {
                    width: 100%
                }

            .items > div:hover > .text > span.first {
                right: 0;
            }

            .items > div > .text > .second {
                display: none;
            }

            .items > div > .GoldLine {
                width: 100%;
                right: 0;
                -webkit-transform: translateZ(0);
            }

    .slides {
        height: 250px;
        width: 100%
    }

        .slides > div {
            height: 250px;
            width: 100%
        }

            .slides > div > .side > img {
                bottom: -600px
            }

            .slides > div > .content {
                position: absolute;
                right: 0px;
                width: 100%;
                box-sizing: border-box;
                padding-right: 260px;
                padding-left: 15px;
                height: 213px;
                float: none;
                -webkit-transform: translateZ(0);
            }

                .slides > div > .content.fourIconsList > ul {
                    height: 110px;
                    margin: auto 0;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    padding-right: 260px;
                    padding-left: 15px;
                    width: initial;
                }

                    .slides > div > .content.fourIconsList > ul > li {
                        width: 25%;
                        padding: 0 5px;
                        border: none
                    }

                        .slides > div > .content.fourIconsList > ul > li > div {
                            padding: 0;
                            display: none
                        }

                        .slides > div > .content.fourIconsList > ul > li > a, .slides > div > .content.fourIconsList > ul > li > a:visited {
                            font-size: 15px;
                            height: 110px;
                            position: relative;
                            padding: 0;
                        }

                            .slides > div > .content.fourIconsList > ul > li > a > img {
                                max-width: 90px;
                                width: 50%;
                                min-width: 65px;
                                margin-bottom: 10px;
                            }

            .slides > div.regulations > .content {
            }

                .slides > div.regulations > .content > ul {
                }

                    .slides > div.regulations > .content > ul > li {
                        width: 33.3%;
                        padding: 0 5px
                    }

                        .slides > div.regulations > .content > ul > li > h3 {
                            font-size: 14px;
                        }

            .slides > div.whatsnew > .content {
            }

                .slides > div.whatsnew > .content > ul {
                }

                    .slides > div.whatsnew > .content > ul > li {
                        width: 33.3%;
                        padding: 0 5px
                    }

                        .slides > div.whatsnew > .content > ul > li > h3 {
                            font-size: 14px;
                        }

            .slides > div.adel .backToItems {
                left: 380px;
                top: 35px
            }

            .slides > div.adel > .side {
                width: 100%;
                padding-left: 395px;
                box-sizing: border-box;
                height: 216px;
            }

                .slides > div.adel > .side > .adelText {
                    font-size: 12px;
                    padding-left: 395px;
                    line-height: 17px;
                    top: 50px;
                }

            .slides > div.adel > .content {
                width: 354px;
                padding: 0;
                height: 216px;
                right: initial;
                left: 15px;
                position: absolute;
                top: 16px;
            }

            .slides > div > .content > .adelVideo {
                width: 100%;
                height: 100%;
                margin: 0;
            }

                .slides > div > .content > .adelVideo > a {
                    width: 100%;
                    background-position: center center;
                    background-size: cover;
                    height: 100%;
                    display: block;
                    position: static;
                    margin: 0 auto;
                }

                .slides > div > .content > .adelVideo iframe {
                    width: 100%;
                    height: 100%;
                    display: none;
                }

    .newsAndSide {
        margin-bottom: 15px
    }

    .news {
        float: none;
        width: 100%;
        box-sizing: border-box;
        max-height: 420px;
        margin-bottom: 15px
    }

    .newsSlider li {
        width: 50%;
        box-sizing: border-box;
        height: 100%;
    }

    .news .bx-wrapper {
        height: auto !important;
    }

    .news > .bx-wrapper > .bx-viewport {
        height: auto !important;
    }

    .newsSlider li > img {
        max-width: initial;
        max-height: 138px;
    }

    .ads {
        float: none;
        width: 100%;
        box-sizing: border-box;
        max-height: 420px;
        margin-bottom: 15px
    }

    .adsSlider li {
        width: 50%;
        box-sizing: border-box;
        height: 100%;
    }

    .ads .bx-wrapper {
        height: auto !important;
    }

    .ads > .bx-wrapper > .bx-viewport {
        height: auto !important;
    }

    .adsSlider li > img {
        max-width: initial;
        max-height: 138px;
    }

    .aside {
        float: right;
        width: 50%;
        padding: 0 0 0 14px;
        box-sizing: border-box
    }

        .aside .publications {
            margin: 15px 0 0 0;
            height: 170px;
            width: initial;
        }

    .publications .bx-viewport, .publications .bx-wrapper {
        direction: ltr;
        height: 90px
    }

    .publications .pubSlide, .publications .pubSlide .slide {
        width: 100%;
        height: 90px
    }

    .publications .bx-controls-direction {
        top: 30px;
        left: 0
    }

        .publications .bx-controls-direction a.bx-prev {
            right: 10px
        }

        .publications .bx-controls-direction a.bx-next {
            left: 10px
        }

    .publications .pubSlide .slide div {
        padding: 0;
        width: 100%
    }

        .publications .pubSlide .slide div a, .publications .pubSlide .slide div a:visited {
            position: relative;
            min-height: 90px;
            width: 200px;
            color: #7b7b7b;
            text-decoration: none
        }

            .publications .pubSlide .slide div a span {
                display: inline-block;
                text-align: right;
                line-height: 125px;
                text-decoration: none;
                float: left;
                margin: 0 15px 0 0;
                width: auto;
                color: #b7b7b7 !important
            }

        .publications .pubSlide .slide div > a > img {
            margin: 20px 0;
            max-height: 70px;
            display: block;
            float: right
        }

    .aside .publications2 {
        margin: 15px 0 0 0;
        height: 170px;
        width: initial;
        margin-bottom: 122px;
    }

    .publications2 .bx-viewport, .publications2 .bx-wrapper {
        direction: ltr;
        height: 90px
    }

    .publications2 .pubSlide, .publications2 .pubSlide .slide {
        width: 100%;
        height: 90px
    }

    .publications2 .bx-controls-direction {
        top: 30px;
        left: 0
    }

        .publications2 .bx-controls-direction a.bx-prev {
            right: 10px
        }

        .publications2 .bx-controls-direction a.bx-next {
            left: 10px
        }

    .publications2 .pubSlide .slide div {
        padding: 0;
        width: 100%
    }

        .publications2 .pubSlide .slide div a, .publications2 .pubSlide .slide div a:visited {
            position: relative;
            min-height: 90px;
            width: 200px;
            color: #7b7b7b;
            text-decoration: none
        }

            .publications2 .pubSlide .slide div a span {
                display: inline-block;
                text-align: right;
                line-height: 125px;
                text-decoration: none;
                float: left;
                margin: 0 15px 0 0;
                width: auto;
                color: #b7b7b7 !important
            }

        .publications2 .pubSlide .slide div > a > img {
            margin: 20px 0;
            max-height: 70px;
            display: block;
            float: right
        }

    .aside .pub3 {
        margin: 15px 0 0 0;
        height: 170px;
        width: initial;
    }

    .pub3 .bx-viewport, .pub3 .bx-wrapper {
        direction: ltr;
        height: 90px
    }

    .pub3 .pubSlide, .pub3 .pubSlide .slide {
        width: 100%;
        height: 90px
    }

    .pub3 .bx-controls-direction {
        top: 30px;
        left: 0
    }

        .pub3 .bx-controls-direction a.bx-prev {
            right: 10px
        }

        .pub3 .bx-controls-direction a.bx-next {
            left: 10px
        }

    .pub3 .pubSlide .slide div {
        padding: 0;
        width: 100%
    }

        .pub3 .pubSlide .slide div a, .pub3 .pubSlide .slide div a:visited {
            position: relative;
            min-height: 90px;
            width: 200px;
            color: #7b7b7b;
            text-decoration: none
        }

            .pub3 .pubSlide .slide div a span {
                display: inline-block;
                text-align: right;
                line-height: 125px;
                text-decoration: none;
                float: left;
                margin: 0 15px 0 0;
                width: auto;
                color: #b7b7b7 !important
            }

        .pub3 .pubSlide .slide div > a > img {
            margin: 20px 0;
            max-height: 70px;
            display: block;
            float: right
        }

    .empServices > a {
        position: relative
    }

        .empServices > a > span.text {
            position: absolute;
            width: 100%;
            box-sizing: border-box;
            right: 0;
            padding-right: 105px;
            padding-top: 14px;
            height: 100%
        }

            .empServices > a > span.text > .description {
                font-size: 15px;
                padding: 0;
                display: block
            }

    .connectUs {
        float: left;
        width: 50%;
        height: 96px;
        margin-bottom: 15px;
        padding: 0;
        box-sizing: border-box
    }

        .connectUs > ul {
            height: 100%
        }

            .connectUs > ul > li {
                height: 100%;
                width: 25%
            }

                .connectUs > ul > li > a {
                    height: 100%;
                    width: auto;
                    background-image: none;
                    background-size: contain
                }

                    .connectUs > ul > li > a:hover {
                        background-color: #C1A73C;
                    }

                    .connectUs > ul > li > a.faq, .connectUs > ul > li > a.faq:hover {
                        background-size: 24px 42px;
                    }

                    .connectUs > ul > li > a.callUs, .connectUs > ul > li > a.callUs:hover {
                        background-size: 40.5px 40.5px;
                    }

                    .connectUs > ul > li > a.writeToUs, .connectUs > ul > li > a.writeToUs:hover {
                        background-size: 40.5px 40.5px;
                    }

                    .connectUs > ul > li > a.emailUs, .connectUs > ul > li > a.emailUs:hover {
                        background-size: 46.5px 37.5px;
                    }

    .no-svg .connectUs > ul > li > a.faq, .no-svg .connectUs > ul > li > a.faq:hover, .no-svg .connectUs > ul > li > a.callUs, .no-svg .connectUs > ul > li > a.callUs:hover, .no-svg .connectUs > ul > li > a.writeToUs, .no-svg .connectUs > ul > li > a.writeToUs:hover, .no-svg .connectUs > ul > li > a.emailUs, .no-svg .connectUs > ul > li > a.emailUs:hover {
        background-size: initial !important;
    }

    .tweets {
        height: 170px;
        background-position: left bottom;
        position: relative;
        float: left;
        width: 50%;
        margin: 0
    }

        .tweets .tweetHead {
            float: none;
            box-sizing: border-box;
            width: 100%;
            padding-bottom: 5px;
            height: 45px;
            position: absolute;
            right: 0;
            z-index: 2;
            margin: 0 10px 0 0
        }

        .tweets .tweetsList {
            float: none;
            width: 100%;
            box-sizing: border-box;
            height: auto;
            min-height: 113px
        }

            .tweets .tweetsList > span {
                margin: 0 150px 0 0
            }

            .tweets .tweetsList .singleTweet {
                height: auto;
                min-height: 150px;
                margin-top: 46px;
                border-top: 5px solid #157C6A
            }

                .tweets .tweetsList .singleTweet > .date {
                    position: absolute;
                    left: 0;
                    top: -50px; /* width:160px; */
                    float: left;
                    z-index: 2
                }

                .tweets .tweetsList .singleTweet .tweetText {
                    height: auto;
                    width: 100%;
                    line-height: 20px;
                    padding: 0 5px;
                    padding-top: 20px;
                    float: none;
                    clear: both;
                    display: block;
                    font: 12px 'GE Dinar One Regular';
                    box-sizing: border-box;
                    -webkit-text-size-adjust: 100%
                }

                .tweets .tweetsList .singleTweet > .tweetText > a {
                    font: 12px tahoma
                }

    .bottomBlock > .rightSide {
        float: none;
        width: 100%;
        position: relative;
    }

    .rightSide > .banner {
        height: auto;
        float: none;
        height: 97px;
        width: 100%
    }

        .rightSide > .banner > img {
            margin: 0
        }

    .banner > div > div {
        line-height: 40px;
        padding: 5px 10px;
        margin-top: 23px;
        font-size: 16px
    }

    .accordion {
        width: 65%;
        float: right;
        padding: 0 0 0 15px;
        box-sizing: border-box;
        height: 230px
    }

        .accordion > div {
            height: 115px;
            width: 100%;
            box-sizing: border-box;
            padding: 0 209px 0 0;
            background: none;
        }

    .vote {
        float: left;
        width: 35%
    }

    .accordion > div {
        float: left
    }

        .accordion > div > .sideText {
            display: none;
            margin: 0 0px 0 0;
            width: 100%
        }

        .accordion > div.active > .sideText {
            display: block
        }

        .accordion > div.secondSide.active {
            right: 0;
            background: none
        }

        .accordion > div.secondSide {
            right: 0;
            z-index: 1;
            top: 120px
        }

            .accordion > div.secondSide > .sideText {
                top: -120px;
                position: relative
            }

        .accordion > div > .sideHead {
            height: 110px;
            z-index: 4;
            position: absolute;
            right: 0
        }

        .accordion > div.secondSide > .sideHead {
            top: 0
        }

        .accordion > div > .sideText > ul > li > a {
            font-size: 12px;
            line-height: 36px;
            background-position: right
        }

    .bottomBlock {
        margin-bottom: 15px
    }

    .footer {
        margin-bottom: 25px;
        padding-bottom: 0;
    }

        .footer > .footerGreen {
            width: 100%
        }

        .footer > .footerBrowsers > .right {
            min-width: 400px;
            height: auto;
            min-height: 53px;
            box-sizing: border-box;
            background-position: right center;
        }

        .footer > .footerBrowsers > .left {
        }
}

@media screen and (max-width:767px) {
    .header {
        margin: 0
    }

    .headeritems {
        min-height: 183px;
        margin-bottom: 15px;
    }

    .pageHead h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .services {
        height: 470px
    }

        .services.minimize {
            height: 470px;
        }

    .mobileMenu {
        position: relative;
        width: 100%;
        margin: 0;
        box-sizing: border-box; /* top:10px; */
    }

        .mobileMenu.fixed {
            top: 0
        }

    .menuContainer {
        top: 0
    }

    .logo {
        margin: 20px auto 0;
    }

    .userbox .head {
        text-align: right
    }

    .themes .head {
        text-align: right
    }

    .userbox .loginbutton {
        position: relative
    }

    .apps .applications > li > a > span.icon {
        background-image: url('/PortalDesign/images/sprite_mobile.png')
    }

    .apps .applications > li > a:hover > span.icon {
        background-color: transparent
    }

    .backToItems {
        top: 33px;
        left: 25px
    }

    .slides {
        height: 470px
    }

        .slides > div {
            height: 470px;
        }

    .items {
        height: 470px
    }

        .items > div {
            height: 110px;
            width: 100%
        }

    .slides > div > .side {
        float: none;
        margin: 0 auto;
        border-left: none;
        border-bottom: 1px solid #d3d3d3;
        max-height: 50px;
        width: 100%
    }

    .slides > div.active > .side > img {
        width: 100%;
        max-height: 90px;
        bottom: 10px;
        display: none
    }

    .items > div > .text {
        line-height: 20px;
        font-size: 18px;
        height: 35px
    }

        .items > div > .text > span.first {
            box-sizing: border-box;
            text-align: right;
            padding-right: 105px
        }

    .items > div > .icon {
        width: 70px;
        height: 70px;
        background-size: 98% 98%;
        background-repeat: no-repeat;
        top: -6px;
        margin: auto 0;
        right: 20px;
        background-position: center center;
    }

        .items > div > .icon > img {
            max-width: 50%
        }

    .items > div > .icon {
        -webkit-transition: right 0.4s ease-in;
        -moz-transition: right 0.4s ease-in;
        -ms-transition: right 0.4s ease-in;
        -o-transition: right 0.4s ease-in;
        transition: right 0.4s ease-in;
        top: -6px
    }

        .items > div > .icon.active {
            -webkit-transition: right 0.4s ease-in;
            -moz-transition: right 0.4s ease-in;
            -ms-transition: right 0.4s ease-in;
            -o-transition: right 0.4s ease-in;
            transition: right 0.4s ease-in;
            top: -6px
        }

        .items > div > .icon.activeMobile {
            right: 102%;
            z-index: 4
        }

    .items > div.eservices {
        bottom: 360px;
        left: 0;
        right: initial
    }

    .items > div.whatsnew {
        bottom: 240px
    }

    .items > div.indicators {
        left: 0;
        right: initial;
        bottom: 120px
    }

    .items > div.regulations {
    }

    .items > div.whatsnew {
    }

    .slides > div > .content {
        position: static;
        float: none;
        padding-right: 0;
        padding-left: 0;
        height: 307px;
    }

        .slides > div > .content.fourIconsList > ul {
            padding-top: 0;
            padding-right: 0;
            height: 307px; /* position: relative; */
        }

            .slides > div > .content.fourIconsList > ul > li {
                float: right;
                width: 50%;
                padding: 35px 0 45px;
                box-sizing: border-box;
            }

                .slides > div > .content.fourIconsList > ul > li > a, .slides > div > .content.fourIconsList > ul > li > a:visited {
                    background-size: 26% 68%;
                    background-position: center top;
                    padding-top: 0;
                    float: none;
                    box-sizing: border-box;
                }

                .slides > div > .content.fourIconsList > ul > li > div {
                    float: none;
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0 5px;
                    padding-top: 5px
                }

    .slides > div.regulations > .content > ul > li {
        width: 100%;
        padding: 0;
        float: none;
        border: none
    }

        .slides > div.regulations > .content > ul > li > ul:after {
            display: block;
            clear: both;
            content: ' '
        }

        .slides > div.regulations > .content > ul > li > ul > li {
            float: right;
            margin: 0 1%;
            width: 48%;
            box-sizing: border-box
        }

            .slides > div.regulations > .content > ul > li > ul > li.last {
                border-bottom: 1px solid #ededed
            }

            .slides > div.regulations > .content > ul > li > ul > li > a, .slides > div.regulations > .content > ul > li > ul > li > a:visited {
                font-size: 13px;
                line-height: 18px;
            }

    .slides > div.whatsnew > .content > ul > li {
        width: 100%;
        padding: 0;
        float: none;
        border: none
    }

        .slides > div.whatsnew > .content > ul > li > ul:after {
            display: block;
            clear: both;
            content: ' '
        }

        .slides > div.whatsnew > .content > ul > li > ul > li {
            float: right;
            margin: 0 1%;
            width: 48%;
            box-sizing: border-box
        }

            .slides > div.whatsnew > .content > ul > li > ul > li.last {
                border-bottom: 1px solid #ededed
            }

            .slides > div.whatsnew > .content > ul > li > ul > li > a, .slides > div.whatsnew > .content > ul > li > ul > li > a:visited {
                font-size: 13px;
                line-height: 18px;
            }

    .slides > div.adel .backToItems {
        top: 33px;
        left: 25px;
    }

    .slides > div.adel > .side {
        width: 100%;
        height: auto;
        max-height: 100%;
        float: none;
        position: relative;
        padding: 0;
        margin-bottom: 15px;
    }

        .slides > div.adel > .side > .adelText {
            position: static;
            margin: 10px 0 5px;
            padding: 0;
        }

        .slides > div.adel > .side > h3 {
            position: relative;
            display: inline-block;
        }

        .slides > div.adel > .side > hr {
            display: block;
            margin: 8px 0 0 0;
            background-color: #d3d3d3;
            border: none;
            height: 1px;
        }

        .slides > div.adel > .side > span {
        }

        .slides > div.adel > .side > div.adelButtons {
            width: 100%;
            position: relative;
            bottom: -10px;
        }

            .slides > div.adel > .side > div.adelButtons > a {
                width: 100%;
                box-sizing: border-box;
                margin: 0 0 10px 0;
                padding-top: 5px;
                padding-bottom: 10px;
            }

    .slides > div.adel > .content {
        float: none;
        position: static;
        width: 100%;
        height: 100%;
        min-height: 150px;
        margin-top: 20px;
        max-height: 150px;
    }

    .slides > div > .content > .adelVideo {
        top: 0;
    }

    .slides > div.adel > .side > .adelText > div.adelButtons {
        padding: 0;
        position: static;
    }

        .slides > div.adel > .side > .adelText > div.adelButtons > a {
            display: block;
            margin: 5px 0
        }

    .slides > div > .content > .adelVideo > a {
        width: 100%;
        margin: 0 auto;
        min-width: 200px;
        max-width: 369px;
        height: 150px;
        background-size: initial;
    }

    .news {
        height: auto
    }

    .newsSlider > div.as-slide-inner > div > div {
        width: 100%;
        padding: 0 0 10px 0 !important
    }

    .newsSlider li > h3 {
        padding: 0 5px
    }

    .newsSlider li > span.date {
        margin: 5px 5px 0
    }

    .newsSlider li > p {
        padding: 0 5px 5px;
    }

    .ads {
        height: auto
    }

    .adsSlider > div.as-slide-inner > div > div {
        width: 100%;
        padding: 0 0 10px 0 !important
    }

    .adsSlider li > h3 {
        padding: 0 5px
    }

    .adsSlider li > span.date {
        margin: 5px 5px 0
    }

    .adsSlider li > p {
        padding: 0 5px 5px;
    }

    .aside {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }

    .empServices > a > span.text > .title {
        line-height: 26px;
    }

    .empServices > a > span.text > .description {
        line-height: 20px;
    }

    .connectUs {
        float: none;
        width: 100%;
        height: 70px
    }

    .tweets {
        float: none;
        width: 100%
    }

    .publications .pubSlide .slide div > a > span {
        float: right;
        color: #b7b7b7;
        line-height: 125px;
        white-space: nowrap;
    }

    .publications2 .pubSlide .slide div > a > span {
        float: right;
        color: #b7b7b7;
        line-height: 125px;
        white-space: nowrap;
    }

    .pub3 .pubSlide .slide div > a > span {
        float: right;
        color: #b7b7b7;
        line-height: 125px;
        white-space: nowrap;
    }

    .rightSide > .banner {
        margin-bottom: 15px
    }

    .banner > div {
        width: 100%;
        position: absolute;
        height: 97px;
        left: 0;
        top: 0;
        box-sizing: border-box;
        padding: 0 83px 0 0;
    }

    .accordion {
        float: none;
        width: 100%;
        height: auto;
        position: static;
        padding: 0;
    }

        .accordion > div {
            float: none;
            position: relative;
            padding: 0;
            height: auto;
            margin-bottom: 15px
        }

            .accordion > div.secondSide {
                top: 0
            }

                .accordion > div.secondSide > .sideText {
                    position: static
                }

            .accordion > div > .sideHead {
                position: relative;
                padding: 0;
                float: none;
                width: 100%
            }

                .accordion > div > .sideHead > a {
                    display: block;
                    width: 92%;
                    height: auto;
                    box-sizing: border-box;
                    font-size: 15px;
                    background-position: 15px;
                    line-height: 38px;
                    padding-right: 15px;
                    right: 0;
                    margin: 0 4%;
                }

            .accordion > div > .sideText {
                padding: 0 5px;
                float: none;
                display: block;
                position: static
            }

            .accordion > div.active > .sideHead > a {
                background-color: #157C6A
            }

            .accordion > div > .sideText > ul > li {
                padding: 0
            }

                .accordion > div > .sideText > ul > li:last-child {
                    border: none
                }

                .accordion > div > .sideText > ul > li > a {
                    padding-right: 20px;
                    font-size: 13px;
                    line-height: 36px
                }

    .vote {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        height: 190px
    }

        .vote > .voteOptions > .text {
            float: none;
            margin: 0 0 5px 0;
            display: block;
        }

        .vote > .voteOptions > .optionsList {
            float: right;
            width: 50%;
            margin: 0 0 5px;
        }

    .footer > .footerGreen {
        padding: 8px
    }

        .footer > .footerGreen > .right {
            float: none;
            font-size: 11px
        }

            .footer > .footerGreen > .right > .rights, .footer > .footerGreen > .right > .fLinks {
                text-align: center;
                margin-bottom: 5px
            }

        .footer > .footerGreen > .left {
            float: none;
            text-align: center;
            margin-top: 5px
        }

            .footer > .footerGreen > .left > ul {
                display: inline-block
            }

    .footer > .footerBrowsers > .right {
        width: 70%;
        box-sizing: border-box;
        height: auto;
        max-width: 100%;
        background-position: center top;
        padding: 63px 0 0 0;
        text-align: center;
        margin: 0 15%;
        min-width: initial;
    }

    .footer > .footerBrowsers > .left {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-left: 0;
    }

        .footer > .footerBrowsers > .left > a {
        }

            .footer > .footerBrowsers > .left > a > img {
                display: inline-block;
                width: 100%;
                max-width: 80px;
            }

    .responsiveGrid, .responsiveGrid > thead, .responsiveGrid > tbody, .responsiveGrid > thead > tr > th, .responsiveGrid > tbody > tr > td, .responsiveGrid > tbody > tr, .responsiveGrid tr {
        display: block;
    }

        .responsiveGrid > thead {
            border: none
        }

            .responsiveGrid > thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
                display: none;
            }

        .responsiveGrid > tbody > tr {
            border-bottom: 1px solid #007C5A;
        }

            .responsiveGrid > tbody > tr:last-child {
                border: none
            }

            .responsiveGrid > tbody > tr > td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-right: 42%;
            }

        .responsiveGrid > tbody td span.thead {
            font: 13px 'Neue Helvetica LTW20 Bold';
            line-height: 19px;
            display: table-cell;
            width: 40%;
            padding-right: 10px;
            padding-top: 10px;
            box-sizing: border-box;
            border-left: 1px solid #EAEAEA;
            margin-left: 10px;
            position: absolute;
            right: 0;
            top: 0;
            vertical-align: middle;
            height: 100%;
        }

        .responsiveGrid > tbody > tr > td.documentSize {
            text-align: right;
        }

        .responsiveGrid > tbody > tr > td.documentDownload {
            text-align: right
        }


    .calendar {
        background: #fff;
        /*border-radius: 0 0 1em 1em;*/
        font-size: 9px;
        -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
        color: #555;
        display: inline-block;
        padding: 19px 1px 8px 0;
        height: 132px;
        width: 100%;
    }
}

@media screen and (max-width:626px) {

    .logo {
        margin: 20px auto 0; /* float:none; */
        background-size: contain;
        width: 30%;
    }

    .vision {
        width: 16%;
        margin: 28px 4px 0 0;
    }

    .toolsbox {
        float: none;
        clear: both;
        margin: 15px auto 15px;
        text-align: center
    }

        .toolsbox > div {
            display: inline-block;
            float: none;
            position: relative
        }

            .toolsbox > div > div.apps.active {
                width: 200px
            }

            .toolsbox > div > div.apps > div.panel {
                padding: 7px 0;
                width: 148px
            }

            .toolsbox > div > div.userbox {
                margin: 0
            }

    .ListItem a {
        width: 97% !important;
    }

    ul.ListItem li p {
        position: relative;
        top: 105px;
        margin: 22px auto;
        height: 30px;
        text-align: center;
        font: 24px 'GE Dinar One Regular';
    }
}

@media screen and (max-width:480px) {
    .headeritems {
    }

    .logo {
        margin: 20px auto 15px;
        margin-left: 6px; /* float:none; */ /* width: 100%; */
        max-width: 34%;
        max-height: 79px;
    }

    .vision {
        float: right; /* background: url(/PortalDesign/images/vision4.png) no-repeat center center; */ /* background-size: 100px; */ /* display:block; */ /* height: 66px; */
        width: 18%;
        border-right: 1px solid #d6d6d6;
        margin: 24px 0 0 0;
    }

    .social {
        float: none;
        margin: 0 auto;
        display: block;
        position: relative;
        top: 0;
        width: 200px
    }

    .toolsbox {
        margin: 0 auto 10px;
        text-align: center; /* float:right; */
    }

        .toolsbox > div {
            float: none;
            margin: 0 auto;
            display: inline-block;
            position: relative
        }

            .toolsbox > div > div.apps.active {
                width: 148px;
                margin: 0;
                border: none
            }

                .toolsbox > div > div.apps.active > div.panel {
                    left: 36px;
                    border: none
                }

            .toolsbox > div > div.apps > div.panel {
                padding: 3px 0;
                border: none;
                background: none;
                border: none
            }

            .toolsbox > div > div {
                width: 40px;
                height: 40px
            }

                .toolsbox > div > div > a.link {
                    width: 40px;
                    height: 40px;
                    background-position: -3px -4px;
                }

                .toolsbox > div > div:hover > a.link {
                    background-color: #fff;
                    width: 40px;
                    background-position: -3px -4px;
                }

                .toolsbox > div > div > div.panel {
                    left: 0;
                    top: 42px;
                    width: 175px;
                }

    .userbox .loginbox input {
        width: 121px;
    }

    .themes .colors > a {
        width: 50px
    }

    .apps .applications > li > a > span.icon {
        width: 26px
    }

    .apps .applications > li {
        width: 27px;
        margin: 0
    }

    .searchMobile {
        left: 0
    }

    .slides > div.regulations > .content > ul > li > h3 {
        margin-top: 15px
    }

    .slides > div.whatsnew > .content > ul > li > h3 {
        margin-top: 15px
    }

    .banner > div > div {
        line-height: 21px;
        font-size: 15px;
    }

    .calendar {
        background: #fff;
        /*border-radius: 0 0 1em 1em;*/
        font-size: 9px;
        -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
        box-shadow: 0 2px 1px rgba(0, 0, 0, .2), 0 3px 1px #fff;
        color: #555;
        display: inline-block;
        padding: 19px 1px 8px 0;
        height: 132px;
    }
}

/***** Galaxy S3******/
@media only screen and (min-device-width : 719px) and (max-device-width : 721px) and (-webkit-min-device-pixel-ratio : 2)  {
.userbox .head,.themes .head{font-size:18px}
.userbox .loginbutton,.themes .colors>a{font-size:16px}
.userbox .rememberme{font-size:11px}
.userbox .loginbox input{font-size:12px}
.headmenu>li{font-size:24px;}
.headmenu>li>ul>li>a{font-size:20px;}
.items>div>.text>span.first{font-size:24px;}
.slides>div>.side>h3{font-size:24px}
.slides>div>.content.fourIconsList>ul>li>a{font-size:16px}
.slides>div.regulations>.content>ul>li>h3{font-size:20px;padding: 0 23px 0 0;}
.slides>div.regulations>.content>ul>li>ul>li>a{font-size:16px;white-space:nowrap;}
.slides>div.adel>.side>.adelText{font-size:18px}
.slides>div.adel>.side>div.adelButtons>a{font-size:22px}
.news>.newsHead>h1{font-size:24px}
.newsSlider li>h3,.newsSlider li>p{font-size:16px;line-height:18px;}
.newsSlider li>span.date{font-size:12px}
.empServices>a>span.text>.title{font-size:22px;line-height:18px}
.empServices>a>span.text>.description{font-size:18px}
.publications .pubSlide .slide div a{font-size:22px!important}
.publications>.pubHead{font-size:24px}
.tweets .tweetHead>h3{font-size:24px}
.tweets .tweetsList .singleTweet>.date{font-size:12px}
.tweets .tweetsList .singleTweet .tweetText{font-size:18px}
.banner>div>div{font-size:18px}
.accordion>div>.sideHead>a{font-size:22px}
.accordion>div>.sideText>ul>li>a{font-size:18px}
.vote>.voteHead>h3{font-size:24px}
.slides>div>.content.fourIconsList>ul>li>a{font-size:20px}
.vote>.voteHead>h3{line-height:18px}
.vote>.voteOptions>.text{font-size:18px;}
.vote>.voteOptions>.optionsList>label{font-size:18px}
.vote>.voteOptions>.voteResults{font-size:18px;}
.connectUs>ul>li>a.faq, .connectUs>ul>li>a.faq:hover,.connectUs>ul>li>a.callUs, .connectUs>ul>li>a.callUs:hover,.connectUs>ul>li>a.writeToUs, .connectUs>ul>li>a.writeToUs:hover,.connectUs>ul>li>a.emailUs, .connectUs>ul>li>a.emailUs:hover{background-size: initial;}
.footer>.footerGreen>.right{font-size:14px}
.footer>.footerBrowsers>.right{font-size:12px;line-height: 15px;}
}
 /***** Galaxy S3 mini******/
@media only screen and (min-device-width : 439px) and (max-device-width : 481px) and (-webkit-min-device-pixel-ratio : 1.5)  {
.userbox .head,.themes .head{font-size:22px}
.userbox .loginbutton,.themes .colors>a{font-size:18px}
.userbox .rememberme{font-size:12px}
.userbox .loginbox input{font-size:12px}
.searchMobile>.searchbox>input{font-size:18px;}
.headmenu>li{font-size:24px;}
.headmenu>li>ul>li>a{font-size:20px;}
.items>div>.text>span.first{font-size:24px;}
.slides>div>.side>h3{font-size:24px}
.slides>div>.content.fourIconsList>ul>li>a{font-size:18px}
.slides>div.regulations>.content>ul>li>h3{font-size:22px;padding: 0 23px 0 0;}
.slides>div.regulations>.content>ul>li>ul>li>a{font-size:18px}
.slides>div.adel>.side>.adelText{font-size:18px}
.slides>div.adel>.side>div.adelButtons>a{font-size:22px}
.news>.newsHead>h1{font-size:24px}
.newsSlider li>h3,.newsSlider li>p{font-size:18px}
.newsSlider li>span.date{font-size:14px}
.empServices>a>span.text>.title{font-size:22px}
.empServices>a>span.text>.description{font-size:18px}
.publications .pubSlide .slide div a{font-size:22px!important}
.publications>.pubHead{font-size:24px}
.tweets .tweetHead>h3{font-size:24px}
.tweets .tweetsList .singleTweet>.date{font-size:12px}
.tweets .tweetsList .singleTweet .tweetText{font-size:18px}
.banner>div>div{font-size:22px}
.accordion>div>.sideHead>a{font-size:22px}
.accordion>div>.sideText>ul>li>a{font-size:18px}
.vote>.voteHead>h3{font-size:24px}
.slides>div>.content.fourIconsList>ul>li>a{font-size:20px}
.vote>.voteOptions>.text{font-size:18px;}
.vote>.voteOptions>.optionsList>label{font-size:18px}
.vote>.voteOptions>.voteResults{font-size:18px;}
.connectUs>ul>li>a.faq, .connectUs>ul>li>a.faq:hover,.connectUs>ul>li>a.callUs, .connectUs>ul>li>a.callUs:hover,.connectUs>ul>li>a.writeToUs, .connectUs>ul>li>a.writeToUs:hover,.connectUs>ul>li>a.emailUs, .connectUs>ul>li>a.emailUs:hover{background-size: initial;}
.footer>.footerGreen>.right{font-size:14px}
.footer>.footerBrowsers>.right{font-size:12px;line-height: 15px;}
}
 @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){
     .slides>div>.content>.adelVideo>a {
  width: 100%;
  background-position: center center;
  background-size: cover;
  height: 100%;
  display: block;
  position: static;
  margin: 0 auto;
}
.slides>div>.content>.adelVideo iframe{width:100%; height:100%;display: none;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px)and (-webkit-min-device-pixel-ratio:2){
.slides>div>.content>.adelVideo>a {
  width: 100%;
  background-position: center center;
  background-size: cover;
  height: 100%;
  display: block;
  position: static;
  margin: 0 auto;
}
.slides>div>.content>.adelVideo iframe{width:100%; height:100%;display: none;}
}
.alpha-menu{position:relative;display:inline-block;padding:0; margin:0}.alpha-menu:before,.alpha-menu ul,.alpha-menu li,.alpha-menu div,.alpha-menu a,.alpha-menu label,.alpha-menu input,.alpha-menu textarea{ margin:0; padding:0; outline:none; border:0; list-style:none;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.alpha-menu a{ cursor:pointer}.alpha-menu h4{font-size:28px;line-height:28px;margin-bottom:10px;font-weight:normal;border:none}.alpha-menu p{margin:0 0 10px 0; padding: 8px; background-color: #404040;}.alpha-menu .am-no-space{padding:0 !important;margin:0 !important}.alpha-menu .am-space-20{padding:20px !important;margin:0 !important}.alpha-menu.am-full-width{ display:block}.alpha-menu.am-fixed{ position:fixed; top:0; left:0; right:0}.alpha-menu.am-fixed.am-position-left{ top:0; bottom:0; left:0; right:auto}.alpha-menu.am-fixed.am-position-right{ top:0; bottom:0; left:auto; right:0}.alpha-menu.am-fixed.am-position-bottom{ top:auto; bottom:0; left:0; right:0}.alpha-menu >li{ display:block; vertical-align:top; float:right; height:56px}.alpha-menu >li.am-responsive-toggle{display:none}.alpha-menu >li.am-right-item{ margin-right:0; float:left}.alpha-menu >li >a,.alpha-menu >li.am-responsive-toggle >span{ font-weight:normal; padding:0 20px; line-height:56px}.alpha-menu >li.am-responsive-toggle >span{font-weight:bold}.alpha-menu li{ position:relative; cursor:default}.alpha-menu li >a,.alpha-menu >li.am-responsive-toggle >span{ text-decoration:none; display:block}.alpha-menu li >ul,.alpha-menu li >div{ z-index:1}.alpha-menu.am-position-left >li,.alpha-menu.am-position-right >li{ position:relative !important}.alpha-menu.am-position-left >li,.alpha-menu.am-position-right >li,.alpha-menu.am-position-left >li.am-logo,.alpha-menu.am-position-right >li.am-logo{ float:none}.alpha-menu.am-position-left >li >a .am-caret,.alpha-menu.am-position-right >li >a .am-caret{ float:right}.alpha-menu .am-caret{ letter-spacing:0 !important; float:left; margin-right:8px}.alpha-menu >li >a .am-caret{ float:none}.alpha-menu .am-single-icon{ letter-spacing:0 !important}.alpha-menu:after{ content:''; display:block; clear:both}.alpha-menu >li.am-logo{ float:left; margin-left:0; font-size:0}.alpha-menu >li.am-logo a{ padding:0; line-height:0}.alpha-menu >li.am-logo img{ max-width:100%; max-height:100%; border:none}.alpha-menu ul,.alpha-menu div.am-multi-column{ position:absolute; display:none}.alpha-menu ul >li{ min-height:50px}.alpha-menu ul >li a{ padding:0 20px; line-height:50px}.alpha-menu >li >ul,.alpha-menu >li >div.am-multi-column{ top:100%; right:0}.alpha-menu >li >ul ul,.alpha-menu >li >div.am-multi-column ul{ top:0; left:100%}.alpha-menu >li >ul ul.am-drop-left,.alpha-menu >li >div.am-multi-column ul.am-drop-left{ left:auto; right:100%}.alpha-menu.am-position-bottom >li >ul,.alpha-menu.am-position-bottom >li >div.am-multi-column{ top:auto; bottom:100%; left:0}.alpha-menu.am-position-bottom >li >ul ul,.alpha-menu.am-position-bottom >li >div.am-multi-column ul{ top:auto; bottom:0; left:100%}.alpha-menu.am-position-bottom >li >ul ul.am-drop-left,.alpha-menu.am-position-bottom >li >div.am-multi-column ul.am-drop-left{ left:-100%}.alpha-menu.am-position-left >li >ul,.alpha-menu.am-position-left >li >div.am-multi-column{ top:0; left:100%}.alpha-menu.am-position-left >li >ul ul.am-drop-left,.alpha-menu.am-position-left >li >div.am-multi-column ul.am-drop-left{ top:0; left:100%}.alpha-menu.am-position-right >li >ul,.alpha-menu.am-position-right >li >div.am-multi-column{ top:0; left:auto; right:100%}.alpha-menu.am-position-right >li >ul ul.am-drop-left,.alpha-menu.am-position-right >li >div.am-multi-column ul.am-drop-left{ top:0; left:auto; right:100%}.alpha-menu.am-position-right >li >ul ul,.alpha-menu.am-position-right >li >div.am-multi-column >ul ul{ top:0; left:auto; right:100%}.alpha-menu li:hover >ul,.alpha-menu li:hover >div.am-multi-column,.alpha-menu li:hover >div.am-multi-column >ul{ display:block}.alpha-menu li >div.am-multi-column >ul,.alpha-menu.am-position-bottom li >div.am-multi-column >ul{ left:0; float:left}.alpha-menu >li >div.am-multi-column >ul{ position:relative; display:inline-block}.alpha-menu >li.am-right-align >ul,.alpha-menu >li.am-right-align >div.am-multi-column{ left:auto; right:0}.alpha-menu.am-position-left >li.am-right-align >ul,.alpha-menu.am-position-left >li.am-right-align >div.am-multi-column{ left:100%; right:auto}.alpha-menu.am-position-left >li.am-right-align >ul,.alpha-menu.am-position-left >li.am-right-align >div.am-multi-column{ right:100%}.alpha-menu >li.am-content-full{ position:static}.alpha-menu >li.am-content-full >div{ width:100%}.alpha-menu >li.am-content >div,.alpha-menu >li.am-content-full >div{ position:absolute; display:none; left:0; padding:15px}.alpha-menu >li.am-content >div ul,.alpha-menu >li.am-content-full >div ul{ display:block; position:relative; min-width:0}.alpha-menu >li.am-content >div ul li a,.alpha-menu >li.am-content-full >div ul li a,.alpha-menu >li.am-content >div ul li a:visited,.alpha-menu >li.am-content-full >div ul li a:visited{ padding:10px 0; line-height:1em}.alpha-menu >li.am-content >div ul li:hover,.alpha-menu >li.am-content-full >div ul li:hover{ background-color:transparent}.alpha-menu >li.am-content >div ul li:hover a,.alpha-menu >li.am-content-full >div ul li:hover a,.alpha-menu >li.am-content >div ul li:hover a:visited,.alpha-menu >li.am-content-full >div ul li:hover a:visited{ text-decoration:none}.alpha-menu >li.am-content >div img,.alpha-menu >li.am-content-full >div img{ width:100%; margin:15px 0}.alpha-menu >li.am-content >div .am-video,.alpha-menu >li.am-content-full >div .am-video{ position:relative; padding-bottom:56.25%; height:0; margin:15px 0; overflow:hidden}.alpha-menu >li.am-content >div .am-video >iframe,.alpha-menu >li.am-content-full >div .am-video >iframe{ position:absolute; left:0; top:0; height:100%; width:100%}.alpha-menu >li.am-content:hover >div,.alpha-menu >li.am-content-full:hover >div{ display:block}.alpha-menu >li.am-content >div,.alpha-menu >li.am-content-full >div{ top:100%}.alpha-menu.am-position-bottom >li.am-content >div,.alpha-menu.am-position-bottom >li.am-content-full >div{ top:auto; bottom:100%}.alpha-menu.am-position-left >li.am-content >div,.alpha-menu.am-position-left >li.am-content-full >div{ top:0; left:100%}.alpha-menu.am-position-right >li.am-content >div,.alpha-menu.am-position-right >li.am-content-full >div{ top:0; right:100%; left:auto}.alpha-menu >li.am-content.am-right-align >div,.alpha-menu >li.am-content-full.am-right-align >div{ left:auto; right:0}.alpha-menu.am-position-left >li.am-content.am-right-align >div,.alpha-menu.am-position-left >li.am-content-full.am-right-align >div{ left:100%; right:auto}.alpha-menu .am-submenu{width:auto}.alpha-menu .am-submenu >li{min-height:0 !important}.alpha-menu .am-submenu >li >a{padding:10px 0;margin:0}.alpha-menu .am-submenu span{display:block;clear:both}.alpha-menu .am-submenu .am-icon{width:1.3em;text-align:center;line-height:1em;vertical-align:middle;letter-spacing:0 !important}.alpha-menu .am-submenu .am-submenu-description{padding-top:3px}.alpha-menu .am-submenu-with-image img{float:right !important;width:auto !important;margin:0 !important}.alpha-menu .am-submenu-with-image span{padding-left:50px;clear:none}.alpha-menu .am-submenu-with-image .am-submenu-title{padding-top:4px !important}.alpha-menu .am-custom-bg{background-repeat:no-repeat;background-position:right bottom}.alpha-menu .am-image{display:block; max-width:100%; height:auto}.alpha-menu .am-title{font-weight:bold}.alpha-menu .am-description{ font-size:16px}.alpha-menu .am-map-canvas{width:100%;height:471px}.alpha-menu .am-map-canvas img{ max-width:none}.alpha-menu .am-contact-form{padding:20px}.alpha-menu input[type=text],.alpha-menu input[type=email],.alpha-menu textarea{ width:100%;max-width:100%;max-height:150px; margin:0;padding:8px;border-radius:0;font:inherit;  -webkit-transition:all .3s; -moz-transition:all .5s; transition:all .5s}.alpha-menu input.am-button{ cursor:pointer; display:inline-block; text-decoration:none; text-align:center; font-weight:normal; padding:15px}.alpha-menu input[type=submit]{clear:both;display:block;float:right;margin:0;padding:6px 30px; font:inherit; font-weight:bold; border:0; text-decoration:none;cursor:pointer;-webkit-transition:all .3s; -moz-transition:all .5s; transition:all .5s}input:focus{ outline:0}.alpha-menu .am-row{ display:block}.alpha-menu .am-row .am-col{ display:inline-block; margin-bottom:5px; padding:5px;text-align: center; vertical-align:top; float:right}.alpha-menu .am-row .am-col >.am-grid-wrapper{ padding:10px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}.alpha-menu .am-row .am-col.c-12{ width:100%}.alpha-menu .am-row .am-col.c-11{ width:91.66666666666667%}.alpha-menu .am-row .am-col.c-10{ width:83.33333333333334%}.alpha-menu .am-row .am-col.c-9{ width:75%}.alpha-menu .am-row .am-col.c-8{ width:66.66666666666667%}.alpha-menu .am-row .am-col.c-7{ width:58.333333333333336%}.alpha-menu .am-row .am-col.c-6{ width:50%}.alpha-menu .am-row .am-col.c-5{ width:41.66666666666667%}.alpha-menu .am-row .am-col.c-4{ width:33.333333333333336%}.alpha-menu .am-row .am-col.c-3{ width:25%}.alpha-menu .am-row .am-col.c-2{ width:16.666666666666668%}.alpha-menu .am-row .am-col.c-1{ width:8.333333333333334%}.alpha-menu .am-search{ position:relative; overflow:hidden}.alpha-menu .am-search form >label{ position:absolute; cursor:text; left:0; top:0; padding:0 20px; line-height:50px}.alpha-menu .am-search input{ height:56px; padding:0 27.5px; font-size:inherit; -webkit-appearance:none; width:0; opacity:0.01}.alpha-menu .am-search input:focus{ width:150px; opacity:1}.alpha-menu .am-search input:focus+label{ display:none}.alpha-menu.am-position-right .am-search,.alpha-menu.am-position-left .am-search{ float:none}.alpha-menu.am-position-right .am-search input,.alpha-menu.am-position-left .am-search input{ width:100%}.alpha-menu .am-social >a{padding:0 5px}.am-social.twitter:hover{background-color:#54aee1 !important}.am-social.facebook:hover{background-color:#4772af !important}.am-social.googleplus:hover{background-color:#dd4b39 !important}.am-social.behance:hover{background-color:#18a3fe !important}.am-social.dribbble:hover{background-color:#ef5b92 !important}.am-social.pinterest:hover{background-color:#cb2027 !important}.am-social.vimeo:hover{background-color:#4bf !important}.am-social.stumbleupon:hover{background-color:#ec4b24 !important}.am-social.linkedin:hover{background-color:#0073B2 !important}.am-social.youtube:hover{background-color:#cd181f !important}.am-social.instagram:hover{background-color:#31547a !important}@media screen and (max-width:768px){ .alpha-menu[class*='am-response'] >li{ position:relative}.alpha-menu[class*='am-response'] >li.am-responsive-toggle{display:block}  .alpha-menu[class*='am-response'] >li >ul, .alpha-menu[class*='am-response'] >li >div.am-multi-column >ul, .alpha-menu[class*='am-response'] >li >ul ul, .alpha-menu[class*='am-response'] >li >div.am-multi-column >ul ul{ left:0; right:0; width:auto !important; margin-right:0} .alpha-menu[class*='am-response'] >li >ul ul, .alpha-menu[class*='am-response'] >li >div.am-multi-column >ul ul{ top:100%; margin-left:50px !important}  .alpha-menu[class*='am-response'].am-position-bottom >li >ul ul, .alpha-menu[class*='am-response'].am-position-bottom >li >div.am-multi-column >ul ul, .alpha-menu[class*='am-response'].am-position-bottom >li >ul ul.am-drop-left, .alpha-menu[class*='am-response'].am-position-bottom >li >div.am-multi-column >ul ul.am-drop-left{ left:0; top:auto; bottom:100%} .alpha-menu[class*='am-response'].am-position-left >li >ul, .alpha-menu[class*='am-response'].am-position-left >li >div.am-multi-column >ul, .alpha-menu[class*='am-response'].am-position-right >li >ul, .alpha-menu[class*='am-response'].am-position-right >li >div.am-multi-column >ul{ top:100%; left:0; right:0} .alpha-menu[class*='am-response'].am-position-left >li >ul ul, .alpha-menu[class*='am-response'].am-position-left >li >div.am-multi-column >ul ul, .alpha-menu[class*='am-response'].am-position-right >li >ul ul, .alpha-menu[class*='am-response'].am-position-right >li >div.am-multi-column >ul ul, .alpha-menu[class*='am-response'].am-position-left >li >ul ul.am-drop-left, .alpha-menu[class*='am-response'].am-position-left >li >div.am-multi-column >ul ul.am-drop-left, .alpha-menu[class*='am-response'].am-position-right >li >ul ul.am-drop-left, .alpha-menu[class*='am-response'].am-position-right >li >div.am-multi-column >ul ul.am-drop-left{ left:0; right:0; top:100%} .alpha-menu[class*='am-response'].am-position-left >li.am-content >div, .alpha-menu[class*='am-response'].am-position-left >li.am-content-full >div, .alpha-menu[class*='am-response'].am-position-right >li.am-content >div, .alpha-menu[class*='am-response'].am-position-right >li.am-content-full >div{ top:100%; left:0; right:0} .alpha-menu[class*='am-response'] li >div{ top:100%; left:0 !important; right:0; width:auto !important}  .alpha-menu[class*='am-response'] li >div.am-multi-column >ul{ width:100% !important} .alpha-menu[class*='am-response'] .am-row .am-col{ display:block; margin-right:0; width:100% !important; float:none}  .alpha-menu.am-response-simple >li{ position:static}  .alpha-menu.am-response-simple >li >a{ font-size:0} .alpha-menu.am-response-simple >li >a i{ letter-spacing:0 !important} .alpha-menu.am-response-simple >li >a .am-caret{ display:none} .alpha-menu.am-response-simple >li.am-logo{ display:none} .alpha-menu.am-response-simple >li.am-search{ position:relative}  .alpha-menu.am-response-stack >li{ display:block; float:none} .alpha-menu.am-response-stack >li.am-content-full{ position:relative} .alpha-menu.am-response-stack >li.am-logo{ text-align:center} .alpha-menu.am-response-stack >li.am-logo img{ position:relative} .alpha-menu.am-response-stack >li.am-logo, .alpha-menu.am-response-stack >li.am-right-item{ position:relative; width:100%} .alpha-menu.am-response-stack >li >a .am-caret{ float:right} .alpha-menu.am-response-stack .am-search{ float:none} .alpha-menu.am-response-stack .am-search input{ width:100%}  .alpha-menu.am-response-switch >li{ display:none;float:none;position:relative;width:100%} .alpha-menu.am-response-switch >li.am-logo{ display:block} .alpha-menu.am-response-switch >li.am-logo img{ position:relative; z-index:1} .alpha-menu.am-response-switch:before{ font-family:FontAwesome; content:'\f0c9'; position:relative; float:right; cursor:pointer; line-height:50px; height:50px; padding:0 20px; z-index:2} .alpha-menu.am-response-switch:hover:before{ opacity:0} .alpha-menu.am-response-switch:hover >li{ display:block} .alpha-menu.am-response-switch >li >a .am-caret{ float:right} .alpha-menu.am-response-switch .am-search{ float:none} .alpha-menu.am-response-switch .am-search input{ width:100%}  .alpha-menu.am-response-margin >li >ul, .alpha-menu.am-response-margin li >div{ margin-left:50px !important}}@media screen and (max-width:480px){.alpha-menu.am-response-switch >li{ float:none;min-width:100%}}
.alpha-menu {
    font-family: "GE Dinar One Regular",sans-serif;
    font-size: 13px;
    color: #888;
    background-color: #157C6A
}

    .alpha-menu .fa {
        font-size: 14px; /*letter-spacing:13px;*/
        line-height: inherit
    }

.menuicon {
    float: right;
    letter-spacing: 0px;
    margin-left: 12px
}

.alpha-menu h4 {
    color: #fff
}

.alpha-menu, .alpha-menu a, .alpha-menu a:visited {
    color: #fff
}

    .alpha-menu a:hover {
        color: #fff;
    }

.mainmenu {
    font-size: 16px
}

.alpha-menu > li:hover, .alpha-menu > li.am-active, .alpha-menu > li.am-opened {
    background-color: #168C77
}

.alpha-menu > li.am-responsive-toggle {
    background-color: #157C6A
}

    .alpha-menu > li.am-responsive-toggle:hover {
        background-color: #168C77
    }

.alpha-menu > li > ul, .alpha-menu > li > ul ul, .alpha-menu .am-multi-column, .alpha-menu .am-multi-column > ul ul {
    background-color: #555;
    color: #ddd;
    text-align: right
}

    .alpha-menu > li > ul li > a, .alpha-menu > li > ul ul li > a, .alpha-menu .am-multi-column li > a, .alpha-menu .am-multi-column > ul ul li > a, .alpha-menu > li > ul li > a:visited, .alpha-menu > li > ul ul li > a:visited, .alpha-menu .am-multi-column li > a:visited, .alpha-menu .am-multi-column > ul ul li > a:visited {
        color: #fff
    }

    .alpha-menu > li > ul li:hover, .alpha-menu > li > ul ul li:hover, .alpha-menu .am-multi-column li:hover, .alpha-menu .am-multi-column > ul ul li:hover, .alpha-menu > li > ul li.am-opened, .alpha-menu > li > ul ul li.am-opened, .alpha-menu .am-multi-column li.am-opened, .alpha-menu .am-multi-column > ul ul li.am-opened {
        background-color: #168C77
    }

        .alpha-menu > li > ul li:hover > a, .alpha-menu > li > ul ul li:hover > a, .alpha-menu .am-multi-column li:hover > a, .alpha-menu .am-multi-column > ul ul li:hover > a, .alpha-menu > li > ul li.am-opened > a, .alpha-menu > li > ul ul li.am-opened > a, .alpha-menu .am-multi-column li.am-opened > a, .alpha-menu .am-multi-column > ul ul li.am-opened > a, .alpha-menu > li > ul li:hover > a:visited, .alpha-menu > li > ul ul li:hover > a:visited, .alpha-menu .am-multi-column li:hover > a:visited, .alpha-menu .am-multi-column > ul ul li:hover > a:visited, .alpha-menu > li > ul li.am-opened > a:visited, .alpha-menu > li > ul ul li.am-opened > a:visited, .alpha-menu .am-multi-column li.am-opened > a:visited, .alpha-menu .am-multi-column > ul ul li.am-opened > a:visited {
            color: #fff
        }

.alpha-menu > li.am-content > div, .alpha-menu > li.am-content-full > div {
    background-color: #555 /*F0F0F0*/;
    color: #888
}

    .alpha-menu > li.am-content > div ul li a, .alpha-menu > li.am-content-full > div ul li a, .alpha-menu > li.am-content > div ul li a:visited, .alpha-menu > li.am-content-full > div ul li a:visited {
        color: #ddd
    }

    .alpha-menu > li.am-content > div ul li:hover a, .alpha-menu > li.am-content-full > div ul li:hover a, .alpha-menu > li.am-content > div ul li:hover a:visited, .alpha-menu > li.am-content-full > div ul li:hover a:visited {
        color: #fff;
        background-color: #7C7C7C;
    }

.alpha-menu .am-row .am-col > .am-grid-wrapper {
    background-color: #eaeaea;
    color: #888
}

.alpha-menu .am-submenu .am-submenu-description {
    font-size: 12px;
    color: #aaa
}

.alpha-menu .am-custom-bg {
    background-image: url(/PortalDesign/images/preview/pattern.png)
}

.alpha-menu .am-title {
    color: #CE943D;
    font-size: 16px;
}

.alpha-menu .am-description {
    color: #999
}

.alpha-menu .am-contact-form {
    background-color: #f6f6f6
}

.alpha-menu input[type=text], .alpha-menu input[type=email], .alpha-menu textarea {
    background-color: #fff;
    border: 1px solid #e6e5e0;
    color: #aaa
}

    .alpha-menu input[type=text]:focus, .alpha-menu input[type=email]:focus, .alpha-menu textarea:focus {
        border: 1px solid #22cfbb;
        color: #666
    }

.alpha-menu input[type=submit] {
    background-color: #168C77;
    color: #fff
}

    .alpha-menu input[type=submit]:hover {
        background-color: #333
    }

.alpha-menu .am-search input {
    color: #fff
}

    .alpha-menu .am-search input:focus, .alpha-menu .am-search input:hover {
        background-color: #168C77
    }

.alpha-menu .am-search:hover {
    background-color: #168C77
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size: 18px;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-left: 6px;-moz-osx-font-smoothing:grayscale;}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

*,::after,::before{/*box-sizing:inherit*/}html{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}b
ody{color:#6d6d6d;background-color:#fff;font-family:'Neue Helvetica LTW20 Roman';font-size:14px;line-height:1.8}h1,h2,h3,h4,h5,h6{color:#C1A73C;font-weight:700;line-height:0.6}a{color:#157C6A;text-decoration:none}b,strong{font-weight:700}img{max-width:100%;height:auto}.o-container{margin:0 auto;padding:0 12px;max-width:960px}  @media all and (min-width:480px){.o-container{padding:0 24px}}@media all and (min-width:720px){.o-container{padding:0 48px}}.o-header{margin:0;padding:0}.o-header-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:#157C6A}.o-header-nav__link{padding:12px;color:#fff}.o-header-nav__link:hover{color:#fff;background-color:#ffffff}.o-header__title{margin:24px;padding:0;color:#818181;font-size:28px;font-weight:300;text-align:center}@media all and (min-width:480px){.o-header__title{margin:36px;font-size:42px}}.o-section{margin-bottom:15px}.o-section:last-child{margin-bottom:0}@media all and (min-width:960px){.o-section{/*margin-bottom:48px;*/ width:690px; float:right}}.o-sub-nav{margin:0;padding:0}.o-sub-nav__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;list-style:none;margin:0;padding:0}.o-sub-nav__item{margin:0;padding:4px}.o-sub-nav__link{display:block;margin:0;padding:4px 24px;border:2px solid #157C6A}.o-sub-nav__item.active .o-sub-nav__link,.o-sub-nav__link:hover{color:#fff;background-color:#157C6A}.o-footer{padding:12px 0;text-align:center}@media all and (min-width:480px){.o-footer{padding:24px 0}}@media all and (min-width:720px){.o-footer{padding:48px 0}}.c-tabs-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.c-tabs-nav__link{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:4px;padding:12px;color:#fff;background-color:#157C6A;text-align:center;-webkit-transition:color .3s;transition:color .3s}.c-tabs-nav__link:last-child{margin-left:0}.c-tabs-nav__link:hover{color:#FFF}.c-tabs-nav__link.is-active{color:#157C6A; border:1px solid #d3d3d3;border-bottom:none; background-color:#ffffff}.c-tabs-nav__link i,.c-tabs-nav__link span{margin:0;padding:0;line-height:1}.c-tabs-nav__link i{font-size:18px}.c-tabs-nav__link span{display:none;font-size:18px}@media all and (min-width:960px){.c-tabs-nav__link i{margin-bottom:12px;font-size:22px}.c-tabs-nav__link span{display:block}}.c-tab{display:none;background-color:#ffffff; border:1px solid #d3d3d3; border-top:none;}.c-tab.is-active{display:block}.c-tab__content{ height: 116px;padding:1.5rem; /*width:590px;*/}.c-tabs.no-js .c-tabs-nav{display:none}.c-tabs.no-js .c-tab{display:block;margin-bottom:1.5rem}.c-tabs.no-js .c-tab:last-child{margin-bottom:0}.carbon-img,.carbon-wrap{margin:0 0 4px;display:block}#carbonads{position:fixed;bottom:12px;right:12px;z-index:1000;padding:24px 12px 12px;width:154px;background-color:#fff;line-height:1.1;border:1px solid #e7e7e7}.carbon-img{padding:0;width:130px;height:100px}.carbon-text{color:#818181;font-size:12px}.carbon-poweredby{font-size:10px}.carbonad__close{display:block;position:absolute;top:0;left:12px;height:24px;font-size:11px;line-height:24px}@media all and (max-width:660px){#carbonads{display:none}.c-tab__content{ height: 240px;}}
.table.table-hover tbody tr:hover > td {
    background: /* #e5e8ea*/;
    -moz-box-shadow: inset 0 0 10px #a9cecb;
    -webkit-box-shadow: inset 0 0 10px #a9cecb;
    box-shadow: inset 0 0 10px #a9cecb;
}