body {
    font-family: 'Montserrat', sans-serif !important;
    color: #9fa4af !important;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

p {
    margin: 0 0 30px 0;
    padding: 0;
}

a {
    color: #714ea0;
    text-decoration: underline;
}

  .bar-black  a:hover {
        color: #FFF;
    }


   .bar-black a {
    color: #FFF;
    text-decoration: underline;
}

img {
    border: 0;
    max-width: 100%;
}

ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul li {
        margin: 0;
        padding: 0;
    }

.ham-menu {
    font-size: 30px;
    cursor: pointer;
    float: left;
    color: #FFF;
    margin-top: 16px;
}

.logo {
    float: left;
    clear: both;
    width: 290px;
    height: 70px;
}

    .logo a {
        background-image: url("/portal/content/_slice/logo.svg");
        background-position: left top;
        background-repeat: no-repeat;
        clear: both;
        float: left;
        width: 290px;
        height: 70px;
        margin: 0;
        overflow: hidden;
        text-indent: -9999em;
    }

.logo-footer {
    float: left;
    width: 100%;
    height: 34px;
    margin: 0 0 20px;
}

    .logo-footer span {
        clear: both;
        float: left;
        width: auto;
        margin: 3px 15px 0 0;
        font-size: 19px;
    }


    .logo-footer a {
        background-image: url("/portal/content/_slice/logo-footer.png");
        background-position: left top;
        background-repeat: no-repeat;
        float: left;
        width: 80px;
        height: 44px;
        background-size: 80px 44px;
        margin: 0;
        overflow: hidden;
        text-indent: -9999em;
    }

.bold {
    font-weight: 700;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin: 0;
}

h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 36px;
    color: #4f4f6f;
    font-weight: 400;
}

h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    color: #4f4f6f;
}

h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 13px;
    color: #4f4f6f;
    font-weight: 400;
}

h5 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #4f4f6f;
    font-size: 12px;
    font-weight: 400;
}

h6 {
    font-weight: 400;
    margin: 0 10px;
    padding: 0;
    color: #4f4f6f;
    font-size: 12px;
}

.noPad {
    padding: 0 !important;
}

.noMargin {
    margin: 0 !important;
}

.floatRight {
    float: right !important;
}

.floatLeft {
    float: left !important;
}

.relative {
    position: relative;
}

