html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: none !important;
    text-align: left;
}

:root {
    font-size: 10px;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a img {
    border: none;
}

:focus, :hover, a:hover, a:focus, *:hover, *:focus, *:active, .btn:focus {
    outline: 0;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    box-sizing: border-box;
    text-size-adjust: none;
}

.vMiddle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

@font-face {
    font-family: 'fontReg';
    src: url("../font/Almarai-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Almarai-Regular.woff") format("woff"), url("../font/Almarai-Regular.ttf") format("truetype"), url("../font/Almarai-Regular.svg#Almarai-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontBold';
    src: url("../font/Almarai-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Almarai-Bold.woff") format("woff"), url("../font/Almarai-Bold.ttf") format("truetype"), url("../font/Almarai-Bold.svg#Almarai-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'saso-icons';
    src: url('../font/saso-icons.eot?39592833');
    src: url('../font/saso-icons.eot?39592833#iefix') format('embedded-opentype'), url('../font/saso-icons.woff2?39592833') format('woff2'), url('../font/saso-icons.woff?39592833') format('woff'), url('../font/saso-icons.ttf?39592833') format('truetype'), url('../font/saso-icons.svg?39592833#saso-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.f-a {
    float: left;
}

.fright {
    float: right;
}

.f-b {
    float: right;
}

.fleft {
    float: left;
}

.clr, .clear {
    clear: both;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
    clear: both;
}

.nofloat {
    float: none !important;
}

.Acenter {
    text-align: center !important;
}

.Aleft {
    text-align: right !important;
}

.Aright {
    text-align: left !important;
}

.paddingtop20 {
    padding-top: 20px;
}

.vAlignMdl {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.container-fluid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

a {
    cursor: pointer;
}

    a:hover, a:focus {
        text-decoration: none;
    }

::selection {
    background: #28bf7e;
    color: #fff;
}

.old-browser-alert {
    font: 18px arial, tahoma;
    margin: 20px;
    padding: 20px;
    text-align: center;
    border: 1px #f06d6d solid;
    background: #fdebd4;
}

    .old-browser-alert a {
        background: #fff;
        color: #0096b6;
        display: inline-block;
        padding: 10px 50px;
        border: 1px #0096b6 solid;
        margin-top: 10px;
    }

.trans1 {
    transition: all .5s ease;
}

.trans2 {
    transition: all .3s ease;
}

.grab {
    cursor: grab;
}

    .grab:active {
        cursor: grabbing;
    }

.NormalTxt {
    font: 1.4rem fontReg, arial, sans-serif;
}

.display-none {
    display: none;
}

@media(min-width:1300px) {
    .container {
        width: 1200px;
        max-width: 1200px;
    }
}

body {
    font-family: fontReg, arial, sans-serif;
    font-size: 1.4rem;
}

h2 {
    color: #464749;
    font: 3.5rem fontBold, arial, sans-serif;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 50px;
}

    h2.pageTtlWithBg {
        color: #fff;
        background: #18754d;
        display: inline-block;
    }

p {
    color: #666;
    font: 1.5rem fontReg, arial, sans-serif;
    padding: 5px;
    text-align: justify;
}

b {
    color: #666;
    font: 1.5rem fontBold, arial, sans-serif;
}

h3 {
    color: #18754d;
    font: 2.2rem fontBold, arial, sans-serif;
}

h4 {
    color: #9a6a3c;
    font: 2.2rem fontBold, arial, sans-serif;
}

h5 {
    color: #0096b6;
    font: 2.2rem fontBold, arial, sans-serif;
}

h6 {
    color: #464749;
    font: 2.2rem fontBold, arial, sans-serif;
}

.text-white {
    color: #fff !important;
}

.text-green {
    color: #18754d !important;
}

.text-blue {
    color: #298ebd !important;
}

.text-orange {
    color: #ff2c00 !important;
}

    .text-orange * {
        color: #ff2c00 !important;
    }

.text-lightbluecolor {
    color: #0096b6 !important;
}

.text-darkgray {
    color: #666 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-green {
    background-color: #18754d !important;
}

.bg-orange {
    background-color: #ff2c00 !important;
}

.bg-lightbluecolor {
    background-color: #0096b6 !important;
}

.bg-blue {
    background-color: #298ebd !important;
}

.bg-darkgray {
    background-color: #464749 !important;
}

.bg-brown {
    background-color: #9a6a3c !important;
}

.margn50rl {
    margin: 0 50px;
}

.margn20rl {
    margin: 0 20px;
}

.dropdown-backdrop {
    background: rgba(0, 0, 0, .6);
}

.header-wrapper {
    position: relative;
    z-index: 104;
    height: 168px;
    background: #0096b6 url(../images/header-bg.svg) no-repeat top left;
}

    .header-wrapper.home-header {
        min-height: 290px;
        position: absolute;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%);
    }

        .header-wrapper.home-header .logoImg {
            max-height: 74px;
            max-width: 293px;
        }

        .header-wrapper.home-header .vissionlogoImg {
            max-height: 62px;
        }

        .header-wrapper.home-header .topbar {
            padding-top: 26px;
            padding-bottom: 12px;
        }

    .header-wrapper .topbar {
        padding-top: 18px;
        padding-bottom: 5px;
    }

    .header-wrapper .logoImg {
        max-height: 65px;
    }

    .header-wrapper .vissionlogoImg {
        max-height: 52px;
        max-width: 92px;
        position: relative;
        top: -6px;
    }

    .header-wrapper .logo-sep {
        margin: 0 10px;
        display: inline-block;
        width: 1px;
        height: 62px;
        background-color: rgba(255, 255, 255, .4);
    }

    .header-wrapper .top-functions {
        position: relative;
        padding-top: 20px;
    }

        .header-wrapper .top-functions .searchicon .search2 {
            float: right;
            margin: -1px 0 0 15px;
            font-size: 18px;
            line-height: 27px;
            color: #fff;
            transition: all .3s ease;
        }

        .header-wrapper .top-functions .searchicon:hover .search2 {
            color: #43a7d6;
        }

        .header-wrapper .top-functions .topLnk {
            float: right;
            margin-left: 17px;
            color: #fff;
            height: 26px;
            padding: 2px 0;
            font-size: 13px;
            transition: all .3s ease;
            line-height: 20px;
        }

            .header-wrapper .top-functions .topLnk [class^="icon-"] {
                font-size: 20px;
                margin-right: 3px;
            }

            .header-wrapper .top-functions .topLnk:hover {
                color: #43a7d6;
            }

@media(max-width:1200px) {
    .header-wrapper .top-functions .topLnk {
        font-size: 12px;
        margin-right: 8px;
    }
}

.header-wrapper .top-functions .topLnksMenuBtn {
    color: #fff;
    background: transparent none !important;
    padding: 0 0 0 20px;
    font-size: 20px;
    line-height: 20px;
}

.header-wrapper .top-functions .topLnksMenu {
    background: rgba(2, 116, 141, .85);
    padding: 0 4px;
    transition: all .5s ease;
    box-shadow: 0 6px 8px rgba(0, 0, 0, .1);
    border-radius: 8px;
    border: 0 !important;
}

    .header-wrapper .top-functions .topLnksMenu > li > a {
        background: transparent none !important;
        text-align: left;
        transition: all .3s ease;
        color: #c7ebf3;
    }

        .header-wrapper .top-functions .topLnksMenu > li > a i {
            transition: all .3s ease;
        }

        .header-wrapper .top-functions .topLnksMenu > li > a:focus, .header-wrapper .top-functions .topLnksMenu > li > a:hover {
            background: transparent none !important;
            color: #fff !important;
        }

            .header-wrapper .top-functions .topLnksMenu > li > a:focus i, .header-wrapper .top-functions .topLnksMenu > li > a:hover i {
                color: #fff !important;
            }

    .header-wrapper .top-functions .topLnksMenu > a {
        background: transparent none !important;
        text-align: right;
        transition: all .3s ease;
        color: #c7ebf3;
    }

        .header-wrapper .top-functions .topLnksMenu > a i {
            transition: all .3s ease;
        }

        .header-wrapper .top-functions .topLnksMenu > a:focus, .header-wrapper .top-functions .topLnksMenu > a:hover {
            background: transparent none !important;
            color: #fff !important;
        }

            .header-wrapper .top-functions .topLnksMenu > a:focus i, .header-wrapper .top-functions .topLnksMenu > a:hover i {
                color: #fff !important;
            }

    .header-wrapper .top-functions .topLnksMenu .topLnk, .header-wrapper .top-functions .topLnksMenu .applnk {
        width: 100%;
        margin: 10px 0;
        float: none;
        display: block;
        color: #fff;
        padding: 2px 5px 2px 4px;
    }

        .header-wrapper .top-functions .topLnksMenu .topLnk i[class^="icon-"], .header-wrapper .top-functions .topLnksMenu .applnk i[class^="icon-"] {
            color: #fff;
        }

.header-wrapper .top-functions .searchbox {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    top: 52px;
    left: 0;
    border-radius: 4px;
    background-color: #fff;
    height: 60px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, .17);
}

    .header-wrapper .top-functions .searchbox .search3 {
        font-size: 16px;
        line-height: 27px;
        width: 20px;
        height: 20px;
        color: #18754d;
        vertical-align: middle;
        margin: 0 5px;
    }

    .header-wrapper .top-functions .searchbox .closeSearch {
        font-size: 16px;
        line-height: 27px;
        width: 20px;
        height: 20px;
        color: #464749;
    }

    .header-wrapper .top-functions .searchbox .closeSearch-btn {
        display: inline-block;
        vertical-align: middle;
    }

    .header-wrapper .top-functions .searchbox .icon-mic {
        font-size: 20px;
        line-height: 27px;
        color: #c84a3d;
        position: relative;
        top: 1px;
    }

    .header-wrapper .top-functions .searchbox .search-input {
        background: transparent;
        color: #666;
        width: calc(100% - 95px);
    }

    .header-wrapper .top-functions .searchbox .searchcontrols {
        display: inline-block;
        width: 90px;
        padding-top: 2px;
        text-align: right;
    }

        .header-wrapper .top-functions .searchbox .searchcontrols .fa {
            font-size: 20px;
            margin: 0 5px;
            color: #298ebd;
        }

        .header-wrapper .top-functions .searchbox .searchcontrols a:hover {
            opacity: .75;
        }

.header-wrapper .top-functions .applnk {
    float: right;
    margin-left: 13px;
    color: #fff;
    border: 1px #37d691 solid;
    border-radius: 26px;
    height: 26px;
    width: 26px;
    text-align: center;
    transition: all .3s ease;
}

    .header-wrapper .top-functions .applnk .fa {
        font-size: 20px;
        margin-top: 3px;
    }

    .header-wrapper .top-functions .applnk:hover {
        color: #298ebd;
        border-color: #298ebd;
    }

.header-wrapper .top-functions .settings {
    position: relative;
    float: right;
    margin-left: 17px;
    color: #fff;
    height: 26px;
    padding: 2px 0;
    font-size: 13px;
    transition: all .3s ease;
    line-height: 20px;
}

    .header-wrapper .top-functions .settings .icon-cog-2 {
        position: relative;
        font-size: 20px;
        color: #fff;
        transition: all .3s ease;
    }

    .header-wrapper .top-functions .settings:hover {
        background: transparent;
        color: #97cee8;
    }

        .header-wrapper .top-functions .settings:hover .icon-cog-2 {
            color: #97cee8;
        }

    .header-wrapper .top-functions .settings .dropdown-toggle {
        background: transparent none;
        border: none;
        padding: 0;
    }

        .header-wrapper .top-functions .settings .dropdown-toggle:after {
            display: none;
        }

    .header-wrapper .top-functions .settings .dropdown-menu {
        min-width: 100px;
        left: 0;
        right: auto;
    }

        .header-wrapper .top-functions .settings .dropdown-menu > li > a {
            color: #c7ebf3;
        }

            .header-wrapper .top-functions .settings .dropdown-menu > li > a i {
                transition: all .3s ease;
            }

            .header-wrapper .top-functions .settings .dropdown-menu > li > a:hover {
                background: transparent;
                color: #abd7a2;
            }

                .header-wrapper .top-functions .settings .dropdown-menu > li > a:hover i {
                    color: #abd7a2;
                }

.header-wrapper .top-functions .loginContainer {
    position: relative;
}

    .header-wrapper .top-functions .loginContainer .dropdown-menu {
        left: 0;
        right: auto;
    }

        .header-wrapper .top-functions .loginContainer .dropdown-menu > li > a i {
            transition: all .3s ease;
        }

        .header-wrapper .top-functions .loginContainer .dropdown-menu > li > a:hover {
            background: transparent;
            color: #abd7a2;
        }

            .header-wrapper .top-functions .loginContainer .dropdown-menu > li > a:hover i {
                color: #abd7a2;
            }

.header-wrapper .topnav {
    margin-top: 10px;
}

    .header-wrapper .topnav .navbar {
        background: none;
        border: 0;
    }

    .header-wrapper .topnav .navbar-nav {
        position: relative;
        width: 100%;
        float: none;
    }

        .header-wrapper .topnav .navbar-nav .nav-item {
            position: static;
        }

            .header-wrapper .topnav .navbar-nav .nav-item + li {
                margin: 0 0 0 43px;
            }

@media(max-width:1280px) {
    .header-wrapper .topnav .navbar-nav .nav-item + li {
        margin: 0 0 0 35px;
    }
}

@media(max-width:1200px) {
    .header-wrapper .topnav .navbar-nav .nav-item + li {
        margin: 0 0 0 15px;
    }
}

.header-wrapper .topnav .navbar-nav .nav-item > a {
    color: #fff;
    font: 17px fontReg, arial, sans-serif;
    padding: 15px 0;
    transition: all .3s ease;
}

    .header-wrapper .topnav .navbar-nav .nav-item > a:hover {
        color: rgba(255, 255, 255, .7);
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a .icon-home {
        font-size: 26px;
        line-height: 30px;
        color: #fff;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a .icon-home:hover {
            color: rgba(255, 255, 255, .7);
        }

    .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
        content: "";
        font-family: "saso-icons";
        display: inline-block;
        margin: 0 0 0 5px;
        font-size: 5px;
        border: none;
    }

.header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu {
    width: 100%;
    background: rgba(248, 248, 248, .95) !important;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 5px 35px rgba(0, 0, 0, .15);
    padding: 15px 30px;
    top: 90%;
}

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu h6 {
        color: #0096b6;
        font: normal 1.4rem fontBold, arial, sans-serif;
        border-bottom: 1px solid #ddd;
        padding: 10px 2px;
        margin-bottom: 10px;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu h6 a {
            color: #0096b6;
            font: normal 1.4rem fontBold, arial, sans-serif;
            white-space: normal;
        }

    .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu a {
        display: block;
        border-radius: 4px;
        padding: 5px 20px;
        color: #666;
        font: normal 1.4rem fontReg, arial, sans-serif;
        transition: all .3s ease;
        margin-bottom: 0;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > .dropdown-menu a:hover {
            background: #0096b6;
            color: #fff;
        }

.header-wrapper .topnav .navbar-nav > .active > a {
    background: none;
    color: #298ebd;
}

.header-wrapper .topnav .navbar-collapse {
    border-color: transparent;
}

.header-wrapper .topnav .navbar {
    margin-top: -13px;
    margin-bottom: 0;
    min-height: 40px;
    border-radius: 0;
}

    .header-wrapper .topnav .navbar .navbar-brand {
        padding: 0;
    }

    .header-wrapper .topnav .navbar > .row {
        position: relative;
    }

.header-wrapper .topnav.sticynav {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    margin-top: 0;
    padding: 5px 0;
}

    .header-wrapper .topnav.sticynav.sticynav-top {
        top: 0;
        transition: all .5s ease;
    }

    .header-wrapper .topnav.sticynav .navbar {
        display: block !important;
    }

    .header-wrapper .topnav.sticynav .showhidenav {
        display: none;
    }

.header-wrapper .topnav.openednav .navbar, .header-wrapper .topnav.openednav .showhidenav {
    z-index: 22;
}

.header-wrapper .topnav.openednav:after {
    content: "";
    position: fixed;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
}

.showhidenav {
    position: absolute;
    top: 38px;
    right: 38px;
    cursor: pointer;
    display: inline-block;
    width: 23px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease;
}

    .showhidenav.shownav:before {
        content: '';
        display: inline-block;
        width: 23px;
        height: 23px;
        position: relative;
        z-index: 1;
        background-image: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255,  255,  255)' d='M-0.000, 17.500 L-0.000, 17.500 C-0.000, 16.700 0.700, 16.000 1.500, 16.000 L21.500, 16.000 C22.300, 16.000 23.000, 16.700 23.000, 17.500 L23.000, 17.500 C23.000, 18.300 22.300, 19.000 21.500, 19.000 L1.500, 19.000 C0.700, 19.000 -0.000, 18.300 -0.000, 17.500 ZM1.500, 8.000 L21.500, 8.000 C22.300, 8.000 23.000, 8.700 23.000, 9.500 L23.000, 9.500 C23.000, 10.300 22.300, 11.000 21.500, 11.000 L1.500, 11.000 C0.700, 11.000 -0.000, 10.300 -0.000, 9.500 L-0.000, 9.500 C-0.000, 8.700 0.700, 8.000 1.500, 8.000 ZM1.500, -0.000 L21.500, -0.000 C22.300, -0.000 23.000, 0.700 23.000, 1.500 L23.000, 1.500 C23.000, 2.300 22.300, 3.000 21.500, 3.000 L1.500, 3.000 C0.700, 3.000 -0.000, 2.300 -0.000, 1.500 L-0.000, 1.500 C-0.000, 0.700 0.700, -0.000 1.500, -0.000 Z'/%3e%3c/svg%3e"); background-repeat: no-repeat;
    }

    .showhidenav.shownav:after {
        content: '';
        display: inline-block;
        width: 40px;
        height: 40px;
        background: rgba(0, 150, 182, .7);
        position: relative;
        z-index: 0;
        top: -42px;
        left: 8px;
        border-radius: 4px;
    }

    .showhidenav.hidenav {
        width: 28px;
        height: 28px;
    }

        .showhidenav.hidenav:before {
            content: '';
            display: inline-block;
            width: 23px;
            height: 23px;
            position: relative;
            top: -2px;
            z-index: 1;
            background-image: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='28px'%3e%3cpath fill-rule='evenodd' fill='rgb(255,  255,  255)' d='M28.008, 25.545 L25.545, 28.008 L14.000, 16.463 L2.455, 28.008 L-0.008, 25.545 L11.537, 14.000 L-0.008, 2.455 L2.455, -0.008 L14.000, 11.537 L25.545, -0.008 L28.008, 2.455 L16.463, 14.000 L28.008, 25.545 Z'/%3e%3c/svg%3e"); background-size: 100% 100%;
        }

        .showhidenav.hidenav:after {
            content: '';
            display: inline-block;
            width: 40px;
            height: 40px;
            background: rgba(0, 150, 182, .7);
            position: relative;
            z-index: 0;
            top: -42px;
            left: 8px;
            border-radius: 4px;
        }

.mainslider {
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
}

    .mainslider .swiper-slide {
        background-position: center bottom !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        width: 100% !important;
    }

    .mainslider .swiper-button-next, .mainslider .swiper-button-prev {
        background-size: 53px 100px;
        width: 53px;
        height: 100px;
        margin-top: -50px;
        background-repeat: no-repeat;
    }

        .mainslider .swiper-button-next:after, .mainslider .swiper-button-prev:after {
            display: none;
        }

    .mainslider .swiper-button-prev {
        left: 35px;
        background-image: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='53px' height='100px'%3e%3cpath fill-rule='evenodd' opacity='0.9' fill='rgb(255,  255,  255)' d='M49.269, 99.994 L0.012, 49.952 L49.179, 0.001 L52.034, 2.902 L5.903, 49.769 L52.274, 96.881 L49.269, 99.994 Z'/%3e%3c/svg%3e");
    }

    .mainslider .swiper-button-next {
        right: 35px;
        background-image: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='53px' height='100px'%3e%3cpath fill-rule='evenodd' opacity='0.9' fill='rgb(255,  255,  255)' d='M3.731, 99.994 L52.987, 50.365 L3.821, 0.828 L0.966, 3.704 L47.097, 50.184 L0.725, 96.907 L3.731, 99.994 Z'/%3e%3c/svg%3e");
    }

    .mainslider .banner-description {
        position: absolute;
        bottom: 48%;
        max-width: 1000px;
        padding: 0 48px 0 0;
    }

        .mainslider .banner-description h2 {
            font: 3.5rem/1.6 fontBold, arial, sans-serif;
            opacity: 0;
            transform: translateY(-40px);
            transition: all .3s ease;
            transition-delay: .2s;
            color: #fff !important;
        }

        .mainslider .banner-description h3 {
            font: 2.5rem fontReg, arial, sans-serif;
            color: #474747;
            transition: all .3s ease;
            opacity: 0;
            transform: translateY(40px);
            transition-delay: .2s;
            color: #dbdbdb !important;
        }

        .mainslider .banner-description .morelnk [class^='icon-'] {
            display: inline-block;
            transition: all .5s ease;
        }

        .mainslider .banner-description .morelnk:hover [class^='icon-'] {
            transform: translateX(-8px);
        }

    .mainslider .swiper-slide-active {
        z-index: 1;
    }

        .mainslider .swiper-slide-active .banner-description h2 {
            transform: translateY(0);
            opacity: 1;
            transition-delay: 2s;
        }

        .mainslider .swiper-slide-active .banner-description h3 {
            transform: translateY(0);
            opacity: 1;
            transition-delay: 2.5s;
        }

        .mainslider .swiper-slide-active .banner-description a {
            white-space: nowrap;
        }

.mainslider-container {
    width: 100%;
    height: 100%;
}

.mainslider-wrapper {
    height: 100%;
}

.nicescroll-rails {
    background: rgba(0, 0, 0, .2) !important;
    width: 10px !important;
    z-index: 5 !important;
}

    .nicescroll-rails .nicescroll-cursors {
        width: 10px !important;
        border: 0 !important;
        background: #00afa9 !important;
    }

.scrolldown {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    top: -90px;
    z-index: 4;
}

    .scrolldown .icon-scroll-down {
        font-size: 40px;
        color: #fff;
        position: relative;
        animation: 2s scrolldown infinite ease;
    }

@keyframes scrolldown {
    0%, 100% {
        top: 0;
    }

    50% {
        top: 15px;
    }
}

@keyframes slide-bg {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.loader, .loader:before, .loader:after {
    border-radius: 10px;
    background: #fff;
    animation: load1 1s ease-in-out infinite;
    width: .9em;
    height: 4em;
}

.loader {
    color: rgba(255, 255, 255, .99999);
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    transform: translateZ(0);
    animation-delay: -.16s;
}

    .loader:before, .loader:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader:before {
        left: -1.5em;
        animation-delay: -.32s;
    }

    .loader:after {
        left: 1.5em;
    }

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

.homepanel {
    height: 700px;
}

.wptitle {
    text-align: center;
    font-size: 35px;
    position: relative;
}

    .wptitle .more {
        font: 15px fontReg, arial, sans-serif;
        margin-top: 22px;
        color: #464749;
        vertical-align: middle;
        transition: all .3s ease;
        position: absolute;
        right: 0;
        top: 0;
    }

        .wptitle .more i[class^="icon-"] {
            font-size: 20px;
            margin-left: 10px;
            vertical-align: middle;
        }

        .wptitle .more:hover {
            color: #18754d;
        }

.home-content {
    height: auto !important;
}

    .home-content .wptitle {
        color: #18754d !important;
        margin-bottom: 10px;
    }

        .home-content .wptitle .more {
            color: #464749;
        }

            .home-content .wptitle .more:hover {
                color: #219f69;
            }

    .home-content .newswrapper {
        padding: 65px 0 0;
    }

        .home-content .newswrapper .more {
            vertical-align: middle;
            transition: all .3s ease;
            color: #464749;
            font-size: 1.5rem;
        }

            .home-content .newswrapper .more i {
                font-size: 2rem;
                vertical-align: middle;
            }

            .home-content .newswrapper .more:hover {
                color: #18754d;
            }

    .home-content .homenewsSlider {
        padding: 10px 5px;
        z-index: 0;
    }

        .home-content .homenewsSlider .swiper-slide {
            height: 288px;
            position: relative;
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-bottom: 50px;
        }

            .home-content .homenewsSlider .swiper-slide .newsItem {
                position: absolute;
                bottom: -30px;
                right: 4%;
                width: 92%;
                z-index: 2;
                padding: 10px 10px;
                overflow: hidden;
                transition: all .3s ease;
                background: rgba(255, 255, 255, .9);
                border-radius: 16px;
                padding-bottom: 30px;
            }

                .home-content .homenewsSlider .swiper-slide .newsItem .artclDate {
                    color: #555 !important;
                    font-size: 1.4rem;
                    margin: 10px 0 5px;
                    transition: all .5s ease;
                }

                .home-content .homenewsSlider .swiper-slide .newsItem h3 {
                    font: normal 1.8rem fontBold, arial, sans-serif;
                    color: #18754d;
                    text-align: left;
                    transition: all .5s ease;
                    height: 55px;
                    overflow: hidden;
                }

                .home-content .homenewsSlider .swiper-slide .newsItem p {
                    font: normal 1.4rem fontReg, arial, sans-serif;
                    color: #444;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    height: 0;
                    transition: all .5s ease;
                    transform: translateY(20px);
                    opacity: 0;
                }

            .home-content .homenewsSlider .swiper-slide:hover .newsItem {
                box-shadow: 0 7px 20px 0 rgba(11, 81, 51, .2);
            }

                .home-content .homenewsSlider .swiper-slide:hover .newsItem p {
                    height: 73px;
                    transform: translateY(0);
                    opacity: 1;
                }

            .home-content .homenewsSlider .swiper-slide:hover:after {
                height: 280px;
                background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .98) 40%, #fff 100%);
            }

    .home-content .swiper-pagination {
        position: relative;
        margin-top: 0;
        margin-bottom: 55px;
        z-index: 0;
        margin-right: auto;
        margin-left: auto;
    }

        .home-content .swiper-pagination .swiper-pagination-bullet {
            width: 20px;
            height: 20px;
            background: #d4d4d4;
            border-radius: 100%;
            margin: 0 4px;
            opacity: 1;
            transition: all .3s ease;
        }

        .home-content .swiper-pagination .swiper-pagination-bullet-active {
            background: #228b5e;
        }

    .home-content .swiper-button-prev, .home-content .swiper-container-rtl .swiper-button-next {
        left: 3px;
        right: auto;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: -55px;
    }

        .home-content .swiper-button-prev:after, .home-content .swiper-container-rtl .swiper-button-next:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
            line-height: 36px;
        }

    .home-content .swiper-button-next, .home-content .swiper-container-rtl .swiper-button-prev {
        right: 3px;
        left: auto;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: -55px;
    }

        .home-content .swiper-button-next:after, .home-content .swiper-container-rtl .swiper-button-prev:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
            line-height: 36px;
        }

.serviceswrapper {
    padding: 100px 0 60px;
    background: #e5f4f8;
}

    .serviceswrapper .service-lrbg {
        background: rgba(255, 255, 255, .6);
        padding: 0 0 15px 15px;
        min-height: 390px;
        border-radius: 8px;
    }

    .serviceswrapper .wptitle {
        text-align: left;
        padding-left: 5px;
        color: #18754d;
        max-width: 175px;
        min-height: 360px;
        position: relative;
        float: left !important;
    }

        .serviceswrapper .wptitle .more {
            position: absolute;
            bottom: 8px;
            right: 8px;
            color: #18754d;
            font-size: 1.5rem;
            top: auto;
            left: auto;
        }

            .serviceswrapper .wptitle .more i {
                font-size: 1.5rem;
            }

    .serviceswrapper .servs-group {
        margin-left: 15px;
        width: calc(100% - 210px);
        float: left !important;
    }

        .serviceswrapper .servs-group .musrvtitle {
            display: block;
            width: 100%;
            text-align: center;
            height: 36px;
            background: url('../images/musrv-bg.png') no-repeat center top;
            font: 15px/36px fontBold, arial, sans-serif;
            color: #18754d;
        }

.service-tabs .nav-tabs {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .service-tabs .nav-tabs > li {
        width: calc(97%/2);
        text-align: center;
        border-radius: 60px;
        transition: all .3s ease;
        margin: 10px .5%;
    }

        .service-tabs .nav-tabs > li a {
            background: rgba(255, 255, 255, .9);
            font: normal 1.6rem fontBold, arial, sans-serif;
            color: #464749 !important;
            border: none !important;
            padding: 5px 25px 8px;
            text-align: center;
            border-radius: 60px;
            transition: all .3s ease;
            border: 1px solid #18754d !important;
        }

        .service-tabs .nav-tabs > li:hover a {
            color: #fff !important;
            background-color: #219f69;
        }

        .service-tabs .nav-tabs > li a.active {
            position: relative;
            transition: all .3s ease;
            color: #fff !important;
            background: #18754d;
        }

            .service-tabs .nav-tabs > li a.active:after {
                content: "";
                display: block;
                position: absolute;
                bottom: -10px;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #18754d;
                transition: all .3s ease;
            }

        .service-tabs .nav-tabs > li.disabled {
            background: #ccc;
            pointer-events: none;
        }

            .service-tabs .nav-tabs > li.disabled:after {
                display: none;
            }

            .service-tabs .nav-tabs > li.disabled > a {
                color: #a8a7a7 !important;
            }

.service-tabs .tab-content {
    padding-top: 10px;
}

.service-tabs .serv-item {
    transform-origin: center;
    display: inline-block;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .15);
    width: 220px;
    height: 216px;
    overflow: hidden;
    padding-top: 50px;
    margin-left: 2px;
    position: relative;
    transition: all .5s ease;
    text-align: center;
}

    .service-tabs .serv-item .servicon {
        display: block;
        height: 85px;
        text-align: center;
        transition: all .5s ease;
    }

        .service-tabs .serv-item .servicon img {
            max-height: 100%;
        }

    .service-tabs .serv-item .servtitle {
        padding: 0 8px;
        display: block;
        margin-top: 0;
        font: bold 1.6rem/1.5 fontBold, arial, sans-serif;
        color: #464749;
        transition: all .5s ease;
        text-align: center;
    }

    .service-tabs .serv-item .getServBtn {
        padding: 9px 15px;
        width: 175px;
        display: block;
        margin-top: 15px;
        font: normal 1.6rem/1.5 fontReg, arial, sans-serif;
        color: #fff;
        transition: all .5s ease;
        text-align: center;
        border-radius: 25px;
        background: #18754d;
        position: absolute;
        bottom: 25px;
        right: 50%;
        margin-right: -87px;
        opacity: 0;
        transform: translateY(25px);
    }

    .service-tabs .serv-item:hover {
        background-color: #fff;
        box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .2);
        z-index: 1;
        width: 260px;
        height: 256px;
        margin: -20px;
    }

        .service-tabs .serv-item:hover .servicon {
            height: 70px;
            transform: translateY(-20px);
        }

        .service-tabs .serv-item:hover .servtitle {
            transform: translateY(-35px);
            margin-top: 20px;
        }

        .service-tabs .serv-item:hover .getServBtn {
            transform: translateY(0);
            opacity: 1;
            transition-delay: .1s;
        }

        .service-tabs .serv-item:hover .service-btn-wrapper {
            bottom: 15px;
            opacity: 1;
        }

    .service-tabs .serv-item .service-btn-wrapper {
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0;
        bottom: -20%;
        opacity: 0;
        transition: all .5s ease;
        transition-delay: .15s;
    }

        .service-tabs .serv-item .service-btn-wrapper .serv-btn {
            text-align: center;
            color: #fff;
            font: normal 12px/35px fontReg, arial, sans-serif;
            border-radius: 35px;
            margin: 0 .5%;
            height: 35px;
            background: #0096b6;
            position: relative;
            display: inline-block;
            transition: all .3s ease;
            margin-top: 5px;
            padding: 0 20px;
        }

            .service-tabs .serv-item .service-btn-wrapper .serv-btn:hover {
                background: #00c0e9;
            }

            .service-tabs .serv-item .service-btn-wrapper .serv-btn.orange {
                background: #ff2c00;
            }

                .service-tabs .serv-item .service-btn-wrapper .serv-btn.orange:hover {
                    background: #ff5633;
                }

    .service-tabs .serv-item + .more {
        display: inline-block;
    }

.service-tabs .more {
    display: none;
    position: relative;
    top: -85px;
    margin-right: -20px;
    margin-left: 10px;
    text-align: center;
    color: #18754d;
    font-size: 1.5rem;
    transition: all .5s ease;
}

    .service-tabs .more > i {
        display: block;
        margin: 0 auto;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        background: #18754d;
        text-align: center;
        line-height: 22px;
        color: #fff;
        transition: all .5s ease;
        font-size: 1.5rem;
        transform: rotate(180deg);
    }

    .service-tabs .more:hover {
        color: #219f69;
    }

        .service-tabs .more:hover > i {
            background: #219f69;
        }

.homeEventsPollWrapper {
    background: #f7f7f7;
    padding: 70px 0 90px;
}

    .homeEventsPollWrapper .homeEventsWrapper .wptitle .more {
        position: absolute;
        right: 0;
    }

    .homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next {
        left: 20px;
        right: auto;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: 0;
    }

        .homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev:after, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
        }

    .homeEventsPollWrapper .homeEventsWrapper .swiper-button-next, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev {
        right: 20px;
        left: auto;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: 0;
    }

        .homeEventsPollWrapper .homeEventsWrapper .swiper-button-next:after, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
        }

    .homeEventsPollWrapper .homeEventsSliderWrapper {
        position: relative;
    }

    .homeEventsPollWrapper .homeEventsSlider {
        background: #fff;
        box-shadow: 0 13px 30px 0 rgba(0, 0, 0, .15);
        margin-top: 20px;
        position: relative;
        height: 366px;
    }

        .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem {
            padding: 50px 20px 60px;
            display: block;
            position: relative;
        }

            .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2, .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a {
                color: #464749;
                font: normal 2rem fontBold, arial, sans-serif;
                transition: all .3s ease;
                padding-top: 5px;
                margin-bottom: 0;
            }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2:hover, .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a:hover {
                    color: #18754d;
                }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem h2 a {
                    height: 70px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: block;
                }

            .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate {
                text-align: center;
                margin: 33px auto 40px;
            }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventStartDate {
                    display: inline-block;
                    text-align: center;
                    font: normal 1.5rem fontReg, arial, sans-serif;
                    color: #18754d;
                    vertical-align: middle;
                }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventEndDate {
                    display: inline-block;
                    text-align: center;
                    font: normal 1.5rem fontReg, arial, sans-serif;
                    color: #9a6a3c;
                    vertical-align: middle;
                }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventDateDay {
                    font: normal 5rem/5rem fontBold, arial, sans-serif;
                    text-align: center;
                }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo {
                    display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    font: normal 1.3rem fontReg, arial, sans-serif;
                    width: 40px;
                    height: 40px;
                    background: #ababab;
                    border-radius: 100%;
                    margin: 20px 40px;
                    text-align: center;
                    padding-top: 9px;
                    position: relative;
                }

                    .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo:before {
                        content: "";
                        display: block;
                        width: 20px;
                        height: 1px;
                        background: #dedede;
                        position: absolute;
                        top: 50%;
                        right: -20px;
                    }

                    .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .eventDate .eventTo:after {
                        content: "";
                        display: block;
                        width: 20px;
                        height: 1px;
                        background: #dedede;
                        position: absolute;
                        top: 50%;
                        left: -20px;
                    }

            .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .evenLocation {
                font: normal 1.4rem fontReg, arial, sans-serif;
                color: #464749;
                vertical-align: middle;
                direction: ltr;
            }

                .homeEventsPollWrapper .homeEventsSlider .homeEventsSliderItem .evenLocation i {
                    font-size: 1.8rem;
                    vertical-align: middle;
                    margin-left: 5px;
                }

.eventlist-item, .card-item {
    margin-bottom: 30px;
    border: 1px #e1e1e1 solid;
    background-color: #fff;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
    transition: all .5s ease;
}

    .eventlist-item:hover, .card-item:hover {
        box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .2);
    }

    .eventlist-item.h290, .card-item.h290 {
        height: 290px;
    }

    .eventlist-item.h300, .card-item.h300 {
        height: 300px;
    }

    .eventlist-item.h320, .card-item.h320 {
        height: 320px;
    }

        .eventlist-item.h290 .event-txt, .card-item.h290 .event-txt, .eventlist-item.h300 .event-txt, .card-item.h300 .event-txt, .eventlist-item.h320 .event-txt, .card-item.h320 .event-txt {
            line-height: 1.6em !important;
        }

