/*!
Theme Name: Altair
Theme URI: https://altairgroup.eu/
Author: ALTAIR SOFTWARE s.r.o.
Author URI: https://altairgroup.eu/
Description: The main theme of our company's website
Version: 1.0
Text Domain: altair
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* General Rules */
html {
    height: 100%;
}

body {
    overflow-x: hidden;
    height: 100%;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: "Comfortaa", cursive;
}

h1, h2, h3, h4, h5, h6 {
    color: #666666;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 26px;
}

h1 {
    color: #19499b;
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 1.3em;
}

h2 {
    color: #19499b;
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
    line-height: 20px;
}

a {
    color: #19499b;
    outline: none;
}

.no-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.main-wrap {
    min-height: 100%;
    overflow-x: hidden;
    background-color: #f4f4f4;
    padding: 80px 0 85px;
}

.main-wrap > .container-fluid,
.main-wrap > .container-fluid > .row {
    height: 100%;
    padding: 0;
    margin: 0;
}

.main-wrap .background-fixed {
    display: block;
    background: transparent no-repeat center/cover;
    position: fixed;
    width: 50%;
    left: 0;
    height: calc(100% - 80px - 85px);
}

.page-wrap {
    font-family: "Comfortaa", cursive;
    padding: 0 50px 70px;
}

.page-content {
    font-size: 16px;
    line-height: 1.6;
    color: #666666;
}

.page-content p,
.page-content ul {
    margin-bottom: 1.8em;
}

.page-content ul {
    list-style: none;
    padding-left: 0;
}

.page-content li {
    padding-left: 15px;
    position: relative;
}

.page-content li::before {
    position: absolute;
    left: 0;
    top: -3px;
    content: url("img/list-marker.png");
}

h1.page-title {
    position: relative;
    margin-top: 50px;
}

.page h1.page-title {
    margin: 70px 0;
    line-height: 1.1;
    font-size: 26px;
    padding-left: 6px;
}

.page h1.page-title::before {
    display: block;
    content: attr(title);
    position: absolute;
    left: -30px;
    top: -22px;
    font-size: 80px;
    font-weight: bold;
    line-height: 1.1;
    text-transform: lowercase;
    color: #416c90;
    opacity: 0.1;
    white-space: nowrap;
}

.page-return {
    padding-top: 70px;
}

.page-return > a {
    font-family: "Comfortaa", cursive;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    color: #19499b;
    text-decoration: none;
}

.page-return > a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("img/prev.png") no-repeat center/55% transparent;
    margin-right: 12px;
    vertical-align: middle;
}

.gradient-border {
    height: 2px;
    display: block;
    position: relative;
}

