/**
    HEADER TAGS
*/

.hd1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
.hd2 { display: block; font-size: 2.15em !important; line-height:1.2em; margin-top: 0.83em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0; font-weight: bold; }
.hd3 { display: block; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-weight: bold; }
.hd4 { display: block; margin-top: 1.33em; margin-bottom: 1.33em; margin-left: 0; margin-right: 0; font-weight: bold; }
.hd5 { display: block; font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
.hd6 { display: block; font-size: .75em; margin-top: 2.33em; margin-bottom: 2.33em; margin-left: 0; margin-right: 0; font-weight: bold; }

.navbar {
    
}

.table-responsive::-webkit-scrollbar {
    width: 12px;
}
 
.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    background-color:rgba(14, 76, 182,.3);
    border-radius: 6px;
}
 
.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color:rgba(0, 174, 150, 1);
}

@media screen and (max-width:1280px) and (min-width:768px) {
    .table-responsive {
        display:block !important;
    }
}

.carousel .left .indicator-bg {
    background-color:rgba(0, 174, 150, 1);
    border-radius:50%;
    padding-right:5px;
    text-align:center;  
    padding-bottom:5px;
    opacity:1 !important;
}
.carousel .right .indicator-bg {
    background-color:rgba(0, 174, 150, 1);
    border-radius:50%;
    padding-left:5px;
    text-align:center;  
    padding-bottom:5px;
}

.btn-pink {
    background-color:#EA2A53;
    border:none;
}
    .btn-pink:hover {
        background-color:#EF4F71;
    }
    .btn-pink:focus, .btn-pink:active {
        background-color:#CE0631 !important;
    }

.sitemap {
    background-color:#444444;
    text-align:center;
    padding-top:1.5em;
    padding-bottom:1em;
}


.sitemap ul {
    list-style:none;
}
.sitemap ul li {
    display:inline-block;
}
.sitemap ul li a {
    transition:all .2s ease-in-out;
    color:white;
    padding:1em;
    text-decoration:none;
    box-shadow:none;
    font-size:12px;
}
    .sitemap ul li a:hover {
        text-decoration:none;
        -webkit-box-shadow: inset 0px -2px 0px 0px white;
        -moz-box-shadow: inset 0px -2px 0px 0px white;
        box-shadow: inset 0px -2px 0px 0px white;
    }


