﻿/*------------------------------------*\
   school slider
\*------------------------------------*/

.school-top-baner {
    margin-bottom: 35px;
}


.img-background-flex {
    position: relative;
}

.school-image-container {
    background-size: cover;
    width: 100%;
    padding-bottom: 58.35%;
    background-repeat: no-repeat;
    background-position: center;
}

.flex-direction-nav {
    max-width: 1170px;
    margin: 0 auto;
    position: absolute;
    top: 42%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 0;
}

.school-content-container {
    /*position:   absolute;*/
    /*top:        0px;
    left:       0px;
    right:      0px;
    bottom:     0px;
    height:     100%;
    width:      100%;*/
}

.school-content-container > div {
    padding: 0px 0px;
    z-index: 1;
    /*position: absolute;*/
    bottom: 0px;
    /*background: #6BC6E1;*/
    width: 100%;
}

.school-content__header {
    margin-bottom:30px;
}

.school-slider-content {
    color:      #333;
    padding-top: 15px;
    padding-bottom: 15px;
}

.school-slider-content:before {
    width: 0px;
    height: 0px;
    content: " ";
    border-bottom:  14px solid #6BC6E1;
    border-right:   15px solid transparent;
    border-left:    15px solid transparent;
    position:       absolute;
    top:            0px;
    transform:      translateY(-100%);
    left:           30px;
}


.school-slider-content:before   { border:0; }


.school-slider-content h3 {
    font-size: 200%;
    line-height: 1;
    margin: 0px;
}

.school-slider-content > div {
    margin: 0px;
    color: #333;
    margin-top: 12px;
}

/*.school-slider-content a {
    float: left;
    position: relative;
    background: #4A4A4A;
    padding: 2px 13px;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    margin-right: 16px;
    font-size: 90%;
    margin-top: 10px;display:none;
}*/


.school-slider-content a {
    /*position: absolute;
    top: 50%;*/
    text-decoration: none!important;
    cursor: pointer;
    font-size: 90%;
    margin-top: 10px;
    color: #000000;
    padding: 10px 5px;
    text-align: center;
    font-size: 110%;
    vertical-align: middle;
    height: 47px;
    border: 1px solid #000000;
    transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    padding: 10px 20px;
    white-space: nowrap;
    text-transform: uppercase;
    right: 0;
    /*transform: translateY(-50%);-webkit-transform:translateY(-50%);*/
    display:inline-block;
}
.school-slider-content a:hover {
    background: #D6D6D6;
}

/*.school-slider-content a:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid #4a4a4a;
    border-bottom: 12px solid transparent;
}*/


.school-slider .flex-direction-nav .flex-prev {
    left: -1px !important;
    opacity: 1 !important;
}

.school-slider .flex-direction-nav .flex-next {
    right: -2px !important;
    opacity: 1 !important;
}

.school-slider .flex-direction-nav a:before {
    display: inline-block !important;
    content: " ";
    width: 100% !important;
    background: url('../../../000Frames/site/images/picture-slider-left.png');
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
}

.school-slider .flex-direction-nav a.flex-next:before {
    background: url('../../../000Frames/site/images/picture-slider-right.png');
    display: inline-block !important;
    content: " " !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.school-slider .flex-direction-nav a:hover:before {
    background: url('../../../000Frames/site/images/picture-slider-left-Over.png');
}

.school-slider .flex-direction-nav a.flex-next:hover:before {
    background: url('../../../000Frames/site/images/picture-slider-right-Over.png');
}


.school-slider .flex-control-paging li a {
    width: 15px;
    height: 15px;
    background: #fff;
    -webkit-transition: background 500ms ease-in-out;
            transition: background 500ms ease-in-out;
}

.school-slider .flex-control-paging li a.flex-active {
    background: #616161;   
}

.school-slider .flex-control-paging li a.flex-active:hover {
    background: #616161;   
}

.school-slider .flex-control-paging li a:hover {
    background: #5199AF;   
}


@media (max-width:992px) {
    .school-content-container {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
        height: initial;
        width: 100%;
    }

    .school-content-container > div {
        padding: 0px 0px;
        z-index: 1;
        position: relative;
        bottom: 0px;
        /*background: #6BC6E1;*/
    }
    .school-slider-content a {
            position: relative;transform: translateY(0);-webkit-transform:translateY(0);top: 0;float: left; font-size: 90%;line-height: 1.6; }
}


#school-footer-banners      { margin-top:20px; }
#school-footer-banners img { margin-bottom:20px; }


.nav-link .browse-all {
    float: left;
    position: relative;
    background: #4A4A4A;
    padding: 2px 13px;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    margin-right: 0px;
    font-size: 134%;
    margin-top: 10px;
}


.browse-all:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #4a4a4a;
    border-bottom: 15px solid transparent;
}