.eventsslider-wrapper .swiper-slide, .eventlist-item, .card-item {
    padding: 15px;
    text-align: center;
    height: 330px;
}

    .eventsslider-wrapper .swiper-slide .date, .eventlist-item .date, .card-item .date {
        padding-top: 10px;
    }

        .eventsslider-wrapper .swiper-slide .date .bigday, .eventlist-item .date .bigday, .card-item .date .bigday {
            font: bold 120px/130px fontBold, arial, sans-serif;
            color: #0096b6;
            max-height: 130px;
            transition: all .5s ease;
        }

            .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF, .eventlist-item .date .bigday .downloadlinkPDF, .card-item .date .bigday .downloadlinkPDF {
                display: block;
                color: #c84a3d;
                font-size: 90px;
                transition: all .3s ease;
            }

                .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF:hover, .eventlist-item .date .bigday .downloadlinkPDF:hover, .card-item .date .bigday .downloadlinkPDF:hover {
                    color: #df948c !important;
                    font-size: 105px !important;
                }

                .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF .icon-file-word, .eventlist-item .date .bigday .downloadlinkPDF .icon-file-word, .card-item .date .bigday .downloadlinkPDF .icon-file-word {
                    color: #499eff;
                }

                .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkPDF .icon-xsl-file-download, .eventlist-item .date .bigday .downloadlinkPDF .icon-xsl-file-download, .card-item .date .bigday .downloadlinkPDF .icon-xsl-file-download {
                    color: #138884;
                }

            .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS, .eventlist-item .date .bigday .downloadlinkXLS, .card-item .date .bigday .downloadlinkXLS {
                display: block;
                color: #0096b6;
                font-size: 90px;
                transition: all .3s ease;
            }

                .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkXLS:hover, .eventlist-item .date .bigday .downloadlinkXLS:hover, .card-item .date .bigday .downloadlinkXLS:hover {
                    color: #1dd7ff !important;
                    font-size: 105px !important;
                }

            .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkReport, .eventlist-item .date .bigday .downloadlinkReport, .card-item .date .bigday .downloadlinkReport {
                display: block;
                color: #498a3c;
                font-size: 90px;
                transition: all .3s ease;
            }

                .eventsslider-wrapper .swiper-slide .date .bigday .downloadlinkReport:hover, .eventlist-item .date .bigday .downloadlinkReport:hover, .card-item .date .bigday .downloadlinkReport:hover {
                    color: rgba(41, 142, 189, .8) !important;
                    font-size: 105px !important;
                }

        .eventsslider-wrapper .swiper-slide .date .month, .eventlist-item .date .month, .card-item .date .month {
            font: 1.286em fontReg, arial, sans-serif;
            color: #a9a9a9;
        }

    .eventsslider-wrapper .swiper-slide .event-txt, .eventlist-item .event-txt, .card-item .event-txt {
        padding: 0 0 15px;
        font: 1.286em/1.6em fontReg, arial, sans-serif;
        color: #666;
    }

        .eventsslider-wrapper .swiper-slide .event-txt > a.more, .eventlist-item .event-txt > a.more, .card-item .event-txt > a.more {
            color: #c84a3d;
            font: 1.143em fontReg, arial, sans-serif;
            white-space: nowrap;
        }

            .eventsslider-wrapper .swiper-slide .event-txt > a.more:hover, .eventlist-item .event-txt > a.more:hover, .card-item .event-txt > a.more:hover {
                color: #ce5d51;
            }

    .eventsslider-wrapper .swiper-slide:hover .bigday, .eventlist-item:hover .bigday, .card-item:hover .bigday {
        color: #0096b6;
    }

.pollWp {
    background: #fff url('../images/poll-bg.jpg') no-repeat left bottom;
    box-shadow: 0 13px 30px 0 rgba(0, 0, 0, .15);
    margin-top: 20px;
    position: relative;
    padding: 0;
}

    .pollWp .poll-form {
        z-index: 1;
        padding: 55px 20px 30px;
        position: relative;
        height: 366px;
    }

    .pollWp .pollQestion, .pollWp .question {
        display: block;
        height: 50px;
        overflow: hidden;
        padding: 0 15px;
        color: #464749;
        font: normal 2rem/2.4rem fontBold, arial, sans-serif;
    }

    .pollWp .pollInner {
        padding: 8px 18px !important;
        height: 163px;
    }

        .pollWp .pollInner ul li, .pollWp .pollInner > table li {
            margin-bottom: 4px;
        }

        .pollWp .pollInner ul td, .pollWp .pollInner > table td {
            padding-bottom: 4px !important;
        }

        .pollWp .pollInner ul input[type="radio"], .pollWp .pollInner > table input[type="radio"] {
            position: relative;
            top: 3px;
            width: 15px;
            height: 15px;
        }

        .pollWp .pollInner ul label, .pollWp .pollInner > table label {
            font: 1.6rem fontReg, arial, sans-serif;
            color: #555;
        }

        .pollWp .pollInner ul .checkmark, .pollWp .pollInner > table .checkmark {
            top: 7px;
        }

        .pollWp .pollInner > span[id*="_Required"] {
            font-size: 12px;
        }

    .pollWp .pollbtns {
        padding-top: 0;
        position: absolute;
        right: 0;
        bottom: 20px;
        width: 100%;
        padding: 0 20px;
    }

        .pollWp .pollbtns .btn {
            width: 33%;
            float: left;
            height: 45px;
            border-radius: 0;
            margin: 0;
            padding: 0;
            font: 1.286em/2em fontBold, arial, sans-serif;
        }

        .pollWp .pollbtns .vote {
            background: #18754d;
            color: #fff;
            border-radius: 2px;
            font: 1.7rem fontReg, arial, sans-serif;
        }

        .pollWp .pollbtns .voteresult {
            background: transparent;
            color: #18754d;
            font: 1.7rem fontReg, arial, sans-serif;
        }

        .pollWp .pollbtns .more {
            color: #18754d;
            font: 1.7rem fontReg, arial, sans-serif;
            padding-top: 10px;
            width: 33%;
            text-align: right;
            position: relative;
            vertical-align: middle;
        }

            .pollWp .pollbtns .more i {
                font-size: 20px;
                margin-left: 5px;
                vertical-align: middle;
            }

            .pollWp .pollbtns .more:before {
                content: "";
                position: absolute;
                left: 0;
                top: 15px;
                display: block;
                width: 1px;
                height: 20px;
                background: #8d8d8d;
            }

    .pollWp .singlePollResult {
        margin: 0 10px;
    }

.homeCustomerAwareness {
    padding: 55px 0 100px;
}

    .homeCustomerAwareness .homeCustomerAwareness-tabs {
        background: #fff;
    }

        .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs {
            background: #fff;
            padding-bottom: 0;
            border-bottom: none;
            margin-bottom: 0;
            margin-top: 0;
        }

            .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li {
                width: calc(100%/3);
                text-align: center;
                margin: 10px 0 0;
            }

                .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .active {
                    border-bottom: 5px #18754d solid;
                    margin-bottom: -3px;
                    position: relative;
                    color: #18754d !important;
                }

                    .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .active:after {
                        content: "";
                        display: block;
                        position: absolute;
                        bottom: -14px;
                        left: 50%;
                        margin-left: -10px;
                        width: 0;
                        height: 0;
                        border-left: 10px solid transparent;
                        border-right: 10px solid transparent;
                        border-top: 10px solid #18754d;
                    }

                .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .disabled {
                    background: #ccc;
                    pointer-events: none;
                    color: #a8a7a7 !important;
                }

                    .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li .disabled:after {
                        display: none;
                    }

                .homeCustomerAwareness .homeCustomerAwareness-tabs .nav-tabs > li > a {
                    font: normal 2.5rem fontBold, arial, sans-serif;
                    color: #8d8d8d !important;
                    background: transparent none !important;
                    padding: 0;
                    text-align: center;
                    display: block;
                    padding: 0 0 10px;
                }

        .homeCustomerAwareness .homeCustomerAwareness-tabs .tab-content {
            height: 340px;
            padding: 30px 25px;
            border: 1px solid rgba(0, 0, 0, .05);
            box-shadow: 0 13px 30px 0 rgba(0, 0, 0, .06);
        }

    .homeCustomerAwareness .more {
        color: #18754d !important;
        margin: 0 5px;
        font: normal 1.4rem fontReg, arial, sans-serif;
        position: absolute;
        bottom: 10px;
        right: 30px;
        vertical-align: middle;
    }

        .homeCustomerAwareness .more > i {
            font-size: 2rem;
            vertical-align: middle;
            margin-left: 5px;
        }

    .homeCustomerAwareness .photoListingItem {
        height: 250px;
    }

        .homeCustomerAwareness .photoListingItem .photoListingImage {
            height: 180px;
        }

        .homeCustomerAwareness .photoListingItem .photoListingTitle {
            font: normal 1.6rem/2.5rem fontReg, arial, sans-serif;
            padding: 13px 10px;
        }

        .homeCustomerAwareness .photoListingItem:hover {
            box-shadow: 0 10px 15px -7px rgba(0, 0, 0, .12);
        }

    .homeCustomerAwareness .videoListingItem {
        height: 250px;
    }

        .homeCustomerAwareness .videoListingItem .videoListingImage {
            height: 180px;
        }

        .homeCustomerAwareness .videoListingItem .videoListingTitle {
            font: normal 1.6rem/2.5rem fontReg, arial, sans-serif;
            padding: 13px 10px;
        }

        .homeCustomerAwareness .videoListingItem:hover {
            box-shadow: 0 10px 15px -7px rgba(0, 0, 0, .12);
        }

.homeCustomerAwarenessSlider1Wrapper {
    position: relative;
}

    .homeCustomerAwarenessSlider1Wrapper .swiper-button-prev, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next {
        right: auto;
        left: -15px;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: -17px;
    }

        .homeCustomerAwarenessSlider1Wrapper .swiper-button-prev:after, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
        }

    .homeCustomerAwarenessSlider1Wrapper .swiper-button-next, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev {
        right: auto;
        left: 309px;
        width: 35px;
        height: 35px;
        outline: none !important;
        margin-top: -17px;
    }

        .homeCustomerAwarenessSlider1Wrapper .swiper-button-next:after, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev:after {
            content: '';
            font-family: "saso-icons";
            display: block;
            width: 35px;
            height: 35px;
            font-size: 32px;
            background-color: #18754d;
            color: #fff !important;
            border-radius: 100%;
            text-align: center;
        }

.homeCustomerAwarenessSlider2Wrapper, .homeCustomerAwarenessSlider3Wrapper {
    position: relative;
}

    .homeCustomerAwarenessSlider2Wrapper .swiper-button-prev, .homeCustomerAwarenessSlider3Wrapper .swiper-button-prev, .homeCustomerAwarenessSlider2Wrapper .swiper-container-rtl .swiper-button-next, .homeCustomerAwarenessSlider3Wrapper .swiper-container-rtl .swiper-button-next {
        left: -15px;
        right: auto;
    }

    .homeCustomerAwarenessSlider2Wrapper .swiper-button-next, .homeCustomerAwarenessSlider3Wrapper .swiper-button-next, .homeCustomerAwarenessSlider2Wrapper .swiper-container-rtl .swiper-button-prev, .homeCustomerAwarenessSlider3Wrapper .swiper-container-rtl .swiper-button-prev {
        right: -15px;
        left: auto;
    }

.homeCustomerAwarenessSliderItem img {
    display: inline-block;
    width: 330px;
    height: 280px;
    vertical-align: top;
    object-fit: cover;
}

.homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails {
    vertical-align: top;
    display: inline-block;
    padding: 30px 50px;
    width: calc(100% - 333px);
}

    .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h3 a {
        color: #444;
        font: normal 2.4rem fontBold, arial, sans-serif;
        margin-bottom: 30px;
        transition: all .3s ease;
    }

        .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h3 a:hover {
            color: #18754d;
        }

    .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails h4 {
        color: #18754d;
        font: normal 1.8rem fontBold, arial, sans-serif;
    }

    .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails p {
        color: #464749;
        font: normal 1.5rem fontReg, arial, sans-serif;
    }

.homeCustomerAwarenessSliderItem .moreDetails {
    margin-top: 50px;
    display: inline-block;
}

.moreDetails {
    color: #0c59bc;
    font: normal 1.4rem fontReg, arial, sans-serif;
}

    .moreDetails i {
        font-size: 2rem;
        vertical-align: middle;
        transition: all .3s ease;
        margin-right: 0;
        display: inline-block;
        transform: rotate(180deg);
    }

    .moreDetails:hover i {
        margin-right: 5px;
    }

.panel-group.responsive .panel-default .panel-body {
    position: relative;
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

.homeStatisticsWrapper {
    background: #228b5e url(../images/homeStatisticsWrapper.svg) no-repeat center center;
    background-size: cover;
    padding: 50px 0 70px;
}

    .homeStatisticsWrapper .wptitle {
        color: #fff !important;
    }

        .homeStatisticsWrapper .wptitle .more {
            color: #fff !important;
        }

            .homeStatisticsWrapper .wptitle .more i {
                color: #fff !important;
            }

    .homeStatisticsWrapper h3 {
        color: #fff;
        font: normal 1.6rem fontReg, arial, sans-serif;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .homeStatisticsWrapper .homeStatisticsItem {
        display: block;
        width: 230px;
        max-width: 100%;
        height: 200px;
        background: #fff;
        border-radius: 20px;
        margin: 0 auto;
        text-align: center;
        padding: 25px 25px;
        box-shadow: 0 8px 26px 0 rgba(0, 0, 0, .15);
        position: relative;
    }

        .homeStatisticsWrapper .homeStatisticsItem i {
            font-size: 20px;
            padding: 5px;
            border: 1.2px solid #228b5e;
            color: #228b5e;
            border-radius: 100%;
            margin-bottom: 20px;
        }

        .homeStatisticsWrapper .homeStatisticsItem .homeStatisticsItemNo {
            color: #228b5e;
            font: normal 4rem fontBold, arial, sans-serif;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 0;
        }

        .homeStatisticsWrapper .homeStatisticsItem p {
            color: #464749;
            font: normal 1.6rem fontReg, arial, sans-serif;
            text-align: center;
        }

    .homeStatisticsWrapper .homeStatisticsItemWrapper {
        display: block;
        position: relative;
        margin-bottom: 60px;
        width: 100%;
    }

        .homeStatisticsWrapper .homeStatisticsItemWrapper:before {
            content: "";
            display: block;
            width: 28px;
            height: 43px;
            background: transparent url(../images/homeStatisticsItemDot.svg) no-repeat center top;
            position: absolute;
            bottom: -53px;
            right: 50%;
            margin-right: -14px;
        }

        .homeStatisticsWrapper .homeStatisticsItemWrapper:after {
            content: "";
            display: block;
            width: calc(100% + 30px);
            height: 2px;
            background: #6fb552;
            position: absolute;
            bottom: -53px;
            right: 50%;
        }

    .homeStatisticsWrapper .HP_Numbers:first-child .homeStatisticsItemWrapper:after {
        display: none;
    }

.related-sites {
    padding: 115px 0;
    background: #f7f7f7;
}

    .related-sites .r-sites {
        background: #fff;
        box-shadow: 0 0 99px 10px rgba(0, 0, 0, .08);
    }

        .related-sites .r-sites .title {
            float: left;
            width: 180px;
            height: 175px;
            font: 2.4rem fontBold, arial, sans-serif;
            padding: 19px 24px;
            margin-left: 0;
            color: #004195;
            background: #f6f6f6;
            text-align: center;
            padding-top: 70px;
        }

            .related-sites .r-sites .title.partnerssites-title {
                padding-top: 70px;
            }

        .related-sites .r-sites .sites-wrapper, .related-sites .r-sites .partnerssites-wrapper {
            height: 175px;
            float: right;
            width: calc(100% - 290px);
            position: relative;
            margin: 0 55px;
        }

            .related-sites .r-sites .sites-wrapper .swiper-slide, .related-sites .r-sites .partnerssites-wrapper .swiper-slide {
                width: auto;
                margin-right: 0;
                height: 175px;
            }

                .related-sites .r-sites .sites-wrapper .swiper-slide a, .related-sites .r-sites .partnerssites-wrapper .swiper-slide a {
                    display: block;
                    padding: 20px 0;
                    height: 175px;
                    text-align: center;
                    line-height: 122px;
                }

                    .related-sites .r-sites .sites-wrapper .swiper-slide a img, .related-sites .r-sites .partnerssites-wrapper .swiper-slide a img {
                        max-width: 100%;
                        vertical-align: middle;
                    }

            .related-sites .r-sites .sites-wrapper .swiper-button-next, .related-sites .r-sites .partnerssites-wrapper .swiper-button-next {
                margin-top: -17px;
                right: -45px;
                left: auto;
            }

                .related-sites .r-sites .sites-wrapper .swiper-button-next:after, .related-sites .r-sites .partnerssites-wrapper .swiper-button-next:after {
                    background-color: #004195;
                }

            .related-sites .r-sites .sites-wrapper .swiper-button-prev, .related-sites .r-sites .partnerssites-wrapper .swiper-button-prev {
                margin-top: -17px;
                left: -45px;
                right: auto;
            }

                .related-sites .r-sites .sites-wrapper .swiper-button-prev:after, .related-sites .r-sites .partnerssites-wrapper .swiper-button-prev:after {
                    background-color: #004195;
                }

.footer {
    padding: 30px 0 25px;
    position: relative;
    background: url(../images/footer-bg2.png) no-repeat left 25px, url(../images/footer-bg.jpg) no-repeat bottom center;
    background-size: auto, cover;
    background-color: #0096b6;
}

    .footer .newsLetter h4 {
        font: 1.8rem fontReg, arial, sans-serif;
        color: #c1c1c1;
        margin-bottom: 10px;
    }

    .footer .newsLetter p {
        font: 13px/26px fontReg, arial, sans-serif;
        color: #fff;
        margin-bottom: 20px;
    }

    .footer .newsLetter .newsletterfrom .txtbox {
        font: 1.4rem fontReg, arial, sans-serif;
        color: rgba(70, 71, 73, .65);
        padding: 5px 10px;
        width: 76%;
        max-width: 295px;
        background: rgba(255, 255, 255, .7);
        border: none;
        vertical-align: top;
        height: 40px;
    }

    .footer .newsLetter .newsletterfrom .nlbtn {
        background: #fff;
        color: #0096b6;
        font: 1.4rem fontReg, arial, sans-serif;
        padding: 1px 10px 2px;
        margin: 0 -3px;
        width: 22%;
        min-width: 70px;
        transition: all .5s ease;
        border: none;
        vertical-align: top;
        height: 40px;
    }

        .footer .newsLetter .newsletterfrom .nlbtn:hover {
            background: #0096b6;
            color: #fff;
        }

        .footer .newsLetter .newsletterfrom .nlbtn:active {
            background: #fff;
            color: #0096b6;
        }

    .footer .footerApps {
        margin: 65px 0 0;
    }

        .footer .footerApps h4 {
            font: 1.8rem fontReg, arial, sans-serif;
            color: #fff;
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .footer .footerApps a {
            display: inline-block;
            margin: 0 0 0 15px;
            vertical-align: middle;
            max-width: calc(50% - 60px);
        }

            .footer .footerApps a img {
                max-width: 100%;
            }

    .footer .socialMedia {
        padding-top: 65px;
        text-align: left;
    }

        .footer .socialMedia h4 {
            font: 1.8rem fontReg, arial, sans-serif;
            color: #fff;
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle;
        }

        .footer .socialMedia a {
            display: inline-block;
            margin: 0 0 0 21px;
            text-align: center;
            font-size: 2.5rem;
            line-height: 43px;
            transition: all .5s ease;
            vertical-align: middle;
        }

            .footer .socialMedia a i {
                font-size: 2.5rem;
                transition: all .5s ease;
                color: #c1c1c1;
            }

            .footer .socialMedia a:hover i {
                color: #fff;
            }

            .footer .socialMedia a .icon-gplus {
                position: relative;
                left: 3px;
            }

    .footer .footerlinks {
        padding-left: 30px;
        border-left: 1px solid rgba(255, 255, 255, .25);
        height: 100%;
    }

        .footer .footerlinks h4 {
            font: 1.8rem fontReg, arial, sans-serif;
            color: #c1c1c1;
            transition: all .5s ease;
        }

        .footer .footerlinks a {
            display: block;
            font: 1.5rem/2.571 fontReg, arial, sans-serif;
            color: #ececec;
            transition: all .5s ease;
        }

            .footer .footerlinks a:hover {
                color: #1dd7ff;
            }

        .footer .footerlinks.inner a {
            display: inline-block;
            margin: 0 20px 0 0;
        }

    .footer .tagcloud {
        padding-right: 30px;
        border-right: 1px solid rgba(255, 255, 255, .25);
        padding-top: 12px;
    }

        .footer .tagcloud h4 {
            font: 1.143em/2.429em fontBold, arial, sans-serif;
            color: #03d3ff;
            transition: all .5s ease;
        }

        .footer .tagcloud a {
            display: inline-block;
            font: 1em/2.571 fontReg, arial, sans-serif;
            color: #f5f5f5;
            margin: 0 0 0 10px;
            transition: all .5s ease;
        }

            .footer .tagcloud a:hover {
                color: #03d3ff;
            }

            .footer .tagcloud a.x-larg {
                font-size: 180%;
            }

            .footer .tagcloud a.larg {
                font-size: 140%;
            }

            .footer .tagcloud a.medium {
                font-size: 100%;
            }

            .footer .tagcloud a.small {
                font-size: 85%;
            }

            .footer .tagcloud a.x-small {
                font-size: 70%;
            }

    .footer .footerlinks2 {
        padding-left: 30px;
        border-left: 1px solid rgba(255, 255, 255, .25);
        height: 100%;
        border: 0;
        padding-right: 0;
    }

        .footer .footerlinks2 h4 {
            font: 1.8rem fontReg, arial, sans-serif;
            color: #c1c1c1;
            transition: all .5s ease;
        }

        .footer .footerlinks2 a {
            display: block;
            font: 1.5rem/2.571 fontReg, arial, sans-serif;
            color: #ececec;
            transition: all .5s ease;
        }

            .footer .footerlinks2 a:hover {
                color: #1dd7ff;
            }

        .footer .footerlinks2.inner a {
            display: inline-block;
            margin: 0 20px 0 0;
        }

        .footer .footerlinks2 a:hover h4 {
            color: #03d3ff;
        }

        .footer .footerlinks2 a + a h4 {
            line-height: 45px;
        }

    .footer .carecenter {
        padding: 15px 0;
        border: 1px solid rgba(255, 255, 255, .25);
        margin: 0 15px;
    }

        .footer .carecenter h4 {
            font: 1.8rem fontReg, arial, sans-serif;
            color: #c1c1c1;
            text-align: center;
        }

        .footer .carecenter p {
            font: 1.6rem/2.4rem fontReg, arial, sans-serif;
            color: #fff;
            text-align: center;
        }

        .footer .carecenter i {
            font-size: 1.6rem;
            color: #75df60;
            margin: 0 5px;
        }

        .footer .carecenter .phone {
            font: bold 1.286em fontBold, arial, sans-serif;
            color: #03d3ff;
            padding-left: 15px;
        }

            .footer .carecenter .phone a {
                color: #75df60;
                transition: all .5s ease;
                font-size: 1.6rem;
            }

                .footer .carecenter .phone a i {
                    display: inline-block;
                }

                .footer .carecenter .phone a:hover {
                    color: #fff;
                }

        .footer .carecenter .mail {
            font: bold 1.143em fontBold, arial, sans-serif;
            color: #03d3ff;
            padding-left: 15px;
        }

            .footer .carecenter .mail a {
                color: #75df60;
                transition: all .5s ease;
                font-size: 1.6rem;
            }

                .footer .carecenter .mail a:hover {
                    color: #fff;
                }

        .footer .carecenter .custcallcenter {
            border-right: 2px rgba(255, 255, 255, .25) solid;
            padding: 0;
        }

            .footer .carecenter .custcallcenter.inner {
                border: 0;
            }

                .footer .carecenter .custcallcenter.inner:before {
                    content: '';
                    display: block;
                    margin: 15px auto 10px;
                    width: 80%;
                    height: 2px;
                    background: rgba(255, 255, 255, .25);
                }

            .footer .carecenter .custcallcenter p {
                font-size: 1.4rem;
            }

    .footer .footer-copyright-wrapper {
        padding-top: 30px;
    }

        .footer .footer-copyright-wrapper .copyRights {
            font: 1.3rem fontReg, arial, sans-serif;
            color: #c0e3eb;
            padding-top: 25px;
        }

        .footer .footer-copyright-wrapper .footerLinks {
            font: 1.3rem fontReg, arial, sans-serif;
            color: #c0e3eb;
            display: inline-block;
            padding-top: 25px;
        }

            .footer .footer-copyright-wrapper .footerLinks a {
                font: 1.3rem fontReg, arial, sans-serif;
                color: #c0e3eb;
                display: inline-block;
                margin: 0 2px;
            }

                .footer .footer-copyright-wrapper .footerLinks a:hover {
                    color: #03d3ff;
                }

        .footer .footer-copyright-wrapper .footerLogo {
            float: right;
            margin-right: 20px;
            padding-top: 5px;
        }

            .footer .footer-copyright-wrapper .footerLogo img {
                margin-left: 20px;
            }

            .footer .footer-copyright-wrapper .footerLogo .footervision {
                width: 76px;
            }

            .footer .footer-copyright-wrapper .footerLogo .footerlogo {
                width: 98px;
                height: 55px;
            }

    .footer .gototop {
        font-size: 45px;
        color: rgba(0, 0, 0, .15);
        position: fixed;
        z-index: 8;
        left: -100px;
        bottom: 2vh;
        transition: all .5s ease;
    }

        .footer .gototop i {
            font-size: 45px;
        }

        .footer .gototop.show {
            left: 2vw;
        }

.SASO-News {
    display: block;
    padding: 10px 5px;
    margin-right: -135px;
    position: fixed;
    right: 0;
    top: 250px;
    width: 195px;
    height: 72px;
    background: rgba(31, 121, 155, .9);
    border-radius: 20px 0 0 20px;
    transition: all .5s ease;
    z-index: 999;
    border: solid 2px #fff;
    border-right: none;
    padding-right: 36px;
}

    .SASO-News .icon-saso-icon {
        font-size: 3.4rem;
        margin-right: 5px;
        vertical-align: middle;
    }

    .SASO-News:hover {
        margin-right: 0;
        padding-right: 0;
        cursor: pointer;
    }

    .SASO-News .SASO-closeBtn {
        display: block;
        width: 42px;
        height: 42px;
        border-radius: 50px;
        background-color: #fff;
        text-align: center;
        position: absolute;
        top: -16px;
        left: -16px;
        padding-top: 12px;
        opacity: 0;
        transition: all .3s ease;
    }

        .SASO-News .SASO-closeBtn:before {
            content: '';
            font-family: saso-icons;
            color: #1f799b;
            font-size: 18px;
        }

    .SASO-News .SASO-NewsTtl {
        font: 1.8rem fontBold, arial, sans-serif;
        text-align: center;
        color: #fff !important;
        transition: all .5s ease;
    }

    .SASO-News .SASO-NewsContent {
        opacity: 0;
        transition: all .5s ease;
        text-align: center;
        padding: 25px 25px;
        overflow: hidden;
        max-height: 100%;
    }

        .SASO-News .SASO-NewsContent ul li {
            border-bottom: 1px solid rgba(255, 255, 255, .4);
            padding: 10px 0;
        }

            .SASO-News .SASO-NewsContent ul li a {
                display: block;
            }

            .SASO-News .SASO-NewsContent ul li p {
                font: normal 1.4rem fontReg, arial, sans-serif;
                color: #fff;
            }

        .SASO-News .SASO-NewsContent .lastEdit {
            color: #b6ef9f;
            font: normal 1.4rem fontReg, arial, sans-serif;
        }

        .SASO-News .SASO-NewsContent .SASO-moreBtn {
            display: inline-block;
            padding: 12px 24px;
            border: 1px solid #fff;
            color: #fff !important;
            margin-top: 30px;
            transition: all .3s ease;
        }

            .SASO-News .SASO-NewsContent .SASO-moreBtn:hover {
                color: #1f799b !important;
                background: #fff;
            }

    .SASO-News.active {
        width: 520px;
        height: 520px;
        margin-right: 0;
        padding-right: 0;
    }

        .SASO-News.active .SASO-NewsTtl {
            font: 2rem fontBold, arial, sans-serif;
            text-align: center;
            color: #fff !important;
            margin-top: 30px;
        }

        .SASO-News.active .SASO-NewsContent {
            opacity: 1;
            transition-delay: .5s;
        }

        .SASO-News.active .SASO-closeBtn {
            opacity: 1;
            transition-delay: .8s;
        }

.vidOverlay {
    background: rgba(12, 38, 51, .3);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.swiper-slide #home-video, .swiper-slide .video-bg {
    margin: auto;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    min-width: 100%;
    max-width: 100vw;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
}

ul.list, .ms-rtestate-field ul {
    padding-right: 10px;
    list-style: none;
    margin: 15px 15px 20px;
    padding-left: 18px;
}

    ul.list li, .ms-rtestate-field ul li {
        font: normal 1em/2.286 fontReg, arial, sans-serif;
        color: #666;
        margin-bottom: 5px;
        list-style: none !important;
    }

        ul.list li a, .ms-rtestate-field ul li a {
            color: #0096b6 !important;
        }

            ul.list li a:hover, .ms-rtestate-field ul li a:hover {
                color: #219f69;
            }

            ul.list li a:active, .ms-rtestate-field ul li a:active {
                color: #298ebd;
            }

            ul.list li a [class^="icon-"], .ms-rtestate-field ul li a [class^="icon-"] {
                transform: scale(1.3);
                display: inline-block;
                margin-left: 5px;
                color: #999;
            }

        ul.list li:before, .ms-rtestate-field ul li:before {
            content: '';
            font-family: saso-icons;
            font-size: .714em;
            display: inline-block;
            color: #666;
            margin: 3px 10px 0 0;
            border-radius: 100%;
            vertical-align: top;
            margin-left: -19px;
        }

    ul.list.green li:before, .ms-rtestate-field ul.green li:before {
        color: #219f69;
    }

    ul.list.green li a, .ms-rtestate-field ul.green li a {
        color: #0096b6;
    }

    ul.list.orange li:before, .ms-rtestate-field ul.orange li:before {
        color: #ff2c00;
    }

    ul.list.orange li a, .ms-rtestate-field ul.orange li a {
        color: #ff2c00;
    }

    ul.list.nobullet li:before, .ms-rtestate-field ul.nobullet li:before {
        display: none;
    }

    .ms-rtestate-field ul li:before {
        color: #219f69;
    }

    .ms-rtestate-field ul li a {
        color: #0096b6;
    }

ol.list li, .ms-rtestate-field ol li {
    font: normal 1em/2.286 fontReg, arial, sans-serif;
    color: #666;
    margin-bottom: 5px;
    list-style: none !important;
}

    ol.list li a, .ms-rtestate-field ol li a {
        color: #0096b6 !important;
    }

        ol.list li a:hover, .ms-rtestate-field ol li a:hover {
            color: #219f69;
        }

        ol.list li a:active, .ms-rtestate-field ol li a:active {
            color: #298ebd;
        }

        ol.list li a [class^="icon-"], .ms-rtestate-field ol li a [class^="icon-"] {
            transform: scale(1.3);
            display: inline-block;
            margin-left: 5px;
            color: #999;
        }

.ms-rtestate-field blockquote {
    margin: 0 40px 0 0;
}

ul.nav-tabs li:before {
    display: none;
    content: '';
}

.innerpages p, .innerpages div, .innerpages span {
    color: #666;
    font: 1.5rem fontReg, arial, sans-serif;
    line-height: 2;
}

.innerpages .breadCrumb {
    padding: 10px 0;
    background: #f1f1f1;
}

    .innerpages .breadCrumb .breadCrumbDetails {
        font: 1.5rem fontReg, arial, sans-serif;
        color: #888;
    }

        .innerpages .breadCrumb .breadCrumbDetails span {
            font: 1.5rem fontReg, arial, sans-serif;
            color: #0096b6;
            display: inline-block;
        }

            .innerpages .breadCrumb .breadCrumbDetails span span:first-child, .innerpages .breadCrumb .breadCrumbDetails span span:nth-child(3) {
                display: none;
            }

        .innerpages .breadCrumb .breadCrumbDetails a {
            font: 1.5rem fontReg, arial, sans-serif;
            color: #0096b6;
        }

            .innerpages .breadCrumb .breadCrumbDetails a:after {
                content: "";
                font: 20px saso-icons;
                vertical-align: sub;
                color: #888;
                margin: 0 12px;
                transform: rotate(-180deg);
                display: inline-block;
            }

            .innerpages .breadCrumb .breadCrumbDetails a.active {
                font: 1.5rem fontReg, arial, sans-serif;
            }

                .innerpages .breadCrumb .breadCrumbDetails a.active:after {
                    content: "";
                    display: none;
                }

        .innerpages .breadCrumb .breadCrumbDetails .newsBreadCrumbArrow:before {
            content: "";
            font: 20px saso-icons;
            vertical-align: sub;
            color: #888;
            margin: 0 12px;
            transform: rotate(-180deg);
            display: inline-block;
        }

.innerpages .pagetitle h2 {
    font: bold 3.5rem fontBold, arial, sans-serif;
    color: #464749;
    text-align: center;
    margin-bottom: 50px;
}

    .innerpages .pagetitle h2:after {
        content: '';
        display: block;
        margin: 5px auto 0;
        width: 142px;
        height: 4px;
        background: #18754d;
    }

.innerpages .breadCrumbFunctions {
    position: absolute;
    right: -50px;
    width: 48px;
    top: 45px;
    background: #fff;
    text-align: center;
    display: block;
    border-radius: 0;
    margin-top: 0;
    float: none;
    margin-left: 0;
    z-index: 2;
    border-radius: 30px !important;
}

    .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper {
        box-shadow: 0 8px 45px 0 rgba(0, 0, 0, .15);
        padding: 0 0 6px;
        border-radius: 24px;
    }

        .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a {
            color: #5e5e5e !important;
            padding: 12px;
            display: inline-block;
            transition: all .5s ease;
            padding-bottom: 0;
            font-size: 18px;
        }

            .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a i {
                color: #5e5e5e !important;
                transition: all .5s ease;
                margin-bottom: 0;
                font-size: 18px;
            }

            .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper a:hover i {
                color: #18754d !important;
            }

.innerpages .breadCrumbShareWrapper {
    margin-top: 25px;
}

    .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown {
        box-shadow: 0 8px 45px 0 rgba(0, 0, 0, .15);
        border-radius: 30px;
    }

        .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle {
            display: block;
            width: 48px;
            height: 48px;
            background: #9a6a3c;
            position: relative;
            border-radius: 30px;
            transition: all .3s ease;
            outline: none !important;
            box-shadow: 0 8px 45px 0 rgba(0, 0, 0, .15);
            padding: 0;
        }

            .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle .breadCrumbShareWrapper-rotate {
                display: block;
                width: 48px;
                height: 48px;
                transition: all .5s ease;
                transform: rotate(-90deg);
                background: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3RjI3QjI5MDQ2NDExRUE4OEMyODNCNzc1NUFDQjAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3RjI3QjJBMDQ2NDExRUE4OEMyODNCNzc1NUFDQjAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdGMjdCMjcwNDY0MTFFQTg4QzI4M0I3NzU1QUNCMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdGMjdCMjgwNDY0MTFFQTg4QzI4M0I3NzU1QUNCMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7xSkbXAAAA0ElEQVR42mL8//8/AzUBEwOVAQuMwcjIiCIBdLkAkIoHYhB9AIveh0A9D6BqUTQyYPM2UCzgP3FAAWYGCLPgcT3IVY1QtgOar/SBmAfKVwDiBwRdiA2AggGIz0Nd9gVKOyC7kOhIgYbpfiA2AOKLQHyB7FjGYhgoCP6QZSA2w4Cx+4GsdEjAsANYIgy3gaS6DK+BJBr2AV0zSrJBSxoXoIbjSkIJUBphDrKBxBqGxXBMA8k1DJ+BE8gxDJ+BBlBDBUgtspANZBz0BSzVDQQIMADIeDcGJfcwOwAAAABJRU5ErkJggg==') center center no-repeat;
            }

            .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle.active {
                background: #fff;
            }

                .innerpages .breadCrumbShareWrapper .breadCrumbShareWrapper-dropdown .breadCrumbShareWrapper-toggle.active .breadCrumbShareWrapper-rotate {
                    transform: rotate(-225deg);
                    background-image: url('data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0RUZGMjc0MDQ2NTExRUE5MUREREZFRjJENkYzQzNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0RUZGMjc1MDQ2NTExRUE5MUREREZFRjJENkYzQzNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTRFRkYyNzIwNDY1MTFFQTkxRERERkVGMkQ2RjNDM0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTRFRkYyNzMwNDY1MTFFQTkxRERERkVGMkQ2RjNDM0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4miKsBAAAAvUlEQVR42mL8//8/AzUBEwOVAQsuidnZtgJAKh6IQfQBLEoepk49/ABdkBGXl4EGBgCp9UQ4ShHZYBY8CkGuaoSyHdB8pQ/EPFC+AhATNhBo6wcg1YAlGPZDDfsKxNxkRwqSYQZAfBGIL5Ady1gMAwXBH7IMxGYYNDhIT4cEDDuAJcJwG0iqy/AaSKJhH/DmFBIMmwBNfxtw5hRyvYnVy9QwDD0MGyg1DD0MF8AMJtcwvKXNoClgqW4gQIABABorXqtGZ4qtAAAAAElFTkSuQmCC');
                }

    .innerpages .breadCrumbShareWrapper .share-list {
        padding-top: 20px;
    }

        .innerpages .breadCrumbShareWrapper .share-list li {
            padding: 0 0 1rem 0;
            position: relative;
            margin: 0 auto;
            text-align: center;
            cursor: pointer;
        }

            .innerpages .breadCrumbShareWrapper .share-list li span {
                font-size: 18px;
                transition: all .3s ease;
            }

            .innerpages .breadCrumbShareWrapper .share-list li.twitter:hover span {
                color: #00acee;
            }

            .innerpages .breadCrumbShareWrapper .share-list li.facebook:hover span {
                color: #3b5998;
            }

            .innerpages .breadCrumbShareWrapper .share-list li.linkedin:hover span {
                color: #0e76a8;
            }

            .innerpages .breadCrumbShareWrapper .share-list li.instagram:hover span {
                color: #e4405f;
            }

            .innerpages .breadCrumbShareWrapper .share-list li.mail:hover span {
                color: #228b5e;
            }

.innerpages .contentWrapper {
    margin-bottom: 95px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.innerpages .contentWrapperSD {
    padding: 30px 15px 0;
    min-height: 515px;
}

.innerpages .designElementsCir {
    border-radius: 100%;
    font: normal 18px fontReg, arial, sans-serif;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    margin: 20px 0;
}

.innerpages .quoteWrapper {
    font: normal 1.5rem/3rem fontReg, arial, sans-serif;
    color: #18754d;
    width: 760px;
    text-align: center;
    margin: 10px 0;
    max-width: 100%;
    padding: 0 50px;
    position: relative;
    display: inline-block;
    max-width: 90%;
}

    .innerpages .quoteWrapper:after {
        content: '”';
        display: inline-block;
        width: 35px;
        height: 100%;
        margin: 0 9px 0;
        position: absolute;
        top: 0;
        right: 0;
        font: normal 100px/75px fontReg, arial, sans-serif;
        color: #18754d;
    }

    .innerpages .quoteWrapper:before {
        content: '“';
        display: inline-block;
        width: 35px;
        height: 100%;
        margin: 0 9px 0;
        position: absolute;
        top: 0;
        left: 0;
        font: normal 100px/75px fontReg, arial, sans-serif;
        color: #18754d;
    }

.innerpages .artclDate {
    display: block;
    font: normal 14px fontReg, arial, sans-serif;
    color: #298ebd;
    margin: 20px 0 10px;
}

    .innerpages .artclDate i {
        margin-left: 10px;
        vertical-align: middle;
    }

.innerpages .artclTxt, .innerpages .ms-rtestate-field p {
    font: 1.5rem fontReg, arial, sans-serif;
    color: #666;
    margin-bottom: 10px;
    text-align: justify;
    margin: 10px 0;
}

.innerpages .artclImg {
    position: relative;
    margin: 10px 20px;
    overflow: hidden;
    max-width: 100%;
    text-align: center;
}

    .innerpages .artclImg img {
        border-radius: 0;
        max-width: 100%;
        max-height: 440px;
    }

.innerpages .ArticleContentDate, .innerpages .ArticleContentDate span {
    font: 1.4rem fontReg, arial, sans-serif;
    color: #999;
    margin-bottom: 10px;
}

    .innerpages .ArticleContentDate i, .innerpages .ArticleContentDate span i {
        margin-left: 10px;
        color: #888;
        font-size: 14px;
        margin-bottom: 0;
    }

    .innerpages .ArticleContentDate .text-green *, .innerpages .ArticleContentDate span .text-green * {
        color: #18754d;
    }

.innerpages .rightBorderTxt1 {
    border-left: 3px solid #18754d;
    padding: 0 0 0 15px;
    margin: 15px 15px 15px 0;
    color: #666;
    font: normal 1.5rem fontReg, arial, sans-serif;
}

.innerpages .rightBorderTxt2 {
    border-left: 3px solid #9a6a3c;
    padding: 0 0 0 15px;
    margin: 15px 15px 15px 0;
    color: #666;
    font: normal 1.5rem fontReg, arial, sans-serif;
}

.innerpages .rightBorderTxt3 {
    border-left: 3px solid #0096b6;
    padding: 0 0 0 15px;
    margin: 15px 15px 15px 0;
    color: #666;
    font: normal 1.5rem fontReg, arial, sans-serif;
}

.innerpages .rightBorderTxt4 {
    border-left: 3px solid #8d8d8d;
    padding: 0 0 0 15px;
    margin: 15px 15px 15px 0;
    color: #666;
    font: normal 1.5rem fontReg, arial, sans-serif;
}

.innerpages ul.lst, .innerpages ul.list, .innerpages .ArticleContent ul, .innerpages .contentWrapper ul {
    padding-right: 10px;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 18px;
}

    .innerpages ul.lst li, .innerpages ul.list li, .innerpages .ArticleContent ul li, .innerpages .contentWrapper ul li {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #666;
        list-style: none !important;
    }

        .innerpages ul.lst li a, .innerpages ul.list li a, .innerpages .ArticleContent ul li a, .innerpages .contentWrapper ul li a {
            color: #298ebd;
        }

            .innerpages ul.lst li a:hover, .innerpages ul.list li a:hover, .innerpages .ArticleContent ul li a:hover, .innerpages .contentWrapper ul li a:hover {
                color: #43a7d6;
            }

            .innerpages ul.lst li a:active, .innerpages ul.list li a:active, .innerpages .ArticleContent ul li a:active, .innerpages .contentWrapper ul li a:active {
                color: #298ebd;
            }

        .innerpages ul.lst li:before, .innerpages ul.list li:before, .innerpages .ArticleContent ul li:before, .innerpages .contentWrapper ul li:before {
            content: '';
            width: 6px;
            height: 6px;
            display: inline-block;
            background: #228b5e;
            margin: 11px 10px 0 0;
            border-radius: 100%;
            vertical-align: top;
            margin-left: -19px;
        }

.innerpages ul.lstbrown {
    padding-left: 10px;
    list-style: none;
    margin-bottom: 20px;
    padding-right: 18px;
}

    .innerpages ul.lstbrown li {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #666;
        list-style: none !important;
    }

        .innerpages ul.lstbrown li a {
            color: #298ebd;
        }

            .innerpages ul.lstbrown li a:hover {
                color: #43a7d6;
            }

            .innerpages ul.lstbrown li a:active {
                color: #298ebd;
            }

        .innerpages ul.lstbrown li:before {
            content: '';
            width: 6px;
            height: 6px;
            display: inline-block;
            background: #9a6a3c;
            margin: 11px 0 0 10px;
            border-radius: 100%;
            vertical-align: top;
            margin-right: -19px;
        }

.innerpages ol.lst, .innerpages .ArticleContent ol, .innerpages .contentWrapper ol {
    padding-left: 10px;
    list-style: decimal !important;
    margin-bottom: 20px;
    padding-right: 18px;
}

    .innerpages ol.lst li, .innerpages .ArticleContent ol li, .innerpages .contentWrapper ol li {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #666;
        list-style: decimal !important;
        padding-right: 5px;
    }

        .innerpages ol.lst li a, .innerpages .ArticleContent ol li a, .innerpages .contentWrapper ol li a {
            color: #298ebd;
        }

            .innerpages ol.lst li a:hover, .innerpages .ArticleContent ol li a:hover, .innerpages .contentWrapper ol li a:hover {
                color: #43a7d6;
            }

            .innerpages ol.lst li a:active, .innerpages .ArticleContent ol li a:active, .innerpages .contentWrapper ol li a:active {
                color: #298ebd;
            }

.innerpages .lstInline li {
    display: inline-block;
    margin-left: 50px;
}

.innerpages td > ul.lst, .innerpages td > ul.list, .innerpages td > ol.lst {
    margin-bottom: 0;
}

.innerpages .ArticleContent {
    padding: 30px 10px 0;
}

    .innerpages .ArticleContent ul.lstPurple li, .innerpages .ArticleContent ul.lst li, .innerpages .ArticleContent ol.lst li, .innerpages .ArticleContent ol.lstPurple li {
        margin-bottom: 5px;
    }

    .innerpages .ArticleContent p {
        line-height: 200%;
    }

.innerpages .ContentDivVideo {
    width: 100%;
}

.innerpages .imgWithSubWrapper {
    max-width: 380px;
    float: left;
}

.innerpages .gryWrapper {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 20px;
}

.innerpages .form-inline .form-control {
    width: 100%;
}

.innerpages .form-group {
    margin-bottom: 25px !important;
}

    .innerpages .form-group .radio, .innerpages .form-group .checkbox {
        margin-left: 5px;
        margin-top: 5px;
    }

    .innerpages .form-group input[type=radio], .innerpages .form-group input[type=checkbox] {
        vertical-align: middle;
        float: none;
    }

.innerpages .radio label, .innerpages .checkbox label {
    font: normal 14px/20px fontReg, arial, sans-serif;
    color: #666;
}

.innerpages .col-form-label, .innerpages .Itemrow .LabelTitle, .innerpages .Itemrow .LabelTitle .textlable, .innerpages .Itemrow .LabelTitle > span {
    font: normal 1.6rem fontBold, arial, sans-serif;
    color: #464749;
}

.innerpages .required .col-form-label:after {
    content: '*';
    font: normal 15px/20px fontReg, arial, sans-serif;
    color: #f00;
    margin-right: 5px;
}

.innerpages .error .form-control {
    border-color: #f00 !important;
}

.innerpages .form-control, .innerpages .select2-container, .innerpages .Itemrow .Data > * {
    font: normal 1.6rem fontReg, arial, sans-serif;
    color: #555;
    border: none !important;
    border-radius: 30px;
    box-shadow: none !important;
    transition: all .3s ease;
    min-height: 50px;
    background-color: #fff;
    box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .08) !important;
    padding: 10px 15px;
}

    .innerpages .form-control:focus, .innerpages .select2-container:focus, .innerpages .Itemrow .Data > *:focus {
        border-color: #18754d !important;
        box-shadow: 0 0 5px -1px #53b2da !important;
    }

    .innerpages .form-control.select2-container--default .select2-selection--single .select2-selection__arrow, .innerpages .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow, .innerpages .Itemrow .Data > *.select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 13px;
        right: 13px !important;
    }

.innerpages .Itemrow {
    margin-bottom: 25px;
}

    .innerpages .Itemrow .Data > * {
        width: 100% !important;
        display: block;
    }

    .innerpages .Itemrow .Data > span:not(.select2), .innerpages .Itemrow .Data > div {
        background: #ddd;
    }

    .innerpages .Itemrow .LabelTitle {
        padding-top: calc(.375rem + 1px);
        padding-bottom: calc(.375rem + 1px);
    }

.innerpages .ButtonContainer {
    text-align: center;
}

.innerpages .Itemrow .Data + .CaptchaImage {
    margin-top: 50px;
}

.innerpages .Itemrow .Validator {
    position: absolute;
}

.innerpages .select2-selection {
    background: transparent none;
    box-shadow: none !important;
    border: none !important;
}

.innerpages .select2-container--open .select2-selection {
    border-color: #298ebd !important;
}

.innerpages .select2-selection__arrow {
    background: transparent url('../images/imageSprite.png') -202px 9px no-repeat;
}

    .innerpages .select2-selection__arrow b {
        display: none;
    }

.innerpages .select2-container--open .select2-selection__arrow {
    background: transparent url('../images/imageSprite.png') -202px -21px no-repeat;
}

.innerpages .select2-container {
    max-width: 100%;
    border-radius: 50px;
}

.innerpages select.form-control {
    padding-top: 3px;
}

.innerpages .datepickerIcon {
    background: url('../images/datepickerIcon.png') no-repeat left center;
    padding-left: 35px;
}

.innerpages .tooltipIcon {
    background: url('../images/tooltipIcon.png') no-repeat 0 0;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 30px;
    top: 15px;
}

.innerpages .tooltip-arrow {
    border-top-color: #298ebd !important;
}

.innerpages .tooltip-inner {
    background: #298ebd;
    color: #fff;
    max-width: 370px;
    padding: 5px;
}

.innerpages .tooltipWrapper .form-control {
    padding-left: 30px;
}

.innerpages .rangeSlider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: #eee;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .innerpages .rangeSlider:hover {
        opacity: 1;
    }

    .innerpages .rangeSlider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        background: #18754d;
        cursor: pointer;
        border-radius: 100%;
    }

    .innerpages .rangeSlider::-moz-range-thumb {
        width: 18px;
        height: 18px;
        background: #18754d;
        cursor: pointer;
    }

