*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: MaisonNeue-Book;
    src: url(../fonts/MaisonNeue-Book.otf);
}
@font-face {
    font-family: ClanPro;
    src: url(../fonts/ClanPro-Book.otf);
}
:focus {
    outline: none;
}

.single-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00b4c4;
}
.single-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    max-width: 1280px;
}
.single-image-container img {
    width: 100%;
}
.single-image-container img:last-of-type {
    display: none;
}
header {
    background-color: transparent;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    transition: background-color 0.5s ease;
}
header.scrolling {
    background-color: #00b4c4;
}
.header-inverse .logo .e {
    fill: #00b4c4;
    transition: fill 0.5s ease;
}
.header-inverse header.scrolling .logo .e {
    fill: #fff;
}
body {
    min-width: 320px;
}
body > div > div:first-of-type:not(.introVideoWrapper) {
    padding-top: 200px;
}
.navWrapper {
    margin: auto;
    width: 100%;
    max-width: 1340px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-left: 70px;
    padding-right: 70px;
}
.logo, .logoLink {
    width: 140px;
}
.navigation {
    list-style-type: none;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    display: none;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.navigation {
    display: none;
    position: fixed;
    display: flex;
    flex-flow: column;
    background-color: #00b4c4;
    top: 0;
    right: -100%;
    bottom: 0;
    margin-right: 0;
    justify-content: flex-start;
    padding: 80px 40px;
    z-index: 999;
    transition: right 0.5s ease-in-out;
}
.navigation li {
    margin: 0 10px;
}
.navigation >li {
    position: relative;
    line-height: 70px;
}
.navigation ul {
    display: none;
    list-style-type: none;
    position: absolute;
    top: 100%;
    left: -15px;
    padding-bottom: 10px;
    flex-flow: column;
}
.navigation ul li {
    list-style-type: none;
    padding: 5px;
    line-height: 1;
}
.navigation a,
.navigation p {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 10px 5px 0;
    transition: 0.3s;
    cursor: pointer;
}
.navigation a {
    white-space: nowrap;
}
.navigation span {
    padding: 10px 0 0;
}
.navigation a:hover,
.navigation p:hover {
    text-decoration: underline;
    color: #fff;
}

.navigation ul a:hover {
    text-decoration: underline;
    color: #fff;
}

.navigation ul a.selected,
.navigation ul p.selected  {
    text-decoration: underline;
    color: #fff;
}
.languageBox {
    display: none;
    margin-left: 30px;
}
.languageBox a.selected,
.languageBoxMobile a.selected {
    color: #00b4c4;
}
.languageBoxMobile {
    display: none;
    position: absolute;
    right: 150px;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}
.languageBoxMobile a {
    text-decoration: none;
    color: #fff;
    display: block;
    transition: 0.3s;
}
.languageBoxMobile span {
    padding: 0 5px;
}
.bannerWrapper,
.lecturersWrapper,
.saveDateWrapper,
.congressWrapper,
.kotizacijeWrapper {
    background-size: 70px;
    background-color: #fff;
}
.kotizacijeWrapper {
    background-color: #00b4c4;
}
.big-table .kotizacijeTable{
    width: 100%;
}
.bannerContainer{
    margin: auto;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    height: 680px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.bannerTitle,
.bannerText,
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree {
    font-family: MaisonNeue-Book;
    color: #231f20;
    font-size: 50px;
    margin-top: 75px;
}
.bannerText,
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree{
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 40px;
}
.banner-wrapper-2023 {
    position: relative;
}
.banner-wrapper-2023 picture {
 width: 100%;
}
.banner-wrapper-2023 img {
 width: 100%;    
 aspect-ratio: 1.777;
 object-fit: cover;
}
.banner-wrapper-2023 .videoTextOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%);
}

.banner-wrapper-2023 .bookNowButton {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}
.bannerImage {
    width: 55%;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
}
.bannerCross,
.bannerSmallCircle,
.bannerBigCircle,
.bookNowCross,
.bookNowCircle,
.lecturersSmallCircle {
    position: absolute;
}

.bannerCross {
    left: 345px;
    width: 100px;
    top: calc(50% - 50px);
    animation: bigCrossMovement 4s infinite ease-in-out;
}
.bookNowCross {
    left: 180px;
    width: 60px;
    top: 50px;
    animation: bookNowCrossMovement 4s infinite ease-in-out;
}
@keyframes bigCrossMovement {
    0% { transform: translateY(20px);}
    50% { transform: translateY(0);}
    100% { transform: translateY(20px);}
}
@keyframes bookNowCrossMovement {
    0% { transform: translateY(-15px);}
    50% { transform: translateY(0);}
    100% { transform: translateY(-15px);}
}
.bannerCross .d {
    fill:#00b4c4;;
}
.bookNowCross .d {
    fill:#f0685f;
}
.bannerSmallCircle {
    width: 70px;
    bottom: 40px;
    right: 270px;
    animation: circleWave 4s infinite ease-in-out;
}
@keyframes circleWave {
    0% { transform: translateY(-10px);}
    50% { transform: translateY(0);}
    100% { transform: translateY(-10px);}
}
.lecturersSmallCircle {
    width: 60px;
    bottom: 110px;
    right: 350px;
}
.bannerBigCircle {
    width: 100px;
    top: 45px;
    right: 280px;
}
.bookNowCircle {
    width: 110px;
    top: 85px;
    right: 450px;
    animation: bookNow 4s infinite ease-in-out;
}
.thank-you-note .bookNowCircle {
    width: 150px;
    top: 60%;
    right: 2%;
    animation: thankYou 5s infinite ease-in-out;
}
@keyframes bookNow {
    0% { transform: translateY(15px);}
    50% { transform: translateY(0);}
    100% { transform: translateY(15px);}
}
@keyframes thankYou {
    0% { transform: scale(1.2);}
    50% { transform: scale(1);}
    100% { transform: scale(1.2);}
}
.bookNowCircle .d{
    fill: #00b4c4;
}

.bannerSmallCircle .d,
.bannerBigCircle .d,
.lecturersSmallCircle .d {
    fill:#f0685f;
}
.homepageBookNowWrapper,
.newsAllWrapper {
    background-color: #fff;
}
.homepageNewsWrapper {
    background-color: #00b4c4;
}

.background-elements {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/images/pattern-three.png);
    width: 70%;
    height: 100%;
    background-size: cover;
    background-position: 200px 40%;
    background-repeat: no-repeat;
}
.background-elements.background-pattern-two {
    background-image: url(/images/pattern-two.png);
    top: 60%;
}

.bookNow,
.lecturersContainer {
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
    width: 100%;
}
.homepageBookNowWrapper {
    background-color: #00b4c4;
}
.bookNow {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    justify-content: space-between;
    padding-top: 85px;
    padding-bottom: 85px;
}
.thank-you-note {
    background-color: transparent;
    position: relative;
}
.thank-you-note .bookNow {
    height: unset;
    background-color: transparent;
}
.signature {
    top: -20px;
    left: -20px;
    position: relative;
}
.bookContent {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
}
.thank-you-note .bookContent {
    max-width: 60%;
}
.bookTitle, .bannerText,
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree,
.to-do-in-city-title {
    color: #231f20;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 44px;
    margin-bottom: 20px;
}
.to-do-in-city-title {
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
.to-do-in-city-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.to-do-in-city-text ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.to-do-in-city-text li {
    font-size: 19px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
    line-height: 30px;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #fff;
    border-radius: 30px;
    margin: 15px 10px;
    padding: 15px 20px;
}
.thank-you-note .bookTitle,
.thank-you-note .bookText {
    text-align: left;
    color: #00b4c4;
}
.thank-you-note .bookContent {
    align-items: flex-start;
}
.bannerText {
    margin-bottom: 40px;
}
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree {
    margin-bottom: 0;
    color: #00b4c4;
    font-family: ClanPro, sans-serif;
    font-size: 35px;
}
.videoTextOverlay {
    position: relative;
    width: 100%;
    max-width: 1340px;
    padding: 50px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    flex-flow: column;
}
.bookText,
.dubrovnikRight p,
.kotizacijeTextContent p,
.lecturerDetailsContent p,
.dubrovnikRight li,
.lecturerDetailsContent li,
.second-element,
.third-element {
    color: #00b4c4;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 25px;
}
.first-row {
    width: 40%;
}
.second-element,
.third-element{
    text-transform: none;
    padding: 10px 20px;
    border-left: 2px solid #00b4c4;
    width: 22%;
}
.second-element ul,
.third-element ul{
    margin-left: 20px;
}
.second-element a,
.third-element a{
    color: inherit;
}
.second-element strong,
.third-element strong{
    text-transform: uppercase;
}
.second-element p:not(:last-of-type),
.third-element p:not(:last-of-type){
    margin-bottom: 20px;
}
.three-row-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}
.bookTitle, .bookText {
    text-align: center;
    color: #fff;
}
.bookTitle {
    font-family: ClanPro, sans-serif;
    position: relative;
    left: -4px;
}
.lecturerDetailsCoverPhoto + .lecturerDetailsContent p {
    max-width: 650px;
    margin: auto;
    margin-bottom: 15px;
}
.bookNowButton,
.kotizacijeButton {
    display: block;
    width: 220px;
    height: 60px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
    font-size: 22px;
    line-height: 60px;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #fff;
    border-radius: 30px;
}
.information-wrapper .bookNowButton,
.introBox .bookNowButton {
    border: 2px solid #00b4c4;
    color: #00b4c4;
    line-height: 55px;
    z-index: 3;
}
.introBox .bookNowButton {
    position: absolute;
    top: 50%;
}
.bookNowButton:hover,
.kotizacijeButton:hover,
.videoTextOverlay .bookNowButton:hover {
    background-color: #fff;
    color: #00b4c4;
}
.videoTextOverlay .bookNowButton:hover {
    border: 2px solid #00b4c4;
}
.information-wrapper .bookNowButton:hover,
.information-wrapper .kotizacijeButton:hover,
.videoTextOverlay .bookNowButton {
    background-color: #00b4c4;
    color: #fff;
}
.videoTextOverlay .bookNowButton {
    margin-top: 30px;
    border: 2px solid transparent;
}
.dubrovnikImage {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}
.lecturersContainer {
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative;
}
.lecturersContainer > .allLecturers,
.homepageNewsContainer > .allNews {
    display: none;
}
.lecturersTitleContainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 2px solid #00b4c4;
    padding: 0 0 5px 0;
    width: 100%;
}
.photogallery 
.lecturersTitleContainer {
    margin-bottom: 50px;
    border-bottom: 2px solid #fff;
}
.hotelWrapper.photogallery {
    margin-bottom: 100px;
    background-color: #00b4c4;
    padding: 70px 0;
}
.photogallery .lecturersTitle,
.photogallery .allLecturers,
.photogallery .allLecturers span,
.photogallery .singleCoulmnInfo-text {
    color: #fff;
}
.homepageNewsTitleContainer {
    border-color: #fff;
}
.lecturersTitle,
.homepageNewsTitle,
.videoTitle,
.saveDateTitle,
.congressTitle,
.hotelTitle,
.dubrovnikTitle,
.newsTitle,
.lecturerDetailsName,
.lecturersListTitle,
.newsAllTitle,
.kotizacijeTitle,
.kotizacijeSubTitle {
    color: #00b4c4;
    font-weight: bold;
    font-family: ClanPro, sans-serif;
    font-size: 90px;
}
.photogallery .lecturersTitle {
    font-size: 40px;
}
.videoTitle {
    font-size: 44px;
}
.allLecturers,
.allNews {
    color: #00b4c4;
    font-weight: bold;
    font-family: ClanPro, sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
    padding: 10px;
    white-space: nowrap;
    cursor: pointer;
}
.allLecturers span,
.allNews span {
    position: relative;
    left: 7px;
    transition: 0.3s;
    color: #00b4c4;
}
.allLecturers:hover span,
.allNews:hover span {
    left: 15px;
    font-weight: bold;
}
.lecturerUnit {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    text-decoration: none;
    width: 22%;
    background-color: #00b4c4;
    flex: 0 1 auto;
    box-shadow: 0 0 0 #00b4c4;
    transition: box-shadow 0.3s ease;
}
.lecturerStatus {
    padding: 0 20px 20px;
}
.lecturerUnit:nth-of-type(n+5) {
    display: none;
}
.lecturerUnit img{
    width: 100%;
    aspect-ratio: 1;
}
.lecturerUnit:hover {
    box-shadow: 0 0 30px #00b4c4;
}
.lecturersList {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 105px;
    margin-bottom: 105px;
}
.lecturerName,
.reviewName,
.reviewText,
.footerTitle,
.dubrovnikSecondTitle,
.newsSmallTitle,
.lecturerDetailsStatus,
.lecturersListName,
.kotizacijeTextTitle,
.lecturerDetailsCountry,
.awardName {
    color: #00b4c4;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    margin-bottom: 5px;
}
.lecturerUnit .lecturerName {
    transition: 0.3s;
    padding: 20px 20px 0;
    color: #fff;
}
.lecturersListName,
.lecturersListStatus {
    text-align: center;
}
.lecturerStatus,
.lecturersListStatus,
.lecturersListCountry {
    color: #00b4c4;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.lecturerStatus {
    color: #fff;
}
.lecturersListCountry {
    margin-bottom: 7px;
}
.lecturersQuarterCircleRed {
    width: 190px;
    position: absolute;
    bottom: -75px;
    left: 25%;
    transform: rotate(90deg);
}
.lecturersQuarterCircleRed .d {
    fill: #f0685f;
}
.lecturersQuarterCircleBlue {
    width: 198px;
    transform: rotate(-90deg);
    position: absolute;
    top: -140px;
    right: 40%;
}
.thank-you-note .lecturersQuarterCircleRed {
    bottom: unset;
    top: -65px;
    left: unset;
    right: 10%;
    transform: rotate(0deg);
}
.lecturersQuarterCircleBlue .d {
    fill: #00b4c4;
}

