/* i - T u l   D e s i g n   &   S o f t w a r e
   ---------------------------------------------
   1504 Eureka Road, Suite 325
   Roseville, CA 95661 - 916.749.1500
   http://www.i-tul.com


                       `::`
                        ``
                       .::.
    ..`                `--`                `.`
   `-:`                `..`                -:.
      `::-             ::::`           .::.
       .-. ``          `--.         `` `--`
          -:::`      ```````       -:::`
          `-:-` `.-::::::/::::--`  .-:-
              `-:/::::::::::::/:::-`
              -::::-.```  ``..::/:::-`
               `..`            `-:::::.
                     .--::--`    `-:/::.
                    .::/::::::.    -/:::`
                      ./:::::::.   `::::.
                      ``/::::::-    ::::-
                  -:::/::::/:::.   `::::.
                  `-::::::::::-    -::::`
                    `-::::::.`    -/:::.
                                 .::::.
                                  `-
        SASS - GENERATED FILE - DO NOT EDIT
   --------------------------------------------- */

   @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

   @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
   
   .bs-success,
   div.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
       color: #3c763d;
       background-color: #dff0d8;
       border: 1px solid #d6e9c6;
   }
   
   .bs-info {
       color: #31708f;
       background-color: #d9edf7;
       border: 1px solid #bce8f1
   }
   
   .bs-warning {
       color: #8a6d3b;
       background-color: #fcf8e3;
       border: 1px solid #faebcc
   }
   
   .bs-danger,
   div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
       color: #a94442;
       background-color: #f2dede;
       border: 1px solid #ebccd1
   }
   
   @-ms-viewport {
       width: auto !important;
   }
   
   .ico-close {
       float: none;
       opacity: 1;
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       overflow: hidden
   }
   
   .ico-close:hover {
       opacity: 1
   }
   
   .ico-close:hover::before,
   .ico-close:hover::after {
       background: #fff
   }
   
   .ico-close::before,
   .ico-close::after {
       content: '';
       position: absolute;
       height: 2px;
       width: 100%;
       top: 50%;
       left: 0;
       margin-top: -1px;
       background: #fff
   }
   
   .ico-close::before {
       -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg)
   }
   
   .ico-close::after {
       -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg)
   }
   
   .ico-close.big {
       -moz-transform: scale(3);
       -o-transform: scale(3);
       -ms-transform: scale(3);
       -webkit-transform: scale(3);
       transform: scale(3)
   }
   
   .ico-close.hairline::before,
   .ico-close.hairline::after {
       height: 1px
   }
   
   .ico-close.thick::before,
   .ico-close.thick::after {
       height: 4px;
       margin-top: -2px
   }
   
   .ico-close.black::before,
   .ico-close.black::after {
       height: 8px;
       margin-top: -4px
   }
   
   .ico-close.heavy::before,
   .ico-close.heavy::after {
       height: 12px;
       margin-top: -6px
   }
   
   .ico-close.pointy::before,
   .ico-close.pointy::after {
       width: 200%;
       left: -50%
   }
   
   .ico-close.rounded::before,
   .ico-close.rounded::after {
       border-radius: 5px
   }
   
   .ico-close.blades::before,
   .ico-close.blades::after {
       border-radius: 5px 0
   }
   
   .ico-close.warp::before,
   .ico-close.warp::after {
       border-radius: 120% 0
   }
   
   .ico-close.fat::before,
   .ico-close.fat::after {
       border-radius: 100%
   }
   
   .loader:before,
   .loader:after,
   .loader {
       border-radius: 100%;
       width: 2.5em;
       height: 2.5em;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both;
       -webkit-animation: load7 1.8s infinite ease-in-out;
       animation: load7 1.8s infinite ease-in-out
   }
   
   .loader {
       position: absolute;
       color: #ccc;
       font-size: 6px;
       margin: auto;
       position: relative;
       text-indent: -9999em;
       -webkit-transform: translateZ(0);
       -ms-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-animation-delay: -0.16s;
       animation-delay: -0.16s
   }
   
   .loader:before {
       left: -3.5em;
       -webkit-animation-delay: -0.32s;
       animation-delay: -0.32s
   }
   
   .loader:after {
       left: 3.5em
   }
   
   .loader:before,
   .loader:after {
       content: '';
       position: absolute;
       top: 0
   }
   
   @-webkit-keyframes load7 {
   
       0%,
       80%,
       100% {
           box-shadow: 0 2.5em 0 -1.3em
       }
   
       40% {
           box-shadow: 0 2.5em 0 0
       }
   }
   
   @keyframes load7 {
   
       0%,
       80%,
       100% {
           box-shadow: 0 2.5em 0 -1.3em
       }
   
       40% {
           box-shadow: 0 2.5em 0 0
       }
   }
   
   .blu-gradient,
   body,
   #colophon {
       background-color: #2e187c;
       background-image: -webkit-gradient(linear, left center, right center, from(#0664b1), to(#2e187c));
       background-image: -webkit-linear-gradient(left, #0664b1, #2e187c);
       background-image: -moz-linear-gradient(left, #0664b1, #2e187c);
       background-image: -ms-linear-gradient(left, #0664b1, #2e187c);
       background-image: -o-linear-gradient(left, #0664b1, #2e187c);
       background-image: linear-gradient(left, #0664b1, #2e187c);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#0664b1", EndColorStr="#2e187c")
   }
   
   html {
       font-size: 62.5%
   }
   
   body {
       font-size: 1.6rem;
       min-width: 303px;
       font-family: 'Roboto','sans-serif';
       letter-spacing: 0.7px
   }
   
   body.admin-bar {
       padding-top: 32px
   }
   
   @media screen and (max-width:782px) {
       body.admin-bar {
           padding-top: 46px
       }
   
       body.admin-bar #wpadminbar {
           min-width: 260px !important
       }
   }
   
   @media screen and (max-width:600px) {
       body.admin-bar #wp-admin-bar-comments {
           display: none !important
       }
   }
   
   @media only screen and (max-width: 767px) {
       body.admin-bar {
           padding-top: 0
       }
   
       body.admin-bar #wpadminbar {
           display: none
       }
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       margin-top: 0;
       font-weight:bold;
       color:  #00263E;
   }
   
   .cf {
       *zoom: 1
   }
   
   .cf:before,
   .cf:after {
       content: '';
       display: table
   }
   
   .cf:after {
       clear: both
   }
   
   .container .container,
   .container-fluid .container {
       width: 100%;
       padding: 0;
       margin: 0
   }
   
   .bs-form-control {
       display: block;
       width: 100%;
       height: 34px;
       padding: 6px 12px;
       font-size: 14px;
       line-height: 1.42857;
       color: #555;
       background-color: #fff;
       background-image: none;
       border: 1px solid #ccc;
       border-radius: 4px;
       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
       -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
       -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
       transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
   }
   
   .bs-btn,
   #masthead .default .request-demo a {
       display: inline-block;
       padding: 6px 12px;
       margin-bottom: 0;
       font-size: 14px;
       font-weight: 400;
       line-height: 1.42857;
       text-align: center;
       white-space: nowrap;
       vertical-align: middle;
       -ms-touch-action: manipulation;
       touch-action: manipulation;
       cursor: pointer;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       background-image: none;
       border: 1px solid transparent;
       border-radius: 4px
   }
   
   .bs-img-responsive {
       display: block;
       max-width: 100%;
       height: auto
   }
   
   .alignleft {
       float: left;
       margin-right: 20px;
       margin-bottom: 20px
   }
   
   .alignright {
       float: right;
       margin-left: 20px;
       margin-bottom: 20px
   }
   
   .aligncenter {
       display: block;
       margin: 0 auto 20px
   }
   
   .ucase,
   #mobile-menu>li>a,
   #masthead .menu>li>a,
   .hentry h1,
   .hentry h2,
   #modal-request-demo .modal-title,
   .page-template-school-search #content .panel h2 {
       text-transform: uppercase
   }
   
   .nowrap,
   [href^=tel] {
       white-space: nowrap
   }
   
   .lbl {
       font-size: 1.2rem;
       margin-bottom: 0;
       font-weight: 700
   }
   
   .reset,
   #mobile-menu,
   #mobile-menu ul,
   #masthead .menu .sub-menu,
   article.post-74 .c1 ul {
       list-style: none;
       margin: 0;
       padding: 0
   }
   
   .img-filler {
       width: 100%;
       height: auto;
       position: relative;
       z-index: -1
   }
   
   .bg-filler {
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center
   }
   
   .no-decoration:hover,
   #mobile-menu a:hover,
   #menu-toggle a:hover,
   #masthead a:hover,
   .bx-prev:hover,
   .bx-next:hover,
   .navigation.pagination a:hover,
   .navigation.post-navigation a:hover,
   .no-decoration:active,
   #mobile-menu a:active,
   #menu-toggle a:active,
   #masthead a:active,
   .bx-prev:active,
   .bx-next:active,
   .navigation.pagination a:active,
   .navigation.post-navigation a:active,
   .no-decoration:focus,
   #mobile-menu a:focus,
   #menu-toggle a:focus,
   #masthead a:focus,
   .bx-prev:focus,
   .bx-next:focus,
   .navigation.pagination a:focus,
   .navigation.post-navigation a:focus {
       text-decoration: none
   }
   
   .mirror {
       -webkit-transform: scale(-1, 1);
       -moz-transform: scale(-1, 1);
       -ms-transform: scale(-1, 1);
       -o-transform: scale(-1, 1);
       transform: scale(-1, 1)
   }
   
   [data-eqht] {
       visibility: hidden
   }
   
   [data-href] {
       cursor: pointer
   }
   
   .flexbx,
   .banner-content,
   .page-template-school-search #content .panel .container {
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       -ms-flex-align: center;
       -webkit-align-items: center;
       -webkit-box-align: center;
       align-items: center
   }
   
   .flush [class*=col] {
       padding-left: 0;
       padding-right: 0
   }
   
   .info-after-break .info-after:before {
       content: '';
       display: block
   }
   
   .field_wrapper {
       margin-bottom: 5px
   }
   
   .field_wrapper .req {
       color: #f00;
       margin-left: 2px
   }
   
   .field_wrapper .field_name {
       float: left;
       font-size: 1.2rem;
       margin-bottom: 0;
       font-weight: 700
   }
   
   .field_wrapper .field_input {
       clear: both
   }
   
   .field_wrapper .validation_error {
       float: left;
       margin-top: -1px
   }
   
   .field_wrapper .validation_error p {
       float: left;
       margin: 3px 0 0 6px;
       font-size: 1rem;
       font-style: italic;
       color: #f00
   }
   
   .field_wrapper .validation_error>p.alert {
       margin: 10px 0 0
   }
   
   .modal {
       overflow: hidden
   }
   
   .modal#video {
       background: none;
       border: 0;
       box-shadow: none
   }
   
   .modal iframe {
       border: 0
   }
   
   .modal label,
   .modal [type=text],
   .modal [type=password] {
       width: 100%;
       font-size: 1.2rem
   }
   
   .modal .alert {
       text-align: center;
       font-size: 1.2rem;
       font-style: italic
   }
   
   .modal [type=text],
   .modal [type=password] {
       font-weight: 400;
       padding: 5px
   }
   
   .modal #status {
       overflow: hidden
   }
   
   .modal .modal-xl {
       width: 100%;
       max-width: 1360px;
       padding-left: 15px;
       padding-right: 15px
   }
   
   .modal .modal-header {
       background: #eee;
       border-radius: 6px 6px 0 0
   }
   
   .toggleable label {
       font-weight: 400;
       cursor: pointer
   }
   
   .toggleable .t-content,
   .toggleable [type=radio] {
       display: none
   }
   
   .toggleable [type=radio]:checked+.t-content {
       display: block
   }
   
   .bg50 {
       background: #ececec;
       overflow-x: hidden
   }
   
   .bg50 h1 {
       margin-top: 0
   }
   
   .bg50 .c1 .entry {
       position: absolute;
       width: 170%;
       right: 0
   }
   
   .bg50 .c1.col-sm-push-6 .entry {
       left: 0
   }
   
   .bg50 .c2 .entry {
       padding: 90px 45px;
       padding-right: 0
   }
   
   .bg50 .c2.col-sm-pull-6 .entry {
       padding-left: 0;
       padding-right: 45px
   }
   
   .bg50.split .c1 .entry {
       padding: 90px 45px;
       padding-left: 80%
   }
   
   .bg50.split .c2 .entry {
       padding: 90px 45px;
       padding-right: 80%;
       position: absolute;
       width: 170%;
       left: 0
   }
   
   @media only screen and (max-width: 767px) {
       .bg50 .c1 {
           padding-left: 0;
           padding-right: 0
       }
   
       .bg50 .c1 .entry {
           position: static;
           width: 100%;
           min-height: 300px
       }
   
       .bg50 .c2 .entry {
           padding-left: 0;
           padding-right: 0
       }
   
       .bg50.split .columns {
           padding-left: 0;
           padding-right: 0
       }
   
       .bg50.split .entry {
           position: static !important;
           padding-left: 15px !important;
           padding-right: 15px !important
       }
   
       .bg50.split .c1 .entry {
           padding-left: 0;
           padding-right: 0
       }
   }
   
   .stButton .stButton_gradient,
   .stButton .stFb,
   .stButton .stTwbutton,
   .stButton .stMainServices {
       height: auto !important
   }
   
   .stButton {
       padding: 0;
       margin: 0 !important;
       width: 16px;
       height: 16px
   }
   
   .social-btns [class*=st_] {
       display: inline-block;
       width: 16px;
       height: 16px
   }
   
   .chicklets {
       width: 16px;
       border-radius: 3px;
       padding: 0 !important
   }
   
   iframe.twitter-tweet {
       width: 100%;
       max-width: 100% !important
   }
   
   blockquote.twitter-tweet {
       margin: 0;
       padding: 0;
       border: 0
   }
   
   .embed-container {
       position: relative;
       padding-bottom: 56.25%;
       padding-top: 30px;
       height: 0;
       overflow: hidden;
       max-width: 100%;
       height: auto
   }
   
   .embed-container iframe,
   .embed-container object,
   .embed-container embed {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%
   }
   
   body.behaved {
       overflow: hidden;
       background-color: #fff
   }
   
   #page {
       position: relative;
       background: #f2f2f2;
       -webkit-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -ms-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -o-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
       -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%
   }
   
   #page.behaved {
       -moz-transform: scale(0.9);
       -o-transform: scale(0.9);
       -ms-transform: scale(0.9);
       -webkit-transform: scale(0.9);
       transform: scale(0.9)
   }
   
   #mobile-menu {
       -moz-transform: scale(2);
       -o-transform: scale(2);
       -ms-transform: scale(2);
       -webkit-transform: scale(2);
       transform: scale(2);
       opacity: 0;
       margin: 0;
       -webkit-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -ms-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -o-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transform: transform-orgin(50% 50%);
       -o-transform: transform-orgin(50% 50%);
       -ms-transform: transform-orgin(50% 50%);
       -webkit-transform: transform-orgin(50% 50%);
       transform: transform-orgin(50% 50%)
   }
   
   #mobile-menu a {
       color: #fff;
       font-size: 2rem
   }
   
   #mobile-menu .menu-item-has-children>a:after {
       content: '\f0d7';
       position: absolute;
       font-family: 'FontAwesome';
       margin-left: 15px
   }
   
   #mobile-menu>li {
       text-align: center;
       padding: 15px 0
   }
   
   #mobile-menu>li>a {
       margin-top: 45px;
       margin-bottom: 25px
   }
   
   #mobile-menu .sub-menu {
       background-color: rgba(22, 99, 149, 0.5);
       display: none;
       margin-top: 15px;
       padding-top: 15px;
       padding-bottom: 15px
   }
   
   #mobile-menu .sub-menu a {
       font-size: 1.4rem
   }
   
   #menu-toggle {
       position: fixed;
       z-index: 99;
       top: 0;
       right: 0;
       background-color: transparent;
       margin: 18px 20px;
       -webkit-transition: padding 100ms linear;
       -moz-transition: padding 100ms linear;
       -ms-transition: padding 100ms linear;
       -o-transition: padding 100ms linear;
       transition: padding 100ms linear
   }
   
   #menu-toggle a:hover>span:first-child {
       top: 0px
   }
   
   #menu-toggle a:hover>span:nth-child(3) {
       top: 22px
   }
   
   #menu-toggle a.behaved>span:first-child {
       top: 10px;
       transform: rotate(135deg)
   }
   
   #menu-toggle a.behaved>span:nth-child(2) {
       opacity: 0
   }
   
   #menu-toggle a.behaved>span:nth-child(3) {
       top: 10px;
       transform: rotate(-135deg)
   }
   
   #menu-toggle a>.bar {
       position: absolute;
       left: 0;
       width: 24px;
       height: 3px;
       background-color: #1c81c2;
       -webkit-transition: top 100ms linear, transform 150ms linear, opacity 100ms linear;
       -moz-transition: top 100ms linear, transform 150ms linear, opacity 100ms linear;
       -ms-transition: top 100ms linear, transform 150ms linear, opacity 100ms linear;
       -o-transition: top 100ms linear, transform 150ms linear, opacity 100ms linear;
       transition: top 100ms linear, transform 150ms linear, opacity 100ms linear
   }
   
   #menu-toggle a>span:first-child {
       top: 3px
   }
   
   #menu-toggle a>span:nth-child(2) {
       top: 11px
   }
   
   #menu-toggle a>span:nth-child(3) {
       top: 19px
   }
   
   #menu-toggle>.navigation {
       color: #1c81c2;
       font-size: 1.6rem;
       font-weight: 700;
       line-height: 24px;
       letter-spacing: 1px;
       text-transform: uppercase;
       position: relative;
       padding-left: 21px;
       text-decoration: none;
       float: right
   }
   
   .first-panel #menu-toggle a>.bar,
   .behaved #menu-toggle a>.bar {
       background-color: #fff
   }
   
   .first-panel #menu-toggle>.navigation,
   .behaved #menu-toggle>.navigation {
       color: #fff
   }
   
   .navigation-overlay {
       display: none;
       background-color: rgba(28, 129, 194, 0.95);
       display: none;
       position: fixed;
       z-index: 98;
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       padding-top: 104px;
       padding-bottom: 70px;
       overflow-x: hidden;
       overflow-y: auto
   }
   
   .navigation-overlay.behaved #mobile-menu {
       opacity: 1;
       -moz-transform: scale(1);
       -o-transform: scale(1);
       -ms-transform: scale(1);
       -webkit-transform: scale(1);
       transform: scale(1);
       -webkit-transition-delay: 200ms;
       -moz-transition-delay: 200ms;
       -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
       transition-delay: 200ms
   }
   
   .btn {
       border: 0
   }
   
   .btn-blu,
   .btn-blu:focus,
   .btn-blu:active {
       color: #fff !important;
       background-color: #026fcb;
       background-image: -webkit-gradient(linear, center top, center bottom, from(#0da5fd), to(#026fcb));
       background-image: -webkit-linear-gradient(top, #0da5fd, #026fcb);
       background-image: -moz-linear-gradient(top, #0da5fd, #026fcb);
       background-image: -ms-linear-gradient(top, #0da5fd, #026fcb);
       background-image: -o-linear-gradient(top, #0da5fd, #026fcb);
       background-image: linear-gradient(top, #0da5fd, #026fcb);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#0da5fd", EndColorStr="#026fcb")
   }
   
   .btn-blu:hover {
       background-color: #0288d5;
       background-image: -webkit-gradient(linear, center top, center bottom, from(#0288d5), to(#0288d5));
       background-image: -webkit-linear-gradient(top, #0288d5, #0288d5);
       background-image: -moz-linear-gradient(top, #0288d5, #0288d5);
       background-image: -ms-linear-gradient(top, #0288d5, #0288d5);
       background-image: -o-linear-gradient(top, #0288d5, #0288d5);
       background-image: linear-gradient(top, #0288d5, #0288d5);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#0288d5", EndColorStr="#0288d5")
   }
   
   .btn-green,
   #masthead .default .request-demo a {
       border: 2px solid #4eca85
   }
   
   .btn-green,
   #masthead .default .request-demo a,
   .btn-green:focus,
   #masthead .default .request-demo a:focus,
   .btn-green:active,
   #masthead .default .request-demo a:active {
       color: #fff !important;
       background-color: #4eca85;
       background-image: -webkit-gradient(linear, center top, center bottom, from(#4eca85), to(#4eca85));
       background-image: -webkit-linear-gradient(top, #4eca85, #4eca85);
       background-image: -moz-linear-gradient(top, #4eca85, #4eca85);
       background-image: -ms-linear-gradient(top, #4eca85, #4eca85);
       background-image: -o-linear-gradient(top, #4eca85, #4eca85);
       background-image: linear-gradient(top, #4eca85, #4eca85);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#4eca85", EndColorStr="#4eca85")
   }
   
   .btn-green:hover,
   #masthead .default .request-demo a:hover {
       background-color: #35b06c;
       background-image: -webkit-gradient(linear, center top, center bottom, from(#35b06c), to(#35b06c));
       background-image: -webkit-linear-gradient(top, #35b06c, #35b06c);
       background-image: -moz-linear-gradient(top, #35b06c, #35b06c);
       background-image: -ms-linear-gradient(top, #35b06c, #35b06c);
       background-image: -o-linear-gradient(top, #35b06c, #35b06c);
       background-image: linear-gradient(top, #35b06c, #35b06c);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#35b06c", EndColorStr="#35b06c")
   }
   
   .btn-white-border {
       border: 2px solid #fff
   }
   
   .btn-white-border,
   .btn-white-border:focus,
   .btn-white-border:active {
       color: #fff !important;
       background-color: transparent;
       background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(transparent));
       background-image: -webkit-linear-gradient(top, transparent, transparent);
       background-image: -moz-linear-gradient(top, transparent, transparent);
       background-image: -ms-linear-gradient(top, transparent, transparent);
       background-image: -o-linear-gradient(top, transparent, transparent);
       background-image: linear-gradient(top, transparent, transparent);
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="transparent", EndColorStr="transparent")
   }
   
   .btn-white-border:hover {
       background-color: rgba(0, 0, 0, 0);
       background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
       background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
       background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
       background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
       background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
       background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
       filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(0, 0, 0, 0)", EndColorStr="rgba(0, 0, 0, 0)")
   }
   
   .btn-lg,
   #masthead .default .request-demo a {
       font-size: 1.6rem;
       padding: 11px 26px;
       font-weight: 600
   }
   
   .btn-xl {
       font-size: 2.4rem;
       padding: 11px 26px;
       font-weight: 600
   }
   
   .btn-round,
   #masthead .default .request-demo a {
       border-radius: 100px
   }
   
   #masthead {
       position: absolute !important; 
       width: 100%;
       z-index: 1
   }
   
   #masthead .brand {
       float: left
   }
   
   @media only screen and (max-width: 767px) {
       #masthead .brand {
           text-align: center
       }
   }
   
   #masthead nav {
       float: right
   }
   
   #masthead .menu .sub-menu {
       position: absolute;
       display: none
   }
   
   #masthead .menu li:hover>.sub-menu {
       display: block
   }
   
   #masthead .menu>li>a {
       font-weight: 600
   }
   
   #masthead .home-page,
   #masthead .default {
       position: absolute;
       width: 100%
   }
   
   #masthead .default {
   /*     -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
       background: #fff */
   }
   
   /*
   #masthead .default .logo img {
       margin: 10px 0 10px 15px;
       width: 200px
   }*/
   
   #masthead .default .request-demo {
       margin-left: 27px !important
   }
   
   #masthead .default .request-demo a {
       width: 210px
   }
   
   #masthead .default .menu {
          margin-top: 63px;
       margin-right: 40px;
   }
   
   #masthead .default .menu a {
       color: #00263E !important;
   }
   
   #masthead .default .menu>li+li {
       margin-left: 36px
   }
   
   #masthead .default .menu>li[class*=current]>a {
       color: #1c81c2
   }
   
   #masthead .home-page {
       display: none
   }
   
   /*
   #masthead .home-page .logo img {
       margin: 11px 0 0 10px;
       width: 170px
   }
   */
   #masthead .home-page .logo img {
       padding-top: 32px;
       max-height: 95px;
       margin-bottom: 32px;
   }
   
   #masthead .home-page .request-demo {
       display: none
   }
   
   #masthead .home-page .menu {
       margin-top: 63px;
       margin-right: 40px
   }
   
   #masthead .home-page .menu a {
        color: #00263E !important;
   }
   
   #masthead .home-page .menu>li+li {
       margin-left: 35px
   }
   
   #banner,
   .ibanner {
       position: relative;
               border-bottom: 5px solid #F0B323;
   }
   
   #banner .entry {
       display: inline-block;
       max-width: 700px
   }
   
   #banner .ibanner.tl .banner-content,
   #banner .ibanner.tc .banner-content,
   #banner .ibanner.tr .banner-content {
       align-items: flex-start
   }
   
   #banner .ibanner.ml .banner-content,
   #banner .ibanner.mc .banner-content,
   #banner .ibanner.mr .banner-content {
       align-items: center
   }
   
   #banner .ibanner.bl .banner-content,
   #banner .ibanner.bc .banner-content,
   #banner .ibanner.br .banner-content {
       align-items: flex-end
   }
   
   #banner .ibanner.tl,
   #banner .ibanner.ml,
   #banner .ibanner.bl {
       text-align: left
   }
   
   #banner .ibanner.tc,
   #banner .ibanner.mc,
   #banner .ibanner.bc {
       text-align: center
   }
   
   #banner .ibanner.tr,
   #banner .ibanner.mr,
   #banner .ibanner.br {
       text-align: right
   }
   
   @media only screen and (max-width: 767px) {
   
       #banner .ibanner.mbl-tl .banner-content,
       #banner .ibanner.mbl-tc .banner-content,
       #banner .ibanner.mbl-tr .banner-content {
           align-items: flex-start
       }
   
       #banner .ibanner.mbl-ml .banner-content,
       #banner .ibanner.mbl-mc .banner-content,
       #banner .ibanner.mbl-mr .banner-content {
           align-items: center
       }
   
       #banner .ibanner.mbl-bl .banner-content,
       #banner .ibanner.mbl-bc .banner-content,
       #banner .ibanner.mbl-br .banner-content {
           align-items: flex-end
       }
   
       #banner .ibanner.mbl-tl,
       #banner .ibanner.mbl-ml,
       #banner .ibanner.mbl-bl {
           text-align: left
       }
   
       #banner .ibanner.mbl-tc,
       #banner .ibanner.mbl-mc,
       #banner .ibanner.mbl-bc {
           text-align: center
       }
   
       #banner .ibanner.mbl-tr,
       #banner .ibanner.mbl-mr,
       #banner .ibanner.mbl-br {
           text-align: right
       }
   }
   
   .bx-viewport {
       z-index: 1
   }
   
   .banner-content {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%
   }
   
   .banner-entry {
       width: 100%;
       max-width: 1170px;
       padding-left: 15px;
       padding-right: 15px;
       margin-left: auto;
       margin-right: auto
   }
   
   .ibanner.bkgd {
       background-size: cover !important;
       background-position: center center
   }
   
   .bx-controls {
       position: absolute;
       width: 100%;
       bottom: 0;
       top: 0
   }
   
   .pager-wrapper {
       position: absolute;
       bottom: 0;
       width: 100%;
       z-index: 1
   }
   
   .bx-pager {
       max-width: 1170px;
       height: 0;
       text-align: center;
       position: relative;
       padding-left: 15px;
       padding-right: 15px;
       margin: auto
   }
   
   .bx-pager-item {
       position: relative;
       display: inline-block;
       width: 12px;
       height: 12px;
       vertical-align: middle;
       margin: 0 3px
   }
   
   .bx-pager-link {
       position: absolute;
       width: 12px;
       height: 12px;
       margin: -50px 0 0;
       border: 2px solid #b1b1b1;
       border-radius: 12px;
       color: transparent;
       font-size: 0
   }
   
   .bx-pager-link.active {
       background: #b1b1b1
   }
   
   .bx-prev,
   .bx-next {
       font-size: 6rem;
       position: absolute;
       z-index: 52;
       top: 50%;
       line-height: 1;
       margin-top: -30px
   }
   
   .bx-prev.disabled,
   .bx-next.disabled {
       opacity: 0.25;
       cursor: default
   }
   
   .bx-prev.disabled:hover,
   .bx-next.disabled:hover {
       color: #337ab7
   }
   
   .bx-prev:before,
   .bx-next:before {
       font-family: FontAwesome
   }
   
   .bx-prev.bx-prev,
   .bx-next.bx-prev {
       left: 15px
   }
   
   .bx-prev.bx-prev:before,
   .bx-next.bx-prev:before {
       content: '\f104'
   }
   
   .bx-prev.bx-next,
   .bx-next.bx-next {
       right: 15px
   }
   
   .bx-prev.bx-next:before,
   .bx-next.bx-next:before {
       content: '\f105'
   }
   
   .ibanner.bkgd {
       height: 340px
   }
   
   #content {
       padding-left: 15px;
       padding-right: 15px
   }
   
   #content #primary {
       max-width: 1300px;
       margin-left: auto;
       margin-right: auto
   }
   
   #content #primary #main {
       position: relative;
       background: #fff;
       padding: 70px 0;
       min-height: 600px;
       margin-bottom: 0px;
       margin-top: -170px;
       box-shadow: 0px 1px 5px 1px rgba(81 81 81 / 47%);
   -webkit-box-shadow: 0px 1px 5px 1px rgba(81 81 81 / 47%);
   -moz-box-shadow: 0px 1px 5px 1px rgba(81 81 81 / 47%);
   }
   
   .hentry li {
       line-height: 1.5
   }
   
   .hentry p {
       margin-bottom: 20px;
       line-height: 1.9;
       font-size: 19px;
   }
   
   .hentry p:empty {
       display: none
   }
   
   .hentry img.alignleft,
   .hentry img.alignright {
       max-width: 50%;
       height: auto
   }
   
   .hentry img.aligncenter,
   .hentry img.alignnone {
       max-width: 100%;
       height: auto
   }
   
   .hentry h1 {
       font-size: 3.6rem;
       font-weight: 600;
       letter-spacing: 2px
   }
   
   .hentry h2 {
       font-size: 2.6
   }
   
   .hentry h1+hr,
   .hentry h2+hr {
       border: 2px solid #4eca85;
       margin-left: 0;
       max-width: 190px;
       margin-bottom: 30px
   }
   
   div.wpcf7 label {
       width: 100%;
       margin-bottom: 22px
   }
   
   div.wpcf7 .form-control {
       background: #f2f2f2;
       border-radius: 0;
       border: 0;
       height: 64px;
       box-shadow: none;
       padding: 15px
   }
   
   div.wpcf7 textarea.form-control {
       height: auto
   }
   
   div.wpcf7 .wpcf7-not-valid-tip {
       font-weight: 400
   }
   
   div.wpcf7 .btn {
       width: 100%;
       max-width: 310px
   }
   
   div.wpcf7 .lbl {
       font-size: 1.6rem;
       font-weight: 400;
       display: block;
       margin-bottom: 10px
   }
   
   div.wpcf7 .wpcf7-not-valid-tip {
       font-size: 1.2rem;
       font-style: italic
   }
   
   div.wpcf7 .wpcf7-response-output {
       margin-left: 0;
       margin-right: 0;
       padding: 20px;
       border: 2px solid #ccc
   }
   
   div.wpcf7 .wpcf7-form.bsmodal .ajax-loader,
   div.wpcf7 .wpcf7-form.bsmodal .wpcf7-not-valid-tip,
   div.wpcf7 .wpcf7-form.bsmodal .wpcf7-response-output {
       display: none !important
   }
   
   .archive-select {
       padding: 15px 0
   }
   
   .archive-dropdown {
       position: relative
   }
   
   .archive-dropdown .archive-dropdown-button {
       padding: 5px 20px;
       width: 100%;
       text-align: left;
       background: #eee;
       border: 1px solid rgba(0, 0, 0, 0.15)
   }
   
   .archive-dropdown .archive-dropdown-button .fa {
       float: right;
       margin-top: 4px
   }
   
   .dropdown-menu {
       min-width: 100%;
       max-height: 200px;
       overflow-y: auto
   }
   
   .dropdown-menu>li[class*=current] a,
   .dropdown-menu>li[class*=current]:hover a {
       background: #ccc
   }
   
   .flush.image-right .copy {
       padding: 70px 110px 30px 110px
   }
   
   @media only screen and (max-width: 991px) {
       .flush.image-right {
           padding-top: 70px
       }
   
       .flush.image-right .image {
           padding-left: 110px;
           padding-right: 110px
       }
   
       .flush.image-right .bg-filler {
           max-width: 300px
       }
   }
   
   @media only screen and (max-width: 767px) {
       .flush.image-right .image {
           padding-left: 30px;
           padding-right: 30px
       }
   
       .flush.image-right .copy {
           padding: 70px 30px 30px
       }
   }
   
   .page-id-73 #content #primary #main {
       padding: 0
   }
   
   .page-id-74 #main-menu {
       margin-top: 36px !important
   }
   
   .page-id-74 .request-demo {
       display: none
   }
   
   article.post-74 .c1 {
       font-size: 2.1rem
   }
   
   article.post-74 .c1 ul {
       padding-left: 100px;
       margin-bottom: 30px
   }
   
   article.post-74 .c1 li {
       margin-bottom: 10px
   }
   
   article.post-74 .c1 strong {
       position: absolute;
       margin-left: -100px
   }
   
   @media only screen and (max-width: 480px) {
       article.post-74 .c1 {
           font-size: 1.6rem
       }
   }
   
   div.sharethis {
       min-height: 24px
   }
   
   .navigation.pagination,
   .navigation.post-navigation {
       border-top: 1px solid #ccc;
       clear: both;
       border-radius: 0;
       padding-top: 20px;
       margin-top: 40px
   }
   
   .navigation.pagination a,
   .navigation.post-navigation a {
       color: #000
   }
   
   .navigation.pagination .screen-reader-text,
   .navigation.post-navigation .screen-reader-text {
       display: none
   }
   
   .navigation.pagination {
       text-align: center;
       display: block
   }
   
   .navigation.pagination .nav-links>* {
       display: inline-block;
       width: 30px;
       height: 30px;
       line-height: 30px;
       border: 1px solid #ccc;
       margin: 0 -3px 0 -2px
   }
   
   .navigation.pagination .nav-links .current {
       background: #000;
       color: #fff
   }
   
   .navigation.pagination .nav-links .next,
   .navigation.pagination .nav-links .prev {
       width: auto
   }
   
   .navigation.post-navigation .nav-previous {
       float: left
   }
   
   .navigation.post-navigation .nav-next {
       float: right
   }
   
   #colophon {
       padding: 30px 0;
       text-align: center
   }
   
   #colophon h2,
   #colophon p {
       display: inline-block;
       vertical-align: middle
   }
   
   #colophon h2 {
       color: #fff
   }
   
   #colophon p {
       margin: 0
   }
   
   #colophon .panel {
       background: none;
       margin: 0
   }
   
   #colophon .btn {
       margin: 10px 15px
   }
   
   #legal {
       background: #151152;
       padding: 15px;
       text-align: center;
       font-size: 1.4rem
   }
   
   #legal,
   #legal a {
       color: #fff
   }
   
   #modal-request-demo .fa {
       cursor: pointer;
       font-size: 3rem;
       color: #fff;
       position: absolute;
       right: 0;
       top: 0;
       margin: 20px
   }
   
   #modal-request-demo .modal-header {
       padding: 20px 80px;
       background: #0567b3;
       color: #fff
   }
   
   #modal-request-demo .modal-title {
       font-size: 3.6rem;
       font-weight: 600;
       margin-bottom: 10px
   }
   
   #modal-request-demo .modal-body {
       padding: 50px 110px
   }
   
   @media only screen and (max-width: 767px) {
   
       #modal-request-demo .modal-header,
       #modal-request-demo .modal-body {
           padding-left: 20px;
           padding-right: 20px
       }
   }
   
   .form-control.inline {
       display: inline-block;
       width: auto
   }
   
   .page-template-school-search {
       background: #151152
   }
   
   .page-template-school-search #menu-toggle {
       position: absolute
   }
   
   .page-template-school-search #menu-toggle .bar {
       background: #1c81c2
   }
   
   .page-template-school-search #menu-toggle a {
       color: #1c81c2
   }
   
   .page-template-school-search #masthead {
       position: absolute
   }
   
   .page-template-school-search #masthead .default {
       display: none
   }
   
   .page-template-school-search #masthead .home-page {
       display: block
   }
   
   .page-template-school-search #content {
       padding: 0
   }
   
   .page-template-school-search #content .panel {
       padding: 100px 0 50px;
       font-size: 2.4rem;
       color: #fff;
       font-size: 1.6rem;
       margin-bottom: 0
   }
   
   .page-template-school-search #content .panel h2 {
       font-size: 4.2rem
   }
   
   .page-template-school-search #content .panel h2+p {
       font-size: 1.8rem
   }
   
   .page-template-school-search #content .panel h3 {
       font-size: 2.8rem
   }
   
   .page-template-school-search #content .panel .container {
       align-items: baseline;
       height: 100%;
       width: 100%
   }
   
   .page-template-school-search #content .panel .row {
       width: 100%;
       margin: 0
   }
   
   .page-template-school-search #content .panel .row .c1 .entry {
       padding-top: 100px
   }
   
   .page-template-school-search #colophon {
       display: none
   }
   
   .page-template-school-search #search-box {
       margin-top: 30px;
       min-height: 200px
   }
   
   .page-template-school-search #search-school {
       max-width: 420px;
       margin: auto;
       margin-bottom: 15px
   }
   
   .page-template-school-search #search-school button {
       border: 0;
       background: none;
       font-size: 3rem;
       color: #4eca85
   }
   
   .page-template-school-search #search-school .input-group-addon {
       background: #fff
   }
   
   .page-template-school-search #search-school .form-control {
       height: 60px;
       border-left: 0
   }
   
   .page-template-school-search #search-program {
       text-align: center;
       display: none
   }
   
   .page-template-school-search #search-program>* {
       margin: 0 10px;
       display: inline-block
   }
   
   .s-prog {
       margin-bottom: 10px;
   }
   
   .school-year-search {
       width: 200px;
       margin-left: -10px!important;
   }
   
   .school-year-search-select {
       width: 100%!important;
       color: #444;
       font-weight: bold;
   }
   
   .plan-search {
       margin-left: 0!important;
       width: 12%;
   }
   
   .plan-search-select {
       width: 110%!important;
       color: #444;
       font-weight: bold;
   }
   
   .p-desc-upper {
       display:none;
   }
   
   .p-desc-bottom {
       display:block;
   }
   
   .title-pb {
       padding-bottom:80px;
   }
   
   ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #444444 !important;
       font-weight: bold;
   }
   ::-moz-placeholder { /* Firefox 19+ */
       color: #444444 !important;
       font-weight: bold;
   }
   :-ms-input-placeholder { /* IE 10+ */
       color: #444444 !important;
       font-weight: bold;
   }
   :-moz-placeholder { /* Firefox 18- */
       color: #444444 !important;
       font-weight: bold;
   }
   
   ::placeholder {
       color: #444444 !important;
       font-weight: bold;
   }
   
   @media only screen and (max-width: 767px){
       .school-year-search {
           width: 100%;
           margin-left: 0!important;
       }
       .plan-search {
           width: 100%!important;
       }
       .plan-search-select {
           width: 100%!important;
       }
       
       .s-prog {
           margin-bottom: 0;
       }
       .page-template-school-search #content .panel .row .c1 .entry {
           padding-top: 0;
       }
       .p-desc-upper {
           display:block!important;
           padding-bottom: 15px;
       }
       .p-desc-bottom {
           display:none!important;
       }
       .title-pb {
           padding-bottom:15px;
       }
   }
   
   .page-template-school-search #search-program label {
       display: block;
       text-align: left;
       font-weight: 400;
       font-size: 1.2rem
   }
   
   .page-template-school-search #search-program .form-control {
       height: 40px
   }
   
   .page-template-school-search #search-program .btn {
       height: 40px;
       border-radius: 40px;
       font-size: 1.8rem;
       font-weight: 700;
       width: 80px
   }
   
   @media only screen and (max-width: 991px) {}
   
   @media only screen and (max-width: 767px) {
   
       .page-template-school-search #content,
       .page-template-school-search #content .layout,
       .page-template-school-search #content .panel {
           min-height: 0
       }
   
       .page-template-school-search #content .panel {
           padding-top: 50px
       }
   
       .page-template-school-search #search-program {
           max-width: 420px;
           margin-left: auto;
           margin-right: auto
       }
   
       .page-template-school-search #search-program>* {
           display: block;
           margin: 0 0 15px
       }
   
       .page-template-school-search #search-program .form-control {
           width: 100%
       }
   
       .page-template-school-search #colophon,
       .page-template-school-search #legal {
           position: static
       }
   
       .page-template-school-search #colophon {
           margin-top: -1px
       }
   
       .page-template-school-search #colophon h2 {
           font-size: 2.4rem;
           display: block
       }
   
       .page-template-school-search #colophon .btn-xl {
           padding: 5px 15px;
           font-size: 1.6rem
       }
   }
   
   @media only screen and (max-width: 480px) {
       .page-template-school-search #colophon {
           padding: 10px 0
       }
   
       .page-template-school-search #colophon h2 {
           display: none
       }
   }
   
   .home-callouts {
       background-color: #fff;
       padding: 0 100px 50px
   }
   
   .home-callouts .callout {
       background-color: #fff;
       border: 1px solid #e5e5e5;
       border-radius: 5px;
       margin-top: -50px
   }
   
   .home-callouts .callout .callout-image {
       background-size: cover;
       height: 215px
   }
   
   .home-callouts .callout .callout-image.hands-keyboard {
       background-image: url('../images/hands-keyboard.png')
   }
   
   .home-callouts .callout .callout-image.students-ondevices {
       background-image: url('../images/students-ondevices.png')
   }
   
   .home-callouts .callout .callout-image.university-portal {
       background-image: url('../images/university-portal.png')
   }
   
   .home-callouts .callout .callout-content {
       padding: 25px
   }
   
   .home-callouts .callout .callout-content h3 {
       color: #0071ce;
       font-weight: 600
   }
   
   @media only screen and (max-width: 767px) {
       .home-callouts {
           padding: 25px
       }
   
       .home-callouts .col-sm-6+.col-sm-6 .callout {
           margin-top: 25px
       }
   }
   
   @media only screen and (max-width: 991px) {
       .home-callouts {
           padding: 0 50px 50px
       }
   }
   
   .blog .container,
   .single .container {
       width: 100%
   }
   
   .single #content #primary #main,
   .blog #content #primary #main {
       padding: 70px 110px
   }
   
   .single,
   h1.entry-title,
   .blog h1.entry-title {
       color: #383838;
       padding-bottom: 26px;
       margin-bottom: 26px;
       position: relative
   }
   
   .single h1.entry-title:after,
   .blog h1.entry-title:after {
       content: '';
       display: block;
       width: 200px;
       height: 5px;
       background: #4eca85;
       position: absolute;
       left: 0;
       bottom: 0
   }
   
   .single .browseByCat,
   .blog .browseByCat {
       text-align: right;
       margin-top: 22px
   }
   
   .single #cat,
   .blog #cat {
       height: 45px;
       border: none;
       background: #f2f2f2;
       width: 325px;
       max-width: 100%
   }
   
   h2.entry-title {
       text-transform: none;
       font-size: 21px;
       font-weight: 200;
       margin: 20px 0 10px
   }
   
   .single h2.entry-title {
       font-size: 36px
   }
   
   h2.entry-title a {
       color: #383838
   }
   
   .blogExcerpt p {
       color: #383838;
       font-size: 16px
   }
   
   article.postExcerpt {
       display: block;
       padding-bottom: 20%
   }
   
   article.postExcerpt .post_date {
       color: #b3b3b3;
       font-size: 16px
   }
   
   .nav-links .page-numbers {
       display: block;
       min-width: 20px !important;
       min-height: 20px !important;
       border: none !important;
       border-radius: 5px;
       background: #1c81c2 !important;
       color: #fff;
       padding: 10px 12px 12px;
       margin: 0 3px !important;
       line-height: 10px !important
   }
   
   .nav-links a.page-numbers {
       color: #fff
   }
   
   .nav-links .page-numbers.current {
       background: #4eca85 !important
   }
   
   .single .nav-links {
       margin-bottom: 60px
   }
   
   .nav-links .nav-next a,
   .nav-links .nav-previous a {
       color: #1c81c2
   }
   
   .blogPostContent {
       display: block;
       margin: 0 auto;
       max-width: 860px
   }
   
   @media only screen and (min-width: 1200px) {}
   
   @media only screen and (max-width: 1199px) {}
   
   @media only screen and (max-width: 991px) {}
   
   @media only screen and (min-width: 768px) and (max-width: 992px) {}
   
   @media only screen and (max-width: 767px) {
   
       .resp-tbl table,
       .resp-tbl thead,
       .resp-tbl tbody,
       .resp-tbl th,
       .resp-tbl td,
       .resp-tbl tr {
           display: block
       }
   
       .resp-tbl thead tr {
           position: absolute;
           top: -9999px;
           left: -9999px
       }
   
       .resp-tbl tr {
           border: 1px solid #ccc
       }
   
       .resp-tbl td {
           font-size: 14px;
           border: none;
           border-bottom: 1px solid #eee;
           position: relative;
           padding-left: 50%;
           white-space: normal;
           text-align: left
       }
   
       .resp-tbl td:before {
           position: absolute;
           top: 17px;
           left: 6px;
           width: 45%;
           padding-right: 10px;
           white-space: nowrap;
           text-align: left;
           font-weight: bold
       }
   
       .resp-tbl td:before {
           content: attr(data-title)
       }
   
       .resp-tbl td strong {
           font-weight: 400;
           font-size: 14px
       }
   
       .visible-xs-flex {
           display: flex !important
       }
   }
   
   @media only screen and (max-width: 480px) {
       .btn {
           white-space: normal !important
       }
   
       .col-ph-12 {
           width: 100%
       }
   
       .hentry img.alignleft,
       .hentry img.alignright,
       .hentry img.aligncenter,
       .hentry img.alignnone {
           display: block;
           float: none;
           max-width: 100%;
           height: auto;
           margin: 0 auto 20px
       }
   }
   
   .btn-primary {
       color: #fff;
       background-color: #DF6534 !important;
       border-color: #2e6da4;
   }
   
   .btn-green{
       background:#8A941E !important;
       border:none !important;
   }
   
   .btn-round {
       border-radius: 3px !important;
   }
   
   button#go-portal {
       box-shadow: 0 8px 6px -6px black;
   }
   
   .ibanner img.img-responsive {
       width: 100%;
   }
   
   h1.single-page-title-custom {
       font-size: 60px;
       font-weight: bold;
       margin-top: 80px;
   }
   
   
   
   .site-content {
       padding-bottom: 200px;
   }
   
   .site-main {
       border-radius: 6px;
       top: 60px;
   }
   
   /*
   #masthead .default .logo img {
       margin: 0px;
       width: 250px;
   }
   */
   #masthead .default .logo img {
       padding-top: 32px;
       max-height: 95px;
       margin-bottom: 32px;
   }
   
   @media only screen and (max-width: 767px){
       .ibanner img.img-responsive {
           height: 200px;
       }
       h1.single-page-title-custom {
           margin-top: 0!important;
           font-size: 40px!important;
       }
       .site-main {
           top: 140px!important;
       }
       .site-content {
           padding-bottom: 185px;
       }
       #banner {
           top: 0;
       }
   }
   
   @media (min-width: 768px) and (max-width: 991.98px) {
       .ibanner img.img-responsive {
           height: 400px;
       }
   }
   
   @media only screen and (max-width: 480px) {
       #masthead .home-page .logo span {
           font-size: 18px!important;
       }
       #masthead .default .logo span {
           font-size: 18px!important;
       }
       
   }
   @media (min-width: 1200px) {
       #content #primary #main {
           margin-top: -100px;
       }
   }
   
   
   /* Remove default focus outline */
    a:focus {
     outline: none !important;
   }
   
   /* Add a custom focus style */
   a:focus {
   border: 2px solid #df6534 !important;
       border-radius: 3px !important;
       box-shadow: 0 0 5px rgb(0 0 0 / 70%) !important;
   }
   
   
   .logo:focus {
     display: block;
     width: 100%;
     height: 100%;
     outline: none;
   }
   
   div#mobile-chat-container {
       bottom: 90px !important;
   }
   
   .grecaptcha-badge {
       bottom: 160px !IMPORTANT;
   }
   
   
   .ui-menu-item-wrapper {
       color: #000000 !important;
       font-weight: 600;
   }
   
   #search-program option {
       padding: 0.5em;
       color: #000000 !important;
       font-weight: 600;
   }
   
   
   
   * {
     line-height: 1.5 !important;
     letter-spacing: 0.12em !important;
     word-spacing: 0.16em !important;
   }
   
   p {
     margin-bottom: 2em !important;
   }
   
   
   .form-control:focus {
   border: 2px solid #df6534 !important;
       border-radius: 3px !important;
       box-shadow: 0 0 5px rgb(0 0 0 / 70%) !important;
       
   }