.innerpages .ui-datepicker, .innerpages .ui-datepicker *, .innerpages .ui-widget {
    font-size: 1.4rem;
}

.innerpages .btn:not(div), .innerpages .gbuttontb {
    border-radius: 50px;
    border: 0 !important;
    min-width: 170px !important;
    font: normal 16px/20px fontReg, arial, sans-serif !important;
    color: #fff !important;
    box-shadow: none;
    margin: 5px;
    background-color: #18754d !important;
    padding: 15px 60px !important;
    transition: all .3s ease;
    height: 46px;
}

    .innerpages .btn:not(div):focus, .innerpages .gbuttontb:focus {
        border: 0 !important;
        outline: none !important;
    }

    .innerpages .btn:not(div):hover, .innerpages .gbuttontb:hover {
        background-color: #219f69 !important;
    }

    .innerpages .btn:not(div):active, .innerpages .gbuttontb:active {
        background-color: #18754d !important;
    }

    .innerpages .btn:not(div).btnbrown, .innerpages .gbuttontb.btnbrown {
        background-color: #9a6a3c !important;
    }

        .innerpages .btn:not(div).btnbrown:hover, .innerpages .gbuttontb.btnbrown:hover {
            background-color: #ac7743 !important;
        }

        .innerpages .btn:not(div).btnbrown:active, .innerpages .gbuttontb.btnbrown:active {
            background-color: #9a6a3c !important;
        }

    .innerpages .btn:not(div).btngray, .innerpages .gbuttontb.btngray {
        background-color: #464749 !important;
    }

        .innerpages .btn:not(div).btngray:hover, .innerpages .gbuttontb.btngray:hover {
            background-color: #5f6063 !important;
        }

        .innerpages .btn:not(div).btngray:active, .innerpages .gbuttontb.btngray:active {
            background-color: #464749 !important;
        }

    .innerpages .btn:not(div) i, .innerpages .gbuttontb i {
        margin-right: 5px;
        margin-left: 5px;
    }

.innerpages .srchPanel {
    padding: 10px 15px;
    margin: 0 0 15px 0;
    border: none;
    border-radius: 8px;
    text-align: left;
    background: #f6f6f6;
    min-height: 60px;
}

    .innerpages .srchPanel .select2-container {
        vertical-align: bottom;
        margin: 0 9px;
        width: 300px !important;
        max-width: 90%;
    }

    .innerpages .srchPanel .form-control, .innerpages .srchPanel .select2-container {
        min-width: 150px;
        border: 1px solid #e2e2e2 !important;
        margin-bottom: 0;
        box-shadow: none;
        text-align: left;
        height: 40px;
        min-height: 40px;
        box-shadow: none !important;
        padding: 0 15px;
    }

        .innerpages .srchPanel .form-control.select2-container--default .select2-selection--single .select2-selection__arrow, .innerpages .srchPanel .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 6px;
            right: 10px !important;
        }

    .innerpages .srchPanel .form-inline {
        float: left;
    }

        .innerpages .srchPanel .form-inline .form-group {
            margin-bottom: 0 !important;
        }

        .innerpages .srchPanel .form-inline:after {
            content: "";
            display: block;
            clear: both;
        }

    .innerpages .srchPanel .withBorderSearchField.form-control {
        position: relative;
    }

        .innerpages .srchPanel .withBorderSearchField.form-control:after {
            content: '';
            width: 1px;
            height: 34px;
            position: absolute;
            top: 1px;
            right: -17px;
        }

    .innerpages .srchPanel .control-label {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #18754d;
        margin: 0 17px;
    }

    .innerpages .srchPanel .navbar-form {
        text-align: right;
        padding: 12px 17px;
    }

        .innerpages .srchPanel .navbar-form > div {
            display: inline;
        }

    .innerpages .srchPanel:after {
        content: '';
        display: block;
        clear: both;
    }

    .innerpages .srchPanel .btn {
        padding: 10px 35px !important;
        margin-right: 20px;
        min-width: 0 !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .innerpages .srchPanel .border-right {
        border-right: 1px solid #ccc;
    }

.innerpages .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: 4px;
    left: auto;
}

.innerpages .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

.innerpages .select2-selection {
    padding-top: 4px;
}

.innerpages .accordion .card {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08);
    margin-bottom: 20px;
    border: none;
    border-radius: 10px;
    padding: 0 20px;
}

    .innerpages .accordion .card .card-header {
        background: #fff;
        border-bottom: 1px dashed #828282;
        padding: 0;
    }

        .innerpages .accordion .card .card-header h2 {
            padding: 0;
            display: block;
            min-height: 60px;
        }

            .innerpages .accordion .card .card-header h2 .btn-link {
                width: 100%;
                background: transparent url(../../Images/New/accordion-expanded.svg) left center no-repeat;
                text-align: right;
                font: normal 2rem fontBold, arial, sans-serif;
                color: #18754d;
                text-decoration: none !important;
                min-height: 60px;
                padding: 10px 5px;
                transition: all .3s ease;
                outline: none !important;
            }

                .innerpages .accordion .card .card-header h2 .btn-link.collapsed {
                    color: #464749;
                    background: transparent url(../../Images/New/accordion-collapsed.svg) left center no-repeat;
                }

    .innerpages .accordion .card .card-body {
        padding: 20px 0;
    }

        .innerpages .accordion .card .card-body h3, .innerpages .accordion .card .card-body h4, .innerpages .accordion .card .card-body h5, .innerpages .accordion .card .card-body h6 {
            font-size: 1.8rem;
        }

.innerpages .accordion .ui-accordion-header {
    border: none;
    border-radius: 0;
    font: normal 16px fontBold, arial, sans-serif;
    padding: 17px 15px 8px 6px;
    margin: 10px 0 20px;
    transition: all .3s ease;
    background: #fff !important;
    color: #555 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 0 5px 0 #e0e0e0;
    min-height: 60px;
}

    .innerpages .accordion .ui-accordion-header .ui-accordion-header-icon {
        display: block;
        width: 30px;
        height: 30px;
        background: transparent none;
        float: left;
        transition: all .3s ease;
        position: relative;
        margin-top: 0;
    }

        .innerpages .accordion .ui-accordion-header .ui-accordion-header-icon:after {
            content: "";
            display: block;
            width: 21px;
            height: 16px;
            background: transparent url('../images/imageSprite.png') -88px -43px no-repeat;
            position: absolute;
            top: 5px;
            left: 8px;
        }

    .innerpages .accordion .ui-accordion-header.ui-state-active {
        background-color: #18754d !important;
        color: #fff !important;
        box-shadow: none;
    }

        .innerpages .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
            background: transparent none;
        }

            .innerpages .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
                background: transparent url('../images/imageSprite.png') -88px -74px no-repeat;
            }

.innerpages .accordion .ui-accordion-content {
    padding: 5px 10px;
    border: none;
    font: normal 16px fontReg, arial, sans-serif;
    color: #666;
}

.innerpages .nav-tabs:not(.page-tabs) {
    background: #fff;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 0;
}

    .innerpages .nav-tabs:not(.page-tabs) > li {
        text-align: center;
        margin: 10px 0 0;
        border: none;
    }

        .innerpages .nav-tabs:not(.page-tabs) > li:before {
            display: none !important;
        }

        .innerpages .nav-tabs:not(.page-tabs) > li .active {
            border-bottom: 5px #228b5e solid;
            margin-bottom: -3px;
            position: relative;
            color: #228b5e !important;
        }

            .innerpages .nav-tabs:not(.page-tabs) > li .active:after {
                content: "";
                display: block;
                position: absolute;
                bottom: -14px;
                left: 50%;
                margin-left: -10px;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #228b5e;
            }

        .innerpages .nav-tabs:not(.page-tabs) > li .disabled {
            background: #ccc;
            pointer-events: none;
            color: #a8a7a7 !important;
        }

            .innerpages .nav-tabs:not(.page-tabs) > li .disabled:after {
                display: none;
            }

        .innerpages .nav-tabs:not(.page-tabs) > li > a {
            font: normal 2.2rem fontBold, arial, sans-serif;
            color: #8d8d8d !important;
            background: transparent none !important;
            text-align: center;
            display: block;
            padding: 0 10px 10px;
            border: none;
        }

            .innerpages .nav-tabs:not(.page-tabs) > li > a i {
                font-size: 2.2rem;
            }

    .innerpages .nav-tabs:not(.page-tabs).nav-tabs2 > li {
        width: calc(100%/2);
    }

    .innerpages .nav-tabs:not(.page-tabs).nav-tabs3 > li {
        width: calc(100%/3);
    }

    .innerpages .nav-tabs:not(.page-tabs).nav-tabs4 > li {
        width: calc(100%/4);
    }

    .innerpages .nav-tabs:not(.page-tabs).nav-tabs5 > li {
        width: calc(100%/5);
    }

    .innerpages .nav-tabs:not(.page-tabs).nav-tabs6 > li {
        width: calc(100%/6);
    }

.innerpages .tab-content {
    min-height: 340px;
    padding: 30px 25px;
}

.innerpages .tab-pane {
    padding-top: 10px;
}

.innerpages .warning {
    background: #fdf6e1 url('../images/infoIcon.png') right center no-repeat;
    border: 1px solid #298ebd;
    padding: 15px 90px 15px 50px;
    font: normal 14px fontReg, arial, sans-serif;
    color: #298ebd;
    border-radius: 0;
    margin: 10px 0;
}

    .innerpages .warning.warning1 {
        background-color: #464749;
        border-color: #464749;
        color: #fff;
        border-radius: 0;
    }

    .innerpages .warning.warning2 {
        background-color: #0096b6;
        border-color: #0096b6;
        color: #fff;
        border-radius: 0;
    }

    .innerpages .warning.warning3 {
        background: #ffea98 url('../images/infoIcon2.png') right center no-repeat;
        border-color: #ffea98;
        color: #464749;
    }

    .innerpages .warning.warningError {
        background: #d96648 url('../images/infoIcon4.png') right center no-repeat;
        border-color: #d96648;
        color: #fff;
    }

    .innerpages .warning.warningSuccess {
        background: #228b5e url('../images/infoIcon3.png') right center no-repeat;
        border-color: #228b5e;
        color: #fff;
    }

.innerpages .table, .innerpages .grid {
    width: 100%;
}

    .innerpages .table > thead > tr > th, .innerpages .grid > thead > tr > th, .innerpages .table > tbody > tr > th, .innerpages .grid > tbody > tr > th {
        background: #228b5e;
        font: normal 1.8rem fontBold, arial, sans-serif;
        color: #fff;
        text-align: center;
        border: 1px solid #fff;
        vertical-align: middle;
        padding: 10px 15px;
    }

        .innerpages .table > thead > tr > th div, .innerpages .grid > thead > tr > th div, .innerpages .table > tbody > tr > th div, .innerpages .grid > tbody > tr > th div, .innerpages .table > thead > tr > th p, .innerpages .grid > thead > tr > th p, .innerpages .table > tbody > tr > th p, .innerpages .grid > tbody > tr > th p {
            font: normal 1.8rem fontBold, arial, sans-serif;
            color: #fff;
            text-align: center;
        }

    .innerpages .table > tbody > tr > td, .innerpages .grid > tbody > tr > td {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #555;
        text-align: left;
        vertical-align: middle !important;
        padding: 10px 10px;
        border: 1px solid #fff;
        padding: 10px 15px;
        transition: all .5s ease;
    }

        .innerpages .table > tbody > tr > td input[type=text], .innerpages .grid > tbody > tr > td input[type=text] {
            width: 100%;
            min-height: 30px;
        }

        .innerpages .table > tbody > tr > td input[type=file], .innerpages .grid > tbody > tr > td input[type=file] {
            width: 100%;
        }

        .innerpages .table > tbody > tr > td img, .innerpages .grid > tbody > tr > td img {
            max-width: 100%;
        }

    .innerpages .table > tbody > tr:nth-child(even), .innerpages .grid > tbody > tr:nth-child(even) {
        background-color: #fff;
    }

    .innerpages .table > tbody > tr:nth-child(odd), .innerpages .grid > tbody > tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

    .innerpages .table > tbody > tr:hover > td, .innerpages .grid > tbody > tr:hover > td {
        background-color: #cfebf1;
    }

    .innerpages .table a, .innerpages .grid a {
        color: #228b5e;
        text-decoration: underline;
        font: normal 1.5rem fontReg, arial, sans-serif;
    }

.innerpages .sidetable {
    width: 100%;
}

    .innerpages .sidetable > thead > tr > th, .innerpages .sidetable > tbody > tr > th {
        background: #266891;
        font: normal 16px fontBold, arial, sans-serif;
        color: #fff;
        text-align: right;
        border: 1px solid #fff;
        vertical-align: middle;
        padding: 15px 15px;
        width: 25%;
        border: 1px solid #ddd;
    }

    .innerpages .sidetable > tbody > tr > td {
        font: normal 15px fontBold, arial, sans-serif;
        color: #555;
        text-align: left;
        vertical-align: middle !important;
        padding: 10px 10px;
        border: 1px solid #fff;
        padding: 15px 15px;
        transition: all .5s ease;
        border: 1px solid #ddd;
    }

        .innerpages .sidetable > tbody > tr > td input[type=text] {
            width: 100%;
            min-height: 30px;
        }

        .innerpages .sidetable > tbody > tr > td input[type=file] {
            width: 100%;
        }

    .innerpages .sidetable > tbody > tr:nth-child(even) {
        background-color: #f6f6f6;
    }

    .innerpages .sidetable > tbody > tr:nth-child(odd) {
        background-color: #fff;
    }

    .innerpages .sidetable a {
        color: #298ebd;
        text-decoration: underline;
    }

    .innerpages .sidetable td.text-center, .innerpages .sidetable th.text-center {
        text-align: center;
    }

    .innerpages .sidetable .hdrRow {
        background: #fff;
    }

        .innerpages .sidetable .hdrRow td, .innerpages .sidetable .hdrRow th {
            background: #fff;
            text-align: center !important;
            color: #555;
            border: none;
        }

.innerpages .tableWrapper {
    max-width: 100%;
    overflow: auto;
}

.innerpages ul.pagination {
    text-align: center;
    display: inline-block;
}

    .innerpages ul.pagination li {
        display: inline-block;
        vertical-align: middle;
    }

        .innerpages ul.pagination li:before {
            display: none !important;
        }

        .innerpages ul.pagination li a {
            font: normal 15px/15px fontReg, arial, sans-serif;
            color: #9a6a3c;
            background-color: #fff;
            padding: 6px 3px;
            height: 28px;
            min-width: 28px;
            margin: 4px !important;
            border-color: #d6e1e5 !important;
            margin-left: -1px !important;
            text-align: center;
            transition: all .3s ease;
            display: inline-block;
            border-radius: 4px;
            border: 1px solid #9a6a3c !important;
        }

            .innerpages ul.pagination li a:hover {
                background-color: #ba834f;
                color: #fff;
            }

            .innerpages ul.pagination li a:active {
                background-color: #9a6a3c !important;
                color: #fff !important;
            }

            .innerpages ul.pagination li a i {
                font-size: 26px;
                line-height: 16px;
                color: #9a6a3c !important;
            }

                .innerpages ul.pagination li a i:before {
                    font-size: 26px;
                    line-height: 16px;
                }

        .innerpages ul.pagination li.active a, .innerpages ul.pagination li.active a:hover {
            background-color: #9a6a3c !important;
            color: #fff !important;
        }

        .innerpages ul.pagination li.disabled a {
            background-color: #bdbdbd;
            color: #298ebd;
        }

            .innerpages ul.pagination li.disabled a:hover {
                background-color: #bdbdbd;
                color: #298ebd;
            }

        .innerpages ul.pagination li.first a, .innerpages ul.pagination li.last a, .innerpages ul.pagination li.previous a, .innerpages ul.pagination li.next a, .innerpages ul.pagination li.First a, .innerpages ul.pagination li.Last a, .innerpages ul.pagination li.Previous a, .innerpages ul.pagination li.Next a {
            background-color: #fff !important;
            border: none !important;
        }

            .innerpages ul.pagination li.first a i, .innerpages ul.pagination li.last a i, .innerpages ul.pagination li.previous a i, .innerpages ul.pagination li.next a i, .innerpages ul.pagination li.First a i, .innerpages ul.pagination li.Last a i, .innerpages ul.pagination li.Previous a i, .innerpages ul.pagination li.Next a i {
                color: #9a6a3c;
                font-size: 26px;
            }

        .innerpages ul.pagination li.first.disabled a, .innerpages ul.pagination li.last.disabled a, .innerpages ul.pagination li.previous.disabled a, .innerpages ul.pagination li.next.disabled a, .innerpages ul.pagination li.First.disabled a, .innerpages ul.pagination li.Last.disabled a, .innerpages ul.pagination li.Previous.disabled a, .innerpages ul.pagination li.Next.disabled a {
            background-color: #fff !important;
            border: none !important;
        }

            .innerpages ul.pagination li.first.disabled a i, .innerpages ul.pagination li.last.disabled a i, .innerpages ul.pagination li.previous.disabled a i, .innerpages ul.pagination li.next.disabled a i, .innerpages ul.pagination li.First.disabled a i, .innerpages ul.pagination li.Last.disabled a i, .innerpages ul.pagination li.Previous.disabled a i, .innerpages ul.pagination li.Next.disabled a i {
                color: #94b2bf;
                font-size: 26px;
            }

.innerpages .nav-pager {
    margin: 0 auto;
    text-align: center;
}

.innerpages div.pagination {
    text-align: center;
    margin: 20px auto;
    display: inline-block;
}

    .innerpages div.pagination a, .innerpages div.pagination .default-pager-current, .innerpages div.pagination span {
        font: normal 15px/15px fontReg, arial, sans-serif;
        color: #9a6a3c;
        background-color: #fff;
        padding: 6px 3px;
        height: 28px;
        min-width: 28px;
        margin: 4px !important;
        border-color: #d6e1e5 !important;
        margin-left: -1px !important;
        text-align: center;
        transition: all .3s ease;
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #9a6a3c !important;
    }

        .innerpages div.pagination a:hover, .innerpages div.pagination .default-pager-current:hover, .innerpages div.pagination span:hover {
            background-color: #ba834f;
            color: #fff;
        }

        .innerpages div.pagination a i, .innerpages div.pagination .default-pager-current i, .innerpages div.pagination span i {
            font-size: 26px;
            line-height: 16px;
            color: #9a6a3c !important;
        }

            .innerpages div.pagination a i:before, .innerpages div.pagination .default-pager-current i:before, .innerpages div.pagination span i:before {
                font-size: 26px;
                line-height: 16px;
            }

        .innerpages div.pagination a.Last:before, .innerpages div.pagination .default-pager-current.Last:before, .innerpages div.pagination span.Last:before {
            content: '';
            font-size: 26px;
            line-height: 16px;
            font-family: "saso-icons";
            color: #9a6a3c;
        }

        .innerpages div.pagination a.Next:before, .innerpages div.pagination .default-pager-current.Next:before, .innerpages div.pagination span.Next:before {
            content: '';
            font-size: 26px;
            line-height: 16px;
            font-family: "saso-icons";
            color: #9a6a3c;
        }

        .innerpages div.pagination a.Previous:before, .innerpages div.pagination .default-pager-current.Previous:before, .innerpages div.pagination span.Previous:before {
            content: '';
            font-size: 26px;
            line-height: 16px;
            font-family: "saso-icons";
            color: #9a6a3c;
        }

        .innerpages div.pagination a.First:before, .innerpages div.pagination .default-pager-current.First:before, .innerpages div.pagination span.First:before {
            content: '';
            font-size: 26px;
            line-height: 16px;
            font-family: "saso-icons";
            color: #9a6a3c;
        }

        .innerpages div.pagination a.disabled a, .innerpages div.pagination .default-pager-current.disabled a, .innerpages div.pagination span.disabled a {
            background-color: #bdbdbd;
            color: #298ebd;
        }

            .innerpages div.pagination a.disabled a:hover, .innerpages div.pagination .default-pager-current.disabled a:hover, .innerpages div.pagination span.disabled a:hover {
                background-color: #bdbdbd;
                color: #298ebd;
            }

        .innerpages div.pagination a.first, .innerpages div.pagination .default-pager-current.first, .innerpages div.pagination span.first, .innerpages div.pagination a.last, .innerpages div.pagination .default-pager-current.last, .innerpages div.pagination span.last, .innerpages div.pagination a.previous, .innerpages div.pagination .default-pager-current.previous, .innerpages div.pagination span.previous, .innerpages div.pagination a.next, .innerpages div.pagination .default-pager-current.next, .innerpages div.pagination span.next, .innerpages div.pagination a.First, .innerpages div.pagination .default-pager-current.First, .innerpages div.pagination span.First, .innerpages div.pagination a.Last, .innerpages div.pagination .default-pager-current.Last, .innerpages div.pagination span.Last, .innerpages div.pagination a.Previous, .innerpages div.pagination .default-pager-current.Previous, .innerpages div.pagination span.Previous, .innerpages div.pagination a.Next, .innerpages div.pagination .default-pager-current.Next, .innerpages div.pagination span.Next, .innerpages div.pagination a:last-child, .innerpages div.pagination .default-pager-current:last-child, .innerpages div.pagination span:last-child, .innerpages div.pagination a:first-child, .innerpages div.pagination .default-pager-current:first-child, .innerpages div.pagination span:first-child {
            background-color: #fff !important;
            border: none !important;
            vertical-align: bottom;
        }

            .innerpages div.pagination a.first i, .innerpages div.pagination .default-pager-current.first i, .innerpages div.pagination span.first i, .innerpages div.pagination a.last i, .innerpages div.pagination .default-pager-current.last i, .innerpages div.pagination span.last i, .innerpages div.pagination a.previous i, .innerpages div.pagination .default-pager-current.previous i, .innerpages div.pagination span.previous i, .innerpages div.pagination a.next i, .innerpages div.pagination .default-pager-current.next i, .innerpages div.pagination span.next i, .innerpages div.pagination a.First i, .innerpages div.pagination .default-pager-current.First i, .innerpages div.pagination span.First i, .innerpages div.pagination a.Last i, .innerpages div.pagination .default-pager-current.Last i, .innerpages div.pagination span.Last i, .innerpages div.pagination a.Previous i, .innerpages div.pagination .default-pager-current.Previous i, .innerpages div.pagination span.Previous i, .innerpages div.pagination a.Next i, .innerpages div.pagination .default-pager-current.Next i, .innerpages div.pagination span.Next i, .innerpages div.pagination a:last-child i, .innerpages div.pagination .default-pager-current:last-child i, .innerpages div.pagination span:last-child i, .innerpages div.pagination a:first-child i, .innerpages div.pagination .default-pager-current:first-child i, .innerpages div.pagination span:first-child i {
                color: #18754d;
                font-size: 26px;
                margin-bottom: 0;
            }

            .innerpages div.pagination a.first.disabled, .innerpages div.pagination .default-pager-current.first.disabled, .innerpages div.pagination span.first.disabled, .innerpages div.pagination a.last.disabled, .innerpages div.pagination .default-pager-current.last.disabled, .innerpages div.pagination span.last.disabled, .innerpages div.pagination a.previous.disabled, .innerpages div.pagination .default-pager-current.previous.disabled, .innerpages div.pagination span.previous.disabled, .innerpages div.pagination a.next.disabled, .innerpages div.pagination .default-pager-current.next.disabled, .innerpages div.pagination span.next.disabled, .innerpages div.pagination a.First.disabled, .innerpages div.pagination .default-pager-current.First.disabled, .innerpages div.pagination span.First.disabled, .innerpages div.pagination a.Last.disabled, .innerpages div.pagination .default-pager-current.Last.disabled, .innerpages div.pagination span.Last.disabled, .innerpages div.pagination a.Previous.disabled, .innerpages div.pagination .default-pager-current.Previous.disabled, .innerpages div.pagination span.Previous.disabled, .innerpages div.pagination a.Next.disabled, .innerpages div.pagination .default-pager-current.Next.disabled, .innerpages div.pagination span.Next.disabled, .innerpages div.pagination a:last-child.disabled, .innerpages div.pagination .default-pager-current:last-child.disabled, .innerpages div.pagination span:last-child.disabled, .innerpages div.pagination a:first-child.disabled, .innerpages div.pagination .default-pager-current:first-child.disabled, .innerpages div.pagination span:first-child.disabled {
                background-color: #fff !important;
                border: none !important;
            }

                .innerpages div.pagination a.first.disabled i, .innerpages div.pagination .default-pager-current.first.disabled i, .innerpages div.pagination span.first.disabled i, .innerpages div.pagination a.last.disabled i, .innerpages div.pagination .default-pager-current.last.disabled i, .innerpages div.pagination span.last.disabled i, .innerpages div.pagination a.previous.disabled i, .innerpages div.pagination .default-pager-current.previous.disabled i, .innerpages div.pagination span.previous.disabled i, .innerpages div.pagination a.next.disabled i, .innerpages div.pagination .default-pager-current.next.disabled i, .innerpages div.pagination span.next.disabled i, .innerpages div.pagination a.First.disabled i, .innerpages div.pagination .default-pager-current.First.disabled i, .innerpages div.pagination span.First.disabled i, .innerpages div.pagination a.Last.disabled i, .innerpages div.pagination .default-pager-current.Last.disabled i, .innerpages div.pagination span.Last.disabled i, .innerpages div.pagination a.Previous.disabled i, .innerpages div.pagination .default-pager-current.Previous.disabled i, .innerpages div.pagination span.Previous.disabled i, .innerpages div.pagination a.Next.disabled i, .innerpages div.pagination .default-pager-current.Next.disabled i, .innerpages div.pagination span.Next.disabled i, .innerpages div.pagination a:last-child.disabled i, .innerpages div.pagination .default-pager-current:last-child.disabled i, .innerpages div.pagination span:last-child.disabled i, .innerpages div.pagination a:first-child.disabled i, .innerpages div.pagination .default-pager-current:first-child.disabled i, .innerpages div.pagination span:first-child.disabled i {
                    color: #94b2bf;
                    font-size: 26px;
                }

    .innerpages div.pagination span {
        background-color: #9a6a3c !important;
        color: #fff !important;
    }

    .innerpages div.pagination .default-pager-current {
        background-color: #9a6a3c !important;
        color: #fff !important;
    }

        .innerpages div.pagination .default-pager-current:hover {
            background-color: #9a6a3c !important;
            color: #fff !important;
        }

