.flat-courses.style1 {
    margin-bottom: 30px;
}
.course-details-h1{
    font-size: 14px;
    font-family: Noto Sans;
    color: #777777;
    display:inline;
}
.text-muted{
    display:inline;
}
.clndr {
    font-size: 1.5em;
}
.clndr .controls {
    background: #eef1f6;
    color: #697ea4;
    overflow: hidden;
}
.clndr .controls > div {
    padding-top: 10px;
    padding-bottom: 10px;
}
.clndr .controls .prev,
.clndr .controls .next {
    cursor: pointer;
}

.clndr .days-container .headers > div,
.clndr .days-container .days > div {
    width: calc(14.285% - 2px);
    margin: 1px;
    float: left;
    text-align: center;
    height: 70px;
    line-height: 70px;
}

.clndr .days-container .headers > div:nth-child(7n+1),
.clndr .days-container .days > div:nth-child(7n+1) {
    clear: both;
}

.clndr .days-container .days .adjacent-month {
    opacity: 0.7;
}

.clndr .days-container .days .day.event {
    background: #eef1f6;
    cursor: pointer;
    color: #697ea4;
}
.clndr .days-container .days .day.today {
    font-weight: bold;
}

.clndr .content-container {
    overflow: hidden;
    width: 100%;
    background: rgba(238, 241, 246, 0.5);
}

.clndr .content-container .content-wrapper {
    width: 100%;
    transition: transform .3s;
}

.clndr .content-container .days-container,
.clndr .content-container .events-container {
    float: left;
    width: 50%;
}

.clndr .content-container.show-events .content-wrapper {
    transform: translateX(-50%);
}

.clndr .content-container .events-container .headers {
    overflow: hidden;
}
.clndr .content-container .events-container .headers > div {
    padding-top: 5px;
    padding-bottom: 5px;
}
.clndr .content-container .events-container .x-button {
    cursor: pointer;
}
.clndr .content-container .events-container .event a {
    display: block;
    padding: 10px 15px;
}
.clndr .content-container .events-container .event a:hover {
    background: #697ea4;
    color: #fff;
}

.header.is-sticky {
    z-index: 100000;
}

.flat-contact-form.border-radius input,
.flat-contact-form.border-radius select,
.flat-contact-form.style1 .all-categories button {
    width: 100%;
}

.fillter-courses.style1 .categories-courses:before, .fillter-courses.style1 .courses-level:before {
    right: 40px;
}

.logo img{
    max-height: 130px;
    width:100%;
}

.header-container{
    margin-left: 0;
    margin-right: 0;
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    width:100% !important;
}

.flat-courses:hover .courses-price p {
    padding-left: 0px;
}

.title-section .title {
    text-transform: none;
    font-family: 'Noto Sans', sans-serif;
}

.course-dates-header {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: -15px;
    margin-top: 15px;
    font-family: 'Noto Sans', sans-serif;
}
.course-dates .course-date {
    display: block;
}
.course-dates .course-date > * {
    display: inline;
}
.course-dates .course-date > *:not(:last-child):after {
    content: " - ";
}

.courses-meta {
    list-style: none;
    padding: 0;
}

.courses-meta li {
    font-family: "Noto Sans";
    color: #697da3;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
    font-size: 12px;
    user-select: none;
}
.courses-meta li:before {
    bottom: auto;
}
.courses-meta li a {
    line-height: normal;
    color: inherit;
    font-weight: 300;
}

.courses-meta li.courses-date:before {
    content: "\f073";
}

.clearfix {
    clear: both;
}

.signup-form [class*="signup-form-project-"] {
    display: none;
}
.signup-form [class*="signup-form-project-"].active {
    display: block;
}
.signup-form .header {
    margin-bottom: 40px;
}

.signup-form .control-label {
    line-height: 29px;

}
.signup-form .submit-wrap {
    margin-bottom: 30px;
}

.signup-form .signup-form-user hr {
    clear: both;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-top: 8px;
}


#signUpForm .checkbox input[type="checkbox"] {
    margin-top: 0px;
}

#signUpForm .help-block:not(.help-block-error) {
    clear: both;
    margin: 0px 15px;
}
#signUpForm .help-block {
    line-height: 16px;
}
#signUpForm .step-validation-error {
    color: #a94442;
    margin-top: 5px;
}
#signUpForm .step-validation-error-bold {
    color: #a94442;
    margin-bottom: 10px;
    font-weight: bold;
}


.course-sign-up-successfull .entry .title-post {
    font-size: 28px;
}

.course-sign-up-successfull .entry p {
    margin-bottom: 5px;
}
.course-sign-up-successfull .entry .main-post {
    margin-bottom: 20px;
    padding: 30px 0px;
}

.font-lg {
    font-size: 2em;
}

.flat-team {
    padding: 15px;
}

.flat-team .profile {
    margin-bottom: 0px;
}

.flat-team.style1 .descritption blockquote:before {
    position: static;
    line-height: 60px;
    float: left;
    padding-right: 25px;
    margin-bottom: -40px;
}

.flat-teammember {
    margin-left: 0px;
    margin-right: 0px;
}


.course-price {
    font-size: 40px;
    color: #697ea4;
    font-weight: 900;
    line-height: 60px;
}

.training-tile{
    margin-bootom: 5px;
    background-color: white;
    color: #202020;
    border-radius: 2px;
    font-family: Noto Sans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: normal;
    text-align: center;

    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.62);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.62);
}
.training-tiles-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}
.course-list .list-content{
    padding-left: 0px;
    overflow: visible;
}
.training-tile {
    padding: 10px;
    margin-bottom: 5px;
    width: calc(50% - 10px);
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-flow: column;
}
.training-tile:hover {
    height: 175px;
    margin-bottom: 10px;
}
.containter {
    width:100%;
}
.blog-header-text{
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}


.sidebar-header {
    font-weight: bold;
    font-size: 1.2em;
}

.course-box {
    display: flex;
}
.box-with-button{
    width:100%;
    max-width: 390px;
    margin:auto;
}
.box-with-button .course-box-price-date {
    width: 100%;
    min-height: 20px;
    padding: 0px 10px;
    padding-bottom: 10px;
}
.course-box-price-date div{
    display: inline;
}

.course-box-price-date div:last-child{
    display: inline;
    float: right;
}
.box-with-button .place{
    padding: 0 10px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 3px;
}
.place div div{
    display: inline-block;
}
.place div div:last-child{
    padding:10px;
    display: block;
    width: 100%;
}
.course-box .course-box-content {
    background: #eef1f6;
    padding: 10px 15px;
    color: black;
    border: 1px solid #cfd7e7;
    flex-grow: 1;
}
.course-box .course-box-button {
    text-align: center;
    background-color: #697ea4;
    padding: 5px 15px;
    font-family: Noto Sans, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-top: 5px;
    transition: box-shadow 0s;
}
.course-box .course-box-button:hover {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
}

.course-box .course-box-content .main-price {
    color: #697ea4;
    font-weight: 600;
    font-family: Noto Sherif, sans-serif;
    font-size: 26px;
    text-align: right;
}
.course-box .course-box-content .old-price {
    text-decoration: line-through;
    color: #697ea4;
    font-family: Noto Sherif, sans-serif;
    line-height: 44px;
    font-size: 18px;
}
.course-box .course-box-content .main-price-date {
    text-align: right;
}
.course-box .course-box-date {
    text-align: left;
    margin-bottom: 10px;
    line-height: 140%;
}
.course-box .course-box-place {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 3px;
    font-size: 12px;
}

