body {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6 {

font-family: "graphik-semi";
letter-spacing:-1.5px;

}


h4 {margin-bottom:10px;}



.vh-40 {height: 40vh;}
.vh-50 {height: 50vh;}

.bio-box { padding-top:30px; padding-bottom:30px;}

.bg--secondary.bio-box { ; padding-bottom:60px;}
ul.ulist {
    font-size: 1.1em;
    list-style-position: outside;
    list-style-type: circle;
    margin-left:40px;
}


p strong {font-family:"graphik-semi"; font-weight:400;}
 
.subpage h3 {font-family:"CPM"; font-weight:400;font-size:2em;}

.subpage h4 {font-family:"CPM"; font-weight:400; font-size:1.4em;}

.subpage h5 {font-family:"CPM"; font-weight:400; font-size:1.1em; letter-spacing:-.3px;}


.subpage h3 span.position { font-size: .8em;

margin-left: 15px;color:#878787;}

p { font-family:"graphik-regular"; font-size:1.32rem; word-spacing:-0.5px;line-height: 1.6em; margin-bottom:20px;}

.process_item h4  {font-weight:400; font-family: "graphik-semi";font-size: 1.125em;
line-height: 1.33333;
margin-bottom: 12.8px;}

.bar .logo {
    position: relative;
    width: 120px !important;
    height: auto;
    max-height: inherit !important;
    z-index: 100;
}
.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 1;
}
.bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
    font-family: "CPM";
    font-size: 1.2em;
    text-transform: uppercase;
    color: #e6e6e6;
    font-weight: 400;
    letter-spacing: -0.2px;
}
h1.motto {
    font-size: 4.2em;
    line-height: 1.11111;
    margin-bottom: 36px;
    letter-spacing: -0.04em;
    font-family: "graphik-semi";
}
span.motto {
    font-size: 2.4em;
    line-height: 1.11111;
    letter-spacing: -0.04em;
    font-family: "CPR";
    font-weight: 400;

}
hr.short {
    width: 3.78571429em;
    border: solid 2px #ffa52f;
}
.dropdown .dropdown__content {
    border-radius: 0px;
   background-color: rgba(29, 34, 105, 0.41) !important;;
    background-image: -webkit-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -moz-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -o-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
}
.dropdown .dropdown__content:not([class="bg--dark"]) .menu-vertical a {
    color: #fff !important;
    font-family: "graphik-regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important; font-size:1.2em;
}

.btn {
    font-family: "CPR";
    font-size: 1.2em;
    border: none;
    font-weight: 400 !important;
    letter-spacing: -0.2px;
}
.btn.btn-more {
    border-radius: 0px;
transform: matrix(1, 0, 0, 1, 0, 0);
transform-origin: right 50% 0px;
background-color: rgba(0, 3, 143, 0.5);
    color: #fff;
    text-transform: uppercase;
       letter-spacing: .2em;
padding: 13px 43px 13px 43px;font-size: 12px;
}
.bkg-red {
    background-color: #ee155b !important;
    background-image: -webkit-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -moz-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -o-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
}
.bkg-pink {
    background-color: rgba(142, 28, 89, 1);
    background-image: -webkit-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -moz-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -o-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
}
.bkg-trq {
    background-color: rgba(18, 139, 152, 1) !important;
    
    background-image: -webkit-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -moz-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -o-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
}
.bkg-green {
    background-color: rgba(124, 170, 63, 1) !important;
    background-image: -webkit-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -moz-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
    background-image: -o-radial-gradient(0px 0px, ellipse, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) !important;
}



.bar.pos-fixed {
    background-color: rgba(0,36,114,.9)  !important;

} 


blockquote {
 font-family:'Lyon-Regular';
    font-style: normal;
    font-size: 1.9em;
color: #003564;
letter-spacing: -.8px;
line-height: 1.32em;
}

