@charset "utf-8";
/* CSS Document */
 * { box-sizing: border-box;}
 .carousel {background:;}
 .carousel-cell {
     width: 200px;
     height: 250px;
     padding:2px;
    /* flex-box, center image in cell */
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
}
 @media screen and ( min-width: 768px ) {.carousel-cell {height: 250px;}}
 @media screen and ( min-width: 960px ) {.carousel-cell {height: 250px;}}
  @media screen and ( min-width: 1280px ) {.carousel-cell {height: 350px; width:250px;}}
/* --------*/
 .carousel-cell img {
     display: block;
     max-width: 100%;
     max-height: 100%;
    /* dim unselected */
     opacity: 0.7;
	 border-radius: 50%;
     -webkit-transform: scale(0.85);
     transform: scale(0.85);
     -webkit-filter: blur(5px);
     filter: blur(5px);
     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
     transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
/* brighten selected image */
 .carousel-cell.is-selected img {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-filter: none;
     filter: none;
	 border-radius: 0 0 0 0;
	 
}
/* --------*/
 .carousel-cell p {
    display: block;
    max-width: 100%;
    max-height: 100%;
	padding:3px;
	margin-bottom:0;
	color: #757a5e !important;
	font-weight:bold;
    /* dim unselected */
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
    transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
/* brighten selected image */
 .carousel-cell.is-selected p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
}
/*---------------------------------------*/
/* On Top Banner - Team Page */
 .carousel-cell-banner {
     width: 150px;
     height: 200px;
	 margin:0 10px;
    /* flex-box, center image in cell */
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
}
 @media screen and ( min-width: 768px ) {.carousel-cell-banner {height: 200px;}}
 @media screen and ( min-width: 960px ) {.carousel-cell-banner {height: 220px;}}
  @media screen and ( min-width: 1280px ) {.carousel-cell-banner {height: 220px; width:165px;}}
/* --------*/
 .carousel-cell-banner img {
     display: block;
     max-width: 100%;
     max-height: 100%;
    /* dim unselected */
     opacity: 0.7;
	 border-radius: 50%;
     -webkit-transform: scale(0.85);
     transform: scale(0.85);
     -webkit-filter: blur(5px);
     filter: blur(5px);
     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
     transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
/* brighten selected image */
 .carousel-cell-banner.is-selected img {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-filter: none;
     filter: none;
	 border-radius: 0 0 0 0;
	 
}
 .carousel-cell-banner p {
	font-size: 14px;
    display: block;
    max-width: 100%;
    max-height: 100%;
	padding:4px;
	margin-bottom:0;
	color: #757a5e !important;
    /* dim unselected */
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
    transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
/* brighten selected image */
 .carousel-cell-banner.is-selected p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/* On Top Banner - Team Page */
 .carousel-cell-lg-banner {
     width:100%;
     height: 360px;
	 margin:0;
    /* flex-box, center image in cell */
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
}
 @media screen and ( min-width: 420px ) {.carousel-cell-lg-banner { height: 360px;}}
 @media screen and ( min-width: 620px ) {.carousel-cell-lg-banner { height: 260px;}}
 @media screen and ( min-width: 768px ) {.carousel-cell-lg-banner { height: 300px;}}
 @media screen and ( min-width: 960px ) {.carousel-cell-lg-banner { height: 420px;}}
  @media screen and ( min-width: 1280px ) {.carousel-cell-lg-banner { height: 440px;}}
/* --------*/
 .carousel-cell-lg-banner img {
     display: block;
     width: 100%;
     height: auto;
    /* dim unselected */
     opacity: 0.7;
	 border-radius: 0;
     -webkit-transform: scale(0.85);
     transform: scale(0.85);
     -webkit-filter: blur(5px);
     filter: blur(5px);
     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
     transition: opacity 0.3s, transform 0.3s, filter 0.3s;
}
/* brighten selected image */
 .carousel-cell-lg-banner.is-selected img {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-filter: none;
     filter: none;
	 border-radius: 0 0 0 0;
}

 .carousel-cell-lg-banner h1 {
	font-weight:bold;
	font-size:;
	color:#FFF;
    display: block;
    max-width: 100%;
    max-height: 100%;
	padding:4px;
	margin-bottom:0;
	/**/margin-top:70px !important; margin-left:18%;
    position:absolute; z-index:100 !important;
    /* dim unselected */
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: opacity 0s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
    transition: opacity 0s, transform 0.3s, filter 0.3s;
}
/* brighten selected h1 */
 .carousel-cell-lg-banner.is-selected h1 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
}
@media screen and ( max-width: 1920px ) { .carousel-cell-lg-banner.is-selected h1 {margin-top:70px !important; margin-left:13%; font-size:42px;}}
@media screen and ( min-width: 1280px ) { .carousel-cell-lg-banner.is-selected h1 {margin-top:70px !important; margin-left:15%; font-size:40px;}}
@media screen and ( max-width: 960px ) { .carousel-cell-lg-banner.is-selected h1 {margin-top:70px !important; margin-left:18%; font-size:42px;}}
@media screen and ( max-width: 768px ) { .carousel-cell-lg-banner.is-selected h1 {margin-top:20px !important; margin-left:10%; font-size:32px;}}
@media screen and ( max-width: 600px ) { .carousel-cell-lg-banner.is-selected h1 {margin-top:220px !important; margin-left:7%; font-size:26px;}}

 .carousel-cell-lg-banner p {
	font-size:24px;
	color:#FFF;
    display: block;
    max-width: 100%;
    max-height: 100%;
	padding:4px;
	margin-bottom:0;
	/**/margin-top:100px !important; margin-left:18%;
    position:absolute; z-index:100 !important;
    /* dim unselected */
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: opacity 0s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
    transition: opacity 0s, transform 0.3s, filter 0.3s;
}
/* brighten selected p */
 .carousel-cell-lg-banner.is-selected p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: none;
    filter: none;
}
@media screen and ( max-width: 1920px ) { .carousel-cell-lg-banner.is-selected p {margin-top:120px !important; margin-left:13%; font-size:22px;}}
@media screen and ( min-width: 1280px ) { .carousel-cell-lg-banner.is-selected p {margin-top:120px !important; margin-left:15%; font-size:22px;}}
@media screen and ( max-width: 960px ) { .carousel-cell-lg-banner.is-selected p {margin-top:120px !important; margin-left:18%; font-size:22px;}}
@media screen and ( max-width: 768px ) { .carousel-cell-lg-banner.is-selected p {margin-top:55px !important; margin-left:10%; font-size:16px;}}
@media screen and ( max-width: 600px ) { .carousel-cell-lg-banner.is-selected p {margin-top:250px !important; margin-left:7%;}}

/* brighten selected carousel-btns */
.carousel-cell-lg-banner.is-selected p.carousel-btns { margin-top:130px !important;}
@media screen and ( max-width: 1920px ) { .carousel-cell-lg-banner.is-selected p.carousel-btns {margin-top:140px !important; margin-left:13%; font-size:24px;}}
@media screen and ( min-width: 1280px ) { .carousel-cell-lg-banner.is-selected p.carousel-btns {margin-top:140px !important; margin-left:15%; font-size:24px;}}
@media screen and ( max-width: 960px ) { .carousel-cell-lg-banner.is-selected p.carousel-btns {margin-top:140px !important; margin-left:18%; font-size:24px;}}
@media screen and ( max-width: 768px ) { .carousel-cell-lg-banner.is-selected p.carousel-btns {margin-top:75px !important; margin-left:10%; font-size:22px;}}
@media screen and ( max-width: 600px ) { .carousel-cell-lg-banner.is-selected p.carousel-btns {margin-top:260px !important; margin-left:7%; font-size:22px;}}
 
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/*---------------------------------------*/
/* buttons, no circle */
 .flickity-prev-next-button {
    width: 50px;
    height: 50px;
    background: #900;
    opacity: 0.6;
}
 .flickity-prev-next-button:hover {background: transparent;opacity: 1;}
/* arrow color */
 .flickity-prev-next-button .arrow {fill: white;}
 .flickity-prev-next-button.no-svg {color: white;}
/* closer to edge */
 .flickity-prev-next-button.previous {left: 10px;}
 .flickity-prev-next-button.next { right: 10px;}
/* hide disabled button */
 .flickity-prev-next-button:disabled {display: none;}