﻿

.flexslider .flexslider-item            { padding-bottom:0px;min-height: 570px;padding: 0;}
.flexslider-caption                     { text-align:center;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 50px;width: 100%;}
.flexslider-caption .team-item-title    { font-size: 125%; }
.flexslider-caption .team-item-subtitle { color: #b6864c;font-size: 110%;padding-top: 10px;}

.flexslider .flex-control-nav           { display:none;}
.flexControllers                        { position: absolute;bottom: 50px;width: 114px;left: 50%;transform: translateX(-50%);z-index: 2;}
.flexControllers div                    { width: 30%; height:auto; cursor:pointer;}
.flexControllers .next                  { float: right; }
.flexControllers .prev                  { float: left;  }

.main-links                 { max-width: 1350px;margin: 0 auto;}
.member                     { float: none;width: 25%;margin-top: 0;display: inline-table;opacity:0;margin-right: 0;margin: 39px -4px 39px 0;}
/*.member.with-quate          { cursor:pointer;}*/
.member.active              { animation: fadeElements 2s forwards;-webkit-animation: fadeElements 2s forwards;animation-delay: 2s; }
.member .member-img         { width: 82%;padding-bottom: calc(80% - 20px);background-repeat: no-repeat;background-size:cover;border-radius:50%;border: 10px solid #96a78d;margin: 0 auto;}
.member .member-img.no-img  { background-position: center center;background-size: 50%;}
.member h2                  {font-size: 170%;background-image: url(./../../../000Frames/site/images/line.svg);background-repeat: no-repeat;background-position: center 50px;padding-bottom: 16px;background-size: 50px;text-align: center;padding-top: 13px;color:#000;margin-top: 0;margin-bottom: 6px;}
.member .itemNumberHolder       { display:none;}

.member p                   { text-align:center;}
#lobby .smallImg            {background-size: cover;padding-bottom: 0;margin-top: -12vw;}
#lobby #testimonials        {margin: 0;}
#lobby #testimonials ul li  { height:auto;}
.testimonials-tablet        { display: none; }

@media (max-width:1440px){
    #lobby .smallImg                {width: 30vw;}
    .member                         { width: 33%;}
    .member .member-img             { width: 70%;padding-bottom: calc(70% - 20px); }
    .flexslider .flexslider-item    { min-height: 490px; }
    .member h2                      {padding-bottom: 15px;background-position: center 50px;font-size:150%;}
    .flexslider-caption {padding:0 30px;}
    .flexControllers{bottom:30px;}
}

@media (max-width:1170px){
    .flexslider .flexslider-item        { min-height: 390px;}
    .flexslider-caption .team-item-title{ /*font-size: 153%;*/}
    .member p                           { font-size: 120%;    display: inline-grid;
    width: 100%;}
    .member h2                      {padding-bottom: 15px;background-position: center 40px;font-size:140%}
}

@media (min-width:1024px) and (max-width:1440px){
    .member:nth-child(2) {width: 25%;}
    .member:nth-child(2) .member-img{width: 94%;padding-bottom: calc(94% - 20px);}
}

@media (min-width:1024px) and (max-width:1170px){
    #lobby .smallImg                {width: 29vw;}
    
}

@media (max-width: 991px){
    #SiteGridContainer      { transform: translateY(-16.5vh); -webkit-transform: translateY(-16.5vh); }
    #GridContent            { margin-bottom:0px; }
    #lobby .smallImg        { display:none; }
    
    .member                           { width: 33.3%;padding: 0 15px;margin-top: 25px;margin-right:-3px;}
    .member .member-img   { width: 90%;padding-bottom: calc(90% - 20px);}
    .member h6                                              { padding-bottom: 16px;margin-bottom: 1px;font-size: 160%;}
    
    .flexslider-caption                     { left: 50%; transform: translate(-50%, -60%);}
    .flexslider-caption .team-item-title    {font-size: 150%;}
    .flexslider .flexslider-item            {min-height: 322px;}

    .testimonials-tablet        { display:block; width:100vw;margin-right: -1.5vw;padding: 0 15%;min-height: 400px;position: relative;margin-top: 70px;}
    .flexslider                 { margin:0px;position: absolute;width: 70%;top: 50%;transform: translateY(-50%);}
    .flexslider .slides > li    { display: block;}
    .flexControllers            { bottom: 0%}

}

@media (min-width:768px){
    .member h2 br{display:none;}
}
@media (max-width: 767px){
   
    
    .member                 { width: 50%; margin-right:-2px; margin-top:5px;}
    .member .member-img     { width: 70%;padding-bottom: calc(70% - 10px);border: 5px solid #96a78d;}
    .member h6              { background-position: center 37px;background-size: 35px;padding-top: 9px;}
    .member h2              { font-size: 140%;padding-bottom: 24px;    background-position: bottom;}
    .testimonials-tablet        { height: 500px;padding: 0 20px;margin-top:10px; }
    .flexslider                 { width: calc(100% - 40px);}
    .flexslider .slides > li    { }
    .flexslider-caption                     { transform: translate(-50%, -55%);-webkit-transform:translate(-50%, -55%);    padding: 0 15px; }
    .flexslider-caption .team-item-title{font-size:140%}
    .flexslider-caption .team-item-subtitle{font-size:120%;}

    .flexControllers            { bottom: 5%}
    .flexslider .flexslider-item    { min-height:460px; }
}

@media (max-width: 375px){
    #SiteGridContainer      { }
    #GridContent            {  }
    #lobby .smallImg        { }
    
    .member                 {}
    .member .member-img     {}
    .member h6              {font-size: 134%;background-position: center 33px;}
    .member p                           {font-size: 103%;}

    .testimonials-tablet        { }
    .flexslider                 { }
    .flexslider .slides > li    { }
}



