

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 12px;
    color: #221e1e;
    overflow: auto;
    margin: 0px auto;
    padding: 0px;
    direction: rtl;
    min-width: 360px;
    max-width: 2200px
}

.lth {
    text-decoration: line-through
}

.clr {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
}

img {
    border: 0;
    vertical-align: middle
}

a:link,
a:visited {
    text-decoration: none;
    outline: 0
}

ul {
    -webkit-padding-start: 0;
}

.scrollup {
    width: 52px;
    height: 68px;
    position: fixed;
    bottom: 15px;
    left: 15px;
    display: none;
    text-indent: -9999px;
    background: url(/Portal/images/go_top.png) no-repeat;
    z-index: 999
}

.scrollup:hover {
    background: url(/Portal/images/go_top_h.png) no-repeat
}


#NoResult ul li:last-child {
    display: none
}

.auth_desc {
    margin-bottom: 30px;
}

#menu {
    /* display: none */
}

.lang {
    width: 27px;
    height: 26px;
}

.lang a:link,
.lang a:visited {
    color: #fff;
    font-size: 12px;
    font-family: Verdana;
    display: block;
    padding: 3px
}

.srch {
    overflow: hidden
}

.srch>span {
    border: 2px solid #fff;
    width: 27px;
    height: 26px;
    display: block;
    padding: 2px 3px;
    float: right;
    position: relative;
    z-index: 999;
    cursor: pointer
}

.srch input {
    border: none;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    padding: 0 5px;
    width: 500px !important;
    height: 26px;
    position: relative;
    font-size: 12px
}

.srch a img {
    position: relative;
    margin-right: 5px;
    height: 26px;
}

#SRSB {
    float: right;
}

.srclose #SRSB {
    margin-right: -610px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.sropen #SRSB {
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.slicknav_menu {
    font-size: 16px;
    padding: 0
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: 5px;
    cursor: pointer;
    text-decoration: none;
    border: 2px solid #fff;
    width: 27px;
    height: 26px
}

.slicknav_menu .slicknav_icon {
    float: right;
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 13px;
    height: 2px;
    background-color: #fff
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 3px
}

.slicknav_btn.slicknav_open .slicknav_icon {
    display: none
}

.slicknav_btn.slicknav_open {
    background: url(/Portal/images/close_menu.png) no-repeat center center
}

.slicknav_nav {
    clear: both;
    margin: 0;
    padding: 40px 0 0;
    position: absolute;
    top: 90px;
    width: 100%;
    right: 0;
    background-color: rgba(34, 30, 30, 0.95);
    z-index: 999999;
    overflow-y: auto;
    max-height: 70vh;
    /*max-height: -webkit-calc(100vh - 90px);max-height: -moz-calc(100vh - 90px);max-height: calc(100vh - 90px);*/
}

.header.fixed .slicknav_nav {
    top: 50px;
    max-height: 85vh;
    /*max-height: -webkit-calc(100vh - 50px);max-height: -moz-calc(100vh - 50px);max-height: calc(100vh - 50px);*/
}

.slicknav_nav {
    font-size: 0
}

.slicknav_nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.slicknav_nav ul,
.slicknav_nav li {
    display: block
}

.slicknav_nav>li {
    width: 14.28%;
    padding: 10px;
    display: inline-block;
    vertical-align: top
}

.slicknav_nav li a:link,
.slicknav_nav li a:visited {
    display: block;
    color: #a7a9ac;
    font-size: 16px;
    padding: 0 0 5px 0;
    font-family: cma_regular
}

.slicknav_nav li a:hover {
    color: #fff;
}

.slicknav_nav .menu_sociale {
    width: 100%;
    display: block;
    text-align: left;
}

.slicknav_nav .menu_sociale a {
    display: inline-block !important;
    color: #fff !important;
}

.slicknav_nav .menu_sociale a i {
    margin: 0 5px;
    font-size: 20px !important;
}

.slicknav_nav .dropdown li a:link,
.slicknav_nav .dropdown li a:visited {
    color: #fff;
    padding: 3px;
    font-size: 12px;
    font-family: Tahoma
}

.slicknav_nav .dropdown li.active a:link,
.slicknav_nav .dropdown li.active a:visited {
    color: #8bd2f4
}

.slicknav_nav .dropdown li a:hover {
    color: #8bd2f4
}

.footer .menu_sociale {
    display: none;
}

.m_slider {
    height: 536px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    max-width: 2200px;
    position: relative;
    display: block
}

.m_slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.m_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%
}

.m_slider .slick-slide {
    overflow: hidden;
    float: right
}

.m_slider .slick-dots {
    position: absolute;
    bottom: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    text-align: center
}

.m_slider .slick-dots li {
    width: 15px;
    text-align: center;
    cursor: pointer;
    margin-left: 4px;
    display: inline-block;
    height: 15px
}

.m_slider .slick-dots li span {
    display: block;
    width: 15px;
    height: 15px;
    background: #221e1e;
    border: 1px solid #fff
}

.m_slider .slick-dots li.slick-active span {
    background-color: #fff;
    border: 1px solid #221e1e
}

.m_slider .slick-next {
    position: absolute;
    top: 50%;
    right: 12%;
    cursor: pointer;
    margin-top: -14px
}

.m_slider .slick-prev {
    position: absolute;
    top: 50%;
    left: 12%;
    cursor: pointer;
    margin-top: -14px
}

.m_slider .slick-slide {
    display: block;
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    color: #fff
}

.m_slider .slick-slide img {
    width: 100%;
    height: 536px
}

.m_slider .slick-slide strong {
    position: absolute;
    bottom: 45%;
    text-align: center;
    font-weight: normal;
    display: block;
    width: 100%;
    padding: 0 15%;
    font-size: 55px;
    line-height: 65px;
    font-family: "cma_regular"
}

.m_slider .slick-slide strong a:link,
.m_slider .slick-slide strong a:visited {
    color: #fff
}

.m_slider .slick-slide>a:link,
.m_slider .slick-slide>a:visited {
    position: absolute;
    left: 30%;
    bottom: 100px
}

.square_btn:link,
.square_btn:visited {
    background-color: #8bd2f4;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    display: block;
    width: 100px;
    height: 100px;
    position: relative
}

.square_btn:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.square_btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    line-height: 16px;
    font-family: Tahoma;
    font-size: 12px;
    width: 64px;
    max-height: 50px;
    overflow: hidden;
    color: #fff;
    display: block;
}

input.square_btn {
    background-color: #8bd2f4;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    display: block;
    width: 100px;
    height: 100px;
    position: relative;
    vertical-align: middle;
    line-height: 16px;
    font-family: Tahoma;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    border: none;
    cursor: pointer;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input.square_btn:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.square_btn.small_btn:link,
.square_btn.small_btn:visited,
.square_btn.small_btn {
    width: 75px;
    height: 75px;
}

.elan {
    padding: 80px 0;
    max-width: 2200px
}

.elan>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30px
}

.elan .title {
    color: #98945d;
    font-size: 36px;
    text-align: center;
    padding: 0 10px 20px 10px;
    font-family: "cma_regular";
    position: relative
}

.elan .title a:link,
.elan .title a:visited {
    color: #a7a9ac;
    font-size: 14px;
    position: relative;
    top: -10px;
    font-family: Tahoma;
    position: absolute;
    left: 30%;
    top: 15px
}

.e_slider {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    position: relative;
    display: block
}

.e_slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.e_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 99%
}

.e_slider .slick-slide {
    overflow: hidden;
    float: right
}

.e_slider .slick-next {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    margin-top: -14px
}

.e_slider .slick-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    cursor: pointer;
    margin-top: -14px
}

.e_slider .slick-disabled {
    visibility: hidden
}

.e_slider a:link,
.e_slider a:visited {
    display: block;
    width: 100%;
    display: block;
    position: relative;
    padding: 0 30px;
    color: #221e1e;
    height: 282px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 20px
}

.e_slider a:hover {
    background-color: #f3f3f3;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.e_slider a:hover:last-child {
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.e_slider a::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #eee;
    position: absolute;
    left: 0;
    top: 0
}

.e_slider a:link i,
.e_slider a:visited i {
    background-color: #8bd2f4;
    padding: 28px 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #fff;
    margin: -50px 0 0 -50px;
    font-style: normal;
    width: 100px;
    height: 100px;
}

.e_slider a:hover i:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.e_slider .slick-slide strong {
    display: block;
    color: #a7a9ac;
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px
}

.e_slider .slick-slide>span {
    display: block;
    color: #98945d;
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    height: 66px;
    overflow: hidden;
    font-family: "cma_regular"
}

.investment,
.awareness,
.signup,
.materials,
.titleonly,
.error {
    background-size: 100% 100% !important
}

.investment.parallax,
.awareness.parallax,
.signup.parallax,
.materials.parallax,
.titleonly.parallax,
.error.parallax {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: top left !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important
}

.error {
    margin: 100px 0;
}

.error>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 10px 250px;
    color: #221e1e
}

.error .title {
    color: #0069aa;
    font-size: 36px;
    padding-bottom: 20px;
    font-family: "cma_regular"
}

.error .des {
    line-height: 20px
}

.max_note {
    float: left;
}

.investment>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 10px;
    color: #fff
}

.investment .title {
    color: #fff;
    font-size: 36px;
    padding-bottom: 20px;
    font-family: "cma_regular"
}

.investment .des {
    float: right;
    width: 80%;
    line-height: 20px
}

.investment a:link,
.investment a:visited {
    background-color: #8bd2f4;
    padding: 20px 30px;
    float: left;
    margin: 10px 0 0 0;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.investment a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.awareness>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 10px;
    color: #fff;
    position: relative
}

.awareness .title {
    color: #fff;
    font-size: 36px;
    padding-bottom: 20px;
    font-family: "cma_regular"
}

.awareness .des {
    float: right;
    width: 80%;
    color: #fff;
    line-height: 20px
}