.main-gradient,
.gradient-border,
body:not(.home) > .navbar-custom::after,
#map-contact::before,
footer {
    background: #34b475;
    background: -moz-linear-gradient(left, #00b9bd 10%, #34b475 50%, #3357a3 100%);
    background: -webkit-linear-gradient(left, #00b9bd 10%, #34b475 50%, #3357a3 100%);
    background: linear-gradient(to right, #00b9bd 10%, #34b475 50%, #3357a3 100%);
    background-size: 150%;
    background-position-x: center;
}

/* Start Custom navbar */
body:not(.home) > .navbar-custom::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
}

nav.navbar-custom {
    z-index: 99;
    padding: 0;
    height: 80px;
    position: fixed;
    left: 0;
    width: 100%;
    background: #FFF;
}

body.home nav.navbar-custom {
    background: rgba(255, 255, 255, 0.8);
}

.navbar-custom .navbar-main {
    width: auto;
    height: 100%;
    padding-left: 30px;
    position: relative;
}

.navbar-custom .navbar-brand {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.navbar-custom .custom-toggler {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    border-color: transparent;
}

.navbar-custom .custom-toggler:focus {
    outline: none;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(25,73,155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

ul.navbar-nav {
    height: 80px;
    line-height: 4.5;
}

.navbar-custom .navbar-nav .nav-link {
    color: #19499b;
    font-size: 14px;
    font-family: "Comfortaa", cursive;
}

.navbar-custom .navbar-nav .nav-item:hover {
    background: #19499b;
}

.navbar-custom .navbar-nav .nav-item:hover .nav-link {
    color: #fff;
}

.navbar-custom .navbar-nav .nav-item .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    min-width: 250px;
    margin: 0;
    background: #19499b;
    border: 0;
    border-radius: 0;
    transition: opacity .3s ease-in-out, visibility .3s linear;
    z-index: 2;
}

body:not(.home) .navbar-custom .navbar-nav .nav-item .dropdown-menu {
    top: calc(100% - 3px);
}

.navbar-custom .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    color: #fff;
}

.navbar-custom .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.navbar-custom .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
    background: transparent;
}

.inner-nav {
    border-bottom: 2px solid #34868c;
    background: #fff;
}

ul.navbar-nav .menu-item {
    text-transform: uppercase;
    background: transparent;
    transition: color .2s ease-in-out, background-color .3s ease-in-out;
}

ul.navbar-nav .menu-item:hover,
ul.navbar-nav .menu-item.active,
ul.navbar-nav .menu-item.current-page-ancestor {
    background: #19499b;
}

ul.navbar-nav .menu-item:hover a.nav-link,
ul.navbar-nav .menu-item.active a.nav-link,
ul.navbar-nav .menu-item.current-page-ancestor a.nav-link {
    color: #fff
}

ul.navbar-nav .menu-item a.nav-link {
    color: #19499b;
    font-size: 14px;
    font-family: "Comfortaa", cursive;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    transition: color .2s ease-in-out;
}

.navbar-custom .navbar-nav .nav-item.dropdown > a::after {
    display: inline-block;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    margin-left: 8px;
    color: #19499b;
    transition: color .2s ease-in-out;
}

.navbar-custom .navbar-nav .nav-item.dropdown:hover > a::after,
.navbar-custom .navbar-nav .nav-item.dropdown.active > a::after {
    color: #FFF;
}

.navbar-custom .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-custom .dropdown-item {
    font-size: 14px;
    line-height: 32px;
    text-transform: none;
    padding: 0 14px;
}

.navbar-custom .dropdown-item.active,
.navbar-custom .dropdown-item:active {
    background-color: transparent;
}
.navbar-custom .navbar-search-top {
    width: 60px;
    height: 80px;
    color: #19499b;
    transition: color .2s ease-in-out, background-color .3s ease-in-out;
    text-align: center;
    cursor: pointer;
}
.navbar-custom .navbar-search-top::after {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-size: 22px;
    font-weight: 900;
    line-height: 78px;
}
.navbar-custom .navbar-search-wrap {
    position: absolute;
    right: 0;
    padding: 15px 18px;
    background: #19499b;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s linear;
}
body:not(.home) .navbar-custom .navbar-search-wrap {
    transform: translateY(-3px);
}
.navbar-custom .navbar-search:hover .navbar-search-top,
.navbar-custom .navbar-search-top.active {
    background: #19499b;
    color: #FFF;
}
.navbar-custom .navbar-search-top.active + .navbar-search-wrap {
    opacity: 1;
    visibility: visible;
}
#searchform {
    font-size: 0;
}
#searchform input[type='search'] {
    color: #FFF;
    min-width: 280px;
    border: 1px solid #FFF;
    background: #19499b;
    padding: 10px 12px;
    font-family: "Comfortaa", cursive;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
#searchform input[type='search']:focus {
    outline: none;
}
#searchform input[type='search']::placeholder {
    color: #FFF;
    opacity: 1;
}
#searchform input[type='search']::-webkit-search-decoration,
#searchform input[type='search']::-webkit-search-cancel-button {
    display: none;
}
#searchform input[type='submit'] {
    border: 1px solid #FFF;
    color: #19499b;
    background: #FFF;
    padding: 10px 8px;
    text-transform: uppercase;
    font-family: "Comfortaa", cursive;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    border-radius: 0;
}
.navbar-custom .navbar-languages-title {
    display: none;
    font-size: 13px;
    font-family: "Comfortaa", cursive;
    line-height: 30px;
    text-transform: none;
    color: #19499b;
    text-align: center;
}
.navbar-custom .navbar-languages .current-lang,
.navbar-custom .navbar-languages .nav-item.dropdown > a::after {
    display: none;
}
.navbar-custom .navbar-languages .nav-item .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
    min-width: 125px;
}
/* End Navbar */

/* Start Home Section */
#home-section {
    position: relative;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    display: table;
}

#home-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#home-section .home-caption {
    position: relative;
    z-index: 2;
    /*margin-top: 200px;*/
    /*transform: translate(0, 100%);*/
    display: table-cell;
    vertical-align: middle;
    top: 40px;
}

#home-section .home-caption h1.main-title {
    color: #FFF;
    margin-bottom: 25px;
}

#home-section .home-caption p.lead {
    margin-bottom: 50px !important;
    font-size: 20px;
    line-height: 30px;
}

#home-section .home-caption a,
.footer-coontact-button {
    font-family: "Comfortaa", cursive;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    padding: 16px 66px;
    border: 2px solid #fff;
    display: table;
    margin: auto;
    transition: all ease-in-out 0.3s;
}

#home-section .home-caption a:hover,
.footer-coontact-button:hover {
    color: #11316d;
    background: #fff;
    text-decoration: none;
}

#home-section form.form-inline {
    position: absolute;
    right: 2px;
    top: 90px;
    z-index: 25;
    display: none;
    background-color: #19499b;
}

#home-section form.form-inline input.form-control {
    border-radius: 0;
    background-color: transparent;
}

#home-section .btn {
    border-radius: 0;
}

#search-form input.form-control,
#search-form .btn {
    border-radius: 0;
}

/* End Home Section */

/* Start Branches Section */
#branches-section img.img-fluid {
    width: 100%;
    height: 100%;
}

#branches-section .img-container {
    position: relative;
    overflow: hidden;
}

#branches-section .img-container .branch-tile {
    padding-top: 61.38%;
    background: #34b475 no-repeat center/cover;
    position: relative;
}

#branches-section .img-container .branch-tile::after {
    content: "";
    -webkit-box-shadow: inset 0px -56px 32px -21px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: inset 0px -56px 32px -21px rgba(0, 0, 0, 0.70);
    box-shadow: inset 0px -56px 32px -21px rgba(0, 0, 0, 0.70);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 200px;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

#branches-section .img-container .overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(130deg, #449da8 0%, #3357a3 100%);
    background-size: 150%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: transform .3s ease-in-out, opacity .2s ease-in-out;
    transform: scale(0);
    opacity: 0;
}

.img-container .info {
    position: absolute;
    top: 15%;
    left: 10%;
    opacity: 1;
    z-index: 8888;
}

.img-container .info h2 {
    font-size: 16px;
    line-height: 36px;
    white-space: nowrap;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Comfortaa", cursive;
    color: #bbedfb;
}

.img-container .info ul {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
}

.img-container .info ul li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 10px;
}

.img-container .info ul li:before {
    content: ">";
    position: absolute;
    left: 0;
    top: -5px;
    color: #bbedfb;
    font-size: 25px;
}

.img-container .info ul li a {
    font-size: 22px;
    font-family: "Comfortaa", cursive;
    text-decoration: none;
    color: #fff;
}

.branch-name {
    position: absolute;
    bottom: 40px;
    left: 40px;
    line-height: 1;
    opacity: 1;
    color: white;
    font-size: 50px;
    font-family: "Comfortaa", cursive;
    text-shadow: 0 0 20px #000,
    1px 0 20px #000,
    0 1px 20px #000;

    /* animate font size */
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 11;
}

.img-container:hover .branch-name {
    font-size: 27px;
}

#references {
    background: #f4f4f4;
}

/* End Branches Section */

/* Start Footer Section */
footer {
    padding: 15px 15px;
    height: 85px;
    overflow: hidden;
    z-index: 50;
}

.home footer {
    height: auto;
}

footer img.img-fluid {
    width: 25px;
    height: 25px;
}

.footer-contact {
    padding: 0 0 20px;
}

#main-footer .btn.btn-outline-light {
    border-radius: 0;
    border: 2px solid #fff;
    margin-bottom: 15px;
}

#main-footer p {
    font-family: "Comfortaa", cursive;
    font-size: 14px;
    padding-top: 10px;
}

/* End Footer Section */

/************************
  Start References Page
*************************/
#references .overlay-text {
    position: relative;
}

#references .overlay-text h1 {
    position: absolute;
    left: -20px;
    color: #416c90;
    font-family: "Comfortaa", cursive;
    opacity: 0.1;
}

#references .overlay-text h2 {
    position: absolute;
    z-index: 10;
    color: #19499b;
    font-family: "Comfortaa", cursive;
    font-weight: bold;
}

#references h5,
#references .project-card h5 {
    color: #19499b;
    font-family: "Comfortaa", cursive;
    font-weight: bold;
}

#references .project-card h5 {
    font-size: 16px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#references .mandatory p {
    color: #404040;
    font-size: 13px;
    line-height: 22px;
}

#references .publicity::before {
    background: rgba(154, 154, 154, 0.6);
    width: 100%;
    height: 1px;
    display: block;
    margin: 0 0 20px 0;
    content: "";
}

#references .mandatory.slick-slider {
    padding: 0;
}

#references .mandatory .slick-dots {
    text-align: left;
}

#references .projects .slick-dots {
    position: relative;
    bottom: auto;
}

#references .mandatory .slick-slide img {
    height: auto;
    max-width: 100%;
}

.slick-slider {
    padding: 0 40px;
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button:before {
    font-size: 10px;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:focus:before {
    color: #19499b;
    opacity: 1;
}

.slick-dots li button:hover:before {
    opacity: 0.25;
}

.slick-dots li.slick-active button:hover:before {
    opacity: 1;
}

.slick-slide:focus {
    outline: 0;
}

#references .mandatory p.lead {
    font-size: 14px;
}

#references .projects .project-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

#references .projects .project-wrapper .project-card {
    height: 120px;
    padding: 0 15px;
}

.slick-prev:before,
.slick-next:before {
    background: transparent no-repeat center/auto;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    content: "";
}

.slick-prev:before {
    background-image: url("img/left2.png")
}

.slick-next:before {
    background-image: url("img/right2.png");
}

.slick-prev, .slick-next {
    width: 26px;
    height: 40px;
}

#references .projects .slick-prev,
#references .projects .slick-next {
    top: 40%;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

#references .references-content {
    color: #5d5d5d;
}

/************************
  Contact-us Page
*************************/

.contact-us-form {
    overflow: hidden;
    max-width: 710px;
    padding: 48px 32px 40px;
    background: #FFF;
    box-shadow: 0 3px 13px 0 rgba(51, 87, 163, 0.26);
}