.generic {
    clear: both;
    float: left;
    width: 100%;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginTop40 {
    margin-top: 40px !important;
}

.marginTop50 {
    margin-top: 50px !important;
}

.marginTop100 {
    margin-top: 100px !important;
}


.marginBott0 {
    margin-bottom: 0px !important;
}

.marginBott10 {
    margin-bottom: 10px !important;
}

.marginBott20 {
    margin-bottom: 20px !important;
}

.marginBott30 {
    margin-bottom: 30px !important;
}

.marginBott40 {
    margin-bottom: 40px !important;
}

.marginBott50 {
    margin-bottom: 50px !important;
}

.marginBott100 {
    margin-bottom: 100px !important;
}

section {
    clear: both;
    float: left;
    width: 100%;
}


header {
    clear: both;
    float: left;
    width: 100%;
    /*position:relative;*/
    border-bottom: 2px solid #714ea0;
    position: fixed;
    height: 126px;
    z-index: 3;
}

.btn-gen {
    width: auto;
    margin: 0;
}

    .btn-gen a {
        background-color: #714ea0;
        border: 1px solid #714ea0 !important;
        color: #ffffff !important;
        padding: 10px 20px;
        font-size: 15px;
        border-radius: 5px;
        text-transform: uppercase;
        text-decoration: none;
        clear: both;
        float: left;
        width: 100%;
        text-align: center;
        font-weight: 600;
    }

        .btn-gen a:hover, .btn-gen:active, .btn-gen a:focus {
            color: #ffffff;
            text-decoration: none;
        }

.links-reg-search .btn-gen a {
    padding: 3px 0;
    font-size: 12px;
}

.bg-cont-info .btn-gen a {
    background-color: #ffffff;
    border: 1px solid #714ea0 !important;
    color: #714ea0 !important;
    text-decoration: none;
}

.btn-gen a.blue {
    background-color: #ffffff;
    border: 1px solid #714ea0 !important;
    color: #714ea0 !important;
}

sup {
    font-size: 11px;
}

footer {
    width: 100%;
    clear: both;
    padding: 60px 0 60px 0;
    float: left;
    color: #ffffff;
    background-color: #714ea0;
}

    footer p {
        font-size: 18px;
        font-weight: 300;
        margin: 0 0 10px;
    }

    footer .pull-right p {
        float: right;
    }

    footer ul {
        width: 100%;
        clear: both;
        padding: 0;
        float: left;
        margin: 0 0 20px 0;
        list-style: none;
    }

        footer ul li {
            width: 100%;
            padding: 0;
            float: left;
            clear: both;
            display: block;
            margin: 0 0 3px 0;
            list-style: none;
        }

    footer a, footer a:hover, footer a:focus, footer a:active {
        font-size: 18px;
        color: #ffffff !important;
        text-decoration: none;
    }

    footer ul li a, footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a:visited {
        font-size: 11px;
        color: #ffffff !important;
        clear: both;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 500;
        width: 100%;
        text-align: right;
        float: right;
    }

.menu-footer {
    float: right;
    text-align: right;
}

a.fb-w {
    float: right;
    background-image: url("/portal/content/_slice/fb-w.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 9px;
    height: 16px;
    margin: 0 0 0 20px;
    overflow: hidden;
    text-indent: -9999em;
}

a.twi-w {
    float: right;
    background-image: url("/portal/content/_slice/twi-w.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    margin: 3px 0 0 20px;
    overflow: hidden;
    text-indent: -9999em;
}

a.in-w {
    float: right;
    background-image: url("/portal/content/_slice/in-w.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin: 0 0 0 20px;
    overflow: hidden;
    text-indent: -9999em;
}

a.in-b {
    float: right;
    background-image: url("/portal/content/_slice/in-b.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin: 0 20px 20px 0;
    text-indent: -9999em;
}

a.in-foo {
    float: right;
    background-image: url("/portal/content/_slice/in-foo.png");
    background-position: right 5px top;
    background-repeat: no-repeat;
    width: 100%;
    height: 35px;
    margin: 0;
    font-size: 14px !important;
    padding: 7px 50px 0 7px;
}

a.net {
    float: right;
    background-image: url("/portal/content/_slice/net.png");
    background-position: right top;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    margin: 0 0 0 50px;
    overflow: hidden;
    text-indent: -9999em;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav .jsNavMenuList {
        float: left;
        padding: 0;
    }

    .sidenav .jsNavMenuLogin,
    .sidenav .jsNavMenuSubscribe {
        float: left;
        padding: 0 40px;
        width: 100%;
    }

        .sidenav .jsNavMenuLogin .closebtn,
        .sidenav .jsNavMenuSubscribe .closebtn {
            padding-left: 0;
        }


.layers {
    display: block !important;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.65);
    transition: 0.5s;
}

.sidenav ul li {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
}

    .sidenav ul li.sel {
        background-color: #bdd4e8;
        padding: 0;
    }


    .sidenav ul li a img {
        float: left;
        margin-right: 35px;
        width: 20px;
    }

    .sidenav ul li a {
        padding: 15px 8px 15px 40px;
        text-decoration: none;
        font-size: 12px;
        position: relative;
        color: #212121;
        text-transform: uppercase;
        float: left;
        width: auto;
        transition: 0.3s;
    }

        .sidenav ul li a:hover {
            color: #212121;
        }

.sidenav .closebtn {
    position: absolute;
    top: -60px;
    left: 0;
    border-bottom: 0;
    font-size: 36px;
    margin-left: 0;
    cursor: pointer;
}


.sidenav ul li.open-menu span {
    position: absolute;
    right: 30px;
    top: 10px;
    width: 20px;
    height: 23px;
    cursor: pointer;
    background-image: url("/portal/content/_slice/open-menu.png");
    background-position: left top 3px;
    background-repeat: no-repeat;
}

.sidenav ul li.close-menu span {
    position: absolute;
    right: 30px;
    top: 10px;
    width: 20px;
    height: 23px;
    cursor: pointer;
    background-image: url("/portal/content/_slice/close-menu.png");
    background-position: left top 3px;
    background-repeat: no-repeat;
}

.sidenav ul li.open-menu ul {
    display: none;
}

.sidenav ul li.close-menu ul {
    display: block;
}





.sidenav ul li ul {
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    padding: 0;
    list-style: none;
}

    .sidenav ul li ul li {
        clear: both;
        float: left;
        border: 0;
        width: 100%;
        margin: 5px 0 0 0;
        padding: 5px 0;
        list-style: none;
    }

        .sidenav ul li.sel ul li.sel,
        .sidenav ul li ul li.sel {
            background-color: #bdd4e8;
            padding: 10px 0;
        }


.sidenav ul li.sel ul li {
    height: auto;
    background-color: transparent;
}

.sidenav ul li ul li a {
    clear: both;
    font-size: 11px;
    font-weight: 700;
    float: left;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 0 0 55px;
    border: 0;
    background-image: none !important;
}



.bar-blue {
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    background-color: #714ea0;
}

.bar-green {
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    background-color: #cdd63b;
}

.bar-black {
    clear: both;
    float: left;
    width: 100%;
    padding: 11px 0 19px 0;
    background-color: #000;
}

.bar-white {
    clear: both;
    float: left;
    width: 100%;
    padding: 11px 0 19px 0;
    background-color: #ffffff;
}

.links-reg-search {
    /*margin:20px 0 0 0;*/
    margin: 0;
}

    .links-reg-search a {
        float: left;
        color: #212121;
        font-size: 15px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        margin: 8px 10px 0 10px;
    }

        .links-reg-search a:hover {
            color: #212121;
        }

.cont-logs-ico {
    float: left;
    margin: 20px 0 0 0;
}

.log-btn {
    float: left;
    width: 42px;
    height: 42px;
    margin: 0 5px 0 0;
}

    .log-btn a {
        background-image: url("/portal/content/_slice/log-ico.png");
        background-position: left top;
        background-repeat: no-repeat;
        width: 42px;
        height: 42px;
        margin: 0;
        float: left;
        overflow: hidden;
        text-indent: -9999em;
    }

a.logout-ico {
    background-image: url("/portal/content/_slice/logout.png");
    background-position: left top;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    margin: 0 5px 0 0;
    float: left;
    overflow: hidden;
    text-indent: -9999em;
}

.links-reg-search .search-btn {
    float: left;
    width: 42px;
    height: 42px;
    position: relative;
}

    .links-reg-search .search-btn a {
        background-image: url("/portal/content/_slice/search-btn.png");
        background-position: left top;
        background-repeat: no-repeat;
        width: 42px;
        height: 42px;
        margin: 0;
        overflow: hidden;
        position: relative;
        z-index: 999;
        text-indent: -9999em;
    }

    .links-reg-search .search-btn.open a {
        background-image: url("/portal/content/_slice/search-btn-w.png");
    }

.searchTxtBox.open {
    width: 750px;
}

.searchTxtBox {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 998;
    width: 0px;
    overflow: hidden;
    -webkit-transition: right 0.2s;
    transition: width 0.2s;
}

    .searchTxtBox input {
        width: 750px;
        border: 0;
        border-radius: 21px;
        background: #530f6e;
        font-size: 17px;
        outline: none;
        color: #ffffff;
        float: right;
        height: 42px;
        line-height: 28px;
        margin: 0px 0 0 0;
        padding: 5px 50px 5px 10px;
    }

.btn-cont-menu {
    clear: both;
    margin: 0 auto;
    width: 160px;
}

    .btn-cont-menu .btn-gen {
        width: 100%;
    }

        .btn-cont-menu .btn-gen a {
            padding: 10px 10px;
            color: #fff;
            margin: 0 0 30px 0;
            font-size: 16px;
        }

.home-slider {
    clear: both;
    float: left;
    width: 100%;
}

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

.swiper-container-top {
    width: 100%;
    height: 100%;
    clear: both;
    float: left;
}

    .swiper-container-top .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-container-top .swiper-slide {
        clear: both;
        float: left;
        width: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        height: 700px;
        background-size: cover;
    }

    .swiper-container-top .swiper-pagination-bullet {
        background: #ffffff;
        opacity: 0.3;
        width: 13px;
        height: 13px;
        border: 1px solid #714ea0;
    }

    .swiper-container-top .swiper-pagination-bullet-active {
        opacity: 1;
        background: #ffffff;
    }

    .swiper-container-top .swiper-pagination {
        bottom: 50px;
    }



.swiper-container-post .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.3;
    width: 13px;
    height: 13px;
    border: 1px solid #714ea0;
    text-align: center;
}

.swiper-container-post .swiper-pagination-bullet-active {
    opacity: 1;
    background: #714ea0;
}

.swiper-container-post .swiper-pagination {
    bottom: 50px;
}

.swiper-container-post {
    width: 100%;
    height: 100%;
    clear: both;
    position: relative;
    padding-bottom: 30px;
    float: left;
}

.swiper-pagination-post {
    text-align: center;
}

.swiper-container-pillar .swiper-pagination-bullet,
.swiper-container-surg .swiper-pagination-bullet,
.swiper-container-view .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.3;
    width: 13px;
    height: 13px;
    border: 1px solid #714ea0;
    text-align: center;
}

.swiper-container-pillar .swiper-pagination-bullet-active,
.swiper-container-surg .swiper-pagination-bullet-active,
.swiper-container-view .swiper-pagination-bullet-active {
    opacity: 1;
    background: #714ea0;
}

.swiper-container-pillar .swiper-pagination,
.swiper-container-surg .swiper-pagination,
.swiper-container-view .swiper-pagination {
    bottom: 50px;
}

.swiper-container-pillar,
.swiper-container-surg,
.swiper-container-view {
    width: 100%;
    height: 100%;
    clear: both;
    position: relative;
    padding-bottom: 30px;
    float: left;
}

.swiper-pagination-post,
.swiper-pagination-surg,
.swiper-pagination-pillar,
.swiper-pagination-view {
    text-align: center;
}

.swiper-container-pillar h3 {
    font-weight: 700;
    color: #714ea0;
    font-size: 35px;
    padding: 0;
    text-align: center;
    margin: 10px 0 20px 0;
}

.swiper-container-pillar p.period {
    font-weight: 500;
    color: #000000;
    font-size: 14px;
    padding: 0;
    text-align: center;
    margin: 0 0 20px 0;
}

.swiper-container-surg h3,
.swiper-container-view h3 {
    font-weight: 700;
    color: #714ea0;
    font-size: 20px;
    text-align: center;
    padding: 0;
    margin: 10px 0 10px 0;
}

    .swiper-container-surg h3 span.period,
    .swiper-container-view h3 span.period {
        font-weight: 500;
        color: #000000;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }



.cont-roles {
    clear: both;
    float: left;
    width: 100%;
}

/*SLIDER INT*/
.swiper-container-int {
    width: 100%;
    height: 100%;
    clear: both;
    padding-bottom: 30px;
    float: left;
}

    .swiper-container-int .swiper-slide {
        /* Center slide text vertically */
        /*display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/
    }

    .swiper-container-int .swiper-slide {
        clear: both;
        float: left;
        width: 100%;
        padding: 70px 30px 30px 30px;
        background: #ffffff;
        background-position: center top;
        background-repeat: no-repeat;
        height: 480px;
        text-align: center;
        background-size: cover;
    }

    .swiper-container-int .swiper-pagination-bullet {
        background: #ffffff;
        opacity: 0.3;
        width: 13px;
        height: 13px;
        border: 1px solid #714ea0;
    }

    .swiper-container-int .swiper-pagination-bullet-active {
        opacity: 1;
        background: #714ea0;
    }

    .swiper-container-int .swiper-pagination-int {
        bottom: 0px;
        text-align: center;
        margin: 20px 0 0 0;
    }

    .swiper-container-int .swiper-slide p {
        font-size: 19px;
        font-weight: 600;
        margin: 0 0 3px 0;
        color: #777777;
        float: left;
        width: 100%;
        clear: both;
        text-align: center;
    }

        .swiper-container-int .swiper-slide p.role {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 20px;
        }

    .swiper-container-int .swiper-slide a.in-b {
        float: left;
        text-align: center;
        width: 100%;
        background-position: center top;
    }

.face img {
    width: 100%;
    background: #fff;
    padding: 8px;
}

.face {
    width: 150px;
    margin: 0 auto;
    height: 150px;
    margin-bottom: 30px;
    background: linear-gradient(to left, #4fab57 0%, #3379af 75%);
    border-radius: 100%;
    position: relative;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

/*END SLIDER INT*/

.bg-cont-info {
    float: left;
    text-align: center;
    width: 100%;
    cursor: pointer;
    /*margin-top: 80px;*/
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 40px 20px 40px;
}

    .bg-cont-info a, .bg-cont-info a:hover {
        color: #ffffff;
        text-decoration: none;
    }

    .bg-cont-info h1,
    .bg-cont-info h2 {
        color: #ffffff;
        margin: 0 0 20px 0;
        /*font-size:65px;*/
        font-size: 52px;
        font-weight: 400;
    }

    .bg-cont-info p {
        color: #ffffff;
        margin: 0 0 30px 0;
        font-size: 25px;
        font-weight: 400;
    }

    .bg-cont-info .btn-gen {
        margin: 0 auto;
        width: 200px;
    }

.bar-under-top {
    background-color: #714ea0;
    color: #ffffff !important;
    padding: 10px 0;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}

    .bar-under-top p {
        text-align: center;
        color: #ffffff;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0;
    }

.content {
    clear: both;
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #f9fafc;
    background-image: url("/portal/content/_slice/bg-page.png");
    ;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

    .content section {
        margin: 0 0 30px 0;
    }

.content-gray {
    clear: both;
    float: left;
    width: 100%;
    background-color: #f9fafc;
}

    .content-gray section {
        margin: 0 0 30px 0;
    }

.points-int {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ffffff;
}

.ask {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 40px;
    background-color: #ffffff;
}

    .ask p {
        margin: 15px 0;
        color: #212121;
        font-size: 22px;
    }

.points-int p {
    font-size: 64px;
    color: #212121;
    margin: 0;
    line-height: 54px;
    text-align: center;
}

    .points-int p span {
        clear: both;
        text-align: center;
        width: 100%;
        float: left;
        color: #777777;
        font-size: 30px;
    }

p.type {
    color: #9fa4af;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 0 35px;
}

    p.type a {
        color: #9fa4af;
    }

    p.type:after {
        content: "";
        height: 2px;
        background-color: #4f4f6f;
        width: 25px;
        position: absolute;
        left: 0;
        top: 46%;
    }

.category img {
    border-radius: 10px;
    box-shadow: 0 0 18px #000;
}

.category p {
    margin-bottom: 10px;
}

.category h2 {
    font-size: 50px;
    margin: 0 0 30px;
    color: #4f4f6f;
}

    .category h2 a {
        color: #4f4f6f;
        text-decoration: none;
    }

.category h3 {
    font-weight: 400;
    line-height:1.1;
    font-size: 50px;
    margin: 0 0 30px;
    color: #4f4f6f;
}
    .category h3 a {
        color: #4f4f6f;
        text-decoration: none;
    }

.box-home {
    padding: 20px;
    float: left;
    margin: 0;
    height: 530px;
    background-color: #ffffff;
    width: 100%;
    position: relative;
}

    .box-home .btn-gen {
        position: absolute;
        bottom: 20px;
    }

    .box-home img {
        width: 100%;
        margin: 0 0 20px;
    }

    .box-home h2 {
        font-size: 28px;
        font-weight: 700;
        color: #4f4f6f;
        margin: 0 0 10px 0;
    }

        .box-home h2 a {
            color: #4f4f6f !important;
            text-decoration: none;
        }


span.field-title {
    float:left;
    clear:both;
    width:100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    color: #4f4f6f;
    line-height: 1.1;
}
.fsize20 {
    font-size:20px !important;
}

.box-home p.titles {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    color: #4f4f6f;
    margin: 0 0 10px 0;
}
.box-home p.titles a {
    color: #4f4f6f !important;
    text-decoration: none;
}


    .box-home p {
        font-size: 14px;
        margin: 0;
    }

        .box-home p.cat {
            font-size: 11px;
            font-weight: 500;
            margin: 0 0 20px;
        }

            .box-home p.cat a {
                color: #9fa4af !important;
            }

.bar-tool {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .bar-tool span.time-to {
        float: left;
        background-image: url("/portal/content/_slice/ico-time.png");
        background-position: left top;
        background-repeat: no-repeat;
        width: auto;
        padding: 4px 0 0 30px;
        font-size: 12px;
        margin: 0 0 20px 20px;
        height: 22px;
    }
/*.ask a{
	float:left;
    background-image: url("/portal/content/_slice/ask-btn.png");
    background-position: right center;
    background-repeat: no-repeat;	
	width:100%;
	color:#212121 !important;
    text-decoration:none !important;
	padding:0 70px 0 0;
	font-size:22px;
	margin:0 0 10px 0;
}*/
.ask .btn-gen a {
    padding: 10px 8px;
    font-size: 13px;
}

.LoginForm {
    /*width:250px;*/
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

    .LoginForm input[type="text"],
    .LoginForm input[type="password"],
    .LoginForm input[type="email"],
    .boxFormNewsletter input[type="text"],
    .boxFormNewsletter input[type="password"],
    .boxFormNewsletter input[type="email"] {
        float: left;
        width: 100%;
        border: 1px solid #9fa4af;
        padding: 3px 5px;
        height: 40px;
        margin: 0 0 20px 0;
    }

    .LoginForm input[type="button"],
    .LoginForm input[type="submit"],
    .boxFormNewsletter input[type="button"],
    .boxFormNewsletter input[type="submit"] {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        background-color: #714ea0;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 5px;
        border: 0;
        text-transform: uppercase;
        text-decoration: none;
        clear: both;
        color: #ffffff !important;
        text-align: center;
        font-weight: 500;
    }

.captchaRow {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

    .captchaRow .captcha,
    .img-captcha {
        float: left;
    }

    .captchaRow .reload-captcha {
        float: right;
        border: 0;
        width: auto;
        padding: 0;
        margin-top: 16px;
        font-size: 18px;
    }

.refresh {
    float: left;
    border: 0;
    width: auto;
    padding: 0;
    margin-top: 16px;
    font-size: 18px;
}

    .refresh a {
        margin-left: 30px;
        padding: 0;
        background-image: none;
    }

.back-btn.btn-gen a {
    padding: 10px 20px !important;
    font-size: 16px !important;
}

.btn-gen a.sub-newsletter {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    background-color: #714ea0;
    padding: 10px 20px !important;
    font-size: 16px !important;
    border-radius: 5px;
    border: 0;
    height: auto !important;
    text-transform: uppercase !important;
    text-decoration: none;
    clear: both;
    color: #ffffff !important;
    text-align: center;
    background-image: none !important;
    font-weight: 500;
}

input.btn-gen {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    background-color: #714ea0;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: 0;
    text-transform: uppercase;
    text-decoration: none;
    clear: both;
    color: #ffffff !important;
    text-align: center;
    font-weight: 500;
}

.cookie {
    width: 100%;
    padding: 20px 0 20px 0;
    text-align: center;
    color: #ffffff;
    position: fixed;
    z-index: 999;
    left: 0;
    bottom: 0;
    background-color: #714ea0;
}

    .cookie p {
        margin: 0;
    }

    .cookie a {
        text-decoration: underline !important;
        font-weight: 700;
        line-height: 30px;
        color: #ffffff !important;
    }

.searchTxtBox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}

.searchTxtBox ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

.searchTxtBox :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}

.searchTxtBox :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

.field-captcha {
    float: left;
    margin: 0 0 0 10px;
    width: 150px;
}

    .field-captcha input {
        height: 60px !important;
        font-size: 40px;
    }

.error,
.field-validation-error {
    color: red;
    float: left;
    width: auto;
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 13px;
}

.block-blu-corsi {
    background-color: #cdd63b;
    clear: both;
    float: left;
    width: 100%;
    height: 174px;
}

.cont-calendar {
    margin-top: -116px !important;
}

.cont-filter-blu {
    background-color: #714ea0;
    /*border: 15px solid rgba(0,0,0,0.2);*/
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 60px 30px;
    float: left;
}

.filterCtnx {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 20px 0;
    margin-bottom: 30px;
}

    .filterCtnx a {
        display: block;
        background-color: #ffffff;
        border: 1px solid #714ea0 !important;
        color: #714ea0 !important;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 3px;
        text-transform: uppercase;
        text-decoration: none;
        width: auto;
        text-align: center;
        font-weight: 600;
    }

        .filterCtnx a.sel,
        .filterCtnx a:hover {
            background-color: #714ea0;
            border: 1px solid #ffffff !important;
            color: #ffffff !important;
        }


.filterLevel {
    /*clear: both;
    float: left;
    padding: 0 60px;
    padding: 0 60px 0 230px;
    width: 100%;*/
    padding-left: 40px;

}

    .filterLevel .tab-cont {
        float: left;
        text-align: center;
        margin: 0 1px;
        height: 45px;
        width: auto;
    }

        .filterLevel .tab-cont a {
            float: left;
            padding: 15px 8px;
            font-size: 12px;
            text-align: center;
            /*color: #9096a7;*/
            background-color: #000;
            font-weight: 700;
            width: 100%;
            text-decoration: none;
            border-radius: 5px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

            .filterLevel .tab-cont a.sel {
                background-color: #fbf8f1;
               /* background-size: contain;
                background-image: url(/portal/content/_slice/open-tab.png);*/
                padding-bottom: 44px;
               /* background-position: left 3px bottom;*/
                z-index: 99;
                /* background-repeat: no-repeat;*/
               position: relative;
            }

.cont-cal {
    margin-top: -60px;
    z-index: 2;
    position: relative;
}

.filterDate {
    clear: both;
    float: left;
    padding: 40px 20px 30px 20px;
    margin: 0 0 0 95px;
    width: 100%;
    background-color: #cdd63b;
    position: relative;
    z-index: 3;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
}

    .filterDate a {
        float: left;
        width: 80px;
        padding: 5px 20px;
        text-align: center;
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        margin: 0 0 20px 0;
        background-color: #e6e6e4;
        color: #714ea0;
        border-radius: 18px;
    }

        .filterDate a.sel,
        .filterDate a:hover {
            color: #ffffff !important;
            text-decoration: none !important;
            background-color: #714ea0;
        }

   .filterDate a.remSel {
    float: left;
    width: 80px;
    padding: 5px 20px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 20px 0;
    background-color: #e6e6e4;
    color: #714ea0 !important;
    border-radius: 18px;
}


.show-congress {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    background-color: #671299;
     display:none;
}

    .show-congress input {
        float: left;
        width: 20px;
        position: relative;
        z-index: 10;
        height: 20px;
        margin: 10px 10px 0 0 !important;
    }

    .show-congress span {
        color: #fff;
        text-transform: uppercase;
        float: left;
        font-size: 12px;
    }

    .show-congress:before {
        content: "";
        background-color: #671299;
        -moz-transform: skew(-24deg, 0deg);
        -webkit-transform: skew(-24deg, 0deg);
        -o-transform: skew(-24deg, 0deg);
        -ms-transform: skew(-24deg, 0deg);
        transform: skew(-24deg, 0deg);
        width: 50px;
        height: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
        left: -12px;
    }


.show-usOnly {
    position: absolute;
    left: -1px;
    bottom: 0;
    padding: 10px 15px;
    z-index:9999999;
    background-color: #e6e6e4;
     display:none;
}

    .show-usOnly input {
        float: right;
        width: 20px;
        position: relative;
        z-index: 10;
        height: 20px;
        margin: 10px 0 0 10px !important;
    }

    .show-usOnly span {
        color: #714ea0;
        text-transform: uppercase;
        float: left;
        font-size: 12px;
    }

    .show-usOnly:after {
        content: "";
        background-color: #e6e6e4;
        -moz-transform: skew(20deg, 0deg);
        -webkit-transform: skew(20deg, 0deg);
        -o-transform: skew(20deg, 0deg);
        -ms-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg);
        width: 30px;
        height: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
        right: -20px;
    }


.box-corso {
    float: left;
    margin: 0 0 30px 0;
    height: 470px;
    background-color: #ffffff;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
    -moz-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
    box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
}

    .box-corso .top-corso {
        float: left;
        width: 100%;
        clear: both;
        height: 65px;
        margin: 0;
        border-bottom: 1px solid #ececec;
    }

        .box-corso .top-corso span {
            float: left;
            padding: 19px 5px 0 20px;
            color: #714ea0;
            font-size: 20px;
            font-weight: 600;
            margin: 0;
        }


        .box-corso .top-corso .type-corso {
            float: right;
            width: 65px;
            height: 65px;
            position: relative;
            display: flex;
        }

            .box-corso .top-corso .type-corso span {
                color: #ffffff;
                display: inline-flex;
                align-items: center;
                text-align: center;
                padding: 0;
                margin: 0 auto;
                font-size: 18px;
                font-weight: 600;
            }


    .box-corso .info-corso {
        float: left;
        clear: both;
        padding: 30px 30px 40px 30px;
    }


    .magazine .box-corso .info-corso {
        float: left;
        clear: both;
        padding: 0px 30px 40px 30px;
    }

        .box-corso .info-corso h2 {
            color: #714ea0;
            font-size: 20px;
            font-weight: 600;
            margin: 0 0 15px 0;
            font-weight: 600;
        }

            .box-corso .info-corso h2 a,
            .box-corso .info-corso h2 a:hover {
                color: #714ea0;
                text-decoration: none;
            }


.box-corso .info-corso p.titles {
            color: #714ea0;
            float:left;
            clear:both;
            width:100%;
            font-size: 20px;
            font-weight: 600;
            margin: 0 0 15px 0;
            font-weight: 600;
}
.box-corso .info-corso p.titles a,
    .box-corso .info-corso p.titles a:hover
    {
        color: #714ea0;
        text-decoration: none;
    }

    .box-corso .info-corso p {
        color: #000000;
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .box-corso .info-corso p.nation {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
    }
    .box-corso .info-corso p.webinarTime {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
     }
    .box-corso .info-corso p.eventLanguage {
        height: auto;
    }

    .ev-arkFooter p.webinarTime {
        height: 52px;
    }

    .box-corso .btn-corso {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
    }

        .box-corso .btn-corso .btn-gen {
            clear: both;
            margin: 0 auto;
            width: 180px;
        }

.cont-detail table,
.cont-detail-corso table {
    float: left;
    margin: 0 0 20px 0;
}

    .cont-detail table td,
    .cont-detail-corso table td {
        padding: 10px;
    }


.cont-detail-corso,
.cont-detail {
    clear: both;
    float: left;
    width: 100%;
    color: #000000;
    min-height: 600px;
    padding: 40px 0;
}

    .cont-detail-corso h1,
    .cont-detail h1 {
        font-size: 28px;
        font-weight: 600;
        margin: 0;
        color: #714ea0;
        text-transform: uppercase;
    }

    .cont-detail-corso.level-1 p.level {
        color: #f2bd5b;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-corso.level-2 p.level {
        color: #cdd63b;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-corso.level-3 p.level {
        color: #9E9E9E;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-corso.level-4 p.level {
        color: #b37ff6;
        font-weight: 600;
        text-transform: uppercase;
    }

        .cont-detail-corso.level-m4 p.level {
        color: #714ea0 ;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-corso span.date {
        float: left;
        /*padding: 19px 10px 0 20px;*/
        padding: 0px 10px 0 20px;
        color: #714ea0;
        /*text-align:right;*/
        font-size: 20px;
        position: relative;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
        width:195px;
    }

    .cont-detail-corso.congress span.date {
        padding: 0;
    }
    
    .cont-detail-corso .type-corso {
        float: left;
        width: 65px;
        height: 65px;
        position: relative;
        display: flex;
    }

        .cont-detail-corso .type-corso span {
            color: #ffffff;
            display: inline-flex;
            align-items: center;
            text-align: center;
            padding: 0;
            margin: 0 auto;
            font-size: 18px;
            font-weight: 600;
        }


    .cont-detail-corso.level-1 .type-corso,
    .level-1 .type-corso,
    .level-1 .btn-gen a {
        background-color: #f2bd5b;
        border: 0 !important;
        color: #ffffff !important;
    }

 .imgMagazine {
     float:left; width:100%; margin-top:30px;
 }

 .imgMagazine img {
        width:100%;
  }
.magazine .type-corso {
    width: 50px;
    height: 50px;
    padding: 15px 0;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
}


    .cont-detail-corso.level-2 .type-corso,
    .level-2 .type-corso,
    .level-2 .btn-gen a {
        background-color: #cdd63b;
        border: 0 !important;
        color: #ffffff !important;
    }



    .cont-detail-corso.level-3 .type-corso,
    .level-3 .type-corso,
    .level-3 .btn-gen a {
        background-color: #9E9E9E;
        border: 0 !important;
        color: #ffffff !important;
    }

    .cont-detail-corso.level-4 .type-corso,
    .level-4 .type-corso,
    .level-4 .btn-gen a {
        background-color: #b37ff6;
        border: 0 !important;
        color: #ffffff !important;
    }

.cont-detail-corso.level-m4 .type-corso,
    .level-m4 .type-corso,
    .level-m4 .btn-gen a {
        background-color: #714ea0;
        border: 0 !important;
        color: #ffffff !important;
    }


  .cont-detail-corso.level-5 .type-corso,
    .level-5 .type-corso,
    .level-5 .btn-gen a {
      background-color: #4CAF50;
      border: 0 !important;
      color: #ffffff !important;
    }

  .level-5 .fa-clock-o {
   color: #4CAF50;
   font-weight: 700;
  }


   .cont-detail-magazine.level-1 p.level {
        color: #f2bd5b;
        font-weight: 600;
        text-transform: uppercase;
   }

   .cont-detail-magazine.level-2 p.level {
        color: #cdd63b;
        font-weight: 600;
        text-transform: uppercase;
   }

    .cont-detail-magazine.level-3 p.level {
        color: #9E9E9E;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-magazine.level-4 p.level {
        color: #b37ff6;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-magazine.level-m4 p.level {
        color: #714ea0;
        font-weight: 600;
        text-transform: uppercase;
    }

    .cont-detail-magazine.level-m5 p.level {
        color: #4CAF50;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .cont-detail-magazine .type-corso span {
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        font-size: 18px;
        font-weight: 600;
    }

    .cont-detail-magazine .type-corso {
        float: left;
        width: 65px;
        height: 65px;
        position: relative;
        display: flex;
    }

    .congress .btn-gen a {
        background-color: #671299;
        border: 0 !important;
        color: #ffffff !important;
    }

    .congress .type-corso {
        display: none;
    }

    .risorse .type-corso,
    .risorse .btn-gen a {
        background-color: #d1d1d1;
        border: 0 !important;
        color: #ffffff !important;
    }

    .select-year {
        float: left;
        clear: both;
        width: 100%;
        margin: 0;
    }

    .cont-cal select {
        float: left;
        clear: both;
        width: 280px;
    }

    cont-desk-month {
        display: block;
        float: left;
    }

    cont-desk-Year {
        display: block;
        float: left;
    }

    .cont-mob-month {
        display: none;
        float: left;
    }

    .cont-mob-Year {
        display: none;
        float: left;
    }

    .cont-desk-tab {
        float: left;
        display: block;
    }

    .cont-mob-tab {
        float: left;
        display: none;
    }

    .cont-detail-corso h2,
    .cont-detail h2 {
        font-weight: 700;
        color: #714ea0;
        border-bottom: 1px solid #bdd4e8;
        font-size: 25px;
        padding: 0 0 5px 0;
        margin: 0 0 20px 0;
    }

    .cont-white h2 {
        font-weight: 700;
        color: #714ea0;
        border-bottom: 0;
        font-size: 25px;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .cont-detail-corso ul,
    .cont-detail ul {
        padding: 0;
        margin: 0;
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

    .row-info {
        margin: 0 0 30px 0;
        clear: both;
        float: left;
        width: 100%;
    }

    .cont-detail-corso ul li,
    .cont-detail ul li {
        padding: 0 0 0 20px;
        margin: 0 0 10px 0;
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        background-image: url("/Portal/Content/_slice/points.png");
        background-position: left top 4px;
        background-repeat: no-repeat;
    }

    .cont-detail-corso .cont-white h2 {
        border: 0;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .cont-white {
        padding: 20px;
        background-color: #ffffff;
        float: left;
        width: 100%;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
        -moz-box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
        box-shadow: 0px 8px 20px -5px rgba(126,126,126,0.75);
    }

    .box-download {
        padding: 20px;
        /*background-color:#d1d1d1;*/
        background-color: #FFF;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .box-download img {
        float: left;
        margin: 0 20px 0 0;
    }

    .box-download a.name {
        float: left;
        font-size: 17px;
        margin: 0 0 3px 0;
        color: #34474f;
    }

    .box-download a.name span {
        clear: both;
        width: 100%;
        float: left;
        color: #738f9d;
        font-size: 13px;
        font-weight: 300;
        font-style: italic;
    }

    .box-download a.dwn {
        float: right;
        overflow: hidden;
        text-indent: -9999em;
        height: 34px;
        width: 41px;
        background-image: url("/Portal/Content/_slice/dwn.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    .noCursor {
        pointer-events: none;
    }

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

    .box-corso.postlogin {
        height: auto;
    }

    .box-corso.postlogin .btn-corso {
        left: 0;
        bottom: inherit;
        top: 100px;
    }

    .box-corso.postlogin span {
        color: #714ea0;
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 15px 0;
        clear: both;
        float: left;
        width: 100%;
        font-weight: 600;
    }

    .video-cont {
        clear: both;
        float: left;
        width: 100%;
        background-color: #e5e5e5;
        margin: 0 0 30px 0;
        padding: 20px 0;
    }

    .resource-page .video-cont {
        margin-bottom: 60px;
    }

    .video-cont h2 {
        font-weight: 700;
        color: #714ea0;
        font-size: 25px;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .btn-internal .btn-gen {
        clear: both;
        margin: 0 auto;
        width: 240px;
    }

    .btn-internal .btn-gen a {
        cursor: pointer;
        margin-bottom: 20px;
    }

    .box-video {
        clear: both;
        float: left;
        width: 100%;
        border-radius: 10px;
        height: 100%;
        background-color: #ffffff;
        padding: 15px;
    }

    .cover-video {
        clear: both;
        float: left;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .cover-video a {
        overflow: hidden;
        text-indent: -9999em;
    }

    .box-video a {
        clear: both;
        float: left;
        width: 100%;
        height: 100%;
    }


    .swiper-container-surg .swiper-slide,
    .swiper-container-view .swiper-slide {
        height: 226px;
    }

    .swiper-container-pillar .swiper-slide {
        height: 400px;
    }

    .cont-category .cont-white {
        margin: 0;
    }

    .cont-category h2 {
        font-weight: 600;
        font-size: 20px;
        margin: 0 0 30px;
        color: #9fa4af;
    }

    .cont-category ul {
        padding: 0;
        margin: 0;
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

    .cont-category ul li {
        padding: 0 0 0 20px;
        margin: 0 0 20px 0;
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        background-image: url(/Portal/Content/_slice/points.png);
        background-position: left top 4px;
        background-repeat: no-repeat;
    }

.formText {
    border: 1px solid #714ea0;
    font-size: 16px;
    padding: 5px;
    width: 100%;
}

.captchaText {
    border: 1px solid #714ea0;
    font-size: 20px;
    padding: 5px;
    width: 100%;
    height: 58px;
}

.captchaContact {
    width: 80%;
}

.contactMessage {
    height: 143px;
}

.breadcrumbs a {
    text-decoration: none;
}

.generic-ask {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border-top: 2px solid #714ea0;
}

.swiper-container-res {
    width: 100%;
    height: 100%;
    clear: both;
    position: relative;
    padding-bottom: 0px;
    float: left;
}

.swiper-pagination-res {
    text-align: center;
    margin-top: 30px;
}

.swiper-container-res .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.3;
    width: 13px;
    height: 13px;
    border: 1px solid #714ea0;
    text-align: center;
}

.swiper-container-res .swiper-pagination-bullet-active {
    opacity: 1;
    background: #714ea0;
}

.swiper-container-big {
    width: 100%;
    height: 100%;
    clear: both;
    position: relative;
    padding-bottom: 0px;
    float: left;
}

.swiper-pagination-big {
    text-align: center;
    margin-top: 30px;
}

.swiper-container-big .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.3;
    width: 13px;
    height: 13px;
    border: 1px solid #714ea0;
    text-align: center;
}

.swiper-container-big .swiper-pagination-bullet-active {
    opacity: 1;
    background: #714ea0;
}

.swiper-container-big .swiper-slide {
    height: 400px;
}

.resource {
    clear: both;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
}

    .resource a img {
        margin: 0 auto;
        margin-bottom: 10px;
        text-align: center;
    }

    .resource a {
        clear: both;
        float: left;
        width: 100%;
        color: #714ea0;
        font-size: 16px;
        padding: 0 0 50px 0;
        text-align: center;
        background-image: url(/Portal/Content/_slice/dwn.png);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .resource a span {
        clear: both;
        float: left;
        margin: 0 0 5px 0;
        font-weight: 700;
        width: 100%;
    }

    .resource a span.date {
        clear: both;
        float: left;
        width: 100%;
        color: #212121;
        font-weight: 300;
        font-size: 12px;
    }

#go-tops {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 999;
    width: 40px;
    height: 40px;
    transition: 2s ease;
}

    #go-tops a {
        width: 40px;
        height: 40px;
        float: left;
        font-weight: 600;
        border: 2px solid #ffffff;
        border-radius: 20px;
        text-align: center;
        background-color: #714ea0;
        color: #fff !important;
        font-size: 24px;
        padding-top: 2px;
    }

/* GAN */

.box-download .dwnlLaunc {
    float: left;
    font-size: 17px;
    margin: 0 0 3px 0;
    color: #34474f;
}

    .box-download .dwnlLaunc p {
        clear: both;
        float: left;
        margin: 0;
    }

/*END GAN*/
.box-download.useful-links {
    padding: 0 0 20px 0;
    background-color: #fff;
    float: left;
    border-bottom: 3px solid #714ea0;
    width: 100%;
    margin-bottom: 30px;
}

    .box-download.useful-links h2 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .box-download.useful-links p.cat {
        font-size: 13px;
    }

    .box-download.useful-links p {
        margin-bottom: 0;
    }

.menu-top {
    float: left;
    margin: 32px 0 0 10px;
}

    .menu-top ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .menu-top ul li {
            float: left;
            list-style: none;
            margin: 0 7px;
            position: relative;
            padding: 0;
        }

            .menu-top ul li a {
                text-decoration: none;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 14px;
            }

                .menu-top ul li a:hover, .menu-top ul li a.sel {
                    text-decoration: underline;
                }


            .menu-top ul li ul {
                position: absolute;
                top: 28px;
                z-index: 999;
                right: 0;
                width: 220px;
                background-color: #714ea0;
                -webkit-box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.9);
                -moz-box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.9);
                box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.9);
            }

                .menu-top ul li ul li {
                    padding: 5px 10px;
                    clear: both;
                    float: left;
                    width: 100%;
                    border-bottom: 1px solid #fff;
                    margin: 0 0 5px 0;
                }

                    .menu-top ul li ul li:last-child {
                        border: 0;
                    }

                    .menu-top ul li ul li a {
                        padding: 5px 0;
                        float: left;
                        width: 100%;
                        font-size: 13px;
                        color: #714ea0;
                    }

            .menu-top ul li.jsSubmenu {
                height: 30px;
                padding: 0 5px;
            }

                .menu-top ul li.jsSubmenu:hover {
                    background-color: #714ea0;
                }

                    .menu-top ul li.jsSubmenu:hover a {
                        color: #fff;
                    }

                    .menu-top ul li.jsSubmenu:hover ul.prodsubmenu {
                        display: block !important;
                    }

.filterLevel .tab-cont a.lev-1 {
    color: #f2bd5b;
}

.filterLevel .tab-cont a.lev-2 {
    color: #cdd63b;
}

.filterLevel .tab-cont a.lev-3 {
    color: #9E9E9E;
}

.filterLevel .tab-cont a.lev-4 {
    color: #b37ff6;
}

.filterLevel .tab-cont a.lev-5 {
    color: #4CAF50;
}

.legenda {
    clear: both;
    float: left;
    width: auto;
    margin: 15px 0 0 60px;
}

    .legenda p {
        font-size: 14px;
        margin: 0;
        font-weight: 700;
        color: #714ea0;
    }

.lang-dett {
    clear: both;
    font-size: 9px;
    float: left;
    width: auto;
}

.div-menu-side {
    float: left;
    width: 70px;
    padding: 0 20px;
}

.div-logo {
    float: left;
    width: 290px;
    padding: 0 0px;
    margin-top: 10px;
}

.div-menu-center {
    float: right;
    width: auto;
    padding: 0 0px;
}

.cont-white-noPadSide {
    padding: 20px 0;
    background-color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .cont-white-noPadSide p {
        color: #000000;
    }

    .cont-white-noPadSide h2 {
        font-weight: 700;
        color: #714ea0;
        border-bottom: 1px solid #bdd4e8;
        font-size: 25px;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }

.cookie a.chCo {
    padding: 5px;
    font-size: 12px;
    background-color: #714ea0;
    border: 1px solid #ffffff;
    color: #fff !important;
    text-decoration: none !important;
}

.modal-header {
    border: 0 !important;
}

.modal-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
}

.modal-footer {
    padding-top: 0 !important;
    border: 0 !important;
}


.modal-header h3 {
    color: #714ea0;
}

.modal-footer button {
    background-color: #714ea0;
    color: #fff !important;
}

.modal-dialog-centered {
    margin-top: 25% !important;
}

.cont-white-bg {
    padding: 20px;
    background-color: #ffffff;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .cont-white-bg h2 {
        font-weight: 700;
        color: #714ea0;
        border-bottom: 0;
        font-size: 25px;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .cont-white-bg p {
        color: #000000;
        font-size: 16px;
        margin: 0 0 15px 0;
    }

.add-cal {
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
}

.cont-add-cal {
    position: relative;
}

.div-add-cal {
    /*width:250px;*/
    width: 130px;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
    background-color: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 26px;
    -webkit-box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
    -moz-box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
    box-shadow: 0px 0 20px -5px rgba(126,126,126,0.75);
}

    .div-add-cal a,
    .div-add-cal p,
    .div-add-cal span {
        font-size: 16px;
        text-transform: initial;
        text-align: left;
        margin: 0 0 12px;
        width: 100%;
    }

.h2-home {
    font-size: 24px;
}

p.h2-home {
    font-size: 24px;
    text-align: center !important;
    margin: 0 0 10px 0;
    padding: 0;
    color: #4f4f6f;
    line-height: 1.1;
    font-weight: 400;
}
span.modal-title {
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    float:left;
    width:100%;
    color: #714ea0;
    line-height: 1.42857143;
}

.ev-arkTop {
    float: left;
    height: 180px;
}

.ev-arkFooter {
    position: absolute;
    bottom: 87px;
    width: 84%;
    height: 100px;
}

    .ev-arkFooter p.nation {
        height: 52px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eee !important;
}

.fits {
    float: left;
    width: max-content;
}

a.appleCal {
    text-decoration: none;
    clear: both;
    float: left;
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/Portal/Content/_slice/apple_20.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.outlookCal {
    text-decoration: none;
    clear: both;
    float: left;
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/Portal/Content/_slice/outlook_01.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.googleCal {
    text-decoration: none;
    clear: both;
    float: left;
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/Portal/Content/_slice/google_20.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.yahooCal {
    text-decoration: none;
    clear: both;
    float: left;
    width: auto;
    padding: 0 0 0 30px;
    background-image: url(/Portal/Content/_slice/yahoo_20.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.table-mob {
    display: none;
}

.table-desk {
    display: block;
}

.table-mob h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}

.icons-res {
    text-decoration: none;
    float: left;
    clear: both;
    width: auto;
    padding: 0 0 0 40px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

    .icons-res.ico-news {
        background-image: url(/Portal/Content/_slice/png-doc/doc.png);
    }

    .icons-res.ico-link {
        background-image: url(/Portal/Content/_slice/png-doc/link.png);
    }

    .icons-res.ico-calendar {
        background-image: url(/Portal/Content/_slice/png-doc/calendar.png);
    }

    .icons-res.ico-pdf {
        background-image: url(/Portal/Content/_slice/png-doc/pdf.png);
    }

    .icons-res.ico-video {
        background-image: url(/Portal/Content/_slice/png-doc/video.png);
    }

.goto {
    clear: both;
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

    .goto ul {
        clear: both;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .goto ul li {
            padding: 0;
            list-style: none;
            /*float:left;*/
            text-align: center;
            display: inline-block;
            margin: 0 10px 10px 0;
        }

.sidenav select {
    float: left;
    width: 100%;
    border: 1px solid #9fa4af;
    padding: 3px 5px;
    height: 40px;
    margin: 0 0 20px 0;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
    border: 1px solid #9fa4af !important;
    border-radius: 0 !important;
    cursor: text !important;
}

    .select2-container--default .select2-selection--multiple.FieldError {
        border: 1px solid #cc0000 !important;
    }

    .btnCourse.level-5  {clear:both; width:100%; margin-top:20px;}

@media (max-width:1365px) {

    .filterLevel {
        padding-left: 10px;
    }
   .filterLevel .tab-cont a {
        padding: 15px 6px;
    }

}

@media (max-width:1280px) {
       .menu-top {
        display: none;
    }

    .filterLevel {
        padding-left: 24px;
    }
       .filterLevel .tab-cont a {
        padding: 15px 6px;
        font-size:10px;
    }

    .div-logo {
        width: 220px;
        height: 60px;
        margin-top: 9px;
        padding-left: 0;
    }

    .logo {
        width: 220px;
        height: 60px;
    }

        .logo a {
            width: 220px;
            height: 60px;
        }

    .div-menu-center {
        padding-left: 0;
    }

    .goto {
        font-size: 11px;
    }    

}


@media (max-width:1200px) {

    .div-logo {
        width: 301px;
        margin-top: 0;
    }

    .logo {
        width: 301px;
        height: 70px;
    }

        .logo a {
            width: 301px;
            height: 70px;
        }

    .cont-logs-ico {
        margin-top: 0;
    }

    .links-reg-search {
        margin-top: 20px;
    }

        .links-reg-search .btn-gen {
            float: left;
            margin: 0 0 0 10px;
        }

    .box-corso .info-corso h2 {
        font-size: 18px;
    }

    .menu-top {
        display: none;
    }

    .box-corso .top-corso span {
        font-size: 18px;
    }

    .filterLevel {
        clear: both;
        float: left;
        padding: 20px 20px 0 20px;
        margin: 0;
        width: 100%;
        background-color: none;
        box-shadow: none;
        border: 0;
    }

    .filterDate {
        margin: 0;
        clear: both;
        float: left;
        padding: 0 20px 20px 20px;
        width: 100%;
        background-color: none;
        box-shadow: none;
        border: 0;
    }

    .cont-cal {
        margin-left: 214px;
        float: left;
        width: 60%;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 0;
        background-color: #fbf8f1;
        -webkit-box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 8px 20px -5px rgba(0,0,0,0.75);
    }

    .cont-desk-month {
        display: none;
    }

    .cont-desk-Year {
        display: none;
    }

    .cont-mob-month {
        display: block;
        margin: 0 0 20px 0;
    }

    .cont-mob-Year {
        display: block;
        margin: 0 0 20px 0;
    }

    .cont-desk-tab {
        display: none;
    }

    .cont-mob-tab {
        margin: 0 0 20px 0;
        display: block;
    }

    .box-corso .top-corso span {
        font-size: 17px;
    }

    .box-corso .info-corso p {
        font-size: 14px;
    }

    header {
        height: 118px;
    }

    .bar-white {
        padding: 10px 0 19px 0;
    }

    .searchTxtBox.open {
        width: 230px;
    }

    .searchTxtBox input {
        width: 230px;
    }
}

@media (max-width:1100px) {

    .box-corso .info-corso {
        padding: 20px 20px 40px 20px;
    }

    .magazine .box-corso .info-corso {
        padding: 0px 20px 40px 20px;
    }

    .box-corso .top-corso span {
        font-size: 14px;
    }

    .box-corso .info-corso h2 {
        font-size: 16px;
    }

    .box-corso .info-corso p {
        font-size: 14px;
    }

        .box-corso .info-corso p.nation {
            font-size: 12px;
        }
}

@media (max-width:992px) {
    .box-home .btn-gen {
        position: relative;
        bottom: inherit;
    }

    .menu-top {
        display: none;
    }

    .swiper-container-pillar .swiper-slide {
        height: 248px;
    }

    .cont-cal {
        width: 48%;
        margin-left: 164px;
    }


    .bg-cont-info {
        margin-top: 0;
    }

    .points-int p span {
        font-size: 24px;
        margin: 0 0 20px 0;
    }

    .points-int p {
        line-height: 40px;
        font-size: 48px;
    }

    .box-home {
        margin: 0 0 20px 0;
        height: auto;
    }

   

        .box-home p {
            margin-bottom: 50px;
        }

    .filterCtnx a {
        margin-bottom: 20px;
    }
    /*.ask a{
		height:57px;
	}*/

    .ham-menu ul li ul {
        display: block !important;
        position: relative;
        left: inherit;
        top: inherit;
        border: 0;
        float: left;
        padding: 0 0 0 20px;
        clear: both;
        background: none;
    }
}

@media (max-width:991px) {
    .box-corso.postlogin .btn-corso {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        left: inherit;
        top: inherit;
        margin-bottom: 20px;
    }
}

@media (max-width:768px) {
    .ask p {
        text-align: center;
    }
}

@media (max-width:767px) {

    .imgMagazine {
        margin-top:20px;

    }
    
    .goto {
        display: none;
    }

    .table-mob {
        display: block;
    }

    .table-desk {
        display: none;
    }

    .ask .btn-gen {
        float: none !important;
        margin: 0 auto;
        width: 200px;
    }

    .ev-arkFooter p.nation {
        height: auto;
    }

    .ev-arkTop {
        float: none;
        height: auto;
    }

    .ev-arkFooter {
        position: relative;
        bottom: inherit;
        width: 100%;
        height: auto;
    }

    .div-menu-center {
        margin: 16px 0 0 0;
    }

    .legenda {
        margin-left: 0;
    }

    .box-corso.postlogin .info-corso {
        padding: 20px 0px 40px 0px;
    }

    .cont-cal {
        width: 100%;
        margin: 0;
    }

    .cont-filter-blu {
        padding: 22px 0px 40px 0px;
    }

    .block-blu-corsi {
        height: 110px;
    }

    .filterCtnx {
        padding: 0 0 5px 0;
    }

    .bg-cont-info h1,
    .bg-cont-info h2 {
        font-size: 40px;
    }

    .bg-cont-info p {
        font-size: 18px;
        line-height: 26px;
    }

    .box-corso {
        height: auto;
    }

        .box-corso .info-corso {
            padding: 20px 20px 20px 20px;
        }

        .magazine  .box-corso .info-corso {
            padding: 0px 20px 20px 20px;
        }

    .searchTxtBox {
        top: 0;
    }

    .category h2,
     .category h3
     {
        font-size: 40px;
    }

    .category img {
        margin: 20px 0;
    }

    .points-int p span {
        font-size: 24px;
    }

    .points-int p {
        line-height: 40px;
        font-size: 34px;
        margin: 0;
    }

    .links-reg-search {
        margin: 0;
    }

    .swiper-container-top .swiper-slide {
        height: 650px;
    }

    .swiper-container-top .swiper-pagination {
        bottom: 20px;
    }

    .swiper-container-post .swiper-pagination,
    .swiper-container-pillar .swiper-pagination,
    .swiper-container-surg .swiper-pagination,
    .swiper-container-view .swiper-pagination {
        bottom: 20px;
    }

    .swiper-container-int .swiper-slide {
        height: 550px;
    }

    .swiper-container-int .swiper-pagination-int {
        bottom: 0px;
    }

    .menu-footer {
        float: left;
        text-align: left;
    }

    footer ul li {
        width: auto;
        padding: 0 15px 0 0;
        float: left;
        clear: none;
        display: inline-block;
        margin: 0 0 10px 0;
    }

        footer ul li a, footer ul li a:hover, footer ul li a:focus, footer ul li a:active {
            text-align: left;
            float: left;
        }

    footer {
        padding: 30px 0;
    }

        footer p {
            font-size: 18px;
        }

    .cont-detail-corso h1 {
        margin-bottom: 20px;
    }

    .box-corso .btn-corso {
        position: relative;
        margin-bottom: 20px;
        float: left;
        width: 100%;
        left: inherit;
        bottom: inherit;
    }

    .div-logo {
        width: 42px;
    }

    .logo {
        width: 42px;
        height: 70px;
    }

        .logo a {
            background-image: url(/portal/content/_slice/logo-min.png);
            width: 42px;
            height: 70px;
        }

    .bar-white {
        padding: 12px 0 19px 0;
    }
}


@media (max-width:690px) {
    a.in-foo {
        float: left;
        width: auto;
        margin: 0 0 20px 0;
    }
}

@media (max-width:480px) {

    .bar-white {
        padding: 10px 0 20px 0;
    }

    header {
        height: 117px;
    }

    .div-logo {
        margin-top: 0;
        padding: 0;
    }

    .div-menu-center {
        padding: 0;
    }

    .div-menu-side {
        width: 50px;
        padding: 0;
    }

    .swiper-container-pillar h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .cont-cal select {
        width: 100%;
    }

    .category h2,
     .category h3
     {
        font-size: 30px;
    }

    .logo {
        width: 42px;
        height: 70px;
        margin: 0;
    }

        .logo a {
            width: 42px;
            background-size: contain;
            height: 70px;
        }

    .swiper-container-top .swiper-slide {
        height: 700px;
    }

    .swiper-container-int .swiper-slide {
        height: 500px;
    }

    .bg-cont-info h1,
    .bg-cont-info h2 {
        /*font-size: 40px;*/
        font-size: 28px;
        /*word-break: break-word;*/
    }

    .bg-cont-info p {
        font-size: 18px;
        line-height: 26px;
        /*word-break: break-word;*/
    }

    .bg-cont-info {
        padding: 20px 20px 10px 20px;
    }

    .bar-under-top p {
        font-size: 12px;
    }

    .cont-mob-month,
    .cont-mob-tab {
        width: 100%;
    }

    .div-menu-side {
        width: 40px;
    }

    .links-reg-search a {
        margin: 12px 10px 0 10px;
    }

    .links-reg-search .log-btn a {
        margin: 0 10px 0 0px;
    }

    a.logout-ico {
        margin-top: 0;
    }
    .show-usOnly,
    .show-congress {
        padding:5px;
        display:none;
    }

    .show-usOnly:after,
    .show-congress:before {
        display:none;
    }
    .show-usOnly span,
    .show-congress span {
        font-size:11px;
    }
    .show-usOnly input {
        margin:5px 0 0 5px !important;
    }
    .show-congress input {
        margin:5px 5px 0 0 !important;
    }


}

@media (max-width:360px) {
    .cont-filter-blu {
        padding: 22px 0px 40px 0px;
    }

    .searchTxtBox input {
        width: 215px;
    }
}

@media (max-width:320px) {

    .bg-cont-info h1,
    .bg-cont-info h2 {
        font-size: 30px;
    }

    .bg-cont-info p {
        font-size: 16px;
        line-height: 22px;
    }

    .ask a {
        font-size: 20px;
        line-height: 26px;
    }

    .btn-gen a {
        font-size: 14px;
    }

    .box-corso .info-corso h2 {
        font-size: 18px;
    }

    .box-corso .top-corso span {
        font-size: 14px;
    }

    .box-corso .top-corso .type-corso {
        width: 50px;
    }

        .box-corso .top-corso .type-corso span {
            font-size: 14px;
        }

    .links-reg-search a {
        margin: 12px 5px 0 5px;
        font-size: 12px;
    }

    .searchTxtBox.open {
        width: 214px;
    }

    .searchTxtBox input {
        width: 194px;
    }

    a.logout-ico {
        margin: 0 10px 0 0;
    }
}

/*HEIGHT*/
@media screen and (max-height: 450px) {
    .sidenav a {
        font-size: 18px;
    }
}