/* GENERAL STYLIZATIONS */

@import url('_variables.css');


/* GENERAL STYLIZATIONS */

* {
    color: var(--gray);
}

.bg-custom-white {

    background-color: var(--white);

}

.bg-custom-secondary {

    background-color: var(--secondary-alt);

}

.bg-upper-header {

    background-color: var(--white);

}

.inactive-bread {

    color: var(--darkgray) !important;

}

.inactive-bread:hover {

    color: var(--main) !important;

}

.page-header,
.phone-number-contact {

    font-size: 36pt;

    color: var(--main) !important;

}

.article-header,
.phone-number-contact {

    font-size: 31pt;

}

.article-header {

    height: 6.7rem;

}

.article-header h2,
.article-header h3 {

    font-size: 36pt;

}

.article-img {

    position: relative;

    width: 100%;

    height: 40rem;

}

.bs {

    /* position: absolute; */

    left: 70%;

    bottom: 250px;

    width: 220px;

}

.card {

    border-radius: 0 !important;

}

.card-img-top {

    border-radius: 0 !important;

}

.form-control {

    border-radius: 6px !important;

    border-color: var(--gray);

}

.form-control::placeholder {

    color: #4D4D4D;

    font-size: 11pt;

}

#indexContactForm .form-control {

    border-color: var(--main);

    border-width: 2px;

    font-size: 24pt;

}

#indexContactForm .form-control#message {

    border-radius: 8px !important;

}

#indexContactForm .form-control:not(#message) {

    height: calc(1.8em + 0.75rem + 2px);

    border-radius: 35px !important;

}

#indexContactForm .form-control {

    padding-left: 25px;

    color: var(--darkgray) !important;

    font-size: 18.2pt !important;

}

#indexContactForm .form-control::placeholder {

    color: var(--gray) !important;

    font-size: 23.7pt !important;

}

.form-agreement-group {

    display: flex;

    align-items: center;

    gap: 5px;

    padding-left: 0 !important;

}

#indexContactForm .form-check-label.ml-3 {

    width: 45rem;

    height: 9.1rem;

}

#indexContactForm .index-agreement-font {

    color: var(--black);

    font-size: 15pt;

}

#indexContactForm button.btn-custom {

    width: 100%;

    height: 6.3rem;

    padding: 0.575rem 0.75rem;

    border-radius: 4.4rem !important;

    font-size: 2.67rem;

}

#contactsCheck {

    width: 3.38rem;

    height: 3.38rem;

}

#defaultCheck {

    width: 3.98rem;

    height: 3.98rem;

}

.form-check-input {

    -moz-appearance: none !important;

    -webkit-appearance: none !important;

    -o-appearance: none !important;

    position: unset !important;

    margin-top: unset !important;

    margin-left: unset !important;

    border: 1px solid var(--main);

    display: grid;

    place-content: center;

}

.form-check-input::before {

    content: "";

    width: 3.25em;

    height: 3.55em;

    transform: scale(0);

    transition: 120ms transform ease-in-out;

    box-shadow: inset 3em 1em var(--white);

    transform-origin: center;

    clip-path: polygon(17% 54%, 28% 43%, 38% 54%, 70% 22%, 81% 33%, 38% 75%, 17% 54%);

}

.form-check-input:checked {

    background: var(--main);

}

.form-check-input:checked::before {

    transform: scale(1);

}

.form-check-input:disabled {

    --form-control-color: var(--form-control-disabled);

    color: var(--form-control-disabled);

    cursor: not-allowed;

}

.btn {

    border-radius: 0 !important;

}

.custom-width-lower-nav {

    width: calc(100vw - 210px);

}

.close-icon {

    background-image: url('../images/social/close.png') !important;

    display: block;

    width: 1.6em;

    height: 1.6em;

    vertical-align: middle;

    content: "";

    background: 50%/130% 130% no-repeat;

}

.phone-icon-gg {

    background-image: url('../images/social/phone-inactive.svg');

    background-repeat: no-repeat;

    width: 69px;

    height: 72px;

    background-size: cover;

}

body {

    font-family: 'sofia';

    font-size: 17px;

}