.course-box .course-box-price {
    margin-bottom: 10px;
}

.media-box-container {
    padding-top: 10px;
    width: 100%;
}

.media-box {
    display: flex;
    flex-direction: row;
    margin-left: 0;
}

.media-box .media-element {
    flex-grow: 2;
    background: silver;
    text-align: center;
    color: white;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    text-shadow: 0px 2px 5px black;
    margin-bottom: 10px;
}

.media-box.media-box-list {
    position: relative;
    bottom: 120px;
    flex-direction: column;
    padding: 22px 15px 0;
    max-width: 390px;
}

.media-box .media-element .media-semi-transparent-background {
    height: 80px;
    background: #9cbaf17d;
    padding-top: 15px;
    transition: background-color 0.5s ease;
}

.media-box .media-element:hover .media-semi-transparent-background {
    background: #ffffff00;
}

.media-box .media-element .icon {
    font-size: 30px;
}

.media-box .media-element .text {
    margin-top: -8px;
}

/* Globalne style bootstrap modal */

.modal {

}

.modal-content {
    border-radius: 0;
    margin-right: 20px;
}

.modal-title {
    margin-top: -9px;
    margin-left: -5px;
    font-size: 17px;
}

.modal-header {
    border: none;
}

.modal .close {
    margin-top: -23px;
    background: #697EA4;
    opacity: 1;
    color: white;
    border-radius: 0;
    padding: 4px 0px 7px 0px;
    text-align: center;
    width: 30px;
    position: absolute;
    right: 0px;
    top: 23px;
}

/* * */

.course-single .course-entry .content-desc {
    border-bottom-width: 0px;
}

.parallax {
    background-size: cover;
    background-attachment: local;
}

.radio label, .checkbox label {
    line-height: 14px;
}

ol {
    list-style-type: decimal;
    padding-left: 15px;
}

.display-none {
    display: none;
}
.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}

.course-downloads li a .fa {
    color: #000;
    font-size: 1.2em;
    margin-right: 5px;
}

.courses-price {
    display: block;
}

.has-error select {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#mainnav > ul > li > a {
    line-height: 19px;
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}
#mainnav > ul > li.main-page a {
    font-size: 20px;
}

.page-title {
    padding: 40px 0px;
}
/* Blog */
.container-blog-list{
    wodth:930px;
}
.categories-list{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.category-btn{
    cursor:pointer;
    font-family: "Noto Sans";
    font-weight: bold;
    background: #fff;
    text-align: center;
    margin:10px 10px;
    padding:10px 20px;
    color: #9a9a9a;
    transition: ease-in-out 100ms;
    box-shadow: 0px 4px 4px -3px rgba(0,0,0,0.25), 0px 5px 10px -6px rgba(0,0,0,0.25), 0px 3px 3px -1px rgba(0,0,0,0.2);
}
.category-btn:hover{
    background: #778AAC;
    color: #fff;
}
/* ;Blog */
.pad-top80px {
    padding-top: 80px;
}
.pad-bottom80px {
    padding-bottom: 80px;
}

.course-title-item .courses-topic a {
    font-size:20px;
    font-weight: bold;
    color:#000;
}

.course-list .list-content .courses-topic a {
    font-size: 20px;
    font-weight: bold;
}

.course-box .course-box-place-details {
    line-height: 18px;
    margin-top: 3px;
}

.course-box-with-link {
    display: block;
    color: inherit;
    position: relative;
    margin-bottom: 0px;
}
.course-box-with-link .course-box-content {
    height: 220px;
}

.course-box-with-link .course-box-place-details {
    margin-top: auto;
}

.course-box-with-link:before {
    content: 'ZOBACZ SZCZEGÓŁY';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #337ab7;
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}
.course-box-with-link:hover:before {
    opacity: 1;
    pointer-events: auto;
}

.color-blue {
    color: #337ab7;
}

.m-b-30 {
    margin-bottom: 30px;
}
.m-b--30 {
    margin-bottom: -30px;
}
.m-b-0 {
    margin-bottom: 0px !important;
}
.m-t-0 {
    margin-top: 0px !important;
}
.m-t-auto {
    margin-top: auto;
}

.col-vertical-margin {
    padding-top: 15px;
    padding-bottom: 15px;
}
.row-vertical-margin {
    margin-top: -15px;
    margin-bottom: 15px;
}
.row-dynamic{
    width:90%;
    margin:auto;
}

.course-list .list-content {
    padding-right: 0px;
}

.course-price-text-center {
    text-align: center;
}

.height-100p {
    height: 100%;
}
.width-100p {
    width: 100%;
}

.course-single .course-entry .title {
    font-size: 20px;
    font-weight: bold;
    font-family: Noto Sherif, sans-serif;
    text-transform: none;
    line-height: 30px;
}

.display-block-for-label label {
    display: block;
}

.product-box {
    background: #eef1f6;
    padding: 12px;
    border: 1px solid #cfd7e7;
    margin-bottom: 15px;
}
.product-box:not(.product-box-active) {
    opacity: 0.7;
}
.product-box-active {
    border-color: #9bc796;
    background: #e6f1ee;
}
.products-boxs-container .radio input[type="radio"]:checked + [project_id] .product-box-active {
    border-width: 3px;
    padding: 10px;
}

.product-box-header {
    font-weight: bold;
    margin-bottom: 3px;
}

.product-box-price-container .product-box-price {
    font-size: 30px;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 5px;
}

#banner_red {
    margin-top: 50px;
    padding: 50px;
    text-align: center;
    line-height: 1em;
    background: #bd4759;
    color: #fff;
}

.super_promo_label {
    position: absolute;
    z-index: 99;
    background: #bd4759;
    color: #fff;
    padding: 0 10px;
    top: 10px;
}

.popup-ad {

}

