@charset "utf-8";
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
h1, h2, h3 {
    margin-top: 22px;
    margin-bottom: 11px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Abril Fatface,Times New Roman,Times,serif;
    font-weight: 500;
    line-height: 1.1;
    color: #000;
}
#kurs h2 a{font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; font-size:28px}
body { margin: 0; overflow-x:hidden}
* {margin: 0; padding: 0;}

body {font-family:Georgia, "Times New Roman", Times, serif; }

.mission {
    font-size: 24px;    
    line-height: normal;
    color: #123b5a;
    text-shadow: 0 0 1px #fff;
    font-style: italic; padding-top: 15px; margin-top: 15px
}
.mission p {padding-top: 15px; margin-top: 15px; line-height: 145%}
.privacy-text .container p{padding-top: 15px; margin-top: 15px;}
.mission.container,.privacy-text .container {max-width: 800px}
.mission .intro {padding-left: 15px; padding-right: 15px;margin-left: 15px; margin-right: 15px}


a:hover {
  text-decoration: none;
  color: #32609e;
}
.clickable { cursor:pointer}
.clickable:hover {background:rgba(221, 221, 221, 0.9);}

.col-md-6.box7.clickable:hover {background:#fdff2f url('../img/bg/dot.png') no-repeat 100% 100%;}
.box2.clickable:hover {background:rgba(255, 126, 75, 0.9);}
/*Hero*/
.mobile-hero {
  width: 100%;
  vertical-align: text-bottom;
}

.flex-container {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
}

.flex-item {

 background:rgba(50, 96, 158, 0.30);
  padding: 100px 20px;
  width: 100%;
  color: white;
  font-weight: bold; 
}
.flex-item h1 {
  font-size: 30px; color: #fff; text-shadow: 0 1px 0 black;
}
.flex-item p {
  font-size: 14px;
  line-height: 24px; text-shadow: 0 1px 0 black;
}

@media (min-width: 1000px) {
.front .background {
    background: url("../files/header.jpg") center center/cover no-repeat fixed;

  }
 .not-front .background {
    background: url("../files/elever.jpg") center center/cover no-repeat fixed;


  }
  .mobile-hero {
    display: none;
  }

  .flex-container {
    width: 1040px; min-height: 600px;  margin-bottom: 30px;
  }

  .flex-item {
    width: 500px;
  }
  .flex-item h1 {
  font-size: 60px; color: #fff
}
.flex-container p {font-size: 26px; line-height: 120%}
}
.course-intro {margin-bottom: 15px; padding-bottom: 15px}
.course h1 {
  font-size: 3em;
  text-align: center;
}
.course .embiggen {
  font-size: 4em;
  text-shadow: 0 0 40px #ffbab3;
}
.subtitle {
  margin: 0 0 2em 0; text-transform: uppercase;font-family: 'Open Sans', sans-serif; letter-spacing: 1.3px; padding-bottom: 15px;margin-bottom: 15px
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  top: 0;
  width: 40%;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
.amp {
  margin: 0 0 0.25em 0;
}
.amp span {
  font-size: 0.7em;
}

header h2 {
    height: inherit;
    background: inherit;
    -webkit-background-clip: text;
 background-clip: text;
    color: transparent;
    font: 100 25vmin/16vh Georgia, cursive;
    text-align: center;
    filter: invert(1) grayscale(1) contrast(9);
}
h2 span {font-family:Georgia, "Times New Roman", Times, serif; 
font-size:45px; 
display:block; 
clear:both}
.uppercase {text-transform: uppercase;}
h4.uppercase {font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 1.2px}
.copyright {padding-left: 3px; padding-right: 3px}

/*Owl*/
#carousel {}
#carousel .item{
  cursor:grab;
  cursor:-webkit-grab;
}

#carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page span{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100px;
  height: 5px;
  margin-left: 2px;
  margin-right: 2px;
  background: #ccc;
  border:none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #3F51B5;
}
.owl-pagination:hover,.owl-page:hover,#carousel,.owl-wrapper-outer:hover {background-color: transparent;}

