/* FollettLearning 2.0 CSS */

:root {
  font-size:16px;
  --blue:#00529c;
}

html {
  background-color:#c4c7c9;
}

* {
  font-family: 'Roboto', 'Rubik', sans-serif;
  font-size:16px;
  transition: all 400ms;
}

body {
  background-color: white;
  margin-left: auto; 
  margin-right: auto;
  max-width: 1650px; 
}

h1 {
  font-size:7.5rem;
}

h2 {
  font-size:1.6rem;
  line-height:2.1rem;
}

h3 {

}

h4 {
  color:#00529c;
}

div.demo-block {
	padding-top:30px;
	
}

.left-separator:after {
    content: '';
    width: 2px;
    height: 55px;
    background: #e1e1e1;
    position: absolute;
    top: -4px;
    left: -8px;
    border-radius:10px;
}

a:hover, a:hover svg path {
  text-decoration:none;
}

/***
.btn {
  color:#ffffff;
  border-radius:50px;
  padding:15px 23px;
  border:3px solid #00529c;
  white-space:nowrap;
  cursor:pointer!important;
}

.btn:hover {
  color:#00529c;
  background:#ffffff;
  border:3px solid #00529c;
  cursor:pointer!important;
}

.btn-blue-ghost {
  color:#00529c;
  background:#ffffff;
  border:3px solid #00529c;
  cursor:pointer!important;
}
.btn-blue-ghost:hover {
  color:#ffffff;
  border-radius:50px;
  background:#00529c;
  padding:15px 23px;
  border:3px solid #00529c;
  white-space:nowrap;
  cursor:pointer!important;
}
***/

.intro {
  background-image:url('/assets/teacher-at-desk.jpg');
  background-size:cover;
  border:22px solid white;
  height:80vh;
  padding:30px;
  font-family:'Rubik', sans-serif;
  scrollbar-width:0px;
  position:relative;
  border-radius: 50px;
  
}

.subpage {
  position: absolute;
  background: linear-gradient( rgba(0, 82, 156, 0.55), rgba(0, 82, 156, 0.55) ), url('/assets/alt-header-image.jpg');
}

.subpage-content {
  padding-top:45vh;
  border-radius:30px;

}

.subpage-content div {

  border-radius:30px;
}

.subpage-content div {

}

.content {
  position: relative;
  background:#fff!important;
}

.content .pinned-heading {
  top:-7vw;
}

.section-intro {
  background-image:url('/assets/alt-header-image.jpg');
  background-size:cover;
  border:22px solid white;
  height:600px;
  padding:30px;
  font-family:'Rubik', sans-serif;
  scrollbar-width:0px;
  position:relative;
  border-radius: 50px;
}

.pinned-heading {
  color:white;
  position:absolute;
  bottom:0;
  font-size: 7.5rem;
  margin-bottom: -30px !important;
  /* padding-left:30px; */
  padding-left:5px;
  white-space: nowrap;
  font-weight: 600;
  font-size:8vw;
  margin-bottom: -2.1vw !important;
  text-transform:uppercase;
}

header a {
  text-decoration:none;
  color:#000;
}

.spacer {
  grid-area:minmax(30px,200px);
}

header {
  left:0;
  z-index:10;
  display:none;
}

.fl-header {
  top:30px;
  /* margin-top:60px; */
}
@media (min-width: 1420px) {
	.fl-header {
  		width:95% !important;
	}
}
@media (max-width: 800px) {
	.fl-header {
  		top:20px !important;
	}
	.container-one {
		padding-top:0px !important;
	}
}

header.logo, header.img {
  max-width:100%;
  margin:0 auto;
  
}

@media (max-width: 576px) {
	.navbar {
	    padding-left: 0 !important;
	}
}

.logo {
  margin: auto 0px;

}

#megamenu {
  margin-left:auto;
background:#fff;
  height:65px;
border-radius:65px 65px 65px!important;
box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
border: 1px solid rgb(221, 221, 221) !important;
  align-content:center;
  padding-right:10px;
  padding-left:10px;
  margin-right:10px;
}



#hamburger {
width: 65px;
height: 65px;
max-height: 65px;
  background:#ffffff;
  border-radius:100%;
  border: 1px solid rgb(221, 221, 221) !important;
  padding:5px;
  margin:0 auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 8px !important;
  align-self:center;  text-align:center;
 
  margin:0;

  font-size:40px;
  padding-left:4px;
  outline:0;
}

#hamburger:hover {
  box-shadow: rgba(0, 0, 0, 0.55) 0px 16px 32px, rgba(0, 0, 0, 0.6) 0px 3px 8px !important;
  opacity:1;
  transition:500ms;
}

#hamburger.active {
  box-shadow:none!important;
  transition:all 1s;

}







.nav-link {
  align-self:center;
  margin: 0 1rem;
  padding: .5rem 0;
}

.subMenu {
  position: absolute;
  width: 100%;
  top: 70px;
  display: none;
  background: white;
  border-radius: 30px;
  max-width: 51.9%;

  display:none;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
  transition: opacity 1s ease-out !important;  
  opacity:0!important;
  min-width: 100%;
  margin-left: -10px;
}

.subMenu a {
  color:#00529c;
  display:block;
  text-align:left;
  
}

