@font-face {
    font-family: 'Brandon_med';
    src: url('fonts/Brandon_med.eot');
    /* IE9 Compat Modes */
    src: url('fonts/Brandon_med.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Brandon_med.woff') format('woff'), /* Modern Browsers */
    url('fonts/Brandon_med.ttf') format('truetype'), /* Safari, Android, iOS */
    /* Legacy iOS */
}


BODY {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    /*font-family: 'Brandon_med';*/
    font-family: 'Cuprum', sans-serif;
    background: #736A71;
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

sup {
    font-size: 9px;
    line-height: 8px;
}

html,
body {
    overflow: hidden;
}


/* MENU */

#appMenu {
    position: absolute;
    width: 250px;
    top: 50px;
    right: 0px;
    height: calc(100%-50px);
    display: none;
}

#appMenu li {
    list-style: none;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #CCC;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
}

#menuButton {
    position: fixed;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(../ico/menu_w.png) #008AAF top center no-repeat;
    background-size: 100%;
    top: 5px;
    z-index: 10000;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -transition: all 200ms ease-in-out;
    -webkit-backface-visibility: hidden;
    display: block;
    cursor: pointer;
}

#menuButton.on {
    background: url(../ico/menu_w.png) bottom center no-repeat;
    background-size: 100%;
}


/* MENU */


/*AREA APP*/

#wireframeApp {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    border: 2px solid #000000;
}

#areaApp {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -transition: all 250ms ease-in-out;
    display: none;
    
}

.cd_window {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100%;
    background: #FFF;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    border-left: 1px solid #777;
    display: table;
    background: url(../images/bg_page.png) #FFFFFF bottom center no-repeat;
    background-size: 100% 100%;
}

.cd_window[ref="home"] {
    border-left: 0px solid #AAA;
    display: block;
}

.new_win {
    cursor: pointer;
}


/* HEADER & FOOTER */

.header_view,
.footer_view,
.center_view {
    width: 100%;
    display: table-cell;
    float: left;
    height: 49px;
    position: relative;
}

.header_view {
    background: #0089AF;
}

.footer_view {
    border-right: 0px solid #CCC;
    border-top: 1px solid #CCC;
    background: #164194;
}

.center_view {
    background: none;
    height: calc(100% - 55px);
    border: 0px solid #000;
}

.navigation_bar {
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0px;
    top: 0px;
    display: table;
}

.navigation_bar li {
    position: relative;
    float: left;
    display: table-cell;
    height: 48px;
    text-align: center;
    font-size: 10px;
    list-style: none;
    cursor: pointer;
    color: #FFFFFF;
    /*text-transform: uppercase;*/
    border-right: 1px solid #FFF;
    width: calc(25% - 1px);
}

.navigation_bar li.on {
    background: #CCC;
    color: #333;
}

#gotosite {
    border-right: 0px solid #FFF;
}

.navigation_bar li .label {
    position: absolute;
    height: 15px;
    width: 90%;
    left: 5%;
    top: 32px;
}

.navigation_bar li .label2 {
    position: absolute;
    height: 30px;
    width: 90%;
    left: 5%;
    top: 12px;
    border: 0px solid #FFF;
}

.navigation_bar li .label3 {
    position: absolute;
    height: 50px;
    width: 90%;
    left: 5%;
    top: 0px;
}

.navigation_bar li .ico_m {
    position: absolute;
    height: 27px;
    width: 40px;
    top: 3px;
    left: calc((100% - 40px)/2);
    border: 0px solid #000;
}

.back_button,
.close_win_button {
    position: absolute;
    left: 3px;
    width: 45px;
    height: 45px;
    background: url(../images/back_ico.png) center no-repeat;
    background-size: 16px;
    top: 3px;
}

.win_title,
.head_logo {
    position: absolute;
    left: 60px;
    right: 60px;
    height: 45px;
    top: 3px;
    text-align: center;
    line-height: 47px;
    overflow: hidden;
    color: #164194;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

#login_area,
#home_area {
    position: fixed;
    left: 0px;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 99999;
    background: #FFFFFF;
    background: url(../images/bg_home.jpg) bottom center no-repeat;
    background-size: auto 100%;
}