.innerpages .shareWrapper {
    padding: 10px 0;
    margin-top: 70px;
    background: #fff;
}

    .innerpages .shareWrapper .lastEdit {
        color: #228b5e;
        font: normal 1.5rem fontReg, arial, sans-serif;
    }

        .innerpages .shareWrapper .lastEdit i {
            color: #228b5e;
            font: normal 1.5rem fontReg, arial, sans-serif;
        }

.innerpages .rateWrapper {
    text-align: left;
}

    .innerpages .rateWrapper .rating {
        display: block;
    }

    .innerpages .rateWrapper .rateVotesNoWrapper {
        display: inline-block;
        margin: 0 0 0 30px;
    }

        .innerpages .rateWrapper .rateVotesNoWrapper .ratingText {
            font: 1.5rem fontReg, arial, sans-serif;
            color: #8d8d8d;
            margin: 0 10px;
        }

        .innerpages .rateWrapper .rateVotesNoWrapper .voteNoText {
            font: 1.5rem fontReg, arial, sans-serif;
            color: #228b5e;
        }

    .innerpages .rateWrapper .sendComment {
        color: #228b5e;
        font: normal 1.5rem fontReg, arial, sans-serif;
        display: inline-block;
        background: #fff;
        padding: 6px 15px;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .13);
        border-radius: 30px;
        transition: all .3s ease;
    }

        .innerpages .rateWrapper .sendComment i {
            color: #228b5e;
            font: normal 1.7rem fontReg, arial, sans-serif;
            margin-left: 5px;
            transition: all .3s ease;
        }

        .innerpages .rateWrapper .sendComment:hover {
            color: #fff;
            background: #228b5e;
        }

            .innerpages .rateWrapper .sendComment:hover i {
                color: #fff;
            }

    .innerpages .rateWrapper .icon-star:before {
        font-family: "saso-icons";
        content: '';
    }

    .innerpages .rateWrapper .icon-star.active:before {
        font-family: "saso-icons";
        content: '';
    }

    .innerpages .rateWrapper .icon-star.active.icon-star-half-alt:before {
        content: '';
    }

.innerpages .service-rating {
    border: 1px #228b5e solid;
    width: 172px;
    margin: 15px auto 0;
    border-radius: 50px;
    max-height: 33px;
}

.innerpages .rating {
    cursor: pointer;
}

    .innerpages .rating .ratingText {
        font: 1.5rem fontReg, arial, sans-serif;
        color: #8d8d8d;
        margin: 0 10px;
    }

@media(max-width:1199px) {
    .innerpages .rating .ratingText {
        display: none;
    }
}

.innerpages .rating .ratingText.ratecount {
    display: inline-block;
}

.innerpages .rating i {
    display: inline-block;
    position: relative;
    margin-right: -5px;
    color: #228b5e;
    font-size: 18px;
    line-height: 33px;
    font-size: 16px;
}

.innerpages .contentTopBtns {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    box-shadow: 0 25px 30px -20px rgba(0, 0, 0, .1);
    margin-top: -30px;
}

    .innerpages .contentTopBtns a {
        text-align: center;
        padding: 10px 30px 5px;
        color: #298ebd !important;
        transition: all .3s ease;
        font: normal 14px fontReg, arial, sans-serif;
        border-right: 1px solid #cfcdd7;
        display: inline-block;
    }

        .innerpages .contentTopBtns a:hover {
            color: #298ebd !important;
        }

        .innerpages .contentTopBtns a:first-child {
            border: none;
        }

        .innerpages .contentTopBtns a i {
            display: block;
            font-size: 24px;
            margin-bottom: 5px;
        }

.innerpages .radio label {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
}

    .innerpages .radio label input {
        position: absolute !important;
        opacity: 0;
    }

        .innerpages .radio label input:checked ~ .checkmark {
            border-color: #18754d;
        }

            .innerpages .radio label input:checked ~ .checkmark:after {
                display: block;
            }

    .innerpages .radio label:hover input ~ .checkmark {
        border-color: #18754d;
    }

.innerpages .radio .checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: #ccc solid 1px;
}

    .innerpages .radio .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        top: 2px;
        right: 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #18754d;
    }

.innerpages .checkbox label {
    display: block;
    position: relative;
    padding-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
}

    .innerpages .checkbox label input {
        position: absolute !important;
        opacity: 0;
    }

        .innerpages .checkbox label input:checked ~ .checkmark {
            border-color: #18764e;
            background: #18754d;
        }

            .innerpages .checkbox label input:checked ~ .checkmark:after {
                display: block;
            }

    .innerpages .checkbox label:hover input ~ .checkmark {
        border-color: #18754d;
    }

.innerpages .checkbox .checkmark {
    position: absolute;
    top: 1px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px #ccc solid;
}

    .innerpages .checkbox .checkmark:after {
        content: "";
        font-family: saso-icons;
        font-size: 8px;
        position: absolute;
        display: none;
        top: 3px;
        right: 2px;
        color: #fff;
    }

.innerpages .captcha-wrapper input.form-control {
    margin-top: 10px;
}

.innerpages .captcha-wrapper .control-label {
    margin-top: 10px;
}

.innerpages .captcha-wrapper .capcha-img {
    float: right;
}

    .innerpages .captcha-wrapper .capcha-img img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
        max-height: 56px;
    }

.innerpages .captcha-wrapper .capchatools {
    display: inline-block;
    width: 25px;
    margin-right: 5px;
}

    .innerpages .captcha-wrapper .capchatools .reload, .innerpages .captcha-wrapper .capchatools .listen {
        display: block;
        border-radius: 2px;
        background-color: #0096b6;
        width: 25px;
        height: 25px;
        font-size: 1.143em;
        line-height: 1.929em;
        color: #fff;
        text-align: center;
        margin: 0 0 6px;
    }

        .innerpages .captcha-wrapper .capchatools .reload:hover, .innerpages .captcha-wrapper .capchatools .listen:hover {
            background: #00b8df;
        }

        .innerpages .captcha-wrapper .capchatools .reload:active, .innerpages .captcha-wrapper .capchatools .listen:active {
            background: #00748d;
        }

    .innerpages .captcha-wrapper .capchatools .listen {
        line-height: 26px;
    }

.innerpages .lightgreenContainer {
    background: #f7faf8;
}

.innerpages .lightgrayContainer {
    background: #f1f1f1;
    border-radius: 20px;
}

.innerpages .fileupload {
    position: relative;
    padding: 15px 0;
    height: 85px;
    text-align: center;
}

    .innerpages .fileupload input {
        position: relative;
        opacity: 0;
        cursor: pointer;
        width: 240px;
        height: 55px;
        margin: 0 auto !important;
        display: block;
        z-index: 1;
    }

    .innerpages .fileupload .upload {
        position: relative;
        width: 240px;
        height: 55px;
        font-size: 1.143em;
        line-height: 55px;
        display: inline-block;
        margin: 0 auto;
        top: -55px;
        color: #fff;
        background-color: #228b5e;
        border-radius: 27px;
        text-align: center;
    }

        .innerpages .fileupload .upload i[class^="icon-"] {
            font-size: 1.286em;
            margin-right: 5px;
        }

.innerpages .btngroup {
    padding: 25px 0;
}

.innerpages .serv-search {
    background: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10,  101,  98)' d='M18.999, 18.043 L14.464, 13.372 C15.777, 11.950 16.577, 10.076 16.577, 8.022 C16.577, 3.595 12.861, -0.006 8.293, -0.006 C3.725, -0.006 0.008, 3.595 0.008, 8.022 C0.008, 12.449 3.725, 16.051 8.293, 16.051 C10.224, 16.051 12.002, 15.405 13.413, 14.327 L17.950, 19.000 L18.999, 18.043 ZM1.449, 8.022 C1.449, 4.365 4.519, 1.391 8.293, 1.391 C12.066, 1.391 15.136, 4.365 15.136, 8.022 C15.136, 11.679 12.066, 14.655 8.293, 14.655 C4.519, 14.655 1.449, 11.679 1.449, 8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px; padding-left: 35px;
}

.innerpages .ui-autocomplete {
    border: none !important;
    background: #fff;
    overflow: hidden;
    transform: translate(0, 20px);
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .13);
}

    .innerpages .ui-autocomplete * {
        color: #18754d !important;
        font: normal 1em fontReg, arial, sans-serif;
    }

    .innerpages .ui-autocomplete .ui-state-active {
        color: #fff !important;
        background: #529c44;
        border-color: #529d44;
    }

.innerpages .servicefilter-Wrapper .filter-btn, .innerpages .opendatafilter-Wrapper .filter-btn {
    position: relative;
    padding: 1px 16px;
    background: #f5f5f6;
    margin: 0 4px 0 0;
    display: inline-block;
    text-align: center;
    border-radius: 26px;
    font: 13px fontReg, arial, sans-serif;
    color: #666;
    transition: all .5s ease;
}

    .innerpages .servicefilter-Wrapper .filter-btn i[class^="icon-"], .innerpages .opendatafilter-Wrapper .filter-btn i[class^="icon-"] {
        font-size: 1.143em;
    }

    .innerpages .servicefilter-Wrapper .filter-btn:hover, .innerpages .opendatafilter-Wrapper .filter-btn:hover {
        background: #e8e8ea;
    }

    .innerpages .servicefilter-Wrapper .filter-btn.mixitup-control-active, .innerpages .opendatafilter-Wrapper .filter-btn.mixitup-control-active, .innerpages .servicefilter-Wrapper .filter-btn.control-active, .innerpages .opendatafilter-Wrapper .filter-btn.control-active {
        background: #18754d;
        color: #fff;
    }

.select2-dropdown {
    border-radius: 20px !important;
    border: none;
    box-shadow: 0 3px 25px 3px rgba(0, 0, 0, .1);
    padding: 20px;
}

    .select2-dropdown .select2-results__option {
        color: #555;
        font: normal 1.4rem fontReg, arial, sans-serif;
        padding: 10px 5px;
        border-top: #d9d9d9 solid 1px;
    }

        .select2-dropdown .select2-results__option:first-child {
            border-top: none !important;
        }

        .select2-dropdown .select2-results__option.select2-results__option--highlighted {
            background-color: rgba(34, 139, 94, .08);
            color: #228b5e;
        }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}

.service-catalog-wrapper, .opendata-wrapper {
    padding-top: 45px;
}

.service-card {
    width: 100%;
    height: 278px;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .13);
    margin-bottom: 40px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align: center;
    transition: all .5s ease;
}

    .service-card:before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: #18754d;
        right: 0;
        bottom: -278px;
        border-radius: 0;
        transition: all .5s ease;
    }

    .service-card .serv-icon {
        padding: 70px 0 0;
        height: 130px;
        position: relative;
        opacity: 1;
        text-align: center;
        transition: all .5s ease;
    }

    .service-card img {
        display: inline-block;
        max-height: 75px;
        max-width: 170px;
    }

    .service-card h5 {
        padding: 0 5px;
        font-size: 1em;
        margin-top: 45px;
        margin-bottom: 60px;
        text-align: center;
        transition: all .5s ease;
        color: #666;
        position: relative;
    }

    .service-card p {
        position: relative;
        text-align: center;
        padding: 5px 20px;
        padding-top: 10px;
        opacity: 0;
        transition: all .3s ease;
        font-size: 13px;
        color: #fff;
    }

    .service-card .service-btn-wrapper {
        position: absolute;
        width: 100%;
        height: 71px;
        left: 0;
        z-index: 2;
        overflow: hidden;
        bottom: 0;
    }

        .service-card .service-btn-wrapper .serv-btn {
            text-align: center;
            color: #fff;
            font: normal 1em/2.5 fontReg, arial, sans-serif;
            border-radius: 35px;
            width: 75%;
            margin: 0 1%;
            height: 35px;
            background: #0096b6;
            position: relative;
            display: inline-block;
            transition: all .3s ease;
            opacity: 0;
            margin-top: 5px;
        }

            .service-card .service-btn-wrapper .serv-btn.orange {
                background: #ff2c00;
            }

    .service-card:hover {
        box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .13);
    }

        .service-card:hover:before {
            bottom: 0;
        }

        .service-card:hover .serv-icon {
            margin-top: -130px;
            opacity: 0;
        }

        .service-card:hover h5 {
            color: #fff;
            margin-top: 35px;
            margin-bottom: 8px;
        }

        .service-card:hover p {
            transition-delay: .2s;
            opacity: 1;
            padding-top: 5px;
        }

        .service-card:hover .serv-btn {
            transition-delay: .35s;
            opacity: 1;
            margin-top: 10px;
        }

.service-logo-start {
    background: #fff;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 40px 15px 20px;
}

    .service-logo-start .service-logo .servicon, .service-logo-start .service-logo .servtitle {
        display: block;
        text-align: center;
    }

    .service-logo-start .service-logo .servtitle {
        margin-top: 15px;
        font: 1em fontBold, arial, sans-serif;
        color: #18754d;
    }

    .service-logo-start .service-logo .servicon {
        height: 90px;
    }

        .service-logo-start .service-logo .servicon img {
            max-height: 100%;
        }

    .service-logo-start .rateWrapper {
        text-align: center;
    }

.service-FAQ {
    min-height: 33px;
    width: 172px;
    text-align: center;
    margin: 15px auto 0;
    border: 1px solid #18754d;
    border-radius: 50px;
    padding: 6px 6px 4px;
    max-width: 90%;
    display: block;
    color: #18754d;
    font: normal 1em/1.429 fontReg, arial, sans-serif;
    transition: all .3s ease;
}

    .service-FAQ:hover {
        background: #0096b6;
        color: #fff;
        border-color: #0097b7;
    }

.start-servicebtn {
    margin-top: 33px;
    margin-bottom: 30px;
    font: 30px/70px fontBold, arial, sans-serif;
    display: block;
    text-align: center;
    background: #0096b6;
    border-radius: 10px;
    color: #fff !important;
    box-shadow: 0 5px 35px rgba(0, 0, 0, .2);
    transition: all .3s ease;
}

    .start-servicebtn .icon-service-strat {
        font-size: 45px;
        height: 47px;
        position: relative;
        top: 3px;
        color: #fff;
    }

    .start-servicebtn:hover {
        background: #228b5e;
        color: #fff !important;
    }

    .start-servicebtn:active {
        background: #18754d;
        color: #fff !important;
    }

    .start-servicebtn:active, .start-servicebtn:visited, .start-servicebtn:focus {
        color: #fff !important;
    }

    .start-servicebtn.albumLnk {
        font-size: 24px;
    }

.download-serviceguide {
    margin-top: 33px;
    margin-bottom: 30px;
    font: 1.286em/5em fontBold, arial, sans-serif;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    color: #0096b6 !important;
    box-shadow: 0 5px 35px rgba(0, 0, 0, .2);
    transition: all .3s ease;
}

    .download-serviceguide [class^='icon-'] {
        font-size: 1.786em;
        position: relative;
        top: 3px;
        left: 8px;
        color: #0096b6;
        transition: all .3s ease;
    }

    .download-serviceguide:hover {
        color: #ff2c00 !important;
    }

        .download-serviceguide:hover [class^='icon-'] {
            color: #ff2c00 !important;
        }

.service-description {
    padding-left: 50px;
    padding-right: 15px;
    position: relative;
}

    .service-description h2 {
        font: 1.786em fontBold, arial, sans-serif !important;
        color: #0096b6 !important;
        position: relative;
        padding: 0;
    }

    .service-description .servd-icon {
        margin-left: -45px;
        font-size: 29px !important;
        position: absolute;
        top: 0;
    }

    .service-description h5 {
        font: 110% fontBold, arial, sans-serif;
        color: #9a6a3c;
        margin: 10px 0;
    }

.service-working-method {
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    background: #f0f6f2;
    padding: 30px 15px 30px 50px;
    border-radius: 30px;
}

    .service-working-method h2 {
        font: 1.786em fontBold, arial, sans-serif !important;
        color: #0096b6;
        position: relative;
        padding-left: 0;
    }

    .service-working-method .servm-icon {
        margin-left: -40px;
        font-size: 29px !important;
        position: absolute;
        top: 9px;
    }

    .service-working-method h5 {
        font: 110% fontBold, arial, sans-serif;
        color: #9a6a3c;
        margin: 10px 0;
    }

.complain {
    text-align: right;
}

body .numeric-timeline {
    counter-reset: section;
    margin: 30px 60px 0 0;
    padding-right: 0 !important;
}

    body .numeric-timeline li {
        font: 1.071em fontBold, arial, sans-serif;
        color: #666;
        position: relative;
        padding-right: 50px;
        padding-bottom: 30px;
        list-style: none !important;
    }

        body .numeric-timeline li:before {
            counter-increment: section;
            content: counters(section, ".") " ";
            display: inline-block;
            margin-left: 20px;
            width: 35px;
            height: 35px;
            background: #ff2c00;
            font: bold 1.786em fontBold, arial, sans-serif;
            line-height: 35px;
            color: #fff;
            text-align: center;
            border-radius: 35px;
            position: absolute;
            right: 0;
        }

        body .numeric-timeline li:after {
            display: block;
            width: 1px;
            height: calc(100% - 35px);
            content: '';
            border-left: 1px rgba(24, 117, 77, .4) dashed;
            position: absolute;
            right: 17px;
            top: 35px;
        }

        body .numeric-timeline li:last-child:after {
            display: none;
        }

        body .numeric-timeline li a {
            color: inherit;
            transition: all .3s ease;
        }

            body .numeric-timeline li a:hover {
                color: #0096b6;
            }

    body .numeric-timeline.numeric-list {
        margin: 30px 20px 0 0;
    }

        body .numeric-timeline.numeric-list li {
            font: 1em fontReg, arial, sans-serif;
            padding-bottom: 20px;
            list-style: none !important;
        }

.branch-hero-link {
    display: block;
    background: #f4f6f5;
    border-radius: 4px;
    padding: 35px 15px;
    margin-bottom: 25px;
    transition: all .5s ease;
}

    .branch-hero-link > span {
        display: block;
        text-align: center;
        color: #0096b6;
        transition: all .3s ease;
    }

    .branch-hero-link .icon {
        font-size: 4.286em;
        line-height: 100px;
    }

    .branch-hero-link .text {
        font: 2.857em fontBold, arial, sans-serif;
    }

    .branch-hero-link:hover {
        background: #0096b6;
        box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .35);
    }

        .branch-hero-link:hover > span {
            color: #fff !important;
            transform: translateY(-10px);
        }

    .branch-hero-link.guides-link .icon {
        font-size: 3.214em;
    }

    .branch-hero-link.guides-link .text {
        font-size: 1.857em;
    }

    .branch-hero-link.deparment-box {
        min-height: 260px;
    }

        .branch-hero-link.deparment-box .text {
            font-size: 1.571em;
        }

        .branch-hero-link.deparment-box .icon {
            color: #777;
            font-size: 3.214em;
        }

.map-btn-wrapper {
    min-height: 210px;
    background: #fff;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 25px;
}

    .map-btn-wrapper .map-header {
        margin-bottom: 15px;
    }

.map-btn {
    margin: 28px 5px 15px;
    padding: 0 12px;
    font: 19px/70px fontBold, arial, sans-serif;
    display: block;
    text-align: center;
    background: #0096b6;
    border-radius: 10px;
    color: #fff !important;
    box-shadow: 0 5px 35px rgba(0, 0, 0, .2);
    transition: all .3s ease;
}

    .map-btn [class^="icon-"] {
        font-size: 30px;
        height: 47px;
        position: relative;
        top: 3px;
        margin-right: 5px;
        color: #fff;
    }

    .map-btn:hover {
        background: #ff2c00;
        color: #fff !important;
    }

    .map-btn:active {
        background: #18754d;
        color: #fff !important;
    }

    .map-btn:active, .map-btn:visited, .map-btn:focus {
        color: #fff !important;
    }

.banner-img-wrapper {
    margin: 0 0 35px;
    text-align: center;
}

    .banner-img-wrapper img {
        max-width: 100%;
        max-height: 320px;
        border: 14px #fff solid;
        box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .1);
        border-radius: 10px;
    }

.map-wrapper {
    padding: 25px;
    margin-bottom: 50px;
    border-radius: 10px;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .1);
}

.attaches-flag-wrapper {
    margin-bottom: 20px;
}

    .attaches-flag-wrapper .attache-item {
        border: rgba(255, 255, 255, .9999999) solid 1px;
        display: inline-block;
        text-align: right;
        padding-top: 8px;
        width: 145px;
        height: 44px;
        margin-left: 14px;
        margin-bottom: 20px;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .17);
        font: 1em fontReg, arial, sans-serif;
        color: #529c44;
        transition: all .3s ease;
    }

@media(min-width:1024px) {
    .attaches-flag-wrapper .attache-item {
        width: calc(100%/7.94);
    }
}

.attaches-flag-wrapper .attache-item img {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.attaches-flag-wrapper .attache-item:hover {
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .15);
    border-color: #e6e6e6;
}

#map-canvas {
    height: 600px;
}

    #map-canvas .gm-style .gm-style-iw {
        padding: 5px 15px;
    }

    #map-canvas .gm-style > div > div > div > div > div > div > div[style*="border-radius: 2px;
    "] {
    border-radius: 19px!important;
}

#map-canvas .gm-style > div > div > div > div > div > div > div[style*="box-shadow"] {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .25) !important;
}

#map-canvas .gm-style > div > div > div > div > div > div > div > div > div[style*="skewX(22.6deg)"] {
    left: 0 !important;
    width: 16px !important;
    transform: skewX(32deg) !important;
}

#map-canvas .gm-style > div > div > div > div > div > div > div > div > div[style*="skewX(-22.6deg)"] {
    left: 0 !important;
    width: 16px !important;
    transform: skewX(-32deg) !important;
}

#map-canvas #MapPopup h4 {
    font: 1.143em fontBold, arial, sans-serif;
    color: #666;
}

#map-canvas #MapPopup h5 {
    font: 13px fontBold, arial, sans-serif;
    color: #0096b6;
}

#map-canvas #MapPopup .flag-icon {
    position: relative;
    top: 3px;
}

#map-canvas #MapPopup h6 {
    font: 12px fontBold, arial, sans-serif;
    color: #333;
}

#map-canvas #MapPopup div {
    font: 12px fontReg, arial, sans-serif;
    color: #666;
}

#map-canvas #MapPopup .phone-list li, #map-canvas #MapPopup .fax-list li {
    display: inline-block;
    margin: 0 0 0 15px;
    direction: ltr;
}

    #map-canvas #MapPopup .phone-list li i[class^="icon-"], #map-canvas #MapPopup .fax-list li i[class^="icon-"] {
        font-size: 13px;
        color: #0096b6;
    }

#map-canvas #MapPopup .website a {
    color: #0096b6;
}

    #map-canvas #MapPopup .website a i[class^="icon-"] {
        font-size: 13px;
    }

#map-canvas #MapPopup .branch-email a, #map-canvas #MapPopup .gm-location a {
    font: 1em fontReg, arial, sans-serif;
    color: #0096b6;
    white-space: nowrap;
}

    #map-canvas #MapPopup .branch-email a i[class^="icon-"], #map-canvas #MapPopup .gm-location a i[class^="icon-"] {
        font-size: 20px;
        color: #666;
        margin-right: 5px;
    }

.branches_search {
    padding: 10px 0 60px;
}

    .branches_search .bsearch-label {
        font: 14px fontBold, arial, sans-serif;
        color: #ff2c00;
        margin: 10px 0;
    }

    .branches_search .serv-search {
        min-height: 50px;
        background-position: 10px 15px;
    }

.infoh2 {
    font-size: 1.786em;
}

.opendata-hero-link {
    margin: 25px 0;
    display: block;
    background: #f4f6f5;
    border-radius: 4px;
    padding: 45px 15px;
    margin-bottom: 25px;
    transition: all .5s ease;
}

    .opendata-hero-link > span {
        display: block;
        text-align: center;
        color: #0096b6;
        transition: all .3s ease;
    }

    .opendata-hero-link .icon {
        font-size: 80px;
        line-height: 100px;
    }

    .opendata-hero-link .text {
        font: 35px fontBold, arial, sans-serif;
    }

    .opendata-hero-link:hover {
        background: #0096b6;
        box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .35);
    }

        .opendata-hero-link:hover > span {
            color: #fff;
            transform: translateY(-10px);
        }

.opendata-card {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
}

    .opendata-card:hover {
        box-shadow: 0 18px 35px rgba(0, 0, 0, .15);
    }

    .opendata-card .infoblock {
        padding: 20px;
    }

        .opendata-card .infoblock h5 {
            min-height: 45px;
            line-height: 1.5;
        }

            .opendata-card .infoblock h5 a {
                color: #0096b6;
            }

        .opendata-card .infoblock p {
            padding: 0;
            min-height: 120px;
        }

    .opendata-card .summary {
        font: 12px fontReg, arial, sans-serif;
        color: #ff2c00;
    }

        .opendata-card .summary span {
            margin-left: 0;
            white-space: nowrap;
        }

        .opendata-card .summary [class^="icon-"] {
            font-size: 1em;
            color: #0096b6;
        }

    .opendata-card .download-files .downloadlink {
        text-align: center;
        background: #f1f1f1;
        padding: 0 25px;
        transition: all .3s ease;
    }

        .opendata-card .download-files .downloadlink [class^="icon-"] {
            font-size: 65px;
            line-height: 123px;
        }

        .opendata-card .download-files .downloadlink.xsl {
            color: #529c44;
            border-left: 2px solid #fff;
        }

            .opendata-card .download-files .downloadlink.xsl:hover {
                background: #529c44;
                color: #fff;
            }

        .opendata-card .download-files .downloadlink.xml {
            color: #ff2c00;
        }

            .opendata-card .download-files .downloadlink.xml:hover {
                background: #ff2c00;
                color: #fff;
            }

@media(min-width:992px) {
    .opendata-card {
        height: 245px;
    }

        .opendata-card .downloadlink [class^="icon-"] {
            position: relative;
            left: 28px;
        }

        .opendata-card .downloadlink.xsl {
            border-bottom: 2px solid #fff;
        }
}

@media(max-width:768px) {
    .opendata-card .downloadlink [class^="icon-"] {
        left: 15px;
    }
}

.opendata-card.inside .infoblock {
    padding: 15px;
}

@media(min-width:768px) {
    .opendata-card.inside .infoblock {
        padding: 15px 20px;
    }
}

.opendata-card.inside .summary-label, .opendata-card.inside .summary-value {
    font-size: 1em;
}

.opendata-card.inside .summary-label {
    padding: 8px 15px 8px 0;
}

    .opendata-card.inside .summary-label [class^="icon-"] {
        margin-left: 5px;
    }

.opendata-card.inside .summary-value {
    padding: 12px 15px 12px 0;
    color: #666;
}

.opendata-card.inside .alt {
    background: #f6f6f6;
    border-radius: 4px;
}

.opendata-card.inside .download-links {
    margin: 20px 0;
}

@media(min-width:992px) {
    .opendata-card.inside .download-links {
        border-right: 1px #e4e4e4 solid;
    }
}

.opendata-card.inside .download-links h5 {
    margin-bottom: 25px;
}

.opendata-card.inside .download-links a {
    display: block;
    padding: 0 5px 10px;
    border-radius: 4px;
    text-align: center;
    color: #666;
    transition: all .3s ease;
}

    .opendata-card.inside .download-links a [class^='icon-'] {
        display: block;
        font-size: 55px;
    }

    .opendata-card.inside .download-links a:hover * {
        color: #fff !important;
    }

    .opendata-card.inside .download-links a.xsl:hover {
        background: #0096b6;
    }

    .opendata-card.inside .download-links a.xml:hover {
        background: #ff2c00;
    }

.filter-dropdown {
    position: relative;
    display: inline-block;
}

    .filter-dropdown .filtermenu {
        border: 1px #eee solid;
        border-radius: 8px;
    }

        .filter-dropdown .filtermenu > li > a:focus, .filter-dropdown .filtermenu > li > a:hover {
            background: #0096b6;
            color: #fff;
            border-radius: 4px;
        }

.opendata-searchwrapper {
    position: relative;
}

    .opendata-searchwrapper .serv-search {
        background: none;
    }

    .opendata-searchwrapper .serchbtn {
        display: inline-block;
        width: 35px;
        height: 35px;
        position: absolute;
        left: 0;
        top: 0;
        background: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10,  101,  98)' d='M18.999, 18.043 L14.464, 13.372 C15.777, 11.950 16.577, 10.076 16.577, 8.022 C16.577, 3.595 12.861, -0.006 8.293, -0.006 C3.725, -0.006 0.008, 3.595 0.008, 8.022 C0.008, 12.449 3.725, 16.051 8.293, 16.051 C10.224, 16.051 12.002, 15.405 13.413, 14.327 L17.950, 19.000 L18.999, 18.043 ZM1.449, 8.022 C1.449, 4.365 4.519, 1.391 8.293, 1.391 C12.066, 1.391 15.136, 4.365 15.136, 8.022 C15.136, 11.679 12.066, 14.655 8.293, 14.655 C4.519, 14.655 1.449, 11.679 1.449, 8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px;
    }

        .opendata-searchwrapper .serchbtn:hover {
            opacity: .6;
        }

        .opendata-searchwrapper .serchbtn:active {
            opacity: 1;
        }

.photoListingItem {
    margin-bottom: 30px;
    background: #f6f6f6;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    transition: all .3s ease;
    height: 370px;
}

    .photoListingItem:before {
        content: "";
        position: absolute;
        text-align: center;
        line-height: 50px;
        font-size: 22px;
        color: #fff;
        transition: all .3s ease;
        background: #36b47e;
        border-radius: 50%;
        display: block;
        width: 60px;
        height: 60px;
        z-index: 1;
        left: calc(50% - 30px);
        top: calc(50% - 60px);
    }

    .photoListingItem:after {
        content: "";
        font-family: saso-icons;
        position: absolute;
        text-align: center;
        line-height: 50px;
        font-size: 22px;
        color: #fff;
        transition: all .3s ease;
        width: 60px;
        height: 60px;
        z-index: 1;
        left: calc(50% - 30px);
        top: calc(50% - 60px);
        padding-top: 5px;
        opacity: 1;
        transform: translateX(0);
    }

    .photoListingItem .photoListingImage {
        position: relative;
        height: 295px;
        max-width: 100%;
        overflow: hidden;
        background: #333;
        object-fit: cover;
    }

        .photoListingItem .photoListingImage img {
            display: flex;
            opacity: .75;
            width: 100%;
            height: 100%;
            transition: all .5s ease;
        }

        .photoListingItem .photoListingImage .photocount {
            position: absolute;
            padding: 5px;
            font: 1em fontReg, arial, sans-serif;
            color: #fff;
            transition: all .3s ease;
            z-index: 1;
            left: calc(50% - 30px);
            top: calc(50% - 20px);
            width: 60px;
            height: 60px;
            box-sizing: border-box;
            padding-top: 16px;
            text-align: center;
            opacity: 0;
            transform: translateX(-40px);
        }

            .photoListingItem .photoListingImage .photocount [class^='icon-'] {
                font-size: 1.143em;
                margin: 0 0;
            }

        .photoListingItem .photoListingImage:hover:before {
            transform: scale(1.5);
            opacity: 0;
        }

    .photoListingItem .photoListingTitle {
        font: 1.8rem/1.55 fontBold, arial, sans-serif;
        color: #444;
        width: 101%;
        padding: 15px 10px;
        min-height: 80px;
        transition: all .3s ease;
    }

    .photoListingItem .albumLnk {
        display: block;
    }

        .photoListingItem .albumLnk:hover img {
            opacity: 1;
            transform: scale(1.1);
        }

    .photoListingItem.fixedCaption .photoListingTitle {
        opacity: 1;
        transform: translateY(0);
    }

    .photoListingItem:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .photoListingItem:hover .photoListingTitle {
            transform: translateY(0);
            opacity: 1;
        }

        .photoListingItem:hover .photocount {
            opacity: 1;
            transform: translateX(0);
        }

        .photoListingItem:hover:after {
            opacity: 0;
            transform: translateX(-40px);
        }

        .photoListingItem:hover .photoListingTitle {
            color: #298ebd;
        }

.videoListingImage {
    transition: all .3s ease;
}

    .videoListingImage:after {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        margin-top: -30px;
        margin-right: -30px;
        width: 60px;
        height: 60px;
        z-index: 1;
        background: #36b47e url('../images/play-icon.svg') no-repeat center center;
        border-radius: 50px;
        transition: all .3s ease;
        background-size: 20px 20px;
    }

    .videoListingImage img {
        filter: brightness(70%);
    }

.videoListingItem {
    margin-bottom: 30px;
    height: 370px;
    position: relative;
    background: #f6f6f6;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 2px;
}

    .videoListingItem .videoListingImage {
        position: relative;
        height: 295px;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        object-fit: cover;
    }

        .videoListingItem .videoListingImage img {
            display: flex;
            width: 100%;
            height: 100%;
            transition: all .4s ease;
        }

        .videoListingItem .videoListingImage:hover img {
            transform: scale(1.1);
            transform-origin: center;
        }

        .videoListingItem .videoListingImage:hover:after {
            background-size: 25px 25px;
        }

    .videoListingItem .videoduration {
        display: none;
        position: absolute;
        padding: 5px 12px;
        top: 20px;
        left: -100%;
        background: #00819d;
        border-radius: 0 40px 40px 0;
        font: 1em fontReg, arial, sans-serif;
        color: #fff;
        transition: all .5s ease;
    }

        .videoListingItem .videoduration [class^='icon-'] {
            font-size: 1.143em;
        }

    .videoListingItem .fa {
        font-size: 13px;
        color: #555;
        margin-right: 4px;
    }

    .videoListingItem .videoListingTitle {
        font: 1.8rem/1.55 fontBold, arial, sans-serif;
        color: #444;
        padding: 15px 10px;
        width: 100%;
        transition: all .3s ease;
        min-height: 80px;
    }

    .videoListingItem .videoLnk:hover .videoduration {
        left: 0 !important;
    }

    .videoListingItem:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .videoListingItem:hover .videoListingTitle {
            color: #298ebd;
        }

