@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light:400,300,700);



body,
input,
textarea,
.mbr-section-text,
.mbr-company .list-group-text,
.panel-body {
  font-family: 'Open Sans', sans-serif;
}
.mbr-footer-content li,
.mbr-footer .mbr-contacts li {
  font-family: 'Open Sans', sans-serif;
}
.alert,
.mbr-section-title,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
  font-family: 'Libre Baskerville', serif;
}
.mbr-footer-content h1,
.mbr-footer .mbr-contacts h1,
.mbr-footer-content h2,
.mbr-footer .mbr-contacts h2,
.mbr-footer-content h3,
.mbr-footer .mbr-contacts h3,
.mbr-footer-content h4,
.mbr-footer .mbr-contacts h4,
.mbr-footer-content p strong,
.mbr-footer .mbr-contacts p strong,
.mbr-footer-content strong,
.mbr-footer .mbr-contacts strong {
  font-family: 'Libre Baskerville', serif;
}
.btn {
    font-weight: 500;
    border-width: 2px;
    font-style: normal;
    letter-spacing: 1px;
    margin: .4rem .8rem;
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex;
    padding: 1rem 3rem;
    border-radius: 3px;
}
.mbr-gallery-filter ul li {
  border-radius: 2.6em;
}
.btn-sm,
.mbr-section-subtitle,
.mbr-cards .card-subtitle,
.nav-tabs .nav-link,
.mbr-testimonial .card-block,
.table th {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
}
.mbr-author-name {
  font-family: 'Libre Baskerville', serif;
}
.mbr-author-desc {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
}
.mbr-plan-title {
  font-family: 'Libre Baskerville', serif;
}
.mbr-plan-subtitle,
.mbr-plan-price-desc {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
}
.bg-primary {
  background-color: #8a2432 !important;
}
.bg-success {
  background-color: #2ecc71 !important;
}
.bg-info {
  background-color: #3498db !important;
}
.bg-warning {
  background-color: #f1c40f !important;
}
.bg-danger {
  background-color: #e74c3c !important;
}
.btn-primary {
  background-color: #8a2432;
  border-color: #8a2432;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #b22f41;
  border-color: #b22f41;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #b22f41 !important;
  border-color: #b22f41 !important;
}
.btn-secondary {
  background-color: #9b59b6;
  border-color: #9b59b6;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #ffffff;
  background-color: #b07cc6;
  border-color: #b07cc6;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #b07cc6 !important;
  border-color: #b07cc6 !important;
}
.btn-info {
  background-color: #3498db;
  border-color: #3498db;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
  color: #ffffff;
  background-color: #5faee3;
  border-color: #5faee3;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #5faee3 !important;
  border-color: #5faee3 !important;
}
.btn-success {
  background-color: #2ecc71;
  border-color: #2ecc71;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff;
  background-color: #54d98c;
  border-color: #54d98c;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #54d98c !important;
  border-color: #54d98c !important;
}
.btn-warning {
  background-color: #f1c40f;
  border-color: #f1c40f;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
  color: #ffffff;
  background-color: #f4d03f;
  border-color: #f4d03f;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #f4d03f !important;
  border-color: #f4d03f !important;
}
.btn-danger {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
  color: #ffffff;
  background-color: #ed7669;
  border-color: #ed7669;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #ed7669 !important;
  border-color: #ed7669 !important;
}
.btn-primary-outline {
  background: none;
  border-color: #82222f;
  color: #82222f;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active {
  color: #fff;
  background-color: #8a2432;
  border-color: #8a2432;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #000000 !important;
  background-color: #8a2432 !important;
  border-color: #8a2432 !important;
}
.btn-secondary-outline {
  background: none;
  border-color: #9752b3;
  color: #9752b3;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active {
  color: #fff;
  background-color: #9b59b6;
  border-color: #9b59b6;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #000000 !important;
  background-color: #9b59b6 !important;
  border-color: #9b59b6 !important;
}
.btn-info-outline {
  background: none;
  border-color: #2b94d9;
  color: #2b94d9;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active {
  color: #fff;
  background-color: #3498db;
  border-color: #3498db;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #000000 !important;
  background-color: #3498db !important;
  border-color: #3498db !important;
}
.btn-success-outline {
  background: none;
  border-color: #2cc46c;
  color: #2cc46c;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active {
  color: #fff;
  background-color: #2ecc71;
  border-color: #2ecc71;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #000000 !important;
  background-color: #2ecc71 !important;
  border-color: #2ecc71 !important;
}
.btn-warning-outline {
  background: none;
  border-color: #e8bd0e;
  color: #e8bd0e;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active {
  color: #fff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #000000 !important;
  background-color: #f1c40f !important;
  border-color: #f1c40f !important;
}
.btn-danger-outline {
  background: none;
  border-color: #e64433;
  color: #e64433;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #000000 !important;
  background-color: #e74c3c !important;
  border-color: #e74c3c !important;
}
.btn-primary.btn-text {
  color: #8a2432;
  background: none;
  border: none;
}
.btn-primary.btn-text:hover,
.btn-primary.btn-text:focus,
.btn-primary.btn-text.focus,
.btn-primary.btn-text:active,
.btn-primary.btn-text.active {
  color: #b22f41;
  background: none !important;
  border: none !important;
}
.btn-secondary.btn-text {
  color: #9b59b6;
  background: none;
  border: none;
}
.btn-secondary.btn-text:hover,
.btn-secondary.btn-text:focus,
.btn-secondary.btn-text.focus,
.btn-secondary.btn-text:active,
.btn-secondary.btn-text.active {
  color: #b07cc6;
  background: none !important;
  border: none !important;
}
.btn-info.btn-text {
  color: #3498db;
  background: none;
  border: none;
}
.btn-info.btn-text:hover,
.btn-info.btn-text:focus,
.btn-info.btn-text.focus,
.btn-info.btn-text:active,
.btn-info.btn-text.active {
  color: #5faee3;
  background: none !important;
  border: none !important;
}
.btn-success.btn-text {
  color: #2ecc71;
  background: none;
  border: none;
}
.btn-success.btn-text:hover,
.btn-success.btn-text:focus,
.btn-success.btn-text.focus,
.btn-success.btn-text:active,
.btn-success.btn-text.active {
  color: #54d98c;
  background: none !important;
  border: none !important;
}
.btn-warning.btn-text {
  color: #f1c40f;
  background: none;
  border: none;
}
.btn-warning.btn-text:hover,
.btn-warning.btn-text:focus,
.btn-warning.btn-text.focus,
.btn-warning.btn-text:active,
.btn-warning.btn-text.active {
  color: #f4d03f;
  background: none !important;
  border: none !important;
}
.btn-danger.btn-text {
  color: #e74c3c;
  background: none;
  border: none;
}
.btn-danger.btn-text:hover,
.btn-danger.btn-text:focus,
.btn-danger.btn-text.focus,
.btn-danger.btn-text:active,
.btn-danger.btn-text.active {
  color: #ed7669;
  background: none !important;
  border: none !important;
}
.btn-black.btn-text {
  color: #000000;
  background: none;
  border: none;
}
.btn-black.btn-text:hover,
.btn-black.btn-text:focus,
.btn-black.btn-text.focus,
.btn-black.btn-text:active,
.btn-black.btn-text.active {
  color: #1a1a1a;
  background: none !important;
  border: none !important;
}
.btn-white.btn-text {
  color: #ffffff;
  background: none;
  border: none;
}
.btn-white.btn-text:hover,
.btn-white.btn-text:focus,
.btn-white.btn-text.focus,
.btn-white.btn-text:active,
.btn-white.btn-text.active {
  color: #ffffff;
  background: none !important;
  border: none !important;
}
.text-primary {
  color: #8a2432 !important;
}
.text-success {
  color: #2ecc71 !important;
}
.text-info {
  color: #3498db !important;
}
.text-warning {
  color: #f1c40f !important;
}
.text-danger {
  color: #e74c3c !important;
}
.alert-success {
  background-color: #2ecc71;
}
.alert-info {
  background-color: #3498db;
}
.alert-warning {
  background-color: #f1c40f;
}
.alert-danger {
  background-color: #e74c3c;
}
.btn-social {
  border-color: #8a2432;
}
.btn-social:hover {
  background: #8a2432;
}
.mbr-company .list-group-item.active .list-group-text {
  color: #8a2432;
}
.mbr-footer p a,
.mbr-footer ul a {
  color: #8a2432;
}
.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
  background: #8a2432;
}
.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
  color: #8a2432;
}
.lead a {
  color: #8a2432;
}
.lead a:hover {
  color: #b22f41;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #d45a6a;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #d1f5e0;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #e1f0fa;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #fcf3d0;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #fdf3f2;
}
.mbr-small-footer a,
.mbr-gallery-filter li:hover {
  color: #8a2432;
}
.scrollToTop_wraper {
  display: none;
}
/*colorM*/
/*nav-tabs*/
.header5 .nav-tabs .nav-link:after {
  background: #8a2432;
}
.header9 .nav-tabs .nav-link.active:after {
  background: #8a2432;
  color: #222;
}
/*end-nav-tabs*/
/*mbr-arrow next and toTop*/
.mbr-arrow a {
  border-radius: 50% !important;
}
.mbr-arrow-up a {
  border-radius: 50% !important;
}
.mbr-arrow a,
.mbr-arrow-up a {
  background: rgba(138, 36, 50, 0.6);
  color: #000;
}
.mbr-arrow a:hover,
.mbr-arrow-up a:hover {
  background: #9e2939;
}
/*end mbr-arrow next and toTop*/
/*features8*/
.card .card-number {
  background: #8a2432;
}
/*features14*/
.features13 .card .card-number,
.features14 .card .card-number {
  background: transparent;
}
/*features15*/
.features15 .card-block:before {
  border-color: rgba(138, 36, 50, 0.5);
}
/*features16*/
.features16 .mbr-section-subtitle:before {
  background: #8a2432;
}
/*slider elements*/
.mbr-slider .carousel-control:hover {
  background: #8a2432;
}
.mbr-slider .carousel-indicators .active {
  background: #8a2432;
}
/*gallery*/
.mbr-gallery .modal .close {
  border-color: #8a2432;
}
.mbr-gallery .modal .close:hover {
  background: #8a2432;
}
.mbr-gallery-filter li.active {
  border-color: #8a2432;
  color: #000;
}
.mbr-gallery-filter li:hover {
  background: #b22f41;
  color: #000;
}
.mbr-gallery .mbr-gallery-item:hover > div::before {
  background: rgba(138, 36, 50, 0.5);
}
.mbr-gallery .mbr-gallery-item:hover {
  background: #8a2432;
}
/*end gallery*/
/*blockquote*/
blockquote {
  padding-left: 30px;
}
/*content4*/
.content4 p {
  border-top-color: #8a2432;
  border-bottom-color: #8a2432;
}
/*image2, video2*/
.image1 .mbr-figure-caption,
.video1 .mbr-figure-caption,
.image2 .mbr-figure-caption,
.video2 .mbr-figure-caption {
  background-color: #8a2432;
}
/* progress bar */
.progressbar .progress-primary[value]::-webkit-progress-value {
  background-color: #8a2432;
}
.progressbar .progress-primary[value]::-moz-progress-bar {
  background-color: #8a2432;
}
.progressbar .progress-primary[value]::-ms-fill {
  background-color: #8a2432;
}
@media screen and (min-width: 0\0) {
  .progressbar .progress-primary .progress-bar {
    background-color: #8a2432;
  }
}
.progressbar .progressbar-number {
  background: #b22f41;
}
/*countdown*/
.countdown .period {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
}
.countdown .number {
  font-family: 'Libre Baskerville', serif;
}
.countdown1 .number-wrap {
  border-color: #8a2432;
}
.countdown2 .bottom1 {
  background: #b22f41;
}
.countdown2 .bottom2 {
  background: #621923;
}
/*accordion*/
.accordion .panel-heading {
  background: #b22f41;
  border-bottom: 1px solid #621923;
}
.accordion .panel-heading:hover {
  background: #621923;
}
.accordion .accordion-group .panel:last-child:after {
  background: #621923;
}
/* news */
.news__card:hover {
  background: #8a2432;
}
/*footer*/
.footer1 .footer-list a:hover {
  color: #8a2432;
}
.shop1 .shop-item-price {
  font-family: 'Montserrat', sans-serif;
}
.shop1 .mbr-gallery-item:hover .item_overlay {
  background: #8a2432;
  opacity: 0.2;
}
.team1 .title1,
.person-info .title1,
.team1 .title2,
.person-info .title2,
.team1 .title3,
.person-info .title3,
.team1 .title4,
.person-info .title4 {
  font-family: 'Libre Baskerville', serif;
}
.team1 .subtitle1,
.person-info .subtitle1,
.team1 .subtitle2,
.person-info .subtitle2,
.team1 .subtitle3,
.person-info .subtitle3,
.team1 .subtitle4,
.person-info .subtitle4 {
  font-family: 'Montserrat', sans-serif;
}
.team1 .text1,
.person-info .text1,
.team1 .text2,
.person-info .text2,
.team1 .text3,
.person-info .text3,
.team1 .text4,
.person-info .text4 {
  font-family: 'Open Sans', sans-serif;
}
.person-info .subtitle1,
.person-info .subtitle2,
.person-info .subtitle3,
.person-info .subtitle4 {
  color: #8a2432;
}
.animated-bg1 .text {
  font-family: 'Open Sans', sans-serif;
}
.features9 .timeline-panel h4 {
  font-family: 'Libre Baskerville', serif;
}
.features9 .timeline-panel p {
  font-family: 'Open Sans', sans-serif;
}
.features9 .date-normal p {
  font-family: 'Montserrat', sans-serif;
}
.features9 .date-inverted p {
  font-family: 'Montserrat', sans-serif;
}
/*end colorM*/
#content1-2 {
  
}
#content1-2 P {
  color: #000000;
  font-family: 'Libre Baskerville', sans-serif;
  font-size: calc(22.5px);
}
#features14-4 .mbr-section-text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
}