.form-control {
    height: auto;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    color: #5f5f5f;
    background-color: #FFF;
    border: 1px solid #19499b;
    border-radius: 0;
}

.form-control::placeholder {
    color: #19499b;
}

.form-control:focus {
    box-shadow: none;
    border-color: #19499b;
}

.form-control ~ label, .error {
    font-size: 12px;
    line-height: 18px;
    color: #CC0000;
    padding-left: 20px;
}

textarea.form-control {
    resize: none;
}

.contact-us-form input[type="submit"] {
    font-size: 18px;
    font-weight: bold;
    color: #19499b;
    border-radius: 0;
    border: 2px solid #19499b;
    padding: 16px;
    box-shadow: none;
}

.contact-us-form .input-firstname {
    padding-bottom: 15px;
}

.contact-us-form .input-wrap:not(:last-child) {
    margin-bottom: 15px;
}

.contact-us-form .input-description textarea {
    height: 122px;
}

.contact-us-form .privacy-policy {
    font-size: 8px;
    line-height: 12px;
    color: #5f5f5f;
    text-align: justify;
    hyphens: auto;
    padding-bottom: 30px;
}

.contact-us-form .alert {
    font-size: 14px;
    border-radius: 0;
    margin-bottom: 30px;
    padding: .75rem 1.25rem;
}

.contact-us-form .submit-group {
    text-align: right;
}

.contact-us-form .g-recaptcha {
    display: inline-block;
    transform: scale(0.81);
    -webkit-transform: scale(0.81);
    transform-origin: right 0;
    -webkit-transform-origin: right 0;
}

.contact-us-form .form-submit {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

/************************
  Contact Page
*************************/
.background-fixed.contact {
    background-image: url("img/contact.jpg");
}

.contact-company,
.contact-branches-country {
    margin-bottom: 20px;
}

.contact-company-title > h2,
.contact-branches-title > h2 {
    font-size: 22px;
    font-weight: bold;
    color: #19499b;
    margin-bottom: 0;
}

.contact-company-title > h2 {
    text-transform: lowercase;
}

.contact-company-detail,
.contact-branch {
    color: #404040;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact-company-detail h3,
.contact-branch h3 {
    color: #404040;
}

.contact-company-detail > div,
.contact-branch-address {
    font-size: 14px;
    line-height: 1.6em;
}

.contact-branch-address {
    margin-bottom: 1em;
}

.contact-branch-email::before,
.contact-branch-tel::before {
    content: "E";
    color: #19499b;
    font-size: 14px;
    padding-right: 12px;
}

.contact-branch-tel::before {
    content: "T";
}

.contact-branch-email a,
.contact-branch-tel a {
    font-size: 14px;
    line-height: 1.6em;
    text-decoration: none;
    color: #404040;
}

#map-contact {
    height: 250px;
    background: #FFF;
}

#map-contact::before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    z-index: 20;
}

#map-contact .marker-altair {
    background-image: url("img/marker-icon.svg");
    top: -8%;
    cursor: pointer;
}

#map-contact .marker-altair::after {
    content: "";
    background: url("img/marker-shadow.png") no-repeat center/100%;
    position: absolute;
    width: 198%;
    height: 198%;
    pointer-events: none;
    top: -50%;
    left: -50%;
}

/* Start training page */
.background-fixed.training {
    background-image: url("img/training.jpg");
}

.training-categories-title:first-child {
    margin-top: 50px;
}

.training-categories-title {
    margin-top: 30px;
}

#training-list .card {
    margin-bottom: 3px;
    border-radius: 0;
    box-shadow: 0 3px 13px rgba(51, 87, 163, 0.26);
}


#training-list .card a:hover{
    text-decoration: none;
}

#training-list .card .card-body .info {
    text-align: right;
}

#training-list .card .training-name, .training-card-text {
    color: #212529;
    font-size: 16px;
    font-weight: bold;
    font-family: "Comfortaa", cursive;
}

#training-list .card .job-type span,
#training-list .card .job-branch span {
    color: #384c8c;
    font-size: 13px;
    font-family: "Comfortaa", cursive;
}

#training-list .card .training-actions {
    color: #5d5d5d;
    font-size: 16px;
    font-weight: normal;
}

.training-text-color-blue {
    color: #19499b;
}

.training-short-description {
    margin-top: 1rem;
    margin-bottom: 0rem;
    color: #666666;
}

.training-contact {
    margin-top: 3rem;
    display: none;
}

.training-form div {
    float:left;
}

.training-form div input, .training-form div textarea {
    text-indent: 1rem;
    border: 0.05rem solid #19499D;
    margin: 0.7rem 0;
    color: #19499D;
    font-size: 14px;
    line-height: 40px;
}

.training-form div textarea {
    height: 11rem;
    resize: none;
}

.training-error-input {
    border: 0.05rem solid #ff0000!important;
}

.training-error-message {
    color: red;
    font-size: 12px;
}