.newsListItem {
    margin-bottom: 30px;
    border-radius: 2px;
    padding: 0;
    transition: all .5s ease;
}

    .newsListItem:after, .newsListItem:before {
        display: table;
        content: " ";
        clear: both;
    }

    .newsListItem .NewsList_Image {
        padding: 0 0;
        overflow: hidden;
        display: block;
    }

        .newsListItem .NewsList_Image img {
            min-width: 100%;
            width: 100%;
            height: 275px !important;
            display: block;
            transition: all 1s ease;
            object-fit: cover;
        }

    .newsListItem .newsTxt {
        padding: 10px 15px 10px 50px;
        transition: all .5s ease;
        height: 215px;
        margin: 30px 0 10px -60px;
        background: rgba(255, 255, 255, .9);
        border-radius: 16px;
        position: relative;
    }

        .newsListItem .newsTxt p {
            padding: 0;
        }

        .newsListItem .newsTxt .artclDate {
            color: #888 !important;
            margin: 10px 0 10px;
            transition: all .3s ease;
            transform: translateY(8px);
        }

            .newsListItem .newsTxt .artclDate i {
                position: relative;
                top: -2px;
            }

    .newsListItem h2 {
        font: 1.8rem fontBold, arial, sans-serif !important;
        color: #464749;
        margin-bottom: 5px;
        padding: 0;
        transform: translateY(10px);
        transition: all .5s ease;
    }

        .newsListItem h2 a {
            color: #464749;
            transition: all .3s ease;
            font: 1.8rem fontBold, arial, sans-serif !important;
        }

            .newsListItem h2 a:hover {
                color: #18754d;
            }

    .newsListItem p {
        font: 1.4rem/2.8rem fontReg, arial, sans-serif !important;
        color: #555;
        transform: translateY(20px);
        transition: all .5s ease;
        opacity: 0;
        padding-top: 20px;
    }

        .newsListItem p a {
            color: #18754d;
        }

            .newsListItem p a:hover {
                color: #219f69;
            }

        .newsListItem p [class^="icon-"] {
            margin-right: 5px;
        }

    .newsListItem .more {
        color: #464749;
        font: 1.6rem fontBold, arial, sans-serif !important;
        transition: all .3s ease;
        position: absolute;
        bottom: 15px;
        right: 20px;
    }

        .newsListItem .more:hover {
            color: #18754d;
        }

    .newsListItem:hover .NewsList_Image img {
        transform: scale(1.2);
        transition: all 4s ease;
    }

    .newsListItem:hover .newsTxt {
        box-shadow: 0 12px 35px rgba(0, 0, 0, .15);
        transition: all 1s ease;
    }

    .newsListItem:hover .artclDate {
        margin-top: 10px;
        transform: translateY(0);
    }

    .newsListItem:hover h2 {
        transform: translateY(0);
    }

    .newsListItem:hover p {
        transform: translateY(0);
        opacity: 1;
    }

.artclDate {
    color: #999;
    font: 1.4rem fontReg, arial, sans-serif;
    display: inline-block;
}

    .artclDate [class^="icon-"] {
        margin-left: 5px;
        color: #888;
        font-size: .929em;
    }

.survey-item {
    box-shadow: 0 12px 35px rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    border-radius: 8px;
    padding: 15px 5px;
}

    .survey-item:after, .survey-item:before {
        display: table;
        content: " ";
        clear: both;
    }

    .survey-item .newstitle {
        font: 1.2em fontBold, arial, sans-serif;
        padding: 0 5px 5px;
    }

        .survey-item .newstitle a {
            color: #0096b6;
        }

    .survey-item .morelnk {
        font: 1em fontReg, arial, sans-serif;
        color: #ff2c00;
    }

        .survey-item .morelnk [class^="icon-"] {
            display: inline-block;
            transition: all .3s ease;
        }

        .survey-item .morelnk:hover [class^="icon-"] {
            transform: translateX(-5px);
        }

    .survey-item .artclDate {
        color: #888;
    }

.surveyContainer .survey-question .title {
    font: 1.286em/1.7 fontBold, arial, sans-serif;
    color: #0096b6;
    padding: 6px 10px;
    border-bottom: 1px #eee solid;
    margin-bottom: 20px;
    background: #f2f2f2;
    border-radius: 68px;
}

    .surveyContainer .survey-question .title [class^="icon-"] {
        font-size: 26px;
        position: relative;
        top: 2px;
        color: #ff2c00;
    }

.surveyContainer .survey-question .answers {
    padding: 20px;
}

    .surveyContainer .survey-question .answers input[type=radio], .surveyContainer .survey-question .answers input[type=checkbox] {
        opacity: 0;
        position: absolute;
    }

        .surveyContainer .survey-question .answers input[type=radio] + label:before, .surveyContainer .survey-question .answers input[type=checkbox] + label:before {
            content: '';
            display: inline-block;
            margin-left: 5px;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px #ccc solid;
            position: relative;
            top: 3px;
        }

        .surveyContainer .survey-question .answers input[type=radio] + label:hover, .surveyContainer .survey-question .answers input[type=checkbox] + label:hover {
            cursor: pointer;
        }

            .surveyContainer .survey-question .answers input[type=radio] + label:hover:before, .surveyContainer .survey-question .answers input[type=checkbox] + label:hover:before {
                border-color: #0097b7;
            }

        .surveyContainer .survey-question .answers input[type=radio]:checked + label, .surveyContainer .survey-question .answers input[type=checkbox]:checked + label {
            position: relative;
        }

            .surveyContainer .survey-question .answers input[type=radio]:checked + label:before, .surveyContainer .survey-question .answers input[type=checkbox]:checked + label:before {
                border-color: #0097b7;
            }

            .surveyContainer .survey-question .answers input[type=radio]:checked + label:after, .surveyContainer .survey-question .answers input[type=checkbox]:checked + label:after {
                content: "";
                display: inline-block;
                position: absolute;
                top: 8px;
                right: 3px;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #0096b6;
            }

        .surveyContainer .survey-question .answers input[type=checkbox] + label:before {
            border-radius: 4px !important;
        }

        .surveyContainer .survey-question .answers input[type=checkbox]:checked + label:before {
            background-color: #0096b6;
        }

        .surveyContainer .survey-question .answers input[type=checkbox]:checked + label:after {
            content: "";
            font-family: "saso-icons";
            font-size: 8px;
            color: #fff;
            display: inline-block;
            position: absolute;
            top: 9px;
            right: 3px;
            border-radius: 50%;
            background: #18754d;
        }

input[type=radio], input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

    input[type=radio] + label, input[type=checkbox] + label {
        font-size: 1.6rem !important;
        line-height: 25px !important;
        transition: all .3s ease;
        color: #464749;
        text-align: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        input[type=radio] + label:before, input[type=checkbox] + label:before {
            content: '';
            display: inline-block;
            margin-right: 5px;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px #ccc solid;
            position: relative;
            top: 3px;
            transition: all .3s ease;
        }

        input[type=radio] + label:hover, input[type=checkbox] + label:hover {
            cursor: pointer;
        }

            input[type=radio] + label:hover:before, input[type=checkbox] + label:hover:before {
                border-color: #18764e;
            }

    input[type=radio]:checked + label, input[type=checkbox]:checked + label {
        position: relative;
        color: #18754d !important;
    }

        input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
            border-color: #18764e;
        }

        input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after {
            content: "";
            display: inline-block;
            position: absolute;
            top: 8px;
            left: 3px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #18754d;
        }

    input[type=checkbox] + label {
        font-size: 1.6rem !important;
        line-height: 25px !important;
        transition: all .3s ease;
        color: #464749;
        text-align: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        input[type=checkbox] + label:before {
            border-radius: 4px !important;
            transition: all .3s ease;
        }

    input[type=checkbox]:checked + label {
        color: #18754d !important;
    }

        input[type=checkbox]:checked + label:before {
            background-color: #18764e;
        }

        input[type=checkbox]:checked + label:after {
            content: "";
            font-family: "saso-icons";
            font-size: 8px;
            color: #fff;
            display: inline-block;
            position: absolute;
            top: 9px;
            left: 3px;
            border-radius: 50%;
            background: #18754d;
        }

.poll-list-item {
    border-radius: 8px;
    background: #fff;
    margin-bottom: 30px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 13px 30px 0 rgba(0, 0, 0, .06);
}

    .poll-list-item .poll-title {
        padding: 2px 5px;
        font: bold 1.3em fontBold, arial, sans-serif;
        color: #228b5e !important;
        margin: 5px 0 15px;
    }

        .poll-list-item .poll-title > i {
            font-size: 1.3em;
            color: #228b5e;
            margin: 0 5px;
        }

        .poll-list-item .poll-title + table > tbody > tr > td {
            padding: 10px;
        }

.resultbarbase {
    float: none !important;
    height: 4px !important;
    background: none !important;
    margin: 2px 0 14px;
}

    .resultbarbase > div {
        height: 100% !important;
    }

.poll-percent {
    font: 12px/1.5 fontReg, arial, sans-serif;
}

.fancybox-skin {
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

.fancybox-overlay {
    background: rgba(0, 0, 0, .75) !important;
}

.fancybox-title-float-wrap .child {
    background: none !important;
    font: 1em fontReg, arial, sans-serif !important;
    white-space: normal;
}

.fancybox-nav span {
    visibility: visible;
    background-color: #9a6a3c;
    border-radius: 50px;
}

.fancybox-prev span:after {
    content: '';
    font-family: "saso-icons";
    display: block;
    width: 35px;
    height: 35px;
    font-size: 32px;
    background-color: #9a6a3c;
    color: #fff !important;
    border-radius: 100%;
    text-align: center;
}

.fancybox-next span:after {
    content: '';
    font-family: "saso-icons";
    display: block;
    width: 35px;
    height: 35px;
    font-size: 32px;
    background-color: #9a6a3c;
    color: #fff !important;
    border-radius: 100%;
    text-align: center;
}

.fancybox-title-float-wrap {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    right: 0;
    text-align: center;
    padding: 15px 10px;
}

    .fancybox-title-float-wrap .child {
        margin-right: 0;
        padding: 2px 20px;
    }

.loading-mci {
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

    .loading-mci div {
        position: absolute;
        top: 27px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #ddd;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .loading-mci div:nth-child(1) {
            left: 6px;
            animation: loading-mci1 .6s infinite;
        }

        .loading-mci div:nth-child(2) {
            left: 6px;
            animation: loading-mci2 .6s infinite;
        }

        .loading-mci div:nth-child(3) {
            left: 26px;
            animation: loading-mci2 .6s infinite;
        }

        .loading-mci div:nth-child(4) {
            left: 45px;
            animation: loading-mci3 .6s infinite;
        }

@keyframes loading-mci1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes loading-mci2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(20px, 0);
    }
}

@keyframes loading-mci3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

.ratingMessage {
    display: block;
    width: 172px;
    margin: 0 auto;
    background: #ff2c00;
    margin-top: 10px;
    margin-bottom: -5px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}

.box-card {
    padding: 0 15px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    border-radius: 8px;
}

.department_innerLink {
    padding: 0 15px;
}

    .department_innerLink > a {
        color: #666;
        display: inline-block;
    }

    .department_innerLink h4 {
        font-size: 1em;
    }

        .department_innerLink h4 a {
            color: #666;
        }

    .department_innerLink [class^="icon-"] {
        font-size: 1.786em;
    }

        .department_innerLink [class^="icon-"].icon-pdf-download, .department_innerLink [class^="icon-"].icon-file-pdf {
            color: #ff2c00;
        }

        .department_innerLink [class^="icon-"].icon-location {
            color: #0096b6;
        }

.phoneWrapper {
    position: relative;
}

    .phoneWrapper .form-control {
        width: calc(100% - 38px) !important;
        direction: ltr;
        text-align: left;
        padding-left: 10px;
    }

    .phoneWrapper .phoneCode {
        font-size: 14px;
        position: absolute;
        left: 0;
        top: -1px;
        background: #0096b6;
        color: #fff;
        padding: 7px 5px;
        border-radius: 4px 0 0 4px;
        direction: ltr;
        box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, .2) !important;
    }

.btn-longtxt {
    font: 13px fontReg, arial, sans-serif !important;
    padding: 15px 0;
}

    .btn-longtxt [class^='icon-'] {
        font-size: 20px;
    }

.pinned_item {
    position: relative;
}

    .pinned_item .newsListItem {
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    }

    .pinned_item:after {
        content: "";
        font-family: saso-icons;
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 12px;
        left: 2px;
        background: #0096b6;
        padding: 8px;
        border-radius: 54px;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 19px;
    }

.img-margin {
    margin: 5px 0;
}

.newsPhotoSlider {
    height: 350px;
}

    .newsPhotoSlider .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .newsPhotoSlider .swiper-slide {
        background-size: cover;
        background-position: center;
    }

    .newsPhotoSlider .gallery-top {
        height: 80%;
        width: 100%;
    }

    .newsPhotoSlider .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }

        .newsPhotoSlider .gallery-thumbs .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: .4;
        }

        .newsPhotoSlider .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1;
        }

.timeline {
    position: relative;
    margin: 0 auto;
}

    .timeline:after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #eee;
        top: 0;
        bottom: 0;
        right: -8px;
        margin-left: -3px;
        border-radius: 10px;
    }

    .timeline .timeline-container {
        padding: 10px 40px;
        position: relative;
        background-color: inherit;
    }

        .timeline .timeline-container:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            right: -16px;
            background-color: #fff;
            border: 3px solid #e66b2e;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }

        .timeline .timeline-container.left {
            left: 0;
        }

            .timeline .timeline-container.left:before {
                content: " ";
                height: 0;
                position: absolute;
                top: 22px;
                width: 0;
                z-index: 1;
                right: 30px;
                border: medium solid #eee;
                border-width: 10px 0 10px 10px;
                border-color: transparent transparent transparent #eee;
            }

        .timeline .timeline-container.right {
            left: 100%;
        }

            .timeline .timeline-container.right:before {
                content: " ";
                height: 0;
                position: absolute;
                top: 22px;
                width: 0;
                z-index: 1;
                left: 30px;
                border: medium solid #eee;
                border-width: 10px 10px 10px 0;
                border-color: transparent #eee transparent transparent;
            }

            .timeline .timeline-container.right:after {
                left: -5px;
                right: auto;
            }

    .timeline .timeline-content {
        padding: 10px 15px;
        background-color: #fff;
        border: 1px #eee solid;
        position: relative;
        border-radius: 4px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    }

    .timeline .milestone-title {
        color: #529c44;
        padding-right: 5px;
        background: #fff;
        border: 2px #dcdcdc solid;
        border-radius: 40px;
        position: relative;
        left: 50%;
        z-index: 1;
        text-align: center;
        padding: 2px;
        margin: 10px 0;
    }

@media screen and (max-width:768px) {
    .timeline: after {
        right: 50%;
        z-index: -1;
    }

    .timeline .timeline-container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        .timeline .timeline-container::before {
            left: 60px;
            border: medium solid #fff;
            border-width: 10px 10px 10px 0;
            border-color: transparent #fff transparent transparent;
            display: none;
        }

        .timeline .timeline-container::after {
            display: none;
        }

    .timeline .left::after, .timeline .right::after {
        right: -14px;
        left: auto;
    }

    .timeline .timeline-container.right {
        left: 0%;
    }

    .timeline .text-center .img-responsive {
        margin: 0 auto;
    }

    .timeline .milestone-title {
        left: 0;
    }
}

.copyRights-404 {
    font: 1em fontReg, arial, sans-serif;
    color: #555;
}

.logoImg-404 {
    max-height: 75px;
}

.error-404-wrapper {
    padding: 30px;
    margin: 80px 0;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 50px rgba(0, 0, 0, .15);
}

    .error-404-wrapper .hero-msg-404 .img404 img, .error-404-wrapper .hero-msg-404 .img404 svg {
        max-height: 160px;
    }

    .error-404-wrapper .hero-msg-404 h3 {
        font: 1.786em fontBold, arial, sans-serif;
        color: #888;
        margin: 10px 0;
    }

    .error-404-wrapper .hero-msg-404 p {
        font: 1.143em fontReg, arial, sans-serif;
        color: #555;
    }

    .error-404-wrapper .hero-msg-404 .gohome-link {
        display: inline-block;
        padding: 5px 20px;
        margin: 20px 0;
        border-radius: 40px;
        background: #0096b6;
        font: 1.143em fontReg, arial, sans-serif;
        color: #fff;
        transition: all .3s ease;
    }

        .error-404-wrapper .hero-msg-404 .gohome-link:hover {
            box-shadow: 0 0 15px rgba(0, 0, 0, .15);
            background: #00abd0;
        }

.startproject-wrapper {
    height: 400px;
    margin-bottom: 2px;
    padding-top: 15px;
    background: url("../images/project-bg.jpg") no-repeat center top fixed;
    background-size: cover;
}

    .startproject-wrapper .wptitle {
        color: #18754d !important;
    }

    .startproject-wrapper .project-box {
        margin: 20px 20px 40px;
        background: rgba(255, 255, 255, .85);
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
        text-align: center;
    }

        .startproject-wrapper .project-box h3 {
            font: 20px fontBold, arial, sans-serif;
            color: #1c8a5b;
        }

        .startproject-wrapper .project-box p {
            font: 1.143em fontReg, arial, sans-serif;
            color: #1c8a5b;
        }

        .startproject-wrapper .project-box .start-btn {
            display: inline-block;
            margin: 10px auto;
            background: #464749;
            border-radius: 40px;
            height: 48px;
            width: 30%;
            min-width: 200px;
            font: 1.286em/2.6 fontReg, arial, sans-serif;
            color: #fff;
            position: relative;
            transition: all .3s ease;
        }

            .startproject-wrapper .project-box .start-btn [class^="icon-"] {
                font-size: 15px;
                position: absolute;
                top: 5px;
                opacity: 0;
                transform: translateX(20px);
                transition: all .3s ease;
            }

            .startproject-wrapper .project-box .start-btn:hover {
                background: #c84a3d;
            }

                .startproject-wrapper .project-box .start-btn:hover [class^="icon-"] {
                    opacity: 1;
                    transform: translateX(-15px);
                    transition-delay: .2s;
                }

.Rules-wrapper {
    padding-top: 20px;
}

.rules-reg-card {
    padding: 15px;
    width: 100%;
    height: 240px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
}

    .rules-reg-card:hover {
        box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .13);
        transform: scale(1.05);
    }

    .rules-reg-card.rules {
        border-bottom: 5px #0096b6 solid;
    }

    .rules-reg-card.regulations {
        border-bottom: 5px #c84a3d solid;
    }

    .rules-reg-card .rule-clickable-part {
        display: block;
        height: 85%;
    }

    .rules-reg-card p {
        font: bold 1em/1.8 fontBold, arial, sans-serif;
        text-align: center;
        height: calc(100% - 35px);
    }

        .rules-reg-card p .icon {
            display: block;
            padding-top: 10px;
            height: 70px;
        }

            .rules-reg-card p .icon img {
                max-height: 52px;
            }

.date {
    display: block;
    font: 1em fontReg, arial, sans-serif;
    color: #999;
    margin: 10px 0;
}

.color-index {
    padding: 15px;
}

.index-label {
    display: inline-block;
    min-width: 80px;
    font: 1em fontReg, arial, sans-serif;
    color: #888;
}

    .index-label:before {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 5px;
    }

    .index-label.rules-index:before {
        background: #0096b6;
    }

    .index-label.regulations-index:before {
        background: #c84a3d;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #0096b6 !important;
}

#lawSummaryContainer {
    background: #fff;
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 40px 15px 20px;
    margin-bottom: 40px;
}

    #lawSummaryContainer .servd-icon {
        color: #666;
    }

    #lawSummaryContainer .start-servicebtn {
        font-size: 1.786em;
    }

    #lawSummaryContainer .lawSummary {
        text-align: justify;
    }

#lawItemContainer .ui-accordion-content p {
    margin: 15px 0;
}

#lawItemContainer h3 {
    margin-bottom: 20px;
}

    #lawItemContainer h3 [class^="icon-"] {
        font-size: 22px;
        color: #999;
    }

#lawItemContainer h4 {
    font-size: 1em;
    color: #666 !important;
    border-bottom: 1px #ddd dotted;
    padding-bottom: 5px;
}

#lawItemContainer p {
    margin: 15px 0;
}

#attachmentsContainer {
    padding: 10px 0;
}

    #attachmentsContainer ul.attachmentsList li a {
        font: 1em fontReg, arial, sans-serif;
        color: #666;
        display: inline-block;
        padding: 2px 5px;
        transition: all .3s ease;
    }

        #attachmentsContainer ul.attachmentsList li a [class^="icon-"] {
            font-size: 1.286em;
        }

        #attachmentsContainer ul.attachmentsList li a:hover {
            color: #ff2c00;
            transform: translateX(-5px);
        }

@media(min-width:1170px) {
    #issueToolModal .modal-dialog {
        width: 900px;
    }
}

#issueToolModal .modal-dialog .modal-content {
    border: 0;
}

#issueToolModal .modal-dialog .modal-header {
    background: rgba(255, 44, 0, .9);
    text-align: center;
    border-radius: 4px 4px 0 0;
}

    #issueToolModal .modal-dialog .modal-header .modal-title {
        font-size: 2em;
        color: #fff;
    }

    #issueToolModal .modal-dialog .modal-header .close {
        font-size: 30px;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 50%;
        opacity: .5;
    }

        #issueToolModal .modal-dialog .modal-header .close:hover {
            opacity: .8;
        }

#issueToolModal .modal-dialog .modal-body {
    font-size: 13px;
}

select.form-control + .select2-container {
    width: 100% !important;
}

.adminComment {
    background: #fbfbfb;
    clear: both;
    padding: 20px 15px;
    border-radius: 15px;
    border: 1px #e4eaea solid;
}

    .adminComment:after, .adminComment:before {
        display: table;
        content: " ";
        clear: both;
    }

    .adminComment .btngroup {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding: 0;
    }

        .adminComment .btngroup .btn {
            margin: 25px 0 0;
        }

    .adminComment .form-group {
        margin-bottom: 0 !important;
    }

.complaintsLink {
    display: block;
    margin-bottom: 10px;
    font: bold 14px fontBold, arial, sans-serif;
    color: #555 !important;
}

    .complaintsLink:hover {
        color: #ff2c00 !important;
    }

        .complaintsLink:hover [class^="icon-"] {
            color: #ff2c00;
        }

    .complaintsLink [class^="icon-"] {
        font-size: 22px;
        position: relative;
        top: 3px;
        margin: 0 1px;
        color: #0096b6;
    }

.voiceTxt .mic-icon {
    margin-bottom: 30px;
}

input {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    padding: 0 20px;
    box-sizing: border-box;
    display: inline-block;
    height: 35px;
}

form.search {
    background-color: rgba(255, 255, 255, .4);
    padding: 28px 22px;
    box-sizing: border-box;
    width: calc(100% - 100px);
    margin: 0 auto;
}

    form.search input {
        margin-left: 10px;
    }

        form.search input.datepicker {
            width: 200px;
            background-image: url("../img/icons/calendar-popup.png");
            background-repeat: no-repeat;
            background-position: left 10px center;
            background-size: 18px;
        }

        form.search input.search-input {
            max-width: 400px;
            width: 40%;
        }

    form.search .btn {
        background: #0096b6;
        transition: all .5s ease;
        box-sizing: border-box;
        border-radius: 25px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        height: 35px;
        padding: 0 40px;
        margin-right: 10px;
        float: left;
    }

        form.search .btn:hover {
            background-color: #18754d;
        }

.fc-toolbar .fc-right {
    position: relative;
    top: -50px;
    margin-top: 20px;
}

.eventInfo {
    position: relative;
    top: 110px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style-type: none;
    text-align: right;
}

    .eventInfo > li {
        display: inline-block;
    }

        .eventInfo > li > a {
            padding: 2px 30px;
            overflow: hidden;
            white-space: nowrap;
            text-align: center;
            color: #fff;
            margin: 0 auto;
        }

.eventInfoMobile {
    display: none;
}

.info1 {
    background-color: #444;
}

.info2 {
    background-color: #c0504d;
}

.info3 {
    background-color: #0096b6;
}

.info4 {
    background-color: #238dc1;
}

.info5 {
    background-color: #7b868c;
}

.info6 {
    background-color: #e08433;
}

.info7 {
    background-color: #18754d;
}

.info8 {
    background-color: #774d28;
}

.info9 {
    background-color: #82a5a0;
}

.fc th {
    border: none !important;
    background-color: #0096b6;
    color: #fff;
    padding: 15px !important;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 26px;
    color: #434343;
    float: right;
    margin-right: 10px;
    text-decoration: none !important;
}

.fc-day-grid-event {
    margin: 0 10px;
}

.fc-body {
    background: #f3f3f4;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #d9d9d9;
}

.fc-day-top.fc-other-month {
    opacity: .4;
}

.fc-day-grid-event .fc-content {
    white-space: unset;
}

.fc-event {
    font-size: 12px;
    border-radius: 0;
    border: none;
}

.fc-day-grid-event {
    padding: 5px;
    margin-bottom: 20px;
}

.fc-day {
    position: relative;
    padding-bottom: 30px;
    transition: all .5s ease;
}

    .fc-day.hover {
        box-shadow: 0 0 38px 0 rgba(0, 0, 0, .19);
    }

.view_events {
    position: relative;
    font-size: 12px;
    color: #434343;
    font-weight: 500;
    bottom: 0;
    text-align: center;
    height: 100%;
}

    .view_events a {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        margin: 0 auto;
    }

.eventpop_up {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 10;
    width: 370px;
    border-radius: 5px;
    box-shadow: 0 0 38px 0 rgba(0, 0, 0, .2);
}

    .eventpop_up:after {
        bottom: 100%;
        right: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 7px;
        margin-left: -7px;
    }

    .eventpop_up .header {
        background-color: #0096b6;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 5px 10px;
        box-sizing: border-box;
    }

        .eventpop_up .header a {
            color: #fff;
            font-size: 14px;
            font-weight: 600;
        }

    .eventpop_up .body {
        padding: 10px;
        box-sizing: border-box;
        color: #434343;
        font-size: 12px;
    }

        .eventpop_up .body p {
            font-size: 12px;
            padding: 10px;
        }

        .eventpop_up .body .dates {
            direction: rtl;
            background-color: #f4f4f4;
            padding: 5px;
            color: #666;
            font-size: 12px;
        }

            .eventpop_up .body .dates img {
                vertical-align: middle;
                margin-left: 10px;
            }

.on_top {
    z-index: 10000 !important;
}

.fc-footer-toolbar .fc-left {
    float: none;
    width: 100%;
}

.fc .fc-button-group > :first-child {
    float: right;
}

.fc-button-group {
    float: none;
    display: block;
}

.fc .fc-toolbar > * > * {
    float: none;
    margin-left: auto;
}

.fc-toolbar h2, .lg-title {
    color: #434343;
    font-weight: 600;
    font-size: 32px;
}

.chosen-results li {
    border-right: 6px solid;
}

    .chosen-results li.exhibition {
        border-color: #0096b6;
    }

    .chosen-results li.conference {
        border-color: #c54b38;
    }

    .chosen-results li.forum {
        border-color: #238dc1;
    }

    .chosen-results li.gathering {
        border-color: #7b868c;
    }

    .chosen-results li.workshop {
        border-color: #e08433;
    }

    .chosen-results li.visit {
        border-color: #18754d;
    }

    .chosen-results li.meeting {
        border-color: #774d28;
    }

    .chosen-results li.day {
        border-color: #82a5a0;
    }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: right !important;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 50px !important;
}

.fc-button-group .fc-button {
    background: #0096b6 none;
    color: #fff;
    padding-top: 3px;
    margin-top: 17px !important;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.calendar {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

.calendar-header {
    position: absolute;
    bottom: -15px;
}

.calendar table.month th.month-title {
    color: #0096b6;
    font-size: 24px;
    font-weight: 600;
    text-align: right;
}

.calendar table {
    direction: rtl;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

table.month thead > tr:nth-child(2) {
    background-color: #0096b6;
    padding: 20px 10px;
    box-sizing: border-box;
}

.day-header {
    color: #fff;
    font-size: 11px;
}

table.month .day {
    border: 1px solid #dfdfdf;
    background: #f3f3f4;
}

.month-container {
    width: 33.33%;
    float: right;
    padding: 0 5px !important;
    box-sizing: border-box;
}

.month-container {
    min-height: 293px;
}

.fc-scroller {
    height: auto !important;
    overflow: visible !important;
}

.fc-list-item {
    position: relative;
}

.calendar table.month th.day-header {
    padding: 5px 0;
}

.day.event-day, .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    color: #0096b6;
    background-color: #e9e9e9 !important;
    cursor: pointer;
    font-weight: 500;
}

.calendar .year-neighbor {
    color: #18754d;
}

.calendar .calendar-header table {
    display: flex;
}

    .calendar .calendar-header table th {
        padding: 0;
        font-size: 14px;
        background: none !important;
    }

        .calendar .calendar-header table th.prev, .calendar .calendar-header table th.next {
            width: auto;
        }

    .calendar .calendar-header table th {
        width: 100%;
    }

        .calendar .calendar-header table th.prev {
            margin-left: auto;
        }

        .calendar .calendar-header table th.next {
            margin-right: auto;
        }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    text-align: right;
}

.calendar .calendar-header {
    border: none;
    box-shadow: none;
}

    .calendar .calendar-header table tbody {
        display: flex;
        width: 100%;
        border: none;
    }

        .calendar .calendar-header table tbody tr {
            display: flex;
            width: 100%;
            border: none;
        }

.eventTopInfoWrapper {
    padding: 10px;
    color: #fff;
    background-color: #0096b6;
    margin-bottom: 20px;
    border-radius: 5px;
}

.calendarControls .prev {
    display: inline-block;
    cursor: pointer;
}

.calendarControls .next {
    display: inline-block;
    float: left;
    cursor: pointer;
}

    .calendarControls .next i {
        float: left;
    }

.calendarControls > div {
    transition: all .3s ease;
    font-size: 18px;
}

    .calendarControls > div:hover {
        color: #0096b6;
    }

.HomePageTopIconsItemTitle {
    font-size: 17pt;
    margin-top: 10px;
}

.InternalPanelBody legend {
    margin-bottom: 0;
    border-bottom: 1px solid #0096b6;
}

    .InternalPanelBody legend div {
        width: 80%;
        background: #0096b6;
        color: #fff;
        padding: 8px;
        border-top-left-radius: 50px;
        font-size: 14pt;
    }

.IconImage img {
    width: 33px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 7px;
}

.IconImage {
    background: #f8d20b;
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    float: right;
    margin-left: 10px;
    border-radius: 100px;
    min-width: 45px;
    min-height: 45px;
    margin-bottom: 5px;
}

.InternalContentBody li {
    background: #e2e2e2;
    margin-bottom: 1px;
    padding: 8px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
}

#HomePageTopIcons i {
    font-size: 80pt;
}

.HomePageTopIconsItemTitle {
    font-size: 17pt;
    margin-top: 10px;
}

.InternalPanelBody legend {
    margin-bottom: 0;
    border-bottom: 1px solid #0096b6;
}

    .InternalPanelBody legend div {
        width: 80%;
        background: #0096b6;
        color: #fff;
        padding: 8px;
        border-top-left-radius: 50px;
        font-size: 14pt;
    }

.InternalContentBody {
    padding: 20px;
    background: #f1f1f1;
}

    .InternalContentBody:after {
        display: block;
        content: "";
        clear: both;
    }

.ExampleBox {
    background: #f5edc8;
    padding: 10px;
    position: relative;
    margin-top: 50px;
}

.ExampleNote {
    background: #828282;
    margin-top: 15px;
    padding: 10px;
    color: #fff;
}

.ExampleNote2 {
    background: #73aeb5;
    margin-top: 15px;
    padding: 10px;
    color: #fff;
}

    .ExampleNote2 li {
        background: #65999f !important;
    }