.awareness a:link,
.awareness a:visited {
    background-color: #8bd2f4;
    padding: 20px 30px;
    float: left;
    margin: 10px 0 0 0;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.awareness a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.apu>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 10px;
    position: relative;
}

.apu .title {
    color: #0069aa;
    font-size: 36px;
    padding-bottom: 20px;
    font-family: "cma_regular"
}

.apu a.goto_details:link,
.apu a.goto_details:visited {
    background-color: #8bd2f4;
    padding: 20px 30px;
    float: left;
    margin: 10px 0 0 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -50px;
}

.apu a.goto_details:hover {
    background-color: #77d5c5;
}

.apu ul {
    padding: 0;
    margin: 0 0 0 15%;
    list-style: none
}

.apu ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px
}

.apu ul li>span:nth-child(1) strong {
    font-weight: normal;
    color: #221e1e;
    font-size: 12px;
    display: block
}

.apu ul li>span:nth-child(1) {
    font-size: 14px;
    width: 25%;
    float: right;
    display: block
}

.apu ul li>span:nth-child(1) a:link,
.apu ul li span:nth-child(1) a:visited {
    color: #a7a9ac
}

.apu ul li>span:nth-child(2) {
    width: 50%;
    float: right;
    display: block
}

.apu ul li>span:nth-child(3) {
    color: #a7a9ac;
    font-size: 12px;
    width: 25%;
    float: left;
    display: block
}

.apu ul li>span:nth-child(3) span {
    font-size: 12px
}

.apu_ico {
    width: 30px;
    height: 30px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    margin: 5px;
    font-size: 10px;
    text-align: center;
    font-family: Verdana;
    line-height: 26px;
    font-weight: normal;
    font-family: Verdana;
    cursor: default
}

.blue {
    border-color: #0069aa;
    color: #0069aa
}

.green {
    border-color: #76998c;
    color: #76998c
}

.purple {
    border-color: #7a5f97;
    color: #7a5f97
}

.lightblue {
    border-color: #5e779b;
    color: #5e779b
}

.burgundy {
    border-color: #b88d94;
    color: #b88d94
}

.consultation {
    position: relative
}

.consultation>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 10px
}

.consultation .rcons {
    float: right;
    width: 49%;
    max-height: 330px
}

.consultation .lcons {
    float: left;
    width: 49%
}

.lcons .title {
    color: #0069aa;
    font-size: 46px;
    padding-bottom: 20px;
    font-family: "cma_regular"
}

.lcons .des {
    padding-bottom: 30px;
    float: right;
    width: 70%;
    line-height: 20px
}

.lcons>a:link,
.lcons>a:visited {
    background-color: #8bd2f4;
    float: left;
    margin: 10px 0 0 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.lcons>a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.signup>div {
    max-width: 640px;
    margin: 0 auto;
    padding: 50px 10px;
    color: #fff
}

.stitle {
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 30px;
    font-family: "cma_regular"
}

.stitle strong {
    display: block;
    font-weight: normal;
    font-size: 36px;
    font-family: "cma_regular"
}

.signup ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

.signup ul li {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

.signup ul li:last-child {
    position: absolute;
    top: 0;
    padding: 0;
    width: 20%;
}

.signup ul li input[type="text"],
.signup ul li input[type="email"] {
    display: block;
    padding: 10px 10px;
    font-family: tahoma_mob, tahoma;
    margin-top: 10px;
    width: 100%;
}

.cside .signup ul li input[type="text"],
.cside .signup ul li input[type="email"] {
    margin-top: 1px;
}

.signup ul li a:link,
.signup ul li a:visited {}

.signup ul li input[type="button"] {
    background-color: #8bd2f4;
    border: 0;
    font-family: "cma_regular";
    color: #fff;
    float: right;
    cursor: pointer;
    padding: 33px 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.signup ul li input[type="button"]:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.signup ul li.formLabel.captcha {
    margin-top: 21px;
    margin-right: 30px;
}

.signup ul li div.btn_captcha input[type="text"] {
    margin-top: 22px !important;
}

.signup ul li.signupbtn {
    margin-top: 25px;
}

.signup ul li.formLabel.captcha div img:first-child {
    height: 40px;
    width: 100px;
    margin-bottom: 19px;
}

.signup ul li.formLabel.captcha div img:last-child {
    position: relative;
    top: -10px;
}

.location img {
    width: 100%
}

.footer {
    background-color: #221e1e
}

.footer>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 10px;
    color: #fff
}

.footer .social {
    float: left;
}

.footer .social a {
    display: block;
    float: right;
}

.footer .fa {
    color: #fff;
    font-size: 20px;
    margin: 0 5px
}

.footer div>ul {
    padding: 0;
    margin: 50px 0 0 0;
    list-style: none;
    font-size: 0
}

.footer div>ul>li {
    width: 14.28%;
    padding: 10px;
    display: inline-block;
    vertical-align: top
}

.footer div>ul>li>a:link,
.footer div>ul>li>a:visited {
    color: #a7a9ac;
    font-size: 16px;
    font-family: "cma_regular"
}

.footer div>ul>li>a:hover {
    color: #fff;
}

.footer div ul ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer div ul ul li a:link,
.footer div ul ul li a:visited {
    font-size: 12px;
    color: #fff;
    padding: 3px 0;
    display: block
}

.footer div ul ul li.active a:link,
.footer div ul ul li.active a:visited {
    color: #8bd2f4
}

.footer div ul ul li a:hover {
    color: #8bd2f4
}

.copyright {
    background-color: #181616;
    color: #a7a9ac;
    padding: 20px
}

.copyright>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
}

.copyright strong {
    font-weight: normal;
    display: block;
    padding-bottom: 5px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fr a:link,
.fr a:visited {
    color: #fff
}

.fr a:hover {
    text-decoration: underline
}

.fl a {
    margin-right: 5px;
}


/**/

.bc {
    background-color: #332f30
}

.bc>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px;
    color: #8bd2f4
}

.bc a:link,
.bc a:visited {
    color: #fff
}

.bc a:hover {
    color: #8bd2f4
}

.bc img {
    margin: 0 5px
}

.bc img {
    margin: 0 3px
}

.bc ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bc ul li a,
.bc ul li span {
    float: right;
    white-space: nowrap;
    text-decoration: none !important;
    line-height: 25px;
}

.ms-breadcrumb>li>span,
.s4-breadcrumb>li>span,
.Sure_listViewTitle {
    display: none;
}

.s4-breadcrumb-arrowcont img,
.s4-breadcrumb-arrowcont span {
    display: none !important;
}

.s4-breadcrumb-arrowcont {
    width: 9px;
    height: 15px;
    background: url(/Portal/images/bc_arrow.png) no-repeat;
    position: relative;
    margin: 10px 5px 0;
}

.ms-hide {
    display: none;
}

.int_body {
    max-width: 1100px;
    margin: 20px auto
}

.mside {
    float: left;
    width: 20%;
    margin: 40px 0 0 0px
}

.cside {
    float: right;
    width: 80%;
    padding: 20px;
    color: #221e1e;
    overflow: hidden;
    line-height: 20px
}

.cside img {
    max-width: 100%;
}

.general_contents ul {
    list-style: square;
}

.general_contents ul a:link,
.general_contents ul a:visited {
    color: #221e1e;
}

.general_contents ul a:hover {
    text-decoration: underline;
}

.general_contents span,
.general_contents,
.general_contents p {
    font-size: 12px !important;
    font-family: tahoma_mob, tahoma !important;
    color: #221e1e !important;
}

.general_contents span.icon-download3{
	color: #004b96 !important;
    font-size: 25px !important;
    font-family: 'icomoon' !important;
}

.related {
    border: 1px solid #ccc;
    padding: 10px 10px 50px;
    background: url(/Portal/images/shadow_purple.png) no-repeat bottom right;
    margin-bottom: 20px
}

.related .title {
    color: #7a5f97;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "cma_regular"
}

.related ul {
    padding: 0;
    margin: 10px 0 30px;
    list-style: none
}

.related ul li a:link,
.related ul li a:visited {
    display: block;
    padding: 0 10px 0 0;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 8px;
    color: #221e1e;
    line-height: 20px
}

.related ul li a:hover {
    color: #0069aa
}

.rm {
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.rm ul {
    padding: 10px;
    margin: 10px 0 30px;
    list-style: none
}

.rm ul li a:link,
.rm ul li a:visited {
    display: block;
    padding: 0 10px 0 0;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 10px;
    color: #221e1e;
    line-height: 20px
}

.rm ul li a:hover,
.rm ul li a.selected {
    color: #8bd2f4
}

.rm .title {
    color: #fff;
    font-size: 25px;
    padding: 10px 20px;
    /*font-family: "cma_regular";*/
    position: relative;
    background-color: #0069aa;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item,
.ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    /* display: block; */
    /* padding: 2px 10px; */
}

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
li > a.ms-core-listMenu-item:hover,
li > a.ms-core-listMenu-item:active,
li > a.ms-core-listMenu-item.ms-core-listMenu-selected {
    background-color: transparent !important;
}

.ms-core-sideNavBox-removeLeftMargin {
    margin-right: 0 !important;
}

.rm .ms-hidden {
    display: none;
}

.faq {
    border: 1px solid #ccc;
    padding: 10px 10px 50px;
    background: url(/Portal/images/shadow_blue.png) no-repeat bottom right;
    margin-bottom: 20px
}

.faq.faq_int {
    border: none;
    padding: 0;
    background: none;
}

.faq_options select {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    height: 26px;
    font-size: 12px;
    width: 100%
}

.faq .title {
    color: #0069aa;
    font-size: 24px;
    font-family: "cma_regular";
    margin-bottom: 20px
}

.faq .content1 {
    color: #221e1e;
    padding: 0 0 10px 0
}

.faq .content1 .page_collapsible {
    color: #0069aa;
    display: block;
    line-height: 18px;
    cursor: pointer;
    padding: 0 15px 0 0;
}

.faq .content1 .collapse-close {
    background: url(/Portal/images/plus.png) no-repeat right 7px
}

.faq .content1 .collapse-open {
    background: url(/Portal/images/minus.png) no-repeat right 7px;
    color: #0069aa
}

.faq .content1 .content {
    padding: 0;
    color: #221e1e;
    line-height: 20px
}

.faq .content1 .content a:link,
#content1 .content a:visited {
    text-decoration: none;
    color: #48a35f
}
.ms-rtedir>img,.ms-rtedir p>img{
	width:100%;
}
.ip_title {
    font-size: 34px;
    color: #8bd2f4;
    line-height: 45px;
    text-align: right;
    font-family: "cma_regular"
}
.icons_bar{
	display: block !important;
	height: 100px
}
.icons_bar>div {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0
}

.icons_bar div>a:link,
.icons_bar>a:visited,
.icons_bar div>div {
    float: left;
    margin-right: 5px;
    height: 20px;
    overflow: hidden;
    position: relative;
    display: block;
    width: 21px;
    cursor: pointer
}

.icons_bar div>a:link img,
.icons_bar div>a:visited img,
.icons_bar div>div img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.icons_bar div>a:hover img,
.icons_bar div>div:hover img {
    position: absolute;
    top: -20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.icons_bar div>div.bonfire-share-activate-button-active img {
    top: -20px !important
}

.date {
    font-size: 12px;
    color: #a7a9ac;
    padding: 20px 0 5px
}

ul.int_list {
    padding: 0;
    margin: 10px 0;
    list-style: none
}

ul.int_list li,
ul.int_list li {
    padding: 0 10px 0 0;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 8px;
    color: #221e1e;
    line-height: 20px
}

ul.int_list li a:link,
ul.int_list li a:visited {
    color: #8bd2f4;
    display: block
}

ul.int_list li a:hover {
    color: #0069aa
}

ul.list_links {
    padding: 0;
    margin: 10px 0;
    list-style: none
}

ul.list_links li,
ul.list_links li {
    padding: 5px 10px 5px 5px;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 12px;
    color: #221e1e;
    line-height: 20px;
    border-bottom: 1px solid #ccc
}

ul.list_links li a:link,
ul.list_links li a:visited {
    color: #221e1e;
    display: block
}

ul.list_links li a:hover {
    color: #0069aa;
    text-decoration: none;
}

.PagerContainerTable {
    width: 100%;
    font-family: Verdana;
    margin-top: 30px;
}

.PagerContainerTable td {
    float: right;
    margin-right: 5px;
    font-size: 12px
}

.PagerContainerTable td.PagerInfoCell {
    color: #221e1e;
    padding: 0px;
    float: left;
    font-family: tahoma_mob, tahoma
}

.PagerContainerTable td.PagerInfoCell2 {
    color: #221e1e;
    padding: 0px;
    font-family: tahoma_mob, tahoma;
    padding-right: 10px
}

.PagerContainerTable td.PagerInfoCell a:link,
.PagerContainerTable td.PagerInfoCell a:visited,
.PagerContainerTable td.PagerInfoCell a {
    color: #404040;
    cursor: pointer;
}

.PagerContainerTable td.PagerInfoCell a:hover {
    text-decoration: underline
}

.PagerOtherPageCells {
    padding: 0
}

.PagerOtherPageCells a:link,
.PagerOtherPageCells a:visited,
.PagerOtherPageCells a {
    font-size: 12px;
    color: #221e1e;
    text-decoration: none;
    font-family: tahoma_mob, tahoma;
    cursor: pointer;
    text-decoration: none;
}

.PagerOtherPageCells a:hover {
    color: #0069aa
}

.PagerCurrentPageCell {
    font-size: 14px;
    padding: 0;
    margin: 0
}

.PagerHyperlinkStyle {
    width: 100%;
    display: block;
    height: 100%
}

.grid {
    border-spacing: 1px;
    border-collapse: inherit;
    width: 100%;
    background-color: #b3b3b3
}

.grid th {
    background-color: #b3b3b3;
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    vertical-align: top
}

.grid td {
    padding: 3px 5px;
    vertical-align: top;
    color: #221e1e;
    vertical-align: top
}

.grid td.en_font {
    font-size: 12px
}

.grid tr:nth-child(even) {
    background: #fff
}

.grid tr:nth-child(odd) {
    background: #f9f9f9
}

#events_date span {
    font-weight: bold
}

.general_contents table {
    border-spacing: 1px;
    border-collapse: inherit;
    width: 100%;
    background-color: #b3b3b3
}

.general_contents table th {
    background-color: #b3b3b3;
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    vertical-align: top
}

.general_contents table td {
    padding: 3px 5px;
    color: #221e1e;
    vertical-align: middle
}

.general_contents table td.en_font {
    font-size: 12px
}

.general_contents table tr:nth-child(even) {
    background: #fff
}

.general_contents table tr:nth-child(odd) {
    background: #f9f9f9
}

.materials>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 10px;
    color: #fff;
    position: relative
}