.boxlogohome {
    position: absolute;
    /*top: calc((100% - 350px)/2);*/

    top: 30px;
    width: 100%;
    height: 300px;
}

.logo_anim_h {
    position: absolute;
    top: 30px;
    width: 78%;
    height: 300px;
}

.logo_anim_h.log1 {
    background: url(../images/logo_anim1.png) top left no-repeat;
    background-size: 100%;
    left: -2000px;
}

.logo_anim_h.log1.bounceInLeft {
    left: 11%;
}

.logo_anim_h.log2 {
    background: url(../images/logo_anim2.png) top left no-repeat;
    background-size: 100%;
    right: -2000px;
}

.logo_anim_h.log2.bounceInRight {
    right: 11%;
}

.logo_anim_h.log3 {
    background: url(../images/logo_app3.png) top left no-repeat;
    background-size: 100%;
    top: -600px;
    left: 5%;
}

.logo_anim_h.log4 {
    background: url(../images/logo_app4.png) top left no-repeat;
    background-size: 100%;
    top: -600px;
    left: 5%;
}

.logo_anim_h.log3.bounceInDown,
.logo_anim_h.log4.bounceInDown {
    top: 30px;
}

.box_login {
    position: absolute;
    top: calc((100% - 110px)/2);
    width: 90%;
    left: 5%;
    height: 150px;
    text-align: center;
    color: #444;
    font-size: 14px;
    display: none;
}

.box_txt_home {
    position: absolute;
    top: calc((100% + 20px)/2);
    width: 90%;
    left: 5%;
    height: 150px;
    text-align: center;
    color: #164194;
    font-size: 22px;
    display: none;
}

#txt_home_en,
#txt_home_it,
#txt_home_fr {
    display: none;
}

.bg_pop,
.bg_pop_data {
    position: fixed;
    width: 100%;
    left: 0px;
    height: 100%;
    top: 0px;
    background: #333;
    opacity: 0.7;
    z-index: 999999;
    display: none;
}

.cd_pop {
    position: absolute;
    width: 90%;
    left: calc(5% - 3px);
    height: 260px;
    top: calc((100% - 266px)/2);
    background: #FFF;
    border-radius: 0px;
    border: 2px solid #babdbf;
    z-index: 999999;
    display: none;
}

.cd_pop .text_area {
    position: absolute;
    width: 90%;
    margin-left: 5%;
    height: 80px;
    top: 50px;
    text-align: center;
}

#pop_data .text_area {
    text-align: left;
    top: 60px;
}

#pop_data .text_area strong {
    color: #164194;
}

.cd_pop .ico {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 4%;
    top: 10px;
}

.cd_pop .ico[ref="1"] {
    background: url(../images/ico_1.png) center no-repeat;
    background-size: cover;
}

.cd_pop .ico[ref="2"] {
    background: url(../images/ico_2.png) center no-repeat;
    background-size: cover;
}

.cd_pop .ico[ref="3"] {
    background: url(../images/ico_3.png) center no-repeat;
    background-size: cover;
}

.cd_pop .ico[ref="4"] {
    background: url(../images/ico_4.png) center no-repeat;
    background-size: cover;
}

.cd_pop .ico[ref="5"] {
    background: url(../images/ico_5.png) center no-repeat;
    background-size: cover;
}



.cd_pop .ico[ref="0"] {
    display: none;
}


.cd_pop .closep {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 5px;
    top: 5px;
    background: url(../images/ico_close.png) center no-repeat;
    background-size: 25px;
}

.line_cnt {
    position: absolute;
    bottom: 15px;
    width: 90%;
    margin-left: 5%;
    height: 45px;
}


/*VERSIONI, MENU E VIEW*/

.cd_window[he="0"] .header_view {
    display: none;
}

.cd_window[he="0"] .center_view {
    height: calc(100% - 49px);
}

.cd_window[fo="0"] .footer_view {
    display: none;
}

.cd_window[fo="0"] .center_view {
    height: calc(100% - 49px);
}

.cd_window[he="0"][fo="0"] .center_view {
    height: 100%;
}


/*APPROFONDIMENTI*/

.bg_apprView {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #222;
    z-index: 19999;
    opacity: 0.9;
    display: none;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #222;
    opacity: 0.8;
    display: none;
}

.apprView {
    position: fixed;
    width: 98%;
    height: 0%;
    left: 1%;
    right: 1%;
    bottom: 0px;
    z-index: 20000;
    display: table;
    background: #F1F1F1;
}

.apprView .head_appr {
    position: relative;
    display: table-cell;
    width: 100%;
    background: #736A71;
    font-size: 16px;
    height: 50px;
    float: left;
    display: none;
}

.apprView .view_wrapper_appr {
    position: relative;
    display: table-cell;
    width: 100%;
    height: calc(100% - 50px);
    float: left;
    display: none;
}

.closeAppr {
    position: absolute;
    top: 5px;
    right: 4px;
    width: 40px;
    height: 40px;
    background: url(../ico/menu_w.png) bottom center no-repeat;
    background-size: 100%;
    z-index: 11000;
}

.apprView.cd_slideIn {
    bottom: 0px;
    height: 99%;
}

.apprView.cd_slideOut {
    bottom: 0px;
    height: 0px;
}


/*VIEW INTERNE*/

.wrapper_view {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.cd_scroller {
    position: relative;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0;
    padding-bottom: 40px;
}

.cd_app_scrollbarV {
    position: absolute;
    z-index: 100;
    width: 2px;
    bottom: 0px;
    top: 0px;
    right: 0px
}

.cd_app_scrollbarV>div {
    position: absolute;
    z-index: 100;
    width: 100%;
    /* The following is probably what you want to customize */
    background: #666;
    border: 1px solid #666;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.sk_viewer {
    position: relative;
    display: none;
}

.sk_viewer:nth-child(1) {
    display: block;
}

.cd_row {
    position: relative;
    width: 100%;
    margin-left: 0px;
    float: left;
    border: 0px solid #090;
}

.cd_row.lab {
    width: 88%;
    margin-left: 6%;
    font-size: 11px;
    margin-top: 35px;
    color: #555;
    text-transform: uppercase;
}

.cd_row.topb {
    border-top: 1px solid #BBB;
}

.cd_row.bottomb,
.box_int.bottomb {
    border-bottom: 1px solid #BBB;
}




.cd_row.bgw {
    background: #FFF;
}

.cd_row .int {
    width: 100%;
    margin-left: 0%;
    height: auto;
    position: relative;
    float: left;
}

.box_cnt {
    width: 100%;
    margin-left: 0px;
    float: left;
}

.box_int {
    width: 90%;
    margin-left: 5%;
    position: relative;
    position: relative;
    float: left;
    display: table;
    overflow-wrap: break-word;
}

.box_int.on p {
    text-decoration: underline;
    font-weight: bold;
}

.box_int.full_h {
    padding-top: 20px;
    padding-bottom: 20px;
}

.box_int.med_h {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hidden_box .box_int {
    width: calc(90% - 20px);
    margin-left: calc(5% + 10px);
    font-size: 15px;
    line-height: 18px;
}

.box_int.full_cnt {
    width: 100%;
    margin-left: 0px;
}

.cd_cell {
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    font-size: 16px;
    height: 40px;
    display: table;
    border-bottom: 0.5px solid #BBB;
}

.cd_cell.bigh {
    height: 80px;
}

.cd_cell p {
    display: table-cell;
    vertical-align: middle;
}

.cd_cell.hl {
    height: auto;
}

.cd_cell.padd10 {
    padding: 10px;
    padding-top: 15px;
}

.cd_cell {}

.cd_cell.big2 {
    height: 145px;
}

.tab_no_border {
    border: 0px;
}

.no_border {
    border: 0px;
}

.small_text {
    font-size: 13px;
    color: #444;
    text-transform: uppercase;
}

.medium_text {
    font-size: 15px;
    color: #444;
}

.button_arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 12px;
    top: calc((100% - 40px)/2);
    background: url(../ico/next.png) center no-repeat;
    background-size: 45px;
    border: 1px solid #000;
}

.button_arrow_int {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: calc((100% - 40px)/2);
    background: url(../ico/next_int.png) center no-repeat;
    background-size: 20px;
    border: 0px solid #000;
}

.button_arrow_box {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: calc((100% - 40px)/2);
    border: 0px solid #000;
}

.open_box,
.hidden_box {
    /*
    padding: 10px;
    width: calc(100% - 20px);
    */
}



.open_box[state="OFF"] .button_arrow_box {
    background: url(../images/arrow2.png) center no-repeat;
    background-size: 33px;
}

.open_box[state="ON"] .button_arrow_box {
    background: url(../images/arrow.png) center no-repeat;
    background-size: 33px;
}

.int_news_list {
    width: calc(100% - 60px);
    width: 100%;
    font-size: 12px;
    border: 0px dashed #000;
}

.int_news_list strong {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

.list_int li {
    border-bottom: 1px solid #FFFFFF;
    padding-top: 10px;
    padding-bottom: 7px;
}

.hidden_box {
    overflow: hidden;
    height: 0px;
    margin-left: 0px;
    border: 0px solid #BBB;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    transition: height 0.5s ease;
    width: 100%;
}

.hidden_box[state="ON"] {
    /*height: auto;*/
    height: 300px;
}

.hidden_box .cnt {
    margin-top: 0px;
}


/*INPUT*/

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid #CCC;
    font-size: 16px;
    color: #00425B;
    outline: none;
    border-radius: 0px;
    height: 30px;
    padding-left: 4px;
    background-size: contain;
    margin-top: 0px !important;
    width: 90%;
    font-weight: bold;
    text-transform: uppercase;
    background: #FFF;
    cursor: pointer;
    float: left;
    margin-right: 0px;
}

.service_input_button {
    border: 1px solid #CCC;
    font-size: 16px;
    color: #00425B;
    outline: none;
    border-radius: 0px;
    height: 30px;
    width: 25px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FC0;
    cursor: pointer;
    float: left;
    margin-left: 0px;
    margin-top: 8px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid #CCC;
    font-size: 16px;
    color: #00425B;
    outline: none;
    border-radius: 0px;
    height: 32px;
    padding-left: 4px;
    padding-right: 22px;
    background-size: contain;
    margin-top: 0px !important;
    width: calc(100% - 5px);
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    background: url(../ico/bg_select.png) #FFF right no-repeat;
    background-size: contain;
    cursor: pointer;
}

.ui-datepicker-month,
.ui-datepicker-year {
    width: 90px;
    background: url(../ico/bg_select.png) #FFF right no-repeat;
    background-size: contain;
    height: 25px;
    margin-top: 3px !important;
    font-size: 14px;
    line-height: 27px;
    border-right: 1px solid #689E04;
}

.ui-datepicker-year {
    width: 75px;
}


/*Radio e Checkbox*/

.cd_radio_b {
    position: relative;
    width: 30px;
    height: 30px;
    background: #EFEFEF;
    border-radius: 30px;
    border: 1px solid #AAAAAA;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(184, 184, 184, 1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(184, 184, 184, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(184, 184, 184, 1);
    float: left;
    margin-top: 9px;
}

.cd_radio_b[state="ON"] {
    background: url(../ico/radio_int.png) center no-repeat;
    background-size: 24px;
}

.cd_radio_b[type="check"][state="ON"] {
    background: url(../ico/check_int.png) center no-repeat;
    background-size: 36px;
}

.cd_radio_label {
    position: relative;
    float: left;
    width: calc(100% - 60px);
    height: 30px;
    margin-left: 10px;
    display: table;
    margin-top: 10px;
}

.cd_radio_label span {
    display: table-cell;
    vertical-align: middle;
}


/*BUTTON*/

.app_button {
    position: relative;
    height: 40px;
    background: #009cbe;
    color: #FFF;
    line-height: 45px;
    text-align: center;
    margin: 5px auto 0px;
    cursor: pointer;
    border-radius: 5px;
}

.app_button.sm {
    font-size: 14px;
    height: 30px;
    line-height: 32px;
    margin: 10px auto 0px;
}

.app_button.mini {
    font-size: 12px;
    height: 24px;
    line-height: 26px;
    margin: 0px 0px;
    width: 65px;
}

.cd_cell.on {
    background: url(../images/check.png) center 8px no-repeat;
    background-size: 22px;
}

.cd_cell.sing.on {
    background: url(../images/check.png) center 16px no-repeat;
    background-size: 22px;
}





/*GRIGLIE CD*/

.w2 {
    width: 2%;
}

.w33 {
    width: 33.3333%;
    float: left;
}

.w10 {
    width: 10%;
    float: left;
}

.w20 {
    width: 20%;
    float: left;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w35 {
    width: 35%;
}

.w65 {
    width: 65%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
    float: left;
}

.w90 {
    width: 90%;
    float: left;
    margin-left: 5%;
}

.w90_ {
    width: 90%;
    float: left;
}

.w100 {
    width: 100%;
}

.w5025 {
    width: 25%;
}

.w7525 {
    width: 25%;
}

.w4020 {
    width: 20%;
}

.w6030 {
    width: 30%;
}

.w6030:nth-child(2),
.w6030:nth-child(6),
.w6030:nth-child(10),
.w6030:nth-child(14) {
    width: calc(30% - 20px);
    padding-right: 20px;
}


/*MENU INTERNI*/

#menu_dinamico {
    position: absolute;
    width: 270px;
    background: #F1F1F1;
    top: 0px;
    z-index: 2000;
    display: block;
    border: 1px solid #CCC;
    height: 100%;
    display: none;
    right: 0px;
}

#menu_dinamico.cd_slideIn {}

#cd_box_menu_int {
    position: absolute;
    width: 300px;
    background: #726A70;
    left: 0px;
    top: 40px;
    z-index: 2000;
    display: block;
}

