/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;

    position: relative;
    zoom: 1;
    width: 100%;
    z-index:1;
    margin: 0 auto;

}
.teamslider
{
    width:100%;
    margin:0 auto;

}

.teamholder
{
padding:0 10%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}

.teamholder .sp1,.teamholder .sp2
{
    position:absolute;
    width:10vw;
    display:block;
    height:100%;
    content:'';
    z-index:2;
    background:#fff;

}
.teamholder.greybg .sp1,.teamholder.greybg .sp2
{
    background:#eaeaea
}

.teamholder .sp1
{
    right:-10vw;
}
.teamholder .sp2
{
    left:-10vw;
}
    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
        width: 100%;
        background-size: cover;
 

    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;

 
    }
 
.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
    .slides > li:first-child {
        display: block;
    }

/* FlexSlider Default Theme
*********************************/
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.teamslider .flex-viewport {

overflow:initial !important;

}
.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
    width: 100%;
    position:relative;
    z-index:1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a,.customslide{
        text-decoration: none;
        display: block;   
        position: absolute;
  
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
             width:50px;
     height:50px;
     background:#e5e5e5;
     top:calc(100vw - 25px);
    }
.greybg .flex-direction-nav a,.greybg  .customslide {
    background:#fff;
}
    
        .flex-direction-nav a.flex-prev,.customslide.flex-prev
        {
            display:none;
                transform-origin:center;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
        }
        .teamslider .flex-direction-nav a.flex-prev,.customslide.flex-prev
         {
top: calc(16.5vw - 75px);
left: -25px;
display: block;
}
.teamslider .flex-direction-nav a.flex-next ,.customslide.flex-next
        {
top: calc(16.5vw - 75px);
right:-25px;
display: block;
}
 
    .flex-direction-nav   svg,.customslide svg
        
    {
        height:10px
    }
 

       .flex-direction-nav  .cls-1
       {
           fill:#000;
       }

    .flex-direction-nav .flex-next {
            right: 25px;

    }

    .flex-direction-nav .flex-disabled ,.customslide.flex-disabled {
        opacity: 0 !important;
        filter: alpha(opacity=0);
        cursor: default;
    }
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    top:calc(100vw + 10px);
    text-align: left;
    z-index:8;
    left:15px;
}

    .flex-control-nav li {
        margin: 0 10px  0 0;
        display: inline-block;
        zoom: 1;
        *display: inline;
        position: relative;
        overflow: hidden;
        width: 12px;
        height: 12px;
    }

.flex-control-paging li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    display: block;
    background: #e5e5e5;
    cursor: pointer;

    font-size: 0;
}

    .flex-control-paging li a:hover {
        background: #424242;
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        cursor: default;
    }
.formobile     .flex-control-paging li a.flex-active {
        background: #fff;

    }
.flex-control-paging li a {

    background: #424242;

}
.flexslider.imgslider .slides > li {
    display: block !important;
    background:#f2f2f2;
}
.formobile  .flexslider.imgslider .slides > li.flex-active-slide
{
    z-index:5
}
.hasbgwhite:after {
    position: absolute;
    left: -50vw;
    right: -50vw;
    top: 50%;
    height: 100vh;
    background: #f2f2f2;
    content: '';
    display: block;
}

.hasbgwhitetop:after {
    position: absolute;
    left: -50vw;
    right: -50vw;
    bottom: 50%;
    height: 100vh;
    background: #fff;
    content: '';
    display: block;
}
.flexslider  .slidecontent
{

    background:#000;
    position:relative;
padding: 40px 15px;
    z-index:50;
        width: 360px;
    color:#fff;
    width:100%;
}

 .flex-direction-nav svg,.customslide svg {
    height: 10px;
    position: absolute;
    top: 21px;
    left: 10px;
}
@media screen and (max-width:1010px) {

 .teamslider {
    width: 100%;

}
 .teamdiv {
    padding-right: 0;
}
 .customslide.flex-next, .customslide.flex-prev {
    top: calc(50vw - 25px);

}
}
@media screen and (max-width:760px) {
 .teamslider .flex-direction-nav a.flex-prev, .teamslider .flex-direction-nav a.flex-next{
    top: 40vw
  
}
    #page-about .formobile .flex-control-paging li a.flex-active {
       background: #e5e5e5;
    }
}