#features8-8 .lead {
  color: #9fa3a7;
}
#features8-8 .mbr-section-subtitle {
  text-transform: uppercase;
}
#features8-8 .mbr-section-text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
}
#content1-d P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 1.3rem;
}











#content1-o P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}
#call6-p .subtitle {
  color: #000000;
  font-size: 24px;
  font-family: 'Libre Baskerville', serif;
}
#call6-p .text {
  color: #000000;
  font-size: 18px;
  font-family: 'Libre Baskerville', serif;
}
#call6-p .title {
  font-size: 46px;
}
#call6-p .call-card.active .mbr-section-subtitle {
  color: #8a2432;
}
#call6-p .mbr-section-subtitle {
  font-family: 'Libre Baskerville', serif;
}
#call6-p .call-card.active .text {
  font-family: 'Libre Baskerville', serif;
}
#content4-q P {
  font-family: 'Libre Baskerville', serif;
}
#features13-u .mbr-section-text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  text-align: right;
}
#features13-u .mbr-section-title {
  font-size: 36px;
}
#content6-v DIV {
  color: #000000;
}
#content6-v P {
  font-family: 'Libre Baskerville', serif;
  color:#000000;
}
#content1-w P {
  font-family: 'Libre Baskerville', serif;
  text-align: center;
  font-size: 18px;
  color: #000000;
}
#call5-t .mbr-section-title {
  font-size: 24px;
}
#call5-t .mbr-section-text {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
}
#call5-t .btn {
  font-family: 'Libre Baskerville', serif;
}
#content1-k P {
  color: #000000;
  font-size: 18px;
}
#features7-m .lead {
  color: #9fa3a7;
}
#features7-m .mbr-section-subtitle {
  text-transform: uppercase;
}
#features7-m .mbr-section-text {
  color: #000000;
  font-size: 18px;
}