.materials .title {
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 30px;
    font-family: "cma_regular"
}

.materials_slider {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    position: relative;
    display: block;
    max-width: 600px
}

.materials_slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.materials_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%
}

.materials_slider .slick-slide {
    overflow: hidden;
    float: right
}

.materials_slider .slick-next {
    position: absolute;
    top: 50%;
    right: -10px;
    cursor: pointer;
    margin-top: -14px
}

.materials_slider .slick-prev {
    position: absolute;
    top: 50%;
    left: -10px;
    cursor: pointer;
    margin-top: -14px
}

.materials_slider .slick-disabled {
    visibility: hidden
}

.materials_slider a:link,
.materials_slider a:visited {
    float: right;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    position: relative;
    height: 100%
}

.materials_slider .awar_video {
    float: right;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    position: relative;
    height: 100%;
}

.materials_slider a img {
    width: 100%;
    height: 218px;
    margin-bottom: 10px;
}

.materials_slider iframe {
    border: 1px solid #909090;
    width: 100%;
    height: 218px;
    margin-bottom: 10px;
}

.int_title {
    color: #8bd2f4;
    font-size: 34px;
    font-family: "cma_regular"
}

.int_title_sub {
    color: #8bd2f4;
    font-size: 26px;
    font-family: "cma_regular";
    padding: 20px 0;
}

.filter,
.filter ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.filter>li {
    float: right
}

.filter>li:nth-child(1) {
    width: 5%
}

.filter>li:nth-child(2) {
    width: 85%
}

.filter>li:nth-child(2) ul {
    float: right;
    width: 20%
}

.filter>li:nth-child(3) {
    width: 10%;
    text-align: left
}

.filter>li:nth-child(3) a:link,
.filter>li:nth-child(3) a:visited {
    background-color: #8bd2f4;
    padding: 20px 30px;
    float: left;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.filter>li:nth-child(3) a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.filter ul>li {
    padding: 0 10px
}

.filter ul>li:first-child {
    padding: 0 10px 10px;
    text-align: center;
    position: relative
}

.filter ul>li:first-child>span {
    display: block;
    width: 100%;
    padding: 0;
    height: 24px;
    background-color: #fff
}

.filter ul>li.gtitle:first-child>span span {
    position: relative;
    background-color: #eff6fb;
    z-index: 99999;
    padding: 0 10px
}

.filter ul>li.gtitle:first-child::after {
    content: "";
    height: 1px;
    background-color: #a8a9ac;
    right: 10px;
    top: 12px;
    position: absolute;
    left: 10px
}

.filter ul>li.gtitle:first-child>span::before {
    content: "";
    width: 1px;
    height: 36px;
    background-color: #a8a9ac;
    right: 10px;
    top: 12px;
    position: absolute
}

.filter ul>li.gtitle:first-child>span::after {
    content: "";
    width: 1px;
    height: 36px;
    background-color: #a8a9ac;
    left: 10px;
    top: 12px;
    position: absolute
}

.filter li li input[type="checkbox"] {
    position: relative;
    float: right;
    margin-top: 3px;
}

.filter li li strong {
    float: right;
	position: relative; top: -8px;
}

.filter li li span {
    line-height: 16px
}

.f_srch {
    overflow: hidden
}

.f_srch span {
    border: 2px solid #a7a9ac;
    width: 27px;
    height: 26px;
    display: block;
    padding: 2px 3px;
    float: right;
    cursor: pointer;
    float: left;
}

.f_srch input {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    margin-left: 10px;
    padding: 0 5px;
    height: 26px;
    min-width: 40%;
    float: left;
}

.f_apu .title {
    color: #0069aa;
    font-size: 36px;
    padding-bottom: 20px
}

.f_apu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.f_apu ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px
}

.f_apu ul li>span:nth-child(1) strong {
    font-weight: normal;
    color: #221e1e;
    font-size: 14px;
    display: block
}

.f_apu ul li>span:nth-child(1) strong span {
    display: block;
    font-size: 12px;
    padding-right: 30px
}

.f_apu ul li>span:nth-child(1) {
    font-size: 14px;
    width: 25%;
    float: right;
    display: block
}

.f_apu ul li>span:nth-child(1) a:link,
.f_apu ul li span:nth-child(1) a:visited {
    color: #a7a9ac
}

.f_apu ul li>span:nth-child(1) a:nth-child(2) {
    margin-right: 28px
}

.f_apu ul li>span:nth-child(2) {
    width: 50%;
    float: right;
    display: block
}

.f_apu ul li>span:nth-child(3) {
    color: #a7a9ac;
    width: 25%;
    float: left;
    display: block
}

.p_tab {
    padding: 0;
    margin: 20px 0;
    list-style: none
}

.p_tab li {
    float: right;
    width: 50%;
    text-align: center;
    font-family: "cma_regular";
    padding: 10px;
    font-size: 18px;
    border: 1px solid #ccc;
    cursor: default
}

.p_tab li a:link,
.p_tab li a:visited {
    color: #404040;
    text-decoration: none;
    display: block;
}

.p_tab li.active {
    background-color: #8bd2f4;
    border: 1px solid #8bd2f4;
}

.p_tab li.active a:link,
.p_tab li.active a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
}