.bold {

    font-family: 'sofia-bold';

}

.basic-bg {

    background-color: var(--purple);

}

.dark-bg {

    background-color: var(--black);

}

.gray-bg {

    background-color: var(--gray) !important;

}

.logo {

    width: 40px;

}

.mmd-logo {

    width: 130px;

}

.site-logo {

    width: 100%;

    height: 8rem;

}

.d-height {

    height: 74%;

}

.bottom-logo {

    position: relative;

    bottom: -130px;

}

footer {

    padding-top: 1rem !important;

}

.footer-logo {

    width: 70px;

}

.a-custom-nav-foot {

    color: rgba(0, 0, 0, 0.5);

}

.a-custom-nav-foot:hover {

    color: var(--main) !important;

}

.a-custom-nav-foot:hover .phone-icon-gg {

    color: var(--main) !important;

}

.a-custom-nav-cont {

    color: var(--black);

}

.a-custom-nav-cont:hover {

    color: var(--main) !important;

}

.a-custom-nav {

    color: var(--black);

}

.a-custom-nav.a-custom-nav-lower:hover {

    color: var(--main) !important;

    border-radius: 10px 10px 0 0 !important;

}

.a-custom-nav:hover {

    color: var(--main) !important;

    border-radius: 10px 10px 0 0 !important;

}

.e:hover .a-custom-nav {

    color: var(--white) !important;

    border-radius: 10px 10px 0 0 !important;

}

.a-custom:hover .card-img-top {

    box-shadow: 0 0 15px var(--black);

}

.a-custom:hover .focus-card {

    box-shadow: 0px 3px 13px 3px var(--gray);

}

.custom-border {

    border-bottom: 0;

}

.dimensions {

    height: 30px;

    width: 30px;

}

.footer-list {

    list-style-type: none;

}

.footer-list h1,
h2,
h3,
h4,
h5,
h6 {

    color: var(--black);

}

.footer-categories-list {

    inline-size: 9.8rem;

}

.footer-list li .a-custom.text-decoration-none.d-none.d-md-block {

    padding-bottom: 0.7rem;

}

.footer-list .footer-custom-data {

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.footer-list .footer-custom-data span {

    height: 1.15em;

}

.side-border {

    border-left: 1px solid var(--orange) !important;

    border-right: 1px solid var(--orange) !important;

    border-top: 0 !important;

    border-bottom: 0 !important;

}

.carousel-bg {

    background-color: transparent !important;

}

.active-carousel:hover {

    background-color: var(--purple) !important;

}

.cards-wrapper {

    display: flex;

    justify-content: center;

}

.card {

    margin: 0 0.5em;

}

.carousel-img {

    height: 100%;

    object-fit: cover;

}

.carousel-img-page {

    height: 500px;

    object-fit: cover;

}

.carousel-item-img {

    /*width: 100vw !important;*/

    width: 100%;

    height: calc(100vw/1.77) !important;

    top: -20% !important;

    position: relative;

    overflow: hidden;

}

.carousel-caption .carousel-header * {

    /* inline-size: 590px;  */

    font-size: 73pt;

    color: var(--white);

    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);

}

.carousel-caption strong {

    color: var(--white);

}

.carousel-caption-custom {

    display: flex;

    flex-direction: column;

    max-width: 905px;

    width: 80%;

    right: 4%;

    top: 2%;

    position: absolute;

    margin: 0;

    padding: 20px;

}

.carousel-caption-custom div {

    width: 100%;

}

.carousel-caption-custom .carousel-header {

    display: flex;

    justify-content: flex-end;

}


.carousel-caption-custom .carousel-text {

    display: flex;

    flex-direction: row;

    /*width: 32rem;*/

    width: 59.2%;

    height: 13rem;

    overflow: hidden;

}

.carousel-caption-custom .carousel-text p {

    flex: 1;

    margin: 0;

    padding: 10px;

}



.carousel-caption p {

    color: var(--white) !important;

    text-align: left;

    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

    font-size: 15pt;

    width: inherit;

    height: inherit;

}

.carousel-control-prev {

    /*left: -5% !important;*/

}

.carousel-control-next {

    /* right: -5% !important;*/

}