#header2-10 .mbr-section-title,
#header2-10 .mbr-section-subtitle,
#header2-10 .btn {
  color: #fff;
}
#header2-10 .mbr-section-title {
  font-weight: 700;
}
#content1-11 P {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  color: #000000;
}
#content6-12 {
  
}
#content6-12 DIV {
  color: #000000;
}
#content6-12 P {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
}
#features8-18 .lead {
  color: #9fa3a7;
}
#features8-18 .mbr-section-subtitle {
  text-transform: uppercase;
}
#features8-18 .mbr-section-text {
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
  color: #000000;
}

#header1-1c .lead {
  color: #93a3a7;
  font-style: italic;
}
#content1-1k P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}




#content5-1y .mbr-section-title {
  color: #ffffff;
}
#content1-21 P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}
#content1-29 P {
  color: #000000;
}
#content1-29 B {
  font-family: 'Libre Baskerville', serif;
  font-size: 30px;
}
#content6-20 {
  
}
#content6-20 P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}
#content6-20 .jctable {
  color: #000000;
}
#content1-22 P {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 20px;
  text-align: center;
}
#content2-23 {
  
}
#content2-23 DIV {
  font-family: 'Libre Baskerville', serif;
  color: #000;
}
#content2-23 BLOCKQUOTE {
  font-family: 'Libre Baskerville', serif;
  color: #000;
}
#content3-24 .mbr-section-title,
#content3-24 .mbr-section-subtitle {
  text-align: center;
}
#content3-24 H3 {
  font-size: 24px;
  color: #ffffff;
}
#call6-28 .call-card.active .text {
  color: #000000;
}
#call6-28 .text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}
#call6-28 .call-card.active .mbr-section-subtitle {
  color: #000000;
}
#call6-28 .mbr-section-subtitle {
  color: #000000;
}