.classification,
.classification ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.classification>li {
    float: right
}

.classification>li:nth-child(1) {
    width: 10%
}

.classification>li:nth-child(2) {
    width: 80%
}

.classification>li:nth-child(2) li {
    float: right;
    width: 20%;
    height: 50px
}

.classification>li:nth-child(3) {
    width: 10%;
    text-align: left
}

.classification>li:nth-child(3) a:link,
.filter>li:nth-child(3) a:visited {
    background-color: #8bd2f4;
    padding: 20px 30px;
    float: left;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.classification>li:nth-child(3) a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.classification li li input[type="radio"] {
    position: relative;
    float: right;
    bottom: -4px;
    margin-bottom: 10px;
}

.classification li li strong {
    float: right
}

.classification li li span {
    line-height: 20px
}

.srch_con .square_btn.small_btn {
    float: left;
}

.srch_con .f_ul,
.srch_con .classification {
    width: 75%;
    float: right;
}

.srch_con .classification>li:nth-child(2) {
    width: 90%
}

.srch_con .classification>li:nth-child(2) li {
    text-align:right;padding:0 10px;width:auto !important;
}

.c_select {
    float: right;
    margin-left: 50px;
    min-width: 35%
}

.c_select select {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    height: 26px;
    font-size: 12px;
    width: 100%
}

.c_srch {
    overflow: hidden;
    float: right;
    min-width: 35%
}

.c_srch span {
    border: 2px solid #a7a9ac;
    width: 27px;
    height: 26px;
    display: block;
    padding: 2px 3px;
    float: left;
    cursor: pointer
}

.c_srch input {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    margin-left: 10px;
    padding: 0 5px;
    height: 26px;
    font-size: 12px;
    width: 90%
}

.sub_title {
    font-size: 26px;
    font-family: "cma_regular"
}

.sub_title a:link,
.sub_title a:visited {
    float: left;
    font-size: 11px;
    color: #221e1e;
    font-family: Tahoma;
    display: block;
    padding: 10px
}

.sub_title a:hover {
    text-decoration: underline
}

.fund {
    color: #221e1e;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc
}

.fund .page_collapsible {
    color: #404040;
    display: block;
    line-height: 20px;
    cursor: pointer;
    padding: 0 15px 0 0;
    font-weight: bold
}

.fund .collapse-close {
    background: url(/Portal/images/plus.png) no-repeat right 7px
}

.fund .collapse-open {
    background: url(/Portal/images/minus.png) no-repeat right 7px
}

.fund .content {
    padding: 0;
    color: #404040;
    line-height: 20px
}

.fund_tbl {
    width: 100%;
    text-align: right;
    border-spacing: 0;
    border-collapse: separate
}

.fund_tbl th {
    color: #a7a9ac;
    font-size: 11px;
    font-weight: normal
}

.fund_tbl tr:nth-child(even) {
    background-color: #e5e5e5
}

.fund_tbl tr th.fundname {
    width: 40%;
}

.fund_tbl tr th.publicfund {
    width: 60%;
}

.fund_tbl tr th.classfication {
    width: 10%;
}

.fund_tbl tr th.publicclassfication {
    width: 12%;
}

.fund_tbl td,
.fund_tbl th {
    text-align: right;
}

.int_body p {
    line-height: 20px
}

.int_body p.SubscriptionSuccessful {
    padding: 50px 0;
}

.share_block {
    padding: 30px 0;
    border-bottom: 1px solid #dcdcdc
}

.share_block>a:first-child,
.share_comment>a:first-child {
    margin: 0 0 20px 10px;
    height: 32px;
    display: block;
    float: right
}

.share_block a.share_title:link,
.share_block a.share_title:visited {
    background-color: #d1edfb;
    padding: 20px;
    display: block;
    color: #221e1e;
}

.share_block strong,
.share_comment strong {
    font-weight: normal;
    line-height: 20px
}

.share_block strong span,
.share_comment strong span {
    padding-right: 40px;
    display: block;
}

.expires {
    float: left;
    color: #a7a9ac;
    font-size: 10px
}

.share_title {
    display: block;
    padding: 20px 0
}

.share_form {
    padding: 0;
    margin: 0;
    list-style: none
}

.share_form li {
    float: right;
    width: 50%;
}

.share_form li {
    padding: 0 0 0 20px
}

.share_form li:nth-child(5),
.share_form li:nth-child(6) {
    width: 100%;
}

.share_form li input[type="text"] {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    font-family: Tahoma;
    font-size: 12px;
    color: #a7a9ac
}

.share_form li input[type="file"] {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 8px 10px;
    margin: 11px 0;
    font-family: Tahoma;
    font-size: 12px;
    color: #a7a9ac
}

.share_form li textarea {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 5px;
    margin: 10px 0;
    font-family: Tahoma;
    font-size: 12px;
    color: #a7a9ac;
    min-height: 100px
}

.share_form li a,
.share_form li input.square_btn {
    float: left;
    margin: 10px 10px 0 0
}

.formbtn {
    width: 100% !important;
}

.formbtn .square_btn {
    margin: 10px 10px 0 0 !important;
    float: left;
}

.msg_thanks {
    background-color: #d1edfb;
    padding: 20px;
    display: block;
    margin: 20px 0
}

.message_g {
    background-color: #dff0d8;
    padding: 20px;
    display: block;
    margin: 20px 0;
    color: #468847;
}

.message_r {
    background-color: #f2dede;
    padding: 20px;
    display: block;
    margin: 20px 0;
    color: #b94a48;
}

.message_b {
    background-color: #d1edfb;
    padding: 20px;
    display: block;
    margin: 20px 0;
    color: #3a87ad;
}

.message_y {
    background-color: #fcf8e3;
    padding: 20px;
    display: block;
    margin: 20px 0;
    color: #c09853;
}

.empty_arch {
    background-color: #f2dede;
    padding: 20px;
    display: block;
    margin: 20px 0;
    color: #b94a48;
}

.empty_rel {
    text-align: center;
    padding: 20px 0;
}

.requiredMsg {
    color: red;
}

.share_another {
    padding: 0;
    margin: 0;
    list-style: none
}

.share_another li:first-child {
    float: right;
    width: 75%;
    padding: 0 0 0 20px
}

.share_another li:last-child {
    float: right;
    width: 25%;
    padding: 0
}

.share_another li a {
    float: left;
    margin: 10px 0 0 0
}

.share_expires {
    padding: 0;
    margin: 0;
    list-style: none;
}

.share_expires li {
    padding: 0 0 10px 0
}

.share_expires a {
    margin: 0 0 0 10px;
    height: 32px;
    display: block;
    float: right
}

.share_expires li strong {
    font-weight: normal;
    line-height: 20px;
    display: block;
    float: right;
}

.header_img {
    width: 100%
}

.f_ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.f_ul li {
    float: right;
    width: 30%;
    padding: 8px 0 8px 16px
}

.f_ul li:last-child {
    width: 10%;
    padding: 8px 0
}

.f_ul li select {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    height: 26px;
    font-size: 12px;
    width: 100%
}

.f_ul li span.schr_btn {
    border: 2px solid #a7a9ac;
    width: 27px;
    height: 26px;
    display: block;
    float: left;
    cursor: pointer;
    margin-left: 12px;
}

.f_ul li span.schr_btn img {
    width: 27px;
    height: 26px;
    padding: 5px 3px;
}

.f_ul li input {
    border: 1px solid #e1e1e1;
    background: #fff;
    font-family: tahoma_mob, tahoma;
    color: #404040;
    margin-left: 5px;
    padding: 0 5px;
    height: 26px;
    font-size: 12px;
    width: 100%
}

.anno_arch:link,
.anno_arch:visited {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none !important;
    display: block;
}

.anno_arch:hover {
    background-color: #f3f3f3;
}

.adate {
    color: #a7a9ac;
    display: block
}

.atitle {
    color: #98945d;
    font-size: 14px;
    display: block;
    margin-bottom: 10px
}

.adetails {
    color: #221e1e;
    display: block
}

.anno_arch_col .anno_arch:link,
.anno_arch_col .anno_arch:visited {
    float: right;
    width: 25%;
    padding: 20px;
    height: 190px;
    position: relative
}

.anno_arch_col .anno_arch:hover {
    background-color: #f3f3f3;
}

.anno_arch_col .anno_arch::after {
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    top: 20%;
    background-color: #ececec;
    left: 0
}

.anno_arch_col .atitle {
    height: 40px;
    overflow: hidden
}

.anno_arch_col .adetails {
    height: 78px;
    overflow: hidden
}

.anno_arch_col .anno_arch:nth-child(4n)::after {
    visibility: hidden
}

.pg a:link,
.pg a:visited {
    display: block;
    width: 25%;
    padding: 10px;
    float: right;
    color: #221e1e
}

.pg a img {
    width: 100%;
    border-bottom: 8px solid #a7a9ac
}

.pg a span {
    display: block;
    height: 78px;
    overflow: hidden;
    border-bottom: 1px solid #a7a9ac;
    padding-top: 10px
}

.dl a:link,
.dl a:visited {
    display: block;
    width: 20%;
    padding: 10px;
    float: right;
    color: #221e1e;
    margin: 0 2.5%
}

.dl a img {
    width: 100%;
    max-height: 212px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.dl a>span {
    display: block;
    height: 82px;
    overflow: hidden;
    position: relative;
    line-height: 16px;
}

.CMALawDownload a:link,
.CMALawDownload a:visited {
    background: url(/Portal/images/download_pdf.png) no-repeat right center;
    background-size: 20px;
    padding: 5px 25px 5px 10px;
    display: block;
    float: right;
    color: #98945d;
    margin-top: 30px;
}

.CMALawDownload a:hover {
    text-decoration: underline;
}

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter,
#cboxCurrent {
    visibility: hidden !important
}

#cboxPrevious {
    bottom: 50%;
}

#cboxNext {
    bottom: 50%;
    right: 0 !important
}

#cboxClose {
    top: 0 !important
}

#cboxTitle {
    bottom: 0 !important;
    padding: 20px 10px;
    background-color: #fff;
    border-bottom: 8px solid #a7a9ac
}

.player {
    height: 97%;
}

.ann_related {
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.ann_related strong {
    padding: 0 10px
}

.ann_related .title {
    color: #fff;
    font-size: 14px;
    padding: 10px 10px 25px;
    background: url(/Portal/images/details_title_related.png) no-repeat right bottom #a7a9ac
}

.ann_related ul {
    padding: 10px;
    list-style: none
}

.ann_related ul li a:link,
.ann_related ul li a:visited {
    display: block;
    padding: 0 10px 0 0;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 8px;
    color: #221e1e;
    line-height: 20px
}

.ann_related ul li a:hover {
    color: #0069aa;
    text-decoration: none;
}

.details_slider {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    position: relative;
    display: block
}

.details_slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.details_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%
}

.details_slider .slick-slide {
    overflow: hidden;
    float: right
}

.details_slider .slick-next {
    position: absolute;
    top: 50%;
    right: -10px;
    cursor: pointer;
    margin-top: -14px
}

.details_slider .slick-prev {
    position: absolute;
    top: 50%;
    left: -10px;
    cursor: pointer;
    margin-top: -14px
}

.details_slider .slick-disabled {
    visibility: hidden
}

.details_slider a:link,
.details_slider a:visited {
    display: block;
    width: 25%;
    padding: 10px;
    float: right;
    color: #221e1e
}

.details_slider a img {
    width: 100%;
    height: 212px;
    border-bottom: 8px solid #a7a9ac
}

.details_slider a span {
    display: block;
    height: 78px;
    overflow: hidden;
    border-bottom: 1px solid #a7a9ac;
    padding-top: 10px
}

.g_links {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.g_links li {
    float: right;
    width: 20%;
    text-align: center;
    padding: 10px;
}

.g_links li a:link,
.g_links li a:visited {
    color: #221e1e;
    display: block;
    height: 110px;
    padding: 10px;
    background: url(/Portal/images/shadow_green.png) #fff no-repeat right bottom;
    background-size: 100px;
    font-family: "cma_regular";
    font-size: 16px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 1px solid #ccc;
}

.g_links li a:hover {
    color: #fff;
    text-decoration: none;
    background: url(/Portal/images/shadow_white.png) #98945d no-repeat right bottom;
    background-size: 100px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 1px solid #98945d;
}

.g_links li a img {
    display: none;
}

#loader {
    text-align: center;
    padding: 50px 0;
}

.location iframe {
    height: 400px;
    width: 100%
}


/*search*/

.ms-srch-hover-outerContainer {
    display: none !important;
}

.ms-srch-hover-imageContainer {
    border: none !important
}

.ms-srch-item-path,
.ms-srch-hover-filetype {
    white-space: nowrap !important;
    width: 100%;
}

.ms-srch-item-previewContainer {
    display: none !important
}

.int_content div.ms-webpart-zone.ms-fullWidth,
.int_content div.s4-wpcell-plain,
.int_content div.ms-webpart-chrome,
.int_content div.ms-WPBody,
.ms-webpart-zone,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0px !important;
    display: block !important;
}

.ms-srch-sb-border:hover,
.ms-srch-sb-borderFocused,
#SearchBox,
.ms-srch-sb-border,
.ms-srch-sbLarge {
    border: 0 !important;
    background: none !important
}

.ms-srch-upscope-top {
    width: 100% !important;
    font-size: 12px
}

.histogram_bar_active {
    border-color: #7e5b95 !important
}

.ajax__multi_slider_default .inner_rail_horizontal,
.slider_tick_active {
    border-color: #7e5b95 !important;
    background-color: #7e5b95 !important
}

h3 {
    margin: 0 !important;
    font: 12px tahoma_mob, tahoma!important;
    color: #5e5e5e
}

.ms-srch-item {
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

.ms-srch-result-groups,
.ms-srch-result {
    max-width: 100% !important
}

.ms-srch-sb-searchLink:hover,
.ms-srch-sb-navLink:hover {
    background: none !important
}

#SearchBox,
.ms-srch-sb-border,
.ms-srch-sbLarge {
    width: 100%
}

.ms-webpartzone-cell {
    margin-bottom: 0 !important
}

.ms-srch-sbLarge>input,
.ms-srch-sbLarge>input:focus {
    width: 85% !important;
    color: #707070 !important;
    font: normal 12px tahoma_mob, tahoma;
    border: 1px solid #ababab !important
}

.ms-disabled {
    font: 12px tahoma_mob, tahoma
}

.ms-srchnav {
    border-bottom: 3px solid #5e5e5e;
    margin-top: 5px
}

.ms-srchnav-link-selected {
    background-color: #5e5e5e;
    color: #e4e4e4 !important;
    font: 12px tahoma_mob, tahoma!important;
    padding: 0 10px
}

.ms-srchnav-link,
.ms-srchnav-link:hover {
    color: #535353;
    text-decoration: none;
    line-height: 26px;
    font: 12px tahoma_mob, tahoma!important;
    padding: 0 10px
}

.ms-srch-result-noResults {
    font: 12px tahoma_mob, tahoma!important
}

.ms-srch-result-noResultsTitle {
    font: 12px tahoma_mob, tahoma!important
}

.ms-srch-resultFooter a {
    font: 12px tahoma_mob, tahoma!important;
    text-decoration: none !important
}

.ms-srch-resultFooter a:hover,
.ms-srch-result-noResults a {
    text-decoration: underline;
    color: #5e5e5e
}

.ms-spimn-presenceLink {
    display: none
}

.ms-peopleux-userImgWrapper {
    border: 0
}

.ms-peopleux-userImg {
    border: 1px solid #ababab !important
}

.ms-srch-Paging li a,
.ms-srch-resultscount {
    font: 12px tahoma_mob, tahoma!important
}

.ms-srch-resultscount {
    border-bottom: 1px dotted #e2e2e2 !important;
    padding-bottom: 15px
}

#PagingSelf a {
    color: #5e5e5e !important
}

.ms-srch-hover-content,
.ms-srch-hover-action a {
    font: 12px tahoma_mob, tahoma!important
}

.ms-dlg-heading,
h2.ms-dlg-heading {
    font: 22px "cma_regular"!important
}

.ms-srch-hover-close {
    height: 20px
}

.ms-ref-refinername:link,
.ms-ref-refinername:visited {
    color: #fff;
    font-size: 25px;
    padding: 10px 20px;
    font-family: "cma_regular";
    position: relative;
    background-color: #0069aa;
    width: 100%;
}

.ms-ref-refinername:link div,
.ms-ref-refinername:visited div {
    position: relative;
    top: -5px
}

.ms-ref-refiner {
    padding: 0
}

.ms-ref-refiner #Container {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.ms-ref-name {
    display: block;
    padding: 0 10px 0 0;
    background: url(/Portal/images/bullet_01.png?v=1) no-repeat right 8px;
    color: #221e1e;
    line-height: 20px;
}

.ms-ref-name:hover,
.ms-displayBlock:hover,
.ms-ref-selSec {
    color: #8bd2f4 !important;
}

.ms-ref-unsel-shortList {
    padding: 20px 10px 10px;
}

.ms-ref-refiner #Value,
.ms-ref-unsel-toggle,
#OtherValue,
#SubmitValue {
    padding: 0;
}

.ms-commandLink,
.ms-commandLink:visited {
    font: 16px tahoma_mob, tahoma!important;
    color: #5e5e5e !important;
    text-decoration: underline !important;
    padding-right: 10px;
    border: 0
}

.ms-srch-item-link,
.ms-srch-item-link:visited,
.ms-srch-ellipsis a,
.ms-srch-ellipsis a:visited,
.ms-srch-hover-popularity div {
    font-family: tahoma_mob, tahoma;
    font-size: 12px !important;
    color: #707070;
    line-height: 30px
}

h1,
h2,
h3,
h4,
h5,
h6,
.ms-h1,
.ms-h2,
.ms-h3,
.ms-h4,
.ms-h5,
.ms-h6 {
    font-family: tahoma_mob, tahoma
}

div.ms-srch-item-title h3.ms-srch-ellipsis a:link,
div.ms-srch-item-title h3.ms-srch-ellipsis a:visited {
    color: #0069aa;
    font-size: 14px !important;
    display: block;
}

.ms-srch-ellipsis a:hover {
    color: #98945d;
    text-decoration: none
}

.ms-srch-ellipsis {
    white-space: normal
}

.ms-srch-item-summary,
.ms-srch-communityItem-summary,
.ms-srch-item-metadataContainer div {
    font: 12px tahoma_mob, tahoma!important
}

.ms-srch-item:hover,
.ms-srch-people-outerContainer:hover {
    background-color: #eaeaea
}

.ms-srch-item {
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
}

.slider_extent_label_section,
.handle_label_section,
.ms-metadata,
.ms-descriptiontext {
    font: 12px tahoma_mob, tahoma!important
}

.ms-ref-allSec,
.slideronly_container,
.ms-textSmall,
.histogram_container {
    position: relative;
    right: 10px
}

.ms-srch-item-path,
.ms-srch-hover-filetype {
    color: #98945d !important;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.ms-webpart-cell-vertical {
    margin-bottom: 0
}

.ms-calloutLink:hover,
.ms-calloutLink,
.ms-srch-result #Paging a:hover {
    color: #5e5e5e !important
}

.ms-srch-item-summary .ms-srch-item-highlightedText {
    color: #98945d
}

.ms-promlink-button-image {
    right: -10px;
    top: -4px
}

.ms-srch-hover-actions,
.ms-srch-hover-popularity {
    background-color: #eaeaea
}

.ms-srch-hover-actions {
    display: none
}

.ms-srch-item:hover,
.ms-srch-resultHover:hover {
    background-color: #f3f3f3 !important
}

.ms-promlink-button-enabled-hover,
.ms-promlink-button-enabled:hover,
.ms-commandLink,
.ms-commandLink:visited {
    border: none !important;
    background-color: transparent !important
}