.subMenu-item {
  padding:10px 0px;
}

.subMenu-item-link {
  color:#00529c;
}

.subMenu-item-copy {
  display:flex;
  font-size: 13px;
  line-height: 16px !important;
  color:#555 !important; 
}

.subMenu-item .col-9 {
  margin-left: -18px!important;

}

.Books {
  opacity:0;
  /* transition:all 500ms; */

}

.menu-active {
  /* opacity:1 !important; */
  display:block; /* test */
  /* transition:all 500ms; */
  transition: opacity 1s ease-out !important;  
  opacity:0;

}

.fade-in {
  opacity:1!important;
  transition: opacity 120ms ease-out !important;  
}

.fade-out {
  opacity:0!important;
  transition: opacity 20ms ease-out !important;  
}

.link-icon {
  height:70px;
  width:70px;
  background-image:url('/assets/link-icon.jpg');
  background-size:100%;
  background-repeat:no-repeat;
}

.icon-row {
  max-width:0px!important;
}

.navbar {
  padding:0px;
}


.card-alpha {
  border-radius:30px;
  height:180px;
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;

}

.card-alpha:hover {
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px !important;
}

.card-alpha .card-body {
  padding-top:80px;
  padding:80px 0px .25rem;
}

.card-alpha .card-img-top {
  border-radius:24px;
  background: #00529c;
  height: 70px;
  padding: 20px;
  color:#fff;
  text-transform:uppercase;
  font-size:1rem;
  width:100%;
  position: absolute;
left: 0;
top:0;
margin-left:0px!important;
}

.needs-finder {

  box-shadow: rgba(0, 0, 0, .1) 0px 5px 11px,rgba(0, 82, 156, 0.09) 0px -2px 6px;
  height:388px;
  border-radius:24px;
  max-width:800px;
}

.hover-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 16px 32px;
  box-shadow:rgba(0, 0, 0, .1) 0px 5px 11px,rgba(0, 82, 156, 0.09) 0px -2px 6px;
}

.hover-shadow {

}

aside {
  z-index:9;
  position: fixed;
  height:100vh;
  overflow:hidden;
   scrollbar-width:0px;
  /* display:none; */
  transition:all 1s;
  transform: translateY(-100vh);
  background:#fff;
  padding: 0px!important;
margin: 0px!important;
display:none;
top:0;
}

aside a {
  color:#111;
  display:block;
}

.full-menu {
  background:#e6e6e6;
  position:relative;
  border:22px solid white;
  padding:30px;
  height:100%;
  width:100%;
  border-radius: 50px;
  opacity:0;
}

.full-menu-dark {
  background:#00529c;
  color:#fff;
}

.full-menu.active {
  opacity:1;
  transition: all 530ms;
  transition-timing-function: ease-in-out;
}

#full-menu.active {
  transition-delay: 150ms;
  transform: translateY(0);
  transition: all 330ms;
  transition-timing-function: ease-in-out;
}

.full-menu-active {
  box-shadow:none!important;
}

.full-menu-nav {
  margin-top:9vh
}

.full-menu div:nth-child(1) {
position:relative;
}

.full-menu-intro {
  font-size: 2.75rem;
color: #00529c;
font-weight:200;
position: relative;

}

.full-menu-dark .full-menu-intro:after {
  background: #fff;
}

