@import "/bundles/fontawesome-free-5.14.0-web/css/all.min.css";
@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0; padding:0}
:focus{outline:0}
* {box-sizing: border-box;}
html {font-size:62.5%}
img {border:0}
body{margin:0; padding:0; font-size:1.6rem;background:#fff;font-family:Roboto; }

a {color:#a9398a;font-weight:500;text-decoration: none;}
a:hover {text-decoration: underline;}

.clr {clear:both}
#themenu_131 { display:none }

.margins {max-width:1142px;margin:0 auto}

div.remodal {border-width:2px}


fieldset {padding:2rem;border:1px solid #ccc;margin-bottom:2rem;display:block}


.free-payment { border:2px solid #a9398a;padding:30px;border-radius:4px;max-width:360px;}

 .diary-list .bx-wrapper {background:none;box-shadow:none;border:0}
.diary-list .bx-wrapper .bx-prev { left:-55px}

.footer-iframe p {margin:0;padding:0}


 .hideme {opacity:0.01;-moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -o-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);

         -webkit-transition: all .6s ease-in-out;
         -moz-transition: all .6s ease-in-out;
         -o-transition: all .6s ease-in-out;
         transition: all .6s ease-in-out;
}


.popme {opacity:0.01;-moz-transform: scale(.1);
          -webkit-transform: scale(.1);
          -o-transform: scale(.1);
          -ms-transform: scale(.1);
          transform: scale(.1);

         -webkit-transition: all .6s ease-in-out;
         -moz-transition: all .6s ease-in-out;
         -o-transition: all .6s ease-in-out;
         transition: all .6s ease-in-out;
}

[off-canvas] {background-color:rgba(255,255,255,.9)}
.speed0 {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition:   all .6s ease-in-out;
  -o-transition:     all .6s ease-in-out;
  transition:        all .6s ease-in-out;
}
.speed0 {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition:   all .6s ease-in-out;
  -o-transition:     all .6s ease-in-out;
  transition:        all .6s ease-in-out;
}
.speed1 {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition:   all .5s ease-in-out;
  -o-transition:     all .5s ease-in-out;
  transition:        all .5s ease-in-out;
}
.speed2 {
 -webkit-transition: all .4s ease-in-out;
  -moz-transition:   all .4s ease-in-out;
  -o-transition:     all .4s ease-in-out;
  transition:        all .4s ease-in-out;
}
.speed3 {
 -webkit-transition: all .7s ease-in-out;
  -moz-transition:   all .7s ease-in-out;
  -o-transition:     all .7s ease-in-out;
  transition:        all .7s ease-in-out;
}
.speed4 {
 -webkit-transition: all .8s ease-in-out;
  -moz-transition:   all .8s ease-in-out;
  -o-transition:     all .8s ease-in-out;
  transition:        all .8s ease-in-out;
}
.speed5 {
 -webkit-transition: all .9s ease-in-out;
  -moz-transition:   all .9s ease-in-out;
  -o-transition:     all .9s ease-in-out;
  transition:        all .9s ease-in-out;
}
.speed6 {
 -webkit-transition: all 1s ease-in-out;
  -moz-transition:   all 1s ease-in-out;
  -o-transition:     all 1s ease-in-out;
  transition:        all 1s ease-in-out;
}
.speed7 {
 -webkit-transition: all 1.2s ease-in-out;
  -moz-transition:   all 1.2s ease-in-out;
  -o-transition:     all 1.2s ease-in-out;
  transition:        all 1.2s ease-in-out;
}
.speed8 {
 -webkit-transition: all 1.3s ease-in-out;
  -moz-transition:   all 1.3s ease-in-out;
  -o-transition:     all 1.3s ease-in-out;
  transition:        all 1.3s ease-in-out;
}
.speed9 {
 -webkit-transition: all 1.1s ease-in-out;
  -moz-transition:   all 1.1s ease-in-out;
  -o-transition:     all 1.1s ease-in-out;
  transition:        all 1.1s ease-in-out;
}


.hideme.hidemenot, .popme.popmenot {opacity:1;-moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
}




 .twocol-table {width:100%}
.twocol-table td {width:50%;padding:4.5rem 4.5rem 0 4.5rem}
.twocol-table tr td {border-left:0px;border-right:4px solid #fff}
.twocol-table tr td {border-right:0px;border-left:4px solid #fff}

.twocol-table td.image {padding:0}
.twocol-table td.image img {width:100%;height:auto}
.twocol-table td h2 {  margin-bottom:4rem ;font-size: 4rem;  font-family: "Roboto";  color: rgb(58, 112, 175);  font-weight: bold;  line-height: 0.933;  text-align: left;  }
.twocol-table td p {   font-size: 1.8rem;  font-family: "Roboto";  color: rgb(0, 0, 0);  line-height: 1.333;  text-align: left;margin:1rem 0 }
   a.desc { color:#993399;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;display:inline-block;background:url(images/new/a-r-l.png) no-repeat right center  }
.twocol-table td.purple-background {background-color:#a9398a}
.twocol-table td.purple-background h2,
.twocol-table td.purple-background p,
.twocol-table td.purple-background p a {color:#fff}
.twocol-table td.purple-background p  a.desc  {color:#fff;background-image:url(images/new/a-r.png)}










h2 {
  font-size: 2.2rem;
  font-family: "Roboto";
  color: rgb(58, 112, 175);
  line-height: 2.4rem;
  text-align: left;
 font-weight:500;
 margin-top:25px;
 margin-bottom:25px;
}


p {line-height:1.2em;margin:20px 0px}

.acc-panel h5,h6 { font-size:2.6rem;color:#fff;background:#a9398a;padding:1rem 1rem;margin:1 -2rem}
.acc-panel:after {content:" ";clear:both;height:1px;display:block}
.countup {opacity:0}

hr {border:0px solid #fff;border-top:1px solid #ccc}

.remodal.wide {max-width:480px;}

.thumbs-index {margin-left:-10px;margin-right:-10px}
.thumbs-index .thumb {width:25%;float:left;padding:10px;}
.thumbs-index .thumb a {font-size:18px;color:#fff;text-align:center;text-decoration:none;display:block;position:relative;border-radius:10px;background-size:cover;background-color:#999;background-position:center top;overflow:hidden;
    -webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,.5);
    box-shadow: 0 0 10px -3px rgba(0,0,0,.5);

}
.thumbs-index .thumb a:before {content:"";padding-bottom:79%;display:block}
.thumbs-index .thumb a span {z-index:1;position:absolute; text-align:center;top:150%;left:10px;right:10px;
 transform: translateY(-50%);
     -webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-ms-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s  ease-in;
}
.thumbs-index .thumb a span small {font-size:14px;font-weight:normal;display:block}
.thumbs-index .thumb a span small:after  { content:" ";width:26px;height:30px;display:block;margin:0 auto;background:url(/images/new/a-r.png) no-repeat center bottom }
.thumbs-index .thumb a:after {content:" ";display:block;position:absolute;left:0;right:0;top:0;margin-top:100%;bottom:0;background:rgba(169, 57, 138,.8);
    -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.thumbs-index .thumb a:hover:after {margin-top:0%}
.thumbs-index .thumb a:hover span {top:50%}

.jquery-back-to-top {padding-top: 14px}

.courses-index {margin-left:-10px;margin-right:-10px;margin-bottom:40px}
.courses-index:after {clear:both;content:" ";display:block}
.courses-index .thumb {width:25%;float:left;padding:10px;}
.courses-index .thumb a { transition:ease .5s;display:block;border:1px solid #ccc;border-radius:10px;text-decoration:none;padding-bottom:10px; }
.courses-index .thumb a:hover {
         box-shadow: 0px 5px 10px rgba(1,1,1,0.5);
}
.courses-index .thumb a .i {font-size:18px;color:#000;text-align:center;text-decoration:none;display:block;position:relative;border-radius:10px 10px 0 0;
    background-size:cover;background-color:#eee;background-position:center top;overflow:hidden;


}
.courses-index .thumb a .i:before {content:"";padding-bottom:59%;display:block}
.courses-index .thumb a span.n { padding:10px 10px 0px 10px;font-weight:normal;color:#014b9a;display:block; height:3.15em;margin-bottom:.4em;overflow:hidden}
.courses-index .thumb a span.g {font-weight:normal;color:#777;font-size:1.4rem;display:block;height:3.8rem;overflow:hidden;padding:0 10px 0px 10px}


#searchfrm {position:relative;}
#searchfrm label {display:none}
#searchfrm .rside {padding-left:30px;}
#searchfrm .rside  form.opened { }
#searchfrm .rside  form.opened input[type=text] { opacity:1;padding:4px 5px;max-width:300px; }
#searchfrm .rside  form.opened input[type=submit] { color:#ef9a27 }

#searchfrm .rside  form  {float:right;margin-left:40px; position:absolute;right:5px;margin-top:0px;z-index:1    }
#searchfrm .rside  form input[type=submit] { border:0; cursor:pointer;position:absolute;right:0;margin:0;height:0;padding:0px;top:47px;
    height:30px;width:30px;background:rgba(0,0,0,0);color:#a9398a;font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px;}
#msearchfrmenu .rside  form input[type=submit]:focus,#top .rside  form input[type=submit]:active {border:0 !important}


body.home #searchfrm .rside  form input[type=submit] {color:#fff}

#searchfrm .rside  form input[type=text] {border-radius:20px;padding:10px;max-width:0px;border:0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
 opacity:0;
 font-weight:300;
 border:2px solid #a9398a;
 padding:4px;
 margin-top:83px;
 margin-right:-5px;
}

#searchfrm .rside  form.opened { }
#searchfrm .rside  form.opened input[type=text] { opacity:1;padding:10px 15px;max-width:300px; }
#searchfrm .rside  form.opened input[type=submit] { color:#a9398a }

.search-res {display:block;margin-bottom:30px;text-decoration:none;}
.search-res .n {display:block;font-size:22px;color:#000}
.search-res .u {margin:0px 0px;display:block;color:#5e9534;text-decoration:underline;font-weight:normal;line-height:18px;}
.search-res .desc {display:block;color:#666}


address { position:relative;display:block;border-left:2px solid #ccc;padding:1rem 2rem;font-size:1.6rem;}

img.img-left {float:left;margin-right:15px;}
img.img-right {float:right;margin-left:15px;}



nav#main {background:#ef9a27; text-align:center;padding:10px 45px 0px 45px}
nav#main ul {list-style:none;list-type:none;padding:0;margin:0;text-align:left}
nav#main ul li {display:inline-block;position:relative}
nav#main ul li:before {display:none;content:""}

nav#main ul li.right {position:absolute;right:0px;}
nav#main ul li a { padding-left:15px;padding-right:15px;color:#fff;text-decoration:none; font-weight:400;  font-size: 24px;  font-family: "Heebo";  color: rgb(255, 255, 255);  line-height: 1.4;
                    text-align: center;}
nav#main ul li.right a {  text-decoration:underline;  font-size: 20px;  font-family: "Heebo";  color: rgb(255, 255, 255);  text-decoration: underline;  line-height: 1.1; }
nav#main  {    }
nav#main #menu ul {   z-index:9999; list-style-type: none;         width:100%;  padding: 0;   }
nav#main #menu  > ul {     text-align:Center;   padding: 0 ;margin:0    }
nav#main #menu  > ul > li {display:inline-block; ;}
nav#main #menu  > ul > li > ul {width:15em; }
nav#main #menu  > ul > li > ul > li {display:block;border-bottom:1px solid #c3c2c6;margin:0}
nav#main #menu  > ul > .menu-item {     flex: 1;   padding:   0;  }
nav#main #menu  > ul > .menu-item:after {     }
nav#main #menu  > ul > .menu-item:hover:after {     }
nav#main #menu  .menu-item {     position: relative;      text-align: center;  }
nav#main #menu  .menu-item a {   overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;  display: block;  color: #FFF;  }
nav#main #menu  .sub-menu .menu-item a  { color:#646368;font-size:20px;line-height:1.2;padding:10px;text-align:left;}
nav#main #menu  .sub-menu .menu-item {    padding:  0;    background: #f4f3f7;   opacity: 0;   transform-origin: bottom;  animation: enter 0.2s ease forwards;  }
nav#main #menu  .sub-menu .menu-item:nth-child(1) {    animation-duration: 0.2s;   animation-delay: 0s; }
nav#main #menu  .sub-menu .menu-item:nth-child(2) {    animation-duration: 0.3s;     animation-delay: 0.1s;   }
nav#main #menu  .sub-menu .menu-item:nth-child(3) {    animation-duration: 0.4s;     animation-delay: 0.2s;     }
nav#main #menu  .sub-menu .menu-item:nth-child(4) {    animation-duration: 0.4s;     animation-delay: 0.3s;     }
nav#main #menu  .sub-menu .menu-item:nth-child(5) {    animation-duration: 0.4s;     animation-delay: 0.4s;     }
nav#main #menu  .sub-menu .menu-item:nth-child(6) {    animation-duration: 0.4s;     animation-delay: 0.5s;     }
nav#main #menu  .sub-menu .menu-item:nth-child(7) {    animation-duration: 0.4s;     animation-delay: 0.6s;     }
nav#main #menu  .sub-menu .menu-item:nth-child(8) {    animation-duration: 0.4s;     animation-delay: 0.7s;     }


  #top .sub-menu .menu-item:hover {   background: #f4f3f7; }
  #top .menu > ul > li:hover > a {  color: #ef9a27; }
  nav#main #menu  .sub-menu .menu-item a:hover  {color:#ef9a27;font-weight:bold}
  #top .sub-menu .menu-item a {   text-align:left;padding: 0 0.75rem;  }



.sub-menu {  background:#fff;  position: absolute;  padding:10px !important;bordeR:1px solid #eee    ;  display: none;     z-index: 1;   }
.menu-item:hover > .sub-menu { width:250px !important;  background:#fff;  display: block;   }


p,li,td {
    font-size: 1.8rem;
    font-family: "Roboto";
    color: #000;
    line-height: 1.556;

}

.acc-panel {bordeR:1px solid #004998;border-radius:3rem;padding:1.5rem 2rem;margin-bottom:1.6rem}
.acc-panel:before {content:"+";float:right;color:#a9398a;font-size:4.2rem;font-weight:bold;margin-top:-.75rem;position:relative;z-index:-1; }
.acc-panel.open:before {content:"-"}


.acc-panel.link:before,.acc-panel.open.link:before {content:"⏶";margin-top:-2rem}

.acc-panel h2 {
  font-size: 24px;
  font-family: "Roboto";
  color: rgb(1, 73, 157);
  line-height: 1;
  font-weight:normal;
  text-align: left;
  margin:0

}
.acc-panel-content { display:none;padding-top:1rem }

.acc-panel-content ol {padding-left:20px}


body.not-home #top.sticky {position:fixed;z-index:99999;top:0;left:0;right:0;background:#fff;-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,.5);
box-shadow: 0 0 10px -5px rgba(0,0,0,.5);height:5rem}
body.is-sticky.not-home {padding-top:140px}

body.is-sticky.not-home #menu ul li .pup {padding-top:1.2rem}

body.not-home #top.sticky #searchfrm .rside form input[type="submit"] { top:10px}
body.not-home #top.sticky #searchfrm .rside form input[type="text"] {margin-top:5px}

body.not-home #top.sticky #logo {height:50px;background-size:contain;margin-top:0px;}
body.not-home #top.sticky #menu { padding-top:10px;}


h1,h2 {color:#3a70af;font-weight:500}

h3 { color:#3a70af;font-weight:500;font-family:Merriweather;font-size:2.5rem}

#intleft  h3 {margin-bottom:1em}


#top {height:11.5rem}

#top #logo {margin-top:1rem;float:left;margin-left:-2rem;width:345px;height:115px;background:url(images/new/logo.png) no-repeat}


#video-right {float:right;margin-left:3em;margin-bottom:2rem}

body.home #top #logo {background-image:url(images/new/logo-w.png)}

@keyframes breath {
  0%   { scale: 1  ; -webkit-transform:scale(1.0) translateX(-50%) translateY(-60%);}
  50% { scale: 1.1  ;-webkit-transform:scale(1.1) translateX(-50%) translateY(-60%); }
  100% { scale: 1  ; -webkit-transform:scale(1.0) translateX(-50%) translateY(-60%);}
}
@keyframes breath2 {
  0%   { scale: 1  ; -webkit-transform:scale(1.0) translateX(-50%) translateY(-0%);}
  50% { scale: 1.1  ;-webkit-transform:scale(1.05) translateX(-50%) translateY(-0%); }
  100% { scale: 1  ; -webkit-transform:scale(1.0) translateX(-50%) translateY(-0%);}
}

body.home #top { height:655px; }
body.home .bgr-img {  position:absolute;width:100%;height:auto;z-index:-2;animation: breath2 40s ease infinite;
                      left:50%;top:0%;
                      transform: translateX(-50%) translateY(0%);

}

body.home video.bgr-img  {
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
animation: breath2 40s ease infinite;
}

body.home #top .inner {height:655px;;overflow:hidden;position:relative;     }
body.home #top .inner:before {content:" ";display:block;position:absolute;left:0;right:0;top:0;bottom:0;
;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-webkit-transform:translate3d(0,0,0);
    background:rgba(1,73,157,.5);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#132761+0,132761+100&1+0,0.17+100 */
background: -moz-linear-gradient(-45deg,  rgba(19,39,97,1) 0%, rgba(19,39,97,0.17) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(19,39,97,1) 0%,rgba(19,39,97,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(19,39,97,1) 0%,rgba(19,39,97,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132761', endColorstr='#2b132761',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    z-index:-1}



#home-marketing {display:none}
body.home #home-marketing {
  max-width:840px;margin:0 auto;display:block;margin-top:7.5rem;
}


#home-marketing .buttons a.btt {background:rgba(169,57,138,.9);-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;}

#home-marketing .buttons a i {display:inline-block;max-width:0px;overflow:hidden;text-align:right;opacity:0; float:right;margin-top:5px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#home-marketing .buttons a:hover {background:rgba(169,57,138,1);
     -moz-transform:   translateY(-4px);
-webkit-transform:   translateY(-4px);
-o-transform:  translateY(-4px);
-ms-transform: translateY(-4px);
transform:   translateY(-4px);
}
#home-marketing .buttons a:hover i {display:none;margin-left:5px;opacity:1;max-width:42px}

.top-holder a.btt    {background:rgba(169,57,138,.9);-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;}

.top-holder a.btt i   {display:inline-block;max-width:0px;overflow:hidden;text-align:right;opacity:0; float:right;margin-top:5px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,.8);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,.8);

}
.top-holder a.btt:hover i {display:none;margin-left:5px;opacity:1;max-width:42px}
 .top-holder a.btt:hover  { background:rgba(169,57,138,1);  -moz-transform:   translateY(-4px);
-webkit-transform:   translateY(-4px);
-o-transform:  translateY(-4px);
-ms-transform: translateY(-4px);
transform:   translateY(-4px);
-webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,.5);
box-shadow: 0px 2px 7px -2px rgba(0,0,0,.5);
}

#home-marketing .message {background:rgba(0,0,0,0);border-radius: 20px;padding:45px 0px;text-align:center}
#home-marketing .message h1 {
  font-size: 7rem;
  font-family: "Merriweather";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  margin-bottom:2rem;
}
#home-marketing .message h2 {
  font-size: 3.5rem;
  font-family: "Merriweather";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-bottom:2rem;
}

#home-marketing .message p {
  font-size:1.8rem;line-height:3rem;color:#fff;
}

#home-marketing .buttons { margin-top:5rem;margin-left:-1rem;margin-right:-1rem;

      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;

}
#home-marketing .buttons span {display:block; padding:0 2rem}
#home-marketing .buttons span a.btt {width:100%;text-align:center;padding-top:1rem;padding-bottom:1rem}

#home-content {margin-bottom:40px;}
#home-content .counters {margin-bottom:40px}
#home-content .counters h2 { text-align:center;margin-top:2.4rem;margin-bottom:4.4rem;  font-size: 3.5rem;
  font-family: "Merriweather";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-bottom:2rem;;color:#01499d}
#home-content .counters .pn {width:25%;float:left;text-align:center;background:url(images/new/hp-bgr.png) repeat-y right top;
font-size:1.8rem;
color:#424396;padding-bottom:2rem;padding-top:.5rem;

}
#home-content .counters .pn:last-child {background:none}
#home-content .counters .pn span {display:block;text-align:center;
  font-size: 6rem;
  font-family: "Roboto";
  color:#a54499;
  line-height: 6rem;
  text-align: center;
  font-weight:300;
  margin-bottom:4rem;

}

#home-content .counters:after {content:" ";display:block;height:1px;clear:both}

.home-bgr-p {  margin:0px 0px 20px 0px;  position:relative  }
.home-bgr-p:after { content:" ";clear:both;height:1px;display:block;background:#fff}

.home-bgr-p2 .content { position:relative;vertical-align:baseline;   }
.home-bgr-p2 .content:after {content:" ";display:block;position:absolute;height:35%;background:#fff;top:100%;left:0;right:0;z-index:99}
.home-bgr-p2 .margins-disabled { display:flex;flex-wrap:nowrap;vertical-align:baseline; }

.home-bgr-p  .hb span h2, .home-bgr-p  .hb span p,.home-bgr-p  .hb span {opacity:0 !important; color:rgba(0,0,0,0) !important}


.home-bgr-p  .hb {padding-top:4rem;padding-bottom:10rem; width:25%;  padding-left:2rem;padding-right:2rem;
                    box-sizing:border-box;height:auto;background-size:cover;background-position:center center}
.home-bgr-p  .hb:last-child {border:0px}
.home-bgr-p  .hb h2 {text-align:center;color:#fff;font-size:2.5rem;line-height:2.8rem;height:8.4rem;margin-bottom:1rem;}
.home-bgr-p  .hb p {text-align:center;color:#fff;font-size:1.8rem;line-height:3rem;height:6.4rem;margin-bottom:1rem}
.home-bgr-p  .hb p+p {height:auto;margin-top:2rem;}
.home-bgr-p  .hb p+p a {color:#fff;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;display:inline-block;background:url(images/new/a-r.png) no-repeat right center}


.home-bgr-p .panels-texts {position:absolute;z-index:999;bottom:80px;left:0;right:0}
.home-bgr-p .panels-texts .txt-c {width:25%;float:left;box-sizing:border-box;padding:0 2rem;}
.home-bgr-p .panels-texts .txt-c  h2 { text-align:center;color:#fff;font-size:2.8rem;line-height:2.8rem;height:8.4rem;margin-bottom:1rem;font-family:Merriweather}
.home-bgr-p .panels-texts .txt-c p {text-align:center;color:#fff;font-size:1.8rem;line-height:3rem;height:6.4rem;margin-bottom:1rem}
.home-bgr-p .panels-texts .txt-c  p+p {height:auto;margin-top:2rem;}
.home-bgr-p .panels-texts .txt-c p+p a {color:#fff;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;display:inline-block;background:url(images/new/a-r.png) no-repeat right center}


.home-bgr-p .margins { }
.home-bgr-p  .hb.hb-1 {width:25%; background-color:#2690a7;padding-top:12rem;position:relative;background-image:url(images/new/panel-1.jpg) }
.home-bgr-p  .hb.hb-1:before {position:absolute;content:" ";display:block;left:0;right:0;top:0;bottom:0;background:rgba(171,68,140,.8)}
.home-bgr-p  .hb.hb-2 {width:25%; background-color:#125d85;padding-top:5rem;position:relative ;background-image:url(images/new/panel-2.jpg) }
.home-bgr-p  .hb.hb-2:before {position:absolute;content:" ";display:block;left:0;right:0;top:0;bottom:0;background:rgba(30,67,135,.8)}
.home-bgr-p  .hb.hb-3 {width:25%; background-color:#248ca7;padding-top:8rem;position:relative;background-image:url(images/new/panel-4.jpg) }
.home-bgr-p  .hb.hb-3:before {position:absolute;content:" ";display:block;left:0;right:0;top:0;bottom:0;background:rgba(107,135,175,.8)}
.home-bgr-p  .hb.hb-4 {width:25%; background-color:#5f3776;padding-top:11rem;position:relative;background-image:url(images/new/panel-3.jpg) }
.home-bgr-p  .hb.hb-4:before {position:absolute;content:" ";display:block;left:0;right:0;top:0;bottom:0;background:rgba(56, 102, 177,.8)}

.scrollinme  .hb   {
    -webkit-transition: transform  1s ease-out;
    -moz-transition: transform  1s ease-out;
    -o-transition: transform  1s  ease-out;
    transition: transform  1s  ease-out;
    vertical-align:baseline;
}

    div.appform {color:#01499B;line-height:24px}
div.appform label {font-size:12px;color:#01499B;width:130px;float:left;clear:left;display:block;margin-left:15px;line-height:26px;}
div.appform fieldset {margin-top:10px;clear:both;border:2px solid #B6D5E7;padding:10px;background:#f8f9fb url(images/fieldset_bgr.gif) repeat-x}
div.appform fieldset legend {font-size:14px;font-weight:bold;margin-left:5px}
div.appform fieldset label {width:125px;margin-left:10px}
div.appform fieldset h3 {font-size:14px;color:#7393BC;margin-top:10px;}
div.appform fieldset h3 span {font-size:12px}
div.appform input.txt {border:1px solid #C2D4EA;padding:2px;color:#01499B}
div.appform textarea.txt {font-family:arial;font-size:12px;border:1px solid #C2D4EA;padding:2px;color:#01499B;width:680px;height:90px}
div.appform input.long {width:550px}

.home-bgr-p  .scrollinmenot  .hb.hb-2,
.home-bgr-p  .scrollinmenot  .hb.hb-3,
.home-bgr-p  .scrollinmenot  .hb.hb-4
 {
    -moz-transform:   skewY(-4deg);
    -webkit-transform:    skewY(-4deg);
    -o-transform:  skewY(-4deg);
    -ms-transform:  skewY(-4deg);
    transform:    skewY(-4deg);
}

.home-bgr-p  .scrollinmenot  .hb.hb-2 {
    transform-origin:300% 0;
}



.home-bgr-p  .scrollinmenot  .hb.hb-3 {
    transform-origin:200% 0;
}


.home-bgr-p  .scrollinmenot  .hb.hb-4 {
    transform-origin:100% 0;
}

.home-bgr-p  .scrollinmenot  .hb.hb-1 {
    -moz-transform:  skewY(11.8deg);
    -webkit-transform:   skewY(11.8deg);
    -o-transform:  skewY(11.8deg);
    -ms-transform:  skewY(11.8deg);
    transform:  skewY(11.8deg);
    transform-origin:0 0;
}




#thecookie p {color:#fff}



.home-panels  { position:relative;margin-top:1rem ;z-index:9999 }
.home-panels .logos { text-align:center;font-size:1.8rem;font-weight:300;color:#424396;padding-top:5rem; }
.home-panels .logos:after { content:" ";display:block;height:1px;clear:both}

.home-panels .logos .pn {width:50%;float:left;font-size:1.8rem;padding:0 2rem 2rem 2rem;margin-bottom:1.5rem}
.home-panels .logos .pn img {margin-top:1.5rem}
.home-panels .logos .pn:first-child {background:url(images/new/hp-bgr.png) no-repeat right top}

.home-panels .only-one .logos .pn:first-child {background:none;float:none;margin:0 auto}

  .home-events {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8d5db+0,d8d5db+6,dfdbe0+16,f8f8f8+44,ffffff+55,ffffff+100 */
background: #d8d5db; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d5db 0%, #d8d5db 6%, #dfdbe0 16%, #f8f8f8 44%, #ffffff 55%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d8d5db 0%,#d8d5db 6%,#dfdbe0 16%,#f8f8f8 44%,#ffffff 55%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d8d5db 0%,#d8d5db 6%,#dfdbe0 16%,#f8f8f8 44%,#ffffff 55%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d5db', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding-top:3rem;padding-bottom:6rem
}
  .home-events h2   {
	text-align: center;
	margin-top: 2.4rem;
	margin-bottom: 4.4rem;
	font-size: 3.5rem;
	font-family: "Merriweather";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-bottom: 2rem;
	color: #01499d;
}
  .home-events:after { content:" ";display:block;height:1px;clear:both }
  .home-events .list { padding-top:3rem }
  .home-events .list .event { width:25%;float:left ;padding-right:7rem}

    .home-events .list .event a {display:block;color:#19469a;font-size:1.6rem;font-weight:400;padding-top:1rem;}
    .home-events .list .event a span.dt {   font-weight:300;margin-top:-1rem;padding-top:1.5rem;padding-bottom:1.5rem;display:block;width:100px;float:right;text-align:center;background:url(images/new/event-bg.png) no-repeat right bottom}
    .home-events .list .event a span.dt span {display:block;
        font-size: 1.8rem;
        font-family: "Roboto";
        color: rgb(51, 102, 153);
        line-height: 1.614;
        font-weight:500;
      }
      .home-events .list .event a span.dt span.l2 { font-size:3.6rem;color:#cc3399;line-height:3.6rem}


.home-subscribe {padding-top:2.5rem;padding-bottom:2.5rem; background:#d8d5db url(images/new/subs-bgr.png) no-repeat center center;

	text-align: center;
	margin-top: 2.4rem;

	font-size: 3.5rem;
	font-family: "Merriweather";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1;
	text-align: center;

	color: #01499d;
}
.home-subscribe {font-size:3rem;font-weight:bold;color:#01499d;line-height:6rem;text-align:center; }

.home-subscribe a.btt {padding-top:1.5rem;padding-bottom:1.5rem;margin-left:3rem;border-radius:3rem;font-family:Roboto}

#top #logo img {display:none}
#searchfrm {float:right;}
#searchfrm button { border:0;background:none;color:#a9398a;font-size:2.6rem }
body.home #searchfrm button {color:#fff}
#searchfrm form { }
#searchfrm i {float:left;margin-top: 4.9rem}
#searchfrm a.btt {float:left;margin-top: 4.4rem;margin-right:4rem}

a.btt {  display:inline-block;font-size:1.6rem;line-height:2.5rem; border-radius: 2rem;padding:.7rem 2rem;color:#fff;font-weight:bold;background-color:#a9398a;text-decoration:none }
a.btt.download {margin-bottom:10px}


#menu {margin-left:30rem;margin-right:5rem;padding-top:5rem;text-align:center }
#menu ul {list-style:none;margin:0;padding:0}
#menu ul li {display:inline-block;}
#menu ul li a { font-size:1.6rem;font-weight:bold;color:#014b9a;text-decoration: none;padding-left:1rem;padding-right:1rem}
#menu ul li ul a {font-weight:400}
body.home #menu ul li a {color:#fff}
body.home #menu ul li ul li a {color:#014b9a}
#menu ul li.sel a { color:#a9398a}
#m-home, #m-599, #m-332 {display:none !important}

a.no-pointer{cursor: default;}

.news-holder { margin:0 -1rem; }
.news-holder .news {width:33.33%;float:left;padding:1rem;}
.news-holder .news a {position:relative;display:block;width:100%;height:250px;background-size:cover;background-color:#d8d5db;border-radius:1rem;text-decoration:none;overflow:hidden}
.news-holder .news a .btm {display:block;position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;background:rgba(0,0,0,.5)}

.news-holder .news:nth-child(1),.news-holder .news:nth-child(2) { width:50% }
.news-holder .news:nth-child(1) a,.news-holder .news:nth-child(2) a {height:385px }

#menu ul li .pup {display:none;position:absolute;width:100%;left:0;padding-top:5.5rem;z-index:9999}
#menu ul li .pup .pup-h:after {clear:both;content:" ";height:0px;display:block}
#menu ul li .pup .pup-h { border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;background:#fff; padding:2rem 0;-webkit-box-shadow: 0 10px 10px -3px rgba(0,0,0,.2);
box-shadow: 0 10px 10px -3px rgba(0,0,0,.2);}
#menu ul li .pup-h>ul { max-width:1142px;margin:0 auto;}
#menu ul li .pup-h>ul li { width:25%;float:left;padding-bottom:1rem}
#menu ul li .pup-h>ul li ul li {width:100%;float:none;display:block;padding-bottom:1rem}
#menu ul li .pup-h>ul li ul li a {font-weight:normal}
#menu ul li .pup-h>ul li a {color:#014b9a}
#menu ul li:hover .pup { display:block;}
#menu ul li ul li {display:block;text-align:left}
#menu ul li ul li a:hover {background-color:#519bea;color:#fff !important }
#menu ul li ul li a   { width:100%;display: block !important  }

#menu li, #menu a { -webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;}

#mnuswitch {display:none}

#footerarea {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f347b+0,0b3776+0,0b357f+1,0d3676+1,0e357a+1,0e357a+4,0d3477+4,0f3274+13,0e3171+14,112f6f+24,102e6c+25,112965+39,132963+39,142761+48,15265e+48,15245b+57,172258+60,172156+69,162053+70,1a1e4e+84,191d4d+100,1c1c4e+100 */
background: #0f347b; /* Old browsers */
background: -moz-linear-gradient(top,  #0f347b 0%, #0b3776 0%, #0b357f 1%, #0d3676 1%, #0e357a 1%, #0e357a 4%, #0d3477 4%, #0f3274 13%, #0e3171 14%, #112f6f 24%, #102e6c 25%, #112965 39%, #132963 39%, #142761 48%, #15265e 48%, #15245b 57%, #172258 60%, #172156 69%, #162053 70%, #1a1e4e 84%, #191d4d 100%, #1c1c4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0f347b 0%,#0b3776 0%,#0b357f 1%,#0d3676 1%,#0e357a 1%,#0e357a 4%,#0d3477 4%,#0f3274 13%,#0e3171 14%,#112f6f 24%,#102e6c 25%,#112965 39%,#132963 39%,#142761 48%,#15265e 48%,#15245b 57%,#172258 60%,#172156 69%,#162053 70%,#1a1e4e 84%,#191d4d 100%,#1c1c4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0f347b 0%,#0b3776 0%,#0b357f 1%,#0d3676 1%,#0e357a 1%,#0e357a 4%,#0d3477 4%,#0f3274 13%,#0e3171 14%,#112f6f 24%,#102e6c 25%,#112965 39%,#132963 39%,#142761 48%,#15265e 48%,#15245b 57%,#172258 60%,#172156 69%,#162053 70%,#1a1e4e 84%,#191d4d 100%,#1c1c4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f347b', endColorstr='#1c1c4e',GradientType=0 ); /* IE6-9 */
padding-top:7rem;padding-bottom:0rem;}
body.home #footerarea {margin-top:0}
.footer-col {float:left}

#thecookie .closelink {margin-top:8px;float:right;font-weight:bold;color:#a9398a;font-size:24px;text-decoration:none;
     padding:10px 30px;border-radius:3px;-webkit-border-radius:3px;border:4px solid #a9398a;margin-top:30px;margin-left:20px;}

.footer-col h2 {
  font-size: 2rem;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: left;

 }
 .footer-col p, .footer-col a {
  font-size: 1.8rem;
  font-family: "Roboto";
  font-weight:300;
  color: rgb(255, 255, 255);
  line-height: 1.111;
  margin-top:20px;
  margin-bottom:20px;
}
.footer-col a {margin-top:20px;margin-bottom:5px;}
.footer-col a+a {margin-top:5px;}

.footer-col.col-1 {width:44%}
.footer-col.col-2 {width:30%}
.footer-col.col-3 {width:26%}

.testimonials {background:#d8d5db url(images/new/bgr-test.png) no-repeat left top;padding:5rem 0}
body.course #footerarea {margin-top:0px}
.testimonials .foottesttxtholder {
  font-size: 18px;
  font-weight:400;
  font-family: "Roboto";
  color: rgb(0, 51, 153);
  line-height: 1.25;
  text-align: left;
  font-style: italic;
 }
.testimonials .foottesttxtholder div {margin-top:10px;font-weight:bold;font-style:normal}
.testimonials h2 {
  font-size: 30px;
  font-family: "Roboto";
  color: rgb(1, 73, 157);
  line-height: 1.333;
  text-align: left;

 }

 .testimonials p {
  font-size: 18px;
  font-family: "Roboto";
  color: rgb(58, 112, 175);
  line-height: 1.556;
  text-align: left;

}

 .testimonials p a { display:inline-block;line-height:2.6rem;padding-right:3rem;background:url(images/new/a-r-l.png) no-repeat right center }


 .footer-col.col-1 p i {margin-bottom:1rem;float:left;display:block;margin-right:1.8rem}
 .footer-col.col-2 a {display:block;text-decoration:none}
 .footer-col.col-3 a {font-size:3.5rem;padding:0 .4rem}
 .footer-col.col-3 a .logo-path {height:30px !important;filter: brightness(0) invert(1);}

.top-holder { background:url(images/new/top-bgr.jpg) repeat-x center center;background-size:cover;padding:3.8rem 0rem;text-align:center;margin-bottom:2rem}
.top-holder.course {background-image:url(images/new/bgr-course.png)}
.top-holder h5 {
  font-size: 1.8rem;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 3.333;
  text-align: center;
  font-weight:300;
 }
 .top-holder h1,#intleft h1 {
   font-size:6rem;
   color:#fff;
    line-height:1.35;
    font-family:Merriweather,helvetica,arial,sans-serif;
    font-weight:500; }

#intleft h1 {color:#000}

 .top-holder h3 {
   font-size:2rem;line-height:2.4rem;color:#fff;font-weight:normal;margin:1.5rem auto;
 }

  .top-holder a.btt {margin-top:2rem;padding-top:.6rem;padding-bottom:.6rem;border:1px solid rgba(255,255,255,.8)}

#footertxt {margin-top:5rem;padding:2rem 0; text-align:center; color:#fff; padding-top:3;border-top:1px solid #fff;}
#footertxt p {color:#fff}
#copyright { padding:1.5rem;text-align:center;background-color: #d8d5db;color:#01499d;font-weight:300}



#intleft p, #intleft li, #intleft td {
	font-size: 1.8rem;
	font-family: Arial,sans-serif;
	color: #241f20;
	line-height: 1.556;

}
#intleft p {  margin:0 0 1.5em;}
#intleft h2 {
 font-size:3rem;

	font-family: Merriweather,helvetica,arial,sans-serif;
	font-weight: 500;
 color:#241f20;
 line-height:1.4;
}

#intleft {

}


.booking-form { }
.booking-form label {font-size:1.8rem;font-family:"Roboto"}
.booking-form .lights { font-weight:bold;border:3px solid #66cc33;padding:3px 3px 3px 22px;color:#66cc33}
.booking-form .yellow {border-color:#ffba00;color:#ffba00;background-image:none}
.booking-form .red {border-color:#c00;color:#c00;background-image:none}

.hold-form button { font-size:1.8rem;border-radius:15px;margin:5px 0px}

button.disabled {opacity:.6;pointer-events:none}

.hold-form input[type=text],
.hold-form input[type=date],
.hold-form input[type=email],
.hold-form input[type=tel],
.hold-form input[type=phone],
.hold-form input[type=submit],
.hold-form button,
.hold-form textarea,
.hold-form select { display:block;width:100%;border:1px solid #999;padding:10px;font-family:Roboto;font-size:14px;margin-bottom:.5rem}
.hold-form h3 {font-size:16px;margin:2rem 0rem .8rem 0;text-align:left;font-weight:500}
.hold-form .chk {display:block;color:#003399;text-align:left;margin:0 0 .5rem 0}
.step-two  .chk { color:#000;font-size:1.8rem }
.hold-form .chk.terms {margin:1rem 0}

.hold-form input[type=submit],.hold-form button {border:0;background:rgb(169, 57, 138);color:#fff;font-weight:bold;cursor:pointer}

.twocol-table {width:100%}
.twocol-table td {width:50%;padding:4.5rem 4.5rem 0 4.5rem}
.twocol-table tr td {border-left:0px;border-right:4px solid #fff}
.twocol-table tr td {border-right:0px;border-left:4px solid #fff}

.twocol-table td.image {padding:0}
.twocol-table td.image img {width:100%;height:auto}
.twocol-table td h2 {  margin-bottom:4rem ;font-size: 4rem;  font-family: "Roboto";  color: rgb(58, 112, 175);  font-weight: bold;  line-height: 0.933;  text-align: left;  }
.twocol-table td p {   font-size: 1.8rem;  font-family: "Roboto";  color: rgb(0, 0, 0);  line-height: 1.333;  text-align: left;margin:1rem 0 }
   a.desc { color:#993399;padding-right:3rem;padding-top:1rem;padding-bottom:1rem;display:inline-block;background:url(images/new/a-r-l.png) no-repeat right center  }
.twocol-table td.purple-background {background-color:#a9398a}
.twocol-table td.purple-background h2,
.twocol-table td.purple-background p,
.twocol-table td.purple-background p a {color:#fff}
.twocol-table td.purple-background p  a.desc  {color:#fff;background-image:url(images/new/a-r.png)}


a.r-side {
	position: fixed;
	right: -70px;
    text-decoration:none;
	top: 520px;
	background: rgb(169, 57, 138);
	font-size: 18px;
	padding: 10px 30px;
	display: block;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,.3);
	box-shadow: 0 0 10px -3px rgba(0,0,0,.3);
	color: #fff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
a.r-side.c2 {top:410px;right:-74px;}
a.r-side.c3 {top:410px;right:-58px;}

a.r-side:hover {margin-right:5px;    -webkit-box-shadow: 0 0 20px  -3px  rgba(0,0,0,.8);
    box-shadow: 0 0  20px -3pxrgba(0,0,0,.8);}


.mobile-only { display:none}



                 #cookie-dialog h2 {
                                          font-size: 18px;
                                          font-family: "Roboto";
                                          color: #fff;
                                          line-height: 2;
                                          text-align: left;
                                          padding-left:0px;

                                        }
                      #cookie-dialog p {

                                        font-size: 14px;
                                        font-family: "Roboto";
                                        color: #fff;

                                        line-height: 24px;
                                        text-align: left;

                                      }
                        #cookie-dialog {position:fixed;bottom:0;width:100%;
                          z-index:1111;      background:rgba(0,0,0,.8);padding:15px 45px;tex-talign:left;
                        }


                           #cookie-dialog a { font-weight:bold;font-size:24px;
                                display:inline-block;
                                background:#a03b87;
                                color:#fff;
                                line-height:20px;
                                padding:0px 25px 0px 25px;
                                box-sizing:border-box;
                                min-width:190px;
                                    border:0px solid #01499d;
                                border-radius:4px;
                                line-height:45px;
                                margin-right:10px;
                                text-align:center;text-decoration:none;
                                float:right;
                                margin:20px 0px 20px 20px;
                           }
                              #cookie-dialog a.decline { border:0;  }





   label.chk  {position:relative;display: block; }

.yes-no label.chk {padding-left:25px;float:left;margin-right:20px}
.yes-no:after {content:" ";display:block;height:1px;clear:both}

   .chk input[type=checkbox], .chk input[type=radio]  {width:auto; float:left;}
  .chk a {text-decoration:none;color:#a9398a}
 .chk span { }




 label.chk input[type="checkbox"], label.chk input[type="radio"]{
             opacity:0;
             position:absolute;
             margin-top: 5px;
             outline:none;
}
 label.chk input[type="checkbox"]+span {
    background: url(img/admin/check.png) no-repeat left top;
    width: 19px;
    height: 19px;
    position:static;
    float:left;
    margin-left:0px;
    margin-right:5px;
}
 label.chk  input[type="radio"]+span {
    background: url(img/admin/check.png) no-repeat left top;
    width: 19px;
    height: 19px;
    position:absolute;
    margin-left:-30px;
}

  input[type="checkbox"]:checked + span,
  input[type="radio"]:checked + span { background-position:left bottom !important }


  label.chk.chk-error input[type="checkbox"]+span {background-image:url(img/admin/check_error.png)}
  label.chk.chk-error {color:#f00;}
  label.chkr.chk-error input[type="checkbox"]+span {background-image:url(img/admin/check_error.png)}
  label.chkr.chk-error {color:#f00;}
  label.error {font-weight:100;font-size:12px;color:#f00;margin-top:-20px;position:absolute}
  input.error,
  select.error,
  textarea.error {border-color:#f00;background-color:#fee}


  .error label, .error label.chk {color:#f00 !important}

  .error input[type="checkbox"]+span,
  .error label.chk input[type="radio"] + span {background-image:url(img/admin/check_error.png) !important}


  .error input ,
 .error select,
 .error textarea   {border :1px solid #f00 !important;background-color:#fee }



.list .add-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content:  space-between;
  padding:5px 0px;border-bottom:1px solid #ccc;width:100%}
.add-row .the-form {display:none}

@media screen and (max-width:1280px){
body.home #top,body.home #top .inner { height:605px; }
body.home #top .bgr-img { height:825px;width:auto !important;max-width:500% !important;text-align:left;}
}

@media screen and (max-width:1000px){
    #menu {margin-left:20rem}
#menu ul li a {font-size:1.4rem;}
#top #logo {margin-left:0;width:200px;background-size:contain}
}


#menu-toggler {display:none}

@media screen and (max-width:820px){


.home-subscribe a.btt {margin-left:0px}

#foottestr:after {content:" ";clear:both;height:1px;display:block}
#foottestr, .footer-iframe {max-width:100%  !important;width:100%  !important;float:none !important;padding-left:0px !important}

.testimonials {padding-left:1rem !important;padding-right:1rem !important}


#top {height:7.5rem}
#top #logo  {height:55px}
.home-events .list .event {padding:1rem}

.thumbs-index .thumb a span {  top:auto;bottom:-25px;;padding:1rem .5rem;background:rgba(169, 57, 138,.8);border-radius:6px;}
.thumbs-index .thumb a:hover:after { display:none;content:""}
.thumbs-index .thumb a:hover span {top:auto}

.diary-list .bx-wrapper .bx-next { right:-55px}

.home-bgr-p .panels-texts {display:none !important}

.home-bgr-p  .hb span h2, .home-bgr-p  .hb span p,.home-bgr-p  .hb span {opacity:1 !important; color:rgba(255,255,255,1) !important;z-index:9999 !important;position:relative !important}

td img {display:none}
.twocol-table td {display:block;width:100%;padding:1rem}
.twocol-table td img { display:block}


.courses-index .thumb {width:100%;float:none}
.desktop-only {display:none}
    .mobile-only { display:block}
    #menuswitcher {margin:.5rem;float:right;color:#004194;font-size:4rem}
    body.home #menuswitcher {color:#fff}
#home-content .counters .pn {width:50%;float:left;background:none;padding-bottom:0px;font-size:1.4rem}
#home-content .counters .pn span {font-size:3rem;margin-bottom:1rem;font-weight:400;line-height:4rem}

#home-content .counters h2 {font-size:2.5rem;line-height:2.8rem;margin-bottom:1rem}
#footerarea {padding-top:1rem}

.home-subscribe {font-size:2.2rem;background-size:cover;padding-top:1rem;padding-bottom:1rem}

.home-events {padding:0px;padding-top:1rem}
.home-events h2 {font-size:2.2rem;}
.home-events .bx-wrapper {margin-bottom:0px}
.home-events .list {padding-top:0px;max-width:100%;margin-left:60px;margin-right:60px}

.home-bgr-p {height:auto;background:#5261a4;display:block }
.home-bgr-p2 .margins-disabled {display:block}
.home-bgr-p .margins { padding:0}
.home-bgr-p .hb.hb-1,
.home-bgr-p .hb.hb-2,
.home-bgr-p .hb.hb-3,
.home-bgr-p .hb.hb-4 {width:100% !important;float:none;padding:2rem;height:auto;border:1rem solid #fff;border-bottom:0;
    -moz-transform: none !important;
    -webkit-transform:  none !important;
    -o-transform:  none !important;
    -ms-transform:  none !important;
    transform: none !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;

}
.home-bgr-p2 .content::after {content:"";display:none}

.home-bgr-p .scrollinmenot .hb.hb-1 .hideme, .home-bgr-p .scrollinmenot .hb.hb-2 .hideme, .home-bgr-p .scrollinmenot .hb.hb-3 .hideme, .home-bgr-p .scrollinmenot .hb.hb-4 .hideme {

    -moz-transform: skewY(0deg) !important;
    -webkit-transform: skewY(0deg) !important;
    -o-transform: skewY(0deg) !important;
    -ms-transform: skewY(0deg) !important;
    transform: skewY(0deg) !important;
}

.home-bgr-p .hb p,
.home-bgr-p .hb h2 {height:auto}

.home-bgr-p,.home-bgr-p2 {height:auto}

.home-panels .logos .pn img {max-width:40%;height:auto}


.home-panels .logos .pn {width:100%;float:none;background:#fff}
.footer-col.col-1,
.footer-col.col-2,
.footer-col.col-3 {width:100%;padding:2rem}
#menu ul,#searchfrm {display:none}
#home-marketing .message h2 {font-size:2.6rem}
#home-marketing .message p {font-size:1.8rem}

body.home #top .inner{ height:auto;padding-bottom:2rem}
body.home #top {height:auto}

#top #logo {margin:.5rem;max-width:240px;padding:1rem;background-size:contain}
img {max-width:100%;height:auto !important}

.home-panels {margin-top:0px;}
.add-row .record {display:none}





#id-2 {background:rgba(0,0,0,.7)}
#left-off-menu a {color:#004194;font-size:1.6rem;font-weight:bold;line-height:1.8rem;}
  #lmenu-close {float:right;padding:1rem;color:#fff;color:#004194;font-size:2.6rem;font-weight:normal;line-height:1.4rem;height:3.2rem;width:3.2rem;border:1px solid #004194;border-radius:1.6rem;margin:1rem;}
  #lmenu-close i {margin-top:-2px;margin-left:-1px}
#left-off-menu ul {
    padding-left:1rem;
    list-style:none
}

#left-off-menu ul li ul {display:none}
#left-off-menu ul li ul a {color:#004194;font-weight:normal}


#left-off-menu ul li {padding-bottom:.5rem}
#video-right {floaT:none;padding:1rem;width:100%;margin:0;padding:0}
#lcol {padding:1rem}
iframe {max-width:100%}

.top-holder h1 {font-size:3.2rem;line-height:3.4rem}

h2 {line-height:2.4rem}

.news-holder div.news {width:100% !important;float:none}
.thumbs-index .thumb {width:100% !important;float:none }


#intleft h2 {font-size:2.4rem;line-height:1.2}
h3{font-size:2rem}

img.img-right,img.img-left {float:none !important;clear:both !important;display:block !important;max-width:100% !important; margin-left:0px !important;margin-right:0 !important; margin-bottom:10px !important}


}

@media screen and (max-width:480px){

}