.ms-srch-resultFooter,
.ms-srch-resultFooter a,
.ms-srch-result #ResultHeader select {
    color: #404040 !important
}

#NoResult {
    font-size: 12px
}

#NoResult a {
    color: #98945d
}

.ms-srch-sbLarge-link {
    margin-right: 10px
}

.ms-srch-sbLarge-link a {
    color: #568C3F !important;
    font: normal 12px tahoma_mob, tahoma;
    text-decoration: underline
}

td.ms-advsrchText-v1,
.ms-advsrchText-v2box {
    color: #404040 !important;
    font: 12px tahoma_mob, tahoma!important
}

td.ms-advsrchText-v2 input,
td.ms-advsrchText-v2 select {
    height: 30px;
    width: 100%
}

.ms-advsrchbutton input,
.ms-advsrchbutton input:hover {
    background-color: #568C3F;
    font: 12px tahoma_mob, tahoma;
    color: #fff;
    padding: 0px 20px 6px;
    border: 0;
    cursor: pointer;
    text-align: center;
    outline: none;
    float: left;
    margin-right: 10px
}

td.ms-advsrchtips a {
    color: #568C3F;
    text-decoration: underline
}

.ms-srch-sbLarge >.ms-srch-sb-searchLink {
    display: block;
    float: right;
    background: url("/Portal/images/srch_ico.png") no-repeat center center !important
}

.ms-srch-sb-searchLink:hover,
.ms-srch-sb-navLink:hover {
    display: block;
    float: right;
    background: url("/Portal/images/srch_ico_hover.png") no-repeat center center !important
}

.ms-srch-sbLarge >.ms-srch-sb-searchLink img,
.js-callout-closeButtonImage {
    display: none
}

.ms-srch-item-path-selected {
    border: none;
    padding: 0;
}

.ms-srch-item-path {
    width: 100%;
}

.ms-srch-result {
    margin-top: 0;
}

.cside img.ms-srch-pagingPrev,
.cside img.ms-srch-pagingNext {
    max-width: 500px;
}


/*search*/

.endpage_blocks .ann_related {
    float: right;
    width: 48%;
    min-height: 318px;
}

.endpage_blocks .ann_related:first-child {
    margin-left: 2%;
}

.endpage_blocks .ann_related:last-child {
    margin-right: 2%;
}

.faqbody {
    padding: 0 10px;
}

.form_tbl {
    padding: 0;
    margin: 0;
    list-style: none;
}

.form_tbl input[type="text"],
.form_tbl input[type="tel"],
.form_tbl input[type="email"],
.form_tbl input[type="password"],
.form_tbl select,
.form_tbl textarea {
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    font-family: Tahoma;
    font-size: 12px;
    color: #a7a9ac
}

.ui-datepicker td {
    float: none !important;
}

.form_tbl textarea {
    min-height: 120px;
}

.ms-rte-embedcode.ms-rte-embedwp iframe {
    width: 100%;
}

.formbtn input {
    float: left;
}

.dfwp-list {
    list-style: none !important;
    padding: 0;
    width: 100%;
    float: right;
    max-width: 100%;
}

.level-header {
    margin: 0 0 5px 0;
    background-color: #fff;
    border-radius: 5px;
}

.headertitle {
    line-height: 15px;
    color: #404040;
}

.headertitle a:link,
.headertitle a:visited {
    text-decoration: none;
    line-height: 15px;
    color: #404040;
    display: block;
    padding-right: 10px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 8px 15px;
    border: 1px solid #dedede;
}

.level-bullet {
    display: none;
}


/* .headertitle a:hover{background-color:#8bd2f4;color:#fff;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border: 1px solid #8bd2f4;} */

.level-header {
    padding: 0;
}

.subsite_block {
    position: relative
}

.subsite_block>div,
.contactus_cont {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 10px
}

.subsite_block .rsb2,
.subsite_block .rsb1 {
    float: right;
    width: 46%;
}

.subsite_block .lsb1,
.subsite_block .lsb2 {
    float: left;
    width: 46%;
}

.subsite_block .title {
    color: #0069aa;
    font-size: 46px;
    padding-bottom: 20px;
    font-family: "cma_regular";
    line-height: 50px;
}

.subsite_block .des {
    padding-bottom: 30px;
    line-height: 20px
}

.subsite_block a:link,
.subsite_block a:visited {
    background-color: #8bd2f4;
    margin: 10px 0 0 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: left;
}

.subsite_block a:hover {
    background-color: #77d5c5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.contactUs_form {
    float: right;
    width: 48%;
}

.contactus_info {
    float: left;
    width: 48%;
    padding-top: 20px;
}

.contactuswebpartTitle {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 10px;
    text-align: center;
}

.contactuswebpartTitle a:link,
.contactuswebpartTitle a:visited {
    color: #0069aa;
    font-size: 48px;
    font-family: "cma_regular";
    text-decoration: none;
}

.titleonly>div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 10px;
    color: #fff;
    text-align: center;
}

.titleonly .title a:link,
.titleonly .title a:visited {
    color: #fff;
    font-size: 36px;
    padding-bottom: 20px;
    font-family: "cma_regular";
    text-decoration: none;
}

.calcContainer {
    background-color: #0069aa;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;
}

.calcContainer td {
    padding: 10px 20px;
    color: #fff;
    text-align: center;
}

.calcContainer td:first-child {
    width: 55%;
}

.calcContainer td:last-child {
    width: 35%;
}

.numerator,
.denominator {
    width: 100%;
    margin: 10px 0;
    border: none !important;
    background-color: transparent !important;
    color: #535353 !important;
    text-align: center;
}

.numerator1 {
    width: 45%;
    margin: 10px 0;
    border: none !important;
    background-color: transparent !important;
    color: #535353 !important;
    text-align: center;
    float: right;
}

.numerator2 {
    width: 45%;
    margin: 10px 0;
    border: none !important;
    background-color: transparent !important;
    color: #535353 !important;
    text-align: center;
    float: left;
}

.percentage,
.equal {
    white-space: nowrap;
    padding: 2px !important;
}

.calcContainer .minus {
    padding-top: 12px;
    display: inline-block;
}

.frline {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    clear: both;
}

#loading {
    text-align: center;
}

.ms-hide {
    display: none;
}

.formControl table {
    width: 100%
}

.formControl table td {
    float: right;
    width: 20%;
    padding: 5px;
}

.ms-webpart-titleText {
    color: #0069aa !important;
    font-size: 36px !important;
    font-family: "cma_regular" !important;
    max-width: 1100px;
    margin: 40px auto 0 !important;
    padding: 20px 0 !important;
}

.services_block {
    max-width: 1100px;
    margin: 0 auto 40px;
}


/*E-services slider*/

.services_slider {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    position: relative;
    display: block
}

.services_slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.services_slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%;
    outline: none
}

.services_slider .slick-slide {
    overflow: hidden;
    float: right;
    padding: 0 20px;
}

.services_slider .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    margin-top: -14px
}

.services_slider .slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
    margin-top: -14px
}

.services_slider .slick-disabled {
    visibility: hidden
}

.services_slider a:link,
.services_slider a:visited {
    display: block;
    width: 100%;
    display: block;
    position: relative;
    padding: 0 30px;
    color: #221e1e;
    height: 282px;
    overflow: hidden;
    border: 1px solid #a7a9ac;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 20px
}

.services_slider a:hover {
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.services_slider a span:nth-child(2) {
    display: block;
    font-weight: bold;
    height: 40px;
}

.services_slider a span:nth-child(3) {
    display: block;
    height: 65px;
    overflow: hidden;
}

.services_slider a img {
    max-height: 60px;
    margin: 44px auto;
    position: relative;
    display: block;
}

.subsites_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.subsites_list li {
    float: right;
    width: 25%;
    padding: 10px;
}

.subsites_list a:link,
.subsites_list a:visited {
    display: block;
    width: 100%;
    display: block;
    position: relative;
    padding: 0 30px;
    color: #221e1e;
    height: 282px;
    overflow: hidden;
    border: 1px solid #a7a9ac;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 20px
}

.subsites_list a:hover {
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.subsites_list a span:nth-child(2) {
    display: block;
    font-weight: bold;
    height: 40px;
}

.subsites_list a span:nth-child(3) {
    display: block;
    height: 65px;
    overflow: hidden;
}

.subsites_list a img {
    max-height: 60px;
    margin: 44px auto;
    position: relative;
    display: block;
}

.faq .content1 .content {
    padding-right: 15px;
}

.faq.faq_int {
    margin: 15px 0;
}

#registerlink.reg_close {
    background: url(/Portal/images/plus.png) no-repeat right 7px;
    padding: 0 15px 0 0;
    display: block;
    margin-bottom: 20px;
}

#registerlink.reg_open {
    background: url(/Portal/images/minus.png) no-repeat right 7px;
    padding: 0 15px 0 0;
    display: block;
    margin-bottom: 20px;
}

.requiredMsg {
    padding: 0;
    margin: 0;
}

.formControl {
    margin-bottom: 15px;
}

.form_tbl input[type="text"],
.form_tbl input[type="password"],
.form_tbl select,
.form_tbl textarea {
    margin: 10px 0 0;
}

#events_date {
    display: block;
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
}

#events_date span {
    margin-bottom: 5px;
    display: inline-block;
}

#cboxPrevious,
#cboxNext,
#cboxClose {
    background: none;
    color: transparent;
    font-family: 'FontAwesome' !important;
    display: block !important;
    opacity: 0.8;
    transition: all 0.3s ease;
}

#cboxPrevious:before {
    content: "\f104";
    display: block;
    font-family: 'FontAwesome' !important;
    color: #fff !important;
    font-size: 80px;
    text-indent: 0;
    text-shadow: -2px 0px 0 rgba(0, 0, 0, .7);
}

#cboxNext:before {
    content: "\f105";
    display: block;
    font-family: 'FontAwesome' !important;
    color: #fff !important;
    font-size: 80px;
    text-indent: 0;
    text-shadow: 2px 0px 0 rgba(0, 0, 0, .7);
}

#cboxClose:before {
    content: "\f00d";
    display: block;
    font-family: 'FontAwesome' !important;
    color: #303030 !important;
    font-size: 17px;
    text-indent: 0;
    border: 2px solid #303030;
    padding: 3px 0;
}

#cboxClose {
    min-width: auto;
    width: 30px;
    height: 32px;
    display: block;
    top: auto !important;
    bottom: 10px !important;
    right: 10px;
}

#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover {
    opacity: 1;
}

ul.share_expires > li {
    margin-bottom: 5px;
}

ul.share_expires > li > a:nth-child(2) {
    max-width: 800px;
}

.social-share-wrapper {
    visibility: hidden;
}

.social-share-wrapper.social-share-wrapper-active {
    visibility: visible;
}


/*JABER*/

.f_ul li span.schr_btn {
    float: right;
}

.f_ul li:first-child {
    padding-left: 0
}

.headertitle a,
.headertitle a:link {
    font-weight: normal;
    display: block;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    color: #606060;
    padding: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    font-family: "cma_regular";
}

.level-section>ul>li {
    margin-left: 0;
    margin-right: 1em;
}

div.toc-layout-main > ul > li > div > span > a {
    color: #fff !important;
    background: #221e1e !important;
    font-size: 18px !important;
}

div.toc-layout-main > ul > li > ul > li > div > span > a {
    background: #5d5b5c !important;
    font-size: 18px !important;
    border: 1px solid #90b9d6;
    color: #fff !important;
}

div.toc-layout-main > ul > li > ul > li > ul > li > div > span > a {
    font-family: tahoma_mob, tahoma !important;
    font-size: 13px !important;
    border: 1px solid #ddd;
}

div.toc-layout-main > ul > li > ul > li > ul > li {
    width: 31.8333%;
    display: inline-block;
    margin: 0 0.75% !important;
}

.level-section>ul>li {
    margin-left: 0;
    margin-right: 0;
}

.headertitle a:hover {
    box-shadow: 1px 5px 10px rgba(0, 0, 0, .2)
}

div.toc-layout-main > ul > li > div {
    display: none
}

div.srch_con > ul.f_ul > li:nth-child(2) {
    width: 40px
}

.faq_searchbox {
    padding: 10px 0;
    position: relative;
}

.faqc_title {
    display: block;
}

.faq_searchbox input {
    padding: 5px;
    width: 50%;
    border: 1px solid #dbdbdb;
}

.faq_searchbox .schr_btn {
    display: inline-block;
    background: #eee;
    border: 1px solid #ccc;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
}

/*
===============================================================
Media Queries
===============================================================
*/

@media (max-width:1300px) {
    .scrollup {
        display: none !important
    }
}

@media (max-width:1100px) {
    .srch input {
        width: 160px !important
    }
    .srclose input {
        margin-right: -240px
    }
    .m_slider .slick-next {
        right: 10px;
        cursor: pointer
    }
    .m_slider .slick-prev {
        left: 10px;
        cursor: pointer
    }
    .lcons .des {
        width: 100%
    }
    .int_body {
        padding: 0 10px
    }
    .icons_bar>div {
        padding: 20px 10px
    }
    .awareness>div,
    .investment>div,
    .apu>div {
        padding: 50px 30px 190px
    }
    .c_srch input {
        width: 80%
    }
    .g_links li {
        width: 25%;
    }
}

@media (max-width:990px) {
    .slicknav_nav>li,
    .footer div>ul>li {
        width: 25%
    }
    .mside {
        width: 30%
    }
    .cside {
        width: 70%
    }
    .filter>li:nth-child(1),
    .classification>li:nth-child(1) {
        width: 15%
    }
    .filter>li:nth-child(2),
    .classification>li:nth-child(2) {
        width: 70%
    }
    .filter>li:nth-child(3),
    .classification>li:nth-child(3) {
        width: 15%
    }
    .filter>li:nth-child(2) ul,
    .classification>li:nth-child(2) li {
        width: 50%
    }
    .srch_con .classification>li:nth-child(2) {
        width: 85%
    }
    .srch_con .classification>li:nth-child(2) li {
        width: 50%;
    }
    .elan .title a:link,
    .elan .title a:visited {
        left: 20%
    }
    /*table.fund_tbl {
        margin-top: 10px
    }
    table.fund_tbl,
    table.fund_tbl tbody,
    table.fund_tbl th,
    table.fund_tbl td,
    table.fund_tbl tr {
        display: block;
        width: 100%
    }
    table.fund_tbl thead tr {
        display: none
    }
    table.fund_tbl tr:nth-of-type(even) {
        background: #fff
    }
    table.fund_tbl tr:nth-of-type(odd) {
        background: #eee
    }
    table.fund_tbl td {
        border: none;
        border-bottom: 1px solid #f9f9f9;
        position: relative;
        padding-right: 50%
    }
    table.fund_tbl td:before {
        position: absolute;
        top: 0;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        color: #a7a9ac
    }*/
    .expires {
        width: 100%;
    }
    .share_form li {
        width: 100%;
        padding: 0 !important
    }
    .f_ul li {
        width: 50%
    }
    .f_ul li:last-child {
        width: 50%;
    }
    .anno_arch_col .anno_arch:link,
    .anno_arch_col .anno_arch:visited {
        width: 33.3333%
    }
    .anno_arch_col .anno_arch:nth-child(4n)::after {
        visibility: visible
    }
    .anno_arch_col .anno_arch:nth-child(3n)::after {
        visibility: hidden
    }
    .pg a:link,
    .pg a:visited {
        width: 33.3333%
    }
    .dl a:link,
    .dl a:visited {
        width: 28.3333%
    }
    .subsites_list li {
        width: 33.3333%;
    }
}

@media (max-width:870px) {
    .apu ul li span,
    .f_apu ul li span {
        width: 100% !important;
        padding: 5px 0
    }
    .apu a.goto_details:link,
    .apu a.goto_details:visited {
        position: relative;
        margin-top: 10px;
        left: 0;
    }
    .apu ul {
        margin: 0
    }
    .materials_slider {
        max-width: 400px
    }
    .filter>li:nth-child(1),
    .classification>li:nth-child(1) {
        width: 15%
    }
    .filter>li:nth-child(2),
    .classification>li:nth-child(2) {
        width: 65%
    }
    .filter>li:nth-child(3),
    .classification>li:nth-child(3) {
        width: 20%
    }
    .g_links li {
        width: 33.3333%;
    }
    .formControl table td {
        width: 33.3333%;
    }
}

@media (max-width:767px) {
    .slicknav_nav>li {
        width: 33.3333%
    }
    .footer div>ul {
        display: none
    }
    .m_slider,
    .m_slider .slick-slide img {
        height: 350px
    }
    .m_slider .slick-slide a:link,
    .m_slider .slick-slide a:visited {
        bottom: 50px;
        left: 20%
    }
    .m_slider .slick-slide strong {
        bottom: 45%;
        font-size: 36px
    }
    .consultation .rcons {
        position: relative;
        width: 100%
    }
    .consultation .lcons {
        width: 100%;
        padding: 30px
    }
    .consultation>div {
        padding: 0 0 30px
    }
    .subsite_block .rsb1 {
        position: relative;
        width: 100%;
    }
    .subsite_block .lsb1 {
        width: 100%;
        padding: 30px
    }
    .subsite_block .lsb2 {
        position: relative;
        width: 100%;
    }
    .subsite_block .rsb2 {
        width: 100%;
        padding: 30px
    }
    .subsite_block>div {
        padding: 0 0 30px
    }
    .materials>div {
        padding: 30px 40px 130px
    }
    .awareness>div,
    .investment>div,
    .apu>div {
        padding: 30px
    }
    .man {
        width: 100px;
        bottom: -13px
    }
    .pg a:link,
    .pg a:visited {
        width: 50%
    }
    .dl a:link,
    .dl a:visited {
        width: 45%
    }
    .g_links li {
        width: 33.3333%;
    }
    .endpage_blocks .ann_related {
        width: 100%;
        min-height: 100px;
    }
    .endpage_blocks .ann_related:first-child {
        margin-left: 0;
    }
    .endpage_blocks .ann_related:last-child {
        margin-right: 0;
    }
    .contactus_map {
        width: 100%;
    }
    .contactus_info {
        width: 100%;
    }
    .elan {
        padding: 20px 0;
    }
    .slicknav_nav {
        background-color: rgba(34, 30, 30, 1.0);
    }
    .c_select {
        margin-bottom: 10px;
    }
    .signup ul li {
        width: 100%;
    }
    .signup ul li.formLabel.captcha {
        margin-right: 0;
    }
    .signup ul li.signupbtn input {
        float: right;
    }
    .signup ul li.signupbtn {
        position: relative;
    }
    .signup ul li.formLabel.captcha div img:first-child {
        margin-bottom: 0;
    }
    .signup ul li.formLabel.captcha div img:last-child {
        top: 0;
    }
    .subsites_list li {
        width: 50%;
    }
}