.full-menu-dark .full-menu-intro {
color: #fff; }

.full-menu-dark h4 {
  color:#fdfdfd;
}

.full-menu-dark a {
  color:#fff;
}

.full-menu-dark a:hover {
  color:#e87b1e;
  cursor:pointer;
}

.link {
  position: relative;
  -webkit-transition: -webkit-clip-path 275ms ease;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

.link:hover span::before, .link:focus span::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.link span {
  position: relative;
  display: inline-block;
  color: #ffffff;
}
.link span::before {
  position: absolute;
  content: attr(data-content);
  color: #ededed;
  text-decoration: underline;
  -webkit-text-decoration-color: #ededed;
          text-decoration-color: #ededed;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 275ms ease;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

.full-menu-image {
  max-width:100%;
  border-radius:15px;
}

  .full-menu-intro:after {
    content: '';
    width: 41px;
    height: 12px;
    background: #ededed;
    position: absolute;
    bottom: 27px;
    left: 0px;
    border-radius: 0px 10px 0px 10px;
}

.major-card {
  height: 600px;
  position: relative;
  box-shadow: none;
  border: none;
  background: url('/assets/full-menu-hero.jpg');
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
  border-radius: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: -65px;
  max-width:472px;
  cursor:pointer;
  /* min-width: 400px; */
}

.major-card:hover .major-card-body{
transition:all 1s;
bottom: -50px;
}

.major-card-body {
  position:absolute;
  border:none;
  border-radius:50px;
  bottom:-65px;
  left:5%;
  border-radius:30px;
  height:150px;
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
  background:white;
  width:80%;
}

.minor-card {
  height: 322px;
  position: relative;
  box-shadow: none;
  border: none;
  background: url('/assets/full-menu-hero.jpg');
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
  border-radius: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: -65px;
  max-width: 378px;
  cursor:pointer;
  margin-bottom: 20% !important;
}

.minor-card:hover .minor-card-body{
transition:all 1s;
bottom: -30px;
}

.minor-card-body {
  position:absolute;
  border:none;
  border-radius:50px;
  bottom:-45px;
  left:5%;
  border-radius:30px;
  height:115px;
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
  background:white;
  width:80%;
}

.hamburger-inner {
  top: 16px!important;
  /* scale: 0.7; */

}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before  {
  width: 24px;
  height: 2px;
}

.hamburger-box {
  width:24px;

}

.hamburger--collapse .hamburger-inner::after {
  top: -14px;
}

.hamburger-inner::before {
  top: -7px;
}

.is-active .hamburger-box {
  height: 22px;
}

.btn.btn-outline-primary { border-radius:37px; 
  color: #00529c;
  border-radius: 50px;
  background: #00529c52;
  padding: 3px 15px;
  border: 3px solid #00529c;
  font-size: .9rem;
  white-space: nowrap;
  cursor: pointer !important;
  max-width: 100%;
}

/* Footer */




.footer-widget p {
  margin-bottom: 27px;
}


.footer {
	padding: 35px 0 0 0;
	border-radius:75px;
	border:30px solid white;
	border-width:30px 30px 0px 30px;
	background-color: #00529c;
	position: relative;
	z-index: 2; 
}
.footer .contact-us {
  margin-top: 30;
  margin-bottom: 30px;
  padding-left: 80px; }
  .footer .contact-us .contact-info {
    margin-left: 50px; }
  .footer .contact-us.contact-us-last {
    margin-left: -80px; }
.footer .contact-icon i {
  font-size: 24px;
  top: -15px;
  position: relative;
  color:#007bff; }

.footer-box-info {
	position: absolute;
	z-index: 2; 
	border-radius:60px;
	width:100%;
	height:290px;
	padding-left:15px;
}
@media (max-width:975px) {
	.footer-box-info {
		margin-bottom:0 !important;
		height:auto;
	}
}
.footer-social-link {
  position: absolute;
background: white;
padding: 30px;
border-radius: 30px;
margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
width: 80%;
bottom:0px;
}

.footer-box-info:hover .footer-social-link{
  bottom:10px;
}


.footer-box-info .footer-social-link h3 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 25px; }
.footer-box-info .footer-social-link ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
.footer-box-info .footer-social-link li {
  display: inline-block; }
.footer-box-info .footer-social-link button i {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  background: #e87b1e;
  margin-right: 5px;
  color: #fff; }
  .footer-box-info .footer-social-link button i.fa-facebook {
    background-color: #3B5998; }
  .footer-box-info .footer-social-link button i.fa-twitter {
    background-color: #55ACEE; }
  .footer-box-info .footer-social-link button i.fa-google-plus {
    background-color: #DD4B39; }
  .footer-box-info .footer-social-link button i.fa-linkedin {
    background-color: #0976B4; }
  .footer-box-info .footer-social-link button i.fa-instagram {
    background-color: #B7242A; }
    .footer-box-info .footer-social-link button {
background: none;
outline: none;
border: none;
    padding:0px; }

.footer-awarad {
margin-top: 285px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.footer-awarad p {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-left: 20px;
  padding-top: 15px; }

.footer-info-text {
margin: 26px 0 32px; }

.footer-left-widget {
/* padding-left: 80px;  */
}

.section-heading {
margin-bottom: 35px; }

.footer-widget h3 {
font-size: 24px;
color: #fff;
position: relative;
margin-bottom: 15px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content; }

.footer-widget ul {
width: 50%;
float: left;
list-style: none;
margin: 0;
padding: 0; }

.footer-widget li {
margin-bottom: 18px; }

.footer-widget p {
margin-bottom: 27px; }

.footer-form {
position: relative; }
.footer-form input[type=email], #newsletterModalInput {
  padding: 24px 28px;
  border-radius: 50px;
  background: #fff;
  border: 3px solid #ffffff; }
.footer-form input::-webkit-input-placeholder, .footer-form input::-moz-placeholder, .footer-form input:-ms-input-placeholder, .footer-form input::-ms-input-placeholder, .footer-form input::-webkit-input-placeholder {
  color: #878787;
  font-size: 14px; }
.footer-form input::-webkit-input-placeholder, .footer-form input::-moz-placeholder, .footer-form input:-ms-input-placeholder, .footer-form input::-ms-input-placeholder, .footer-form input::placeholder {
  color: #878787;
  font-size: 14px; }
.footer-form button[type=submit], .footer-form button[type="button"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 18px 24px 18px 17px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border: 1px solid #007bff;
  background: #007bff;
  color: #fff; }
.footer-form button:hover {
  cursor: pointer; }

.contact-us {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; 
}

.contact-icon {
  position: absolute; 
}
.contact-icon i {
  font-size: 36px;
  top: -5px;
  position: relative;
  color: #007bff; 
}
.contact-info {
  margin-left: 75px;
  color: #fff; 
}
.contact-info h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0; 
}
.copyright {
  padding: 28px 0;
  margin-top: 55px;
  background-color: #fff; 
}
.copyright span,
.copyright a {
  color: #878787;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; 
}
.copyright a:hover {
  color:#007bff; 
}
.copyright-menu ul {
  text-align: right;
  margin: 0; 
  padding-left:0;
}
.copyright-menu li {
  display: inline-block;
  padding-left: 20px; 
  text-decoration:underline;
}
@media (max-width:975px) {
    .copyright {
      margin-top: 0;
    }
	.copyright-menu ul {
	  	text-align: left;
	}
    .copyright-menu li {
      display: inline-block;
	  padding-left:0;
      padding-right: 20px; 
    }
}


/* popups */

#newsletterModal .modal-dialog .modal-content .modal-body {
border-radius:30px;
background:#00529c;
border:3px solid #00529c;
color:#ffffff;
}

#newsletterImage {
border-radius: 27px 0px 0px 27px;
}

.modal-content {
  border: none;
  background: transparent;
  padding: 0 19px
}

.close {
  position: relative;
  top: 48px;
  left: 13px;
  z-index: 1;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: white;
  filter: invert(100%);
}

.modal-header {
  border: none
}

.modal-header .close {
  padding: 0rem 1rem !important;
  margin: -1rem 0rem -2rem auto
}

.modal-body {
  border: none;
  background-color: white;
  padding-bottom: 5px
}

.close.focus,
.close:focus {
  outline: 0;
  box-shadow: none !important
}

.form-control.focus {
  border: none;
  border-color: #00529c;
  border-bottom: 1px solid #000;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5)
}

#newsletterModalInput {
  border: 3px solid #00529c;;
}

@media (min-width:599px) {
  .modal-dialog {
      max-width: 47rem
  }
  .details {
      padding: 30px 30px 30px 30px;
  }
}


.logo.inverted svg {
  fill:#00529c;
}
.logo.inverted svg .orange {
  fill:#e87b1e;
}
.logo {
  fill:#fff;
}
.modal-open {
  /* overflow: auto; */
}

/* form elements */
input[type=checkbox].small {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].small:not(:checked):after,
input[type=checkbox].small:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].small:checked:before {
  background: white;
}
input[type=checkbox].small:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].small:before,
input[type=checkbox].small:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].small:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].small:after {
  width: 6px;
  height: 3px;
  left: 3.375px;
  top: 3.7875px;
  border-left: 3px solid #2a3a4b;
  border-bottom: 3px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].small.extra {
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].small.extra:not(:checked):after,
input[type=checkbox].small.extra:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].small.extra:checked:before {
  background: white;
}
input[type=checkbox].small.extra:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].small.extra:before,
input[type=checkbox].small.extra:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].small.extra:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].small.extra:after {
  width: 4.8px;
  height: 2.4px;
  left: 2.7px;
  top: 3.03px;
  border-left: 2.4px solid #2a3a4b;
  border-bottom: 2.4px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox],