.next-icon {

    background-image: url('../images/admin_icons/chevron-right-inactive.png') !important;

    display: block;

    width: 1.6em;

    height: 1.6em;

    vertical-align: middle;

    content: "";

    background: 50%/130% 130% no-repeat;

}

.carousel-control-prev:hover {

    color: var(--purple) !important;

}

.prev-icon {

    background-image: url('../images/admin_icons/chevron-left-inactive.png') !important;

    display: block;

    width: 1.6em;

    height: 1.6em;

    vertical-align: middle;

    content: "";

    background: 50%/130% 130% no-repeat;

}

.custom-dropdown {

    width: max-content !important;

    max-width: 1122px !important;

    min-width: 190px !important;

    border-top: 0 !important;

    border-bottom: 1px solid var(--purple) !important;

    border-right: 1px solid var(--purple) !important;

    border-left: 1px solid var(--purple) !important;

    border-radius: 0 0 5px 5px !important;

}

.nav-link {

    border-radius: 0 !important;

    padding: 0.6rem 1rem !important;

    color: rgb(174 174 174);

}

.nav-link,
.nav-phone-link,
.nav-lang-toggler-inner-wrapper .nav-link.a-custom-nav {

    font-size: 0.95em;

}


/* added header icon color correction */


.nav-link.a-custom-nav {

    color: var(--darkgray);

}

.nav-lang-toggler-inner-wrapper {

    border-left: 2px solid var(--darkgray);

    border-right: 2px solid var(--darkgray);

}

.small-font {

    font-size: 13px;

}

.medium-font {

    font-size: 15px;

}


/* .dropdown:hover>.dropdown-menu {

  display: block;

} */


.dropdown:hover>.a-custom-nav {

    /* color: var(--white) !important; */

    /* background-color: var(--white) !important; */

    border-radius: 10px 10px 0 0 !important;

}

.dropdown:active>.dropdown-menu {

    display: block;

}

.dropdownCard {

    width: 170px !important;

}

.programDropdownCard {

    width: 370px !important;

}

.dropdownCard-small {

    width: 175px !important;

}

.seeAll {

    padding-top: 2px;

}

.card-title-height {

    height: 60px;

}

.card-body-height {

    height: 130px;

}

.card-body-height-big {

    height: 100px;

}

.card-title-height-6 {

    height: 30px;

}

.card-img-height {

    height: 200px;

    object-fit: cover;

}

.card-img-height-6 {

    height: 294px;

    min-height: 294px;

    object-fit: cover;

}

.card-body-height-big-6 {

    height: 110px;

}

.card-title-height-6 {

    height: 52px;

}

.card-img-height-12 {

    height: 540px;

    object-fit: cover;

}

.index-form::placeholder {

    color: var(--white) !important;

}

.floating-img-start {

    float: left;

    width: 50%;

    object-fit: cover;
	
    object-position: center;

}

.floating-img-end {

    float: right;

    width: 50%;

    object-fit: cover;
	
    object-position: center;

}

.slider-width {

    width: 33%;

}

.focus-width {

    width: 75%;

}


/* HEADER LOGO SIZE */


.logo-head {

    height: 5.81rem;

}

.logo-container {

    position: absolute;

    z-index: 1;

}

.border-change {

    border-right: 1px solid var(--gray);

}

.event-heigh {

    height: 75%
}

.product-slider {

    padding-bottom: 10px !important;

}


/* PROJECT SPECIFIC */


.shadow-b {

    box-shadow: 0 0px 24px var(--gray);

    height: 30px;

    border: 1px solid transparent;

    background-color: transparent;

    /*border-radius: 20%;*/

    top: -49px;

    position: relative;

    z-index: -1;

}

.shadow-big {

    box-shadow: 0 0px 24px var(--gray);

    height: 48px;

    border: 1px solid transparent;

    background-color: transparent;

    /*border-radius: 20%;*/

    top: -49px;

    position: relative;

    z-index: -1;

}

.shadow-small {

    box-shadow: -1px 18px 6px 1px var(--black);

    height: 0px;

    border: 1px solid transparent;

    background-color: transparent;

    /*border-radius: 54%;*/

    top: -15px;

    position: relative;

    z-index: 1;

}