.popup-ad-overlay {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

.popup-modal {
    margin: 250px auto 0;
    background-color: #fff;
    width:550px;
    box-shadow: 0 10px 40px -20px #000, 0 4px 20px -14px #000;
    border-radius:2px;
}

.popup-content {
    padding: 10px 50px 50px;
    font-size: 23px;
    line-height:150%;
    text-align: center;
}

.popup-controls {
    text-align: right;
    padding: 20px 20px 0;
}

.autocomplete-client-data,
.autocomplete-client-recipient-data {
    cursor: pointer;
}

.autocomplete-client-data:hover,
.autocomplete-client-recipient-data:hover {
    color: #697ea4;
}

.form-section {
    margin-bottom: 35px;
}
.form-section h4 {
    font-size: 14px;
    font-weight: bold;
    margin:20px 0px;
}

.form-section .control-label,
.form-section .form-group > div {
    width: 100%;
    text-align: left;
}

.section-header {
    font-size: 19px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 5px;
    margin-bottom: 35px;
}

.section-header.no-margin-bottom {
    margin-bottom: 0px;
}

.form-section .form-control,
.form-section select {
    margin-bottom: 0px;
}

.form-section .help-block {
    margin: 0px;
}

.form-section .form-group {
    margin-bottom: 4px;
}

.form-section .signup-form-user {
    border: 1px solid #ededed;
    padding: 10px 20px 20px 20px;
    margin-bottom: 13px;
}

.form-section .signup-form-user .form-group {
    width: 100%;
    display: block;
    float: none;
    margin-right: 0px;
}

.form-section .delete-participant {
    margin: 19px 0px 0px 0px;
}

.form-section .opacity-area {
    position: relative;
}

.form-section .opacity-area .opacity-area-text {
    width: 100%;
    position: absolute;
    top: 49%;
    text-align: center;
    font-size: 18pt;
}

.form-section .opacity-area.opacity-on .form-group {
    opacity: 0.2;
}

.form-section .other-recipient {
    margin-top: -28px;
}

/* Nadpisuje bootstrapowy button */
.btn-sharp-default {
    background: #697EA4;
    border-radius: 0px;
    border: 1px solid #697EA4;
    text-transform: uppercase;
    padding: 7px 20px 7px 20px;
}
.btn-prev-default {
    background: #fff;
    border-radius: 1px;
    border: 1px solid #eee;
    text-transform: uppercase;
    color:#999;
    padding: 7px 20px 7px 20px;
}
.btn-prev-default:hover {
    background: #999;
    color: #fff;
}

.menu-container{
    height:100px;
    display: flex;
    justify-content: flex-end;

    -webkit-box-shadow: 0 5px 5px 0 rgb(185, 185, 185);
    -moz-box-shadow: 0 5px 5px 0 rgb(185, 185, 185);
    box-shadow: 0 5px 5px 0 rgb(185, 185, 185);
}

.btn-sharp-danger {
    background: #C9302C;
    border-radius: 0px;
    border: 1px solid #C9302C;
    text-transform: uppercase;
    padding: 7px 20px 7px 20px;
}

.form-section .notification-message {
    color: #697EA4;
}

.rodo-info {
    font-size: 12px;
    line-height: normal;
}

.rodo-info p {
    margin-top: 10px;
}

.breadcrumbs{
    margin-top: 30px;
}

.blog-header{
    max-width: 100%;
    font-size:25px;
    color: black;
    font-weight: bold;
    margin-bottom:25px;
    margin-top: 15px;
}

.blog-content-container{
    margin: 50px auto;
    width: 930px;
}

.blog-content-image-div{
    float: left;
    margin: 0 25px 10px 0;
    width:220px;

}
.blog-details-courses-container{
    padding: 40px 0;

}
.blog-details-courses-container p{
    text-align: center;
}
.blog-category-header{
    text-align: left;
    padding: 20px 0 10px 0;
    width: 930px;
    margin:auto;
    font-weight: bold;
    font-size: 18px;
}
.navbar-dropdown-li{
    cursor: pointer;
}

#dropdownMenuButton{
    display: block !important;
    top: 37px;
}

.header-dropdown-icon{
    position: relative;
    top: -3px;
    left: 3px;
}

.dropdown-menu{
    padding:20px;
}

.magnifier {
    padding-right: 32px;
    position: absolute;
    top: 50%;
    right: 70px;
    margin-top: -12.5px;
    text-align: center;
}

.nav-items-div{
    margin-top: 10px;
}

.blog-categories-tiles-container{
    display: inline-flex;
    flex-wrap: wrap;
}

.blog-category-tile{
    -webkit-box-shadow: 0 4px 12px -5px rgba(143,143,143,0.34);
    -moz-box-shadow: 0 4px 12px -5px rgba(143,143,143,0.34);
    box-shadow: 0 4px 12px -5px rgba(143,143,143,0.34),0 2px 4px -2px rgba(143,143,143,0.34),0 6px 12px -6px rgba(143,143,143,0.34)  ;
    border-radius:1px;
    padding:6px 16px;
    margin: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #999;
    font-weight: bold;
}

.blog-category-tile.active {
    background-color: #778AAC;
    color: white !important;
}

.blog-item-header{
    font-size: 20px;
    font-weight:bold;
}

.blog-item-div{
    display: flex;
}
.blog-item-content{
    font-size: 14px;
    text-overflow: fade;
}
.blog-item-content-container{
    width: 70%;
    min-height: 265px;
    padding:20px;
    box-shadow: 0 4px 12px -5px rgba(143,143,143,0.34),0 4px 8px -3px rgba(143,143,143,0.34) ;
}

.blog-tags-and-details-row{
    margin-top:20px;
}

.blog-item-details-button{
    background-color: #778AAC;
    float: right;
    border-radius: 1px;
    border: 0px solid;
}

.blog-author-and-date-row {
    margin-top: 18px;
}

.blog-item-author,
.blog-item-date{
    font-size: 18px;
    margin-bottom:18px;
}

.blog-item-div{
    margin-top: 35px;
    padding-left: 0;
    padding-right: 0;
}

.blogs-paginator-container{
    text-align: center;
}

.blogs-index-page-tile{
    height: 40px;
    width: 40px;
    background-color: #697EA4;
    color: white;
    font-size: 18px;
    font-weight: bold;
    display: inline-grid;
    margin: 50px 10px;
    padding-top: 5px;
}

.training-main-info-container{
    display: flex;
    align-items: center;
    background-color: #F4F6F9;
    flex-direction: column;

}

.training-main-info-item{
    display:flex;
    width:100%;
    flex-direction: row;
    height: 50px;
    align-items: center;
    flex: 1;
    justify-content: center;
    fill: #697EA4;
    color: #697EA4;
    font-size:20px;
    font-weight: bold;
    top:10px;
    border-right: 0px solid gray;
    border-bottom: 1px solid gray;
    margin:10px 0px;
}

.training-tabs-container{
    color: #697EA4;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
    box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.2);
}

.training-tabs-see{
    float: right;
    margin:5px;
    display: none;
}

.training-main-info-container div:last-child{
    border: none;
}