input[type=checkbox].medium {
  position: relative;
  width: 25px;
  height: 25px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox]:not(:checked):after,
.checkbox-container:hover input[type=checkbox].medium:not(:checked):after,
input[type=checkbox]:hover:not(:checked):after,
input[type=checkbox].medium:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox]:checked:before,
input[type=checkbox].medium:checked:before {
  background: white;
}
input[type=checkbox]:checked:after,
input[type=checkbox].medium:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox]:before,
input[type=checkbox].medium:before,
input[type=checkbox]:after,
input[type=checkbox].medium:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox]:before,
input[type=checkbox].medium:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox]:after,
input[type=checkbox].medium:after {
  width: 10px;
  height: 5px;
  left: 5.625px;
  top: 6.3125px;
  border-left: 5px solid #2a3a4b;
  border-bottom: 5px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].large {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].large:not(:checked):after,
input[type=checkbox].large:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].large:checked:before {
  background: white;
}
input[type=checkbox].large:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].large:before,
input[type=checkbox].large:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].large:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].large:after {
  width: 16px;
  height: 8px;
  left: 9px;
  top: 10.1px;
  border-left: 8px solid #2a3a4b;
  border-bottom: 8px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
input[type=checkbox].large.extra {
  position: relative;
  width: 60px;
  height: 60px;
  border: 1px solid #2a3a4b;
  margin: 0px;
  z-index: 1;
  outline: none;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-container:hover input[type=checkbox].large.extra:not(:checked):after,
input[type=checkbox].large.extra:hover:not(:checked):after {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
input[type=checkbox].large.extra:checked:before {
  background: white;
}
input[type=checkbox].large.extra:checked:after {
  border-color: #2a3a4b;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
input[type=checkbox].large.extra:before,
input[type=checkbox].large.extra:after {
  position: absolute;
  display: block;
  content: '';
}
input[type=checkbox].large.extra:before {
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 2px;
}
input[type=checkbox].large.extra:after {
  width: 24px;
  height: 12px;
  left: 13.5px;
  top: 15.15px;
  border-left: 12px solid #2a3a4b;
  border-bottom: 12px solid #2a3a4b;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

#searchInput {
  border-radius: 100px;
  width: 50px;
  border: 4px solid #00529c;
  outline: none;
  padding-left: 15px;
  font-size: 16px;
  height: 48px;
  transition: all 300ms;
}

.lengthen {
  width:420px !important;
  transition: all 300ms;
}

.reduce {
  width:10px !important;
  transition: all 200ms;
}

#searchBtnContainer {
  width:48px;
  background:#00529c;
  border-radius:100%;
  border:1px solid white;
  align-self:center;
  height: 48px;
  outline:none;
  margin-right:0px;
}

#searchBtnContainer  svg {
  display: block;
  fill: none;
  margin-top: 6px;
  height: 20px;
  width: 20px;
  stroke: #fff;
  stroke-width: 4px;
  overflow: visible;
  /*** margin-left: -3px; ***/
  margin-left: 13px;
  margin-top: 2px;
  height: 19px;
}

#searchBtnContainer.searchActive {
  width: 48px;
  background: #00529c;
  border-radius: 100%;
  border: 0px solid #00529c;
  align-self: center;
  height: 48px;
  position: absolute;
  margin-right: 0;
  right:10px;
}

#searchBtnContainer svg:nth-child(2), #searchBtnContainer svg:nth-child(3) {
  display:none;
}

