/* Bootstrap Overrides */
body, p {font-size: 18px; font-family: Roboto, Arial, sans-serif;}
h1,.text-1 {font-size: 2.2em;}
h2,.text-2 {font-size: 1.8em;}
h3,.text-3 {font-size: 1.3em;}
h4,.text-4 {font-size: 1em;}
h5,.text-5 {font-size: 1em;}
.small { font-size: .8em; }
.pagehead {font-size: 2.2em; margin: 32px 0px 12px 0px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; text-align: center; }
.subhead  {font-size: 1.2em;}

h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: .4rem; margin-bottom: .4rem; }

p { margin-bottom: 1.2rem }

hr { border-top: 1px solid #d3d3d3 }

a { color: #343091; text-decoration: none; }
a:hover { color: #2A2D6E; text-decoration: underline; }

footer {
	background-color: #2A2D6E;
	padding: 25px 0px 25px 0px;
	color: #ccc;
}
footer a { color: #f0f0f0; text-decoration: underline;} 
footer a:hover { color: #fff; }

footer div h4 {
  margin-top: 0px;
}

.container img, .container iframe {
	max-width: 100%;
}

.top_text h2 { font-size: 2em; }

.modal-header { background-color: #2A2D6E; color: #fff; border-radius: 0px; text-align: center; padding-left: 2em; }
.modal-body { padding: 2em;}
.modal-title { font-size: 1.3em; margin: 0; }

/* start auto-clear */
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
    .dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
    .dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}    
}
@media (min-width:768px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
/* end auto-clear */

.btn-primary {
  background-color: #2A2D6E;
  border-color: #2A2D6E;
}

.btn-primary:hover {
  background-color: #666;
  border-color: #666;
}
.btn-primary:focus,.btn-primary:active {
   outline: none !important;
   box-shadow: 3px 3px 8px #999;
}

.btn-outline-dark {
    color: #2A2D6E;
    border-color: #2A2D6E;
    padding-bottom: 10px;
}
.btn-outline-dark:hover {
    background-color: #2A2D6E;
}

.tooltip-inner {
    color: #000;
    background-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #fff;
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
  box-shadow: 0 8px 12px -6px #333;
	z-index: 99;
}

.navbar-brand {
  display: none;
}

.navbar-nav .nav-link { 
  text-align: center;
  color: #2A2D6E !important;
  font-size: 1.3em;
}

.navbar-nav .nav-link:hover { 
  color: #fff !important; 
  background: #2A2D6E;
}

.nav-link:focus,.nav-link:active {
   outline: none !important;
   box-shadow: none !important;
   border: 0 !important;
}

@media (max-width: 1200px) { /* lg and smaller */
	body, p {font-size: 16px;}
}

@media (max-width: 992px) { /* md and smaller */
	body, p {font-size: 15px;}
	footer {text-align: center;}
	footer div {border: 0px !important;}
	footer div h4 {font-size: 1.3em; margin-top: 10px; }
	footer .small {font-size: 1em;}
  .nav-link { text-align: left !important; }
  .navbar-brand { display: inline-block }
  .nav-fill .nav-item { text-align: left; }
  .dropdown-menu {font-size: inherit}
  .dropdown-item {padding: .25rem 1rem; text-align: center;}
  .nav-item .dropdown-menu { border-width: 0px 0px 1px 0px; border-radius: 0px; border-color: #2A2D6E; background-color: transparent; }
}

@media (max-width: 768px) { /* sm and smaller */
  .logobnr { text-align: center; margin-left: 0px !important; }
  .footer-well {text-align: center;}
}

@media (max-width: 576px) { /* xs and smaller */
}

/**************************** GENERIC STYLES ******************************/
.font-s { font-family: Georgia, 'Times New Roman', serif; }

.line1 {line-height: 1;}  /* default is 1.2 */
.line1-3 {line-height: 1.3;}
.line1-4 {line-height: 1.4;}
.line1-5 {line-height: 1.5;}

/* bootstrap grid breakpoints: xs: <576, sm: >=576px, md: >=768px, lg: >=992px, xl: >=1200px */
/* none, inline-block, block; .d-{value} for xs, .d-{breakpoint}-{value} for sm, md, lg, and xl */
/* .pull-left .pull-right .center-block .clearfix .show .hidden .sr-only .sr-only-focusable .text-hide .close .caret  */

/* bootstrap defaults: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger */
.text-blue { color: #2A2D6E; }
.text-shadow { text-shadow: 1px 2px 2px rgba(0,0,0,0.6); }

.black {color: #000;}
.gray {color: #666;}
.mediumgray { color: #a6a6a6 }
.lightgray {color: #f3f3f3;}
.red {color: #C64038;}
.white {color: #fff;}
.darkblue { color: #2A2D6E; }
.blue { color: #343091; }
.green { color: #2F822D; }
.purple {color: #890366;}

.lightgray a { color: #ffffff; text-decoration: underline; font-weight: bold; }
.lightgray a:hover { }

/* bootstrap defaults: .bg-primary, .bg-success, bg-info, bg-warning, .bg-danger */
.bkg-white {background: #fff;}
.bkg-offwhite {background: #f9f9f9;}
.bkg-lgray {background: #f3f3f3;}
.bkg-mgray {background: #d9d9d9;}
.bkg-dgray {background: #666;}
.bkg-dblue {background: #2A2D6E}
.bkg-lblue {background: #cbd3de;}
.bkg-mblue {background: #2A2D6E;}
.bkg-red   {background: #C64038;}

.bg1 { background-color: #2A2D6E; color: #fff; }
.bg2 { background-color: #6E8898; color: #fff; }
.bg3 { background-color: #70161E; color: #fff; }
.bg4 { background-color: #6DA34D; color: #fff; }
.bg5 { background-color: #C59849; color: #fff; }

/* more bootstrap typography: .lead .small .text-left .text-center .text-right .text-justify .text-nowrap .text-lowercase .text-uppercase .text-capitalize .initialism .list-unstyled .list-inline .dl-horizontal .pre-scrollable */
/* bootstrap buttons: .btn .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link .btn-lg .btn-sm .btn-xs .btn-block .active .disabled */

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.strike { text-decoration:line-through; }
.underline {text-decoration: underline;}
.noul {text-decoration: none;}
.curpoint { cursor: pointer; }

.block {display: block;}
.inblock {display: inline-block;}
.tablecell { display: table-cell; }
.nodisplay { display: none; }
.relative {position: relative;}
.absolute {position: absolute;}
.nowrap { white-space: nowrap;}
.pre { white-space: pre; }

.float-r { float: right; }
.float-l { float: left; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.w100 { width: 100% }
.opacity50 { opacity: .5 }

.border { border: 1px solid #d3d3d3; }
.border-v { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
.border-h { border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; }
.border-t { border-top: 1px solid #d3d3d3; }
.border-b { border-bottom: 1px solid #d3d3d3; }
.border-r { border-right: 1px solid #d3d3d3; }
.border-l { border-left: 1px solid #d3d3d3; }
.borderred { border: 1px solid #C64038; }
.borderbox { box-sizing: border-box; }
.border-radius { border-radius: 5px; }
.border-b-radius { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.border-t-radius { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.shadow { box-shadow: 3px 3px 8px #999; }
.shadow-bottom { box-shadow: 0px 3px 8px #999; }
.shadow-top { box-shadow: 0px -3px 8px #999; }

.mar-xs    { margin: 3px; }
.mar-xs-v  { margin-top: 3px; margin-bottom: 3px; }
.mar-xs-h  { margin-left: 3px; margin-right: 3px; }
.mar-xs-t  { margin-top: 3px; }
.mar-xs-r  { margin-right: 3px; }
.mar-xs-b  { margin-bottom: 3px; }
.mar-xs-l  { margin-left: 3px; }
.mar-s     { margin: 6px; }
.mar-s-v   { margin-top: 6px; margin-bottom: 6px; }
.mar-s-h   { margin-left: 6px; margin-right: 6px; }
.mar-s-t   { margin-top: 6px;}
.mar-s-r   { margin-right: 6px;}
.mar-s-b   { margin-bottom: 6px;}
.mar-s-l   { margin-left: 6px;}
.mar-m     { margin: 12px; }
.mar-m-v   { margin-top: 12px; margin-bottom: 12px; }
.mar-m-h   { margin-left: 12px; margin-right: 12px; }
.mar-m-t   { margin-top: 12px;}
.mar-m-r   { margin-right: 12px;}
.mar-m-b   { margin-bottom: 12px;}
.mar-m-l   { margin-left: 12px;}
.mar-l     { margin: 20px; }
.mar-l-v   { margin-top: 20px; margin-bottom: 20px; }
.mar-l-h   { margin-left: 20px; margin-right: 20px; }
.mar-l-t   { margin-top: 20px;}
.mar-l-r   { margin-right: 20px;}
.mar-l-b   { margin-bottom: 20px;}
.mar-l-l   { margin-left: 20px;}
.mar-xl    { margin: 32px; }
.mar-xl-v  { margin-top: 32px; margin-bottom: 32px; }
.mar-xl-h  { margin-left: 32px; margin-right: 32px; }
.mar-xl-t  { margin-top: 32px; }
.mar-xl-r  { margin-right: 32px; }
.mar-xl-b  { margin-bottom: 32px; }
.mar-xl-l  { margin-left: 32px; }
.mar-xxl   { margin: 45px; }
.mar-xxl-v { margin-top: 45px; margin-bottom: 45px; }
.mar-xxl-h { margin-left: 45px; margin-right: 45px; }
.mar-xxl-t { margin-top: 45px; }
.mar-xxl-r { margin-right: 45px; }
.mar-xxl-b { margin-bottom: 45px; }
.mar-xxl-l { margin-left: 45px; }

.pad-xs    { padding: 3px; }
.pad-xs-v  { padding-top: 3px; padding-bottom: 3px; }
.pad-xs-h  { padding-left: 3px; padding-right: 3px; }
.pad-xs-t  { padding-top: 3px; }
.pad-xs-r  { padding-right: 3px; }
.pad-xs-b  { padding-bottom: 3px; }
.pad-xs-l  { padding-left: 3px; }
.pad-s     { padding: 6px; }
.pad-s-v   { padding-top: 6px; padding-bottom: 6px; }
.pad-s-h   { padding-left: 6px; padding-right: 6px; }
.pad-s-t   { padding-top: 6px;}
.pad-s-r   { padding-right: 6px;}
.pad-s-b   { padding-bottom: 6px;}
.pad-s-l   { padding-left: 6px;}
.pad-m     { padding: 12px; }
.pad-m-v   { padding-top: 12px; padding-bottom: 12px; }
.pad-m-h   { padding-left: 12px; padding-right: 12px; }
.pad-m-t   { padding-top: 12px;}
.pad-m-r   { padding-right: 12px;}
.pad-m-b   { padding-bottom: 12px;}
.pad-m-l   { padding-left: 12px;}
.pad-l     { padding: 20px; }
.pad-l-v   { padding-top: 20px; padding-bottom: 20px; }
.pad-l-h   { padding-left: 20px; padding-right: 20px; }
.pad-l-t   { padding-top: 20px;}
.pad-l-r   { padding-right: 20px;}
.pad-l-b   { padding-bottom: 20px;}
.pad-l-l   { padding-left: 20px;}
.pad-xl    { padding: 32px; }
.pad-xl-v  { padding-top: 32px; padding-bottom: 32px; }
.pad-xl-h  { padding-left: 32px; padding-right: 32px; }
.pad-xl-t  { padding-top: 32px; }
.pad-xl-r  { padding-right: 32px; }
.pad-xl-b  { padding-bottom: 32px; }
.pad-xl-l  { padding-left: 32px; }
.pad-xxl   { padding: 45px; }
.pad-xxl-v { padding-top: 45px; padding-bottom: 45px; }
.pad-xxl-h { padding-left: 45px; padding-right: 45px; }
.pad-xxl-t { padding-top: 45px; }
.pad-xxl-r { padding-right: 45px; }
.pad-xxl-b { padding-bottom: 45px; }
.pad-xxl-l { padding-left: 45px; }

/************************************ END GENERIC STYLES *************************************/

.img-zoom { width: 100%; }
.div-img-zoom {
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-size: 100% 100%;
  transition: background-size 0.5s ease;
}
.div-img-zoom:hover {
  background-size: 110% 110%;
  transition: background-size 0.5s ease;
}      

.plax {
  transition: background-position 0.15s ease;
  -webkit-transition:background-position 0.15s ease;
	-moz-transition:background-position 0.15s ease;
	-o-transition:background-position 0.15s ease;
}  

.right-mod {
  float: right;
  width: 40%;
  margin-left: 20px;
}
.left-mod {
  float: left;
  width: 40%;
  margin-right: 20px;
}
@media (max-width:576px) {
  .right-mod, .left-mod {
    float: none;
    width: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.rightimg { float: right; margin: 0px 0px 15px 25px; max-width: 300px !important; width: 40%;}
.leftimg { float: left; margin: 0px 25px 15px 0px; max-width: 300px !important; width: 40%;}

.datatable {margin: 0px -6px; border-left: 1px solid #999;}
.datatable td {border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 10px 5px;}
.datatable th {border-bottom: 1px solid #999; border-right: 1px solid #999; background: #d0d0d0; padding: 10px 5px;}

.rightnav { background: #666; padding-top: 20px; padding-bottom: 10px; text-align: center; }
.rightnav h3 { margin-top: 0px; }
.rightnav ul { margin: auto; padding: 0px 25px; list-style: none; }
.rightnav a { display: block; padding: 10px 0px; border-top: 1px solid #d3d3d3; color: #f0f0f0; text-align: left; }
.rightnav a:hover { color: #FDBC2E; }

.list-spacing li { margin-bottom: .8rem; }

label.error { margin-left: 10px; font-style: italic; color: #c00; }

.parallax { 
  background: url(/img/full/parallax2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  margin: 0 auto; 
  position: relative; 
}

/************************************ FONT-AWESOME FOR SOCIAL ICONS *************************************/
.fa {
  padding: 20px;
  margin: 10px 10px 0px 0px; 
  font-size: 30px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: #666;
}

.fa:hover {
    text-decoration: none;
}
.fa-facebook:hover {
  background: #3B5998;
  color: white;
}
.fa-twitter:hover {
  background: #55ACEE;
  color: white;
}
.fa-hand-holding-usd:hover{
  background: #6DA34D;
  color: white;
}
.fa-school {
  padding: 20px 24px 20px 16px;
}
.fa-school:hover{
  background: #C59849;
  color: white;
}