.training-form div button, .training-form div button:hover, .training-form div button:active, .training-form div button:focus {
    padding: 0.8rem;
    background: none;
    border: 0.1rem solid #19499D;
    color: #19499D;
    font-size: 16px;
    float: right;
}

.registerToTraining:hover {
    cursor: pointer;
}

.clicked {
    border-color: #1949A2;
    background-size: 150%;
    background-position-x: center;
    border-width: 0.1rem;
}

.privacy-policy-training {
    font-size: 12px;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

.messageSent div{
    margin: 1.5rem 0;
    text-align: center;
}

.messageSent div h3 {
    font-size: 28px;
}
.messageSent div button{
    background: none;
    border: none;
    color: #19499D;
    text-decoration: underline;
    font-size: 16px;
}

.messageSent>div.success {
    background-image: url("img/success.png");
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 120px 120px;
}

.training-after-registration {
    display: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    padding: 0.5rem 0;
    color: #19499D;
    opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    padding: 0.5rem 0;
    color: #19499D;
}

::-ms-input-placeholder { /* Microsoft Edge */
    padding: 0.5rem 0;
    color: #19499D;
}

*:focus {
    outline: 0;
}

@media (max-width: 768px){
    .training-info-small-device {
        width: 33.333%!important;
        float: left;
    }
}
.inactiveTraining>div>div, .inactiveTraining>div>.training-actions {
    color: #cecece;
}

/* END training page */

/* Start Careers-list */
#careers-list .main-wrap {
    height: calc(100vh - 80px - 130px);
    overflow: hidden auto;
}

#careers-list .career-data a {
    text-decoration: none;
    color: #19499b;
    font-family: "Comfortaa", cursive;
    font-size: 14px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 50px;
}

#careers-list .overlay-text {
    position: relative;
    height: 65px;
    margin-bottom: 70px;
}

#careers-list .overlay-text h1 {
    position: absolute;
    left: -40px;
    top: -16px;
    color: #416c90;
    opacity: 0.1;
    font-size: 80px;
    font-weight: bold;
}

#careers-list .overlay-text h2 {
    position: absolute;
    z-index: 10;
    color: #19499b;
    font-size: 26px;
    font-weight: bold;
}

#careers-list .career-img, #careers_contact .career-img {
    background: url("img/careers.jpg") no-repeat fixed -220px center/cover;
    height: 100vh;
}

#careers-list .career-data {
    padding: 15px 48px;
}

#careers-list .card {
    margin-bottom: 18px;
    border-radius: 0;
    box-shadow: 0 3px 13px rgba(51, 87, 163, 0.26);
}

#careers-list .card .card-body .info {
    text-align: right;
}

#careers-list .card .job-name a {
    color: #282828;
    font-size: 14px;
    font-weight: bold;
    font-family: "Comfortaa", cursive;
}

#careers-list .card .job-type span,
#careers-list .card .job-branch span {
    color: #384c8c;
    font-size: 13px;
    font-family: "Comfortaa", cursive;
}

#careers-list .card .job-actions a {
    color: #7c7c7c;
    font-size: 14px;
    font-weight: normal;
}

/* End Careers-list */

/* Start Careers Details */
#careers_details a.back {
    text-decoration: none;
    color: #19499b;
}

#careers_details .job_info .about_job h5,
#careers_details .job_info .job_advantages h5 {
    color: #19499b;
    font-weight: bold;
}

#careers_details .job_info .btn-outline-primary,
#careers_details .btn-outline-primary {
    border-color: #19499b;
    color: #19499b;
}

#careers_details .job_info .btn-outline-primary .apply-btn:hover,
#careers_details .btn-outline-primary .apply-btn:hover {
    background-color: #19499b;
    border-color: #19499b;
    color: #fff;
}

#careers_details .job_info .type,
#careers_details .job_info .branch {
    color: #384c8c;
}

.job_info {
    justify-content: space-between;
}

/* End Careers Details */

/* Start Careers Contact */
#careers_contact a.back {
    text-decoration: none;
    color: #19499b;
}

#careers_contact .job_info .about_job h5,
#careers_contact .job_info .job_advantages h5 {
    color: #19499b;
    font-weight: bold;
}

#careers_contact .job_info .type,
#careers_contact .job_info .branch {
    color: #384c8c;
}

.contact_form form input.form-control,
.contact_form form textarea {
    border-color: #19499b;
}

#careers_contact .contact_form ::-webkit-input-placeholder,
#careers_contact .contact_form textarea {
    color: #19499b;
}

#careers_contact .contact_form span {
    font-size: 14px;
    color: #717171;
}

#careers_contact .contact_form .btn-primary {
    border-radius: 0;
    background-color: #19499b;
    border-color: #19499b;
}

#careers_contact .contact_form .btn-outline-primary {
    border-color: #19499b;
    color: #19499b;
}

#careers_contact .contact_form .btn-outline-primary:hover {
    color: #fff;
    background-color: #19499b;
}

#careers_contact .contact_form p.policy {
    color: #5e5e5e;
    font-size: 14px;
}