.slides { margin-left: -15px; margin-right: -15px }
/*Front - new*/
.logo.text-center  {margin-left: auto;margin-right: auto;}
.fb iframe,.twitter iframe {text-align: center; margin-left: auto: margin-right: auto;}
@media only screen and (min-width : 992px) {
.statement {max-width: 70%; margin-left: auto; margin-right: auto}
.mission p.lead { font-size: 1.6rem }
.inner p {font-size: 22px}
}
.mission p:after {
    border: 2px solid #002f4f;
    content: " ";
    display: block;
    margin: 24px auto;
    width: 45px;
}
/*Cookies*/
.cookieBubble{position:fixed;width:400px;min-height:100px;border-radius:0;background-color:#fff;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.2);box-shadow:0 2px 15px rgba(0,0,0,.2);z-index:9999;font-family:sans-serif}.cookieBubble.top-left{top:10px;left:10px}.cookieBubble.top-right{top:10px;right:0}.cookieBubble.top-center{top:10px;left:calc(100vw - 100vw/2 - 400px/2)}.cookieBubble.bottom-left{bottom:10px;left:10px}.cookieBubble.bottom-right{bottom:10px;right:0}.cookieBubble.bottom-center{bottom:10px;left:calc(100vw - 100vw/2 - 400px/2)}.cookieBubble.show.top-center,.cookieBubble.show.top-left,.cookieBubble.show.top-right{-webkit-animation-name:popInTop;animation-name:popInTop;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cookieBubble.show.bottom-center,.cookieBubble.show.bottom-left,.cookieBubble.show.bottom-right{-webkit-animation-name:popInBottom;animation-name:popInBottom;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.cookieBubble.hide{display:none}.cookieBubble .cb-wrapper{position:relative;display:inline-block;padding:15px}.cookieBubble .cb-wrapper .cb-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.cookieBubble .cb-wrapper .cb-row .cb-message span{position:relative;width:100%;display:inline-block;color:#000;font-size:18px;margin-top:0}.cookieBubble .cb-wrapper .cb-row .cb-image{padding-right:23px}.cookieBubble .cb-wrapper .cb-row .cb-image .cookie-inner{fill:#00a4ff}.cookieBubble .cb-wrapper .cb-row .cb-image svg{width:75px}.cookieBubble .cb-wrapper .cb-row .agreement-btn{margin:0;text-decoration:none;color:#fff;background:#002f4f;padding:10px 20px;display:inline-block;font-size:14px;opacity:1;border:none;cursor:pointer;text-transform:uppercase;font-weight:600}.cookieBubble .cb-wrapper .cb-row .agreement-btn:hover{background-color:#000}.cookieBubble .cb-wrapper .cb-row .cookie-policy-btn{margin:15px 0 0;color:#000;padding:10px;display:inline-block;font-size:14px;opacity:.95;border:none;cursor:pointer;font-weight:400}.cookieBubble .cb-wrapper .cb-row .cookie-policy-btn:hover{opacity:1;text-decoration:underline}.cookieBubble .copyright-wrapper{margin-top:20px}.cookieBubble .copyright-wrapper a.copyright{position:absolute;width:80px;height:16px;bottom:8px;right:7px;margin-top:30px;background:url(../img/cb_copyright.svg);background-size:cover}.cb-image{display:none}@-webkit-keyframes popInBottom{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popInBottom{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popInTop{0%{-webkit-transform:translateY(-120%);transform:translateY(-120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes popInTop{0%{-webkit-transform:translateY(-120%);transform:translateY(-120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.agreement-btn:hover {background: #000}
.cb-message {padding: 20px}
h2 aria-label {text-transform: none}

/*iPad portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.course h2 a {font-size: 16px}
.contact-block-container .col-xs-12.col-sm-6 { width: 100%!important;}
.contact-block-container .col-xs-10{ width: 100%!important;  }
.contact-block-container .col-xs-12.col-sm-6 {x}
.contact-block-container .col-xs-12.col-sm-6 h3 {font-size: 16px}
.contact-block-container .col-xs-12.col-sm-6 p {font-size: 13px}
.contact-block-container::after { border: 1px solid #fff!important;}
.flex-item { background-color: #002f4f!important;}

}
/*iPad landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.social h2{font-size: 28px}
.contact-block-container .col-xs-12.col-sm-6 h3 {font-size: 16px}
.contact-block-container .col-xs-12.col-sm-6 p {font-size: 14px}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.flex-item { background:rgba(50, 96, 158, 0.30)!important;}
.fb {}
}
/**iPhone**/
@media only screen 
   and (max-width : 1125px) 
   and (max-height : 2001px) {
.statement {width: 100%; margin-left: 15px; margin-right: 15px}
.logo img {width: 90%; height: auto; margin-right: auto;margin-left: auto; text-align: center}
footer img { float: none!important; margin-right: 34%; margin-left: auto}
.flex-item {background: #002f4f}
#kurs h2 a {font-size:22px;}
.copy {text-align: center; display: block; clear: both}
.social-links {font-size: 10px}
/*.fb {margin-left:15px!important;}*/

}
/*iPhone 6, 7, & 8 in portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
.social-links {text-align: center; display: block; clear: both}
}

.mission {padding-top: 60px; padding-bottom: 60px}
.not-front .mission {padding-top: 0!important; padding-bottom: 0!important; background: }
.not-front h1 {padding-top: 60px; padding-bottom: 0; }
.not-front .mission .intro,.not-front .mission .intro p {padding-top: 0}
.mission p.lead strong {font-weight: 600; }
.mission p.lead { font-style: italic; }
nav p { text-transform: uppercase; font-size: 13px; letter-spacing: .6px; padding-top: 12px }
.privacy-text{ padding-bottom: 20px; margin-bottom: 20px }
.privacy-text ul {margin-left: 15px}
.course {padding-top: 10px; padding-bottom: 80px; padding-left: 15px; padding-right: 15px;margin-left: 15px; margin-right: 15px}

.course .col-md-6 { 
  background-image:url('../img/bg/dot.png');
    background-repeat:no-repeat;
    background-position:100% 100%;
 }
 .course .col-md-6.box2 { 
  background-image:url('../img/bg/dot-key.png');
    background-repeat:no-repeat;
    background-position:100% 100%;
 }
.course .col-md-12.text-center {border:none;}
 .inner {padding-bottom: 12%; padding-top: 12%}
}
.inner h2 {font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; font-size:24px;}
.inner p {position: relative; margin-top: 15px; padding-top: 15px}
.inner p:before { position: absolute;
    content: " ";
    top: -1px;
    left: 50%;
    width: 2.125rem;
    height: 1px;
    margin-left: -1.5625rem;
    background-color: #000;}
.inner h2 a {color: #002e4f}


.course [class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;

  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
  }
.box1 {background:#fac8d7;}
.box2 {background:#b9e4a6;}
.box3 {background:#95c780;}
.box4 {background:#92cff1;}
.box5 {background:#81e5fe;}
.box6 {background:#bb95c8;}
.box7,.box8 {background:#fdff2f;}
.box9 {background:#b7e2f3;}
.box10 {background:#ffb0c8;}
.box11 {background:#68a7ca;}

.box7 hr {  border-top: 1px solid #8c8b8b; margin: 5px auto; width: 45px;}
/* 66ccff b7e2f3 | 0f254e | efc1a5 | 94acbb | f9b19c*/
h3 {letter-spacing: 1.2px}
.text-bottom-line {width: 1px; border-top: 30px solid; margin-left: auto; margin-right: auto;}
.border-color-deep-blue {border-color:#002f4f}
.margin-25px-bottom {margin-bottom:25px}
.openinghours {padding-top: 15px; margin-top:15px;padding-bottom: 15px; margin-bottom:15px;}

.openinghours h3::after {
    border: 1px solid #002f4f;
    content: " ";
    display: block;
    margin: 24px auto;
    width: 45px;
}


footer {padding-top: 20px; margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px}
footer h2 {font-size:16px;text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 1.2px}
footer h2:before {display: block;content: "";width: 30px;height: 2px;background-color: #000;
margin: 20px 0;}
footer ul {list-style: none;font-size: 14px;}
footer ul li {padding-bottom:12px;}
footer p { font-style: italic; font-size: 13px }
footer .copy{vertical-align: bottom; padding-top: 20px}
footer img {width: 120px; height: auto; float: right}
footer ul.social-links li{display: inline; padding-right: 15px}
footer ul.social-links li:nth-child(1) a:before {
 font-family: FontAwesome;
    content: "\f167";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}
footer ul.social-links li:nth-child(2) a:before {
 font-family: FontAwesome;
    content: "\f09a";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}
footer ul.social-links li:nth-child(3) a:before {
 font-family: FontAwesome;
    content: "\f099";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}
.right {position:relative; float:right}
/*Bootstrap*/
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
iframe { width: 100%;  margin:0;}
section {display: block;clear: both}
.video-section {margin-left: -15px; margin-right:-15px; display: block;clear: both; display: none;background: cyan }
.film {margin-left: -15px; margin-right: -15px; background: #000}
section.social:after {content: "";display: block;clear: both }
/*Google map*/
#map {
  height: 500px;
  width: 100%;
  background-color: grey;
  overflow-y: hidden;
  overflow-x: hidden; margin-top: -15px;
}

.map-container {
  position: relative;
}

.contact-block-container {
  background-color: #fff;
  padding: 30px;
}

@media (min-width:769px) {
  .contact-block-container {
    position: absolute;
    top: 20%;
    padding: 50px;
    right: 10%;
  }
.course .col-md-12.text-center h2 {font-size: 2.6rem}
}
/*Ipad*/
/* For portrait layouts only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

}
@media only screen 
   and (max-width : 1125px) 
   and (max-height : 2001px) {
.mission p{font-size: 18px}
 h1.hero__hdr,p.hero__intro  {text-align: center}
 p.hero__intro {font-size: 24px; line-height: 140%}
.course h1 {font-size: 36px}
.contact-block-container:after {border: 1px solid #002f4f;content: " "; display: block;margin: 24px auto;width: 45px;}
.privacy-text .container p, .privacy-text .container ul{ padding-left: 15px; padding-right: 15px; margin-right: 15px; margin-left: 15px }


}