#cd_box_menu_int li,
#menu_dinamico li {
    list-style: none;
    border-bottom: 1px solid #CCC;
    height: 50px;
    line-height: 52px;
    padding-left: 15px;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

#cd_box_menu_int li:last-child,
#menu_dinamico li:last-child {
    /*border-bottom: 0px solid #CCC;*/
}

#close_menu {
    position: absolute;
    width: 270px;
    right: 0px;
    bottom: 10px;
    height: 50px;
}

@media only screen and (min-width: 640px) {
    .navigation_bar {
        width: 400px;
        left: calc((100% - 400px)/2);
    }
    #cd_box_menu_int {
        position: absolute;
        width: 250px;
        background: #3C7193;
    }
}

@media only screen and (min-width: 1024px) {
    .cd_row.topb {
        border-right: 1px solid #BBB;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .cd_row.bottomb {
        border-left: 1px solid #BBB;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .cd_row .int,
    .cd_row.lab,
    .cd_scroller {
        width: 94%;
        margin-left: 3%;
    }
    .cd_window[cd_style="left_menu"] .center_view {
        height: calc(100% - 49px);
        width: calc(100% - 200px);
        left: 200px;
    }
    .cd_window[cd_style="left_menu"] .footer_view {
        top: 50px;
        position: absolute;
        width: 200px;
        height: calc(100% - 50px);
        border-right: 0.5px solid #CCC;
        border-top: 0px solid #CCC;
    }
    .cd_window[cd_style="left_menu"] .navigation_bar {
        width: 200px;
        left: 0px;
    }
    .cd_window[cd_style="left_menu"] .navigation_bar li {
        width: 100%;
        border-bottom: 1px solid #CCC;
        text-transform: uppercase;
    }
    .cd_window[cd_style="left_menu"] .navigation_bar li .label {
        width: 140px;
        bottom: 16px;
        text-align: left;
        left: 50px;
        font-size: 12px;
    }
    .cd_window[cd_style="left_menu"] .navigation_bar li .ico_m {
        height: 35px;
        width: 35px;
        top: 7px;
        left: 5px;
    }
}

@media only screen and (max-width: 768px) {
    /*VIEW INTERNE*/
    .w5025 {
        width: 50%;
    }
    .w7525 {
        width: 75%;
    }
    .w4020 {
        width: 40%;
    }
    .w6030 {
        width: 60%;
    }
    .w6030:nth-child(2),
    .w6030:nth-child(6),
    .w6030:nth-child(10),
    .w6030:nth-child(14) {
        width: 60%;
        padding-right: 0px;
    }
    .tab_no_border {
        border-bottom: 0.5px solid #CCC;
    }
    .tab_no_border {
        border-bottom: 1px solid #1A89AA;
    }
    .topb2 {
        border-top: 0.5px solid #CCC;
    }
}

#cd_viewer {
    position: absolute;
    background: #FFF;
    width: 100%;
    z-index: 15000;
    left: 0px;
    top: 0px;
    bottom: 95px;
    display: none;
    border: 0px solid #FC0;
}