.hideForm {
    display: none;
}

.displayForm {
    display: block;
}

.form-success {
    width: 60px;
    margin-bottom: 30px;
}

/* End Careers Contact */

/* Start Obsena */
#obsena a.back {
    text-decoration: none;
    color: #19499b;
}

#obsena h1 {
    color: #19499b;
    font-size: 42px;
}

#obsena .box-data h3 {
    color: #19499b;
    font-size: 22px;
}

#obsena .box-data p {
    font-size: 16px;
    color: #666666;
}

/* End Obsena */
.error404 h1.page-title,
.error404 .page-wrap p {
    text-align: center;
}
.error404 h1.page-title::before {
    left: 50%;
    transform: translateX(-50%);
}

/* Chatbot override */
.wp-chatbot-ball {
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.25);
}
.wp-chatbot-container .wp-chatbot-content {
    background-image: none;
}
ul.wp-chatbot-messages-container {
    padding-top: 5px !important;
}
.wp-chatbot-board-container ul.wp-chatbot-messages-container > li.wp-chatbot-msg .wp-chatbot-paragraph,
.wp-chatbot-agent-profile .wp-chatbot-bubble {
    background-color: #00b9bd;
}
ul.wp-chatbot-messages-container > li > .wp-chatbot-paragraph h3 {
    color: #FFF;
}
.wp-chatbot-container span.qcld-chatbot-product-category,
.wp-chatbot-container span.qcld-chatbot-support-items,
.wp-chatbot-container span.qcld-chatbot-wildcard,
.wp-chatbot-container span.qcld-chatbot-suggest-email,
.wp-chatbot-container span.qcld-chatbot-reset-btn,
.wp-chatbot-container span.qcld-chatbot-suggest-phone,
.wp-chatbot-container #wp-chatbot-loadmore,
.wp-chatbot-container .wp-chatbot-loadmore {
    border-radius: 0;
    border: 0;
    color: #FFF;
    background-image: linear-gradient(to right, #00b9bd 10%, #34b475 50%, #3357a3 100%);
    background-size: 150%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.wp-chatbot-container span.qcld-chatbot-product-category:hover,
.wp-chatbot-container span.qcld-chatbot-support-items:hover,
.wp-chatbot-container span.qcld-chatbot-wildcard:hover,
.wp-chatbot-container span.qcld-chatbot-suggest-email:hover,
.wp-chatbot-container span.qcld-chatbot-reset-btn:hover,
.wp-chatbot-container span.qcld-chatbot-suggest-phone:hover,
.wp-chatbot-container #wp-chatbot-loadmore:hover,
.wp-chatbot-container .wp-chatbot-loadmore:hover {
    background-position: center;
}
.wp-chatbot-animation-active .wp-chatbot-ball-animation-switch::after,
.wp-chatbot-animation-active .wp-chatbot-ball-animation-switch::before {
    border-top-color: #00b9bd !important;
}
.wp-chatbot-animation-active .wp-chatbot-ball-animation-switch {
    border-top-color: transparent; !important;
}

/***************************************************
 **************  Start Media Query *****************
 **************************************************/
@media (max-width: 575px) {

    #home-section .home-caption h1.main-title {
        font-size: 25px;
        line-height: 24px;
    }

    #home-section .home-caption p.lead {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    #home-section .home-caption a {
        font-size: 13px;
        padding: 6px 29px;
    }

    /* Start Career-list */
    #careers-list .order-bottom {
        order: 2;
    }

    #careers-list .order-top {
        order: 1;
    }

    #careers-list .career-data a {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #careers-list .career-data {
        padding: 20px;
    }

    #careers-list .overlay-text {
        margin-bottom: 15px;
    }

    #careers-list .overlay-text h1 {
        left: -23px;
    }

    #careers-list .career-data .card {
        margin-top: 20px;
    }

    #careers-list .career-data .card .card-body {
        padding: 0.5rem;
    }

    #careers-list .career-data .card .card-body .job-name {
        margin-bottom: 14px;
    }

    #careers-list .card .card-body .info {
        text-align: left;
    }

    #careers-list .career-data .card .card-body .job-actions a {
        font-size: 13px;
    }

    /* End Career-list */
}