/***NEW DESIGN 06/17***/


.school-banners > div            { position: relative;padding-bottom: 59%;overflow: hidden;margin-bottom: 7%; }
.school-banners > div a          { position: absolute;top: 0;right:0;left:0;bottom:0; width:100%; }
#schoolView .pic-caption { position: absolute;top: 30px; font-size: 200%;color: #333;text-transform: uppercase;left: 30px;line-height: 1.1;max-width: 65%; }

.school-banners > div a img         { margin: 0;width: 100%; }
#schoolView .pic-see-all-link { position: absolute;bottom: 30px;left: 30px;font-size: 115%;color: #333;text-transform: uppercase;padding: 10px 15px;text-align: center;vertical-align: middle;height: 43px;border: 1px solid;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;letter-spacing: 1px;line-height: 1.2;}
#schoolView .pic-see-all-link:hover  { background: #D6D6D6; }

.banners-group-slider .homepage-image-container { padding-bottom:125%; background-size: cover;background-position: center center; }
.banners-group-slider .banners-gallery-caption  { position: absolute;top: 30px;font-size: 200%;color: #333;text-transform: uppercase;left: 30px;line-height: 1.1;max-width: 40%; }
.banners-group-slider .pic-see-all-link      { max-width:150px; }
.banners-group-slider .pic-see-all-link a    { color:inherit;position:relative; }
.banners-group-slider .flex-control-paging li a      { color:transparent;width: 11px;height: 11px;border-radius: 50%;position: relative;background: rgba(0,0,0,0.5); }
.banners-group-slider .flex-control-paging li a.flex-active { background: rgba(0,0,0,0.9); }
.banners-group-slider.flexslider .flex-control-nav   { text-align:right; padding-right:30px; }
.banners-group-slider .homepage-content-container { position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;height: 100%;width: 100%; }
#school-footer-banners .flex-gallery-box          { position: relative;overflow: hidden;margin-bottom: 3%;padding-bottom:0; }
#school-footer-banners .right-banners,#school-footer-banners .left-banners   { padding-left:15px; padding-right:15px;}

#school-footer-banners .bottom-banner.school-banners > div { padding-bottom:29%; }

#schoolView .owl-carousel-see-all-new   { max-width:none; width:auto;padding-left:15px; }
#schoolView a.owl-catalogItemBox-see-all    { padding: 10px 20px; white-space:nowrap; }



@media(max-width:1200px) {
  #schoolView .pic-caption      { font-size: 150%; }
}

@media(max-width:991px) {
  #schoolView .pic-see-all-link  { font-size:100%;bottom: 14px;padding: 5px 13px; height: 35px; }
  .banners-group-slider .pic-see-all-link    { font-size:150%; }
  .banners-group-slider .banners-gallery-caption { max-width:60%; }
  #schoolView .pic-caption      { font-size: 120%;top:20px; }
  .flex-direction-nav { top:35%; }
}

/*@media(min-width:767px) and (max-width:1200px) {
    .flex-gallery-box     { padding-left:10px; }
    .banners-gallery-box  { padding-right:5px; }
}*/



@media(max-width:767px) {
  #schoolView .pic-see-all-link { bottom:12px; line-height:1.7; }
  #schoolView .pic-caption { font-size:140%; }
  .banners-group-slider .banners-gallery-caption { font-size:140%;}
  .banners-group-slider .pic-see-all-link    { font-size:190%;bottom: 30px; }
  #school-footer-banners .bottom-banner .pic-caption { top: 10px;/*left: 15px;*/font-size: 110%; }
  #school-footer-banners .right-banners, #school-footer-banners .left-banners   { margin-bottom:15px; }
  #school-footer-banners .bottom-banner .pic-see-all-link   { /*left: 15px;*/height: 30px;bottom: 7px;line-height: 1.3; }
  #school-footer-banners .left-banners       { margin-bottom: 0; }
  .school-content__header   { margin-bottom:-30px; }
  .flex-direction-nav   { top:27%; }
    .school-slider-content a { height: 40px;margin-bottom: 25px; }
}

@media(min-width:500px) and (max-width:767px) {
  #school-footer-banners .bottom-banner .pic-caption { top: 30px;left: 15px;font-size: 200%; }
  #schoolView .pic-caption   { font-size:200%; }
  #schoolView .pic-see-all-link  { bottom:30px; }
  #school-footer-banners .bottom-banner .pic-see-all-link   { bottom:30px; }
}