.breaker {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.ad {
    text-transform:uppercase;
    margin-top:3em;
    margin-bottom:3em;
    font-size:42px;
    font-weight:700;
    color:white;
    line-height:1.2em;
    text-align:center;
    position:relative;
    z-index:10;
    text-shadow: 0px 2px 0px #222222;
}
.ad .subtitle {
    font-size:20px;
    font-weight:400;
    text-shadow: 0px 2px 0px #222222;
}
    .ad  a {
        text-shadow:none;
    }


.closer {
    color:white !important;
    cursor:pointer;
    position:absolute;
    margin:auto;
    width:2em;
    height:2em;
    top:-1em;
    right:-1em;
}

.simple-title {
    position:relative;
    background-color:white;
    color:#0E4CB6;
    padding:.5em .5em;
    font-size:28px;
    text-align:center;
    margin:auto;
    font-weight:700;
    text-transform:uppercase;
    max-width:350px;
}
@media screen and (min-width:768px) {
    .simple-title:before, .simple-title:after {
        content: "";
        position: absolute;
        display: block;
        bottom: 0;
        border: 1.6em solid white;
        z-index: -1;
    }

    .simple-title:before {
        left: -2em;
        border-right-width: 1.5em;
        border-left-color: transparent;
    }

    .simple-title:after {
        right: -2em;
        border-left-width: 1.5em;
        border-right-color: transparent;
    }
}

.line-through {
    text-decoration:line-through;
}

.landing-padding {
    padding-top:4em;
}
@media screen and (min-width:768px) {
    .landing-padding {
        padding-top:10em;
    }
}

hr {
    display:block; 
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    padding:0;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
@media screen and (min-width:768px) {
    hr {
        margin-top: 3em !important;
        margin-bottom: 2.5em !important;
        border: 0;
        height: 1px;
        background: #333;
        background-image: linear-gradient(to right, #ccc, #333, #ccc);
    }
}

.carousel-text-overlay {
    height:2.5em;
    padding:.5em;
    width:12em;
    text-align:center;
    position:absolute;
    margin:auto;
    left:0;
    bottom:0;
    font-size:20px;
    text-transform:uppercase;
    color:white;
}
    /*.carousel-text-overlay:before, .carousel-text-overlay:after {
        content: "";
        position: absolute;
        display: block;
        bottom: -1em;
        border: 1.6em solid #0A398A;
        z-index: -1;
    }

    .carousel-text-overlay:before {
        right: -2em;
        border-left-width: 1.5em;
        border-left-color: transparent;
    }*/

.title-bg {
    position:absolute;
    content:'';
    width:100%;
    height:10em;
    top:24%;
    z-index:0;
    left:0;
    background-color:rgba(14, 76, 182, .7);
}

.ovrly {
    width:100%;
    height:100%;
    position:absolute;
    z-index:0;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.overlay-primary-to-right {
    background: #0E4CB6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) , #0E4CB6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), #0E4CB6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), #0E4CB6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0) , #0E4CB6); /* Standard syntax */
}

.overlay-primary-to-left {
    background: #0E4CB6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right, rgba(0,0,0,0) , #0E4CB6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(0,0,0,0), #0E4CB6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0), #0E4CB6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, rgba(0,0,0,0) , #0E4CB6); /* Standard syntax */
}

 .overlay-accent-to-left {
    background: #0E4CB6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right, rgba(0,0,0,0) , #00AE96); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, rgba(0,0,0,0), #00AE96); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0), #00AE96); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, rgba(0,0,0,0) , #00AE96); /* Standard syntax */
}

  .overlay-accent-to-right {
    background: #0E4CB6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) , #00AE96); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), #00AE96); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), #00AE96); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0) , #00AE96); /* Standard syntax */
}


.label {
    font-size:10px;
}

.label-accent {
    background-color:#00AE96;
}

.md-shadow {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.margin-bottom {
    margin-bottom:1em;
}

.standout {
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
    color:#43C0AF !important;
}

.no-shadow {
    text-shadow:none !important;
}

.shadow {
    text-shadow: 0px 2px 0px #222222;
}

.under-shadow {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.line-height-reg {
    line-height:1.5em;
}

.rent-container {
    border:1px solid rgba(0,0,0,.5);
    border-radius:8px;
    padding:1em 2em;
}

.down-arrow {
    position:relative;
    font-size:52px;
    width:1em;
    height:1em;
    margin:auto;
    color:white;
    cursor:pointer;
    text-decoration:none;
    text-align:center;

}
    .down-arrow i {
        position:relative;
        z-index:1;
        margin:auto;
        width:1em;
        height:1em;

        margin-left:.195em;

        font-size:36px;

    }
    .down-arrow:after {
        transition:all ease-in-out .2s;
        content:'';
        position:absolute;
        margin:auto;
        width:1em;
        height:1em;
        top:.16em;
        left:0;
        right:0;
        bottom:0;
        background-color:#0E4CB6;
        border-radius:50%;
        -webkit-box-shadow: 0px 5px 13px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 5px 13px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 5px 13px -2px rgba(0,0,0,0.75);

    }
    .down-arrow:hover {
        color:white;
    }
    .down-arrow:hover:after {
        background-color:#527DC6;
        -webkit-box-shadow: 0px 5px 31px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 5px 31px -3px rgba(0,0,0,0.75);
        box-shadow: 0px 5px 31px -3px rgba(0,0,0,0.75);
    }

@-webkit-keyframes pulse {
  from { color: white; text-shadow: 0 0 20px #D4D4D4; }
  50% { color: white; text-shadow: 0 0 20px #4A4A4A; }
  to { color: white; text-shadow: 0 0 20px #D4D4D4; }
}

.title-container {
    position:relative;
    margin-bottom:2em;
    text-align:center;
}
.mobile-ribbon {
    position: absolute;
    z-index: 0;
    left:-2.15em;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    width: 100vw;
    height: 10em;
    background-color: #0E4CB6;

}


@media screen and (min-width:1080px) {
    .ribbon {
        position: absolute;
        z-index: 0;
        top: -10%;
        left: -8%;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 40em;
        height: 0;
        border: 60px solid #0E4CB6;
        border-left: 40px solid rgba(0,0,0,0);
        border-right: 40px solid rgba(0,0,0,0);
        font: normal 100%/normal Arial, Helvetica, sans-serif;
        color: rgba(0,0,0,1);
        -o-text-overflow: clip;
        text-overflow: clip;

    }
}

.ribbon-sm {
    position:absolute;
    z-index:-1;
    top:-15%;
    bottom:0;
    left:-25%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 120%;
  height: 0;
  border: 27px solid #0E4CB6;
  border-left: 20px solid rgba(0,0,0,0);
  border-right: 20px solid rgba(0,0,0,0);
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
}
small {
    text-align:right;
    color:white;
    font-size:12px;
}

.material-icons.star {
    font-size: 32px !important;
    color:white !important;
}

.cursive {
    font-family:'Great Vibes';
}

/**
BACKGROUNDS    
*/

.gray-bg {
    background-color:whitesmoke;
}

.dim-bg {
    background-color:rgba(0,0,0,.6);
}

/**
FONTS
*/

.quote {
    font-style:italic;
    font-size:24px;
    font-weight:100;
}

.text-uppercase {
    text-transform:uppercase;
}

.mega-bold {
    font-family: Lato;
    font-size:35px !important;
    font-weight:900 !important;
}

.text-bold {
    font-weight:600;
}

.text-spacing {
    letter-spacing:1px;
}

.section-title {
    text-transform:uppercase;
    font-weight:300;
    color:#2F63BC;
}

.p-md {
    font-size:14px;
    line-height:1.3em !important;
}

@media screen and (min-width:768px) {
    .p-md {
        font-size: 16px;
        line-height:1.5em !important;
    }
}

.card-content .p-md {
    font-size:16px;
    color:rgba(125, 125, 125, 1) !important
}
.card-content .p-md b {
    font-size:16px;
    color:rgba(75, 75, 75, 1) !important
}

.p-lg {
    font-size:28px;
    font-weight:100;
}

.p-xl {
    font-size:30px;
    font-weight:100;
    color:#919191;
}

/**
COLORS    
*/
.text-white {
    color:white !important;
}

.bg-white {
    background-color:white !important;
}

.bg-gray {
    background-color:whitesmoke;
}

.bg-blue {
    background-color:#0A398A !important;
}

.bg-danger {
    background-color:#FF312C;
}

.bg-lighest-blue {
     background-color:rgba(82, 125, 198,.1)
}


.bg-lightest-yellow {
    background-color:#FFCE00 !important;
}

.bg-yellow {
    background-color:#0E4CB6 !important;
}

.bg-black {
    background-color:rgba(0,0,0,.7) !important;
}

.text-black {
    color:black;
}
.text-gray {
    color:#222222 !important;
}

.text-yellow {
    color:#0E4CB6 !important;
}

.text-lightest-blue {
    color:#527DC6 !important;
}

.text-blue {
    color:#0E4CB6 !important;
}

.text-darkest-blue {
    color:#072C6C !important;
}

.text-primary {
    color:#0E4CB6 !important;
}

.text-pink {
    color:#EA2A53 !important;
}

.bg-pink {
    background-color:#EA2A53 !important;
}

.text-accent {
    color: #43C0AF !important;
}

.bg-primary {
    background-color:#0E4CB6 !important;
}
.bg-primary-light {
    background-color:#527DC6 !important;
}


.bg-accent {
    background-color:#43C0AF !important;
}

.bg-primary-dark {
    background-color:#0A398A;
}

/**
POSITIONING
*/

.height-30 {
    height:30em;
}

.vertical-center {
    vertical-align:middle;
}

.section-padding {
    padding-top:2em;
    padding-bottom:2em;
}

.large-section-padding {
    padding-top:5em;
    padding-bottom:5em;
}




/**
MISCELLANEOUS    
*/

.horizontal-line {
    width:3em;
    height:3px;
    background-color:rgba(82, 125, 198,.7);
    margin:auto;
    margin-top:1em;
    margin-bottom:1em;
}

.horizontal-line-sm {
    width:1em;
    height:2px;
    background-color:rgba(0,0,0,.7);
    margin:auto;
    margin-top:1em;
    margin-bottom:1em;
}

.vertical-line {
    position:absolute;
    background-color:rgba(14, 76, 182,.7);
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    height:1.5em;
    width:2px;
}

.no-decor, .no-decor:hover, .no-decor:active, .no-decor:focus {
    text-decoration:none;
    color:inherit;
}

.text-link {
    transition:all ease-in-out .1s;
    text-decoration:none;
    color:#222222;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:14px;
    cursor:pointer;
    margin-bottom:1em;
}
    .text-link:hover {
        color:#2F63BC;
        text-decoration:none;
    }
    .text-link:active, .text-link:focus {
        color:#2F63BC;
        text-decoration:none;
    }

.img-responsive {
    padding:0 !important;
    margin:0 !important;
    min-width:100%;
}

.ggskin_button {
    z-index:1 !important;
    max-width:1em !important;
    max-height:1em !important;
}

.ggskin_image {
    max-width:1em !important;
    max-height:1em !important;
}

.gray-overlay {
    background-color:rgba(0,0,0,.2);
    width:100%;
    height:100%;
    position:absolute;
    z-index:0;
    margin:auto;
    top:0;
    left:0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.img-overlay {
    background-color:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    position:absolute;
    margin:auto;
    top:0;
    left:0;

}
.img-overlay-reveal {
    background-color:rgba(0,0,0,.5);

    width:100%;
    height:100%;
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    opacity:0;

    transition:all ease-in-out .2s;
}
    .img-overlay-reveal:hover {
        opacity:1;
    }
.wrapper {
    position:relative;
    z-index:1;
}

    /**
    ICONS
    */

.material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;  /* Preferred icon size */
      display: inline-block;
      width: 1em;
      height: 1em;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;

      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;

      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;

      /* Support for IE. */
      font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-62 { font-size: 62px; }

.md-15 {
    width:15em;
}
.md-36 { font-size: 36px; }

.no-decor, .no-decor:hover, .no-decor:active, .no-decor:focus {
    text-decoration:none;
}


.carousel-control.left, .carousel-control.right {
    background-image: none
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control i {
    margin-top:225%;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal-header {
    border-bottom:none;
    z-index:1000;
    position:relative;
}
.modal-body {
    border-bottom:none;
    z-index:1000;
    position:relative;
}
.modal-footer {
    border-top:none;
    z-index:1000;
    position:relative;
}

.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
    overflow:hidden;
    border:none;
    /*background-image:url('/dorms/img/footer_lodyas.png');*/
    background-color:#0E4CB6;
}

    .modal-content:before, .modal-content:after {
        background: rgba(82, 125, 198,.6);
        z-index:0;
        content:'';
        position:absolute;
        margin:auto;
        width:100%;
        height:1200px;
        right:70%;
        top:0;
        bottom:0;
        transform:skew(-60deg);
        -ms-transform:skew(-60deg);
        -webkit-transform:skew(-60deg);
    }
    .modal-content:after {
        z-index:0;
        background: rgba(10, 57, 138,.5);
        left:70%;
        top:0;
        bottom:0;
        transform:skewX(50deg);
        -webkit-transform:skewX(50deg);
        -ms-transform:skewX(50deg);
    }


.feature {
    background-color:#0E4CB6;
    position:relative;
    overflow:hidden;
}
    .feature:before, .feature:after {
        background: rgba(82, 125, 198,.6);
        z-index:0;
        content:'';
        position:absolute;
        margin:auto;
        width:100%;
        height:1200px;
        right:50%;
        top:0;
        bottom:0;
        transform:skew(60deg);
        -ms-transform:skew(60deg);
        -webkit-transform:skew(60deg);
    }
    .feature:after {
        z-index:0;
        background: rgba(10, 57, 138,.5);
        left:70%;
        top:0;
        bottom:0;
        transform:skewX(-50deg);
        -webkit-transform:skewX(-50deg);
        -ms-transform:skewX(-50deg);
    }

.feature-content {
    z-index:1;
    position:relative;
}


/**
EFFECTS    
*/

.no-padding {
    padding:0 !important;
}
.no-margin {
    margin:0;
}

/*---------------*/
/***** Lily *****/
/*---------------*/

.grid {
	position: relative;
	margin:0;
    padding:0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 100%;
	max-width: 100%;
	width: 48%;
	background: #527DC6;
	text-align: center;
	cursor: pointer;
}
.dust {
    background-image:url('/dorms/img/dust.png');
}

.grid figure img {
	position: relative;
	display: block;
	min-height:300px;
	max-width: 100%;
	opacity: 0.8;
}

#extra .grid figure img {
	position: relative;
	display: block;
	min-height: 300px;
    min-width:120%;
	max-width: 100%;
	opacity: 0.8;
}


#extra .grid:hover {
    background:rgba(82, 125, 198,.7) !important;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
    font-size:24px;
}

.grid figure h2 span {
	font-weight: 300;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 13px;
    text-transform:none;
}

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
    transition:all .3s ease-in-out;
}

.effect-lily figcaption:hover {
    background-color:rgba(0,0,0,.6);
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*---------------*/
/***** Sarah *****/
/*---------------*/
.effect-sarah figcaption {
    background:rgba(0, 0, 0,.4) !important;
    transition:all ease-in-out .2s;
}
.effect-sarah figcaption:hover {
    background:rgba(0,0,0,.6) !important;
}

figure.effect-sarah {
	background: #527DC6 !important;
}

figure.effect-sarah img {
        max-width: none;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover h2 {
        display:block;
    }
@media screen and (min-width:1200px) {
    figure.effect-sarah:hover h2 {
        display:none;
    }

}
@media screen and (min-width:1400px) {
    figure.effect-sarah:hover h2 {
        display:block;
    }
}
    figure.effect-sarah:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }


    .back-to-top {
        cursor:pointer;
        position:fixed;
        z-index:10000;
        width:1.25em;
        height:1.25em;
        margin:auto;
        text-align:center;
        background-color:rgba(0,0,0,.6);
        color:white;
        border-radius:12px;
        bottom:.5em;
        right:.5em;
        font-size:42px;
        padding:0 0;
    }
    .back-to-top i {
        display:block;
        margin-top:3px;
    }

/**
RIBBONS    
*/

.ribbons {
    font-size: 30px !important;
    font-family: Graduate;
    /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
    width: 100%;
    position: relative;
    color: white !important;
    text-align: center;
    text-shadow: 0px 2px 0px #222222;
}

.ribbons small {
    font-size:12px;
    font-family:'Montserrat';
}

@media screen and (min-width:768px) {
    .ribbons {
        font-size: 32px !important;
        font-family: Graduate;
        /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
        width: 100%;
        max-width: 70vw;
        position: relative;
        background: #0E4CB6;
        color: white !important;
        text-align: center;
        padding: .5em 0; /* Adjust to suit */
        margin: 1em auto 1em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
    }

        .ribbons:before, .ribbons:after {
            content: "";
            position: absolute;
            display: block;
            bottom: -1em;
            border: 1.5em solid #0A398A;
            z-index: -1;
        }

        .ribbons:before {
            left: -2em;
            border-right-width: 1.5em;
            border-left-color: transparent;
        }

        .ribbons:after {
            right: -2em;
            border-left-width: 1.5em;
            border-right-color: transparent;
        }

        .ribbons .ribbon-content:before, .ribbons .ribbon-content:after {
            content: "";
            position: absolute;
            z-index:1 !important;
            display: block;
            border-style: solid;
            border-color: #072C6C transparent transparent transparent;
            bottom: -1em;
        }

        .ribbons .ribbon-content:before {
            left: 0;
            border-width: 1em 0 0 1em;
        }

        .ribbons .ribbon-content:after {
            right: 0;
            border-width: 1em 1em 0 0;
        }
}




/***
CAROUSEL    
*/

.quote-container {

    max-width:65%;
    margin:auto;
    padding-top:2em;
    padding-bottom:2em;
    margin-top:auto;
    margin-bottom:auto;
    position:relative;
    height:100%;

    color:white;
    text-align:center;
}

    .quote-container .quote-content {
        font-weight:100 !important;
        line-height:1.4em;
        font-size:16px;
    }
        .quote-container .quote-content .quote-source {
            text-align:left;
            font-weight:600;
            font-size:18px;
            line-height:1em;
        }

.carousel, .carousel .carousel-inner, carousel .carousel-inner .item {
        min-height: 30em;
    }
@media screen and (min-width:992px) {
    .carousel, .carousel .carousel-inner, carousel .carousel-inner .item {
        min-height: 20em;
    }
}

.carousel .carousel-indicators {
    position:absolute;
    margin:auto;
    bottom:.5em;
    left:0;
    right:0;
}

.carousel-control i {
    position:absolute;
    margin:auto;
    width:1em;
    height:1em;
    top:0;
    left:0;
    right:0;
    bottom:0;
}


/*!
 * Datepicker for Bootstrap v1.5.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker-dropdown:after,.datepicker-dropdown:before{content:'';display:inline-block;border-top:0;position:absolute}.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-bottom-color:rgba(0,0,0,.2)}.datepicker-dropdown:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker>div{display:none}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th,.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}

.day {
    color:#222222;
}

.day.disabled {
    color:rgba(0,0,0,.3) !important;
}