#searchBtnContainer.searchActive svg:nth-child(1) {
  display:none;
}

#searchBtnContainer.searchActive svg:nth-child(2), #searchBtnContainer.searchActive svg:nth-child(2) g {
  display:block;
  max-width: 12px;
  margin-top: -6px;
  stroke: #00529c;
  margin-left: -30px;
}

#searchBtnContainer.searchActive svg:nth-child(3), #searchBtnContainer.searchActive svg:nth-child(3) g {
  max-width: 14px;
  margin-top: -14px;
  display: block;
  margin-left: 16px;
  stroke:#fff;
  fill:#fff;
}


/* tooltip */

.popover{width:350px;max-width:1500px;
border-radius:27px;
height:80px;
padding:0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px;
}

.popover-body, .popover-body * {
  /* height:100%; */
  height:auto;
}

.popover-content {
padding:0px;
margin:0px;
}
.popover-content h4 {
  color: #00A1FF;
}
.popover-content h4 small {
  color: black;
}
.popover-content button.btn-primary {
  color: #00A1FF;
  border-color:#00A1FF;
  background:white;
}

.popover-content button.btn-default {
  color: gray;
  border-color:gray;
}

.hide {
  display:none;
}


@media (max-width: 1330px) {

    /* #megaMenu {
        grid-column: 3 / span 4;
    } */

}

@media (min-width:1000px) {
    /* #megaMenu {
        display:grid!important;
    } */
}

@media (min-width:1187px) AND (max-width:1280px) {
	#hamburger {
		clear:both;
		float:right;
		top:75;
		right:10;
		position:absolute;
	}	
}

@media (min-width:1000px) AND (max-width:1109px) {
	#megamenu a.dropDown {
		margin-left:6px !important;
		margin-right:6px !important;
	}	
}
@media (min-width:1187px) AND (max-width:1209px) {
	.nav-link {
		margin-left:3px !important;
		margin-right:3px !important;
	}	
}

.subMenu-item:hover span.subMenu-item-link {
	text-decoration:underline;
}

@media (max-width:1015px) {
    #megaMenu {
    	display:none;
    }
    .btn {
        font-size:1.4vw!important;
    }
}

@media (max-width:992px) {
    .footer-box-info {
        position: relative;;
    }

#megamenu a:nth-child(3) {
    display:none;
}

    #newsletterImage {
        border-radius: 27px 27px 0px 0px;
        width:100%;
        }
}

@media (max-width:767px) {
    .btn {
        font-size:1rem!important;
    }

    #megamenu {
        margin-left:0px;
    }

    .subpage {
        background-position: center;
    }
    /* .left-separator {
        display:none;
    } */
}

@media (max-width:576px) {

              .navbar {
                justify-content:normal;
                padding-left:25px;
              }

              #megamenu {
                display:none; width:0px !important;
            }
            .navbar {
                justify-content:space-between;
         
              }

            }

@media (max-width:460px) {
        
        #megamenu {
            display:none;
        }

        .navbar {
            justify-content:space-between;
     
          }
    
}

#full-menu {
    overflow-y: scroll;
}
@media (orientation:portrait) {

    .full-menu {
        height:auto;
        overflow-y: scroll;
    }

    .full-menu .pinned-heading {
        display: none;
    }

}

/*** Destroy defaults ***/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

/*** Overwrites website/media css ***/

.container {
	max-width:1300px;
	min-width:320px!important;
}
.container-fluid {
	max-width:1800px;
}
.contain-block-modal {
	overflow-x:hidden;
	padding-top:0 !important;
}

.mb0 {
	margin-bottom:0;
}

.p-u {
	padding-top:30px;	
}
.p-u-lg {
	padding-top:30px;
}
.p-u-md {
	padding-top:15px;
}
.p-u-sm {
	padding-top:10px;
}
.p-u-xs {
	padding-top:5px;
}
.p-u-z {
	padding-top:0;
}
.p-d {
	padding-bottom:30px;	
}
.p-d-lg {
	padding-bottom:30px;
}
.p-d-md {
	padding-bottom:15px;
}
.p-d-sm {
	padding-bottom:10px;
}
.p-d-z {
	padding-bottom:0;
}
.p-d-h {
	padding-bottom:60px;
}
.p-d-hxl {
	padding-bottom:120px;
}
.m-d {
	margin-bottom:30px;	
}
.m-d-md {
	margin-bottom:15px;	
}

.mh-500 {
	min-height: 500px;
}
.mh-900 {
	min-height: 900px;
}

/***
.hero-pinned-heading {
	opacity: 0.99;	
	color: white;
    position: absolute;
    bottom: 0;
    font-size: 7.5rem;
    font-size: 8vw;
    margin-bottom: -30px !important;
    margin-bottom: -2.2vw !important; 
    padding-left: 5px;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
	
	text-shadow: 0px -1px 1px #999;
}
@media screen and (min-width: 1401px) {
    .hero-pinned-heading {
        font-size:7vw;
        line-height:1.23;
    }
}
@media screen and (max-width: 1301px) and (min-width: 1400px) {
    .hero-pinned-heading {
        font-size:6vw;
    }
}
@media screen and (max-width: 1300px) {
    .hero-pinned-heading {
        line-height:1.23;
    }
}
@media screen and (max-width: 1100px) {
    .hero-pinned-heading {
        line-height:1.29;
    }
}
@media screen and (max-width: 800px) {
    .hero-pinned-heading {
        line-height:1.7;
    }
}
@media screen and (max-width: 690px) {
    .hero-pinned-heading {
        line-height:1.9;
    }
}
@media screen and (max-width: 530px) {
    .hero-pinned-heading {
        line-height:2.1;
    }
}
@media screen and (max-width: 460px) {
    .hero-pinned-heading {
        line-height:2.7;
    }
}
***/

/*** Hamburger Box ***/
.hamburger-box {
	margin-top:9px;
}

.fl-widget {
	min-height:100px;
}

.fl-widget:hover {
	background-color:#fffafa;
}
/*** Carousel and Hero-intro ***/

img {
	max-width:100%;	
}

p.card-text {
	font-size:0.95em;
	line-height:1.45em;
}

.hero-intro {
    /*** 
	border: 7px solid white;
	border: 22px solid white; ***/
	overflow:hidden;
	background-image: url(assets/teacher-at-desk.jpg);
    background-size: cover;
    height: 80vh;
    padding: 30px;
    font-family: 'Rubik', sans-serif;
    scrollbar-width: 0px;
    position: relative;
    border-radius: 50px;
}
@media screen and (max-width: 800px) {
    .hero-intro {
    	max-height:500px!important;
		border:0 !important;
		border-radius:0 !important;
		padding-left:12px !important;
		padding-right:12px !important;
    }
	/***
	.hero-pinned-heading {
		font-size:12vw;
		line-height:12vw;	
		white-space: normal;
	}
	***/
	#footer {
		border:0;
		padding:25px 0 0;
	}
}


/*** Hero Pinned Heading ***/
.hero-pinned-heading {
    opacity: 0.99;
    color: white;
    font-size: 7.6vw;
    font-weight: 600;
    text-transform: uppercase;
    position:absolute; 
    bottom:0;
    line-height:1.12;
    text-shadow: 0px -1px 1px #999;
	margin-bottom:-32px;

}

@media screen and (min-width: 1721px) {
    .hero-pinned-heading {
        font-size:5vw;
        line-height:1.0;
        padding-bottom:15px;
    }
}
@media screen and (min-width: 1401px) and (max-width: 1720px) {
    .hero-pinned-heading {
        font-size:7vw;
        line-height:1.0;
        padding-bottom:15px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1400px) {
    .hero-pinned-heading {
        font-size:6vw;
        line-height:1.02;
        padding-bottom:15px;
    }
}
@media screen and (max-width: 1300px) {
    .hero-pinned-heading {
        font-size:8vw;
        line-height:1.01;
        padding-bottom:14px;
    }
}
@media screen and (max-width: 1100px) {
    .hero-pinned-heading {
        line-height:0.85;
        padding-bottom:22px;
        font-size:85px;
    }
}
@media screen and (max-width: 800px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:23px;
        font-size:83px;
    }
}
@media screen and (max-width: 690px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:24px;
        font-size:71px;
    }
}
@media screen and (max-width: 530px) {
    .hero-pinned-heading {
        line-height:0.9;
        padding-bottom:25px;
        font-size:70px;
    }
}
@media screen and (max-width: 460px) {
    .hero-pinned-heading {
        line-height:1;
        padding-bottom:23px;
        font-size:53px;
    }
}


/*** Containers+ ***/
.container-sidebar-starter {
	padding-right:20px !important;
}
.container-sidebar {
	padding-left:25px;	
	border-left:1px solid #eee;
}
@media screen and (max-width: 991px) {
    .container-sidebar-starter {
        padding-right:15px;
    }
    .container-xs-border {
    	border:3px solid #ddd;
		border-radius:30px;
		padding:21px;
		background-color:#f3f3f3;
		
    }
	.container-xs-reverse {
		background-color:#ddd;
	}
    .container-sidebar {
        padding-left:0;	
		border-left:0;
    }
}
@media screen and (max-width: 800px) {
	.container-fluid {
		padding-left:0 !important;
		padding-right:0 !important;
	}
}


/*** Buttons ***/

.btn-no {
	text-decoration: underline;
}
.btn {
    color: #ffffff;
    border-radius: 50px;
    padding: 15px 23px;
    /* font-size: .9rem; */
    white-space: nowrap;
    cursor: pointer!important;
    /* max-width: 100%; */
}
.btn-blue, .btn-primary {
    background: #00529c;
    border: 3px solid #00529c;
}
.btn-blue-ghost {
    color: #00529c;
    background: #ffffff;
    border: 3px solid #00529c;
    cursor: pointer!important;
}
.btn-pile {
	margin-right:15px;
	margin-bottom:15px;
}
.btn-pile-sm {
	margin-right:7px;
	margin-bottom:11px;
}
.btn.btn-outline-primary {
    border-radius: 37px;
    color: #00529c;
    border-radius: 50px;
    background: #00529c12;
    padding: 3px 15px;
    border: 3px solid #00529c;
    font-size: .9rem;
    white-space: nowrap;
    cursor: pointer !important;
    max-width: 100%;
}
.btn.btn-outline-primary:hover {
	background: #00529c42;
	background: #00529c;
	color:white;
}

/*** Cards ***/

.card-container-common {
	display:block !important;
	width:100%;	
	position:absolute;
	padding-left:15px; 
	padding-right:30px;
}
.card-article-common {
	display:block !important;
	width:100% !important;
	position:relative;
    box-shadow: none;
    border: none;	
    background-color:#888;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.card-body-common {
	display:block;
    border: none;
    width: 100% !important;
    background: white;
    border-radius: 50px;
    border-radius: 30px;
}


.card-body-major:hover, .card-body-minor:hover,
	.card-article-alpha:hover {
  box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.2) 0px 3px 8px !important;
}

.card-block-major {
	padding-bottom: 65px;
}
.card-block-major:hover .card-container-major {
	transition: all 1s;
	bottom: -50px;
}
.card-container-major {
	bottom:-65px;
}
.card-article-major {
    height: 700px;
    border-radius: 35px;
}
.card-body-major {
    bottom: -65px;
    min-height: 150px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
}

.card-block-minor {
	padding-bottom: 45px;
}
.card-block-minor:hover .card-container-minor {
	transition: all 1s;
	bottom: -30px;
}
.card-container-minor {
	bottom:-45px;
}
.card-article-minor {
    /* height: 322px; */
	height: 324px;
    border-radius: 35px;
}
.card-body-minor {
    min-height: 115px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important;
}

.card-block-alpha:hover .card-article-alpha {
	transition: all 400ms;
	top: -2px;
}
.card-container-alpha {
	position:relative;
	padding:0 !important;
}
.card-article-alpha {
	min-height:180px;
	height:auto;
    background-color:#fff !important;
	padding-bottom:15px;
  	border-radius:30px;
  	/* box-shadow:rgba(0, 0, 0, 0.04) 0px 16px 32px, rgba(0, 0, 0, 0.1) 0px 3px 28px !important; */
	box-shadow:rgba(0, 0, 0, 0.03) 0px 6px 6px, rgba(0, 0, 0, 0.1) 0px 3px 3px !important;
}
.card-body-alpha {
    position: relative;
	padding:10px 15px !important;
}
.card-article-alpha .card-img-top {
	display:block;
	position:relative;
  	border-radius:24px;
  	background: #00529c;
  	/*** min-height: 70px; ***/
  	padding: 20px;
  	color:#fff;
  	text-transform:uppercase;
  	font-size:1rem;
  	width:100%;
}

div.admin-editor-btn {
	display:block; padding:10px; border-radius:50%; background-color:red; color:white; font-size:11px;	cursor:pointer;
}
div.admin-editor-btn:hover {
	background-color:#490102;
	border:1px solid #610B0C;
}

.content-textarea h1, .content-textarea h2 {
   line-height:2.1rem;
	margin-bottom:1rem;
}
.content-textarea h3, .content-textarea h4, 
		.content-textarea h5, .content-textarea h6 {
	line-height:1.3;	
	margin-bottom:1rem;
}

.content-textarea p {
	font-size: 17px;
	line-height:26px;
}

.form-control {
    background-color:#fafafa;
}
.m-d-sm {
    margin-bottom:25px;
}



.form-flex-row {
    display:flex;
    margin-bottom:15px;
}
.form-flex-row-wrap {
    display:flex;
    flex-wrap: wrap;
}
.form-flex-label {
    width:150px;
    font-size:16px;
    padding-top:4px;
    line-height:30px;
}
.form-flex-label-multi {
    width:150px;
    font-size:16px;
    padding-top:2px;
    line-height:18px;
}
.form-flex-input {
    width:100%;
}
.form-flex-double {
    width:50%;
    padding-right:15px;
}
.form-flex-double-34-a {
    width:70%;
    padding-right:15px;
}
.form-flex-double-34-b {
    width:30%;
    padding-right:15px;
}
.form-flex-double-static {
    width:49%;
}
.form-flex-triple {
    width:33%;
    padding-right:15px;
}
.form-flex-triple-static {
    width:32%;
}
.form-flex-double:last-child, .form-flex-triple:last-child .form-flex-double-34-b {
    padding-right:0;
}
@media (max-width: 576px) {
    .d-flex-to-block-xs {
        display:block !important;
    }
    .form-flex-row {
        display:block !important;
    }
    .form-flex-label, .form-flex-input, .form-flex-double, .form-flex-triple, .form-flex-double-34-a, .form-flex-double-34-b {
        width:100%;	
        display:block;
        padding-right:0;
    }
    .hide-on-xs {
        display:none;
    }
}

.form-control-admin {
    background-color:#ececec;
    padding-left:8px;
    font-size:16px;
    border-bottom-width :1px !important;
}
.form-flex-input-pu {
    padding-top:8px;
}
.form-admin-header {
    display:block;
    width:100%;
    border-bottom:1px solid #ff4e83;
    color:orangered;
    padding:12px 0 8px;
    font-size:18px;
    line-height:18px;
    font-weight:600;
    margin-bottom:15px;
}
.form-flex-describer {
	font-size:13px;
	line-height:21px;
	color:#aaa;
	padding-left:13px;
	margin-bottom:0;
}
.btn-admin-override .btn-default{
    color:white;
    font-weight:300;
}
.content-item-tile-name {
    font-size:11px;
    line-height:13px;
}	
.btn-sup {
    margin-right:3px;
    background-color:#2A2E6F;
    background-color:#bbb;
    padding:5px;
    text-align:center;
    width:22px;
    display:inline-block;
    border-radius:50%;
}
.btn-sm-list {
	padding:7px;
}
.btn-sup:hover {
    background-color:#DF104A;
}
.btn-sup i {
    color:white !important;
}
.vcenter {
    vertical-align:middle;
}
.RemoveFormat p {
    margin-bottom:0 !important;
}


@media (min-width: 1420px) {
	.navbar-home {
		margin-left:15px;		
	}
}

table.dataTable thead th {
    padding: 18px 18px 18px 10px;
    border-bottom: 1px solid #111;
	background-color:#eee;
}
table.dataTable thead th, table.dataTable tfoot th {
	color:#888899;
    font-weight: normal;
}
table.dataTable {
	margin-bottom:10px;
	margin-top:5px;
}

p.card-text, .card-text:last-child {
    margin-bottom: .5rem !important;
}
.plr-15 {
	padding-left:15px; padding-right:15px;
}
.plr-5 {
	padding-left:5px; padding-right:5px;
}
.plr-10 {
	padding-left:10px; padding-right:10px;
}

.p-bb-1-15 {
	border:1px solid #ccc;
	padding:15px;
}
.p-bb-1-15-eee {
	border:1px solid #ccc;
	padding:15px;
	background-color:#eee;
}
.p-bb-1-30-eee-c {
	border:1px solid #eee;
	border-radius:35px;
	padding:30px;
	background-color:#eee;
}

.eic-h-20 {
	height:20px;
}
.eic-h-50 {
	height:50px;
}
.eic-h-75 {
	height:75px;
}
.eic-h-100 {
	height:100px;
}
.eic-h-150 {
	height:150px;
}
.eic-h-200 {
	height:200px;
}
.eic-w-20 {
	width:20px;
}
.eic-w-50 {
	width:50px;
}
.eic-w-75 {
	width:75px;
}
.eic-w-100 {
	width:100px;
}
.eic-w-150 {
	width:150px;
}
.eic-w-200 {
	width:200px;
}
.eic-c {
	border-radius:10%;
}
.eic-r {
	border-radius:50%;
}
.eipr-0 {
	margin-right:0;
}
.eipr-15 {
	margin-right:15;
}
.eipr-30 {
	margin-right:30;
}

.btn-blue:hover {
    color: #B6CAE1;
    text-decoration: none;
}

.image-style-side {
    float: right;
    max-width: 50%;
}
@media screen and (min-width: 576px) and (max-width: 975px) {
    .image-style-side {
        min-width:210px;
    }
}
@media screen and (max-width: 575px) {
    .image-style-side {
        min-width:180px;
    }
}

.image-style-align-right {
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}

.image-style-align-left {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

.image-style-align-right img, .image-style-align-left img {
	width:100%;
}

@media screen and (max-width: 767px) {
    .image-style-align-right, .image-style-align-left {
        display:block !important;
		width:100% !important;
		margin-bottom:15px;
		float:none;
		margin-left:0;
		margin-right:0;
    }
}


.image-style-align-center {
	float:center;
}

.d-flex-dyna-image {
	margin-top:3px; 
	background-size:cover; 
	background-position:center center; 
	border:1px solid #ddd; 
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.19);
}
.d-flex-dyna-left {
    margin-right:15px;
}
@media screen and (max-width: 576px) {
    .d-flex-dyna {
		display:block !important;
		width:100% !important;
		height:auto !important;
	}
    .d-flex-dyna-image {
		display:block !important;
		width:100% !important;
		height:auto !important;
		min-height:250px !important;
		border-radius:0 !important;
		margin-bottom:25px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
	}
    .d-flex-dyna-left {
        margin-right:0; width:100% !important; display:block;
    }
    .d-flex-dyna-right {
        width:100% !important; display:block;
    }
}

ul.footer-links li {
	margin-bottom:10px;
}

.ck-editor__editable {
	min-height:280px;
}


	@media (max-width: 1000px) {
		a.btn {
		    font-size: 0.9rem!important;
		}
	}
	.contain-block-modal {
		padding:30px 15px 15px;
	}



	oembed {
		width:100% !important;
	}
	oembed figure.media {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.ck-media__wrapper {
		margin: 0 auto;
		width:100%;
	}