body {font-family: 'Montserrat', sans-serif; font-size: 16px!important; /*padding-top:74px;*/ }

a {color: #106ceb;}
.mt-85 {margin-top: 85px;}
.mb-50 {margin-bottom : 50px;}
.pt-288 {padding-top: 288px;}
.body-pad {padding-top: 74px;}

.btn-icao-transparent  {width: 160px; height: 45px; border-radius: 3px; border: solid 1px rgba(255, 255, 255); background-color: /*rgba(255, 255, 255, 0.21)*/rgb(16 85 151); line-height: 34px; color: #ffffff!important; font-size: 16px; font-weight: 300}
.btn-icao-transparent-sm {line-height: 24px; font-size: 16px; font-weight: 300; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.55); background-color: rgba(255, 255, 255, 0.21); color: #ffffff!important;}
.btn-icao-white {width: 160px; height: 45px; border-radius: 3px; border: solid 1px #106ceb; background-color: #ffffff; line-height: 32px; color: #105597!important; font-size: 16px; }
.btn-icao-white:hover {background-color: #d9e7f4;}
.btn-icao-blue { font-size: 16px; color: #106ceb; width: 150px; height: 40px; border-radius: 3px; border: solid 1px rgba(16, 108, 235, 0.5); background-color: rgba(16, 108, 235, 0.11);}
.btn-grey { font-size: 16px; width: 150px; height: 45px; color: #555555; border-color: #555555;}
.button-plane-img {position: absolute; top: -6px; right: -31px;}
.button-plane-img-white {position: absolute; top: -3px; right: -19px; width: 42px; }

.blue-header { background: url("../images/blue-header-bg-2.png") no-repeat center bottom; background-size: cover;}
.white-header { background-color: #ffffff; }
.navbar {padding: 0;}
.white-header .navbar { border-bottom: solid 1px #a0a4a9!important; }
.blue-header a.nav-link {color: #ffffff!important;}
.navbar a.nav-link:hover {font-weight: 700; font-size: 16px;}
.navbar .nav-item {margin-left: 30px;}
.navbar .nav-item .nav-link {text-transform: uppercase;}
.navbar .active {font-weight: 700;}
.white-header .fa.fa-navicon { color: #106ceb; }
.blue-header .fa.fa-navicon { color: #ffffff; }
.nav a.nav-link:hover {font-weight: 700;}

:focus {
  outline: none;
  box-shadow: 0 0 0 3px hsla(220, 100%, 50%, 80%);
}

.lng { margin-left: 20px; }
.navbar-language {background: url("../images/language_bg_white.svg") no-repeat center center; color: #ffffff; font-size: 16px;display: inline-block;width:41px; height: 41px; line-height: 41px; border-radius: 20.5px; background-color: transparent; }
.white-header .navbar-language { background: url("../images/language_bg.svg") no-repeat center center; color: #106ceb; }
.lang-select-button { text-transform: uppercase; cursor: pointer; }
.language-select { text-transform: uppercase; }
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #fff;*/
    /*min-width: 160px;*/
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
    /*border-radius: 3px;*/
}

/* Links inside the dropdown */
.dropdown-content a {
    /*color: black;
    padding: 7px;*/
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {text-decoration: underline; color: #fff; }
.white-header .dropdown-content a:hover { color: #106ceb; }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.hp-jumbo {min-height: 800px; background: url("../images/sky.png") no-repeat center bottom; background-size: cover;}
.jumbo-title {font-size: 48px; font-weight: 700; color: #ffffff; margin-top: 200px;}
.jumbo-subtitle {font-size: 20px; font-weight: 300; color: #ffffff;}

.hp-cards-title {font-size: 40px;font-weight: 700; color: #106ceb;;}
.hp-cards-title b {color: #555555;font-weight: 700;}

.card {border: none;}
.card-body, .card-header, .card-footer {background: none; border: none; padding-left: 0;}
.card-text {font-size: 16px; color: #333;}
.card-title {font-size: 16px; color: #2a2a2b;}
.card-header {position:relative; height: 61px; padding: 0; }
.card-header .number {text-align: center; font-weight: 700; font-size: 19px; padding-top: 13px; position: absolute; top:0; display: inline-block; width: 60px; height: 60px; border: solid 4px #106ceb; color: #106ceb; border-radius: 50%; background-color: #ffffff;}
.card-header .line {margin-left: 62px; border-bottom: solid 1px #106ceb; width: 100%; padding-top: 30px;}

.hp-content1-title {font-size: 35px;font-weight: 700;color: #105597;margin-bottom: 30px;}
.hp-content1-title b {color: #555555;font-weight: 700;}
.hp-content1-text {text-align: justify;font-size: 20px; color: #333; margin-bottom: 20px;}
.hp-content2-title {font-weight: 700; margin-top: 80px; font-size: 25px;color: #105597; margin-bottom: 38px;}
.hp-content2-title b {color: #555555;font-weight: 700;}
.hp-content2-text {font-size: 18px; text-align: justify; color: #105597;font-weight: 500}


.text-title h1 {color: #555555; font-size: 35px; font-weight: 700; margin-bottom: 50px;}
.text-annotation {text-align: justify; font-size: 18px; font-weight: 500; color: #106ceb; margin-bottom: 25px;}
.text-content {text-align: justify; font-size: 18px; font-weight: 300; color: #555555;}
.text-content strong, .text-content b {font-weight: 700;}
.text-content a { color:#000; font-weight: normal; }
.text-content a:hover { text-decoration: underline; }


.left-menu {border-left: solid 1px #106ceb; padding-left: 40px; margin-left: 12px; }
.left-menu .nav-link {font-size: 18px; color: #555555;padding: 0.4rem 0}
.left-menu-title {font-size: 25px; color: #106ceb; font-weight: 700; margin-bottom: 60px;}

footer { padding-top: 570px; background: url("../images/footer_bg.png") no-repeat center top; background-size: cover; margin-top: 50px; color: #ffffff;}
footer ul {list-style: none; padding: 0; min-height: 150px; }
footer ul li {padding: 4px 0!important;}
footer ul li a {color: #fff; font-size: 16px; padding: 15px 0!important;}
footer ul .title a {color: #ffffff; padding-bottom: 15px; font-size: 16px!important; font-weight: 500!important;}
footer ul a:hover {color: #ffffff; }
.footer-bottom {padding: 37px 0; font-size: 16px; font-weight: 500; color: #ffffff; }
.footer-bottom a {color: #ffffff; }

h1.contact-title {font-size: 25px!important;font-weight: 300;color:#555555}
h1.contact-title b {font-weight: 700;}
.peoples {display:inline-block; border-radius: 3px; border: solid 1px rgba(16, 108, 235, 0.5); background-color: rgba(16, 108, 235, 0.1);}
.people-img {width: 75px;}
.people-title {font-size: 16px; font-weight: 700; color: #106ceb;}
.people-text {font-size: 16px; font-weight: 400;  color: #106ceb;}
.invoice-details {font-size: 16px; display: inline-block; border: solid 1px #a8acb1; border-radius: 3px;}
.invoice-details b {padding-left: 30px; color: #555555;}
.contact-form-box {border-radius: 8px;border: solid 1px #a8acb1; padding:23px;}
.contact-form-box .title {margin-top: 10px;font-size: 30px; font-weight: 700; color: #106ceb; }
.contact-form-box .subtitle {line-height: 1.75; color:#555555;font-size: 16px; font-weight: 300}
.icao-input {  border-radius: 8px; background-color: #eeeeee; font-size: 16px; color: #555555;}
.icao-input-blue {  border-radius: 8px; background-color: rgba(17, 109, 235, 0.15); border-color: rgba(17, 109, 235, 0.15); font-size: 16px; color: #106ceb!important;}
.icao-check {font-size: 16px; color: #555555;}
.form-check-input {margin-top: 0.2rem}
.find-us .title {  font-size: 25px; font-weight: 700; color: #106ceb;}
.find-us .text {  font-size: 18px; color: #555555;}
.find-us .text p {margin-bottom: 0.5rem}
.googleMap-box {border-radius: 3px; border: solid 1px rgba(16, 108, 235, 0.5); }
#map_canvas {margin-bottom:0!important;}


.prihlaska-form-box1 {border-radius: 8px;border: solid 1px #106ceb; padding:23px;}
.prihlaska-form-box1 .title {margin-top: 10px;font-size: 30px; font-weight: 700; color: #106ceb; }
.prihlaska-form-box1 .subtitle {line-height: 1.75; color:#555555;font-size: 16px; font-weight: 300}
.prihlaska-form-box2 {border-radius: 8px;border: solid 1px #a8acb1; padding:23px;}
.prihlaska-form-box2 .title {margin-top: 10px;font-size: 30px; font-weight: 700; color: #555555; }
.prihlaska-form-box2 .subtitle {line-height: 1.75; color:#106ceb;font-size: 16px; font-weight: 300}

.prihlaska-jumbo {min-height: 450px; background: url("../images/sky.png") no-repeat center bottom; background-size: cover;}
.prihlaska-title h1 {font-size: 40px; font-weight: 700; color: #555555; }
.prihlaska-title h1 b {color: #106ceb; font-weight: 700; }
.prihlaska-subtitle {font-size: 16px; font-weight: 400; color: #555555; line-height: 22px}

.blue-header .navbar-fixed-top, .blue-header .navbar-fixed-top.scrolled { background-color: #1d6ec1 !important; /* transition: background-color 200ms linear; */ }
.white-header .navbar-fixed-top.scrolled { background-color: #ffffff !important; /* transition: background-color 200ms linear; */ }

.planes-to-right-hp, .planes-3-to-right-hp, .planes-to-left-hp {display: none;}
.thin-text {font-weight: 300}
.hp-prihlaska-img {display: none;}
.card-group { display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: stretch;}
.card-group .card {display: block; flex-basis: 100%;}

.air-blue-down { position: absolute; margin-right: -19px; margin-top: 11px; right: 0; }
.air-grey-up { position: absolute; margin-right: -13px; margin-top: 19px; right: 0; }
.air-grey-right { position: absolute; margin-left: 0; margin-top: -1px; }
.air-grey-up2 { position: absolute; margin-left: -17px; margin-top: 37px; }
.air-grey-left { position: absolute; margin-right: 34px; margin-top: -37px; right: 0; }
.air-blue-down2 { position: absolute; margin-right: 0; margin-top: 0; }

:target::before { content: "";  display: block;  height: 83px; /* fixed header height*/  margin: -83px 0 0; /* negative fixed header height */  }

.invoice-details p {margin-bottom: 0}

.js-tilt {
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
}

.hp-courses-box { margin-bottom: 90px; }
.hp-courses-box h2 { font-size: 40px; color: #555555; font-weight: bold; margin-bottom: 40px; }
.hp-courses-box .round-box { font-size: 17px; }
.hp-courses-box .round-box .row { margin-left: 0; margin-right: 0; }
.hp-courses-box .round-box .col-my {
    width: 100%;
    min-height: 170px;
    position: relative;
    padding-right: 15px;
    padding-left: 35px;
    border-top: 1px solid #b5bcbf;
    padding-top: 30px;
    padding-bottom: 30px;
}
.hp-courses-box .round-box .col-my .title, .hp-courses-box .round-box .col-my .where { font-size: 17px; color: #333; font-weight: bold; }
.hp-courses-box .round-box .cols { width: 100%; min-height: 170px; border-left: 1px solid #b5bcbf; border-right: 1px solid #b5bcbf; padding-top: 30px; padding-bottom: 90px; position: relative; }
.hp-courses-box .round-box .first { border-left: 1px solid #b5bcbf; border-right: 1px solid #b5bcbf; border-radius: 10px 10px 0 0; }
.hp-courses-box .round-box .last { border-right: 1px solid #b5bcbf; border-radius: 0 0 10px 10px; border-bottom: 1px solid #b5bcbf; }
.hp-courses-box .round-box .white { background-color: #ffffff; color: #333; }
.hp-courses-box .round-box .blue1, .hp-courses-box .round-box .blue2 { /*background-color: #2774c4;*/background-color: #11579b; color: #ffffff; }
.hp-courses-box .round-box .blue1 {  border-bottom: 1px solid #b5bcbf;}
.hp-courses-box .round-box .grey { background-color: #f6f0f0; color: #333; }
.hp-courses-box .round-box .cols .when, .hp-courses-box .round-box .cols .title { padding-left: 20px; font-size: 16px; font-weight: bold; }
.hp-courses-box .round-box .cols .when { margin-bottom: 10px; }
.hp-courses-box .round-box .cols .icons { width: 60px; }
.hp-courses-box .round-box .cols .icons img { height: 20px; }
.hp-courses-box .round-box .cols .bottom { position: absolute; bottom: 30px; left: 20px; }
.hp-courses-box .round-box .cols .bottom .where { font-size: 16px; }
.hp-courses-box .round-box .col-my .bottom { position: absolute; bottom: 55px; left: 35px; }

@media (min-width: 576px) {
    .card-group .card {display: block; flex-basis: 50%;}
}

@media (min-width: 768px) {
    .card-group .card {display: block; flex-basis: 25%;}

    .hp-courses-box .round-box .col-my .title, .hp-courses-box .round-box .col-my .where { font-size: 16px; }
    .hp-courses-box .round-box .col-my { width: 90px; border-bottom: 1px solid #b5bcbf; padding-left: 20px; }
    .hp-courses-box .round-box .cols { width: 100px; min-height: 170px; border-top: 1px solid #b5bcbf; border-bottom: 1px solid #b5bcbf; border-left: inherit; border-right: inherit; padding-top: 30px; padding-bottom: 90px; position: relative; }
    .hp-courses-box .round-box .first { border-left: 1px solid #b5bcbf; border-radius: 10px 0 0 10px; border-right: inherit; }
    .hp-courses-box .round-box .blue1 {  border-right: 1px solid #b5bcbf; border-bottom: inherit; }
    .hp-courses-box .round-box .last { border-right: 1px solid #b5bcbf; border-radius: 0 10px 10px 0; }
    .hp-courses-box .round-box .col-my .bottom { left: 20px; }
    .hp-courses-box .round-box .cols .when, .hp-courses-box .round-box .cols .title { padding-left: 15px; }
    .hp-courses-box .round-box .cols .bottom { left: 15px; }
}

@media (min-width: 992px) {
    .mt-lg-100 {margin-top: 100px!important;}
    .hp-prihlaska-img {display: block; top: 10px; left: -30px; position: absolute; width: auto;}
    .mobile-lang-sel { display: none!important; }
    footer { padding-top: 330px; }

    .hp-courses-box .round-box .col-my .title, .hp-courses-box .round-box .col-my .where { font-size: 17px; }
    .hp-courses-box .round-box .col-my { width: 100px; }
    .hp-courses-box .round-box .cols { width: 138px; }
    .hp-courses-box .round-box .cols .when, .hp-courses-box .round-box .cols .title { padding-left: 20px; }
    .hp-courses-box .round-box .cols .bottom { left: 20px; }
}

@media (min-width: 1200px) {
    .hp-prihlaska-img {display: block; top: 10px; left: -30px; position: absolute;}
    .planes-to-right-hp { display: block; position: absolute; margin-left: -110px; margin-top: 21px; }
    .planes-3-to-right-hp { display: block; position: absolute; margin-left: -110px; margin-top: -80px; }
    .planes-to-left-hp { display: block; position: absolute; margin-right: -80px; margin-top: -0px; right: 0; }

    .hp-courses-box .round-box .col-my { width: 120px; padding-left: 35px; }
    .hp-courses-box .round-box .cols { width: 163px; }
    .hp-courses-box .round-box .col-my .bottom { left: 35px; }
}

/*.icao-input-blue::-webkit-input-placeholder {color: #106ceb!important;}*/