#content3-2e .mbr-section-title,
#content3-2e .mbr-section-subtitle {
  text-align: center;
}
#call7-2f .text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
  font-size: 18px;
}
#testimonials3-2g .mbr-section-text {
  color: #000000;
  font-family: 'Libre Baskerville', serif;
}
.comsection{
    background-image: url(/graduation/assets/images/commence-1944x1296.jpg);
    padding-top: 80px; 
    padding-bottom: 60px;
}
.countdown{
    height:300px;
}
@media only screen and (max-width: 600px) {
  .countdown{
    height:150px;
    }
  .icon-xl {
    width: 25px;
    height: 25px;
    font-size: 16px;
    line-height: 35px;
}
}

@media screen and (min-width: 1200px) {
.countdown{
    height:500px;
    }
    
}
.countdowntitle{
    padding-top:20px;
}


.commencement-box-clickable {
	-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
	clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.commencement-box-clickable:hover {
	background-color: #8a2432 !important;
	color: #fff !important;
	-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
	clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
	box-shadow:none;
}
.commencement-box-clickable:hover a {
	color: #fff !important;
}
.commencment-notification {
	font-size: 132px;
	text-shadow: -2px 0 #8a2432, 0 2px #8a2432, 2px 0 #8a2432, 0 -2px #8a2432;
	padding: 0 !important;
	margin-top: -90px;
	position: absolute;
	font-weight: bold;
}
.site-content-box-clickable {
	padding-top: 20px;
	padding-bottom: 30px;
}
.no-bottom-spacing {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.no-top-spacing {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.box-clickable {
    transition: all ease-in-out 0.2s;
}
.content-box, .content-box-v2 {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.icon-xl {
    width: 150px;
    height: 150px;
    font-size: 100px;
    line-height: 200px;
}

.text-center {
    text-align: center;
}
.home-masthead__flair {
    display: block;
    position: absolute;
    width: 400px;
    height: 15px;
    bottom: -6px;
    left: calc(50% - 200px);
    background-color: #8a2432;
    z-index: 110;
}
.display-5 {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.5rem;
    color:#8a2432;
    margin-top:1.5rem;
    margin-bottom:1rem;
}
.cid-s0MlGRh6bl .mbr-text {
    color: #000000;
}
.content1 p {
    color:#000000;
    font-size:1.3rem;
    font-family: 'Libre Baskerville', serif;
}
.cid-s0MlEsDpYo{
    padding-top:90px;
    padding-bottom:45px;
}
.cid-s0MlHlTiLM {
    background-color:#efefef;
    padding-top:40px;
    padding-bottom:45px;
}
.cid-suzrhmQL8p {
    padding-top:60px;
    padding-bottom:60px;
    background-image: url(/graduation/assets/images/parkinglot.jpg);
}
.cid-suzrjE9SG9 {
    padding-top:20px;
    padding-bottom:45px;
}
.cid-suzri6obs2 {
    padding-top:10px;
    padding-bottom:45px;
    background-color:#efefef;
    font-family: 'Libre Baskerville', serif;
}
.daytitle{
    color:#8a2432;
}

.wrapper {
  width: 100%;
  padding: 0 2rem;
  text-align: center;
}
.polaroid {
  background: #fff;
  padding: 1rem;
  box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2);
  
}
.polaroid > img{
  max-width: 100%;
  height: auto;
}
.caption {
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5em;
}
.item2 {
  width: 70%;
  display: inline-block;
  margin-top: 2rem;
  filter: grayscale(100%);
}
.item2 .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.35s;
}
.item2:nth-of-type(4n+1) {
  transform: scale(0.8, 0.8) rotate(5deg);
  transition: all 0.35s;
}
.item2:nth-of-type(4n+1) .polaroid:before {
  transform: rotate(6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item2:nth-of-type(4n+2) {
  transform: scale(0.8, 0.8) rotate(-5deg);
  transition: all 0.35s;
}
.item2:nth-of-type(4n+2) .polaroid:before {
  transform: rotate(-6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item2:nth-of-type(4n+4) {
  transform: scale(0.8, 0.8) rotate(3deg);
  transition: all 0.35s;
}
.item2:nth-of-type(4n+4) .polaroid:before {
  transform: rotate(4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.item2:nth-of-type(4n+3) {
  transform: scale(0.8, 0.8) rotate(-3deg);
  transition: all 0.35s;
}
.item2:nth-of-type(4n+3) .polaroid:before {
  transform: rotate(-4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.item2:hover {
  filter: none;
  transform: scale(1, 1) rotate(0deg) !important;
  transition: all 0.35s;
}
.item2:hover .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transform: rotate(0deg);
  height: 90%;
  width: 90%;
  bottom: 0%;
  right: 5%;
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
  transition: all 0.35s;
}
.item {
  width: 30%;
  display: inline-block;
  margin-top: 2rem;
  filter: grayscale(100%);
}
.item .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.35s;
}
.item:nth-of-type(4n+1) {
  transform: scale(0.8, 0.8) rotate(5deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+1) .polaroid:before {
  transform: rotate(6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item:nth-of-type(4n+2) {
  transform: scale(0.8, 0.8) rotate(-5deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+2) .polaroid:before {
  transform: rotate(-6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item:nth-of-type(4n+4) {
  transform: scale(0.8, 0.8) rotate(3deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+4) .polaroid:before {
  transform: rotate(4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.item:nth-of-type(4n+3) {
  transform: scale(0.8, 0.8) rotate(-3deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+3) .polaroid:before {
  transform: rotate(-4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.item:hover {
  filter: none;
  transform: scale(1, 1) rotate(0deg) !important;
  transition: all 0.35s;
}
.item:hover .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transform: rotate(0deg);
  height: 90%;
  width: 90%;
  bottom: 0%;
  right: 5%;
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
  transition: all 0.35s;
}
.cid-suzri6obs2a{
    padding-bottom:90px;
}
.navbar {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
}
.red{
    color:red;
}
.jcscript {
    font-family: 'Tangerine', serif;
  font-size: calc(48px + .5vw);
  text-shadow: 4px 4px 4px #aaa;
}
.jcblack{
    color:#000000;
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }