@font-face {font-family: Candara; font-style: normal; font-weight: Normal; src: url('../webfonts/Candara.ttf'); }
@font-face {font-family: Candara; font-style: normal; font-weight: Bold;   src: url('../webfonts/Candarab.ttf'); }
/* @font-face {font-family: Candara; font-style: italic; font-weight: Normal; src: url('../webfonts/Candarai.ttf'); } */
/* @font-face {font-family: Candara; font-style: normal; font-weight: light; src: url('../webfonts/Candaral.ttf'); } */
/* @font-face {font-family: Candara; font-style: italic; font-weight: light; src: url('../webfonts/Candarali.ttf'); } */
/* @font-face {font-family: Candara; font-style: italic; font-weight: Bold; src: url('../webfonts/Candaraz.ttf'); } */
@font-face {font-family: Bahnschrift;  src: url('../webfonts/bahnschrift.ttf'); }




.menuitems1 {
    white-space: nowrap;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.menuitems1:hover {
    border-bottom: 2px solid #CCCCCC;

}

.menuitems1_sel {
    color: red;
}


/*
@font-face {font-family: GothamBook;  src: url('../fonts/GothamBook.ttf'); }
@font-face {font-family: Gotham-Black;  src: url('../fonts/Gotham-Black.otf'); }
@font-face {font-family: Gotham-Thin;  src: url('../fonts/Gotham-Thin.otf'); }
@font-face {font-family: GothamMedium;  src: url('../fonts/GothamMedium.ttf'); }
*/



/*#region BCC BRANDING*/

 /* @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto.woff2') format('woff2'); } */
 /* @font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.ttf'); } 
 @font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.ttf'); } 
 @font-face { font-family: 'Faruma'; src: url('../fonts/Faruma.otf') format("opentype"); } */


  /* cyrillic-ext */
  /*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat_cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }*/
  /* cyrillic */
  /*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat_cyrillic.woff2') format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  /*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat_vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }*/
  /* latin-ext */
  /*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat_latin-ext.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }*/
  /* latin */
  /*@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat_latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }*/
  



html,body
{
    height: 100%;
    margin:0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",Faruma;
    background-color:black;
    color:white;
}

  

.bcc_color_yellow_primary { color: rgb(255, 201, 62); }
.bcc_color_yellow_light { color: rgb(255, 164, 55); }
.bcc_color_yellow_dark { color: rgb(218, 83, 39); }
.bcc_color_red_primary { color: rgb(237, 100, 74); }
.bcc_color_red_light { color: rgb(218, 54, 35); }
.bcc_color_red_dark { color: rgb(124, 33, 32); }
.bcc_color_blue_primary { color: rgb(0, 177, 233); }
.bcc_color_blue_light { color: rgb(35, 133, 183); }
.bcc_color_blue_dark { color: rgb(8, 54, 83); }
.bcc_color_green_primary { color: rgb(157, 197, 75); }
.bcc_color_green_light { color: rgb(109, 171, 86); }
.bcc_color_green_dark { color: rgb(18, 138, 81); }

.bcc_bgcolor_yellow_primary { background-color: rgb(255, 201, 62); }
.bcc_bgcolor_yellow_light { background-color: rgb(255, 164, 55); }
.bcc_bgcolor_yellow_dark { background-color: rgb(218, 83, 39); }
.bcc_bgcolor_red_primary { background-color: rgb(237, 100, 74); }
.bcc_bgcolor_red_light { background-color: rgb(218, 54, 35); }
.bcc_bgcolor_red_dark { background-color: rgb(124, 33, 32); }
.bcc_bgcolor_blue_primary { background-color: rgb(0, 177, 233); }
.bcc_bgcolor_blue_light { background-color: rgb(35, 133, 183); }
.bcc_bgcolor_blue_dark { background-color: rgb(8, 54, 83); }
.bcc_bgcolor_green_primary { background-color: rgb(157, 197, 75); }
.bcc_bgcolor_green_light { background-color: rgb(109, 171, 86); }
.bcc_bgcolor_green_dark { background-color: rgb(18, 138, 81); }

.bcc_font_h1
{
    /* Sequencer and Title for Marketing */
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: bold;
    font-size: 48pt;
    padding-top: 48pt;
    text-transform: uppercase;
}

.bcc_font_h2
{
    /* Big Headlines and Title */
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: bold;
    font-size: 34pt;
    padding-top: 30pt;
    text-transform: uppercase;
}

.bcc_font_h3
{
    /* Sublines Sections */
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: bold;
    font-size: 16pt;
    padding-top: 16pt;
    text-transform: uppercase;    
}

.bcc_font_h4
{
    /* Headlines Copytext */
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    font-size: 11pt; /* font-size: 10pt; */
    padding-top: 10pt;
    text-transform: uppercase;
}

.bcc_font_h5
{
    /* Copy Text */
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    font-size: 10pt; /* font-size: 8pt; */
    padding-top: 11pt;
}

.bcc_font_h6
{
    /* Caption Text */
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    font-size: 8pt; /* font-size: 6pt; */
    padding-top: 9pt;
}


/*#endregion BCC BRANDING*/


.bcc_font2_h1
{
    /* Sequencer and Title for Marketing */
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 48pt;
    padding-top: 48pt;
    /* text-transform: uppercase; */
}
.bcc_font2_h2
{
    /* Big Headlines and Title */
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 34pt;
    padding-top: 30pt;
    text-transform: uppercase;
}

.bcc_font2_h3
{
    /* Sublines Sections */
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 20pt;
    padding-top: 12pt;
    /* text-transform: uppercase; */
}

.bcc_font2_h4
{
    /* Headlines Copytext */
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 13pt; /* font-size: 10pt; */
    padding-top: 10pt;
    /* text-transform: uppercase; */
}

.bcc_font2_h5
{
    /* Copy Text */
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 10pt; /* font-size: 8pt; */
    padding-top: 11pt;
}

.bcc_font2_h6
{
    /* Caption Text */
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 8pt; /* font-size: 6pt; */
    padding-top: 9pt;
}

.bcc_font3_t1
{
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 1rem;
    color: #888;
}

.bcc_font3_t2
{
    font: normal normal medium 20px/34px Montserrat;
    letter-spacing: -0.2px;
    font-weight: normal;
    font-size: 1rem;
    color: #888;
}

.bcc_font3_t3
{
    font: normal normal 300 30px/34px Montserrat;
    /* letter-spacing: -0.2px; */
    font-weight: normal;
    font-size: 1rem;
    color: #888;
}

.bcc_font3_h1
{
    font-family: normal normal 600 60px/65px Montserrat;
    font-weight: 600;
    font-size: 2rem;
    color: #000;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
}

.bcc_font3_h2
{
    font-family: normal normal medium 20px/34px Montserrat;;
    font-weight: 600;
    font-size: 1.3rem;
    color: #000;
    letter-spacing: -0.2px;
}
.bcc_font3_h3
{
    font-family: normal normal medium 20px/34px Montserrat;;
    font-weight: 600;
    font-size: 1.0rem;
    color: #000;
    letter-spacing: -0.2px;
}


/* used in regrations */
.input-radius-10
{
    border-radius:20px;
}

/* used in 'aboutus2_d2' meet the team */
.paddingy-60-10-desk-mob
{
    padding-left:60px;
    padding-right:60px;
}
@media screen and (max-width: 575px) {
    .paddingy-60-10-desk-mob
    {
        padding-left:10px;
        padding-right:10px;
    }
}

/* used in 'nextpcal' booking */
.padding-booking-desk-mob
{
    padding-left:80px;
    padding-right:80px;
    padding-top:40px;
    padding-bottom:40px;
}
@media screen and (max-width: 575px) {
    .padding-booking-desk-mob
    {
        padding-left:20px;
        padding-right:20px;
        padding-top:20px;
        padding-bottom:20px;
    }
}

.bcc_gradient-90
{
    background: rgb(47,158,216);
    background: linear-gradient(90deg, rgba(47,158,216,1) 0%, rgba(40,79,106,1) 100%);    
}
.bcc_gradient-192
{
    background: rgb(47,158,216);
    background: linear-gradient(192deg, rgba(47,158,216,1) 0%, rgba(40,79,106,1) 100%);    
}


.vevent_cont
{
    transition: transform 0.5s ease;
}
.vevent_btn
{
    transition: fill 0.5s ease;
}
.vevent_cont:hover
{
    transform: translateX(10px);
    cursor: pointer;
}
.vevent_cont:hover .vevent_btn
{
    fill: black;
}


@media screen and (max-width: 991px) {
    #navbarSupportedContent1
    {
        background-color: rgba(255, 255, 255, 0.75);
    }
}

.vbgcolor
{
    background-color: #F2F2F2;
}

.map_hovereffect
{
    fill: #238FCF;
    cursor: pointer;
}

.map_hovereffect:hover {
    fill: #f19a34;
    cursor: pointer;
}

.vh1
{
    color: rgb(8, 54, 83);
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.vh2
{
    color: rgb(8, 54, 83);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.vh3
{
    color: rgb(8, 54, 83);
    font-size: 1.2rem;
    font-weight: bold;
}

.vh4
{
    color: #238FCF;
    font-size: 1.1rem;
    font-weight: bold;
}

.vbutton1
{
    border-radius: 0;
    font-size: 0.9em;
    background-color: rgb(255, 255, 255);
    color: rgb(8, 54, 83);
}
.vbutton1:hover
{
    border-color: rgb(8, 54, 83);
    background-color: rgb(8, 54, 83);
    color: rgb(255, 255, 255);
}

.vbutton2
{
    display:inline-block;
    border-color: #888;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    font-size: 1.0rem;
    padding: 6px 15px 8px 15px;
    background-color: rgb(255, 255, 255);
    color: #888;
    cursor: pointer;
}
.vbutton2:hover
{
    background-color: #92C13E;
    color: rgb(255, 255, 255);
}

.vbutton3
{
    display:inline-block;
    border-color: #888;
    border-radius: 25px;
    border-style: solid;
    border-width: 1px;
    font-size: 1.0rem;
    padding: 6px 15px 8px 15px;
    cursor: pointer;
    background-color: #92C13E;
    color: rgb(255, 255, 255);
}
.vbutton3:hover
{
    background-color: rgb(255, 255, 255);
    color: #888;
}

.au_board_title
{
    margin-top: 18px;
    margin-left: 18px;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: bold;
    color: #238FCF;
}
.au_board_name
{
    margin-left: 22px;
    font-size: 1.1rem;
    /*text-transform: uppercase;*/
    padding-bottom: 20px;
    color: rgb(74, 85, 104);
}
.au_management_title
{
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: bold;
    color: rgb(74, 85, 104);
    padding-bottom: 20px;
}
.au_management_name
{
    margin-top: 8px;
    font-size: 1.1rem;
    /*text-transform: uppercase;*/
    color: rgb(74, 85, 104);
}


.hm_young_container .hm_young_img {
    transition: transform 1s ease;
}
.hm_young_container:hover .hm_young_img {
    transform: translateX(100px);
}

.hm_women_container .hm_women_img {
    transition: transform 1s ease;
}
.hm_women_container:hover .hm_women_img {
    transform: translateX(-100px);
}

.vshadow
{
    box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
    border-radius: 0;
    border: 0;
}

.vcardfix
{
    border-radius: 0;
}

.vcard
{
    transition: transform 0.2s ease;
}
.vcard:hover {
    transform: scale(1.1);
}

.vcardjusZoom {
    transition: transform 0.2s ease;
    transform: scale(1.1);
}

.vborderblue
{
    border-color: #DDD;
    transition: border-color 0.2s ease;
}
.vborderblue:hover {
    border-color: rgb(0, 177, 233);
}
.vborderblue2
{
    border-color: #333;
    transition: border-color 0.2s ease;
}
.vborderblue2:hover {
    border-color: rgb(0, 177, 233);
}


.vcardu
{
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.vcardu:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 15px 0 rgba(22, 22, 26, 0.18);
}


.vcolorblue
{
    color: #DDD;
}
.vcardu:hover .vcolorblue{
    color: #FFF;
}


.vcarddplain
{
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color:#EEE;
}
.vcarddplain:hover {
    transform: translateY(10px);
}

.vcardd
{
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    background-color:#EEE;
}
.vcardd:hover {
    transform: translateY(10px);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.vcarddp
{
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    background-color:#EEE;
    cursor: pointer;
}
.vcarddp:hover {
    transform: translateY(10px);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.vcardd_pressed
{
    transform: translateY(10px);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}



.vmenuitems {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    white-space: nowrap;
}

.vmenuitems3 {    
    font-family: 'Montserrat';
    font-size: 0.8em;
    /* font-size: 0.9vw; */
    white-space: nowrap;
    border: 0;
}

@media screen and (min-width: 992px) {  
    .vmenuitems3 {    
        box-shadow: 2px 2px 15px #00000024;

        border: 1px solid rgba(0,0,0,0.15);
        border-radius: .25rem;
    }
    
}

.vmenuitems4 {
    font-family: 'Montserrat';
    font-size: 0.9em;
    /* font-size: 0.9vw; */
    white-space: nowrap;
    border-bottom: 2px solid rgba(255, 255, 255, 0);

}
.vmenuitems4:hover {
    border-bottom: 2px solid #92C13E;

}



.vmenuitems5 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    /* font-size: 0.9vw; */
    white-space: nowrap;
    font-weight: bold;
    text-shadow: 0px 0px 8px white;
}
.vmenuitems5:hover {
    text-decoration: underline;
}

.vmenuitems6 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    white-space: nowrap;
    text-shadow: 0px 0px 8px white;
}

.vmenuparent6 {
    padding-left: 8px;
    padding-right: 8px;
}

.vmenuitems7 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    white-space: nowrap;
    font-weight: bold;
    color: white !important;
}



.vfooter
{
    text-align: center;
    padding-bottom: 30px;
}
@media screen and (min-width: 576px) {
    .vfooter
    {
        text-align: left;
        padding-bottom: 10px;
    }
}



.vfootertitle
{
    letter-spacing: 0.1em;
    color:#AAA;
}
.vfooteritem
{
    color:#666;
    font-size: 1em;
    margin-top:3px;
    margin-bottom:8px;
    cursor: pointer;
}

.vsociallink
{
    color:#AAA;
}
.vsociallink:hover
{
    color:#666;    
}

.vinsetshadow
{
    box-shadow: 
        inset 0px 15px 8px -10px #CCC,
        inset 0px -15px 8px -10px #CCC; 
}

.vmenuheading {
    text-shadow: 0px 0px 5px #fff;
    font-family: Roboto,sans-serif;
    font-size: 2.2em;
    color:  #238FCF;
    font-weight: bold;
}
.vmenucomment {
    font-family: Roboto,sans-serif;
    font-size: 1.125rem;
    /* color: rgb(74,85,104); */
    color: white;
    /*letter-spacing: .025em; */
    /* padding-top: 0.5rem; */
    line-height: 1.625;
    text-shadow: 0px 0px 5px #000;
}

.vheading1 {
    font-family: Roboto,sans-serif;
    font-size: 1.4em;
    color: #238FCF;
    font-weight: bold;
    text-transform: uppercase;

}

.vservicebtn {
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.vservicebtn:hover {
    background-color: black;
    color: white;
}



.vcontainer
{
    max-width: 800px;
}
.vcontainer p
{
    text-align: justify;
}


.vshadow1
{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}


/* https: //getcssscan.com/css-box-shadow-examples */
.vshadow_no00 { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.vshadow_no01 { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.vshadow_no02 { box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
.vshadow_no03 { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.vshadow_no04 { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.vshadow_no05 { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.vshadow_no06 { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.vshadow_no07 { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; }
.vshadow_no08 { box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; }
.vshadow_no09 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.vshadow_no10 { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.vshadow_no11 { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
.vshadow_no12 { box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; }
.vshadow_no13 { box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }
.vshadow_no14 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }
.vshadow_no15 { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.vshadow_no16 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.vshadow_no17 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.vshadow_no18 { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.vshadow_no19 { box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.vshadow_no20 { box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; }
.vshadow_no21 { box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.vshadow_no22 { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.vshadow_no23 { box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.vshadow_no24 { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; }
.vshadow_no25 { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
.vshadow_no26 { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.vshadow_no27 { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; }
.vshadow_no28 { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.vshadow_no29 { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; }
.vshadow_no30 { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }
.vshadow_no31 { box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.vshadow_no32 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
.vshadow_no33 { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; }
.vshadow_no34 { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
.vshadow_no35 { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; }
.vshadow_no36 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
.vshadow_no37 { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }
.vshadow_no38 { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.vshadow_no39 { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.vshadow_no40 { box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; }
.vshadow_no41 { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; }
.vshadow_no42 { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; }
.vshadow_no43 { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
.vshadow_no44 { box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.vshadow_no45 { box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; }
.vshadow_no46 { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; }
.vshadow_no47 { box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; }
.vshadow_no48 { box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) -10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) -20px 20px, rgba(240, 46, 170, 0.05) -25px 25px; }
.vshadow_no49 { box-shadow: rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px, rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px; }
.vshadow_no50 { box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px; }
.vshadow_no51 { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; }
.vshadow_no52 { box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; }
.vshadow_no53 { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }
.vshadow_no54 { box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; }
.vshadow_no55 { box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px; }
.vshadow_no56 { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; }
.vshadow_no57 { box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; }
.vshadow_no58 { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; }
.vshadow_no59 { box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; }
.vshadow_no60 { box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px; }
.vshadow_no61 { box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px; }
.vshadow_no62 { box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; }
.vshadow_no63 { box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; }
.vshadow_no64 { box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; }
.vshadow_no65 { box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; }
.vshadow_no66 { box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; }
.vshadow_no67 { box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }
.vshadow_no68 { box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }
.vshadow_no69 { box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px; }
.vshadow_no70 { box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; }
.vshadow_no71 { box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; }
.vshadow_no72 { box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; }
.vshadow_no73 { box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; }
.vshadow_no74 { box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; }
.vshadow_no75 { box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px; }
.vshadow_no76 { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.vshadow_no77 { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
.vshadow_no78 { box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; }
.vshadow_no79 { box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; }
.vshadow_no80 { box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px; }
.vshadow_no81 { box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px; }
.vshadow_no82 { box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; }
.vshadow_no83 { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; }
.vshadow_no84 { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px; }
.vshadow_no85 { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.vshadow_no86 { box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; }
.vshadow_no87 { box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.vshadow_no88 { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.vshadow_no89 { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }
.vshadow_no90 { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; }
.vshadow_no91 { box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; }

.vshadowbackground
{
    background-image:url('../images/bg-slider2-1.jpg');background-repeat:no-repeat; background-size:fit; background-position: center top;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset, rgba(255, 255, 255, 1) 0px -30px 60px 0px inset;
}





/* START - TIMELINE2 */
    /*
    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    */

    .t2_button {
        background: transparent;
        border: none;
        cursor: pointer;
        outline: none;
    }


    /*
    body {
    font: normal 16px/1.5 "Helvetica Neue", sans-serif;
    background: #456990;
    color: #0ff;
    }
    */

    /* .section SECTION
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .section {
        /* background: #8cd9e3; */
        /* background: rgb(124, 192, 255); */
        background: #EEEEEE;
        padding: 50px 0;        
    }

    .section .container {
        width: 90%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

    .section h1 {
        font-size: 2.5rem;
    }

    .section h2 {
        font-size: 1.3rem;
    }


    /* TIMELINE
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .timeline {
        white-space: nowrap;
        overflow-x: hidden;
    }

    .timeline ol {
        font-size: 0;
        width: 100vw;
        padding: 300px 0;
        transition: all 1s;
    }

    .timeline ol li {
        position: relative;
        display: inline-block;
        list-style-type: none;
        width: 160px;
        height: 3px;
        background: #238FCF;
        /* text-align: justify; */
    }

    .timeline ol li:last-child {
        width: 280px;
    }

    .timeline ol li:not(:first-child) {
        margin-left: 14px;
    }

    .timeline ol li:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 50%;
        left: calc(100% + 1px);
        bottom: 0;
        width: 12px;
        height: 12px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: #8cd9e3;
    }

    .timeline ol li div {
        position: absolute;
        left: calc(100% + 7px);
        width: 280px;
        padding: 15px;
        font-size: 1rem;
        white-space: normal;
        color: #666;
        background: rgb(197, 227, 255);;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }

    .timeline ol li div:hover {
        /* transform: translateY(10px); */
        /* box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; */
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 8px 0px, rgba(14, 30, 37, 0.32) 0px 2px 32px 0px;
    }

    .timeline ol li div::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .timeline ol li:nth-child(odd) div {
        top: -16px;
        transform: translateY(-100%);
    }

    .timeline ol li:nth-child(odd) div::before {
        top: 100%;
        border-width: 8px 8px 0 0;
        border-color: #deeeee transparent transparent transparent;
    }

    .timeline ol li:nth-child(even) div {
        top: calc(100% + 16px);
    }

    .timeline ol li:nth-child(even) div::before {
        top: -8px;
        border-width: 8px 0 0 8px;
        border-color: transparent transparent transparent #deeeee;
    }

    .timeline time {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 8px;
    }


    /* TIMELINE ARROWS
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .timeline .arrows {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .timeline .arrows .arrow__prev {
        margin-right: 20px;
    }

    .timeline .disabled {
        opacity: .5;
    }

    .timeline .arrows img {
        width: 45px;
        height: 45px;
    }


    /* GENERAL MEDIA QUERIES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    @media screen and (max-width: 599px) {
        .timeline ol,
        .timeline ol li {
            width: auto; 
        }
        
        .timeline ol {
            padding: 0;
            transform: none !important;
        }
        
        .timeline ol li {
            display: block;
            height: auto;
            background: transparent;
        }
        
        .timeline ol li:first-child {
            margin-top: 25px;
        }
        
        .timeline ol li:not(:first-child) {
            margin-left: auto;
        }
        
        .timeline ol li div {
            width: 94%;
            height: auto !important;
            margin: 0 auto 25px;
        }
        
        .timeline ol li div {
            position: static;
        }
        
        .timeline ol li:nth-child(odd) div {
            transform: none;
        }
        
        .timeline ol li:nth-child(odd) div::before,
        .timeline ol li:nth-child(even) div::before {
            left: 50%;
            top: 100%;
            transform: translateX(-50%);
            border: none;
            border-left: 1px solid white;
            height: 25px;
        }
        
        .timeline ol li:last-child,
        .timeline ol li:nth-last-child(2) div::before,
        .timeline ol li:not(:last-child)::after,
        .timeline .arrows {
            display: none;
        }
    }
/* END - TIMELINE2 */




.voptionsel_multilvl option:disabled
{
    color:#238FCF;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 10px;
}



/*  START - TIMELINE3 */

.tl3_container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    flex-direction: column;
}
.tl3_title {
    font-size: 38px;
    color: #616161;
    font-style: italic;
    font-weight: 800;
}
.tl3_timeline {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .2);
}
.tl3_timeline .swiper-container {
    height: 600px;
    width: 100%;
    position: relative;
}
.tl3_timeline .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.tl3_timeline .swiper-slide {
    position: relative;
    color: #053652;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.tl3_timeline .swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: -115%;
    bottom: -10%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: -230px 0 150px 60vw rgba(125, 156, 179, .7);
    border-radius: 100%;
}
.tl3_timeline .swiper-slide-content {
    position: absolute;
    text-align: center;
    width: 80%;
    max-width: 310px;
    right: 50%;
    top: 13%;
    transform: translate(50%, 0);
    font-size: 18px;
    z-index: 2;
}
.tl3_timeline .swiper-slide .tl3_timeline-year {
    display: block;
    font-style: italic;
    font-size: 42px;
    margin-bottom: 50px;
    transform: translate3d(20px, 0, 0);
    color: #1d638b;
    font-weight: 300;
    opacity: 0;
    transition: 0.2s ease 0.4s;
}
.tl3_timeline .swiper-slide .tl3_timeline-title {
    font-weight: 800;
    font-size: 34px;
    margin: 0 0 30px;
    opacity: 0;
    transform: translate3d(20px, 0, 0);
    transition: 0.2s ease 0.5s;
}
.tl3_timeline .swiper-slide .tl3_timeline-text {
    line-height: 1.5;
    opacity: 0;
    transform: translate3d(20px, 0, 0);
    transition: 0.2s ease 0.6s;
}
.tl3_timeline .swiper-slide-active .tl3_timeline-year {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.6s;
}
.tl3_timeline .swiper-slide-active .tl3_timeline-title {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.7s;
}
.tl3_timeline .swiper-slide-active .tl3_timeline-text {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.4s ease 1.8s;
}
.tl3_timeline .swiper-pagination {
    right: 15% !important;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    z-index: 1;
}
.tl3_timeline .swiper-pagination::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, .2);
}
.tl3_timeline .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: right;
    opacity: 1;
    background: transparent;
    color: #217CB1;
    margin: 15px 0 !important;
    position: relative;
}
.tl3_timeline .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -32.5px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #217CB1;
    transform: scale(0);
    transition: 0.2s;
}
.tl3_timeline .swiper-pagination-bullet-active {
    color: #30a1e2;
}
.tl3_timeline .swiper-pagination-bullet-active::before {
    transform: scale(1);
}
.tl3_timeline .swiper-button-next, .tl3_timeline .swiper-button-prev {
    background-size: 20px 20px;
    top: 15%;
    width: 20px;
    height: 20px;
    margin-top: 0;
    z-index: 2;
    transition: 0.2s;
}
.tl3_timeline .swiper-button-prev {
    left: 8%;
    background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231d638b'%2F%3E%3C%2Fsvg%3E");
}
.tl3_timeline .swiper-button-prev:hover {
    transform: translateX(-3px);
}
.tl3_timeline .swiper-button-next {
    right: 8%;
    background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231d638b'%2F%3E%3C%2Fsvg%3E");
}
.tl3_timeline .swiper-button-next:hover {
    transform: translateX(3px);
}
@media screen and (min-width: 768px) {
    .tl3_timeline .swiper-slide::after {
        right: -30%;
        bottom: -8%;
        width: 240px;
        height: 50%;
        box-shadow: -230px 0 150px 50vw rgba(125, 156, 179, .7);
   }
    .tl3_timeline .swiper-slide-content {
        right: 35%;
        top: 50%;
        transform: translateY(-50%);
        width: 310px;
        font-size: 18px;
        text-align: right;
   }
    .tl3_timeline .swiper-slide .tl3_timeline-year {
        margin-bottom: 0;
        font-size: 32px;
   }
    .tl3_timeline .swiper-slide .tl3_timeline-title {
        font-size: 46px;
        margin: 0;
   }
    .tl3_timeline .swiper-pagination {
        display: flex;
   }
    .tl3_timeline .swiper-button-prev {
        top: 15%;
        left: auto;
        right: 15%;
        transform: rotate(90deg) translate(0, 10px);
   }
    .tl3_timeline .swiper-button-prev:hover {
        transform: rotate(90deg) translate(-3px, 10px);
   }
    .tl3_timeline .swiper-button-next {
        top: auto;
        bottom: 15%;
        right: 15%;
        transform: rotate(90deg) translate(0, 10px);
   }
    .tl3_timeline .swiper-button-next:hover {
        transform: rotate(90deg) translate(3px, 10px);
   }
}
@media screen and (min-width: 1024px) {
    .tl3_timeline .swiper-slide::after {
        right: -20%;
        bottom: -12%;
        width: 240px;
        height: 50%;
        box-shadow: -230px 0 150px 39vw rgba(125, 156, 179, 0.7);
   }
    .tl3_timeline .swiper-slide-content {
        text-shadow: rgba(125, 156, 179, 1) 0px 0 8px;
        right: 35%;
   }
}


/* END - TIMELINE3 */


/* START - SUB MENU HOVER */

.dropdown-toggle::after
{
    /* this is the arrow colour manually over written*/
    color:#CCC;
}
.dropdown_item_overmargin
{
    border-left: 2px solid #92C13E;
    margin-left:0.75rem;
}
.dropdown-item_override /* padding override */
{
    padding-top: 0.25rem;
    padding-right: 1.5rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    color:rgba(0, 0, 0, 0.6);
}
.dropdown:hover>.dropdown-menu {
    display: block;
    left:-2px;
  }
  .dropdown-item:hover>.dropdown-menu {
    display: block;
  }
.submemuhover ul li{
  list-style-type:none;
  display: inline;
  }

  
  .nav-fill .nav-item
  {
    text-align: right;
  }

  .navbar-nav
  {
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
  }
    @media screen and (min-width: 992px) {  
    .navbar-nav
    {
        padding-top:0px;
        padding-left:0px;
        padding-right:0px;
    }
    .navbar-nav .nav-link {
      display:inline-block;
    }
  }


  .ml-auto {display:inline-block!important;}
  
  .dropdown>.dropdown-toggle:active {
    pointer-events: none;
  }

/* END - SUB MENU HOVER */



.darkened-image {
    filter: brightness(50%);
}
.lighten-image {
    filter: brightness(200%);
    filter: contrast(50%);
}


/* START - one point on style list */
.opo ol { counter-reset: item }
.opo ol li{ display: block }
.opo ol li:before { content: counters(item, ".") " "; counter-increment: item }
/* END - one point on style list */


/* TIMELINE4 - START */
.timeline4-item
{
    cursor:pointer;
}
.timeline4-item:hover .timeline4-circle
{
    background: rgb(47,158,216);
    background: linear-gradient(90deg, rgb(116, 216, 255) 0%, rgb(72, 177, 241) 100%);    
}
.timeline4-circle
{
    border: 1px solid #08F;
}
.timeline4-date
{
    font-size:0.9em;
}
.timeline4-active .timeline4-circle
{
    background: rgb(47,158,216);
    background: linear-gradient(90deg, rgba(47,188,246,1) 0%, rgba(40,129,186,1) 100%);    
}

.timeline4-active .timeline4-date
{
    font-size:0.9em;
    font-weight: bold;
}

.timeline4-grayback
{
    background-color:#F8F8F8;
    border-radius: 0% 150px 150px 0%;
}
@media screen and (max-width: 575px) {  
    .timeline4-grayback
    {
        border-radius: 0% 50px 50px 0%;
    }
}

/* TIMELINE4 - END*/

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }


/* Job Center */
.badge {
    color: #424242;
    background-color: #ffc107;

    display: inline-block;
    padding: .25em .4em;
    font-size: 50%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .3125rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* this is used by form submit validator */
.vreq_invalid
{
    color:red;
}
.vreq_invalid::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}
.vreq_invalid:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}  
.vreq_invalid::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}


.printsigns_menu_back
{
    background-color:transparent;
}
@media screen and (max-width: 991px) {  
    .printsigns_menu_back
    {
        background-color:#323232;
        color:white;
    }
}

.printsigns_menu_item
{
    border-left: 2px solid gray;
    border-bottom: 0;
}
@media screen and (max-width: 991px) {  
    .printsigns_menu_item
    {
        border-left: 0;
        border-bottom: 1px solid gray;
    }
}