.ExampleBox .ExampleBoxTitle {
    background: #73aeb5;
    position: absolute;
    top: -39px;
    padding-left: 70px;
    padding-right: 70px;
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 60px;
    right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.SaparateRowLineA {
    border-bottom: 1px #e8e8e8 solid;
    margin-top: 30px;
    margin-bottom: 30px;
}

.vcenter {
    min-height: 100%;
    display: flex;
    align-items: center;
}

.InternalPanel {
    margin-top: 0;
    background: #fff;
    margin-bottom: 20px;
}

.InternalPanelBody img {
    max-width: 100%;
    vertical-align: middle;
}

.row-eq-height {
    display: flex;
}

.DisplayNONE {
    display: none;
}

.DivSubBox {
    background: #fff;
}

.DivSubBoxTitle {
    background: #5c5c5c;
    padding: 14px;
    color: #fff;
}

.DivSubBoxDetails {
    margin: 16px;
}

span.ColordSpan {
    font-weight: bold;
    color: #0096b6;
}

.IconsBoxItem {
    background: #e2e2e2;
    margin-bottom: 1px;
    padding: 8px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

.IconImageCenter .IconImage {
    float: none;
    margin: auto;
}

.HeadTXTBack {
    text-align: center;
    background: #5c5c5c;
    padding: 14px;
    color: #fff;
}

.HeadTXTBackSub {
    text-align: center;
    background: #7f7f7f;
    padding: 14px;
    color: #fff;
}

.CustomSubBoxInternal {
    background: #fff;
    margin: 5px;
    height: 100%;
}

.CustomSubBoxInternalContentBody {
    height: 100%;
}

    .CustomSubBoxInternalContentBody .CustomSubBoxInternalContentBody {
        margin: 10px;
    }

.CustomSubBoxInternalContentBodyItem {
    background: #eaeaea;
    margin-bottom: 1px;
    margin-left: 1px;
    padding: 6px 20px;
    display: flow-root;
}

.CustomSubBoxInternalContentBodyItemWBack {
    background: #fff;
    margin-bottom: 10px;
    padding: 6px 20px;
    display: inline-block;
    width: 100%;
}

.CustomSubBoxInternalNote {
    margin: 10px -15px;
    padding: 5px 0;
}

.ImageW100 img {
    max-width: 100%;
}

img.MCenter {
    margin: auto;
}

.ULStyleNoneNotes {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.ULStyleNoneNotesItemColored {
    text-align: center;
    background: #0096b6;
    color: #fff;
    padding: 15px;
}

.ImageW50 {
    width: 30%;
}

.M0 {
    margin: 0;
}

.ULStyleNoneNotes .col-sm-4 {
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
}

.CustomSubBoxInternalSub {
    background: #eee;
    margin: 5px;
    margin-bottom: 20px;
}

span.PhotoImage {
    background: #fff;
    display: -webkit-inline-box;
    border-radius: 70%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.PhotoImage img {
    width: 170px;
    padding: 20px;
}

.CustomSubBoxInternalContentBodyItem1 {
    background: #0096b6;
    color: #fff;
}

.CustomSubBoxInternalContentBodyItem2 {
    background: #0096b6;
    color: #fff;
}

.ColredD {
    text-align: center;
    margin-bottom: 4px;
    background: #0096b6;
    color: #fff;
    padding: 7px;
    border-radius: 20px;
}

.MB10 {
    margin-bottom: 10px;
}

.MB20 {
    margin-bottom: 20px;
}

.PargFirst {
    margin-bottom: 20px;
    text-align: right;
}

.NornmalUL li {
    background: none;
    padding: 3px;
}

span.TagRed {
    background: #607d8b;
    border-radius: 10px;
    padding: 4px 20px;
    color: #fff;
    margin: 0 0 0 10px;
    display: inline-block;
}

span.TagOrg {
    background: #525252;
    border-radius: 10px;
    padding: 4px 20px;
    color: #fff;
    margin: 0 0 0 10px;
    display: inline-block;
}

.PargLast {
    margin-top: 20px;
    margin-bottom: 10px;
}

.URLSpan {
    direction: ltr;
}

    .URLSpan a {
        background: #ddd;
        background: #0096b6;
        color: #fff;
        padding: 0 10px;
        font-size: 11pt;
        margin-top: 5px;
        display: -webkit-inline-box;
        border-radius: 10px;
    }

.MTopBtn10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.RemoveRowMLR .row {
    margin-left: 0;
    margin-right: 0;
}

.Mbtn10 {
    margin-bottom: 10px;
}

.DivLinkToMCI {
    text-align: center;
    background: #0096b6;
    color: #fff;
    margin: 20px;
    border-radius: 10px;
    padding: 4px;
}

.LinkToMCI {
    direction: ltr;
}

    .LinkToMCI a {
        background: #78d1cb;
        border-radius: 10px;
        font-size: 10pt;
        padding: 0 13px;
        color: #0096b6;
    }

        .LinkToMCI a:hover {
            background: #ddd;
        }

.SmallImageM img {
    width: 38px;
    margin-left: 9px;
}

.HomePageBrowseItemMainBox {
    background: #e7eded;
    padding-top: 20px;
    padding-bottom: 20px;
}

.HomePageBrowseItemsBox .col-sm-4 {
    background: #fff;
}

.HomePageBrowseItemsBox .col-sm-4 {
    background: #fff;
    margin-left: 1px;
    margin-bottom: 1px;
    text-align: center;
}

.HomePageBrowseItemsBox i {
    font-size: 50pt;
    color: #14473e;
}

.HomePageBrowseItem {
    padding-top: 20px;
    padding-bottom: 20px;
}

.HomePageBrowseItemsBox {
    padding-left: 30px;
    padding-right: 30px;
}

.HomePageBrowseItemMainBoxTitle {
    font-size: 20pt;
    margin-bottom: 10px;
}

.NewDesignHomeContactBox {
    border: 1px #0096b6 solid;
    padding: 20px;
    border-radius: 2px;
    padding-bottom: 50px;
}

.NewDesignHomeContactBoxBtn a {
    background: #0096b6;
    color: #fff;
    padding: 1px;
    display: -webkit-inline-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.NewDesignHomeContactBoxTitle {
    font-size: 17pt;
    color: #0096b6;
}

.NewDesignHomeContactBoxDesc {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #737373;
}

img.QRCodeFooter {
    width: 110px;
    margin-right: 10px;
}

.HomePageBrowseItemsBox a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #000;
    transition: all .5s ease;
}

    .HomePageBrowseItemsBox a:hover {
        background: #e7eded;
    }

.HomePageBrowseItemsBox .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
}

.dropdown-full i {
    padding-left: 4px;
}

.NewDescignWebsiteSearch {
    margin-top: 40px;
    width: 520px;
    margin: auto;
    margin-top: 20px;
    position: relative;
    display: none;
}

.MenuItemHeader {
    background: #0c7a76;
    color: #fff;
    border-right: 3px #aad9d7 solid;
    padding: 5px;
}

.MenuItemLevel2Box {
    margin-bottom: 15px;
}

.ContactUsBoxDesc {
    padding: 20px;
    text-align: center;
}

.ContactUsBoxHeader {
    text-align: center;
    padding: 8px;
    color: #fff;
}

.ContactUsBox {
    border: 1px #ddd solid;
}

.HideSmartPhone.ContactIcons {
    font-size: 30pt;
}

.InternalBodyMainLinks {
    background: #005350;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}

.HomePageBrowseItem img {
    width: 30%;
    margin-bottom: 13px;
}

.ChatIcon {
    width: 50px;
    float: left;
    margin-left: 10px;
}

.InternalBodyMainLinks {
    background: #005350;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    cursor: pointer;
}

.guideHomeCardsContainer + .col-sm-3 {
    margin-top: 25px;
}

.guideHomeCardsContainer {
    margin-top: 25px;
}

    .guideHomeCardsContainer .branch-hero-link {
        min-height: 235px;
    }

        .guideHomeCardsContainer .branch-hero-link .text {
            font-size: 16px;
        }

#HomePageTopIcons {
    color: #fff;
}

.HomePageTopIconsColorA {
    background: #303942;
}

.HomePageTopIconsColorB {
    background: #00adb4;
}

.HomePageTopIconsColorC {
    background: #338ab5;
}

.HomePageTopIconsColorD {
    background: #e38432;
}

.HomePageTopIconsColorE {
    background: #ca4838;
}

.HomePageTopIconsColorF {
    background: #36b2aa;
}

.ContactUsBoxDesc {
    padding: 20px;
    text-align: center;
    min-height: 95px;
}

.ContactUsBoxHeader {
    text-align: center;
    padding: 8px;
    color: #fff;
}

.ContactUsBox {
    border: 1px #ddd solid;
}

.fa {
    display: inline-block;
    font-family: "saso-icons";
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-map-marker:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.guidsSubs .branch-hero-link .text {
    font: 14px DroidArabicKufi, arial, sans-serif;
}

.bmDetailsTtl {
    height: 330px;
    background: #529c44;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    transition: all .5s ease;
    margin: 30px 0;
    box-shadow: 0 0 25px 0 #529c44;
}

    .bmDetailsTtl:after {
        content: "";
        display: block;
        clear: both;
    }

    .bmDetailsTtl .bmDetailsTtlImg {
        display: inline-block;
        vertical-align: middle;
        float: right;
        border-radius: 10px;
    }

        .bmDetailsTtl .bmDetailsTtlImg img {
            width: 250px;
            height: 290px;
            object-fit: cover;
            border-radius: 10px;
        }

    .bmDetailsTtl .bmDetailsTtlTxt {
        display: table-cell;
        vertical-align: middle;
        padding: 0 60px 0 0;
    }

        .bmDetailsTtl .bmDetailsTtlTxt h2 {
            color: #fff;
            font: normal 25px fontBold, arial, sans-serif;
            margin: 20px 0 20px;
        }

        .bmDetailsTtl .bmDetailsTtlTxt h3 {
            color: #fff;
            font: normal 16px fontReg, arial, sans-serif;
            margin: 10px 0 20px;
        }

        .bmDetailsTtl .bmDetailsTtlTxt p {
            color: #fff;
            font: normal 14px fontReg, arial, sans-serif;
            margin: 10px 0 20px;
        }

    .bmDetailsTtl a {
        color: #fff;
        font: normal 14px fontReg, arial, sans-serif;
        transition: all .5s ease;
    }

        .bmDetailsTtl a:hover {
            color: rgba(255, 255, 255, .7);
        }

        .bmDetailsTtl a i {
            margin-left: 10px;
            font-size: 20px;
            vertical-align: middle;
        }

        .bmDetailsTtl a span {
            direction: ltr !important;
            display: inline-block;
            vertical-align: middle;
        }

        .bmDetailsTtl a#share_mail, .bmDetailsTtl a#share_twitter {
            margin-top: 100px;
            display: block;
        }

.eventsListingMainItem {
    padding: 20px 30px 20px;
    display: block;
    position: relative;
    background: #0096b6;
    box-shadow: 0 15px 50px 15px rgba(0, 150, 182, .22);
    border-radius: 12px;
    margin-top: 50px;
    margin-bottom: 60px;
}

    .eventsListingMainItem h2 {
        padding: 0;
    }

        .eventsListingMainItem h2 a {
            color: #fff;
            font: normal 2.5rem fontBold, arial, sans-serif;
            transition: all .3s ease;
        }

            .eventsListingMainItem h2 a:hover {
                color: #fff;
            }

    .eventsListingMainItem .eventDate {
        text-align: center;
        margin: 10px auto 0;
    }

        .eventsListingMainItem .eventDate .eventStartDate {
            display: block;
            text-align: center;
            font: normal 1.5rem fontReg, arial, sans-serif;
            color: #fff;
            vertical-align: middle;
        }

        .eventsListingMainItem .eventDate .eventEndDate {
            display: block;
            text-align: center;
            font: normal 1.5rem fontReg, arial, sans-serif;
            color: #fff;
            vertical-align: middle;
        }

        .eventsListingMainItem .eventDate .eventDateDay {
            font: normal 5rem/5rem fontBold, arial, sans-serif;
            text-align: center;
            display: block;
            color: #fff;
        }

        .eventsListingMainItem .eventDate .eventTo {
            display: inline-block;
            vertical-align: middle;
            color: #0096b6;
            font: normal 1.3rem fontReg, arial, sans-serif;
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 100%;
            margin: 30px 40px;
            text-align: center;
            padding-top: 9px;
            position: relative;
        }

            .eventsListingMainItem .eventDate .eventTo:before {
                content: "";
                display: block;
                width: 1px;
                height: 20px;
                background: #dedede;
                position: absolute;
                right: 50%;
                top: -20px;
            }

            .eventsListingMainItem .eventDate .eventTo:after {
                content: "";
                display: block;
                width: 1px;
                height: 20px;
                background: #dedede;
                position: absolute;
                right: 50%;
                bottom: -20px;
            }

    .eventsListingMainItem .evenLocation, .eventsListingMainItem .evenAddCal, .eventsListingMainItem .evenAdd {
        font: normal 1.4rem fontReg, arial, sans-serif;
        color: #fff;
        vertical-align: middle;
        margin-right: 50px;
        display: inline-block;
    }

        .eventsListingMainItem .evenLocation i, .eventsListingMainItem .evenAddCal i, .eventsListingMainItem .evenAdd i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

.eventsListingItem {
    padding: 25px 20px;
    display: block;
    background: #fff;
    box-shadow: 0 13px 30px 0 rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    position: relative;
    height: 390px;
    transition: all .3s ease;
}

    .eventsListingItem h2 {
        padding: 0;
        line-height: 3rem;
        font: normal 1.8rem fontBold, arial, sans-serif;
        height: 85px;
        overflow: hidden;
        border-radius: 0;
    }

        .eventsListingItem h2 a {
            color: #464749;
            font: normal 1.8rem fontBold, arial, sans-serif;
            transition: all .3s ease;
        }

            .eventsListingItem h2 a:hover {
                color: #18754d;
            }

    .eventsListingItem .eventDate {
        text-align: center;
        margin: 30px auto 30px;
    }

        .eventsListingItem .eventDate .eventStartDate {
            display: inline-block;
            text-align: center;
            font: normal 1.5rem fontReg, arial, sans-serif;
            color: #18754d;
            vertical-align: middle;
        }

            .eventsListingItem .eventDate .eventStartDate .eventDateDay {
                color: #18754d;
            }

        .eventsListingItem .eventDate .eventEndDate {
            display: inline-block;
            text-align: center;
            font: normal 1.5rem fontReg, arial, sans-serif;
            color: #9a6a3c;
            vertical-align: middle;
        }

            .eventsListingItem .eventDate .eventEndDate .eventDateDay {
                color: #9a6a3c;
            }

        .eventsListingItem .eventDate .eventDateDay {
            font: normal 5rem/5rem fontBold, arial, sans-serif;
            text-align: center;
        }

        .eventsListingItem .eventDate .eventTo {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            font: normal 1.3rem fontReg, arial, sans-serif;
            width: 40px;
            height: 40px;
            background: #ababab;
            border-radius: 100%;
            margin: 20px 40px;
            text-align: center;
            padding-top: 9px;
            position: relative;
        }

            .eventsListingItem .eventDate .eventTo:before {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                background: #dedede;
                position: absolute;
                top: 50%;
                right: -20px;
            }

            .eventsListingItem .eventDate .eventTo:after {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                background: #dedede;
                position: absolute;
                top: 50%;
                left: -20px;
            }

    .eventsListingItem .evenLocation {
        font: normal 1.4rem fontReg, arial, sans-serif;
        color: #464749;
        vertical-align: middle;
    }

        .eventsListingItem .evenLocation i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

    .eventsListingItem .evenAdd {
        font: normal 1.4rem fontReg, arial, sans-serif;
        color: #9a6a3c;
        vertical-align: middle;
        margin-top: 15px;
        display: block;
        transition: all .3s ease;
    }

        .eventsListingItem .evenAdd i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

        .eventsListingItem .evenAdd:hover {
            color: #c99d73;
        }

    .eventsListingItem .evenAddCal {
        font: normal 1.4rem fontReg, arial, sans-serif;
        color: #298ebd;
        vertical-align: middle;
        margin-top: 15px;
        display: block;
        transition: all .3s ease;
    }

        .eventsListingItem .evenAddCal i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

        .eventsListingItem .evenAddCal:hover {
            color: #6dbbdf;
        }

    .eventsListingItem:hover {
        box-shadow: 0 35px 70px 5px rgba(0, 0, 0, .15);
    }

.eventDetailsDateTime {
    border-radius: 8px;
    display: block;
    position: relative;
    width: 100%;
    box-shadow: 0 5px 16px 5px rgba(0, 0, 0, .08);
    background: #fff;
    margin: 50px 0;
}

    .eventDetailsDateTime .eventDetailsDate {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 135px;
        float: right;
    }

        .eventDetailsDateTime .eventDetailsDate .eventDate {
            text-align: center;
            margin: 28px auto;
        }

            .eventDetailsDateTime .eventDetailsDate .eventDate .eventDateDay {
                font: normal 5rem/5rem fontBold, arial, sans-serif;
                text-align: center;
            }

            .eventDetailsDateTime .eventDetailsDate .eventDate .eventStartDate {
                display: inline-block;
                text-align: center;
                font: normal 1.5rem fontReg, arial, sans-serif;
                color: #18754d;
                vertical-align: middle;
            }

                .eventDetailsDateTime .eventDetailsDate .eventDate .eventStartDate .eventDateDay {
                    color: #18754d;
                }

            .eventDetailsDateTime .eventDetailsDate .eventDate .eventEndDate {
                display: inline-block;
                text-align: center;
                font: normal 1.5rem fontReg, arial, sans-serif;
                color: #9a6a3c;
                vertical-align: middle;
            }

                .eventDetailsDateTime .eventDetailsDate .eventDate .eventEndDate .eventDateDay {
                    color: #9a6a3c;
                }

            .eventDetailsDateTime .eventDetailsDate .eventDate .eventTo {
                display: inline-block;
                vertical-align: middle;
                color: #fff;
                font: normal 1.3rem fontReg, arial, sans-serif;
                width: 40px;
                height: 40px;
                background: #ababab;
                border-radius: 100%;
                margin: 20px 40px;
                text-align: center;
                padding-top: 9px;
                position: relative;
            }

                .eventDetailsDateTime .eventDetailsDate .eventDate .eventTo:before {
                    content: "";
                    display: block;
                    width: 20px;
                    height: 1px;
                    background: #dedede;
                    position: absolute;
                    top: 50%;
                    right: -20px;
                }

                .eventDetailsDateTime .eventDetailsDate .eventDate .eventTo:after {
                    content: "";
                    display: block;
                    width: 20px;
                    height: 1px;
                    background: #dedede;
                    position: absolute;
                    top: 50%;
                    left: -20px;
                }

    .eventDetailsDateTime .eventDetailsTime {
        display: inline-block;
        position: relative;
        width: 50%;
        height: 135px;
        float: right;
    }

        .eventDetailsDateTime .eventDetailsTime .eventTime {
            text-align: center;
            margin: 28px auto;
        }

            .eventDetailsDateTime .eventDetailsTime .eventTime .eventTimeHour {
                font: normal 3rem/3rem fontBold, arial, sans-serif;
                text-align: center;
                display: inline-block;
                vertical-align: middle;
            }

            .eventDetailsDateTime .eventDetailsTime .eventTime .eventStartTime {
                display: inline-block;
                text-align: center;
                font: normal 1.6rem fontReg, arial, sans-serif;
                color: #18754d;
                vertical-align: middle;
            }

                .eventDetailsDateTime .eventDetailsTime .eventTime .eventStartTime .eventTimeHour {
                    color: #18754d;
                    margin-left: 20px;
                }

            .eventDetailsDateTime .eventDetailsTime .eventTime .eventEndTime {
                display: inline-block;
                text-align: center;
                font: normal 1.6rem fontReg, arial, sans-serif;
                color: #9a6a3c;
                vertical-align: middle;
            }

                .eventDetailsDateTime .eventDetailsTime .eventTime .eventEndTime .eventTimeHour {
                    color: #9a6a3c;
                    margin-left: 20px;
                }

            .eventDetailsDateTime .eventDetailsTime .eventTime .eventTimeTo {
                display: inline-block;
                vertical-align: middle;
                color: #ababab;
                font: normal 4rem/1rem fontReg, arial, sans-serif;
                width: 40px;
                height: 40px;
                margin: 20px 10px;
                text-align: center;
                padding-top: 9px;
                position: relative;
            }

    .eventDetailsDateTime:after {
        content: "";
        display: block;
        clear: both;
    }

.eventDetailsBtns {
    margin-bottom: 65px;
}

    .eventDetailsBtns .evenLocation, .eventDetailsBtns .evenAddCal, .eventDetailsBtns .evenAdd {
        font: normal 1.5rem fontReg, arial, sans-serif;
        vertical-align: middle;
        margin-right: 110px;
        display: inline-block;
        transition: all .3s ease;
    }

        .eventDetailsBtns .evenLocation i, .eventDetailsBtns .evenAddCal i, .eventDetailsBtns .evenAdd i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

    .eventDetailsBtns .evenLocation {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #464749;
        vertical-align: middle;
    }

        .eventDetailsBtns .evenLocation i {
            font-size: 1.8rem;
            vertical-align: middle;
            margin-right: 5px;
        }

    .eventDetailsBtns .evenAddCal {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #298ebd;
        vertical-align: middle;
        display: inline-block;
        transition: all .3s ease;
    }

        .eventDetailsBtns .evenAddCal i {
            font-size: 2rem;
            vertical-align: middle;
            margin-right: 5px;
        }

        .eventDetailsBtns .evenAddCal:hover {
            color: #6dbbdf;
        }

    .eventDetailsBtns .evenAdd {
        font: normal 1.5rem fontReg, arial, sans-serif;
        color: #9a6a3c;
        vertical-align: middle;
        display: inline-block;
        transition: all .3s ease;
    }

        .eventDetailsBtns .evenAdd i {
            font-size: 2rem;
            vertical-align: middle;
            margin-right: 5px;
        }

        .eventDetailsBtns .evenAdd:hover {
            color: #c99d73;
        }

.evenLocation {
    font: normal 1.4rem fontReg, arial, sans-serif;
    color: #464749;
    vertical-align: middle;
}

    .evenLocation i {
        font-size: 1.8rem;
        vertical-align: middle;
        margin-right: 5px;
    }

.branchListItem {
    display: block;
    width: 100%;
    height: 250px;
    background: #f6f6f6;
    text-align: center;
    padding: 40px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
}

    .branchListItem img {
        height: 100px;
        max-width: 90%;
        object-fit: contain;
        transition: all .5s ease;
    }

    .branchListItem h2 {
        font-size: 2.2rem;
        text-align: center;
        transition: all .5s ease;
        color: #464749;
        padding-top: 20px;
    }

    .branchListItem:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .branchListItem:hover img {
            transform: scale(1.05);
        }

        .branchListItem:hover h2 {
            color: #298ebd;
        }

.rulesAndRegulationsListItem {
    display: block;
    width: 100%;
    height: 250px;
    background: #f6f6f6;
    text-align: center;
    padding: 40px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
}

    .rulesAndRegulationsListItem img {
        height: 100px;
        max-width: 90%;
        object-fit: contain;
        transition: all .5s ease;
    }

    .rulesAndRegulationsListItem h2 {
        font-size: 1.6rem;
        text-align: center;
        transition: all .5s ease;
        color: #464749;
        padding-top: 20px;
    }

    .rulesAndRegulationsListItem:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .rulesAndRegulationsListItem:hover img {
            transform: scale(1.05);
        }

        .rulesAndRegulationsListItem:hover h2 {
            color: #298ebd;
        }

.productsAwarenessListItem {
    display: block;
    width: 100%;
    height: 380px;
    background: #fff;
    text-align: center;
    padding: 30px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
    border-radius: 12px;
    border: 1px solid #c4c4c4;
}

    .productsAwarenessListItem img {
        height: 250px;
        width: calc(100% - 40px);
        object-fit: contain;
        transition: all .5s ease;
        background: #eee;
        border-radius: 12px;
    }

    .productsAwarenessListItem h2 {
        font-size: 1.6rem;
        text-align: center;
        transition: all .5s ease;
        color: #464749;
        padding-top: 20px;
    }

    .productsAwarenessListItem:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .productsAwarenessListItem:hover h2 {
            color: #228b5e;
        }

.standardsListingItem {
    display: block;
    width: 100%;
    height: 290px;
    background: #f6f6f6;
    text-align: center;
    padding: 30px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
    border-radius: 4px;
}

    .standardsListingItem h2 {
        font: normal 1.4rem fontReg, arial, sans-serif;
        text-align: center;
        transition: all .5s ease;
        color: #464749;
        padding: 0;
    }

        .standardsListingItem h2 i {
            color: #228b5e;
            font-size: 2.2rem;
            vertical-align: middle;
        }

    .standardsListingItem h3 {
        text-align: center;
        margin-bottom: 20px;
        font-size: 2rem;
    }

    .standardsListingItem .standardsListingItemDownloadWrapper {
        text-align: center;
    }

        .standardsListingItem .standardsListingItemDownloadWrapper:after {
            content: "";
            display: block;
            clear: both;
        }

    .standardsListingItem .standardsListingItemDownloadItem {
        display: inline-block;
        background: #fff;
        border-radius: 12px;
        height: 110px;
        margin-top: 30px;
        width: calc(25% - 12px);
        margin: 20px 4px 0;
        text-align: center;
    }

        .standardsListingItem .standardsListingItemDownloadItem span {
            display: block;
            color: #464749;
            font: normal 1.2rem fontReg, arial, sans-serif;
            text-align: center;
            padding: 12px 5px;
        }

        .standardsListingItem .standardsListingItemDownloadItem a {
            padding: 0 5px;
            position: relative;
            display: inline-block;
            transition: all .3s ease;
        }

            .standardsListingItem .standardsListingItemDownloadItem a:before {
                content: "";
                display: block;
                width: 9px;
                height: 13px;
                background: url(../images/fileDownloadArw.svg) center center no-repeat;
                position: absolute;
                top: 10px;
                right: 0;
            }

            .standardsListingItem .standardsListingItemDownloadItem a:hover {
                transform: scale(1.1);
            }

        .standardsListingItem .standardsListingItemDownloadItem img {
            max-height: 50px;
            max-width: 36px;
            object-fit: contain;
        }

.standardsListing2Item {
    display: block;
    width: 100%;
    height: 210px;
    background: #f6f6f6;
    text-align: center;
    padding: 40px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
}

    .standardsListing2Item img {
        max-height: 50px;
        max-width: 90%;
        object-fit: contain;
        transition: all .5s ease;
    }

    .standardsListing2Item h2 {
        font-size: 1.8rem;
        text-align: center;
        transition: all .5s ease;
        color: #464749;
        padding: 20px 10px 0;
    }

    .standardsListing2Item:hover {
        background: #fff;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .standardsListing2Item:hover h2 {
            color: #228b5e;
        }

.innerStatisticsItem {
    display: block;
    width: 250px;
    max-width: 100%;
    height: 200px;
    background: #f5f5f5;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    padding: 25px 25px;
    position: relative;
    margin-bottom: 30px;
}

    .innerStatisticsItem i {
        font-size: 20px;
        padding: 5px;
        border: 1.2px solid #228b5e;
        color: #228b5e;
        border-radius: 100%;
        margin-bottom: 20px;
    }

    .innerStatisticsItem .innerStatisticsItemNo {
        color: #228b5e;
        font: normal 4rem fontBold, arial, sans-serif;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .innerStatisticsItem p {
        color: #464749;
        font: normal 1.6rem fontReg, arial, sans-serif;
        text-align: center;
    }

input[id*='BooleanField'] {
    opacity: 1;
    position: relative;
}

.sasonl_error {
    padding: 5px;
    color: #ffa216;
    font: normal 1.4rem fontReg, arial, sans-serif;
    display: block;
}

.sasonl_success {
    padding: 5px;
    color: #75df60;
    font: normal 1.4rem fontReg, arial, sans-serif;
    display: block;
}

.sasonl_error[style="visibility:hidden;
"], .sasonl_success[style="visibility: hidden;
"], .sasonl_error[style="visibility: hidden;
"], .sasonl_success[style="visibility: hidden;
"] {
display: none;
}

.ms-formfieldvaluecontainer .select2-container {
    min-width: 200px;
}

.text-center {
    text-align: center !important;
}

.structureWrapper {
    width: 1170px;
    padding-top: 50px;
    position: relative;
}

    .structureWrapper .ocTtl {
        text-align: center;
    }

    .structureWrapper .ocBg1 {
        background: url(../images/Org-StructureBg1.svg) no-repeat center center;
        background-size: 100% 100%;
    }

    .structureWrapper .ocBg2 {
        background: url(../images/Org-StructureBg2.svg) no-repeat center center;
        background-size: 100% 100%;
    }

    .structureWrapper .ocBg3 {
        background: url(../images/Org-StructureBg3.svg) no-repeat center center;
        background-size: 100% 100%;
    }

    .structureWrapper .ocBgSize1 {
        display: inline-block;
        width: 54px;
        height: 53px;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        padding: 13px 0 0;
    }

        .structureWrapper .ocBgSize1 .ocBgIcon {
            width: 30px;
            height: 30px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
        }

    .structureWrapper .ocBgSize2 {
        display: inline-block;
        width: 32px;
        height: 30px;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        padding: 6px 0 0;
    }

        .structureWrapper .ocBgSize2 .ocBgIcon {
            width: 18px;
            height: 18px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
        }

    .structureWrapper h2 {
        font-size: 20px;
        text-align: center;
        padding: 0;
        margin: 0;
        color: #464749;
    }

    .structureWrapper h3 {
        font-size: 16px;
        text-align: center;
        padding: 0;
        margin: 0;
        color: #464749;
    }

    .structureWrapper h4 {
        font-size: 13px;
        text-align: center;
        padding: 0;
        margin: 0;
        color: #464749;
    }

    .structureWrapper h5 {
        font-size: 16px;
        text-align: center;
        padding: 0;
        margin: 0;
        color: #00b2ed;
        padding-top: 5px;
    }

    .structureWrapper .ocLst {
        padding-left: 14px !important;
        padding-right: 5px !important;
        margin-left: 7px;
    }

        .structureWrapper .ocLst li {
            font: normal 13px fontReg, arial, sans-serif !important;
            color: #464749 !important;
        }

            .structureWrapper .ocLst li:before {
                width: 4px !important;
                height: 4px !important;
                background: #414042 !important;
                margin: 8px 6px 0 0 !important;
                margin-left: -14px !important;
            }

    .structureWrapper .greenTopArw {
        padding-top: 25px;
        margin-top: 15px;
        position: relative;
    }

        .structureWrapper .greenTopArw:before {
            content: "";
            display: block;
            width: 20px;
            height: 14px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10px;
            background: url(../images/Org-StructureBg5.svg) no-repeat center center;
        }

    .structureWrapper .ocLvl1 {
        position: relative;
        height: 150px;
    }

    .structureWrapper .ocLvl1a {
        display: inline-block;
        position: absolute;
        left: 50%;
        text-align: center;
        width: 120px;
        margin-left: -60px;
        top: 50px;
    }

        .structureWrapper .ocLvl1a:before {
            content: "";
            display: block;
            height: 40px;
            width: 1px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            top: -48px;
            left: 50%;
        }

    .structureWrapper .ocLvl1b1 {
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: left;
        width: 300px;
        margin-right: 0;
        top: 45px;
    }

        .structureWrapper .ocLvl1b1 h3 {
            display: inline-block;
            vertical-align: middle;
        }

        .structureWrapper .ocLvl1b1 .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 20px;
        }

        .structureWrapper .ocLvl1b1:before {
            content: "";
            display: block;
            width: 40px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -40px;
            top: 11px;
        }

    .structureWrapper .ocLvl1b2 {
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: left;
        width: 300px;
        margin-right: 0;
        top: 80px;
    }

        .structureWrapper .ocLvl1b2 h3 {
            display: inline-block;
            vertical-align: middle;
        }

        .structureWrapper .ocLvl1b2 .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 20px;
        }

        .structureWrapper .ocLvl1b2:before {
            content: "";
            display: block;
            width: 245px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -249px;
            top: 50%;
        }

        .structureWrapper .ocLvl1b2:after {
            content: "";
            display: block;
            height: 80px;
            width: 1px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            left: -40px;
            top: -24px;
        }

    .structureWrapper .ocLvl1b3 {
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: left;
        width: 300px;
        margin-right: 0;
        top: 115px;
    }

        .structureWrapper .ocLvl1b3 h3 {
            display: inline-block;
            vertical-align: middle;
        }

        .structureWrapper .ocLvl1b3 .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 20px;
        }

        .structureWrapper .ocLvl1b3:before {
            content: "";
            display: block;
            width: 40px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -40px;
            top: 20px;
        }

    .structureWrapper .ocLvl1c {
        display: inline-block;
        position: absolute;
        left: 0;
        text-align: right;
        width: 435px;
        margin-left: 0;
        top: 80px;
    }

        .structureWrapper .ocLvl1c h3 {
            display: inline-block;
            vertical-align: middle;
        }

        .structureWrapper .ocLvl1c .ocBgSize2 {
            vertical-align: middle;
            float: right;
            margin-left: 20px;
        }

            .structureWrapper .ocLvl1c .ocBgSize2 .ocBgIcon {
                width: 13px;
                height: 13px;
                margin-top: 5px;
                margin-left: 2px;
            }

        .structureWrapper .ocLvl1c:before {
            content: "";
            display: block;
            width: 104px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -112px;
            top: 50%;
        }

    .structureWrapper .ocLvl2 {
        height: 230px;
        position: relative;
    }

        .structureWrapper .ocLvl2:after {
            content: "";
            display: block;
            height: 245px;
            width: 1px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            left: 50%;
            top: -15px;
        }

    .structureWrapper .ocLvl2a {
        display: inline-block;
        position: absolute;
        right: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 45px;
    }

        .structureWrapper .ocLvl2a h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2a .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 10px;
        }

            .structureWrapper .ocLvl2a .ocBgSize2 .ocBgIcon {
                margin-left: 2px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2a:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -65px;
            top: 15px;
        }

        .structureWrapper .ocLvl2a:after {
            content: "";
            display: block;
            width: 46px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -46px;
            top: 12px;
        }

    .structureWrapper .ocLvl2a1 {
        display: inline-block;
        position: absolute;
        right: 60px;
        text-align: center;
        width: 160px;
        margin-right: 0;
        top: 30px;
    }

        .structureWrapper .ocLvl2a1 h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 160px;
            padding: 2px;
        }

            .structureWrapper .ocLvl2a1 h4:after {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                background: #414042;
                position: absolute;
                left: -2px;
                top: 10px;
                border-radius: 100%;
            }

        .structureWrapper .ocLvl2a1:before {
            content: "";
            display: block;
            width: 15px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -15px;
            top: 12px;
        }

        .structureWrapper .ocLvl2a1:after {
            content: "";
            display: block;
            width: 1px;
            height: 16px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            left: -15px;
            top: 12px;
        }

    .structureWrapper .ocLvl2a2 {
        display: inline-block;
        position: absolute;
        right: 60px;
        text-align: center;
        width: 160px;
        margin-right: 0;
        top: 62px;
    }

        .structureWrapper .ocLvl2a2 h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 160px;
            padding: 2px;
        }

            .structureWrapper .ocLvl2a2 h4:after {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                background: #414042;
                position: absolute;
                left: -2px;
                top: 10px;
                border-radius: 100%;
            }

        .structureWrapper .ocLvl2a2:before {
            content: "";
            display: block;
            width: 15px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -15px;
            top: 12px;
        }

        .structureWrapper .ocLvl2a2:after {
            content: "";
            display: block;
            width: 1px;
            height: 16px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            left: -15px;
            top: -4px;
        }

    .structureWrapper .ocLvl2b {
        display: inline-block;
        position: absolute;
        right: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 80px;
    }

        .structureWrapper .ocLvl2b h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2b .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 10px;
        }

            .structureWrapper .ocLvl2b .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2b:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2c {
        display: inline-block;
        position: absolute;
        right: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 115px;
    }

        .structureWrapper .ocLvl2c h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2c .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 10px;
        }

            .structureWrapper .ocLvl2c .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2c:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2d {
        display: inline-block;
        position: absolute;
        right: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 150px;
    }

        .structureWrapper .ocLvl2d h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2d .ocBgSize2 {
            vertical-align: middle;
            float: left;
            margin-right: 10px;
        }

            .structureWrapper .ocLvl2d .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 1px;
            }

        .structureWrapper .ocLvl2d:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            left: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2e {
        display: inline-block;
        position: absolute;
        left: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 45px;
    }

        .structureWrapper .ocLvl2e h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2e .ocBgSize2 {
            vertical-align: middle;
            float: right;
            margin-left: 10px;
        }

            .structureWrapper .ocLvl2e .ocBgSize2 .ocBgIcon {
                margin-right: 2px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2e:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2e1 {
        display: inline-block;
        position: absolute;
        left: 60px;
        text-align: center;
        width: 160px;
        margin-right: 0;
        top: 45px;
    }

        .structureWrapper .ocLvl2e1 h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 160px;
            padding: 2px;
        }

            .structureWrapper .ocLvl2e1 h4:after {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                background: #414042;
                position: absolute;
                right: -2px;
                top: 10px;
                border-radius: 100%;
            }

        .structureWrapper .ocLvl2e1:before {
            content: "";
            display: block;
            width: 59px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -59px;
            top: 12px;
        }

    .structureWrapper .ocLvl2f {
        display: inline-block;
        position: absolute;
        left: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 80px;
    }

        .structureWrapper .ocLvl2f h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2f .ocBgSize2 {
            vertical-align: middle;
            float: right;
            margin-left: 10px;
        }

            .structureWrapper .ocLvl2f .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2f:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2g {
        display: inline-block;
        position: absolute;
        left: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 115px;
    }

        .structureWrapper .ocLvl2g h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2g .ocBgSize2 {
            vertical-align: middle;
            float: right;
            margin-left: 10px;
        }

            .structureWrapper .ocLvl2g .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 3px;
            }

        .structureWrapper .ocLvl2g:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl2h {
        display: inline-block;
        position: absolute;
        left: 280px;
        text-align: center;
        width: 240px;
        margin-right: 0;
        top: 150px;
    }

        .structureWrapper .ocLvl2h h4 {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #b1b1b1;
            border-radius: 25px;
            width: 195px;
            padding: 2px;
        }

        .structureWrapper .ocLvl2h .ocBgSize2 {
            vertical-align: middle;
            float: right;
            margin-left: 10px;
        }

            .structureWrapper .ocLvl2h .ocBgSize2 .ocBgIcon {
                margin-left: 1px;
                margin-top: 1px;
            }

        .structureWrapper .ocLvl2h:before {
            content: "";
            display: block;
            width: 65px;
            height: 1px;
            border-top: 1px solid #8d8d8d;
            position: absolute;
            right: -65px;
            top: 15px;
        }

    .structureWrapper .ocLvl3 {
        height: 730px;
        position: relative;
    }

        .structureWrapper .ocLvl3:before {
            content: "";
            display: block;
            width: 1px;
            height: 730px;
            border-right: 1px solid #8d8d8d;
            position: absolute;
            left: 50%;
            top: -4px;
        }

        .structureWrapper .ocLvl3:after {
            content: "";
            display: block;
            width: 12px;
            height: 7px;
            position: absolute;
            left: 50%;
            top: 722px;
            margin-left: -6px;
            background: url(../images/Org-StructureBg6.svg) no-repeat center center;
        }

        .structureWrapper .ocLvl3 .ocBgSize2 {
            padding: 9px 0 0;
        }

        .structureWrapper .ocLvl3 .ocLvl3a {
            width: 160px;
            position: absolute;
            right: 0;
            top: 15px;
        }

        .structureWrapper .ocLvl3 .ocLvl3a1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3a1 h5 {
                height: 55px;
                margin-bottom: 15px;
            }

            .structureWrapper .ocLvl3 .ocLvl3a1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3a1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    right: 50%;
                    top: -14px;
                }

        .structureWrapper .ocLvl3 .ocLvl3b {
            width: 140px;
            position: absolute;
            right: 160px;
            top: 15px;
        }

        .structureWrapper .ocLvl3 .ocLvl3b1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3b1 h5 {
                height: 55px;
                margin-bottom: 15px;
            }

            .structureWrapper .ocLvl3 .ocLvl3b1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3b1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    right: 50%;
                    top: -14px;
                }

        .structureWrapper .ocLvl3 .ocLvl3c {
            width: 140px;
            position: absolute;
            right: 300px;
            top: 15px;
        }

        .structureWrapper .ocLvl3 .ocLvl3c1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3c1 h5 {
                height: 55px;
                margin-bottom: 15px;
            }

            .structureWrapper .ocLvl3 .ocLvl3c1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3c1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    right: 50%;
                    top: -14px;
                }

        .structureWrapper .ocLvl3 .ocLvl3d {
            width: 144px;
            position: absolute;
            right: 440px;
            top: 15px;
        }

            .structureWrapper .ocLvl3 .ocLvl3d:before {
                content: "";
                display: block;
                width: 1px;
                height: 660px;
                border-right: 1px dashed #8d8d8d;
                position: absolute;
                right: 0;
                top: 50px;
            }

            .structureWrapper .ocLvl3 .ocLvl3d:after {
                content: "";
                display: block;
                width: 12px;
                height: 7px;
                position: absolute;
                right: 0;
                top: 707px;
                margin-right: -5px;
                background: url(../images/Org-StructureBg6.svg) no-repeat center center;
            }

        .structureWrapper .ocLvl3 .ocLvl3d1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3d1 h3 {
                height: 55px;
                margin-bottom: 15px;
                padding-top: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3d1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3d1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    right: 50%;
                    top: -14px;
                }

            .structureWrapper .ocLvl3 .ocLvl3d1:after {
                content: "";
                display: block;
                width: 49px;
                height: 1px;
                border-top: 1px dashed #8d8d8d;
                position: absolute;
                right: 0;
                top: 49px;
            }

        .structureWrapper .ocLvl3 .ocLvl3e {
            width: 140px;
            position: absolute;
            right: 595px;
            top: 15px;
        }

            .structureWrapper .ocLvl3 .ocLvl3e:before {
                content: "";
                display: block;
                width: 1px;
                height: 660px;
                border-right: 1px dashed #8d8d8d;
                position: absolute;
                left: 0;
                top: 50px;
            }

            .structureWrapper .ocLvl3 .ocLvl3e:after {
                content: "";
                display: block;
                width: 12px;
                height: 7px;
                position: absolute;
                left: 0;
                top: 707px;
                margin-left: -6px;
                background: url(../images/Org-StructureBg6.svg) no-repeat center center;
            }

        .structureWrapper .ocLvl3 .ocLvl3e1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3e1 h3 {
                height: 55px;
                margin-bottom: 15px;
                padding-top: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3e1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3e1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

            .structureWrapper .ocLvl3 .ocLvl3e1:after {
                content: "";
                display: block;
                width: 46px;
                height: 1px;
                border-top: 1px dashed #8d8d8d;
                position: absolute;
                left: 0;
                top: 49px;
            }

        .structureWrapper .ocLvl3 .ocLvl3f {
            width: 190px;
            position: absolute;
            right: 730px;
            top: 15px;
        }

            .structureWrapper .ocLvl3 .ocLvl3f:before {
                content: "";
                display: block;
                width: 1px;
                height: 660px;
                border-right: 1px dashed #8d8d8d;
                position: absolute;
                left: 0;
                top: 50px;
            }

            .structureWrapper .ocLvl3 .ocLvl3f:after {
                content: "";
                display: block;
                width: 12px;
                height: 7px;
                position: absolute;
                left: 0;
                top: 707px;
                margin-left: -6px;
                background: url(../images/Org-StructureBg6.svg) no-repeat center center;
            }

        .structureWrapper .ocLvl3 .ocLvl3f1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3f1 h3 {
                height: 55px;
                margin-bottom: 15px;
                padding-top: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3f1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3f1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

            .structureWrapper .ocLvl3 .ocLvl3f1:after {
                content: "";
                display: block;
                width: 70px;
                height: 1px;
                border-top: 1px dashed #8d8d8d;
                position: absolute;
                left: 0;
                top: 49px;
            }

        .structureWrapper .ocLvl3 .ocLvl3g {
            width: 140px;
            position: absolute;
            right: 920px;
            top: 15px;
        }

        .structureWrapper .ocLvl3 .ocLvl3g1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3g1 h5 {
                height: 55px;
                margin-bottom: 15px;
            }

            .structureWrapper .ocLvl3 .ocLvl3g1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3g1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 180px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

        .structureWrapper .ocLvl3 .ocLvl3h {
            width: 110px;
            position: absolute;
            right: 1060px;
            top: 15px;
        }

        .structureWrapper .ocLvl3 .ocLvl3h1 {
            text-align: center;
        }

            .structureWrapper .ocLvl3 .ocLvl3h1 h5 {
                height: 55px;
                margin-bottom: 15px;
            }

            .structureWrapper .ocLvl3 .ocLvl3h1 .ocBgIcon {
                width: 26px;
                height: 26px;
                margin: 5px;
            }

            .structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1 {
                position: relative;
            }

                .structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1:before {
                    content: "";
                    display: block;
                    width: 1px;
                    height: 15px;
                    border-right: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

                .structureWrapper .ocLvl3 .ocLvl3h1 .ocBgSize1:after {
                    content: "";
                    display: block;
                    width: 160px;
                    height: 1px;
                    border-top: 1px solid #8d8d8d;
                    position: absolute;
                    left: 50%;
                    top: -14px;
                }

    .structureWrapper .ocFooter {
        height: 59px;
        width: 778px;
        margin: 55px auto 0;
        background: #245a69 url('../images/Org-StructureBg9.svg') calc(100% - 10px) center no-repeat;
        background-size: 40px 49px;
        border-radius: 50px;
        color: #fff;
        font: normal 18px/22px fontReg, arial, sans-serif;
        text-align: center;
        padding: 7px 100px;
    }

    .structureWrapper .ocIndex {
        position: absolute;
        right: 10px;
        top: 920px;
    }

.awarenessAlbumsItem {
    display: block;
    height: 300px;
    margin: 0 0 30px;
    background: #fff url('../images/awarenessAlbums-1.jpg') -20px center no-repeat;
    transition: all .3s ease;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    position: relative;
}

    .awarenessAlbumsItem.awarenessAlbumsItem1 {
        background-image: url('../images/awarenessAlbums-1.jpg');
    }

    .awarenessAlbumsItem.awarenessAlbumsItem2 {
        background-image: url('../images/awarenessAlbums-2.jpg');
    }

    .awarenessAlbumsItem.awarenessAlbumsItem3 {
        background-image: url('../images/awarenessAlbums-3.jpg');
    }

    .awarenessAlbumsItem.awarenessAlbumsItem4 {
        background-image: url('../images/awarenessAlbums-4.jpg');
    }

    .awarenessAlbumsItem h2 {
        font: normal 3.5rem fontBold, arial, sans-serif;
        color: #228b5e !important;
        text-align: center;
        padding: 90px 20px;
        margin: 0;
        transition: all .3s ease;
    }

    .awarenessAlbumsItem .more {
        display: block;
        text-align: center;
        color: #444;
        font: normal 16px fontReg, arial, sans-serif;
    }

        .awarenessAlbumsItem .more i {
            font-size: 18px;
            margin-left: 10px;
        }

    .awarenessAlbumsItem:hover {
        background-position: -2px center;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .awarenessAlbumsItem:hover h2 {
            transform: translateX(10px);
        }

.awarenessAlbumsSubItem {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    padding: 20px 20px;
    margin: 0 0 30px;
    background: #fff url('../images/awarenessAlbumsSubItem.jpg') -20px center no-repeat;
    transition: all .3s ease;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    position: relative;
    text-align: center;
}

    .awarenessAlbumsSubItem h2 {
        font: normal 2.5rem fontBold, arial, sans-serif;
        color: #228b5e !important;
        text-align: center;
        padding: 0;
        margin: 0;
        transition: all .3s ease;
        display: block;
    }

    .awarenessAlbumsSubItem .more {
        display: block;
        text-align: center;
        color: #444;
        font: normal 16px fontReg, arial, sans-serif;
    }

        .awarenessAlbumsSubItem .more i {
            font-size: 18px;
            margin-right: 10px;
        }

    .awarenessAlbumsSubItem:hover {
        background-position: -2px center;
        box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    }

        .awarenessAlbumsSubItem:hover h2 {
            transform: translateX(10px);
        }

.serviceListItem {
    display: block;
    width: 100%;
    height: 280px;
    background: #fff;
    box-shadow: 0 10px 45px 10px rgba(0, 0, 0, .12);
    text-align: center;
    padding: 30px 10px 10px;
    margin-bottom: 30px;
    transition: all .5s ease;
}

    .serviceListItem img {
        display: block;
        height: 55px;
        text-align: center;
        transition: all .5s ease;
        object-fit: contain;
        margin: 40px auto 0;
        max-width: 80%;
    }

    .serviceListItem h2 {
        font-size: 1.6rem;
        text-align: center;
        transition: all .5s ease;
        color: #464749 !important;
        padding-top: 20px;
        height: 50px;
        box-sizing: content-box;
    }

    .serviceListItem span {
        padding: 9px 15px;
        width: 175px;
        display: block;
        margin-top: 15px;
        font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
        color: #fff;
        transition: all .5s ease;
        text-align: center;
        border-radius: 25px;
        background: #18754d;
        opacity: 0;
        margin: 15px auto;
        transform: translateY(25px);
    }

    .serviceListItem:hover span {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .1s;
    }

    .serviceListItem:hover img {
        margin-top: 20px;
    }

.ms-cui-tts-scale-2 .ms-cui-tt-a {
    width: auto;
}

#fancy_print {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    left: -70px;
    display: block;
}

    #fancy_print:before {
        content: '';
        font-family: saso-icons;
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }

.homeAdsSliderwrapper .homeAdsSlider {
    border: 1px solid #ebf0f5;
    border-radius: 12px;
    box-shadow: 0 0 10px 3px rgba(0, 28, 65, .1);
    margin-top: 19px;
    height: 319px;
}

    .homeAdsSliderwrapper .homeAdsSlider .homeAdsItem {
        display: block;
        border: 1px solid #ebf0f5;
        border-radius: 12px;
        height: 319px;
        margin: -1px;
        padding: 20px;
        text-align: center;
        background: url('../images/homeAdsIcon.svg') no-repeat center 30px, url('../images/homeAdsBG1.svg') no-repeat left 25px, url('../images/homeAdsBG2.svg') no-repeat right 250px;
        background-color: #fff;
    }

        .homeAdsSliderwrapper .homeAdsSlider .homeAdsItem .homeAdsItemCountDown {
            background: #cea253;
            display: block;
            height: 75px;
            width: 92%;
            margin: 100px auto 30px;
            text-align: center;
            color: #fff;
            font: normal 2.5rem/1.5 fontBold, arial, sans-serif;
            border-radius: 8px;
            padding: 17px 5px 5px;
        }

        .homeAdsSliderwrapper .homeAdsSlider .homeAdsItem h3 {
            color: #444;
            font: normal 1.8rem/1.5 fontBold, arial, sans-serif;
            text-align: center;
            height: 55px;
            overflow: hidden;
        }

.homeAdsSliderwrapper .swiper-pagination {
    position: relative;
    margin-top: 30px;
    margin-bottom: 55px;
    z-index: 0;
    margin-right: auto;
    margin-left: auto;
}

    .homeAdsSliderwrapper .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        background: #d4d4d4;
        border-radius: 100%;
        margin: 0 4px;
        opacity: 1;
        transition: all .3s ease;
    }

    .homeAdsSliderwrapper .swiper-pagination .swiper-pagination-bullet-active {
        background: #228b5e;
    }

.publicConsultationListItem {
    min-height: 330px;
    display: block;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    transition: all .3s ease;
    padding: 10px 25px;
    margin-bottom: 30px;
}

    .publicConsultationListItem:hover {
        box-shadow: 0 0 50px 10px rgba(0, 0, 0, .15);
    }

    .publicConsultationListItem .publicConsultationListItemIconWrapper {
        display: block;
    }

        .publicConsultationListItem .publicConsultationListItemIconWrapper .publicConsultationListItemIcon {
            background: url('../images/publicConsultationListItemIcon.svg') no-repeat center center;
            width: 145px;
            height: 100px;
            border-bottom: 2px solid #ddd;
            margin: 20px auto;
        }

    .publicConsultationListItem label {
        display: block;
        padding: 10px 0;
        font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
        color: #18754d;
    }

    .publicConsultationListItem span {
        display: block;
        font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
        color: #464749;
    }

        .publicConsultationListItem span.active {
            color: #75df60;
            font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
        }

        .publicConsultationListItem span.closed {
            color: #e44e4e;
            font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
        }

.publicConsultationDetailsWrapper label {
    display: block;
    padding: 10px 0;
    font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
    color: #18754d;
}

.publicConsultationDetailsWrapper span {
    display: block;
    font: normal 1.5rem/1.5 fontReg, arial, sans-serif;
    color: #464749;
}

    .publicConsultationDetailsWrapper span.active {
        color: #75df60;
        font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
    }

    .publicConsultationDetailsWrapper span.closed {
        color: #e44e4e;
        font: normal 1.5rem/1.5 fontBold, arial, sans-serif;
    }

.publicConsultationDetailsWrapper .downloadBtn.btn {
    width: 310px;
    max-width: 90%;
    padding: 17px 20px !important;
    margin: 30px 15px;
    height: 54px;
}

    .publicConsultationDetailsWrapper .downloadBtn.btn:before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 17px;
        vertical-align: middle;
        margin: 0 10px;
        background: url('../images/downloadArw.svg') no-repeat center center;
    }

.rsbtn span {
    line-height: 12px;
    font-size: 14px;
    height: 16px;
}

@media(min-width:1024px) and (max-width:1300px) {
    .service-tabs .tab-content .tab-pane {
        overflow-x: auto;
        white-space: nowrap;
        padding: 18px 23px;
    }

        .service-tabs .tab-content .tab-pane .serv-item {
            white-space: normal;
        }
}

@media(max-width:1024px) {
    body .header-wrapper.home-header {
        min-height: 135px;
        max-height: 135px;
    }

    .header-wrapper .logoImg {
        max-height: 62px !important;
        margin-right: 18px;
    }

    .header-wrapper.home-header .vissionlogoImg {
        max-height: 50px !important;
    }

    .header-wrapper .logo-sep {
        height: 52px;
        margin: 0 5px;
        position: relative;
        top: -5px;
    }

    .showhidenav {
        right: 18px;
        top: 44px;
    }

    .header-wrapper .top-functions .topLnk {
        margin-right: 5px;
        font-size: 11px;
    }

    .header-wrapper .top-functions .searchicon .search2 {
        margin-right: 10px;
    }

    .header-wrapper .topnav .navbar-nav > li + li {
        margin: 0 50px 0 0;
    }

    .header-wrapper .topnav .navbar-nav > li > a {
        font-size: 1em;
    }

        .header-wrapper .topnav .navbar-nav > li > a .icon-home {
            font-size: 1.571em;
            line-height: 1.2;
        }

    .service-tabs .tab-content .tab-pane {
        overflow-x: auto;
        white-space: nowrap;
        padding: 18px 23px;
    }

        .service-tabs .tab-content .tab-pane .serv-item {
            white-space: normal;
        }

    .header-wrapper .topnav .navbar-collapse {
        position: relative;
    }

    .header-wrapper .topnav.sticynav .navbar-toggle {
        margin-top: 8px;
        margin-left: 10px;
    }

    .header-wrapper .topnav.sticynav .navbar-collapse {
        top: 0;
    }

    .navbar-toggle {
        height: 32px;
        margin-left: 0;
    }

        .navbar-toggle .icon-bar {
            transition: all .5s ease;
        }

        .navbar-toggle.active .icon-bar:nth-child(2) {
            transform: translateY(3px) rotate(45deg);
        }

        .navbar-toggle.active .icon-bar:nth-child(3) {
            opacity: 0;
            display: none;
        }

        .navbar-toggle.active .icon-bar:nth-child(4) {
            transform: translateY(-3px) rotate(-45deg);
        }

    .related-sites .r-sites .title {
        font-size: 17px;
    }

    .footer .newsLetter .newsletterfrom .txtbox {
        width: 77%;
    }

    .footer .socialMedia a {
        margin: 0 1px;
    }

    .footer .footer-copyright-wrapper > [class^="col-"] {
        display: block;
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .footer .footer-copyright-wrapper .footerLinks {
        padding-top: 0;
        position: relative;
    }

    .footer .footer-copyright-wrapper .footerLogo {
        float: none;
        display: inline-block;
        padding-top: 25px;
    }

    .wptitle {
        font-size: 1.786em;
        float: none;
    }

        .wptitle .more {
            margin-top: 0;
        }

    .serviceswrapper {
        height: auto;
    }

        .serviceswrapper .service-lrbg {
            padding: 0 15px;
            background: rgba(255, 255, 255, .9);
        }

        .serviceswrapper .wptitle {
            width: 100%;
            max-width: 100%;
            min-height: 0;
            border-bottom: 1px #dbe2e6 solid;
            text-align: center;
            padding: 5px 0 8px;
            margin: 0;
            font-size: 2.9rem;
        }

            .serviceswrapper .wptitle .more {
                right: auto;
                left: 0;
                top: 12px;
                margin-top: 0;
            }

        .serviceswrapper .servs-group {
            width: 100%;
            margin-left: 0;
            float: none !important;
            clear: both;
        }

    .startproject-wrapper .project-box {
        margin: 20px 0 40px;
    }

    .wnew-eventswrapper {
        padding-top: 5px;
        margin-bottom: 15px;
    }

        .wnew-eventswrapper .wnew-tabs .nav-tabs > li > a {
            font-size: 1.786em;
        }

        .wnew-eventswrapper .wnew-item .date {
            width: 120px;
            margin: 5px 0;
        }

            .wnew-eventswrapper .wnew-item .date .bigday {
                font-size: 1.786em;
            }

            .wnew-eventswrapper .wnew-item .date .month {
                font-size: 1em;
            }

        .wnew-eventswrapper .wnew-item .new-txt {
            padding: 0 130px 0 0;
            font-size: 1em;
            line-height: 1.6;
        }

    .eventsslider-wrapper .swiper-slide .date {
        margin: 0;
    }

        .eventsslider-wrapper .swiper-slide .date .bigday {
            font-size: 80px;
            line-height: 1.3;
        }

        .eventsslider-wrapper .swiper-slide .date .month {
            font-size: 1.143em;
        }

    .eventsslider-wrapper .swiper-slide .event-txt {
        font-size: 1.143em;
        line-height: 1.6;
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        font-size: 34px;
        height: 320px;
    }

    .pollWp .wptitle {
        text-align: right;
        padding: 0 15px;
    }

        .pollWp .wptitle:after {
            margin: 0;
        }

    .pollWp .pollbtns .btn {
        font-size: 1.143em;
    }

    .home-events .wptitle {
        line-height: 2;
        margin-bottom: 10px;
    }

        .home-events .wptitle .more {
            margin-top: 3px;
        }

    #suiteBarDelta, #s4-ribbonrow {
        display: none;
        overflow: hidden;
    }

    body .sharepointBarContainer + #s4-workspace {
        margin-top: 0;
    }

    #s4-workspace {
        overflow: visible;
        height: auto !important;
    }

    body {
        overflow: auto;
    }
}

@media(max-width:992px) {
    .header-wrapper .topnav .navbar > .row {
        margin: 0;
    }

    .header-wrapper .topnav .navbar {
        display: block !important;
    }

        .header-wrapper .topnav .navbar .navbar-brand {
            display: none !important;
        }

    .header-wrapper .topnav.sticynav {
        padding: 5px 0;
    }

        .header-wrapper .topnav.sticynav .navbar-brand {
            display: inline-block !important;
            padding: 2px 18px;
        }

            .header-wrapper .topnav.sticynav .navbar-brand .logoImg {
                max-height: 40px !important;
            }

    .showhidenav {
        display: none;
    }

    .header-wrapper .topnav {
        margin-top: 0;
    }

    .header-wrapper .top-functions {
        left: 60px;
        padding-top: 18px;
    }

        .header-wrapper .top-functions .topLnk {
            font-size: 12px;
        }

    body .header-wrapper.home-header .topbar {
        padding-top: 22px;
        padding-bottom: 0;
    }

    .header-wrapper .logoImg {
        margin-right: 0;
    }

    .navbar-header {
        float: none;
        position: absolute;
        top: -65px;
        left: 0;
    }

    .sticynav {
        height: 55px;
    }

        .sticynav .navbar-header {
            position: static;
        }

    .navbar-default .navbar-toggle, .navbar-toggle {
        display: block;
        border: 0;
        background: #fff;
    }

        .navbar-default .navbar-toggle:focus, .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle:hover {
            background: #f2f2f2;
        }

        .navbar-default .navbar-toggle .icon-bar, .navbar-toggle .icon-bar {
            background-color: #0096b6;
        }

    .navbar-collapse {
        margin: 0 -8px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        background: #0096b6;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 0;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .header-wrapper .topnav .navbar-nav > li, .header-wrapper .topnav .navbar-nav > li + li {
        padding: 0 10px;
    }

        .header-wrapper .topnav .navbar-nav > li:first-child .icon-home {
            display: none;
        }

        .header-wrapper .topnav .navbar-nav > li:first-child a:before {
            content: 'الرئيسية';
        }

    .header-wrapper .topnav .navbar-nav > .active > a {
        color: #fff;
    }

    .header-wrapper .topnav .navbar-nav > li {
        position: relative;
        border-bottom: 1px solid #00819d;
    }

        .header-wrapper .topnav .navbar-nav > li:last-child {
            border-bottom: 0;
        }

        .header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
            float: left;
            position: relative;
            top: 8px;
        }

        .header-wrapper .topnav .navbar-nav > li > .dropdown-menu {
            position: relative;
            box-shadow: none;
            margin-bottom: 20px;
            background: #00819d !important;
        }

            .header-wrapper .topnav .navbar-nav > li > .dropdown-menu h6 {
                border-bottom: 0;
                padding: 0;
                margin-bottom: 0;
            }

                .header-wrapper .topnav .navbar-nav > li > .dropdown-menu a, .header-wrapper .topnav .navbar-nav > li > .dropdown-menu h6 a {
                    color: #fff;
                    padding: 5px 0;
                }

        .header-wrapper .topnav .navbar-nav > li > a.dropdown-toggle:after {
            font-size: 8px;
            transition: all .3s ease;
        }

        .header-wrapper .topnav .navbar-nav > li.dropdown.open > a.dropdown-toggle:after {
            transform: rotate(-180deg);
        }

    .startproject-wrapper {
        height: auto;
    }

        .startproject-wrapper .project-box {
            margin: 20px 0 40px;
        }

            .startproject-wrapper .project-box h3 {
                font-size: 1.143em;
            }

            .startproject-wrapper .project-box p {
                font-size: 1em;
            }

            .startproject-wrapper .project-box .start-btn {
                height: 45px;
                min-width: 175px;
                font-size: 1.143em;
            }

    .shareWrapper {
        margin-right: 0;
        margin-left: 0;
    }

    .pollWp {
        background-size: cover;
        background-position: left bottom;
    }

    .related-sites .r-sites {
        width: 90%;
        margin: 0 auto;
    }

        .related-sites .r-sites .title {
            font-size: 15px;
            width: 100%;
            text-align: center;
            border-radius: 8px 8px 0 0;
            padding: 5px;
            height: auto;
            max-width: none;
        }

            .related-sites .r-sites .title > br {
                display: none;
            }

        .related-sites .r-sites .sites-wrapper {
            width: 100%;
            margin: 0;
        }

            .related-sites .r-sites .sites-wrapper .swiper-container {
                margin: 0 10px;
            }

    .footer .newsLetter {
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
    }

    .footer .socialMedia {
        padding: 15px 0;
    }

    .footer .footerlinks, .footer .tagcloud {
        text-align: center;
        padding: 0;
        border: 0;
    }

    .footer .tagcloud {
        padding-bottom: 20px;
    }

    .footer .carecenter {
        margin: 0;
    }

    .footer .footer-copyright-wrapper {
        padding-top: 0;
    }

    .indecators .indecatorsslider .indecator-item .number {
        font-size: 35px;
    }

    .mainslider .swiper-button-next, .mainslider .swiper-button-prev {
        margin-top: 0;
    }
}

@media(max-width:991px) {
    .header-wrapper .topnav .navbar-collapse {
        top: -45px;
        max-height: 85vh;
        overflow: auto;
    }

    .header-wrapper .navbar-header {
        top: -115px;
        left: 10px;
    }

    .header-wrapper .top-functions {
        left: 0;
    }

    .wnew-eventswrapper .wnew-tabs .tab-content {
        height: auto;
    }

    .pollWp {
        max-height: none;
    }

    .related-sites .r-sites .sites-wrapper .swiper-slide {
        margin-right: 0;
    }

    .rating .ratingText {
        display: none;
    }

    .innerpages .pagetitle h2 {
        font-size: 1.286em;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .header-wrapper .topnav .navbar-nav > li > a {
        padding: 10px 0;
    }

    .month-container {
        width: 100%;
    }

    .eventInfoMobile {
        position: relative;
        top: 105px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

        .eventInfoMobile .select2 {
            width: 100% !important;
        }

    .eventInfo {
        display: none;
    }

    .fc th {
        padding: 5px !important;
        font-size: 12px;
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .header-wrapper {
        height: 142px;
    }

        .header-wrapper .top-functions {
            left: 0;
        }

            .header-wrapper .top-functions .topLnk {
                font-size: 12px;
            }

            .header-wrapper .top-functions .searchbox {
                width: calc(100vw - 45px);
                max-width: none;
            }

    .navbar-header {
        top: -110px;
        left: 10px;
    }

    .indecators .swiper-button-next {
        left: 0;
    }

    .indecators .swiper-button-prev {
        right: 0;
    }

    .pollWp {
        background: rgba(255, 255, 255, .5);
    }

    .wptitle {
        font-size: 1.286em;
    }

    .mainslider {
        max-height: 460px;
    }

        .mainslider .swiper-button-next, .mainslider .swiper-button-prev {
            background-size: 33px 70px;
        }

        .mainslider .swiper-button-next {
            left: 0;
        }

        .mainslider .swiper-button-prev {
            right: 0;
        }

        .mainslider .banner-description {
            max-width: 85vw;
            padding: 0 2vw 0 0;
        }

            .mainslider .banner-description h2 {
                font-size: 40px;
                margin-bottom: 10px;
            }

            .mainslider .banner-description h3 {
                font-size: 19px;
            }

    .Customer-link {
        margin-right: -244px;
        font-size: 13px;
        line-height: 48px;
        width: 300px;
        bottom: 60px;
    }

        .Customer-link [class^="icon-"] {
            font-size: 23px;
            margin-right: 5px;
        }

    .service-description {
        padding: 0;
    }

        .service-description .servd-icon {
            position: relative;
            top: 7px;
            font-size: 28px !important;
            margin-right: 0;
        }

    .service-working-method {
        padding: 15px;
        border-radius: 10px;
    }

        .service-working-method .servm-icon {
            margin-right: 0;
            font-size: 28px !important;
            position: relative;
            top: 0;
        }

    .numeric-timeline {
        margin: 20px 10px 0 0;
    }

        .numeric-timeline li {
            font-size: 13px;
            padding-right: 45px;
            padding-bottom: 25px;
        }

    #lawDetailsContainer {
        margin: 0;
    }

    #lawSummaryContainer {
        margin: 0;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1);
    }

    #lawItemContainer {
        padding: 15px 0;
    }

    .home-content .homenewsSlider .swiper-slide .newsItem h3 {
        font-size: 17px;
        line-height: 1.5;
    }

    .newsListItem .NewsList_Image img {
        height: auto !important;
    }

    body .dataTables_wrapper .dataTables_filter input[type="search"] {
        width: 210px;
    }

    .bmDetailsTtl {
        height: auto;
        position: relative;
        padding: 20px;
        margin: 30px 0;
    }

        .bmDetailsTtl .bmDetailsTtlImg {
            text-align: center;
            float: none;
            display: block;
        }

        .bmDetailsTtl .bmDetailsTtlTxt {
            display: block;
            height: auto;
            padding: 10px;
            text-align: center;
        }

        .bmDetailsTtl a#share_mail, .bmDetailsTtl a#share_twitter {
            margin-top: 20px;
        }

    .SASO-News {
        top: 70%;
    }

        .SASO-News.active {
            width: 90%;
            top: 5%;
            max-height: 90vh;
        }

    .header-wrapper .top-functions .topLnksMenuBtn {
        padding: 0;
    }

    .header-wrapper .top-functions .topLnksMenu {
        top: 30px !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        width: auto !important;
    }

        .header-wrapper .top-functions .topLnksMenu > li > a {
            white-space: nowrap;
            text-align: left;
            direction: ltr !important;
        }

    .header-wrapper .top-functions .searchicon .search2 {
        line-height: 22px;
    }

    .header-wrapper .topnav .navbar {
        width: 100%;
        padding: 0 0;
        text-align: right;
    }

    .navbar-toggler {
        background: #fff;
        margin: 9px 15px 0;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml, %3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(31,  121, 155,  0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .header-wrapper .topnav {
        position: absolute;
        top: 28px;
        left: 0;
        width: 100%;
    }

        .header-wrapper .topnav .navbar-collapse {
            top: 20px;
            max-height: 85vh;
            overflow: auto;
            width: 100%;
            margin: 0;
        }

        .header-wrapper .topnav.sticynav .navbar-collapse {
            top: 15px;
        }

    .homeCustomerAwarenessSliderItem .homeCustomerAwarenessSliderItemDetails {
        width: 100%;
        text-align: left;
    }

    .homeCustomerAwarenessSlider1Wrapper .swiper-button-next, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }

    .homeCustomerAwarenessSlider1Wrapper .swiper-button-prev, .homeCustomerAwarenessSlider1Wrapper .swiper-container-rtl .swiper-button-next {
        left: 0;
        right: auto;
    }

    .homeStatisticsWrapper .homeStatisticsItemWrapper:before, .homeStatisticsWrapper .homeStatisticsItemWrapper:after {
        display: none;
    }

    .related-sites .r-sites .sites-wrapper, .related-sites .r-sites .partnerssites-wrapper {
        width: calc(100% - 110px);
        margin: 0 55px;
    }

    .header-wrapper .topnav .navbar-nav .nav-item + li {
        margin: 0;
    }

    .sticynav {
        background-image: url(../images/logo.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 15px center !important;
        background-size: 184px 35px !important;
    }

        .sticynav .navbar-toggler {
            margin: 9px 15px 0;
        }

    a.logo {
        z-index: 2;
    }

    .home-content .newswrapper {
        padding: 25px 0 0;
    }

    .serviceswrapper {
        padding: 25px 0 25px;
    }

    .home-content .swiper-pagination {
        margin-bottom: 35px;
    }

    .serviceswrapper .wptitle .more, .home-content .newswrapper .more, .pollWp .pollbtns .more {
        font-size: 0;
    }

    .pollWp .pollbtns .btn {
        width: 40%;
    }

    .pollWp .pollbtns .more {
        width: 10%;
    }

        .pollWp .pollbtns .more:before {
            display: none;
        }

    .home-content .newswrapper .wptitle, .homeEventsPollWrapper .homeEventsWrapper .wptitle, .homeStatisticsWrapper .wptitle {
        padding: 0;
    }

    .homeEventsPollWrapper .homeEventsWrapper .swiper-button-next, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-prev {
        right: 5px;
    }

    .homeEventsPollWrapper .homeEventsWrapper .swiper-button-prev, .homeEventsPollWrapper .homeEventsWrapper .swiper-container-rtl .swiper-button-next {
        left: 5px;
    }

    .homePollWrapper {
        margin-top: 20px;
    }

    .homeCustomerAwarenessSliderItem .moreDetails {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .homeCustomerAwareness .videoListingItem, .homeCustomerAwareness .photoListingItem {
        margin: 20px 0 50px;
    }

    .homeCustomerAwareness {
        padding: 10px 0 25px 0;
    }

    .homeStatisticsWrapper .homeStatisticsItemWrapper {
        margin-bottom: 20px;
    }

    .homeStatisticsWrapper {
        padding: 50px 0 30px;
    }

    .homeEventsPollWrapper {
        padding: 20px 0 30px;
    }

    .related-sites {
        padding: 30px 0 0;
    }

        .related-sites .r-sites .title.partnerssites-title, .related-sites .r-sites .title {
            padding: 15px;
        }

        .related-sites .r-sites {
            margin-bottom: 30px;
        }

    .footer .footerApps, .footer .socialMedia, .footer .footerlinks, .footer .footerlinks h4, .footer .footer-copyright-wrapper .copyRights, .footer .footer-copyright-wrapper .footerLinks, .footer .footerlinks.inner a {
        text-align: center;
    }

        .footer .footerApps img {
            width: 100px;
        }

    .footer .footerlinks {
        padding: 10px 0 30px;
    }

    .innerpages .breadCrumbFunctions .breadCrumbFunctionsWrapper {
        display: none;
    }

    .innerpages .breadCrumbFunctions {
        right: 10px;
    }

    .innerpages .breadCrumbShareWrapper {
        margin-top: 0;
    }

    .newsListItem {
        padding: 10px 5px;
        z-index: 0;
        height: auto;
        position: relative;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 60px;
    }

        .newsListItem .newsTxt {
            position: absolute;
            bottom: -40px;
            right: 4%;
            width: 92%;
            z-index: 2;
            padding: 10px 20px;
            overflow: hidden;
            transition: all .3s ease;
            background: rgba(255, 255, 255, .9);
            border-radius: 16px;
            padding-bottom: 50px;
            margin: 0;
            height: auto;
        }

            .newsListItem .newsTxt .artclDate {
                color: #555 !important;
                font-size: 1.4rem;
                margin: 10px 0 5px;
                transition: all .5s ease;
            }

            .newsListItem .newsTxt h3 {
                font: normal 1.8rem fontBold, arial, sans-serif;
                color: #18754d;
                text-align: justify;
                transition: all .5s ease;
            }

            .newsListItem .newsTxt p {
                font: normal 1.4rem fontReg, arial, sans-serif;
                color: #444;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 0;
                transition: all .5s ease;
                transform: translateY(20px);
                opacity: 0;
            }

            .newsListItem .newsTxt .more {
                opacity: 0;
                transition: all .5s ease;
            }

        .newsListItem:hover .newsTxt {
            box-shadow: 0 7px 20px 0 rgba(11, 81, 51, .2);
        }

            .newsListItem:hover .newsTxt p {
                height: 52px;
                transform: translateY(0);
                opacity: 1;
            }

            .newsListItem:hover .newsTxt .more {
                opacity: 1;
            }

    .eventDetailsDateTime .eventDetailsDate {
        width: 100%;
    }

    .eventDetailsDateTime .eventDetailsTime {
        width: 100%;
    }

    .eventDetailsBtns .evenLocation, .eventDetailsBtns .evenAddCal, .eventDetailsBtns .evenAdd {
        display: block;
        margin: 0 0 10px;
    }

    .innerpages .shareWrapper .rateWrapper {
        text-align: center;
        margin: 20px 0;
    }

        .innerpages .shareWrapper .rateWrapper .sendComment {
            margin: 20px 0;
        }

    .eventsListingMainItem h2, .eventsListingMainItem h2 a {
        font: normal 1.8rem fontBold, arial, sans-serif;
    }

    .eventsListingMainItem .eventDate {
        text-align: center;
        margin: 30px auto 30px;
    }

        .eventsListingMainItem .eventDate .eventStartDate {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
        }

        .eventsListingMainItem .eventDate .eventEndDate {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
        }

        .eventsListingMainItem .eventDate .eventDateDay {
            text-align: center;
        }

        .eventsListingMainItem .eventDate .eventTo {
            display: inline-block;
            vertical-align: middle;
            margin: 20px 40px;
            text-align: center;
            padding-top: 9px;
            position: relative;
        }

            .eventsListingMainItem .eventDate .eventTo:before {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                position: absolute;
                top: 50%;
                right: -20px;
            }

            .eventsListingMainItem .eventDate .eventTo:after {
                content: "";
                display: block;
                width: 20px;
                height: 1px;
                position: absolute;
                top: 50%;
                left: -20px;
                right: auto;
            }

    .eventsListingMainItem .evenLocation, .eventsListingMainItem .evenAddCal, .eventsListingMainItem .evenAdd {
        margin-left: 0;
        display: block;
        margin: 0 0 10px;
    }

    .standardsListingItem .standardsListingItemDownloadItem {
        width: calc(50% - 12px);
    }

    .standardsListingItem {
        height: auto;
    }

    .header-wrapper {
        background-image: none;
    }

    .footer {
        padding: 30px 0 25px;
        position: relative;
        background: url(../images/footer-bg.jpg) no-repeat bottom center;
        background-size: cover;
        background-color: #0096b6;
    }

    .header-wrapper .topnav .navbar-nav .nav-item > a {
        text-align: left;
    }

        .header-wrapper .topnav .navbar-nav .nav-item > a.dropdown-toggle:after {
            float: right;
            margin: 0 5px 0 0;
        }

    .homeCustomerAwarenessSliderItem img {
        width: calc(100% - 30px);
    }

    .homeCustomerAwarenessSliderItem {
        text-align: right;
    }
}

#lawItemContainer i.icon-balance-scale:before {
    content: '';
}

#lawItemContainer i.icon-balance-scale {
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 42px;
    background-image: url("data:image/svg+xml; charset=UTF-8, %3c !-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In --%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='29px' viewBox='0 0 44.4 58.5' style='enable-background:new 0 0 44.4 58.5; ' xml: space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none; stroke: %23999999;
    stroke-width: 2.5;
    stroke-miterlimit: 10;
    %7d %3c/style%3e%3cdefs%3e%3c/defs%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M34, 50.2H4.3H1.3v3.5c0, 2, 1.3, 3.5, 3.1, 3.5H35c-0.6-1.1-1-2.2-1-3.5V50.2z M21.6, 9.4c-2.4, 0-4.4, 1.9-4.4, 4.2 c0, 2.3, 2, 4.2, 4.4, 4.2c2.4, 0, 4.4-1.9, 4.4-4.2C26, 11.3, 24, 9.4, 21.6, 9.4z M6.7, 1.3c-1.8, 0-3.2, 1.3-3.2, 3v45h30.8v5c0, 1.7, 1.4, 3, 3.2, 3 c1.8, 0, 3.2-1.3, 3.2-3v-50c0-1.1, 0.3-2.1, 1.1-3H6.7z M29.3, 14.3c0.3, 0.5, 0.4, 1.1, 0.2, 1.7c-0.3, 0.5-0.7, 1-1.3, 1.3 c-0.2, 0.1-0.4, 0.3-0.6, 0.5c-0.1, 0.2-0.2, 0.5-0.3, 0.7c-0.1, 0.6-0.4, 1.1-0.9, 1.5c-0.5, 0.3-1.2, 0.4-1.8, 0.3c-0.3, 0-0.5, 0-0.8, 0 c-0.2, 0.1-0.4, 0.2-0.6, 0.4c-0.4, 0.4-1, 0.7-1.7, 0.7c-0.6-0.1-1.2-0.3-1.7-0.7c-0.2-0.2-0.4-0.3-0.6-0.4c-0.3, 0-0.5-0.1-0.8, 0 c-0.6, 0.1-1.2, 0-1.8-0.3c-0.5-0.4-0.8-0.9-0.9-1.5c-0.1-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.4-0.3-0.6-0.5c-0.6-0.3-1-0.7-1.3-1.3 c-0.1-0.6, 0-1.2, 0.2-1.7c0.1-0.2, 0.2-0.5, 0.2-0.8c0-0.3-0.1-0.5-0.2-0.8c-0.3-0.5-0.4-1.1-0.2-1.7c0.3-0.5, 0.7-1, 1.3-1.3 c0.2-0.1, 0.4-0.3, 0.6-0.5c0.1-0.2, 0.2-0.5, 0.3-0.7c0.1-0.6, 0.4-1.1, 0.9-1.5c0.5-0.3, 1.2-0.4, 1.8-0.3c0.3, 0, 0.5, 0, 0.8, 0 c0.2-0.1, 0.4-0.2, 0.6-0.4c0.4-0.4, 1-0.7, 1.7-0.7c0.6, 0.1, 1.2, 0.3, 1.7, 0.7c0.2, 0.2, 0.4, 0.3, 0.6, 0.4c0.3, 0, 0.5, 0.1, 0.8, 0 c0.6-0.1, 1.2, 0, 1.8, 0.3c0.5, 0.4, 0.8, 0.9, 0.9, 1.5c0.1, 0.3, 0.1, 0.5, 0.3, 0.7c0.2, 0.2, 0.4, 0.3, 0.6, 0.5c0.6, 0.3, 1, 0.7, 1.3, 1.3 c0.1, 0.6, 0.1, 1.2-0.2, 1.7c-0.1, 0.2-0.2, 0.5-0.2, 0.8C29.1, 13.8, 29.1, 14.1, 29.3, 14.3z'/%3e%3c/g%3e%3c/g%3e%3cline class='st0' x1='30.1' y1='26.7' x2='15.2' y2='26.7'/%3e%3cline class='st0' x1='37.6' y1='31.2' x2='16.6' y2='31.2'/%3e%3cline class='st0' x1='37.6' y1='35.2' x2='28.6' y2='35.2'/%3e%3cline class='st0' x1='37.6' y1='39.2' x2='33.6' y2='39.2'/%3e%3cline class='st0' x1='37.6' y1='43.2' x2='21.6' y2='43.2'/%3e%3cline class='st0' x1='19.6' y1='43.2' x2='6.6' y2='43.2'/%3e%3cline class='st0' x1='31.6' y1='39.2' x2='6.6' y2='39.2'/%3e%3cline class='st0' x1='26.6' y1='35.2' x2='6.6' y2='35.2'/%3e%3cline class='st0' x1='14.6' y1='31.2' x2='6.6' y2='31.2'/%3e%3c/svg%3e ");
}

.rules-reg-card {
    height: 200px;
    padding-bottom: 20px;
}

    .rules-reg-card p {
        font: bold .88em/1.7 DroidArabicKufi, arial, sans-serif;
        text-align: center;
        height: calc(100% - 35px);
    }

        .rules-reg-card p .icon {
            display: block;
            padding-top: 10px;
            height: 65px;
        }

            .rules-reg-card p .icon img {
                max-height: 42px;
            }

.date {
    display: block;
    font: .8em DroidArabicKufi, arial, sans-serif;
    color: #999;
    margin: 10px 0;
}

@media(max-width:767px) {
    .shareWrapper .lastEdit, .shareWrapper .shareBtns {
        text-align: center;
    }

    .shareWrapper .shareBtns {
        padding-top: 10px;
    }

    .LBD_CaptchaDiv {
        margin-top: 15px !important;
    }

    .shareWrapper {
        border-radius: 4px !important;
    }

    #InternalPageToolBox, .HideSmartPhone, #OpenWebsiteToolBar, #scrollup {
        display: none !important;
    }

    .rules-reg-card {
        height: auto;
        padding-bottom: 0;
    }

        .rules-reg-card .date, .rules-reg-card .card-actions {
            text-align: center;
        }

    .card-actions a {
        margin: 0 10px !important;
    }
}

@media(max-width:710px) {
    .footer .footer-copyright-wrapper .footerLinks {
        top: 0;
        padding-top: 10px;
    }

    .servicefilter-Wrapper, .opendatafilter-Wrapper {
        padding: 10px 0;
        text-align: center !important;
    }

        .servicefilter-Wrapper .filter-btn, .opendatafilter-Wrapper .filter-btn {
            margin: 10px 2px;
        }
}

@media(max-width:480px) {
    .header-wrapper .logoImg, .header-wrapper.home-header .logoImg {
        max-height: 52px !important;
    }

    .header-wrapper .logo-sep, .header-wrapper.home-header .logo-sep {
        height: 42px;
    }

    .header-wrapper .vissionlogoImg, .header-wrapper.home-header .vissionlogoImg {
        max-height: 42px !important;
    }

    .home-content .homenewsSlider {
        padding: 10px 3px;
    }

        .home-content .homenewsSlider .swiper-slide {
            height: 245px;
        }

    .wptitle .more {
        font-size: 0;
    }

        .wptitle .more i[class^="icon-"] {
            font-size: 16px;
        }

    .home-events .wptitle {
        line-height: 2;
    }

    .wnew-item {
        height: auto;
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        height: 200px;
        font-size: 1.786em;
        line-height: 1.6;
        background-size: cover !important;
        background-position: center 20% !important;
    }

    .service-tabs .nav-tabs > li > a {
        padding: 5px 10px 8px;
        font-size: 14px;
    }

    .header-wrapper .topnav.sticynav .navbar-toggle {
        left: 3px;
    }

    .header-wrapper .topnav.sticynav .navbar-brand {
        padding: 2px 14px;
    }

    .wnew-eventswrapper .wnew-item .date {
        width: 100px;
    }

    .wnew-eventswrapper .wnew-item .month {
        font-size: 12px;
    }

    .wnew-eventswrapper .wnew-item .new-txt {
        padding: 0 115px 0 0;
        font-size: 13px;
    }

    .mainslider {
        max-height: 280px;
    }

        .mainslider .banner-description {
            max-width: 85vw;
            padding: 0 3vw 0 0;
            bottom: 45%;
        }

            .mainslider .banner-description h2 {
                font-size: 26px;
                line-height: 1.2;
            }

            .mainslider .banner-description h3 {
                font-size: 15px;
                line-height: 1.5;
            }

    .scrolldown {
        top: -65px;
    }

        .scrolldown .icon-scroll-down {
            font-size: 33px;
        }

    .footer .footer-copyright-wrapper .copyRights, .footer .footer-copyright-wrapper .footerLinks a {
        font-size: 12px;
    }

    .innerpages .hero-tabs li a {
        min-height: 50px;
        padding-top: 10px;
        font-size: 1.143em !important;
    }

    .innerpages .pagetitle h2 {
        font-size: 1.286em;
    }

    .indecators .indecatorsslider .indecator-item {
        margin: 0 5px;
    }

    .indecators .swiper-button-next, .indecators .swiper-button-prev {
        width: 20px;
        height: 40px;
        background-size: contain;
    }

    .service-tabs .tab-content .tab-pane .serv-item {
        width: 100%;
        margin-left: 30px;
    }
}

@media(max-width:375px) {
    .header-wrapper .logoImg, .header-wrapper.home-header .logoImg {
        max-height: 40px !important;
    }

    .header-wrapper .logo-sep, .header-wrapper.home-header .logo-sep {
        height: 30px;
    }

    .header-wrapper .vissionlogoImg, .header-wrapper.home-header .vissionlogoImg {
        max-height: 30px !important;
    }

    .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner {
        height: 160px;
        font-size: 1.286em;
    }

        .opendata-survy-pollwrapper .opendata-syrvy-container .homeimgbanner > span {
            right: 10px;
        }

    .mainslider {
        max-height: 250px;
    }

        .mainslider .banner-description {
            max-width: 85vw;
            padding: 0 10vw 0 0;
            transform: scale(.95);
        }

            .mainslider .banner-description h2 {
                font-size: 26px;
                line-height: 1.2;
            }

            .mainslider .banner-description h3 {
                font-size: 15px;
                line-height: 1.5;
            }

    .home-content .swiper-pagination {
        margin-top: 5px;
    }

    .home-events .wptitle {
        font-size: 17px;
    }
}

@media(max-width:320px) {
    .header-wrapper .logoImg, .header-wrapper.home-header .logoImg {
        max-height: 42px !important;
    }

    .header-wrapper .logo-sep, .header-wrapper.home-header .logo-sep {
        height: 32px;
    }

    .header-wrapper .vissionlogoImg, .header-wrapper.home-header .vissionlogoImg {
        max-height: 33px !important;
    }

    .header-wrapper .navbar-toggle, .header-wrapper.home-header .navbar-toggle {
        margin-top: 15px;
    }

    .mainslider {
        max-height: 280px;
    }

        .mainslider .banner-description {
            max-width: 94vw;
            padding: 0 14vw 0 0;
            transform: scale(.85);
        }

    .service-tabs .nav-tabs > li > a {
        padding: 5px 5px 8px;
        font-size: 13px;
    }

    .innerpages .nav-tabs > li {
        min-width: 140px;
    }

    .SASO-News .SASO-NewsContent {
        padding: 8px;
    }
}

body {
    overflow-x: hidden;
    overflow-y: auto !important;
}

#s4-workspace {
    overflow: visible;
    width: 100% !important;
}

#s4-bodyContainer {
    padding-bottom: 0;
}

#s4-workspace input[type=password], #s4-workspace input[type=text], #s4-workspace input[type=file], #s4-workspace select, #s4-workspace textarea, #s4-workspace .sp-peoplepicker-topLevel, #s4-workspace .sp-peoplepicker-topLevelDisabled, #s4-workspace .sp-peoplepicker-autoFillContainer, #s4-workspace .ms-inputBox, #s4-workspace input[type=button], #s4-workspace input[type=reset], #s4-workspace input[type=submit], #s4-workspace button {
    border: 0;
}

input[type=button], input[type=reset], input[type=submit], button {
    min-width: 0;
}

.ms-rtestate-field h3, h3.ms-rteElement-H3, .ms-rtestate-field h4, h3.ms-rteElement-H4 {
    margin-bottom: 15px;
}

#suiteBarTop, #s4-ribbonrow {
    z-index: 9;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: #0096b6;
}

.pagetitle .ms-long {
    min-width: 100%;
}

.sharepointBarContainer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888;
}

    .sharepointBarContainer + #s4-workspace {
        margin-top: 85px;
    }

.ms-cui-menu {
    position: fixed !important;
}

body.modal-open {
    padding: 0 !important;
}

.ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical {
    display: block;
}

strong {
    font-family: fontBold, arial, sans-serif;
    font-weight: bold;
}

em {
    font-style: italic;
}

.ms-rtestate-field ul li {
    list-style: disc;
}

.ms-rtestate-field ol li {
    list-style: decimal;
}

.ms-rtestate-field ol, .ms-rtestate-field ul {
    padding-right: 20px;
}

.ms-srch-hover-outerContainer {
    display: none !important;
}

.ms-srch-item {
    padding: 5px;
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px rgba(24, 117, 77, .2) dashed;
}

    .ms-srch-item:hover {
        background: rgba(82, 156, 68, .08);
    }

    .ms-srch-item .ms-srch-item-link {
        color: #0096b6;
    }

    .ms-srch-item .ms-srch-item-highlightedText {
        color: #c84a3d;
    }

    .ms-srch-item .ms-srch-item-path {
        color: #529c44;
        display: block;
        width: 100%;
    }

    .ms-srch-item .ms-srch-ellipsis {
        font-size: 1.3em;
    }

.innerpages .ms-srch-Paging a {
    font: 15px/15px fontReg, arial, sans-serif;
    color: #529c44 !important;
    background-color: #fff;
    padding: 3px 12px !important;
    height: auto;
    min-width: 35px;
    margin: 0 !important;
    border: 1px #d6e1e5 solid !important;
    margin-left: -6px !important;
    text-align: center;
}

    .innerpages .ms-srch-Paging a:hover {
        background: #529c44;
        color: #fff !important;
    }

.innerpages .ms-srch-Paging #PagingImageLink a {
    padding: 7px 10px 8px !important;
    position: relative;
    top: 2px;
}

    .innerpages .ms-srch-Paging #PagingImageLink a .ms-promlink-button-image {
        top: 3px;
        left: 2px;
    }

    .innerpages .ms-srch-Paging #PagingImageLink a#PageLinkPrev {
        border-radius: 0 4px 4px 0;
    }

    .innerpages .ms-srch-Paging #PagingImageLink a#PageLinkNext {
        border-radius: 4px 0 0 4px;
    }

.innerpages .ms-srch-Paging #PagingSelf a {
    background: #529c44;
    color: #fff !important;
}

@media print {
    .shareWrapper, .footer .row, .footer .footer-copyright-wrapper .col-md-8, .header-wrapper, .breadCrumb, .pagetopfunctions-wrapper, .cookieinfo {
        display: none;
    }

    .footer .footer-copyright-wrapper, .ui-accordion-content {
        display: block !important;
    }

    .innerpages .table > tbody > tr > td, .innerpages .grid > tbody > tr > td {
        border: 1px solid #555;
        color: #000;
    }

    .innerpages .table > thead > tr > th, .innerpages .grid > thead > tr > th, .innerpages .table > tbody > tr > th, .innerpages .grid > tbody > tr > th {
        border: 1px solid #555;
        color: #000;
    }
}

@media(min-width:992px) {
    .col-md-offset-3 {
        margin-right: 25% !important;
    }

    .col-md-offset-2 {
        margin-right: 16.66666667% !important;
    }
}

.serv-subfilter-wrapper {
    margin-bottom: 15px;
    padding-top: 20px;
}

    .serv-subfilter-wrapper .subfilter-btn {
        min-width: 50px;
        text-align: center;
        display: inline-block;
        margin: 5px 6px;
        padding: 5px 10px;
        font: 1.4rem fontReg, arial, sans-serif !important;
        color: #464749;
        border-radius: 30px;
        background-color: #fff;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
        transition: all .3s ease;
    }

        .serv-subfilter-wrapper .subfilter-btn.active {
            background: #228b5e;
            color: #fff;
            box-shadow: 0 1px 4px 0 rgba(24, 117, 77, .5);
        }

        .serv-subfilter-wrapper .subfilter-btn:hover {
            background: #e6f3ee;
            color: #464749;
            box-shadow: 0 1px 4px 0 rgba(24, 117, 77, .25);
        }

.eventlist-item .dayfrom, .eventsslider-wrapper .dayfrom, .eventlist-item .dayto, .eventsslider-wrapper .dayto {
    display: inline-block;
    width: 49%;
}

    .eventlist-item .dayfrom .day, .eventsslider-wrapper .dayfrom .day, .eventlist-item .dayto .day, .eventsslider-wrapper .dayto .day {
        font: bold 50px/1 fontBold, arial, sans-serif;
        color: #0096b6;
        display: block;
    }

    .eventlist-item .dayfrom .month, .eventsslider-wrapper .dayfrom .month, .eventlist-item .dayto .month, .eventsslider-wrapper .dayto .month {
        font: 14px fontReg, arial, sans-serif !important;
        color: #777 !important;
    }

.eventlist-item .dayto, .eventsslider-wrapper .dayto {
    border-right: 1px #ebebeb solid;
    position: relative;
}

    .eventlist-item .dayto .day, .eventsslider-wrapper .dayto .day {
        color: #c84a3d;
    }

    .eventlist-item .dayto:after, .eventsslider-wrapper .dayto:after {
        content: attr(data-to);
        display: inline-block;
        position: absolute;
        right: -15px;
        top: 30%;
        font-size: 12px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        background: #00819d;
        color: #fff;
        text-align: center;
    }

.eventlist-item .summary, .eventsslider-wrapper .summary {
    text-align: justify;
    border-top: 1px #eee solid;
    border-bottom: 2px #eee solid;
    padding: 5px 10px;
    margin: 25px 0 15px;
    border-radius: 8px;
}

    .eventlist-item .summary .location, .eventsslider-wrapper .summary .location, .eventlist-item .summary .category, .eventsslider-wrapper .summary .category {
        display: block;
        font: 13px/2 fontReg, arial, sans-serif;
        color: #777;
        margin-bottom: 5px;
    }

        .eventlist-item .summary .location [class^="icon-"], .eventsslider-wrapper .summary .location [class^="icon-"], .eventlist-item .summary .category [class^="icon-"], .eventsslider-wrapper .summary .category [class^="icon-"] {
            color: #fff;
            display: inline-block;
            border-radius: 15px;
            text-align: center;
            width: 22px;
            height: 22px;
            background: #5f6063;
            line-height: 22px;
        }

.eventlist-item .swiper-slide .date, .eventsslider-wrapper .swiper-slide .date {
    padding-top: 0;
}

.startproject-btn {
    border: 2px #ff2c00 solid;
    background: #fff !important;
}

    .startproject-btn.mixitup-control-active {
        background: #ff2c00 !important;
    }

.start-your-project {
    display: block;
    background: #0096b6;
    margin-top: 10px;
    margin-right: -30px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    text-align: center;
    font: 18px fontBold, arial, sans-serif;
    color: #fff !important;
    padding: 35px 0;
    border-radius: 4px 0 0 4px;
    position: relative;
}

    .start-your-project img {
        display: block;
        margin: 0 auto 15px;
    }

    .start-your-project:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 6px;
        position: absolute;
        right: 0;
        bottom: -6px;
        border-left: 10px solid #00576a;
        border-right: 0 solid transparent;
        border-bottom: 6px solid transparent;
    }

    .start-your-project:hover {
        background: #ff2c00;
    }

        .start-your-project:hover:after {
            border-left-color: #b31f00;
        }

@media(max-width:1024px) {
    .start-your-project {
        margin: 15px 0;
        border-radius: 50px;
        padding: 10px 0;
        font-size: 16px;
    }

        .start-your-project img {
            max-height: 32px;
            margin-bottom: 5px;
        }

        .start-your-project:after {
            display: none;
        }
}

a.logo {
    position: relative;
    display: inline-block;
}

.noStyle-CheckRadio input[type=radio], .noStyle-CheckRadio input[type=checkbox] {
    opacity: 1;
    position: static;
}

.GuidesAndProceduresContainer .rules-reg-card {
    height: 180px;
}

    .GuidesAndProceduresContainer .rules-reg-card a p {
        padding-top: 25px;
    }

@keyframes scrollH {
    0%, 100% {
        left: 0;
    }

    50% {
        left: 15px;
    }
}

@media(max-width:1024px) {
    .service-tabs .tab-content {
        position: relative;
        margin: 0 -15px;
    }

        .service-tabs .tab-content .tab-pane .serv-item {
            margin-left: 2px;
        }
}

.modal-footer .btn + .btn {
    margin-bottom: 5px;
}

.modal-header .modal-title {
    display: inline-block;
}

.modal-header .close {
    margin-top: 0;
}

.old-site {
    background: #ff2c00;
    padding: 2px 7px !important;
    display: inline-block;
    border-radius: 20px;
}

    .old-site:hover {
        color: #eee !important;
        background: #ff5633;
    }

.ratingTextContainer {
    display: block;
    text-align: center;
    margin-top: 8px;
    font-size: 13px;
    color: #0096b6;
}

.ms-cui-dd-arrow-button {
    height: 19px;
    width: 12px;
    padding-right: 0;
    margin-right: -1px;
    border: 1px solid #d3d6d9;
    border-right-color: transparent;
    display: block;
    float: right;
    outline: none;
    cursor: default;
}

.ms-cui-dd-text, input.ms-cui-cb-input {
    height: 14px;
    border: 1px solid #d3d6d9 !important;
    border-left-width: 0 !important;
    padding: 6px 5px 11px;
    display: block;
    float: right;
    cursor: default;
    white-space: nowrap;
    font: inherit;
    overflow: hidden;
}

.ms-cui-ctl-thin span {
    margin-top: 29px;
}

body #MSOTlPn_MainTD {
    position: fixed !important;
    left: 15px !important;
    top: 150px !important;
    min-width: 298px !important;
    overflow: auto;
    max-height: 70vh;
    z-index: 9999;
    background: #fff;
    border: 1px #ccc solid;
}

    body #MSOTlPn_MainTD table#MSOTlPn_Tbl {
        width: 100% !important;
    }

.ms-dlgContent {
    position: fixed;
}

.toc-layout-main {
    margin-top: 15px;
}

    .toc-layout-main > ul.dfwp-list > li {
        margin: 5px 0;
    }

        .toc-layout-main > ul.dfwp-list > li:before {
            display: none;
        }

@media(min-width:768px) {
    .toc-layout-main > ul.dfwp-list > li {
        width: 50%;
        float: left;
    }
}

.toc-layout-main > ul.dfwp-list > li.level-section > div.level-header .headertitle > a {
    font-size: 15px;
    font-weight: bold;
    color: #0096b6;
}

.toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list {
    margin: 5px 25px 5px 0;
}

    .toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li {
        list-style-type: square;
        list-style-position: outside;
        color: #ff2c00;
        line-height: 1.8;
    }

        .toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header {
            display: inline-block;
        }

            .toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header .headertitle > a {
                font-size: 1.4rem;
                font-weight: normal;
                color: #999;
                transition: all .3s ease;
            }

                .toc-layout-main > ul.dfwp-list > li.level-section > .dfwp-list li .level-header .headertitle > a:hover {
                    color: #228b5e;
                }

.login-M-box {
    border: 1px #f7f7f7 solid;
    background-color: #fff;
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .08);
    padding: 65px 0;
    margin-bottom: 80px;
}

    .login-M-box .login-option {
        padding: 15px;
    }

        .login-M-box .login-option .method-image {
            padding: 0;
            height: 160px;
            line-height: 15;
        }

            .login-M-box .login-option .method-image img {
                max-height: 100%;
            }

        .login-M-box .login-option h4 {
            margin-bottom: 20px;
            color: #444;
        }

        .login-M-box .login-option p {
            color: #666;
            max-width: 380px;
            margin: 0 auto 30px;
        }

        .login-M-box .login-option .btn {
            border-radius: 2px;
            min-width: 252px !important;
            padding: 12px 15px !important;
            font: bold 14px fontBold, arial, sans-serif !important;
        }

        .login-M-box .login-option .meras-btn {
            background: #317dd9 !important;
        }

        .login-M-box .login-option .iam-btn {
            background: #389e63 !important;
        }

@media(min-width:768px) {
    .login-M-box .login-option + .login-option {
        position: relative;
    }

        .login-M-box .login-option + .login-option:before {
            content: '';
            display: inline-block;
            width: 1px;
            height: 75%;
            background: #e6e6e6;
            position: absolute;
            right: 0;
            margin: 5.5% 0;
        }
}

@media(max-width:767px) {
    .login-M-box {
        padding: 15px 0 30px;
    }

        .login-M-box .login-option h4 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .login-M-box .login-option .method-image {
            max-height: 120px;
            line-height: 1;
            height: auto;
            padding: 15px 0;
        }

            .login-M-box .login-option .method-image img {
                max-height: 100px !important;
                max-width: 145px;
            }

        .login-M-box .login-option .btn {
            padding: 10px !important;
        }

        .login-M-box .login-option + .login-option {
            position: relative;
        }

            .login-M-box .login-option + .login-option:before {
                content: '';
                display: inline-block;
                width: 70%;
                height: 1px;
                background: #e6e6e6;
                position: absolute;
                top: 5px;
                left: 15%;
                margin: 0 auto;
            }
}

.srch-advancedtable {
    width: 100%;
    padding: 0;
    margin: 0 auto 70px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    max-width: 900px;
}

    .srch-advancedtable td {
        padding: 8px 15px;
    }

@media(max-width:414px) {
    .srch-advancedtable td {
        padding: 3px 15px;
        width: 100% !important;
        display: block;
        text-align: right;
    }
}

.srch-advancedtable td.ms-advsrchtips {
    padding: 15px !important;
}

.srch-advancedtable .ms-advsrchText-v1 {
    width: 40%;
}

.srch-advancedtable .ms-advsrchText-v2box {
    border: 1px #ddd solid !important;
    height: 34px;
    display: block;
    width: 100%;
}

.srch-advancedtable .ms-advsrchbutton {
    text-align: left !important;
}

    .srch-advancedtable .ms-advsrchbutton input[type=submit] {
        line-height: 1 !important;
        height: 40px;
    }

.cookieinfo {
    font: 14px fontReg, arial, sans-serif;
    padding: 15px 18px !important;
    background: rgba(0, 0, 0, .9) !important;
}

    .cookieinfo span {
        font: 13px fontReg, arial, sans-serif;
    }

    .cookieinfo .cookieinfo-close {
        font-family: fontReg, arial, sans-serif;
        float: left !important;
        margin-right: 5px;
    }

.noStyle-CheckRadio [type="checkbox"], .noStyle-CheckRadio [type="radio"] {
    opacity: 1 !important;
    position: relative !important;
}

:focus {
    outline: 1px #2168ff auto !important;
}

:active {
    outline: 0 !important;
}

@-moz-document url-prefix() {
    :focus {
        outline: 1px #2168ff dotted !important;
    }

    :active {
        outline: 0 !important;
    }
}

.ms-srch-result #ResultFooter {
    text-align: right;
}

a#AdvancedLink {
    display: block;
    text-align: center;
    padding: 8px 20px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    transition: all .3s ease;
}

    a#AdvancedLink:hover {
        background: #0096b6;
        color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    }

.addComment {
    position: absolute;
    font: 13px fontReg, arial, sans-serif;
    margin: 2px auto;
    color: #18754d !important;
    padding: 2px 5px;
    background: #fff;
    right: -5px;
    border-radius: 2px;
    display: block;
    text-align: center;
    max-width: 115px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}

    .addComment:hover {
        background: #0096b6;
        color: #fff !important;
    }

@media(max-width:991px) {
    .addComment {
        position: relative;
        right: auto;
    }
}

.opendataSLA {
    clear: both;
    border: 2px #0096b6 solid;
    text-align: center;
    border-radius: 8px;
    direction: rtl;
    max-width: 1020px;
    margin: 0 auto;
    padding: 10px;
}

@media(max-width:767px) {
    .opendataSLA {
        margin: 0 15px;
    }
}

#lawItemContainer .rules-article-container h4 {
    background: #0096b6;
    padding: 5px 0 3px;
    color: #fff !important;
}

    #lawItemContainer .rules-article-container h4 .icon-comment-empty:before {
        font-size: 16px;
        margin: 0 7px;
    }

#lawItemContainer .rules-article-container .rules-lnks {
    font: 12px fontReg, arial, sans-serif;
    color: #fff;
}

    #lawItemContainer .rules-article-container .rules-lnks span {
        padding: 0 5px;
    }

    #lawItemContainer .rules-article-container .rules-lnks a {
        color: #fff;
        padding: 0 5px;
    }

    #lawItemContainer .rules-article-container .rules-lnks [class^='icon-']:before, #lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
        font-size: 16px;
        margin: 0 5px;
        position: relative;
        top: 2px;
    }

    #lawItemContainer .rules-article-container .rules-lnks .icon-calendar:before {
        top: 1px !important;
    }

#lawItemContainer .rules-article-container.rules-article-modified > h4 {
    background: #ff2c00;
}

.rules-article-container h4 {
    background: #0096b6;
    padding: 5px 0 3px;
    color: #fff !important;
    font-size: 14px;
}

.rules-title-container {
    margin-bottom: 20px;
}

    .rules-title-container:after, .rules-title-container:before {
        display: table;
        content: " ";
        clear: both;
    }

    .rules-title-container > h3 {
        margin-bottom: 0 !important;
    }

    .rules-title-container .rule-info-container {
        margin-top: 10px;
        font: 12px fontReg, arial, sans-serif;
        color: #555;
        background: #f2f2f2;
        padding: 10px 15px;
        border-radius: 20px;
    }

        .rules-title-container .rule-info-container span {
            padding: 0 5px;
        }

        .rules-title-container .rule-info-container a {
            color: #555;
        }

            .rules-title-container .rule-info-container a:hover {
                color: #ff2c00;
            }

.card-actions {
    text-align: left;
    margin: 10px 0;
}

    .card-actions a {
        display: inline-block;
        color: #529c44;
        padding: 1px 4px;
        background: #f2f2f2;
        margin: 0 2px;
        border-radius: 4px;
        font-size: 14px;
    }

.share-actions .dropdown-menu.sharemenu {
    min-width: 30px !important;
}

    .share-actions .dropdown-menu.sharemenu a {
        display: block;
        text-align: center;
        margin: 0;
        background: none;
        color: #777;
        transition: all .3s ease;
    }

        .share-actions .dropdown-menu.sharemenu a:hover {
            transform: scale(1.3);
            color: #0096b6;
        }

@media(min-width:1170px) {
    #modifiedArticleModal .modal-dialog {
        width: 900px;
    }
}

.GuidesAndProceduresContainer .EService, .GuidesAndProceduresContainer .manualService {
    height: 200px;
    overflow: visible;
}

    .GuidesAndProceduresContainer .EService .serv-type, .GuidesAndProceduresContainer .manualService .serv-type {
        position: absolute;
        bottom: -10px;
        left: 10px;
        background: #0096b6;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
        padding: 2px 10px;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
    }

        .GuidesAndProceduresContainer .EService .serv-type:before, .GuidesAndProceduresContainer .manualService .serv-type:before {
            font-size: 16px;
            margin: 6px 0 0 8px;
        }

    .GuidesAndProceduresContainer .EService a p, .GuidesAndProceduresContainer .manualService a p {
        padding-top: 10px;
    }

    .GuidesAndProceduresContainer .manualService .serv-type {
        background: #ff2c00;
    }

.innerpages input.btn {
    line-height: 1 !important;
}

.regulations-search-results-item {
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
}

    .regulations-search-results-item .search-icon-wrapper {
        text-align: center;
        max-width: 70px;
    }

        .regulations-search-results-item .search-icon-wrapper img {
            max-width: 45px;
        }

    .regulations-search-results-item .search-result-header {
        font: 17px/1.2 fontReg, arial, sans-serif;
        color: #555;
    }

        .regulations-search-results-item .search-result-header a {
            color: #0096b6;
        }

    .regulations-search-results-item:hover {
        background-color: #f5f5f5;
    }

.date-filter, .text-filter {
    margin-bottom: 8px;
}

.panel-group.responsive .panel-default {
    border-radius: 0;
    border: 0 !important;
}

    .panel-group.responsive .panel-default .panel-heading {
        border-radius: 0;
        border: 0 !important;
        background: none;
        padding: 0;
    }

        .panel-group.responsive .panel-default .panel-heading .accordion-toggle {
            display: block;
            padding: 10px 15px;
            background: #18754d;
            color: #fff;
        }

            .panel-group.responsive .panel-default .panel-heading .accordion-toggle:before {
                content: '';
                font-family: saso-icons;
                font-size: 20px;
                display: inline-block;
                margin-right: 8px;
                position: relative;
                top: 2px;
            }

    .panel-group.responsive .panel-default .panel-body {
        border-top: 0;
        padding: 0 15px;
    }

.fw-previous-tab-pane {
    opacity: 1 !important;
}

.serv-cat-main {
    position: absolute;
    top: -15px;
    background: #158885;
    right: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
    font: 13px fontBold, arial, sans-serif;
}

.serv-cat-new {
    position: absolute;
    top: -15px;
    background: #f5f5f5;
    right: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    padding: 2px 10px;
    border-radius: 4px;
    color: #158885;
    font: 13px fontBold, arial, sans-serif;
}

.btn, input.form-control, textarea.form-control {
    -webkit-appearance: none;
}

.show-other-filters {
    display: block;
    text-align: center;
    background: #e5e5e5;
    border-radius: 4px;
    padding: 3px;
    margin: 5px 15px;
    clear: both;
}

@media(max-width:678px) {
    .btngroup {
        padding: 5px 0;
        margin-bottom: 15px !important;
    }
}

.regulations-advanced-search {
    margin: 0 !important;
}

.nationality {
    position: absolute;
    bottom: -8px;
    right: 8px;
    background: #f7f7f7;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    padding: 2px 6px;
    border-radius: 4px;
    color: #158885;
    font: 12px fontBold, arial, sans-serif;
}

.law-regulation-header {
    border: 1px #ccc solid;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 3px 5px;
}

.highlight {
    background: #ff0;
}

body .dataTables_wrapper .dataTables_filter {
    padding: 15px 0;
}

    body .dataTables_wrapper .dataTables_filter input[type="search"] {
        min-height: 40px;
        min-width: 150px;
        border: none !important;
        margin-bottom: 0;
        text-align: right;
        border-radius: 4px !important;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2) !important;
        background: #fff url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(10,  101,  98)' d='M18.999, 18.043 L14.464, 13.372 C15.777, 11.950 16.577, 10.076 16.577, 8.022 C16.577, 3.595 12.861, -0.006 8.293, -0.006 C3.725, -0.006 0.008, 3.595 0.008, 8.022 C0.008, 12.449 3.725, 16.051 8.293, 16.051 C10.224, 16.051 12.002, 15.405 13.413, 14.327 L17.950, 19.000 L18.999, 18.043 ZM1.449, 8.022 C1.449, 4.365 4.519, 1.391 8.293, 1.391 C12.066, 1.391 15.136, 4.365 15.136, 8.022 C15.136, 11.679 12.066, 14.655 8.293, 14.655 C4.519, 14.655 1.449, 11.679 1.449, 8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 10px; padding-left: 35px;
        padding-right: 10px;
        margin-right: 10px;
        -webkit-appearance: none;
    }

body .dataTables_wrapper .dataTable {
    border-collapse: collapse !important;
}

    body .dataTables_wrapper .dataTable tr th {
        text-align: justify !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        background-position: left center;
    }

        body .dataTables_wrapper .dataTable tr th#activity-code {
            width: 110px !important;
        }

    body .dataTables_wrapper .dataTable tr td {
        border: 1px solid #fff !important;
        border-collapse: collapse !important;
    }

    body .dataTables_wrapper .dataTable .dtrg-level-0 td {
        background: rgba(0, 150, 182, .7) !important;
        color: #fff !important;
        font-weight: normal !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body .dataTables_wrapper .dataTable tr.dtrg-group.dtrg-start.dtrg-level-1 td {
        padding-right: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        background: rgba(0, 150, 182, .2) !important;
    }

    body .dataTables_wrapper .dataTable tr.odd td:first-child, body .dataTables_wrapper .dataTable tr.even td:first-child {
        padding-right: 60px !important;
    }

body .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background: #0096b6 !important;
    color: #fff !important;
    border: 0 !important;
}

    body .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
        color: #fff !important;
    }

body .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0 !important;
}

    body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: rgba(0, 150, 182, .7) !important;
        color: #fff !important;
    }

    body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        background: #ccc !important;
        color: #999 !important;
    }

        body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            background: #ccc !important;
            color: #999 !important;
        }

body .dataTables_wrapper table.dataTable.no-footer {
    border-bottom: 2px #ccc solid !important;
}

.floated-search-wrapper {
    position: fixed;
    top: 200px;
    right: 20px;
    background: #fff;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2);
    border: 1px #eee solid;
    border-radius: 4px;
    z-index: 99;
    min-width: 150px;
}

    .floated-search-wrapper .show-hide {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 30px;
        text-align: center;
        background: #116361;
        color: #fff;
        border-radius: 2px;
        position: relative;
        top: -12px;
        right: 12px;
        cursor: pointer;
    }

    .floated-search-wrapper .f-search-inner-wrapper {
        padding: 15px;
        position: relative;
        top: -20px;
    }

    .floated-search-wrapper .fsearch-from {
        padding: 10px 0;
    }

        .floated-search-wrapper .fsearch-from .f-search-input {
            border: 1px #ddd solid !important;
        }

        .floated-search-wrapper .fsearch-from .f-search-btn {
            background: url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http: //www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3e%3cpath fill-rule='evenodd' fill='rgb(255,  255,  255)' d='M18.999, 18.043 L14.464, 13.372 C15.777, 11.950 16.577, 10.076 16.577, 8.022 C16.577, 3.595 12.861, -0.006 8.293, -0.006 C3.725, -0.006 0.008, 3.595 0.008, 8.022 C0.008, 12.449 3.725, 16.051 8.293, 16.051 C10.224, 16.051 12.002, 15.405 13.413, 14.327 L17.950, 19.000 L18.999, 18.043 ZM1.449, 8.022 C1.449, 4.365 4.519, 1.391 8.293, 1.391 C12.066, 1.391 15.136, 4.365 15.136, 8.022 C15.136, 11.679 12.066, 14.655 8.293, 14.655 C4.519, 14.655 1.449, 11.679 1.449, 8.022 Z'/%3e%3c/svg%3e") no-repeat 10px 8px; padding-left: 28px !important;
            min-width: 100px !important;
        }

    .floated-search-wrapper .f-search-next-prev {
        margin-bottom: 10px;
    }

        .floated-search-wrapper .f-search-next-prev .f-search-ctrbtn {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: #777;
            color: #fff;
            line-height: 25px;
            text-align: center;
        }

            .floated-search-wrapper .f-search-next-prev .f-search-ctrbtn:hover {
                background: #02928d;
            }

    .floated-search-wrapper .f-search-result-list {
        height: calc(100vh - 400px);
        overflow-y: auto;
        border-top: 1px #ddd solid;
        padding: 5px;
    }

        .floated-search-wrapper .f-search-result-list .f-search-rlist li a {
            display: block;
            padding: 5px 0;
            border-bottom: 1px #ccc solid;
            color: #666;
        }

            .floated-search-wrapper .f-search-result-list .f-search-rlist li a.f-active {
                background: #d9fffd;
            }

    .floated-search-wrapper .f-search-title {
        padding: 5px;
        font: 15px fontBold, arial, sans-serif;
        color: #444;
        position: relative;
        top: -15px;
        margin-bottom: -10px;
        display: block;
        text-align: center;
    }

.highlight2 {
    background: #ff9632;
}

@media(min-width:768px) {
    _: -ms-lang(x), .swiper-slide #home-video, .swiper-slide .video-bg {
        height: auto;
    }
}

.high-contrast {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

    .high-contrast .topLnk .icon-eye-off:before {
        content: '';
    }


#accordionExample button {
    border: 0px;
}