#pdf_viewer {
    position: absolute;
    height: calc(100% + 37px);
    top: 0px;
    width: 100%;
    left: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-x: hidden;
    border: 0px solid #F00;
}

.pdf_viewer_bar {
    position: absolute;
    width: 100%;
    height: 55px;
    bottom: 0px;
    left: 0px;
    background: #FFF;
    z-index: 15000;
    display: none;
    border-top: 2px solid #22376d;
}

.bclose,
.bclose2 {
    width: 100px;
    height: 30px;
    position: absolute;
    bottom: 12px;
    right: 20px;
    background: url(../images/bg_areabase.png) center no-repeat;
    background-size: contain;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
}

.bclose2 {
    background: #333;
    right: 15px;
    display: none;
    height: 24px;
    line-height: 24px;
    bottom: 3px;
    width: 80px;
}

#myviewer {
    position: absolute;
    top: -32px;
    left: 0px;
    width: 100%;
    height: calc(100% + 32px);
    overflow: none;
}

#pdf_viewer2 {
    position: absolute;
    height: 718px;
    top: 0px;
    width: 1024px;
    left: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-x: hidden;
    z-index: 2000000;
    border: 2px solid #000;
}

#myviewer2 {
    position: absolute;
    top: 20px;
    left: 2px;
    width: 614px;
    border: 2px solid #000;
    -webkit-transform-origin: top left;
    -webkit-transform: scale(1.65);
}

.baseLoad {
    position: absolute;
    width: 102%;
    height: 768px;
    left: 0px;
    background: url(../images_fw/loading.gif) #FFF center no-repeat;
    background-size: 60px;
    z-index: 12000;
    opacity: 0.6;
    display: block;
    bottom: 0px;
}

.zoom_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: #333;
    opacity: 0.7;
    display: none;
}

.zoomimg {
    position: absolute;
    max-width: 100vw;
    height: 80vh;
    width: 90vw;
}

.zoomimg img {
    height: 90vh;
}

div.page {
    max-width: 100vw;
    text-align: left;
}

.pinch-zoom-parent {
    height: 80vh;
    width: 100vw;
    display: none;
}

.pinch-zoom img {
    height: auto;
    margin-top: -40px;
}

.close_zoom {
    position: fixed;
    top: 10px;
    right: 10px;
    background: url(../images/close_ico.png) center no-repeat;
    background-size: 38px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.videofull {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed !important;
    -webkit-transform: rotate(-90deg);
    /* IE 9 */
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    transform: rotate(-90deg);
    /* Standard syntax */
    z-index: 999999;
    background: #000000;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border: 1px solid #000;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#buttonlogin div[state="OFF"] {
    opacity: 0.4;
}

.bottomb2 {
    border-bottom: 2px solid #164194;
}

.newsubtit {
    font-size: 16px;
    color: #164194;
    width: 92%;
    margin-left: 4%;
    margin-top: 10px;
    font-weight: bold;
    display: none;
}