.trainings-tabs-div{
    margin-top:10px;
    text-align: center;
    font-size: 13px;
    line-height: 1.25;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.training-tab-item{
    margin: 2px 8px 2px 8px;
    transition-duration: 0s;
}

.training-tab-item.active{
    box-sizing: border-box;
    border-bottom: 5px solid #697EA4;
    margin-bottom: 0px;
}

.training-programme-header{
    text-align: center;
}

.training-programme-header{
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.training-programme-header-info{
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.training-content-container{
    margin-top: 20px;
    user-select:none;
}
@media print {
    .training-content-container {
        display:none;
    }
}

.training-programme-header-div {
    margin-bottom: 20px;
}

.training-content-body {
    width: 100%;
}

.training-video-div{
    padding: 10px;
    background-color:#F4F6F9;
    position: relative;
    width: 350px;
    text-align: center;
    height: 240px;
    float: right;
    border: 1px solid lightgray;
    cursor: pointer;
    margin-left: 10px;
}

.training-video-info,
.training-video-see-more{
    position: absolute;
    bottom: 10px;
}

.training-video-info{
    font-size: 20px;
    color: black;
    left: 10px;
}

.training-video-see-more{
    right: 10px;
}

.training-prelegent {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 25px;
}

.training-video-img{
    width: 330px;
    height: 180px;
}

.training-photos-div{
    margin: 35px 0;
}


.trainig-title >img {
    width: 50%;
}


/*.training-tile:hover{*/
/*color: white;*/
/*background-color: #8395b9;*/
/*}*/

.training-tiles-header{
    color: white;
    font-size: 25px;
    font-weight: bold;
    margin: 50px 0 25px 0;
}

.courses-date-div{
    margin-top: 7px;
    margin-bottom: -5px;
}

.courses-city-div{
    margin-bottom: 7px;
    display: inline-flex;
    align-items: center;
}

.courses-icon-date{
    margin-right:7px;
}

.courses-icon-place{
    margin-right: 14px;
}

.courses-city-text,
.courses-date-text{
    font-size:14px;
    font-weight: bold;
    color: #5c6f95;
}

.courses-city-text{
    line-height: 1.0;
}

a.courses-tile-link {
    display: block;
    color: inherit;
    text-decoration: none;
    height: 100%;
}

a.courses-tile-link:hover {
    color: inherit;
    text-decoration: none;
}

.courses-tile {
    -webkit-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    -moz-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    margin:auto;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.courses-tile:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px 0 rgba(143,143,143,0.45);
}

.first-minute-training-tile{
    -webkit-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    -moz-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    margin: 10px;
    width: 46%;
    padding:0;
}

.opinions-tile{
    background-color: white;
    border: none;
    -webkit-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    -moz-box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
    box-shadow: 0 4px 7px 0 rgba(143,143,143,0.34);
}

.first-minute-training-tile-content-div{
    padding:10px;
}

.first-minute-training-tile-date-and-place{
}

.courses-tile-text-content-div{
    padding:0 15px;
}

.icon-bar {
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.43);
    -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.43);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.43);

    position: fixed;
    top: 50%;
    z-index: 9999;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook-icon {
    background: #697EA4;
    color: white;
    border-bottom: 1px solid white;
}

.youtube-icon {
    background: #697EA4;
    color: white;
}
.dynamic-map{
    overflow: hidden;
    padding: 5%;
    width: 90%;
}
.map-container{
    position: relative;
    width: 100%;
    opacity: 0;
}
.map-container img {
    width:100%;
}
.map-pin{
    position: absolute;
    font-size:50px;
}

.map-pin:hover{
    color: #414b5f;
}

.map-pin-opolskie{
    bottom: 23.41%;
    left: 29.23%;
}
.map-pin-dolnoslaskie{
    bottom: 30.42%;
    left: 20%;
}
.map-pin-malopolskie{
    bottom: 11.96%;
    left: 51.62%;
}
.map-pin-podkarpackie{
    bottom: 16.23%;
    right: 22.56%;
}
.map-pin-lubelskie{
    bottom: 33.33%;
    right: 22.56%;
}
.map-pin-swietokrzyskie{
    bottom: 25.29%;
    right: 36.58%;
}
.map-pin-mazowieckie{
    bottom: 47.69%;
    right: 30.08%;
}
.map-pin-zachodniopomorskie{
    top: 26.15%;
    left: 6.66%;
}
.map-pin-lubuskie{
    bottom: 45.81%;
    left: 8.54%;
}
.map-pin-wielkopolskie{
    bottom: 50.08%;
    left: 24.1%;
}
.map-pin-slaskie{
    bottom: 17.26%;
    left: 38.82%;
}
.map-pin-lodzkie{
    bottom: 37.09%;
    left: 49.23%;
}
.map-pin-lubelskie{
    bottom: 33.33%;
    right: 15.21%;
}
.map-pin-pomorskie{
    top: 13.67%;
    left: 30.94%;
}
.map-pin-warminsko-mazurskie{
    top: 18.80%;
    left: 57.43%;
}
.map-pin-podlaskie{
    top: 31.11%;
    right: 16.23%;
}
.map-pin-kujawsko-pomorskie{
    top: 30.76%;
    left: 35.04%;
}

.map-pin .tooltiptext {
    visibility: hidden;
    font-size:16px;
    min-width: 120px;
    padding: 5px 10px;
    background-color: #414b5f;
    color: white;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.map-pin:hover .tooltiptext {
    visibility: visible;
}

.bottom-menu{
    background-color: #697EA4;
    /*margin-top: 50px;*/
    color: white;
    width: 100%;
    font-weight: bold;
    padding:15px;
    height:auto;
    font-size: 20px;
    text-align: center;
}

.bottom-menu-item{
    display: block;
    width:100%;
    font-family: 'Noto Sans';
    margin: 10px 0px;
    color: white;
    cursor: pointer;
}
.bottom-menu-item:hover,.bottom-menu-item:focus{
    color: seashell !important;

}


.numbers-section{
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.blog-tile-text-content-div{
    height: 200px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-see-more-button-div{
    text-align: center;
    margin-bottom: 10px;
}

.blog-see-more-button{
    width: 250px;
    background-color: #697EA4;
}

.blog-content{
    color: #697EA4;
    line-height: 16px;
    font-size: 12px;
}

.blog-author-div{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.blog-author{
    fill: gray;
    color: #697EA4;
}



.training-main-info-icon-money,
.training-main-info-icon-lecturer,
.training-main-info-icon-pdf{
    margin-right: 10px;
    fill: gray;
}

.course-date-tile{
}

.blog-index-author-icon,
.blog-index-date-icon,
.blog-index-tags-icon{
    fill: gray;
    position: relative;
    top: 5px;
    right: 5px;
}

.course-tile-money-icon,
.course-tile-date-icon,
.course-tile-place-icon{
    margin-right:5px;
}

.course-tile-money-icon{
    position: relative;
    top: 5px;
}

.course-button-div{

    padding-left: 0;
    padding-right: 0;
}

.course-button{
    background-color: #697EA4;
    width: 100%;
}

.blog-details-courses-tile{
    width: 31%;
}

.blog-details-courses-header{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
}

.blog-header-index{
    font-size: 18px;
    line-height: 18px;
    font-family: 'Noto Sans';
}

.blog-header-div{
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 10px;
    margin-top: 25px;
}

.dropdown-item{
    font-size: 18px;
    display: block;
}

.blog-details-course-price{
    font-weight: bold;
    color: #CE0000 !important;
}

.boxed{
    width: 100%;
}

body{
    display: flex;
    justify-content: center;
}

.container-course-details{
    width: 100%;
}

.container-course-details ul {
    /*list-style: inherit;*/
}


.simple-page-container {
    padding: 30px 0;
}

.training-main-info-text{
    font-size: 16px;
}

.blog-details-container{
    width: 930px !important;
}
.blog-item-img img{
    width:100%;
    height:100%;
}
.blog-item-img-container{
    padding: 0;
    width: 30%;
    align-self: flex-end;
}

.blog-item-tags{
    padding-left: 5px;
}

.link-id:before{
    padding-top:50px;display:block;content:"";
}

.blog-thumbnail >img{
    width:100%;
}

.courses-thumbnail {
    height: 220px;
    overflow: hidden;
}

.courses-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.courses-thumbnail >a >img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.blog-item-img >img {
    width:100%;
    height: 100%;
}
#logo {
    position: relative;
    z-index: 100;
    max-width: 18%;
    padding:0;
    margin:0;
    margin-left:20px;
    max-height: 100px;
    top: 18px;
}

@media (max-width: 991px){
    #logo {
        position: relative;
        max-width: 50%;
        margin-bottom: 0;
        margin-left: 10px;
        top: 5px;
    }
}


.promo-price-tag-div{
    z-index: 100;
    position: absolute;
    height: 30px;
    display: flex;
    background-color: #C5A960;
    color: white;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
}
.course-price-old{
    text-decoration: line-through;
    font-size: 16px !important;
    margin-right: 15px;
    font-weight: lighter !important;
    color: gray !important;
}

.price{
    color: #d40000 !important;
}

.page-title-heading p{
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: normal;
    text-align: center;
}
.page-title-heading h2 {
    color: #fff;
    font-size:24px;
}
.training-tiles-header{
    font-family: 'Noto Sans', sans-serif;
}

.opinions-tile >.descritption,
.position,
.name{
    font-family: 'Noto Sans', sans-serif;
}

.flat-information >li >* {
    font-family: 'Noto Sans', sans-serif !important;
}

.title{
    font-family: 'Noto Sans', sans-serif;
}

.st-current{
    font-family: 'Noto Sans', sans-serif;
}

.blog-see-more-button-div >a {
    line-height: 1.6;
}



.courses-submenu {
    width:100%;
}

.submenu-header {
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 10px;
}

.submenu-container {
    display: block;
}

.submenu-container ul li {
    margin-right: 50px;
    min-width: 150px;
}

.submenu-container ul.courses-types {
    min-width: 250px;
}

.submenu-container ul.districts {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 1;
}
.promo-price-tag-div {
    width: 100%;
}
.courses-tile{
    margin-bottom:20px;
    min-height: 480px;
    margin-left:auto;
    margin-right: auto;
}

.courses-tile.no-place {
    min-height: 480px;
}

.media-box.media-box-list{
    flex-direction: row;
    align-items: center;
    bottom:120px;
}

.media-box .media-element{
    width: 75%;
}
.course-box-with-link {
    height: auto;
    max-width:390px;
}
.course-box-with-link .course-box-content {
    height: 290px;
    max-width: 390px;
}
.col-vertical-margin{
    margin:auto;
}
.course-desc-container{
    display: block;
}
.course-title-item{
    display: block;
    width:100%;
}
.thumb-item{
    display: flex;
    flex-direction: column;
    padding:10px;
}
.thumb-item a{
    display: block;
    margin-left:auto;
    margin-right: auto;
}
.price-item{
    max-width: 300px;
    min-width: 240px;
    margin-top:20px;
    margin-left:auto;
    margin-right: auto;
}
.desc-item  .courses-topic a {
    font-size:20px;
    font-weight: bold;
    color:#000;
}


.course-box-with-link .course-box-content {
    height: 220px;

}

.simple-box{
    margin: auto;
    width: 100%;
    max-width: 390px;
    max-height: 200px;
    margin-bottom: 5px;
    flex-grow: 1;
}
.box-media{
    bottom:-25px;
}

.courses-types-container{
    display: block;
}

.consent-info4 .form-group {
    width: 100% !important;
}
.signup-left{
    position: relative;
}
.signup-left .summary-section {
    width:90%;
    margin: auto;
}
.table-summary tr td {
    padding-right: 5px;
}
@media (min-width: 345px){

    .promo-price-tag-div{
        width: 75%;
    }
    .courses-tile{
        margin-left:auto;
        margin-right: auto;
    }
    .simple-box{
        max-width: 390px;
        max-height: 200px;
    }
    .trainings-tabs-div{
        font-size: 14px;
    }
}

@media (min-width: 470px) and (max-width: 767px){
    .col-vertical-margin{
        margin:auto;
    }

    .course-box-with-link .course-box-content {
        height: 180px;
        max-width: 390px;
    }
    .courses-tile{
        max-width: 400px;
    }
    .media-box.media-box-list {
        bottom: 108px;
    }
}
@media (min-width: 500px){

    .trainings-tabs-div{
        margin-top:10px;
        text-align: center;
        font-size: 16px;
        line-height: 1.25;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-weight: bold;
    }
    .training-tabs-see{
        display: inline;
    }
    .training-tab-item{
        margin: 2px 10px 2px 10px;
        transition-duration: 0s;
    }
}

.signup-form .signup-progress-bar {
    width: 600px;
    display: flex;
    margin: auto;
    margin-bottom: 40px;
}

/*============================================= min 600 */
@media (min-width: 600px){
    .courses-tile{
        min-height:520px;
    }

    .signup-left {
        top: 30px;
    }

    .courses-tile.no-place {
        min-height: 520px;
    }

    .bottom-menu-item{
        display: inline;
        font-family: 'Noto Sans';
        margin: 0 10px;
        color: white;
        cursor: pointer;
    }

    .submenu-container ul.districts {
        column-count: 2;
    }
    .blog-header-text{
        font-size: 18px;
    }
    .thumb-item{
        display: block;
        float:left;
        padding:10px;
        width: auto;
    }
    .form-section .signup-form-user .form-group {
        width: 100%;
    }
    .simple-box{
        max-height: 180px;
    }

    .signup-form .signup-progress-bar {
        overflow: auto;
        width: 100%;
        justify-content: center;
    }

    .signup-form .signup-progress-bar::-webkit-scrollbar {
        display: none;
    }

}
/*============================================= min 768 */
@media (min-width: 768px) {
    .signup-left .summary-section {
        width:100%;
    }
    .course-price {
        text-align: center;
    }
    .simple-box{
        max-height: 240px;
    }

    .training-tiles-container {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .training-tile {
        padding: 8px;
        margin: 0 !important;
        height: 160px;
        width: calc(20% - 10px) !important;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-flow: column;
        font-size: 14px;
        font-weight: bold;
    }
    .training-tile:hover {
        margin-top: -10px !important;
        height: 160px;
    }
    .training-tile img {
        max-height: 50px;
    }

    .courses-tile{
        margin:5px 5px;
        min-height:550px;

    }
    .promo-price-tag-div{
        width: 50%;
    }

    .training-main-info-container{
        flex-direction: row;
    }

    .training-main-info-item{
        height: 50px;
        margin:10px 0px;
        border-right: 1px solid gray;
        border-bottom: 0px solid gray;
    }
    .course-box-with-link .course-box-content {
        height: 220px;
        max-width: 100%;
    }

}
/*============================================= min 992 */
@media (min-width: 992px) {
    .latest-projects > [class^="col"]:nth-child(4n+1) {
        clear: both;
    }
    .form-section .signup-form-user .form-group {
        width: 100%;
    }
    .container-course-details{
        width: 930px;
    }
    .col-vertical-margin{
        margin:0;
    }

    .blog-header-text{
        font-size:24px;
    }


    .course-box-with-link .course-box-content {
        height: 220px;
    }
    .courses-submenu {
        width:auto;
        transform: translateX(-280px);
    }
    .promo-price-tag-div{
        width: 75%;
    }
    .place div div:last-child{
        display: block;
        padding:10px;

        width: 100%;
    }
    .training-tile{
        font-size: 20px;
        font-weight: normal;
    }
    .submenu-container{
        display:flex;
        flex-direction: row;
    }
    .simple-box{
        max-height: 220px;
    }
    .signup-left{
        position: sticky;
    }
}
/*============================================= min 1024*/
@media (min-width: 1024px){
    .training-tile{
        padding:10px;
    }
}
/*============================================= min 1200*/
@media (min-width: 1200px){
    .training-tile{
        padding:25px;
    }

}
/*============================================= min 1280*/
@media (min-width: 1280px){
    .blog-header-text{
        font-size:24px;
    }
    .menu-container{
        justify-content: center;
    }
    .courses-submenu {
        width:auto;
        transform: translateX(-0px);
    }
}
/*============================================= min 1440*/
@media (min-width: 1440px){
}


.courses-dates {
    display: flex;
    flex-wrap: wrap;

}

.subsection-title:not(:first-of-type) {
    margin-top: 20px;
}

.subsection-documents {
    color: #697EA4;
}

.subsection-title {
    font-weight: bold;
    font-size: 1.4em;
    margin: 10px 0;
}

.training-content-body {
    margin-top: 30px;
}

.training-content-body ul {
    list-style: inherit;
    padding: inherit;
    margin-left:20px;
}

.training-content-body ul li {
    margin-left: 20px;
    line-height: 1.8;
}

.blue-font {
    color: #0b97c4;
}
.training-claim {
    font-style: italic;
    color: #3f3f3f;
    font-size: 11px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.text-danger{
    color: #d40000;
}

.courses-meta li {
    overflow: hidden;
}

.contact-page-form {
    padding: 50px 0 37px;
}
.contact-page-form  .form-control {
    border-style: solid;
    border-color: #eef1f6;
    border-width: 1px;
    background-color: #eef1f6;
    box-shadow: none;
}
.contact-page-form  .form-control:focus {
    border: 1px solid #697ea4;
}
.form-group.form-group-lg.has-error input, .form-group.form-group-lg.has-error textarea {
    margin-bottom: 0;
}

.text-success {
    background: #dff2e0;
    padding: 20px;
}

.btn-violet {
    font-size: 12px;
    font-family: Noto Sans, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #697ea4;
    color: #fff;
    padding: 10px 20px;
}

.btn-violet:hover {
    color: #2b3341;
}

.container-with-tags-panel {
    position: relative;
}

.tags-panel {
    width: 180px;
    position: absolute;
    top: 35px;
    right: -205px;
}

.tags-header {
    color: #778aac;
    font-weight: bold;
}

.tags-header .blog-index-tags-icon {
    fill: #778aac;
}

.tags-panel li {
    cursor: pointer;
    margin-bottom: 3px;
}

.tags-panel .active {
    font-weight: bold;
}

.tag-btn-find {
    font-weight: bold;
    margin-top: 0px;
    padding: 9px 23px;
    color: white;
    width: 100%;
}

.tag-find {
    padding-top: 10px;
}

.tag-checkbox {
    display: none !important;
}

.help-block {
    font-size: 0.8em;
}

.sticky-button {
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: white;
    text-align: center;
    border-radius: 1px;
    position: sticky;
    top: 48px;
    z-index: 1035;
}

.sticky-button p{
    font-size:12px;
}

.sticky-button .btn-lg {
    height: auto;
}

.training-signup-wrapper {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    padding: 10px 0 20px;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    /* Fallback offset; syncSignupTopOffset() in app.js sets the exact value
       from the (variable-height) sticky tab bar. */
    top: 90px;
    z-index: 1035;
}

.training-signup-button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 28px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, rgb(32, 72, 131), rgb(11, 94, 215));
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    transform: translateY(0);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.training-signup-button:hover,
.training-signup-button:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}

.training-signup-button__main {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.training-signup-button__sub {
    margin-top: 4px;
    font-size: 13px;
    opacity: 0.9;
}

.training-signup-button--fallback .training-signup-button__main {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
}

.training-signup-button--tile {
    display: flex;
    width: 100%;
    padding: 12px 20px;
    border-radius: 10px;
}

.training-signup-button--tile .training-signup-button__main {
    font-size: 18px;
    letter-spacing: 0.3px;
}

.training-signup-button--compact {
    padding: 8px 16px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.training-signup-button--compact .training-signup-button__main {
    font-size: 14px;
    letter-spacing: 0.2px;
}

.training-signup-button--compact:hover,
.training-signup-button--compact:focus {
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

.signup-hidden-fields {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.signup-section-header {
    margin-top: 60px;
    margin-bottom: 28px;
    padding-left: 15px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
}

.col-sm-12 > .signup-section-header {
    padding-left: 0;
}


.signup-section {
    margin-bottom: 20px;
}

.signup-subheader {
    margin-top: 20px;
    margin-bottom: 12px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 19px;
    font-weight: inherit;
    color: inherit;
}

.signup-section .form-group {
    padding-left: 15px;
    padding-right: 15px;
}

.signup-section .form-group .control-label {
    padding-left: 15px;
}

.signup-form .section-header {
    margin-bottom: 12px;
}

.signup-accounting-warning {
    margin: 50px 0 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #2f68cf;
}

.signup-consent {
    margin: 20px 0;
}

.signup-consent--danger,
.signup-consent--danger label {
    color: #c62828;
}

.signup-consent--muted,
.signup-consent--muted label {
    color: #6c6c6c;
}

.signup-consent .form-group {
    margin-bottom: 0;
}

.signup-consent .form-group,
.signup-consent .checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.signup-consent input[type="checkbox"] {
    margin: 4px 0 0 0;
    flex-shrink: 0;
}

.signup-consent label {
    margin: 0;
    line-height: 1.4;
    font-weight: normal;
}

.signup-form-warning {
    margin: 0 15px 18px 15px;
    padding: 14px 18px;
    border-radius: 6px;
    background-color: #b33a3a;
    color: #fff;
    text-align: center;
    box-shadow: 0 2px 6px rgba(179, 58, 58, 0.2);
}

.signup-form-warning__title {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.signup-form-warning__title svg {
    vertical-align: -3px;
    margin-right: 6px;
}

.signup-form-warning__text {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.95;
}

.signup-project-title {
    text-align: center;
    padding: 10px 16px;
    font-size: 1.6em;
    font-weight: 600;
}

.btn-primary {
    background-color: #778AAC;
    border-radius: 1px;
    border-width: 0px;
    border-style: solid;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.popup-header{
    font-size: 18px;
    color: #d40000;
    text-align:center;

}

#informationPopup .modal-header{
    border-bottom: 1px solid #eee;
    background: #d40000;
}

#informationPopup .modal-header h2{
    color:#fff;
}

#informationPopup .modal-body{
    padding-top:0px;
}

.popup-footer{
    padding:15px;
    width:100%;
    text-align: center;
}
.popup-footer button{
    margin-top:20px;
}
.popup-row{
    display: flex;
    align-items: center;
    height: 80px;
    border-bottom: 1px solid #eee;
}
#desktop-modal, #mobile-modal{
    display:none;
}

#blackFridayPopup .popup-header {
    background: black;
    color: white;
    font-size: 21px;
    display: block;
    padding: 3px 0px;
}

#blackFridayPopup .modal-body {
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 13pt;
}

#blackFridayPopup .bf-old-price {
    display: inline-block;
    color: #9f9f9f;
    font-size: 20pt;
    margin-top: 21px;
    text-decoration: line-through;
}

#blackFridayPopup .bf-new-price {
    display: inline-block;
    color: green;
    font-size: 20pt;
    margin-top: 21px;
}

.btn-style-1 {
    background-color: #778AAC;
    border-radius: 1px;
    border-width: 0px;
    border-style: solid;
    color: #000;
    background: #ededed;
    margin:0;
    font-weight:normal;
    font-size:12px;
    padding:0px 0px 0px 10px
}
.btn-style-1:after {
    content: '>';
    border-radius: 1px;
    color: #fff;
    font-weight: bold;
    background-color:#ddd;
    width:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
    margin-right:0px;
    display:inline-block;
    transition: ease-in-out 200ms;
}
.btn-style-1:hover{
    background-color: #ededed;
    color: #333;
}
.btn-style-1:hover:after {
    background-color: #286090;
    transform: translateX(10px);
}
.popup-row p {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.popup-row h2 {
    color:#666;
    font-weight: bold;
    margin: auto;
    font-size: 26px;
    font-family: Noto sans;
    text-transform: uppercase;
}
#mobile-modal .popup-row{
    flex-direction: column;
}
.sticker{
    display: block;
    padding: 0px 10px;
    background: #5bc0de;
    color:#fff;
    position: absolute;
    transform:rotate(-30deg) translate(-10px,0px);
    font-size: 10px;
    line-height: 20px;
    z-index: 999;
}
#mobile-modal .sticker{
    transform: none;
    bottom: 0px;
    left: 30px;
}
@media (max-width: 525px){
    .popup-row h2 {
        font-size:18px;
    }
}