.basket-bkg {
    background-image: url(../images/basketbkg.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: fit;
    background-color:#010005;
}

.map-bkg {
    background-image: url(../images/mapbkg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#C8C6D3;
}


.flickity-prev-next-button {background-color: rgba(0, 3, 143, 0.5);
    color: #fff;}



.mtb-40 {
    margin: 40px auto;
}
.mtb-50 {
    margin: 50px auto;
}
.mtb-60 {
    margin: 60px auto;
}
.mtb-70 {
    margin: 70px auto;
}
.mtb-80 {
    margin: 80px auto;
}
.mtb-90 {
    margin: 90px auto;
}
.mtb-100 {
    margin: 100px auto;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* first slide */
body .scene-3d {
  display: block;
}
        
        
        .scene-3d {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0060fe;
  
    display: none;
}
        
        
        
  .scene-3d::before {
    background: -webkit-radial-gradient(ellipse,rgba(16,14,90,0) 0,#100e5a 100%);
    background: -o-radial-gradient(ellipse,rgba(16,14,90,0) 0,#100e5a 100%);
    background: radial-gradient(ellipse,rgba(16,14,90,0) 0,#100e5a 100%);
    opacity: .84;
}
        
        
 .scene-3d::after, .scene-3d::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
            display: block;}
/* end of first slide*/







[data-overlay="1"]:before {
  opacity: 1;
}
[data-overlay="2"]:before {
  opacity: 0.0;
}
[data-overlay="3"]:before {
  opacity: 0.3;
}
[data-overlay="4"]:before {
  opacity: 0.5;
}
[data-overlay="5"]:before {
  opacity: 0.0;
}
[data-overlay="6"]:before {
  opacity: 0.6;
}
[data-overlay="7"]:before {
  opacity: 0.7;
}
[data-overlay="8"]:before {
  opacity: 0.8;
}
[data-overlay="9"]:before {
  opacity: 0.9;
}
[data-overlay="10"]:before {
  opacity: 1;
}
[data-overlay="0"]:before {
  opacity: 0;
}

/*[data-overlay]::before {

    position: absolute;
    content: '';
    background: #051c4d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;

}






body {
 
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
}*/

.effect-wrapper {
  position:relative;
  width:400px;
  height:400px;
}



.effects .effect-wrapper {
  position:relative;
  width:300px !important;
  height:150px !important;
}

.effect-wrapper .layer1,
.effect-wrapper .layer2 {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
}
    
.effect-wrapper .layer1,
.effect-wrapper .layer1 * {
    background:rgba(0,0,255,.1);
    /*border-radius:10px;*/
} 

.effect-wrapper .layer2,
.effect-wrapper .layer2 * {
    background:rgba(0,0,0,.1);
    /*border-radius:10px;*/
} 

.effect-wrapper .layer1 *,
.effect-wrapper .layer2 * {
    display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
    width:80%;
    height:80%;
} 




/* --------- Animation --------- */
.effect-wrapper .layer1,
.effect-wrapper .layer1 * {
    -webkit-animation-name: spin-clockwise;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 0.75);
    -webkit-box-shadow:inset 0 0 10px rgba(255,255,255,0.3);
}

.effect-wrapper .layer2,
.effect-wrapper .layer2 * {
    -webkit-animation-name: spin-counter-clockwise, pulsate-blue;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 0.75);
    -webkit-box-shadow:inset 0 0 10px rgba(255,255,255,0.3);
}




/* Animation: Clockwise */
@-webkit-keyframes spin-clockwise {
    0%   { -webkit-transform: rotate(0deg);   }
    100% { -webkit-transform: rotate(360deg); }
}

/* Animation: Counter counter clockwise */
@-webkit-keyframes spin-counter-clockwise {
    0%   { -webkit-transform: rotate(0deg);   } 
    100% { -webkit-transform: rotate(-360deg); }
}



/* Animation: Counter counter clockwise */
@-webkit-keyframes pulsate-blue {
    0%   { background:rgba(0,0,255,.1);
           -webkit-transform:/* Add Cool stuff here! */; 
    } 
    100% { background:rgba(255,255,255,.1);
           -webkit-transform:/* Add Cool stuff here! */; 
    }
}



.imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot {
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg,rgba(57,142,200,1.00) 0%,rgba(0,194,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(57,142,200,1.00) 0%,rgba(0,194,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(57,142,200,1.00) 0%,rgba(0,194,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(57,142,200,1.00) 0%,rgba(0,194,255,1.00) 100%);
}

.img-round {border-radius:1000px;}


span.chairman{ font-family:Lyon-Regular; color:#003564; font-size:22px; font-weight:normal;}


nav.pos-fixed .logo-dark {
   fill:#fff !important;
}



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


.btn--news { background-size: cover;
    background: -moz-radial-gradient(center, ellipse cover, rgba(56,37,161,1) 0%, rgba(0,26,74,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(56,37,161,1)), color-stop(100%, rgba(0,26,74,1))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(56,37,161,1) 0%, rgba(0,26,74,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(56,37,161,1) 0%, rgba(0,26,74,1) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(56,37,161,1) 0%, rgba(0,26,74,1) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(56,37,161,1) 0%, rgba(0,26,74,1) 100%); /* w3c */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3825A1', endColorstr='#001a4a', GradientType=1 ); /* ie6-9 */
}

a.btn--news  {color:#fff !important;}