@media (min-width: 576px) and (max-width: 767px) {

    #home-section .home-caption h1.main-title {
        font-size: 25px;
    }

    /* Start Career-list */
    #careers-list .order-bottom {
        order: 2;
    }

    #careers-list .order-top {
        order: 1;
    }

    #careers-list .career-data a {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #careers-list .career-data {
        padding: 20px;
    }

    #careers-list .overlay-text {
        margin-bottom: 15px;
    }

    #careers-list .overlay-text h1 {
        left: -23px;
    }

    #careers-list .card .card-body .info {
        text-align: left;
    }

    #careers-list .career-data .card .card-body .job-name {
        margin-bottom: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #home-section .home-caption {
        margin-top: 100px;
    }

    #home-section .home-caption h1.main-title {
        font-size: 28px;
    }

    #main-footer .contact-btn {
        width: 50%;
        align-self: center;
    }

    #home-section .home-caption p.lead {
        font-size: 18px;
    }

    /* Start Career-list */
    #careers-list .order-bottom {
        order: 2;
    }

    #careers-list .order-top {
        order: 1;
    }

    #careers-list .career-data a {
        margin-top: 0;
        margin-bottom: 40px;
    }

    #careers-list .career-data {
        padding: 20px;
    }

    #careers-list .overlay-text {
        margin-bottom: 15px;
    }

    #careers-list .overlay-text h1 {
        left: -23px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #home-section .home-caption {
        margin-top: 100px;
    }

    #main-footer .contact-btn {
        width: 50%;
        align-self: center;
    }

    /* Start Career-list */
    #careers-list .career-data a {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #careers-list .career-data {
        padding: 20px;
    }

    #careers-list .overlay-text h1 {
        left: -23px;
    }
}

@media (min-width: 1200px) {
    .page-wrap.no-image {
        padding-left: 40px;
        padding-right: 40px;
    }

    body:not(.home) footer#main-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    #references .publicity::before {
        width: 1px;
        height: 100%;
        margin: 0 20px 0 0;
        float: left;
    }

    #references .publicity .slick-dots {
        padding: 0 20px;
    }

    #branches-section .img-container:hover .overlay {
        transform: scale(1);
        opacity: 0.9;
    }
}

@media (max-width: 1199px) {
    h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .main-wrap {
        padding: 80px 0 0;
        height: auto;
        min-height: calc(100% - 130px);
    }

    .main-wrap .background-fixed {
        visibility: hidden;
    }

    .main-wrap .col-12 > .background-fixed {
        visibility: visible;
        position: relative;
        width: 100%;
        height: 340px;
        overflow: hidden;
    }

    .main-wrap .col-12 > .background-fixed::after {
        content: "";
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 50%;
        height: 90%;
        opacity: 0.2;
        background: url("img/altair_logo_overlay.svg") no-repeat bottom right/contain;
    }

    .main-wrap .col-12 > .background-fixed::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #449da8;
        background: linear-gradient(130deg, #449da8 0%, #3357a3 100%);
        background-size: 150%;
        overflow: hidden;
        opacity: 0.3;
    }

    .page-wrap {
        padding: 0 30px 40px;
    }

    .page-return {
        padding-top: 20px;
    }

    .page h1.page-title {
        margin: 40px 0;
        padding: 0;
    }

    .page-content {
        font-size: 14px;
    }

    .page-content p,
    .page-content li {
        text-align: justify;
        hyphens: auto;
    }

    .contact-companies {
        margin-bottom: 40px;
    }

    .contact-company,
    .contact-branches-country {
        margin-bottom: 0;
    }

    .contact-company-title,
    .contact-branches-title {
        padding: 10px 0;
        border-bottom: 1px solid rgba(154, 154, 154, 0.5);
        position: relative;
        cursor: pointer;
    }

    .contact-company-title::after,
    .contact-branches-title::after {
        content: "";
        display: block;
        position: absolute;
        right: 4px;
        top: 50%;
        width: 16px;
        height: 26px;
        transform: translateY(-50%) rotate(90deg);
        background: url("img/next.png") no-repeat center/16px;
    }

    .open .contact-company-title::after,
    .open .contact-branches-title::after {
        transform: translateY(-50%) rotate(-90deg);
    }

    .contact-company-title + div,
    .contact-branches-title + div {
        display: none;
    }

    .open .contact-company-title + div,
    .open .contact-branches-title + div {
        display: block;
    }

    #branches-section .img-container.active .overlay {
        transform: scale(1);
        opacity: 1;
    }

    #branches-section .img-container.active .branch-name,
    #branches-section .img-container.active::after {
        opacity: 0;
    }

    #branches-section .img-container .info {
        top: 20px;
        left: 25px;
    }

    #branches-section .img-container .info li {
        padding-bottom: 5px;
    }

    #branches-section .img-container .info a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #branches-section .branch-name {
        font-size: 28px;
    }

    #references .references-content {
        font-size: 14px;
        line-height: 1.6;
    }

    #references .references-content,
    #references .mandatory p {
        text-align: justify;
        hyphens: auto;
    }

    .contact-us-form {
        max-width: none;
        padding: 60px 50px;
    }

    .contact-us-form .privacy-policy {
        text-align: center;
        padding-bottom: 0;
    }

    .contact-us-form .input-firstname {
        padding-bottom: 0;
    }

    .contact-us-form .submit-group {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .contact-us-form .g-recaptcha {
        display: block;
        float: left;
        transform: scale(0.91);
        -webkit-transform: scale(0.91);
        transform-origin: left 0;
        -webkit-transform-origin: left 0;
    }

    .contact-us-form .form-submit input[type="submit"] {
        padding: 20px 45px;
    }

    .form-control ~ label {
        padding-left: 0;
        padding-top: 5px;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .navbar-custom .navbar-main {
        width: 100%;
    }

    .navbar-custom .navbar-collapse {
        background: #FFF;
        padding: 0;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
        flex-wrap: wrap;
    }
    .navbar-custom .navbar-collapse.show,
    .navbar-custom .navbar-collapse.collapsing {
        display: flex;
    }
    .navbar-custom .navbar-collapse > * {
        flex: 1 0 100%;
    }
    .navbar-custom .navbar-collapse .navbar-languages {
        order: 3;
    }

    .navbar-custom ul.navbar-nav {
        height: auto;
        line-height: 1.5;
        padding: 10px 0;
    }

    .navbar-custom .nav-link {
        padding: 10px 20px;
        text-align: center;
    }

    .navbar-custom ul.navbar-nav .menu-item {
        transition: none;
    }

    .navbar-custom .navbar-nav .nav-item .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transition: max-height .3s ease-in-out;
        padding: 0;
        max-height: 0;
        overflow: hidden;
    }

    .navbar-custom .dropdown-item {
        text-align: center;
        transition: none;
        line-height: 26px;
    }

    .navbar-custom .dropdown-item:last-child {
        margin-bottom: .5rem;
    }

    .navbar-custom .menu-item.dropdown.open {
        background: #19499b;
    }

    .navbar-custom .menu-item.dropdown.open .nav-link {
        color: #FFF;
    }

    .navbar-custom .menu-item.dropdown.open .nav-link::after {
        transform: rotate(180deg);
        color: #FFF;
    }

    .navbar-custom .menu-item.dropdown.open .dropdown-menu {
        max-height: 400px;
    }

    .navbar-custom .navbar-search-top {
        display: none;
    }
    .navbar-custom .navbar-search-wrap {
        visibility: visible;
        opacity: 1;
        transition: none;
        transform: none !important;
        position: relative;
        right: auto;
        text-align: center;
    }
    #searchform {
        white-space: nowrap;
    }
    #searchform input[type="search"] {
        width: 240px;
        min-width: 0;
    }
    .navbar-languages {
        padding: 0;
    }
    .navbar-custom .navbar-languages-title {
        display: block;
    }
    .navbar-languages > li > a {
        display: none;
    }
    .navbar-custom .navbar-languages li.nav-item:hover {
        background: transparent;
    }
    .navbar-custom .navbar-languages .nav-item .dropdown-menu {
        visibility: visible;
        opacity: 1;
        max-height: none;
        background: transparent;
        text-align: center;
        padding: 0;
    }
    .navbar-custom .navbar-languages .nav-item .dropdown-menu .menu-item {
        display: inline-block;
    }
    .navbar-custom .navbar-languages .nav-item .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 0 10px;
        width: auto;
        font-size: 0;
        color: transparent;
    }
    .navbar-custom .navbar-languages .nav-item .dropdown-menu .dropdown-item::after {
        content: attr(data-slug);
        color: #19499b;
        font-size: 16px;
        text-transform: uppercase;
    }
}