.section-about-us{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    text-align: center;
}
.section-about-us div{
    padding:10px 20px 60px 20px;
    width:100%;
    user-select: none;
}
.section-about-us div:nth-of-type(2){
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.decal{
    position: relative;
    top: -13px;
}
.about-us-title {
    font-family: 'Noto Sans', sans-serif;
    color: #697ea4;
    font-size: 35px;
    text-align: center;
    margin: 30px 0px;
}

@media (max-width: 991px) {
    .section-about-us {
        flex-direction: column;
    }

    .section-about-us div {
        padding: 20px;
    }

    .section-about-us div:nth-of-type(2) {
        border-left: 0px solid #ddd;
        border-right: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
}

.old-browser-alert {
    border: 1px solid red;
    padding: 25px;
    line-height: 22px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: bold;
}
.group-clients-description {
    margin:30px 0px 80px 0px;
}


.signup-form .signup-progress-bar .stage {
    width: 100px;
    margin: 0px 5px;
}

.signup-form .signup-progress-bar .stage .stage-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #0f3e68;
    margin: auto;
    text-align: center;
}

.signup-form .signup-progress-bar .stage .stage-label {
    color: #0f3e68;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 9pt;
    text-align: center;
}

.signup-form .signup-progress-bar .stage-separator:after {
    width: 73px;
    height: 1px;
    position: relative;
    top: 11px;
    background: hsla(208, 75%, 23%, 0.40);
    display: block;
    content: '';
    margin-left: -30px;
    margin-right: -30px;
}

.signup-form .signup-progress-bar .stage.stage-opacity {
    opacity: 0.3;
}

.signup-form .signup-progress-bar .stage.stage-checked .stage-checkbox::after {
    content: '✔';
    font-size: 15pt;
    position: relative;
    bottom: 3px;
}

.signup-form .signup-progress-bar .stage.stage-checked .stage-checkbox {
    border: 2px solid #48ac2e;
    color: #48ac2e;
}

/*      new form    */
.signup-form .left-side, .signup-form .right-side {
    padding: 50px 0;
}

.container-signup-form {
    padding:0;

}
.signup-form .signup-left, .signup-form .signup-right{
    padding: 50px 0px;
}
.signup-form .signup-right {
    border-left: 1px solid #ddd;
}

.prev-step{
    position: absolute;
}
.next-step, .submit-step{
    text-align: center;
}

.progress-bar-container{
    width:100%;
    overflow-x: auto;
}

.old-form-url {
    margin-bottom: 10px;
}

@media (max-width: 999px) {
    .signup-left {
        width: 300px;
        position: fixed;
        left: -290px;
        z-index: 100;
    }

    .summary-section {
        background: #fff;
        border: 1px solid #eee;
        padding: 20px;
        box-shadow: 2px 0px 4px -2px;
        z-index: 200;
    }

    .summary-vertical-label {
        position: absolute;
        left: 249px;
        top: 310px;
        width: 130px;
        background: #fff;
        z-index: 199;
        border: 1px solid #eee;
        border-bottom: 1px solid #fff;
        height: 30px;
        font-size: 15px;
        text-orientation: sideways;
        display: inline-block;
        transform: rotate(90deg);
        text-align: center;
    }
}

@media (max-width: 767px) {
    .signup-left {
        left: -275px;
    }

    .summary-section {
        padding: 20px;
    }

    .summary-vertical-label {
        left: 234px;
    }
}

.training-slider {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    margin-bottom: 30px;
    position: relative;
}

.training-slider .training-rail {
    width: 4296px;
    position: relative;
    left: 0;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    transition: left 0.5s ease;
    z-index: 1;
}

.training-slider .training-rail::before,
.training-slider .training-rail::after {
    display: none !important;
}

.training-slider .training-offer {
    width: 211px;
    min-width: 211px;
    flex: 0 0 211px !important;
    margin: 0 7px;
}

.training-slider .courses-thumbnail {
    height: 150px;
}

.training-slider .training-move {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 90px;
    transform: translateY(-50%);
    background: #778aac;
    z-index: 150;
    cursor: pointer;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    color: white;
}

.training-slider .training-move span {
    position: relative;
    bottom: 3px;
}

.training-slider .training-move.training-move-left {
    left: 15px;
}

.training-slider .training-move.training-move-right {
    right: 15px;
}
.footer .widget.widget-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 70%;
    margin: auto;
    align-items: center;
}