.gdpr-font {

    font-size: 82%;

}

.custom-font-size {

    font-size: 18px;

}

.h-custom {

    height: 32px !important;

    border: 1px solid var(--gray);

}

.footer-icon {

    width: 25px !important;

    height: 24px !important;

    background-size: cover;

    filter: brightness(0) saturate(100%) invert(32%) sepia(91%) saturate(14%) hue-rotate(15deg) brightness(103%) contrast(89%);

}

.footer-icon:hover {
    filter: none;
}

.instagram-icon {

    background-image: url('../images/social/instagram-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.fb-icon {

    background-image: url('../images/social/facebook-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.youtube-icon {

    background-image: url('../images/social/youtube-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.skype-icon {

    background-image: url('../images/social/skype-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.viber-icon {

    background-image: url('../images/social/viber-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.whatsapp-icon {

    background-image: url('../images/social/whatsapp-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}


/* added header icon color correction */


.phone-icon {

    background-image: url('../images/social/phone-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.phone-icon-header {

    background-image: url('../images/social/phone-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.phone-icon-g {

    background-image: url('../images/social/phone-inactive.svg');

    background-repeat: no-repeat;

    width: 30px;

    height: 32px;

    background-size: cover;

}

.mail-icon {

    background-image: url('../images/social/email-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.linkedin-icon {

    background-image: url('../images/social/linkedin-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.messenger-icon {

    background-image: url('../images/social/messenger-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.search-icon {

    background-image: url('../images/social/search-inactive.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.social-link:hover .search-icon {

    background-image: url('../images/social/search-active.svg');

    background-repeat: no-repeat;

    width: 25px;

    height: 24px;

    background-size: cover;

}

.social-link:hover .messenger-icon {

    background-image: url('../images/social/messenger-active.svg');

}

.social-link:hover .linkedin-icon {

    background-image: url('../images/social/linkedin-active.svg');

}

.social-link:hover .youtube-icon {

    background-image: url('../images/social/youtube-active.svg');

}

.social-link:hover .skype-icon {

    background-image: url('../images/social/skype-active.svg');

}

.social-link:hover .viber-icon {

    background-image: url('../images/social/viber-active.svg');

}

.social-link:hover .whatsapp-icon {

    background-image: url('../images/social/whatsapp-active.svg');

}

.social-link:hover .phone-icon {

    background-image: url('../images/social/phone-active.svg');

    filter: var(--main);

}

.social-link:hover .phone-icon-header {

    background-image: url('../images/social/phone-active.svg');

}

.social-link:hover .phone-icon-g {

    background-image: url('../images/social/phone-active.svg');

}

.social-link:hover .phone-icon-gg {

    background-image: url('../images/social/phone-active.svg');

}

.social-link:hover .mail-icon {

    background-image: url('../images/social/email-active.svg');

    filter: var(--main);

}

.social-link:hover .fb-icon {

    background-image: url('../images/social/facebook-active.svg');

}

.social-link:hover .instagram-icon {

    background-image: url('../images/social/instagram-active.svg');

}

.btn-custom {

    width: 19.5rem;

    height: 3.7rem;

    border-radius: 30px !important;

    border-color: var(--white);

    background-color: var(--main) !important;

    color: var(--white);

    font-size: 18pt;

    letter-spacing: 0.12rem;

}

.logo-head:hover {
	
    filter: drop-shadow(0 0 6px rgba(137, 207, 240, 0.4));
	
}

.btn-custom:hover {

    background-color: var(--lightorange) !important;

    color: var(--white);

}

.btn-bottom {

    bottom: -5%;

    position: relative;

}

.btn-carousel-bottom {

    bottom: 5%;

    position: absolute;

    right: 0;

    left: 0;

}

.basic-color-border {

    border: var(--red) 2px solid;

}

.basic-color {

    color: var(--main);

}

.splide__slide {

    background-size: contain !important;

}

.splide__slide.product__slide {

    width: 820px !important;

    height: 460px !important;

}

.splide__list {

    margin-right: auto !important;

    margin-left: auto !important;

}

.splide__arrow {

    background: transparent !important;

}

.link-mock {

    filter: grayscale(0);

}

.link-mock:hover {

    cursor: pointer;

    filter: grayscale(0%);

}

.is-active>.link-mock {

    cursor: pointer;

    filter: grayscale(0%);

}

.link-mock-border {

    border: var(--white) 1px solid;

}

.link-mock:hover .link-mock-border {

    border: var(--main) 3px solid;

}

.is-active>.link-mock-border {

    border: var(--main) 3px solid;

}

.gray-bg {

    background-color: var(--gray);

}

.product-img {

    height: 200px;

    object-fit: cover;

}

.product-img-ind {

    height: 200px;

    object-fit: cover;

}

.logo-img {

    height: 70px;

    object-fit: contain;

}

.product-link:hover {

    color: var(--white);

    background: var(--main) !important;

}

.product-link:hover .sh {

    box-shadow: 0px 1px 10px 4px rgba(0, 0, 0, 0.15);

}

.product-link:hover .sub {

    color: var(--main) !important;

}

.product-link:hover .product-body {

    background: var(--main) !important;

    border: var(--main) 1px solid !important;

}

.product-link:hover h1,
.product-link:hover h2,
.product-link:hover h3,
.product-link:hover h4,
.product-link:hover h5,
.product-link:hover p {

    color: var(--white) !important;

}

.product-link:hover .sh {

    border: transparent !important;

}

.card-title>p {

    margin-bottom: 0px !important;

}

.card-text {

    height: 10rem;

    overflow: hidden;

}

.card-text.mini-text-expand {

    height: auto;

    overflow: hidden;

}

.card-text>p {

    font-size: 18pt;

}

.product-title {

    height: 3.1rem;

}

.product-body {

    height: 4.4rem;

}

.product-body:has(.product-text-body) {

    height: 9rem;

}

.product-body .product-text-body {

    height: 8rem;

}

.product-review {

    height: 6.3rem;

}

.thumb-img {

    object-fit: cover;

    border: 1px solid var(--main);

    /*height: 370px;

    border-top-left-radius: 20px !important;

    border-top-right-radius: 20px !important;*/

}

.thumb-img-index {

    object-fit: cover;

    border: 1px solid var(--main);

    height: 29rem;

    /*border: 0.57px solid var(--main);

    border-top-left-radius: 20px !important;

    border-top-right-radius: 20px !important;*/

}

.thumb-img-cert {

    object-fit: cover;

    height: 250px;

    width: 170px;

}

.news-title-container {

    height: 67.5pt;

}

.news-body-container {

    width: 100%;

    height: 8.3rem;

    /*width: 51rem;*/

}

.a-custom {

    color: var(--gray);

}

.a-custom:hover {

    color: var(--main) !important;

}

.a-custom-gray {

    color: var(--secondary-alt) !important
}

.a-custom-gray:hover {

    color: var(--main) !important;

}

.product__slide img {
	
    width: 100%;
	
    height: auto;
	
    display: block;
	
    object-fit: cover;
	
}

.product__slide_thumb img {

    object-fit: cover;

    width: 100%;

}

.gallery_h {
	
    padding-top: 10px;
	
    padding-bottom: 10px;
	
}

.img-div-box {
	
    display: block;
	
    box-sizing: content-box;
	
}

.gallery_cover {


    height: 400px;

    object-fit: cover;

    border: 1px solid var(--main);

}

.gallery_cert {

    height: 400px;

    object-fit: contain;

}

.custom-c-indicators {

    bottom: -30px !important
}

.document-link:hover .doc-text {

    background: var(--main);

    color: var(--white) !important;

}

.document-link:hover .doc-text span {
	
    color: var(--white) !important;
	
}

.document-link:hover .document-icon-pdf {

    background-image: url('../images/file_icons/Adobe-PDF-01.svg');

}

.document-icon-pdf {

    background-image: url('../images/file_icons/Adobe-PDF-inactive.svg');

    height: 50px;

    margin-right: 10px;

    min-width: 48px !important;

    flex: 0;

    border: 1px solid var(--main);

    /*border-radius:10px;*/

    background-repeat: no-repeat;

    background-size: cover;

}

.document-link:hover .document-icon-doc {

    background-image: url('../images/file_icons/Microsoft-Word-01-inactive.svg');

}

.document-icon-doc {

    background-image: url('../images/file_icons/Microsoft-Word-01.svg');

    height: 70px;

    border: 1px solid var(--main);

    /*border-radius:10px;*/

    background-repeat: no-repeat;

    background-size: cover;

}

.document-link:hover .document-icon-excel {

    background-image: url('../images/file_icons/Microsoft-Excel-01.svg');

}

.document-icon-excel {

    background-image: url('../images/file_icons/Microsoft-Excel-01-inactive.svg');

    height: 50px;

    border: 1px solid var(--main);

    /*border-radius:10px;*/

    background-repeat: no-repeat;

}

a.active {

    background-color: var(--main) !important;

    border: 1px solid var(--main);

    color: var(--white) !important;

}

.product-indicator-img {

    height: 80px;

    object-fit: cover;

}

.light-gray-bg {

    background: rgba(0, 0, 0, .1);

}

.footer-nav {

    flex-direction: row !important;

}

.footer-nav .social-link:hover .youtube-icon {

    filter: var(--red) !important;

}

.navbar-nav.footer-nav.custom-d div {
    margin-top: 0 !important;
}

.text-align {

    text-align: start;

}


/* PROJECT SPECIFIC */


.product-text-body {

    /* height: 70px;*/


    height: 6.3rem;

    overflow: hidden;

}

.product-text-body p {

    margin: 0;

    position: relative;
	
    top: -5px;

    text-align: left;

}

.card-body.product-body.p-0.d-table.w-100 {
	
    padding-top: 12px !important;
	
    padding-left: 12px !important;
	
}

.news-title {

    height: 68pt;

}

.custom-indicators li {

    border-radius: 100%;

    width: 1.5rem;

    height: 1.5rem;

    background-color: transparent;

    border: 2px solid var(--white);

}

.carousel-indicators .active {

    opacity: 1;

    background-color: var(--main);

}

.header-border {

    border-image: linear-gradient(90deg, rgb(255 255 255), rgb(150 150 150), rgb(255 255 255)) 1;

    border-bottom: solid 1px;

}

.person-bg {

    background-image: url(../images/assets/logo.svg);

    height: 200px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: bottom;

}

#focus-carousel-inner .carousel-item.active,

#focus-carousel-inner .carousel-item-next,

#focus-carousel-inner .carousel-item-prev {

    display: flex;

    justify-content: center;

    transition-duration: 0.1s;

}

.carousel-inner a.btn.custom-btn.btn-carousel-bottom.btn-custom {

    background-color: var(--main) !important;

    border: solid 2px var(--white);

}

.carousel-inner a.btn.custom-btn.btn-carousel-bottom.btn-custom:hover {

    background-color: var(--white) !important;

    color: var(--main) !important;

    border-color: var(--main) !important;

}

#focus-carousel-inner .carousel-item-right,

#focus-carousel-inner .carousel-item-left {

    transform: translateX(0);

    transition-duration: 0.1s;

}


@media (min-width: 601px) {

    #focus-carousel-inner .carousel-item-right.active,

    #focus-carousel-inner .carousel-item-next {

        transform: translateX(33.333333%);

        transition-duration: 0.1s;

    }

    #focus-carousel-inner .carousel-item-left.active,

    #focus-carousel-inner .carousel-item-prev {

        transform: translateX(-33.333333%);

        transition-duration: 0.1s;

    }
}


/* player */


.iframe-wide {

    width: 100vw !important;

    height: calc(100vw/1.8) !important;

    top: -18% !important;

    position: relative;

}

.youtube-player {

    position: relative;

    height: 0;

    overflow: hidden;

    max-width: 100%;

    border: 0.57px solid var(--black);

    background: var(--black);

    height: 40rem;
}

.youtube-player iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

    background: transparent;

}

.youtube-player img.youtube-thumb {

    object-fit: cover;

    display: block;

    left: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    width: 100%;

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    height: auto;

    cursor: pointer;

    -webkit-transition: 0.4s all;

    -moz-transition: 0.4s all;

    transition: 0.4s all;

}

.youtube-player .play {

    height: 52px;

    width: 72px;

    left: 50%;

    top: 50%;

    margin-left: -36px;

    margin-top: -36px;

    position: absolute;

    cursor: pointer;

    filter: grayscale(100%);

    opacity: 0.5;

    z-index: 5;

    -webkit-transition: 0.4s all;

    -moz-transition: 0.4s all;

    transition: 0.4s all;

}

.play:hover {

    filter: grayscale(0%);

    opacity: 1;

    -webkit-transition: 0.3s all;

    -moz-transition: 0.3s all;

    transition: 0.3s all;

}

.program {

    font-size: 14px !important;

}

.program-big {

    font-size: 18px !important;

}

.pic-height {

    display: inline-block;

    height: 735px;

    vertical-align: middle;

}

.pic-body {

    position: absolute;

    top: 10%;

    left: 0%
}

.gallery-image {

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, -50%);

    color: black;

}

.gallery {

    padding: 0 !important;

}

.gallery .modal-dialog {

    width: 100%;

    max-width: none;

    height: 100%;

    margin: 0;

}

.gallery .modal-content {

    height: 100%;

    border: 0;

    border-radius: 0;

    background-color: rgba(0, 0, 0, 0.7);

}

.gallery .modal-body {

    overflow-y: auto;

}

.gallery-image {

    object-fit: scale-down;

    object-position: center;

}

.carousel-indicators {

    z-index: 101 !important;

}

.carousel-indicators-custom li {

    box-sizing: border-box;

    flex: 0 1 auto;

    width: 100px;

    min-width: 100px;

    height: auto;

    background-color: transparent !important;

    background-clip: padding-box;

    opacity: 1;

}

.carousel-indicators-custom {

    left: inherit !important;

    overflow-x: scroll !important;

    overflow-y: hidden !important;

    width: 73% !important;

    white-space: nowrap !important;

    overflow: hidden !important;

}

.cookieModal {

    position: fixed;

    bottom: 0px;

    height: 200px;

    background-color: var(--lightgray);

    color: #000000;

    z-index: 1000 !important;

}

.cookieModal div a {

    color: black;

}

.cookieModal div a:active {

    color: var(--main);

}

.purple-text {

    color: var(--purple);

}

.purple-border {

    border: 1px solid var(--purple);

    /*border-radius:5px;*/

}

.purple-border:hover .purple-text {

    color: var(--purple) !important;

}

.slide-left {

    float: left;

    background-image: url('../images/admin_icons/chevron-left-inactive.png');

    background-repeat: round;

    width: 30px;

    height: 30px;

}

.slide-right {

    float: right;

    background-image: url('../images/admin_icons/chevron-right-inactive.png');

    background-repeat: round;

    width: 30px;

    height: 30px;

}

.slide-left:hover {

    float: left;

    background-image: url('../images/admin_icons/chevron-left-active.png');

    background-repeat: round;

    background-color: var(--main);

    width: 30px;

    height: 30px;

}

.slide-right:hover {

    float: right;

    background-image: url('../images/admin_icons/chevron-right-active.png');

    background-repeat: round;

    background-color: var(--main);

    width: 30px;

    height: 30px;

}

.slider-btn {

    position: sticky;

    top: 50%;

    z-index: 1;

}

.table-striped>tbody>tr:nth-child(odd)>td,

.table-striped>tbody>tr:nth-child(odd)>th {

    background-color: var(--white);

}

.table-striped>tbody>tr:nth-child(even)>td,

.table-striped>tbody>tr:nth-child(even)>th {

    background-color: var(--gray);

}

.table-slim th {

    font-weight: lighter;

    vertical-align: middle;

}

.product-img {

    height: 200px;

    object-fit: cover;

}

.product-img-gal {

    height: 38rem;

    object-fit: cover;

}

.splide__arrow--prev {

    left: 0 !important;

    fill: var(--white);

}

.splide__arrow--next {

    right: 0 !important;

    fill: var(--white);

}

#related-slider .splide__arrow--next {

    fill: var(--gray);

    position: relative;

    right: -108% !important;

    bottom: -230px !important;

}

#related-slider .splide__arrow--prev {

    fill: var(--gray);

    position: relative;

    left: -11% !important;

    bottom: -260px !important;

}

.overlay-dot {

    /* background: transparent url('../images/overlay/05.png');

    opacity: 0.93;
    
    background-image: url('../images/overlay/01.png'); */

}

.overlay-dot-reversed {

    /* background: transparent url('../images/overlay/01.png');

  opacity: 0.69; */

}

.overlay-dot-bg {

    /* background-image: url('../images/overlay/05.png');

  opacity: 1; */

}


/* Partners carousel*/


@media (max-width: 600px) {

    #related-slider .splide__arrow--next {

        fill: var(--gray);

        position: relative;

        right: -100% !important;

        bottom: -230px !important;

    }

    .product-img {

        height: auto;

        object-fit: cover;

    }

    .art-h {

        height: 200px;

    }

    .breadcrumb {

        font-size: 14px;

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .breadcrumb-item {

        padding-left: 0.1rem !important;

        padding-right: 0.1rem !important;

    }

    .breadcrumb-item+.breadcrumb-item::before {

        padding-left: 0.1rem !important;

        padding-right: 0.1rem !important;

    }

    .pic-height {

        width: 100%;

    }

    .sm-h {

        height: 200px !important
    }

    .news-body {

        height: auto !important;

    }

    .thumb-img {

        height: 18rem;

    }

    .gallery_h {

        height: 250px !important
    }

    .gallery_cover {

        height: 200px !important;

        object-fit: cover !important;

    }

    .mobile-font {

        font-size: 18px;

    }

    .text-align {

        text-align: center;

    }

    .carousel-img {

        height: 200px;

        object-fit: contain;

    }

    #focus-carousel-inner .partner-item>div {

        display: none;

    }

    #focus-carousel-inner .partner-item>div:first-child {

        display: block;

    }

}


.col-12.col-lg-12 iframe {

    border: 0.57px #4D4D4D solid;

    width: 100%;

    height: 24rem;

    /*width='841'
    height='378'*/

}

.text-margin-md {

    margin-bottom: 20px !important;

}

.nowrap {

    white-space: nowrap;

}

.carousel-item.carousel-item-img.i,
.carousel-item.carousel-item-img.active.i,
.carousel-item.v,
.carousel-item.active.v,
div#carouselInner .iframe-wide {

    max-height: 52rem;

}

.carousel-caption .row {

    width: 53rem;

}

.carousel-caption .col.col-8 {

    /* width: 32.2rem;*/

    height: 13rem;

    overflow: hidden;

    font-size: 13pt;

}

.carousel-caption .custom-btn {
    border-width: 2px;

    /*width: 15.5rem;
             
    height: 2.8rem;
        
    padding: 0.175rem 0.75rem;
        
    font-size: 17pt;*/

}

.index-map-container p {

    padding-left: 0;

    font-size: 18pt !important;

    color: var(--darkgray);

}

.index-instructions-container {

    gap: 2.4rem;

}

.index-instructions-img {

    width: 4.1rem;

}

.contacts-text-block {

    width: 100%;

    /* width: 106rem;

	height: 15rem; */

    font-size: 15pt;

}

.contacts-form-btn {

    width: 34.5rem;

    height: 3.6rem;

}

.homepage-container .container.col-12.d-flex.flex-wrap.flex-row {

    padding-left: 1.3rem;

}

footer .small-font {

    height: 1.15em;

}

body div div.container nav[aria-label="breadcrumb custom-font-size"] {

    font-size: 15pt;

}

.card.border.mb-4 a.text-decoration-none .overlay-dot {
    width: 770px;
    height: 491px;
    object-position: center;
    object-fit: cover;
}

.card-body.px-2.px-lg-3.py-0 {
    height: 18rem;
}

/* Mobile version: stack vertically and swap order */
@media (max-width: 767px) {

	
    .about-stirizo {
	    
        order: 2;

	    
    }

    .free-job-positions {

	    
        order: 1;


	    
    }
	
}