@media (max-width: 767px) {
    #branches-section .branch-name {
        font-size: 25px;
        bottom: 20px;
        left: 20px;
    }

    #branches-section .img-container .overlay {
        position: relative;
        height: auto;
        max-height: 0;
        transition: max-height .3s ease-in-out, transform 0s linear .3s, opacity 0s linear .3s;
    }

    #branches-section .img-container.active .overlay {
        max-height: 400px;
        transition: max-height .3s ease-in-out;
    }

    #branches-section .img-container.active .branch-name,
    #branches-section .img-container.active::after {
        opacity: 1;
    }

    #branches-section .img-container .info {
        position: relative;
        top: auto;
        left: auto;
        padding: 30px;
    }

    #branches-section .img-container .info a {
        white-space: nowrap;
        overflow: visible;
        font-size: 18px;
    }

    #references .projects .slick-prev,
    #references .projects .slick-next {
        top: 50%;
    }

    .main-wrap .col-12 > .background-fixed::after {
        width: 70%;
        height: 70%;
    }

    .contact-us-form {
        padding: 25px 15px 40px;
    }

    .contact-us-form .alert {
        margin-bottom: 15px;
    }

    .contact-us-form .submit-group {
        padding-top: 0;
        padding-bottom: 15px;
        text-align: center;
    }

    .contact-us-form .g-recaptcha {
        position: absolute;
        display: block;
        left: 50%;
        float: none;
        text-align: center;
        transform: scale(0.76) translateX(-50%);
        -webkit-transform: scale(0.76) translateX(-50%);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .contact-us-form .g-recaptcha > div {
        display: inline-block;
    }

    .contact-us-form .form-submit {
        margin: 74px 0 15px;
    }

    .contact-us-form .form-submit input[type="submit"] {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed !important;
    }
}


.iti__flag {
    background-image: url("img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("img/flags@2x.png");
    }
}

#main-footer a {
    text-decoration: none;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.realColumn {
    height: 50px;
    background: red;
}