.pifs-container{
    display: flex; flex-direction: column;
    align-items: center;
}

.pifs-container .img {
    max-width: 110px;
}

.thank-you-area {
    padding: 190px 0 !important;
}

.thank-you-area .thank-you-header-section {
    margin-top: 40px;
}

.thank-you-area .thank-you-button-section {
    margin-top: 50px;
}

.thank-you-area .thank-you-button-section .btn {
    font-size: 18px;
}

.thank-you-area .thank-you-message-section {
    font-size: 12px; margin-top: 10px;
}

/* Training Opinions Styles */
.training-opinions-section {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 100px;
}

.training-opinions-section h4 {
    font-size: 18px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 20px;
    font-family: 'Noto Sans', sans-serif;
}

.opinion-card {
    background: #ffffff;
    border: 1px solid #e0e6ed;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.opinion-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.opinion-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eef1f6;
}

.opinion-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #697ea4 0%, #8395b9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}

.opinion-author-info {
    flex-grow: 1;
}

.opinion-author-name {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
}

.opinion-date {
    font-size: 13px;
    color: #7f8c8d;
    margin: 3px 0 0 0;
}

.opinion-content {
    font-size: 15px;
    line-height: 1.7;
    color: #34495e;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.opinion-quote-icon {
    color: #697ea4;
    opacity: 0.2;
    font-size: 48px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.opinion-card-body {
    position: relative;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .training-opinions-section h4 {
        font-size: 16px;
    }

    .opinion-card {
        padding: 15px;
    }

    .opinion-author-avatar {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .opinion-author-name {
        font-size: 16px;
    }

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

/* Global Search Form in Header */
.header-search-form {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    width: 600px;
    z-index: 100;
}

.header-search-form form {
    display: flex;
    gap: 0;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
}

.header-search-form input[type="text"] {
    flex: 1;
    padding: 10px 20px;
    font-size: 15px;
    border: 2px solid #e0e0e0;
    border-right: none;
    border-radius: 6px 0 0 6px;
    outline: none;
    height: 44px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.header-search-form input[type="text"]:focus {
    border-color: #778AAC;
}

.header-search-form button[type="submit"] {
    padding: 0 25px;
    font-size: 14px;
    background-color: #778AAC;
    color: #fff;
    border: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    transition: background-color 0.3s;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-search-form button[type="submit"]:hover {
    background-color: #6a7ba0;
}

.header-search-form button[type="submit"] i {
    font-size: 14px;
}

/* Mobile search - hidden by default */
.header-search-mobile {
    display: none;
}

/* Mobile responsive styles for header search */
@media (max-width: 991px) {
    .header-search-form{
        transform: none;
        left: 0;
        top: 0;
        width: 90%;
        padding: 10px;
    }

    /* Hide desktop search, show mobile search */
    .header-search-desktop {
        display: none;
    }

    .header-search-mobile {
        display: flex;
        position: relative;
        max-width: 90%;
        padding: 0;
        margin: 0 20px 0 0;
    }

    .header-search-mobile form {
        width: 100%;
    }

    .header-search-mobile input[type="text"] {
        font-size: 13px;
        padding: 6px 10px;
        height: 36px;
    }

    .header-search-mobile button[type="submit"] {
        padding: 0 12px;
        font-size: 12px;
        height: 36px;
    }

    .menu-container {
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 10px;
        margin-top: -5px;
        position: relative;
    }

    .btn-menu {
        flex-shrink: 0;
        margin: 0;
        margin-left: auto;
    }
}

@media (max-width: 480px) {
    .header-search-mobile {
        margin: 0 15px 0 0;
        max-width: 90%;
        padding: 10px;
    }

    .header-search-mobile input[type="text"] {
        font-size: 12px;
        padding: 5px 8px;
        height: 32px;
    }

    .header-search-mobile button[type="submit"] {
        padding: 0 8px;
        font-size: 11px;
        height: 32px;
    }

    .header-search-mobile button[type="submit"] i {
        font-size: 11px;
    }

    .menu-container {
        height: 48px;
        padding: 0 8px;
        margin-top: -8px;
    }

    #logo {
        max-width: 60%;
        top: 3px;
        margin-bottom: 0;
    }
}

/* ========================================
   Header Search Form - Allow Dropdown Overflow
   ======================================== */

/* Allow autocomplete dropdown to overflow the row and containers */
.header-container .row:first-child {
    overflow: visible !important;
}

.header .header-wrap .header-container {
    overflow: visible;
}

/* ========================================
   Keyword Autocomplete Styles
   ======================================== */

.keyword-autocomplete {
    position: relative;
    display: inline-block;
    width: 100%;
}

.keyword-autocomplete-input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.keyword-autocomplete-input:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 5px rgba(74, 144, 226, 0.3);
}

/* Header search form layout (form contains input + button) */
.header-search-form form {
    display: flex;
    gap: 0;
    align-items: stretch;
    overflow: visible;  /* Allow dropdown to extend beyond form */
}

.header-search-form .keyword-autocomplete {
    flex: 1;
}

/* Rounded corners on input and button */
.header-search-form .keyword-autocomplete-input {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.header-search-form button[type="submit"] {
    padding: 10px 20px;
    background-color: #778AAC;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    white-space: nowrap;
}

.header-search-form button[type="submit"]:hover {
    background-color: #6a7ba0;
}

.header-search-form button[type="submit"] i {
    margin-right: 5px;
}

.keyword-autocomplete-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    max-height: 450px;
    overflow-y: auto;
    margin-top: 1px;
}

.keyword-autocomplete-loading {
    padding: 15px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.keyword-autocomplete-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.keyword-autocomplete-item {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
}

.keyword-autocomplete-item:last-child {
    border-bottom: none;
}

.keyword-autocomplete-item:hover,
.keyword-autocomplete-item.selected {
    background-color: #f5f5f5;
}

.keyword-autocomplete-item i {
    margin-right: 8px;
    color: #4a90e2;
}

.keyword-autocomplete-no-results {
    padding: 15px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

/* Desktop specific styles */
.header-search-desktop .keyword-autocomplete-input {
    padding: 12px 20px;
    font-size: 15px;
}

.header-search-desktop button[type="submit"] {
    padding: 12px 25px;
    font-size: 15px;
}

/* Mobile specific styles */
@media (max-width: 991px) {
    /* Allow dropdown overflow on mobile */
    .menu-container {
        overflow: visible !important;
    }

    .header-search-mobile form {
        gap: 5px;
        overflow: visible;
    }

    .header-search-mobile .keyword-autocomplete-input {
        padding: 8px 12px;
        font-size: 13px;
    }

    .header-search-mobile button[type="submit"] {
        padding: 8px 12px;
        font-size: 13px;
    }

    .keyword-autocomplete-item {
        padding: 6px 10px;
        font-size: 13px;
    }

    .keyword-autocomplete-suggestions {
        max-height: 375px;
    }
}

@media (max-width: 480px) {
    .header-search-mobile form {
        gap: 3px;
        overflow: visible;
    }

    .header-search-mobile .keyword-autocomplete-input {
        padding: 6px 10px;
        font-size: 12px;
        height: 32px;
    }

    .header-search-mobile button[type="submit"] {
        padding: 6px 10px;
        font-size: 11px;
    }

    .header-search-mobile button[type="submit"] i {
        display: none; /* Hide icon on very small screens */
    }

    .keyword-autocomplete-item {
        padding: 5px 8px;
        font-size: 12px;
    }

    .keyword-autocomplete-suggestions {
        max-height: 300px;
    }
}

.flex-column-xs .courses-price {
    position: relative;
    width: 100%;
}

/* ========================================
   Sign-Up Step Navigation (Progressive Enhancement)
   ======================================== */

/* When JS is active, hide all steps; JS shows the current one */
body.js-step-navigation .signup-step {
    display: none;
}

/* When JS is active, hide all condition blocks; JS shows the matching one */
body.js-step-navigation [data-condition-type] {
    display: none;
}

/* Step navigation buttons layout */
.step-nav-buttons {
    margin-top: 30px;
    padding: 15px 0;
    overflow: hidden;
}

.step-nav-buttons .prev-step {
    float: left;
}

.step-nav-buttons .next-step {
    float: right;
}

/* Clickable completed stages in progress bar */
.signup-progress-bar .stage.stage-checked {
    cursor: pointer;
}

/* Discount code status */
.discount-status {
    font-size: 13px;
}