.homepageNewsContainer {
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
    width: 100%;
    position: relative;
    padding-top: 45px;
    padding-bottom: 85px;
}
.homepageNewsBox {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 60px;
    align-items: flex-start;
}
.homepageNewsUnit,
.newsAllUnit {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    text-decoration: none;
    width: 31%;
}
.homepageNewsUnit:hover .homepageNewsMore,
.newsAllUnit:hover .newsAllMore{
    text-decoration: underline;
}
.homepageNewsTitle {
    font-size: 31px;
    color: #fff;
}
.newsAllBox .homepageNewsTitle,
.newsAllBox .newsAllMore {
    color: #00b4c4;
}
.homepageNewsTitleContainer .homepageNewsTitle {
    font-size: 90px;
    position: relative;
    left: -7px;
}
.homepageNewsText,
.homepageNewsMore,
.newsAllMore,
.videoText,
.reviewStatus,
.reviewCountry,
.saveDateText,
.newsContent p,
.newsAllUnit,
.awardCountry,
.awardStatus,
.awardGiven,
.awardTitle,
.sponsorsBox p {
    color: #00b4c4;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
.reviewName,
.reviewText,
.reviewStatus,
.reviewCountry {
    color: #00b4c4;
}
.homepageNewsText {
    color: #fff;
    margin-bottom: 20px;
}
.awardGiven {
    margin-top: 20px;
    font-weight: 500;
    font-size: 19px;
}
.homepageNewsMore,
.newsAllMore {
    font-weight: bold;
    color: #fff;
}
.homepageNewsUnit img,
.newsAllUnit img {
    width: 100%;
    background-color: #00b4c4;
    margin-bottom: 30px;
    box-shadow: 0 0 0 #fff;
    transition: box-shadow 0.3s ease;
}
.homepageNewsUnit:hover img {
    box-shadow: 0 0 30px #fff;
}
.homepageNewsUnit .homepageNewsTitle {
    margin-bottom: 20px;
}
.newsAllBox .homepageNewsTitle,
.newsAllBox .homepageNewsText {
    margin-bottom: 10px;
    color: #00b4c4;
}
.loadMoreNews {
    display: block;
    display: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    background-color: #f0685f;
    font-weight: 400;
    padding: 8px 12px 5px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.3s;
    margin: auto;
    margin-top: 50px;
    cursor: pointer;
    border: none;
}
.loadMoreNews:hover {
    background-color: #00b4c4;
}
.videoWrapper {
    background-color: #fff;
    padding: 125px 0 170px;
    position: relative;
}

.videoContainer {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
    width: 100%;
    position: relative;
}
.videoTitle {
    margin-bottom: 50px;
}
.videoTextual {
    width: 25%;
    position: relative;
    z-index: 2;
}
.videoBoxWrapper {
    width: 65%;
}
.videoBox {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
.videoBox iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.videoQuarterCircleBlue {
    position: absolute;
    left: -10px;
    top: -50px;
    width: 190px;
}
.videoQuarterCircleBlue .d {
    fill: #00b4c4;
}
.reviewWrapper {
    background-color: transparent;
    position: relative;
}
.reviewContainer,
.saveDateContainer {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 190px;
    padding-bottom: 280px;
    margin: auto;
    width: 100%;
    position: relative;
}
.reviewContainer {
    padding-bottom: 180px;
}
.slick-initialized .slick-slide.reviewUnit,
.awardHeader {
    width: 30%;
    display: flex;
    flex-flow: row;
    position: relative;
    justify-content: space-between;
}
.reviewHeader,
.awardHeader {
    width: 60%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.award-wrapper {
    margin-bottom: 50px;
    justify-content: flex-start;
}
.award-wrapper .hotelContainer {
    justify-content: flex-start;
}
.awardHeader {
    width: 23%;
    margin-bottom: 60px;
    margin-right: 2%;
}
.awardTitle {
    width: 100%;
    margin-bottom: 60px;
    font-size: 40px;
    border-bottom: 2px solid #00b4c4;
    padding-bottom: 10px;
}
.reviewText {
    color: #00b4c4;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: normal;
}
.reviewName {
    font-size: 36px;
    font-weight: 500;
}
.reviewHeader img,
.awardHeader img {
    border-radius: 50%;
    width: 35%;
    margin-right: 30px;
}
.awardHeader img {
    width: 130px;
}
.reviewQuarterCircle {
    width: 87px;
    position: absolute;
}
.reviewUnit .reviewQuarterCircle .d{
    fill: #00b4c4;
}
.reviewUnit:nth-of-type(2n) .reviewQuarterCircle .d{
    fill: #f0685f;
}
.reviewUnit .reviewQuarterCircle{
    right: 120px;
    top: 120px;
}
.reviewUnit:nth-of-type(2n) .reviewQuarterCircle{
    right: 160px;
    bottom: -37px;
    top: unset;
}
.reviewUnit .reviewQuarterCircle:nth-of-type(2n){
    right: 30px;
    top: 120px;
}
.reviewUnit:nth-of-type(2n) .reviewQuarterCircle:nth-of-type(2n){
    right: 70px;
    bottom: -37px;
    top: unset;
}
.reviewUnit img {
    width: 35%;
    height: 35%;
    border-radius: 50%;
}
.slick-dots {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin-top: 30px;
}
.slick-dots li {
    width: 14px;
    height: 14px;
    border: 2px solid #00b4c4;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.slick-dots button {
    font-size: 0;
    display: none;
}
.slick-dots li.slick-active {
    border: 2px solid transparent;
    background-color: #00b4c4;
}
.saveDateTitle {
    margin-bottom: 30px;
}
.saveDateContainer {
    padding-top: 200px;
    padding-bottom: 225px;
}
.saveDateTextual {
    width: 25%;
}
.saveDateBoxWrapper {
    width: 65%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.saveDateLink {
    display: flex;
    height: 325px;
    width: 48%;
    background-color: #00b4c4;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #231f20;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 44px;
    text-decoration: none;
    background-image: var(--backgroundImage);
    background-size: cover;
}
.saveDateText .link {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.saveDateText .link:hover {
    text-decoration: underline;
}
.logo .e {
    fill: #fff;
}
.header-inverse .logo .e {
    fill: #00b4c4;
}
footer .logo .e,
.header-inverse footer .logo .e{
    fill: #fff;
}
footer {
    background-color: #00b4c4;
    margin-top: 100px;
}
.footerWrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 90px;
    padding-bottom: 110px;
    margin: auto;
    width: 100%;
    position: relative;
}
.footerTitle {
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footerColumn {
    width: 23%;
}
.footerColumn:nth-of-type(2) {
    width: 30%;
}
.footerColumn:nth-of-type(3) {
    width: 20%;
}
.footerColumn:nth-of-type(4) {
    width: 17%;
}
.footerText {
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 2px;
}
.footerText a {
    text-decoration: none;
    color: #fff;
}
.social-icon .d{
    fill: #fff;
}
.footerTitle {
    color: #fff;
}
.footerColumn:nth-of-type(4) .footerTitle {
    margin-bottom: 45px;
}
.social-icon {
    width: 28px;
    margin-right: 15px;
    display: inline-block;
}
.social-icon svg {
    width: 100%;
}
.congressContainer,
.kotizacijeContainer {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 0;
    padding-bottom: 110px;
    margin: auto;
    width: 100%;
    position: relative;
}
.congressOrganization .congressContainer {
    padding-top: 0;
    padding-bottom: 0;
}
.congressOrganization:nth-of-type(2)  {
    padding-bottom: 80px;
}
.congressOrganization:last-of-type {
    padding-bottom: 110px;
}
.congressTitle {
    width: 100%;
    margin-bottom: 100px;
    font-size: 90px;
    border-bottom: 2px solid #00b4c4;
}
.congressBox {
    width: 32%;
    margin-bottom: 35px;
}
.congressBox p:first-of-type,
.congressBox p,
.hotelText,
.hotelHiglightText,
.hotelBox li,
.twoColumInfo p,
.dubrovnikText,
.singleCoulmnInfo p,
.hotel-additional-desc p,
.hotel-additional-desc li,
.singleCoulmnInfo-text  {
    color: #00b4c4;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 3px;
}
.congressBox p.congressBoxTitle {
    text-transform: uppercase;
    padding-bottom: 25px;
    position: relative;
}
.awardName{
    padding-bottom: 25px;
    position: relative;
}
.lecturerDetailsCountry {
    position: relative;
}
.congressBox p.congressBoxTitle::after,
.awardName::after,
.lecturerDetailsCountry:after {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 20px;
    height: 2px;
    background-color: #00b4c4;
    left: 0;
}
.lecturerDetailsCountry:after {
    bottom: -15px;
}
.singleCoulmnInfo p {
    margin-bottom: 20px;
}
.congressBox p:first-of-type {
    font-weight: bold;
}
.congressBox a,
.kotizacijeDisclaimer a,
.dubrovnikRight a {
    text-decoration: none;
    color: #00b4c4; 
    font-weight: 600;
}
.kotizacijeDisclaimer a {
    color: #fff;
}
.kotizacijeDisclaimer a:hover,
.dubrovnikRight a:hover {
    text-decoration: underline;
}
.hotelWrapper {
    background-color: #fff;
}
.hotelContainer,
.dubrovnikContainer,
.sponsorsContainer,
.intro-background-wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 80px;
    padding-bottom: 0;
    margin: auto;
    width: 100%;
    position: relative;
}
.intro-background-wrapper {
    position: static;
}
.dubrovnikBoxTwo {
    border-bottom: 2px solid #00b4c4;
    padding-bottom: 40px;
    padding-bottom: 60px;
}
.dubrovnikWrapper:last-of-type .dubrovnikBoxTwo {
    border: none;
    margin-bottom: 100px;
}
.hotelContainer {
    padding-top: 0;
    padding-bottom: 0;
}
.hotelWrapper.marginBottom {
    padding-top: 80px;
    padding-bottom: 0;
}
.hotelWrapper.marginBottom.information-wrapper {
    margin-bottom: 100px;
}
.hotelWrapper.marginBottom.information-wrapper .hotelTitle {
    font-size: 44px;
}
.awardContainer {
    justify-content: flex-start;
}
p > a {
    font-weight: 600;
    text-decoration: none;
    color: inherit;
}
p > a:hover {
    text-decoration: underline;
}
.marginBottom {
    padding-bottom: 60px;
}
.hotelTitle {
    margin-bottom: 60px;
}
.hotelText {
    margin-bottom: 20px;
}
.hotelHiglightText {
    color: #313d4f;
}
.hotelBox .bigImg,
.dubrovnikBox .bigImg {
    width: 100%;
    /*max-width: 787px;*/
    /*height: 446px;*/
    background-color: #00b4c4;
    height: 100%;
    object-fit: cover;
}
.hotelWrapper.marginBottom.information-wrapper 
.hotelBox .bigImg {
    background-color: #00b4c4;
    height: auto;
    object-fit: contain;
}
.hotelBox ul {
    padding-left: 18px;
    margin-top: 20px;
}
.hotelBox li {
    margin-bottom: 15px;
}
.hotelBox .twoColumInfo {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}
.twoColumInfo p {
    width: 40px;
}
.twoColumInfo p:nth-of-type(2n) {
    width: calc(100% - 40px);
}
.twoColumInfo p.fullWidth {
    width: 100%;
}
.twoColumInfo p.fullWidth strong {
    font-size: 22px;
}
.hotelBox .smallImg {
    width: 60%;
    /*height: 270px;*/
    background-color: #f0685f;
    display: none;
}
.hotelBox .smallImg:first-of-type,
.hotelBox .smallImg:nth-of-type(2) {
    display: block;
}
.hotelBox .smallImg:nth-of-type(2) {
    width: 38%;
}
.smallerImages img {
    display: flex;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hotelBoxOne {
    display: grid;
    grid-template-areas:
        'title bigImg'
        'text bigImg'
        'highlight bigImg'
        'empty bigImg';
    grid-template-columns: 38% 60%;
    justify-content: space-between;
    align-content: start;
    margin-bottom: 20px;
}
.hotelWrapper.marginBottom.information-wrapper .hotelBoxOne {
    grid-template-columns: 40% 55%;
}
.hotelWrapper:nth-of-type(4) .hotelBoxOne,
.hotelWrapper:nth-of-type(8) .hotelBoxOne {
    grid-template-areas:
        'bigImg title'
        'bigImg text'
        'bigImg highlight'
        'bigImg empty';
    grid-template-columns: 60% 38%;
}
.hotelTitle {
    grid-area: title;
}
.hotelText {
    grid-area: text;
}
.hotelHiglightText {
    grid-area: highlight;
    margin-bottom: 40px;
}
.bigImg {
    grid-area: bigImg;
}
.empty {
    grid-area: empty;
    grid-row: none;
}
.hotelBoxTwo {
    display: grid;
    grid-template-areas:
        'text smallImg'
        'twoColumn smallImg'
        'list smallImg'
        'empty smallImg';
    grid-template-columns: 38% 60%;
    justify-content: space-between;
    align-content: start;
}
.hotelWrapper:nth-of-type(5) .hotelBoxTwo {
    grid-template-areas:
        'smallImg twoColumn';
    grid-template-columns: 60% 38%;
}
.hotelWrapper:nth-of-type(7) .hotelBoxTwo {
    grid-template-areas:
        'twoColumn smallImg';
    grid-template-columns: 38% 60%;
}
.hotelWrapper:nth-of-type(9) .hotelBoxTwo {
    grid-template-areas:
        'smallImg twoColumn';
    grid-template-columns: 60% 38%;
}
.hotelWrapper:nth-of-type(11) .hotelBoxTwo {
    grid-template-areas:
        'twoColumn smallImg';
    grid-template-columns: 38% 60%;
}
.twoColumInfo {
    grid-area: twoColumn;
    background-color: #00b4c4;
    padding: 20px 30px;
}
.hotel-additional-desc {
    background-color: #00b4c4;
    padding: 20px 30px;
    margin-top: 20px;
}
.hotel-additional-desc p,
.hotel-additional-desc li {
    color: #fff;
}
.hotel-additional-desc p {
    margin-bottom: 30px;
    font-size: 22px;
}
.hotel-additional-desc ul {
    padding: 30px;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.hotel-additional-desc li {
    padding-right: 50px;
}
.twoColumInfo p {
    color: #fff;
}
.hotelBox ul {
    grid-area: list;
}
.smallerImages {
    grid-area: smallImg;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: space-between;
    height: 100%;
}
.smallImg {
    width: 48.5%;
}
.galleryContainer {
    position: relative;
    cursor: pointer;
    width: 70%;
}
.galleryContainer .smallImg {
    display: none;
}
.galleryContainer .smallImg:first-of-type,
.galleryContainer .smallImg:nth-of-type(2),
.galleryContainer .smallImg:nth-of-type(3) {
    display: block;
    width: 32%;
    margin: 0;
    aspect-ratio: 1;
    box-shadow: 0 0 0 #fff;
    transition: box-shadow 0.3s ease;
}
.galleryContainer .smallImg:hover {
    box-shadow: 0 0 30px #fff;
}
.singleCoulmnInfo-text {
    width: 25%;
}
.galleryContainer .photogalleryIcons {
    position: absolute;
    z-index: 55;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background-color: rgba(0, 180, 196, 0.6);
}
.photogalleryIcons svg,
.photogalleryIcons p {
    position: relative;
    z-index: 56;
}
.galleryComponentWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-flow: row;
    margin-bottom: 60px;
}
.fancybox-button[disabled] {
    display: none;
}
.singleCoulmnInfo {
    width: 30%;
}
.photogalleryIcons p {
    color: #fff;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 44px;
    white-space: nowrap;
}
.dubrovnikWrapper {
    background-color: #fff;
}
.kotizacijeWrapper ~ .dubrovnikWrapper {
    background-color: #fff;
}
.dubrovnikBoxOne {
    display: grid;
    grid-template-areas:
        'dubrovniktitle dubrovnikbigImg'
        'dubrovniktext dubrovnikbigImg'
        'empty dubrovnikbigImg';
    grid-template-columns: 30% 64%;
    justify-content: space-between;
    align-content: start;
    margin-bottom: 90px;
}
.dubrovnikTitle {
    grid-area: dubrovniktitle;
    margin-bottom: 60px;
}
.dubrovnikText {
    grid-area: dubrovniktext;
}
.dubrovnikBoxOne .bigImg {
    grid-area: dubrovnikbigImg;
}
.dubrovnikBoxTwo {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.dubrovnikSecondTitle {
    width: 30%;
    position: relative;
    z-index: 2;
}
.dubrovnikRight {
    width: 64%;
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
}
.dubrovnikRight ul {
    padding-left: 20px;
}
.dubrovnikRight ul ul {
    padding-top: 20px;
}
.dubrovnikQuarterCircle {
    position: absolute;
    width: 200px;
    transform: translateY(-50%);
    top: 50%;
    right: 30%;
    z-index: 0;
    animation: mediumQuarterRevers 5s infinite ease-in-out;
}
p .dubrovnikQuarterCircle .d {
    fill: #00b4c4;
}
.dubrovnikQuarterCircle .d {
    fill: rgba(255, 255, 255, 0.1);
}
.dubrovnikQuarterCircle:first-of-type {
    top: 20%;
    right: 25%;
    width: 100px;
    animation: smallQuarter 3s infinite ease-in-out;
}
.dubrovnikQuarterCircle:nth-of-type(2n) {
    top: 35%;
    right: 20%;
    width: 300px;
    transform: translateY(-50%) rotate(90deg);
    animation: bigQuarter 7s infinite ease-in-out;
}
.tamc-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translateY(-20%);
    top: 70%;
    background-color: rgba(255, 255, 255, 0.2);
    right: 15%;
    z-index: 0;
    animation: smallQuarter 5s infinite ease-in-out;
}
.tamc-circle:first-of-type {
    top: 10%;
    right: 30%;
    width: 100px;
    height: 100px;
    animation: mediumQuarter 4s infinite ease-in-out;
    background-color: rgba(255, 255, 255, 0.4);
}

.tamc-circle:nth-of-type(2) {
    top: 50%;
    right: 40%;
    width: 150px;
    height: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.3);
    animation: mediumQuarter 7s infinite ease-in-out;
}
@keyframes smallQuarter {
    0% { transform:  translateY(-55%);}
    50% { transform: translateY(-45%);}
    100% { transform:  translateY(-55%);}
}
@keyframes bigQuarter {
    0% { transform: translateY(-55%) rotate(90deg);}
    50% { transform: translateY(-45%) rotate(90deg);}
    100% { transform: translateY(-55%) rotate(90deg);}
}
@keyframes mediumQuarter {
    0% { transform:  translateY(-55%);}
    50% { transform: translateY(-45%);}
    100% { transform:  translateY(-55%);}
}
@keyframes mediumQuarter {
    0% { transform: translateY(-55%) rotate(90deg);}
    50% { transform: translateY(-45%) rotate(90deg);}
    100% { transform: translateY(-55%) rotate(90deg);}
}

.intro-with-icons .dubrovnikQuarterCircle {
    position: absolute;
    width: 200px;
    transform: translateY(-50%);
    top: 50%;
    right: 10%;
    z-index: 0;
    animation: mediumQuarterRevers 5s infinite ease-in-out;
}
.intro-with-icons .dubrovnikQuarterCircle:first-of-type {
    top: 20%;
    right: 85%;
    width: 100px;
    animation: smallQuarter 3s infinite ease-in-out;
}
.intro-with-icons .dubrovnikQuarterCircle:nth-of-type(2n) {
    top: 35%;
    right: 50%;
    width: 300px;
    transform: translateY(-50%) rotate(90deg);
    animation: bigQuarter 7s infinite ease-in-out;
}
.intro-with-icons .tamc-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translateY(-20%);
    top: 70%;
    background-color: rgba(255, 255, 255, 0.2);
    right: 15%;
    z-index: 0;
    animation: smallQuarter 5s infinite ease-in-out;
}
.intro-with-icons .tamc-circle:first-of-type {
    top: 10%;
    right: 40%;
    width: 100px;
    height: 100px;
    animation: mediumQuarter 4s infinite ease-in-out;
    background-color: rgba(255, 255, 255, 0.4);
}
.intro-with-icons .tamc-circle:nth-of-type(3) {
    border: 2px solid #fff;
    background-color: transparent;
}

.intro-with-icons .tamc-circle:nth-of-type(2) {
    top: 70%;
    right: 70%;
    width: 150px;
    height: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.3);
    animation: mediumQuarter 7s infinite ease-in-out;
}



.intro-with-icons .dubrovnikQuarterCircle .d {
    fill: rgba(255, 255, 255, 0.5);
}
.intro-with-icons .dubrovnikQuarterCircle:first-of-type .d {
    fill: rgba(255, 255, 255, 0.3);
}
.intro-with-icons .dubrovnikQuarterCircle:nth-of-type(2n) .d {
    fill: transparent;
}
.intro-with-icons .dubrovnikQuarterCircle:nth-of-type(2n) {
    stroke: #fff;
    stroke-width: 2px;
    fill: transparent;
}





.reviewWrapper .tamc-circle {
    background-color: rgba(0, 180, 196, 0.2);
}
.reviewWrapper .dubrovnikQuarterCircle .d {
    fill: rgba(0, 180, 196, 0.2);
}
.reviewWrapper .tamc-circle:nth-of-type(2n) {
    background-color: rgba(0, 180, 196, 0.1);
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(2n) .d {
    fill: rgba(0, 180, 196, 0.1);
}
.reviewWrapper .tamc-circle:nth-of-type(3n) {
    background-color: transparent;
    border: 2px solid #00b4c4;
    opacity: 0.3;
    top: 75%;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(3n) .d {
    stroke: rgba(0, 180, 196, 0.6);
    stroke-width: 2px;
    fill: transparent;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 4) {
    right: unset;
    left: 10%;
}
.reviewWrapper .tamc-circle:nth-of-type(n + 4) {
    right: unset;
    left: 10%;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 4) {
    right: unset;
    left: 10%;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 5) {
    right: unset;
    left: 20%;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 6) {
    right: unset;
    left: 30%;
}
.reviewWrapper .tamc-circle:nth-of-type(n + 4) {
    right: unset;
    left: 20%;
}
.reviewWrapper .tamc-circle:nth-of-type(n + 5) {
    right: unset;
    left: 4%;
}
.reviewWrapper .tamc-circle:nth-of-type(n + 6) {
    right: unset;
    left: 50%;
}


.floating-icons .dubrovnikQuarterCircle .d {
    fill: rgba(0, 180, 196, 0.2);
}

.dubrovnikWrapper:nth-of-type(5) .floating-icons .dubrovnikQuarterCircle {
    display: none;
}
.floating-icons .dubrovnikQuarterCircle {
    position: absolute;
    width: 200px;
    transform: translateY(-50%);
    top: 70%;
    right: 0;
    z-index: 0;
    animation: mediumQuarterRevere 5s infinite ease-in-out;
}
.videoWrapper.floating-icons .dubrovnikQuarterCircle {
    position: absolute;
    width: 200px;
    transform: translateY(-50%);
    top: 80%;
    right: 20%;
    z-index: 0;
    animation: mediumQuarterRevere 5s infinite ease-in-out;
}
.floating-icons .dubrovnikQuarterCircle:first-of-type {
    top: 20%;
    right: 0;
    width: 100px;
    animation: bigQuarter 3s infinite ease-in-out;
}
.floating-icons .tamc-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translateY(-20%);
    top: 50%;
    background-color: rgba(0, 180, 196, 0.2);
    right: 0;
    z-index: 0;
    animation: smallQuarter 5s infinite ease-in-out;
}
.dubrovnikWrapper:nth-of-type(2n) .floating-icons svg {
    display: none;
}
.dubrovnikWrapper:nth-of-type(3n) .floating-icons svg {
    width: 150px;
}
.dubrovnikWrapper:nth-of-type(2n) .floating-icons .tamc-circle {
    width: 80px;
    height: 80px;
}
.dubrovnikWrapper:nth-of-type(3n) .floating-icons .tamc-circle {
    display: none;
}
.intro-background-wrapper .dubrovnikQuarterCircle .d {
    fill: rgba(255, 255, 255, 0.5);
}
.intro-background-wrapper .dubrovnikQuarterCircle:nth-of-type(2n) .d {
    fill: rgba(255, 255, 255, 0.3);
}
.intro-background-wrapper .tamc-circle {
    background-color: rgba(255, 255, 255, 0.5);
}
.intro-background-wrapper .tamc-circle:nth-of-type(2n) {
    background-color: rgba(255, 255, 255, 0.7);
}
.intro-background-wrapper .dubrovnikQuarterCircle {
    animation: smallQuarter 4s infinite ease-in-out;
    right: 25%;
}
.intro-background-wrapper .dubrovnikQuarterCircle:nth-of-type(2n) {
    animation: mediumQuarter 7s infinite ease-in-out;
    top: 45%;
    right: 15%;
}






.reviewWrapper .dubrovnikQuarterCircle {
    position: absolute;
    width: 200px;
    transform: translateY(-50%);
    top: 70%;
    right: 20%;
    z-index: 0;
    animation: mediumQuarter 5s infinite ease-in-out;
}
.reviewWrapper .dubrovnikQuarterCircle:first-of-type {
    top: 20%;
    right: 10%;
    width: 100px;
    animation: smallQuarter 3s infinite ease-in-out;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(2n) {
    top: 35%;
    right: 5%;
    width: 300px;
    transform: translateY(-50%) rotate(0);
    animation: mediumQuarterReverse 5s infinite ease-in-out;
}
.reviewWrapper .dubrovnikQuarterCircle:nth-of-type(3n) {
    top: 70%;
    right: 20%;
    width: 100px;
    transform: translateY(-50%);
    opacity: 0.5;
    animation: bigQuarter 7s infinite ease-in-out;
}
.reviewWrapper .tamc-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transform: translateY(-20%);
    top: 70%;
    background-color: rgba(255, 255, 255, 0.2);
    right: 5%;
    z-index: 0;
    animation: smallQuarter 5s infinite ease-in-out;
}
.reviewWrapper .tamc-circle:first-of-type {
    top: 10%;
    right: 10%;
    width: 100px;
    height: 100px;
    animation: mediumQuarter 4s infinite ease-in-out;
    background-color: rgba(255, 255, 255, 0.4);
}

.reviewWrapper .tamc-circle:nth-of-type(2) {
    top: 50%;
    right: 20%;
    width: 150px;
    height: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.3);
    animation: mediumQuarter 7s infinite ease-in-out;
}


@keyframes mediumQuarterReverse {
    0% { transform: translateY(-55%) rotate(-90deg);}
    50% { transform: translateY(-45%) rotate(-90deg);}
    100% { transform: translateY(-55%) rotate(-90deg);}
}








p .dubrovnikQuarterCircle {
    left: 30px;
    top: -40px;
    bottom: unset;
    right: unset;
    transform: unset;
    z-index: -1;
}
.newsWrapper,
.lecturerDetailWrapper,
.lecturersListWrapper {
    background-color: #fff;
}
.newsContainer,
.lecturerDetailsContainer,
.lecturersListContainer,
.newsAllContainer {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 85px;
    padding-bottom: 250px;
    margin: auto;
    width: 100%;
    position: relative;
}
.newsAllContainer {
    padding-top: 0;
}
.lecturerDetailWrapperinner {
    width: 60%;
    margin: auto;
}
.newsCoverPhoto {
    width: 100%;
    margin-bottom: 75px;
}
.newsTitle {
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
    font-size: 50px;
}
.newsContent {
    margin-bottom: 85px;
    position: relative;
    z-index: 2;
}
.newsSmallTitle {
    width: 30%;
    position: relative;
    z-index: 2;
}
.newsContent p {
    margin-bottom: 20px;
}
.newsContent img {
    width: 100%;
    margin-top: 30px;
}
.newsContent * {
    color: #00b4c4;
}
.newsQuarterCircleRed {
    position: relative;
    width: 190px;
    left: 140px;
    top: 35%;
    transform: rotate(90deg);
}
.newsQuarterCircleRed .d {
    fill: #f0685f;
}
.lecturerDetailsName,
.lecturerDetailsStatus,
.lecturerDetailsCountry {
    width: 100%;
    margin-bottom: 30px;
}
.lecturerDetailsCountry {
    margin-bottom: 25px;
    font-weight: normal;
}
.lecturerDetailsName {
    margin-bottom: 15px;
}
.lecturerDetailsCoverPhoto {
    width: 30%;
    border-radius: 50%;
}
.lecturerDetailsContent {
    padding-top: 30px;
}
.lecturerDetailsContent .breakpoint {
    margin-bottom: 100px;
}
.lecturerDetailsContent p {
    margin-bottom: 20px;
}
.lecturersListContainer {
    padding-bottom: 170px;
    padding-top: 0;
}
.lecturersListTitle,
.newsAllTitle {
    width: 100%;
    margin-bottom: 90px;
}
.lecturersListUnit {
    width: 22%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 75px;
}
.lecturersListContainer>p:not(.lecturersListTitle) {
    width: 22%;
}
.lecturersListUnit img {
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 40px;
    border-radius: 50%;
}
.darkBackground {
    display: none;
}
.mobile-only,.show-on-mobile {
    display: none;
}
.mobileHamby {
    width: 55px;
    right: -10px;
    position: relative;
    padding: 10px;
    height: 40px;
    cursor: pointer;
}
.mobileHamby p {
    width: 35px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: width 0.4s ease;
}
.header-inverse 
.mobileHamby p  {
    background-color: #00b4c4;
}
.header-inverse .scrolling 
.mobileHamby p  {
    background-color: #fff;
}
.mobileHamby p:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    right: unset;
}
.mobileHamby p:nth-of-type(3) {
    top: unset;
    bottom: 10px;
    right: unset;
    left: 10px;
}

.mobileHamby.open p:first-of-type {
    width: 0px;
}
.mobileHamby.open p:nth-of-type(2) {
    width: 0px;
}
.mobileHamby.open p:nth-of-type(3) {
    width: 0px;
}

.navigation.open {
    right: 0;
}
.mobileClose {
    display: none;
}
.allNews {
    margin-top: 90px;
    display: block;
    color: #fff;
}
.allNews span {
    color: #fff;
}
.lecturerDetailInfo {
    width: 100%;
}
.social-icon:hover .d {
    fill: #79bec4;
}
.kotizacijeContainer {
    flex-wrap: wrap;
}
.kotizacijeTitle {
    width: 100%;
    font-size: 90px;
    color: #fff;
    border-bottom: 2px solid #fff;
    margin-bottom: 100px;
}
.kotizacijeSubTitle {
    width: 100%;
    color: #fff;
    font-size: 40px;
    position: relative;
    top: -50px;
}
.kotizacijeTable {
    width: 52%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 65px;
}
table {
    width: 100%;
}
.kotizacijeTable tr {
    width: 100%;
}
.kotizacijeTable tr td:not(:first-of-type) {
    width: 10%;
}
.kotizacijeTable td {
    width: 20%;
    vertical-align: top;
    padding: 20px 10px 20px 30px;
}

.kotizacijeTable td {
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
.kotizacijeTable table, 
.kotizacijeTable td,
.kotizacijeTable th {
    border: 1px solid #fff;
    border-collapse: collapse;
}
.kotizacijeTable td .article-content-custom {
    text-transform: none;
    font-size: 16px;
    font-style: italic;
}
.kotizacijeDisclaimer {
    width: 40%;
    color: #fff;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.big-table .kotizacijeDisclaimer {
    width: 50%;
}
.kotizacijeTextWrapper {
    background-color: #fff;
}
.kotizacijeTextContainer {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
    width: 100%;
    position: relative;
    padding-top: 75px;
    padding-bottom: 100px;
    justify-content: space-between;
}
.kotizacijeTextTitle {
    width: 30%;
    position: relative;
    z-index: 3;
}
.kotizacijeTextContent {
    width: 65%;
    margin-bottom: 90px;
    position: relative;
    z-index: 3;
}
.kotizacijeTextContent p {
    font-weight: 500;
}
.kotizacijeWrapper .bookNowButton {
    margin-left: auto;
}
.linkInText {
    font-weight: bold;
    color: #00b4c4;
    text-decoration: none;
}
.linkInText:hover {
    color: #f0685f;
}
.kotizacijeQuarterCircleRed,
.kotizacijeQuarterCircleBlue {
    position: absolute;
    width: 190px;
}
.kotizacijeQuarterCircleBlue {
    top: 0;
    left: 200px;
}
.kotizacijeQuarterCircleRed {
    transform: rotate(90deg);
    bottom: 70px;
    right: 35%;
}
.kotizacijeQuarterCircleRed .d {
    fill: #f0685f;
}
.kotizacijeQuarterCircleBlue .d {
    fill: #00b4c4;
}
.newsAllBox {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.newsAllUnit {
    margin-bottom: 40px;
}
.sponsorsWrapper {
    background-color: #f1f1f1;
}
.sponsorsContainer {
    padding-bottom: 0;
    align-items: stretch;
    justify-content: flex-start;
}
.sponsorsBox p {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}
.sponsorsBox {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 80px;
    box-sizing: content-box;
}
.sponsorUnit {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: calc(100% - 20px);
    flex-wrap: wrap;
}
.sponsorUnit a {
    max-height: 120px;
}
.generalniSponzor a {
    width: 40%;
}
.zlatniSponzor {
    width: 60%;
    padding-right: 300px;
}
.zlatniSponzor a {
    width: 47%;
    margin-bottom: 20px;
}
.zlatniSponzor .sponsorUnit {
    justify-content: space-between;
}
.srebrniSponzor {
    width: 15%; 
    padding-right: 300px;
}
.srebrniSponzor a,
.broncaniSponzor a {
    width: 100%;
}
.broncaniSponzor {
    width: 14%; 
    padding-right: 300px;
}
.ostaliSponzor {
    width: 85%;
    margin-bottom: 0;
}
.ostaliSponzor a {
    width: 115px;
    margin-right: 100px;
    margin-bottom: 80px;
}
.ostaliSponzor a:nth-of-type(2),
.ostaliSponzor a:nth-of-type(3) {
    width: 180px;
}
.ostaliSponzor a:last-of-type {
    width: 150px;
}
.izlagaciSponzor {
    width: 75%;
    padding-right: 15%;
}
.izlagaciSponzor a {
    width: 205px;
    margin-right: 90px;
    margin-bottom: 40px;
}
.izlagaciSponzor a:nth-of-type(2) {
    width: 320px;
}
.izlagaciSponzor a:nth-of-type(3) {
    width: 140px;
}
.izlagaciSponzor a:nth-of-type(4) {
    width: 120px;
}
.izlagaciSponzor a:nth-of-type(5) {
    width: 120px;
}
.izlagaciSponzor a:nth-of-type(6) {
    width: 120px;
}
.izlagaciSponzor a:nth-of-type(8) {
    width: 150px;
}
.izlagaciSponzor a:nth-of-type(9) {
    width: 100px;
}
.izlagaciSponzor a:nth-of-type(10) {
    width: 100px;
}
.patronImage {
    width: 80%;
    margin-top: 30px;
    display: block;
}
.congressBox:nth-of-type(2) .patronImage {
    width: 85%;
}
.congressBox:nth-of-type(3) .patronImage {
    width: 60%;
}
.patronImage img {
    width: 100%;
}
.introVideoWrapper {
    width: 100%;
}
.introVideoContainer {
    position: relative;
    width: 100%;
    padding-top: 45%;
    overflow: hidden;
}
.introBox {
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    overflow: hidden;
}
.introBox iframe {  
    position: absolute;
    top: -50%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200%;
    transform: translateX(-0%);
    pointer-events: none;
}
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay,
.ytp-pause-overlay.ytp-scroll-min {
    display: none !important;
}
.videoOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
}

.banner-left {
    position: absolute;
    left: 50px;
    bottom: 50px;
    text-transform: uppercase;
    color: #00b4c4;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
}


.slideRightTextTwo {
    animation: 1s slideRightTwo 3.5s forwards;
    transform: translateY(300%);
}
.slideRightTextThree {
    animation: 1s slideRightThree 4s forwards;
    transform: translateY(300%);
}.banner-wrapper-2023
.slideRightTextOne.second {
    color: #00b4c4;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}
.slideRightTextOne {
    color: #00b4c4;
    text-align: center;
    font-size: 44px;
}.banner-wrapper-2023
.slideRightTextOne {
    color: #fff;
}
.inline-block {
    display: block;
}
  
@keyframes slideRightOneY {
    to {
       transform:translateY(0);
    }
}
@keyframes slideRightTwoY {
    to {
       transform:translateY(0);
    }
}
@keyframes slideRightThreeY {
    to {
       transform:translateY(0);
    }
}
@keyframes slideRightOne {
    to {
       transform:translateX(0);
    }
}
@keyframes slideRightTwo {
    to {
       transform:translateX(0);
    }
}
@keyframes slideRightThree {
    to {
       transform:translateX(0);
    }
}





.navigation {
    display: none;
    position: fixed;
    display: flex;
    flex-flow: column;
    background-color: rgba(0, 180, 196);
    top: 0;
    right: -100%;
    bottom: 0;
    margin-right: 0;
    justify-content: flex-start;
    padding: 80px 40px;
    z-index: 999;
    transition: right 0.5s ease-in-out;
    align-items: flex-end;
}

.navigation a.selected,
.navigation p.selected {
    text-decoration: underline;
    color: #fff;
}
.navigation ul {
    top: 0;
    left: 0;
    position: relative;
    display: flex;
    flex-flow: column;
    border-right: 0;
    border-left: 0;
    margin-bottom: 25px;
    margin-top: 20px;
    align-items: flex-end;
}
.darkBackground.open {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.navigation a:hover,
.navigation p:hover {
    text-decoration: underline;
    color: #fff;
}
.languageBox {
    display: none;
}
.languageBoxMobile {
    display: none;
}
.mobileClose {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.mobileClose::before {
    content: "";
    display: block;
    width: 5px;
    height: 33px;
    background-color: #fff;
    transition: transform 0.5s 0.5s ease;
    position: absolute;
    top: 8px;
    right: 23px;
}
.mobileClose::after {
    content: "";
    display: block;
    width: 5px;
    height: 33px;
    background-color: #fff;
    transition: transform 0.5s 0.5s ease;
    position: absolute;
    top: 8px;
    right: 23px;
}
.mobileClose.open:after {
    transform: rotate(-45deg);
}
.mobileClose.open::before {
    transform: rotate(45deg);
}
.navigation >li {
    line-height: 1.5;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}
.navigation > li:first-of-type ul {
    display: flex;
}
.navigation > li > ul > li > a {
    text-transform: uppercase;
}
.generalniSponzor a {
    width: 400px;
}
.srebrniSponzor {
    padding-right: 200px;
    width: 200px;
}
.broncaniSponzor {
    width: 170px;
    padding-right: 50px;
}
.izlagaciSponzor {
    width: 100%;
    padding-right: 0;
}
.navigation {
    font-size: 20px;
}

.hotelWrapper.marginBottom.intro-with-icons {
    background-color: #00b4c4;
    padding-bottom: 150px;
}
.intro-with-icons .hotelContainer {
    display: flex;
}
.intro-with-icons .hotelTitle,
.intro-with-icons .hotelText {
    color: #fff;
}
.intro-element {
    width: 30%;
}
.hotelWrapper.marginBottom.big-intro-image-right {
    position: relative;
    padding-bottom: 100px;
}
.big-intro-image-right .intro-element {
    width: 50%;
}
.intro-with-icons .hotelTitle {
    font-size: 40px;
}
.big-intro-image-right img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%;
}
.big-intro-image-right .hotelTitle {
    border-bottom: 2px solid #00b4c4;
}


@media screen and (min-width: 2000px) {
    .intro-background-wrapper {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        height: 100%;
    }
    .big-intro-image-right img {
        width: 75%;
        right: -22%;
        bottom: 0;
    }
    .intro-background-wrapper .background-elements.background-pattern-two {
        background-position: center;
        width: 75%;
        right: -22%;

    }
    .intro-background-wrapper .dubrovnikQuarterCircle {
        animation: smallQuarter 4s infinite ease-in-out;
        right: 25%;
    }
    .intro-background-wrapper .dubrovnikQuarterCircle:nth-of-type(2n) {
        animation: mediumQuarter 7s infinite ease-in-out;
        top: 45%;
        right: 5%;
    }
    .background-elements {
        background-size: 1200px;
    }
    .intro-background-wrapper .tamc-circle {
        top: 70%;
        right: 5%;
    }
    .intro-background-wrapper .tamc-circle:nth-of-type(4) {
        top: 45%;
        right: 15%;
    }
    .intro-background-wrapper .tamc-circle:nth-of-type(2) {
        top: 65%;
        right: 5%;
    }
    .intro-background-wrapper .tamc-circle:nth-of-type(3n) {
        top: 65%;
        right: 25%;
    }
}
@media screen and (max-width: 1200px) {
    .bannerCross {
        left: 200px;
        width: 80px;
    }
    .bannerBigCircle {
        width: 85px;
        top: 80px;
        right: 200px;
    }
    .lecturerUnit {
        width: 30%;
        margin-bottom: 30px;
    }
    .lecturerUnit:nth-of-type(n+5) {
        display: flex;
    }
    .lecturerUnit img {
        margin-bottom: 15px;
        width: 100%;
    }
    .zlatniSponzor{
        width: 100%;
        padding-right: 10%;
    }
        
    .hotel-additional-desc ul {
        padding: 30px;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
    .background-elements.background-pattern-two {
        top: 70%;
        width: 80%;
    }
    .big-intro-image-right .intro-element {
        width: 65%;
    }
    .first-row {
        width: 100%;
        margin-bottom: 50px;
    }
    .three-row-wrapper {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .second-element,
    .third-element {
        width: auto;
    }
}
@media screen and (max-width: 1080px) {
    /*.navigation {
        display: none;
        position: fixed;
        display: flex;
        flex-flow: column;
        background-color: #00b4c4;
        top: 0;
        right: -100%;
        bottom: 0;
        margin-right: 0;
        justify-content: flex-start;
        padding: 80px 40px;
        z-index: 999;
        transition: right 0.5s ease-in-out;
    }
    .navigation.open {
        right: 0;
    }
    .darkBackground.open {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .navigation a:hover {
        color: #f0685f;
    }
    .languageBox {
        display: none;
    }
    .languageBoxMobile {
        display: flex;
    }
    .mobileClose {
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
    .mobileClose::before {
        content: "";
        display: block;
        width: 5px;
        height: 33px;
        background-color: #fff;
        transform: rotate(45deg);
        position: absolute;
        top: 8px;
        right: 23px;
    }
    .mobileClose::after {
        content: "";
        display: block;
        width: 5px;
        height: 33px;
        background-color: #fff;
        transform: rotate(-45deg);
        position: absolute;
        top: 8px;
        right: 23px;
    }
    .mobileHamby {
        display: block;
        padding: 10px;
        cursor: pointer;
    }
    .mobileHamby .d {
        fill: #fff;
    }*/
    .bannerTitle {
        font-size: 40px;
        margin-top: 50px;
    }
    .bannerText,
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        font-size: 40px;
        margin-bottom: 25px;
    }
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        margin-bottom: 0;
    }
    .bannerSmallCircle {
        display: none;
    }
    .bookContent {
        align-self: flex-start;
    }
    .dubrovnikImage {
        align-self: flex-end;
        top: unset;
        width: 60%;
        bottom: 60px;
        transform: unset;
    }
    .bookNowCircle {
        right: 380px;
        width: 95px;
    }
    .bookTitle, .bannerText,
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        font-size: 35px;
    }
    .bookNowCross {
        left: 130px;
        top: 70%;
    }
    .lecturersTitle,
    .videoTitle,
    .saveDateTitle,
    .congressTitle,
    .kotizacijeTitle,
    .hotelTitle,
    .dubrovnikTitle,
    .newsTitle,
    .lecturerDetailsName,
    .lecturersListTitle,
    .newsAllTitle {
        font-size: 55px;
    }
    .kotizacijeSubTitle {
        font-size: 25px;
        top: -30px;
    }
    .homepageNewsUnit,
    .newsAllUnit {
        width: 48%;
    }
    .homepageNewsUnit:nth-of-type(3) {
        display: none;
    }
    .homepageNewsBox {
        padding-top: 30px;
    }
    .videoContainer {
        flex-flow: column;
    }
    .videoTextual {
        width: 50%;
        margin-bottom: 30px;
    }
    .videoBoxWrapper {
        width: 100%;
    }
    .videoWrapper {
        padding: 50px 0 100px;
    }
    .videoTitle {
        margin-bottom: 40px;
    }
    .videoQuarterCircleBlue {
        width: 135px;
        top: -30px;
        left: 200px;
    }
    .reviewContainer {
        padding: 65px 70px 135px;
    }
    .reviewUnit:nth-of-type(3){
        display: none;
    }
    .reviewUnit .reviewQuarterCircle {
        right: 60px;
        top: 100px;
    }
    .reviewUnit .reviewQuarterCircle:nth-of-type(2n) {
        right: -30px;
        top: 100px;
    }
    .reviewUnit:nth-of-type(2n) .reviewQuarterCircle {
        right: 90px;
        bottom: -37px;
        top: unset;
    }
    .reviewUnit:nth-of-type(2n) .reviewQuarterCircle:nth-of-type(2n) {
        right: 0px;
        bottom: -37px;
        top: unset;
    }
    .reviewUnit,
    .awardHeader {
        width: 48%;
    }
    .saveDateContainer {
        flex-flow: column;
        padding: 95px 70px 200px;
    }
    .saveDateTextual {
        display: flex;
        flex-flow: row;
        width: 100%;
    }
    .saveDateTitle {
        width: 50%;
    }
    .saveDateText {
        width: 50%;
    }
    .saveDateLink {
        width: 48%;
    }
    .saveDateBoxWrapper {
        width: 100%;
    }
    .saveDateTextual {
        margin-bottom: 35px;
    }
    .footerColumn:first-of-type {
        width: 100%;
        margin-bottom: 80px;
    }
    .footerColumn:nth-of-type(2) {
        width: 35%;
    }
    .footerColumn:nth-of-type(3) {
        width: 25%;
    }
    .footerColumn:nth-of-type(4) {
        width: 25%;
    }
    .footerWrapper {
        padding: 80px 70px ;
    }
    .congressBox {
        width: 48%;
        margin-bottom: 50px;
    }
    
    .hotelBoxOne,
    .hotelWrapper:nth-of-type(4) .hotelBoxOne,
    .hotelWrapper:nth-of-type(8) .hotelBoxOne {
        display: grid;
        grid-template-areas:
            'title'
            'bigImg'
            'text'
            'highlight';
        grid-template-columns: 100%;
        justify-content: space-between;
        align-content: start;
        margin-bottom: 40px;
    }
    .hotelWrapper.marginBottom.information-wrapper .hotelBoxOne {
        grid-template-columns: 100%;
    }
    .hotelTitle {
        margin-bottom: 40px;
    }
    .hotelBox .bigImg {
        margin-bottom: 30px;
    }
    
    .hotelBoxTwo {
        display: grid;
        grid-template-areas:
            'smallImg smallImg'
            'text empty'
            'twoColumn list';
        grid-template-columns: 48% 48%;
        justify-content: space-between;
        align-content: start;
    }
    .hotelBox .smallImg {
        margin-bottom: 10px;
    }
    .hotelBox .smallImg:nth-of-type(n+3){
        display: none;
    }
    .hotelBox .twoColumInfo {
        align-content: flex-start;
    }
    .hotelBox ul {
        columns: 2;
    }
    .hotelBox li {
        width: 95%;
    }
    .hotelContainer {
        padding-bottom: 80px;
    }
    .dubrovnikBoxOne {
        display: grid;
        grid-template-areas:
            'dubrovniktitle dubrovniktext'
            'dubrovnikbigImg dubrovnikbigImg';
        grid-template-columns: 50% 50%;
        justify-content: space-between;
        align-content: start;
        margin-bottom: 75px;
    }
    /*p .dubrovnikQuarterCircle {
        top: -500px;
    }*/
    .dubrovnikQuarterCircle {
        bottom: 550px;
        right: 60%;
    }
    .dubrovnikContainer {
        padding-bottom: 0;
    }
    .newsTitle, .newsContent {
        width: 100%;
        margin-bottom: 50px;
    }
    .newsSmallTitle + .newsContent {
        width: 65%;
    }
    .newsContainer {
        padding-bottom: 200px;
    }
    .newsQuarterCircleRed {
        bottom: 20%;
        top: unset;
        left: 120px;
    }
    .lecturerDetailsCoverPhoto {
        width: 40%;
    }
    .lecturerDetailWrapperinner {
        width: 50%;
    }
    .lecturerDetailsContent {
        width: 100%;
    }
    .lecturerDetailsContainer {
        padding: 80px 70px 170px;
    }
    .lecturersListUnit {
        width: 30%;
    }
    .kotizacijeTitle,
    .kotizacijeTable {
        width: 100%;
    }
    .kotizacijeTitle {
        margin-bottom: 50px;
    }
    .kotizacijeContainer {
        padding: 80px 70px 65px;
    }
    .kotizacijeTable td {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 150px;
    }
    .kotizacijeTable {
        overflow-x: auto;
    }
    
    .hotelContainer {
        padding-bottom: 0;
    }
    .hotelWrapper.marginBottom {
        padding-bottom: 20px;
    }
    .kotizacijeDisclaimer {
        width: 100%;
        margin-bottom: 50px;
    }
    .hotelHiglightText,
    .hotelBoxOne,
    .hotelBoxTwo {
        margin-bottom: 0;
    }
    .hotelText {
        margin-top: 30px;
    }
    .hotelBoxTwo {
        display: flex;
        flex-flow: column-reverse;
    }
    .twoColumInfo {
        margin-bottom: 30px;
    }
    .big-intro-image-right img {
        width: 75%;
        bottom: -100px;
    }
    .congressOrganization:nth-last-of-type(2) {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 1000px) {
    .lecturersQuarterCircleBlue {
        right: 70px;
    }
    .galleryContainer .smallImg:first-of-type,
    .galleryContainer .smallImg:nth-of-type(2) {
        display: block;
        width: 48%;
    }
    .galleryContainer .smallImg:nth-of-type(3) {
        display: none;
    }
}
@media screen and (max-width: 900px) {
    .banner-left {
        font-size: 22px;
    }
    .bannerCross {
        left: 100px;
        width: 80px;
    }
    .bookNowCircle {
        display: none;
    }
    .izlagaciSponzor {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .izlagaciSponzor a {
        margin-bottom: 40px;
    }
    .izlagaciSponzor a:not(:first-of-type) {
        margin-bottom: 70px;
    }
    .izlagaciSponzor a:nth-of-type(7) {
        left: -20px;
        position: relative;
    }
        
    .introVideoWrapper {
        width: 100%;
    }
    .introVideoContainer {
        position: relative;
        width: 100%;
        padding-top: 90%;
        overflow: hidden;
    }
    .introBox {
        display: flex;
        justify-content: center;
        align-items: center;
        object-fit: cover;
        overflow: hidden;
    }
    .introBox iframe {  
        position: absolute;
        top: -50%;
        bottom: 0;
        left: -50%;
        right: 0;
        width: 200%;
        height: 200%;
        transform: translateX(-0%);
    }

    .mobile-only {
        display: flex;
        flex-flow: column;
        align-self: center;
    }
    .slick-initialized .slick-slide.reviewUnit, .awardHeader {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .reviewPersonalInfo.mobile-only {
        width: 50%;
    }
    .reviewHeader {
        width: 100%;
        margin-top: 40px;
    }
    .reviewHeader .reviewPersonalInfo {
        display: none;
    }

    .reviewUnit img {
        width: 45%;
        height: 45%;
    }
    .videoTextual {
        width: 100%;
        margin-bottom: 30px;
    }
    .hotel-additional-desc ul {
        padding: 30px;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
    .big-intro-image-right .intro-element {
        width: 90%;
    }
    .background-elements.background-pattern-two {
        display: none;
    }
    .intro-background-wrapper {
        position: relative;
        height: 200px;
    }
    .big-intro-image-right img {
        width: 90%;
        bottom: -100px;
    }
    .galleryComponentWrapper {
        flex-flow: column;
    }
    .singleCoulmnInfo-text {
        width: 100%;
        margin-bottom: 40px;
    }
    .galleryContainer {
        width: 100%;
    }
    .intro-element {
        width: 80%;
    }
        
    .intro-with-icons .dubrovnikQuarterCircle {
        position: absolute;
        width: 150px;
        transform: translateY(-50%);
        top: 80%;
        right: 10%;
        z-index: 0;
        animation: mediumQuarterRevers 5s infinite ease-in-out;
    }
    .intro-with-icons .dubrovnikQuarterCircle:first-of-type {
        top: 20%;
        right: 85%;
        width: 100px;
        animation: smallQuarter 3s infinite ease-in-out;
    }
    .intro-with-icons .dubrovnikQuarterCircle:nth-of-type(2n) {
        top: 35%;
        right: 50%;
        width: 200px;
        transform: translateY(-50%) rotate(90deg);
        animation: bigQuarter 7s infinite ease-in-out;
    }
    .intro-with-icons .dubrovnikQuarterCircle:nth-of-type(2n) {
        stroke: rgba(255, 255, 255, 0.2);
        stroke-width: 2px;
        fill: transparent;
    }
    
    .intro-with-icons .tamc-circle {
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        transform: translateY(-20%);
        top: 100%;
        background-color: rgba(255, 255, 255, 0.2);
        right: 25%;
        z-index: 0;
        animation: smallQuarter 5s infinite ease-in-out;
    }
    .intro-with-icons .tamc-circle:nth-of-type(3) {
        border: 2px solid rgba(255, 255, 255, 0.2);
        background-color: transparent;
    }
    .intro-with-icons .tamc-circle:first-of-type {
        top: 10%;
        right: 40%;
        width: 100px;
        height: 100px;
        animation: mediumQuarter 4s infinite ease-in-out;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .intro-with-icons .tamc-circle:nth-of-type(2) {
        top: 50%;
        right: 20%;
        width: 70px;
        height: 70px;
        background-color: rgba(255, 255, 255, 0.3);
        animation: mediumQuarter 7s infinite ease-in-out;
    }

}
@media screen and (max-width: 800px) {
     .dubrovnikImage {
         width: 90%;
         position: relative;
         bottom: 0;
         right: unset;
         top: unset;
         transform: translateY(-30px);
     }
     .bookNow {
         flex-flow: column;
         height: auto;
         padding: 70px;
     }
     .bookContent {
         position: relative;
         z-index: 2;
     }
     .bookNowCross {
         top: 50px;
         right: 100px;
         left: unset;
     }
     .lecturerUnit {
         width: 40%;
     }
     .lecturersList {
         justify-content: space-around;
         margin-top: 60px;
     }
    
     .lecturerUnit:nth-of-type(n+5) {
         display: none;
     }
     .lecturersSmallCircle {
         right: 200px;
         bottom: 60px;
     }
     .lecturersQuarterCircleRed,
     .lecturersQuarterCircleBlue {
        display: none;
     }
     .lecturersList {
         margin-bottom: 50px;
     }
     .reviewContainer {
         justify-content: space-between;
     }
     .reviewUnit,
     .awardHeader {
         width: 46%;
     }
     .photogalleryIcons p {
        font-size: 28px;
     }
     
    .zlatniSponzor{
        padding-right: 0;
    }
    
    .srebrniSponzor {
        padding-right: 100px;
        max-width: 200px;
        width: 50%;
    }
    .broncaniSponzor {
        max-width: 170px;
        width: 50%;
        padding-right: 0;
    }
    .ostaliSponzor{
        padding-right: 0;
    }
    
    .thank-you-note .bookContent {
        max-width: 100%;
    }
    .reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 4) {
        display: none;
    }
    .reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 5) {
        display: none;
    }
    .reviewWrapper .dubrovnikQuarterCircle:nth-of-type(n + 6) {
        display: none;
    }
    .reviewWrapper .tamc-circle:nth-of-type(n + 4) {
        display: none;
    }
    .reviewWrapper .tamc-circle:nth-of-type(n + 5) {
        display: none;
    }
    .reviewWrapper .tamc-circle:nth-of-type(n + 6) {
        display: none;
    }
    .intro-background-wrapper .dubrovnikQuarterCircle,
    .intro-background-wrapper .tamc-circle {
        display: none;
    }
    .intro-background-wrapper .tamc-circle {
        background-color: rgba(0, 180, 196, 0.2)
    }
    .intro-background-wrapper .tamc-circle:nth-of-type(2n) {
        background-color: rgba(0, 180, 196, 0.6)
    }
    .newsContainer {
        padding-top: 50px;
    }
    .newsCoverPhoto {
        margin-bottom: 50px;
    }
    .newsContainer .newsTitle {
        margin-bottom: 30px;
    }
    .lecturerDetailsContainer {
        flex-flow: column;
        width: 100%;
    }
    .lecturerDetailsContainer img {
       margin-bottom: 50px;
    }
    .lecturerDetailWrapperinner {
        width: 100%;
    }
    .banner-wrapper-2023 img{
        width: 100%;
    }.banner-wrapper-2023
    .videoTextOverlay {
        width: 100%;
    }
    #slideRightTextTwo {
        text-align: center;
        font-size: 30px;
    }
    .inline-block {
        display: inline;
    }
}
@media screen and (max-width: 750px) {
    .saveDateTextual, .saveDateBoxWrapper {
        flex-flow: column;
    }
    .saveDateTextual {
        margin-bottom: 50px;
    }
    .saveDateTitle {
        width: 100%;
    }
    .saveDateText {
        width: 100%;
    }
    .saveDateLink {
        width: 100%;
        margin-bottom: 30px;
    }
    .saveDateContainer {
        padding: 55px 70px 170px;
    }
    .slideRightTextOne {
        font-size: 25px;
    }
    .slideRightTextTwo {
        animation: 1s slideRightTwo 3.5s forwards;
        transform: translateX(-200%);
    }
    .slideRightTextThree {
        animation: 1s slideRightThree 4s forwards;
        transform: translateX(-200%);
    }
    .hotelWrapper.marginBottom.big-intro-image-right {
        padding-top: 0;
    }
}
@media screen and (max-width: 680px) {
    .single-image-container img:last-of-type {
        display: block;
    }
    .single-image-container img:first-of-type {
        display: none;
    }
    .navWrapper,
    .newsContainer,
    .lecturerDetailsContainer,
    .lecturersListContainer,
    .bannerContainer,
    .bookNow,
    .lecturersContainer,
    .homepageNewsContainer,
    .videoContainer,
    .reviewContainer,
    .saveDateContainer,
    .footerWrapper,
    .congressContainer,
    .kotizacijeContainer, 
    .hotelContainer,
    .dubrovnikContainer,
    .sponsorsContainer {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .lecturersTitle,
    .homepageNewsTitle,
    .videoTitle,
    .saveDateTitle,
    .congressTitle,
    .kotizacijeTitle,
    .hotelTitle,
    .dubrovnikTitle,
    .newsTitle,
    .lecturerDetailsName,
    .lecturersListTitle,
    .newsAllTitle,
    .homepageNewsTitleContainer .homepageNewsTitle {
        font-size: 35px;
        padding-bottom: 10px;
    }
    .kotizacijeSubTitle {
        font-size: 25px;
    }
    .bannerTitle {
        font-size: 32px;
        margin-top: 30px;
    }
    .bannerText,
    .slideRightTextTwo,
    .slideRightTextThree {
        font-size: 32px;
        margin-bottom: 50px;
    }
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        margin-bottom: 0;
        text-align: center;
    }
    .bannerCross {
        display: none;
    }
    .bannerImage {
        right: 30px;
        width: 80%;
        transform: translateY(-55%);
    }
    .bannerBigCircle {
        width: 65px;
        right: 150px;
        top: 100px;
    }
    .bookNowCross {
        top: 50px;
        right: 30px;
        left: unset;
    }
    
    .lecturersList {
        justify-content: space-between;
    }
    .lecturerUnit {
        width: 48%;
    }
    .allNews {
        margin-top: 50px;
    }
    .videoTitle {
        margin-bottom: 30px;
    }
    .videoTextual {
        width: 100%;
        margin-bottom: 60px;
    }
    .videoWrapper {
        padding: 60px 0 40px;
    }
    .videoQuarterCircleBlue {
        left: unset;
        right: 120px;
        top: -20px;
    }
    .reviewUnit:nth-of-type(2){
        display: none;
    }
    .reviewUnit,
    .awardHeader {
        width: 48%;
        min-width: unset;
    }
    .reviewHeader img,
    .awardHeader img {
        max-width: 130px;
    }
    .reviewUnit .reviewQuarterCircle {
        right: 120px;
        top: 100px;
    }
    .reviewUnit .reviewQuarterCircle:nth-of-type(2n) {
        right: 30px;
        top: 100px;
    }
    
    .reviewContainer {
        padding: 85px 30px 115px;
    }
    .footerColumn:nth-of-type(2) {
        width: 100%;
    }
    .footerColumn:nth-of-type(3) {
        width: 100%;
    }
    .footerColumn:nth-of-type(4) {
        width: 100%;
        margin-bottom: 0;
    }
    .footerColumn {
        margin-bottom: 35px;
    }
    .footerColumn:nth-of-type(1) {
        display: none;
    }
    .footerTitle {
        margin-bottom: 30px;
    }
    .congressBox {
        width: 100%;
        margin-bottom: 35px;
    }
    .congressTitle {
        margin-bottom: 60px;
    }
    .congressContainer {
        padding: 35px 30px 60px;
    }
    
    .hotelContainer {
        padding-top: 60px;
    }
    .hotelBox .bigImg {
        margin-bottom: 22px;
    }
    .hotelBox .smallImg:nth-of-type(2){
        display: none;
    }
    .hotelBox .smallImg {
        width: 100%;
        margin-bottom: 25px;
    }
    .hotelBox .twoColumInfo {
        width: 100%;
        margin-bottom: 15px;
    }
    .hotelBoxTwo,
    .hotelWrapper:nth-of-type(5) .hotelBoxTwo,
    .hotelWrapper:nth-of-type(7) .hotelBoxTwo,
    .hotelWrapper:nth-of-type(9) .hotelBoxTwo,
    .hotelWrapper:nth-of-type(11) .hotelBoxTwo {
        display: grid;
        grid-template-areas:
            'smallImg'
            'text'
            'twoColumn'
            'list';
        grid-template-columns: 100%;
        justify-content: space-between;
        align-content: start;
    }
    .hotelBox li {
        width: 85%;
    }
    .dubrovnikTitle br {
        display: none;
    }
    
    .dubrovnikBoxOne {
        display: grid;
        grid-template-areas:
            'dubrovniktitle'
            'dubrovnikbigImg'
            'dubrovniktext';
        grid-template-columns: 100%;
        justify-content: space-between;
        align-content: start;
        margin-bottom: 75px;
    }
    .dubrovnikTitle {
        margin-bottom: 20px;
    }
    .dubrovnikBoxOne .bigImg {
        margin-bottom: 35px;
    }
    .dubrovnikBoxTwo {
        flex-flow: column;
    }
    .dubrovnikRight, .dubrovnikSecondTitle {
        width: 100%;
        margin-bottom: 35px;
    }
    p .dubrovnikQuarterCircle {
        left: -30px;
        top: -200px;
    }
    .dubrovnikQuarterCircle {
        right: 0;
        bottom: 400px;
    }
    .newsSmallTitle {
        margin-bottom: 40px;
        width: 100%;
    }
    .newsSmallTitle + .newsContent {
        width: 100%;
    }
    .newsContainer {
        padding-bottom: 200px;
    }
    .newsQuarterCircleRed {
        bottom: 150px;
        top: unset;
    }
    .lecturerDetailsCoverPhoto {
        width: 48%;
    }
    .lecturerDetailsContent {
        width: 100%;
    }
    .lecturerDetailsContainer {
        padding: 60px 30px 140px;
    }
    .lecturersListContainer {
        padding: 50px 30px 80px;
    }
    .lecturersListUnit {
        width: 48%;
    }
    .lecturersListTitle,
    .newsAllTitle {
        margin-bottom: 40px;
    }
    .lecturersListName {
        font-size: 20px;
    }
    .kotizacijeTable {
        margin-bottom: 40px;
    }
    .kotizacijeDisclaimer {
        width: 100%;
        margin-top: 40px;
    }
    .kotizacijeContainer {
        padding: 40px 30px 50px;
    }
    
    .kotizacijeTextTitle,
    .kotizacijeTextContent {
        width: 100%;
        margin-bottom: 50px;
    }
    .kotizacijeTextTitle {
        margin-bottom: 35px;
    }
    .kotizacijeTextContainer {
        padding: 75px 30px 80px;
    }
    .kotizacijeQuarterCircleBlue {
        left: 40%;
    }
    .kotizacijeQuarterCircleRed {
        right: 30px;
    }
    .languageBoxMobile {
        right: 100px;
    }
    .galleryComponentWrapper {
        flex-flow: column;
        margin-bottom: 0;
    }
    .galleryContainer, .singleCoulmnInfo {
        width: 100%;
    }
    .galleryContainer {
        margin-bottom: 60px;
    }
    .hotelBoxOne {
        margin-bottom: 0;
    }
    .zlatniSponzor a {
        width: 70%;
        margin-bottom: 20px;
    }
    .zlatniSponzor a:last-of-type {
        position: relative;
        left: -15px;
    }
    .homepageNewsTitle {
        font-size: 25px;
    }
    .sponsorUnit {
        flex-flow: column;
        align-items: flex-start;
    }
    .videoTextOverlay {
        padding: 50px 30px;
    }
    .video-bg {
      position: relative;
      height: 100%;
      background: #000;
      overflow: hidden;
      position: relative;
      padding-bottom: 150%; /* 16:9 */
      height: 0;
    }
}
@media screen and (max-width: 600px) {
    .banner-left {
        position: absolute;
        left: 25px;
        bottom: 25px;
    }
    .show-on-mobile {
        display: block;
    }
    .intro-background-wrapper {
        height: 20px;
    }
    .big-intro-image-right .intro-element {
        padding-top: 0;
    }
    .homepageNewsBox {
        flex-flow: column;
    }
    .homepageNewsUnit,
    .newsAllUnit {
        width: 100%;
        margin-bottom: 30px;
    }
    .allNews {
        margin-top: 30px;
    }
    .lecturersTitleContainer {
        padding-left: 5px;
    }
    .lecturersTitleContainer > .allLecturers,
    .lecturersTitleContainer > .allNews {
        display: none;
    }
    .lecturersContainer > .allLecturers,
    .homepageNewsContainer > .allNews {
        display: flex;
    }
    .lecturersContainer {
        padding-top: 80px;
    }
        
    .allLecturers,
    .allNews {
        padding-left: 0;
    }
}
@media screen and (max-width: 550px) {
    .bannerBigCircle {
        top: 140px;
    }
    .lecturersSmallCircle {
        bottom: -40px;
        right: 30px;
        width: 85px;
    }
    .videoQuarterCircleBlue {
        left: unset;
        right: 30px;
        top: -30px;
    }
    .generalniSponzor a {
        width: 100%;
    }
    
    .zlatniSponzor a {
        width: 85%;
        margin-bottom: 30px;
    }
    .zlatniSponzor a:last-of-type {
        margin-bottom: 0;
    }
    
    .srebrniSponzor {
        width: 100%;
        padding: 0;
        max-width: unset;
    }
    .broncaniSponzor {
        width: 100%;
        padding: 0;
        max-width: unset;
    }
    .srebrniSponzor a,
    .broncaniSponzor a {
        width: 100%;
        max-width: 200px;
    }
    .broncaniSponzor a {
        max-width: 180px;
        margin-bottom: 0;
    }
    .ostaliSponzor a {
        margin-bottom: 60px;
    }
    .ostaliSponzor a:nth-of-type(3) {
        margin-bottom: 50px;
    }
    .ostaliSponzor p{
        margin-bottom: 45px;
    }
        
    .congressBox:nth-of-type(2) .patronImage {
        margin-top: 0;
    }
}

@media screen and (max-width: 500px) {
    .ostaliSponzor a:nth-of-type(3) {
        position: relative;
    }
    .ostaliSponzor a:first-of-type {
        margin-right: 20px;
    }
    .reviewUnit,
    .awardHeader {
        width: 95%;
        min-width: unset;
    }
}
@media screen and (max-width: 380px) {
    .bannerBigCircle {
        display: none;
    }
}

.velika_slova, .vs {
	text-transform: uppercase;
}

.wrap {
    position: relative;
  }
  
  .video-bg {
    position: relative;
    height: 100%;
    background: #000;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  
  .video-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  .video-bg iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
  }
@media screen and (max-width: 680px) {
    .video-bg {
      position: relative;
      height: 100%;
      background: #000;
      overflow: hidden;
      position: relative;
      padding-bottom: 150%; /* 16:9 */
      height: 0;
    }
    .video-bg iframe {
        width: 280%;
        transform: translateX(-50%);
    }
    .banner-wrapper-2023 img {
        width: 100%;
        aspect-ratio: unset;
        object-fit: cover;
    }
  }