@media (max-width:650px) {
    .awareness .des,
    .investment .des {
        width: 100%
    }
    .awareness a:link,
    .awareness a:visited,
    .investment a:link,
    .investment a:visited {
        margin: 20px 0
    }
    .apu .title,
    .awareness .title,
    .investment .title,
    .lcons .title,
    .elan .title {
        line-height: 35px;
        font-size: 22px
    }
    .elan .title a:link,
    .elan .title a:visited {
        top: 0
    }
    .stitle {
        font-size: 20px;
        line-height: 40px
    }
    .stitle strong {
        font-size: 30px
    }
    .footer .flogo {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 30px
    }
    .footer .social {
        display: block;
        width: 100%;
        text-align: center
    }
    .footer .social a {
        float: none;
        display: inline;
    }
    .mside {
        width: 100%;
        margin: 0;
    }
    .cside {
        width: 100%
    }
    .logo img:nth-child(1) {
        display: none
    }
    .logo img:nth-child(2) {
        display: block
    }
    .srch input {
        width: 100px !important
    }
    .srclose input {
        margin-right: -190px
    }
    .header>div>div {
        margin: 8px 0 0 18px;
    }
    .filter>li:nth-child(2) ul,
    .classification>li:nth-child(2) li {
        width: 100%
    }
    .srch_con .classification>li:nth-child(2) li {
        width: 100%;
    }
    .anno_arch_col .anno_arch:link,
    .anno_arch_col .anno_arch:visited {
        width: 50%
    }
    .anno_arch_col .anno_arch:nth-child(2n)::after {
        visibility: hidden
    }
    .anno_arch_col .anno_arch:nth-child(3n)::after {
        visibility: visible
    }
    .fr,
    .fl {
        width: 100%;
        text-align: center;
    }
    .fl {
        padding-top: 20px;
    }
    /*.int_body{display: table;}
.cside{ display: table-header-group;float: none;}
.mside{display: table-footer-group;float: none;}*/
}

@media (max-width:550px) {
    .filter>li:nth-child(1),
    .classification>li:nth-child(1) {
        width: 15%
    }
    .filter>li:nth-child(2),
    .classification>li:nth-child(2) {
        width: 60%
    }
    .filter>li:nth-child(3),
    .classification>li:nth-child(3) {
        width: 25%
    }
    .elan .title a:link,
    .elan .title a:visited {
        left: 10%;
        white-space: nowrap;
    }
    .c_select {
        margin-left: 10px
    }
    .f_ul li {
        width: 100%;
    }
    .f_ul li:last-child {
        width: 100%;
    }
    .anno_arch_col .anno_arch:link,
    .anno_arch_col .anno_arch:visited {
        width: 100%
    }
    .anno_arch_col * {
        height: auto !important
    }
    .anno_arch_col .anno_arch::after {
        display: none
    }
    .pg a:link,
    .pg a:visited {
        width: 100%
    }
    .f_srch input {
        min-width: 85%;
    }
    .calcContainer {
        font-size: 11px;
    }
    .calcContainer td:first-child {
        width: 65%;
    }
    .calcContainer td:last-child {
        width: 25%;
    }
    .f_ul li:first-child {
        width: 90%;
    }
    div.srch_con > ul.f_ul > li:nth-child(2) {
        width: 10%;
    }
}

@media (max-width:480px) {
    .slicknav_nav>li {
        width: 50%
    }
    .filter>li:nth-child(1),
    .classification>li:nth-child(1) {
        width: 20%
    }
    .filter>li:nth-child(2),
    .classification>li:nth-child(2) {
        width: 55%
    }
    .filter>li:nth-child(3),
    .classification>li:nth-child(3) {
        width: 25%
    }
    .srch_con .classification>li:nth-child(2) {
        width: 80%
    }
    .dl a:link,
    .dl a:visited {
        width: 100%;
        margin: 10px 0
    }
    .g_links li {
        width: 50%;
    }
    .formControl table td {
        width: 50%;
    }
    .subsites_list li {
        width: 100%;
    }
    .dl a img {
        width: auto;
        position: relative
    }
    .dl a:link,
    .dl a:visited {
        text-align: center;
        margin-bottom: 1.5%;
    }
    div.toc-layout-main > ul > li > ul > li > ul > li {
        width: 98.5%;
    }
}

@media (max-height:715px) {}

@media print {
    .bc,
    .icons_bar,
    #Awarenessmaterials,
    .footer,
    .mside,
    .copyright,
    .t_menu,
    .lang,
    .srch,
    .classification,
    .f_ul {
        display: none;
    }
    .logo img {
        display: none !important;
    }
    .logo {
        float: right;
    }
    .int_body {
        margin: 0 auto;
    }
    .logo::after {
        content: url('/Portal/images/print_logo.png');
    }
}

.hasDatepicker *{font-family: "Frutiger LT Arabic 55 Roman";}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: 400;
    color: #454545 !important;
    cursor: default;
}
.ui-state-highlight {
    border: 1px solid #56b3e4 !important;
    background: #56b3e4 !important;
    color: #454545 !important;cursor:pointer;
}
.ui-state-highlight.selected {
    border: 1px solid #a09550 !important;
    background: #a09550 !important;
    color: #454545 !important;cursor:pointer;
}
.ui-state-highlight a{cursor:pointer !important;border: none !important;}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span{font-size:0;}
.ui-state-active, .ui-widget-content .ui-state-active{color:#454545 !important;}
#times .period{padding:10px;display:inline-block;border: 1px solid #56b3e4 !important;margin-top:5px;cursor:pointer;}
#times .period.active{background-color:#56b3e4;color:#fff;}
.ui-datepicker table {
    right: -4px;
    position: relative;
}
.classification{text-align: center;margin: -50px 0 40px 0;}
.classification select{border: 1px solid #e8e8e8;
    width: 88%;
    padding: 12px 10px;
    font-family: Tahoma;
    font-size: 12px;
    color: #a7a9ac;margin:0 5px;}
	.item_regulation div{color:#fff;}

/******/
.toc-layout-main>.dfwp-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row column;
    flex-flow: row column;
    padding: 0;
    position: relative;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.toc-layout-main>.dfwp-list>.level-section {
    margin-bottom: 15px;
}

.toc-layout-main>.dfwp-list .level-bullet {
    background: transparent;
    padding-right: 0;
}

.toc-layout-main>.dfwp-list,
.toc-layout-main>.dfwp-list a,
.toc-layout-main>.dfwp-listt>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.toc-layout-main>.dfwp-list a:hover::before {
    right: 0;
}

.toc-layout-main>.dfwp-list ul {
    position: relative;
}

.toc-layout-main>.dfwp-list>ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.toc-layout-main>.dfwp-list>ul>li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.toc-layout-main>.dfwp-list li {
    margin-left: 2em;
    list-style: none;
}

.toc-layout-main>.dfwp-list li ul li:after,
.toc-layout-main>.dfwp-list li ul li:before {
    display: inline-block;
    width: 2.5em;
    border: 2px solid #909090;
    border-right: none;
    border-top: none;
    content: "";
}

.toc-layout-main>.dfwp-list li ul li:last-child:before {
    border-color: transparent;
}

.toc-layout-main>.dfwp-list li:after {
    position: absolute;
    left: 2.5em;
    top: 0;
    width: 2px;
    height: calc(100% - 33px);
}
.toc-layout-main>.dfwp-list li a {
    position: relative;
    z-index: 10;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .5em 1em;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 0;
    border-bottom-width: 3px;
    background: #909090;
    font-weight: 700;
    text-decoration: none;
    color: #595959;
    font-size: 15px !important;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
	font-family: inherit;
    font-weight: 400;
}

.toc-layout-main>.dfwp-list li a::before {
    content: '';
    height: 100%;
    right: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-color: #0f6aac;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a:hover {
    color: #ffffff;
}

.toc-layout-main>.dfwp-list>ul>li>a {
    background: #909090;
    border-color: rgba(34, 34, 34, 0.2);
}

.toc-layout-main>.dfwp-list .level-header {
    padding: 0;
    display: inline-block;
	margin:0;background-color:transparent;
}

.toc-layout-main>.dfwp-list .level-section>ul>li {
    padding-bottom: 15px;
    margin: 0 2.5em;
}

.toc-layout-main>.dfwp-list .level-section>ul>li:first-child {
    padding-top: 15px;
}

.toc-layout-main>.dfwp-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row column;
    flex-flow: row column;
    padding: 0;
    position: relative;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.toc-layout-main>.dfwp-list>.level-section {
    margin-bottom: 15px;
}

.toc-layout-main>.dfwp-list,
.toc-layout-main>.dfwp-list a,
.toc-layout-main>.dfwp-list>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.toc-layout-main>.dfwp-list ul {
    position: relative;
}

.toc-layout-main>.dfwp-list>ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.toc-layout-main>.dfwp-list>ul>li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.toc-layout-main>.dfwp-list li {
    margin-right: 2em;
    list-style: none;
}

.toc-layout-main>.dfwp-list li ul li:after,
.toc-layout-main>.dfwp-list li ul li:before {
    display: inline-block;
    width: 2.5em;
    border: 2px solid #909090;
    border-left: none;
    border-top: none;
    content: "";
}

.toc-layout-main>.dfwp-list li ul li:last-child:before {
    border-color: transparent;
}

.toc-layout-main>.dfwp-list li:after {
    position: absolute;
    right: 2.5em;
    top: 0;
    width: 2px;
    height: calc(100% - 33px);
}

.toc-layout-main>.dfwp-list li a {
    position: relative;
    z-index: 10;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .5em 1em;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 0;
    background: #909090;
    font-weight: 700;
    text-decoration: none;
    color: #595959;
    font-size: 15px !important;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
	margin-bottom:0;
}

.toc-layout-main>.dfwp-list li a::before {
    content: '';
    height: 100%;
    left: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #0f6aac;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.toc-layout-main>.dfwp-list li a:hover {
    color: #ffffff;
}

.toc-layout-main>.dfwp-list li a:hover::before {
    left: 0;
}
.toc-layout-main>.dfwp-list>ul>li>a {
    background: #909090;
    border-color: rgba(34, 34, 34, 0.2);
}

.toc-layout-main>.dfwp-list .level-header {
    padding: 0;
    display: inline-block;
}

.toc-layout-main>.dfwp-list .level-section>ul>li {
    padding-bottom: 15px;
    margin: 0 2.5em;
}

.toc-layout-main>.dfwp-list .level-section>ul>li:first-child {
    padding-top: 15px;
}
/****/
.success_message_container h3{font-size:17px !important;}
.success_message_container a{background-color: #56b3e4;text-align: center;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;color: #fff;padding: 5px 20px;bottom: -20px; position: relative;}
.success_message_container svg circle{fill:#56b3e4;}
.success_message_container svg path	{stroke:#fff;}
.item_regulation>div>span, .container_regulation>div>span{display: inline-block;padding:2px 5px;}
