*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: MaisonNeue-Book;
    src: url(../fonts/MaisonNeue-Book.otf);
}
:focus {
    outline: none;
}
header {
    background-color: #404041;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
}
body {
    margin-top: 80px;
    min-width: 320px;
}
.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: 'Roboto', sans-serif;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.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;
    background-color: #00b4c4;
    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 {
    color: #00b4c4;
}
.navigation li:nth-of-type(2n) a:hover,
.navigation li:nth-of-type(2n) p:hover {
    color: #f0685f;
}

.navigation ul a:hover {
    color: #f0685f;
}

.navigation a.selected,
.navigation p.selected  {
    color: #00b4c4;
}
.navigation li:nth-of-type(2n) a.selected,
.navigation li:nth-of-type(2n) p.selected  {
    color: #f0685f;
}
.navigation ul a.selected,
.navigation ul p.selected  {
    color: #f0685f;
}
.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: 'Roboto', 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-image: url(../images/wave.png);
    background-color: #f4f4f5;
}
.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;
}
.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,
.homepageNewsWrapper,
.newsAllWrapper {
    background-color: #fafafa;
}

.bookNow,
.lecturersContainer {
    max-width: 1340px;
    padding-left: 70px;
    padding-right: 70px;
    margin: auto;
    width: 100%;
}
.bookNow {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    justify-content: space-between;
    height: 760px;
    padding-top: 85px;
    padding-bottom: 85px;
}
.thank-you-note .bookNow {
    height: unset;
}
.signature {
    top: -20px;
    left: -20px;
    position: relative;
}
.bookContent {
    width: 100%;
    max-width: 390px;
}
.thank-you-note .bookContent {
    max-width: 60%;
}
.bookTitle, .bannerText,
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree {
    color: #231f20;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
    margin-bottom: 20px;
}
.bannerText {
    margin-bottom: 40px;
}
.slideRightTextOne,
.slideRightTextTwo,
.slideRightTextThree {
    margin-bottom: 0;
    color: #fff;
}
.videoTextOverlay {
    position: absolute;
    left: 30px;
    bottom: 10%;
}
.bookText,
.dubrovnikRight p,
.kotizacijeTextContent p,
.lecturerDetailsContent p,
.dubrovnikRight li,
.lecturerDetailsContent li {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 25px;
}
.lecturerDetailsCoverPhoto + .lecturerDetailsContent p {
    max-width: 650px;
    margin: auto;
    margin-bottom: 15px;
}
.bookNowButton,
.kotizacijeButton {
    display: block;
    width: 180px;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background-color: #f0685f;
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
    text-decoration: none;
    transition: 0.3s;
}
.bookNowButton:hover,
.kotizacijeButton:hover {
    background-color: #00b4c4;
}
.dubrovnikImage {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}
.lecturersContainer {
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
}
.lecturersTitle,
.homepageNewsTitle,
.videoTitle,
.saveDateTitle,
.congressTitle,
.hotelTitle,
.dubrovnikTitle,
.newsTitle,
.lecturerDetailsName,
.lecturersListTitle,
.newsAllTitle,
.kotizacijeTitle {
    color: #231f20;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
}
.allLecturers,
.allNews {
    color: #f0685f;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
}
.allLecturers:hover,
.allNews:hover {
    color: #00b4c4;
}
.allLecturers span,
.allNews span {
    padding-left: 0;
    transition: 0.3s;
    color: #f0685f;
}
.allLecturers:hover span,
.allNews:hover span {
    padding-left: 5px;
    color: #00b4c4;
}
.lecturerUnit {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 22%;
}
.lecturerUnit .lecturerName {
    transition: 0.3s;
    text-align: center;
}
.lecturerUnit:nth-of-type(n+5) {
    display: none;
}
.lecturerUnit:hover .lecturerName,
.lecturersListUnit:hover .lecturersListName {
    color: #00b4c4;
}
.lecturerUnit:nth-of-type(2n):hover .lecturerName,
.lecturersListUnit:nth-of-type(2n):hover .lecturersListName{
    color: #f0685f;
}
.lecturerUnit img{
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 45px;
}
.lecturersList {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 105px;
    margin-bottom: 135px;
}
.lecturerName,
.reviewName,
.reviewText,
.footerTitle,
.dubrovnikSecondTitle,
.newsSmallTitle,
.lecturerDetailsStatus,
.lecturersListName,
.kotizacijeTextTitle,
.lecturerDetailsCountry,
.awardName {
    color: #231f20;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 23px;
    margin-bottom: 5px;
}
.lecturersListName {
    text-align: center;
}
.lecturerStatus,
.lecturersListStatus,
.lecturersListCountry {
    color: #231f20;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: center;
}

.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: 32%;
}
.homepageNewsUnit:hover .homepageNewsMore,
.newsAllUnit:hover .newsAllMore{
    color: #f0685f;
}
.homepageNewsTitle {
    margin-bottom: 20px;
    font-size: 31px;
}
.homepageNewsText,
.homepageNewsMore,
.newsAllMore,
.videoText,
.reviewStatus,
.reviewCountry,
.saveDateText,
.newsContent p,
.newsAllUnit,
.awardCountry,
.awardStatus,
.awardGiven,
.awardTitle,
.sponsorsBox p {
    color: #000;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
.awardGiven {
    margin-top: 20px;
    font-weight: 500;
    font-size: 19px;
}
.homepageNewsMore,
.newsAllMore {
    font-weight: bold;
}
.homepageNewsUnit img,
.newsAllUnit img {
    width: 100%;
    background-color: #00b4c4;
    margin-bottom: 10px;
}
.loadMoreNews {
    display: block;
    display: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', 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: #f4f4f5;
    padding: 125px 0 170px;
}

.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: #fafafa;
}
.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;
}
.reviewUnit,
.awardHeader {
    width: 30%;
    display: flex;
    flex-flow: column;
    position: relative;
}
.reviewHeader,
.awardHeader {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.awardHeader {
    width: 50%;
    margin-bottom: 60px;
}
.awardTitle {
    width: 100%;
    margin-bottom: 60px;
    font-size: 30px;
}
.reviewText {
    color: #000;
    position: relative;
    z-index: 2;
}
.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;
}
.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: 'Roboto', 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;
}
footer .logo .e {
    fill: #231f20;
}
footer {
    background-color: #00b4c4;
}
.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: #231f20;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 2px;
}
.footerText a {
    text-decoration: none;
    color: #231f20;
}
.social-icon .d{
    fill: #231f20;
}
.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: 90px;
    padding-bottom: 110px;
    margin: auto;
    width: 100%;
    position: relative;
}
.congressOrganization .congressContainer {
    padding-top: 0;
    padding-bottom: 0;
}
.congressOrganization:first-of-type .congressContainer {
    padding-top: 90px;
}
.congressOrganization:nth-of-type(2)  {
    padding-bottom: 5px;
}
.congressOrganization:nth-last-of-type(2) {
    padding-bottom: 110px;
}
.congressTitle {
    width: 100%;
    margin-bottom: 75px;
}
.congressBox {
    width: 32%;
    margin-bottom: 35px;
}
.congressBox p:first-of-type,
.congressBox p,
.hotelText,
.hotelHiglightText,
.hotelBox li,
.twoColumInfo p,
.dubrovnikText,
.singleCoulmnInfo p {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 3px;
}
.singleCoulmnInfo p {
    margin-bottom: 20px;
}
.congressBox p:first-of-type {
    font-weight: bold;
}
.congressBox a,
.kotizacijeDisclaimer a {
    text-decoration: none;
    color: #000; 
    font-weight: 600;
}
.kotizacijeDisclaimer a:hover {
    text-decoration: underline;
}
.hotelWrapper {
    background-color: #fafafa;
}
.hotelContainer,
.dubrovnikContainer,
.sponsorsContainer {
    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;
}
.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;
}
.hotelWrapper:nth-last-of-type(2) {
    padding-bottom: 190px;
}
.hotelTitle {
    margin-bottom: 60px;
}
.hotelText {
    margin-bottom: 20px;
}
.hotelHiglightText {
    font-weight: bold;
    color: #f0685f;
}
.hotelBox .bigImg,
.dubrovnikBox .bigImg {
    width: 100%;
    /*max-width: 787px;*/
    /*height: 446px;*/
    background-color: #00b4c4;
}
.hotelBox ul {
    padding-left: 18px;
    margin-top: 20px;
}
.hotelBox li {
    margin-bottom: 15px;
}
.hotelBox .twoColumInfo {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.twoColumInfo p {
    width: 40px;
}
.twoColumInfo p:nth-of-type(2n) {
    width: calc(100% - 40px);
}
.twoColumInfo p.fullWidth {
    width: 100%;
}
.hotelBox .smallImg {
    width: 48.5%;
    /*height: 270px;*/
    background-color: #f0685f;
    margin-bottom: 20px;
}
.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: 30% 64%;
    justify-content: space-between;
    align-content: start;
    margin-bottom: 20px;
}
.hotelTitle {
    grid-area: title;
}
.hotelText {
    grid-area: text;
}
.hotelHiglightText {
    grid-area: highlight;
}
.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: 30% 64%;
    justify-content: space-between;
    align-content: start;
}
.twoColumInfo {
    grid-area: twoColumn;
}
.hotelBox ul {
    grid-area: list;
}
.smallerImages {
    grid-area: smallImg;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: space-between;
}
.smallImg {
    width: 48.5%;
}
.galleryContainer {
    position: relative;
    cursor: pointer;
    width: 64%;
}
.galleryContainer .smallImg {
    display: none;
}
.galleryContainer .smallImg:first-of-type {
    display: block;
    width: 100%;
    margin: 0;
}
.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: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 44px;
    white-space: nowrap;
}
.dubrovnikWrapper {
    background-color: #f4f4f5;
}
.kotizacijeWrapper ~ .dubrovnikWrapper {
    background-color: #fafafa;
}
.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;
}
.dubrovnikWrapper:nth-last-of-type(2) .dubrovnikRight {
    margin-bottom: 85px;
}
.dubrovnikQuarterCircle {
    position: absolute;
    width: 189px;
    bottom: 200px;
    right: 150px;
    transform: rotate(90deg);
    z-index: 0;
}
p .dubrovnikQuarterCircle .d {
    fill: #00b4c4;
}
.dubrovnikQuarterCircle .d {
    fill: #f0685f;
}
p .dubrovnikQuarterCircle {
    left: 30px;
    top: -40px;
    bottom: unset;
    right: unset;
    transform: unset;
    z-index: -1;
}
.newsWrapper,
.lecturerDetailWrapper,
.lecturersListWrapper {
    background-color: #f4f4f5;
}
.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;
}
.newsCoverPhoto {
    width: 100%;
    margin-bottom: 75px;
}
.newsTitle {
    width: 30%;
    position: relative;
    z-index: 2;
}
.newsContent {
    width: 65%;
    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;
}
.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;
}
.lecturerDetailsName {
    margin-bottom: 15px;
}
.lecturerDetailsCoverPhoto {
    width: 30%;
    border-radius: 50%;
}
.lecturerDetailsContent {
    width: 65%;
    padding-top: 30px;
}
.lecturerDetailsContent .breakpoint {
    margin-bottom: 100px;
}
.lecturerDetailsContent p {
    margin-bottom: 20px;
}
.lecturersListContainer {
    padding-bottom: 170px;
}
.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;
}
.mobileHamby {
    display: none;
    width: 53px;
    right: -10px;
    position: relative;
}
.mobileClose {
    display: none;
}
.allNews {
    margin-top: 90px;
    display: block;
}
.lecturerDetailInfo {
    width: 100%;
}
.social-icon:hover .d {
    fill: #f0685f;
}
.kotizacijeContainer {
    flex-wrap: wrap;
}
.kotizacijeTitle {
    width: 30%;
}
.kotizacijeTable {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 65px;
}
table {
    width: 100%;
}
.kotizacijeTable tr {
    width: 100%;
}
.kotizacijeTable td {
    width: 20%;
    vertical-align: top;
}
.kotizacijeTable tr:first-of-type td {
    padding-bottom: 30px;
    font-weight: 700;
}

.kotizacijeTable td {
    color: #000;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.kotizacijeDisclaimer {
    width: 65%;
    color: #000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}
.kotizacijeTextWrapper {
    background-color: #fafafa;
}
.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;
}
.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: space-between;
    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%;
}
.srebrniSponzor {
    width: 15%; 
    padding-right: 300px;
}
.srebrniSponzor a,
.broncaniSponzor a {
    width: 100%;
}
.broncaniSponzor {
    width: 14%; 
    padding-right: 300px;
}
.ostaliSponzor {
    width: 80%;
    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: 60px;
    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(7) {
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px !important;
}
.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%);
}
.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;
}

  
.slideRightTextOne {
    animation: 1s slideRightOne 3s forwards;
    transform: translateX(-200%);
}
.slideRightTextTwo {
    animation: 1s slideRightTwo 3.5s forwards;
    transform: translateX(-200%);
}
.slideRightTextThree {
    animation: 1s slideRightThree 4s forwards;
    transform: translateX(-200%);
}
  
@keyframes slideRightOne {
    to {
       transform:translateX(0);
    }
}
@keyframes slideRightTwo {
    to {
       transform:translateX(0);
    }
}
@keyframes slideRightThree {
    to {
       transform:translateX(0);
    }
}





@media screen and (max-width: 1300px) {
    .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;
    }
    
    .navigation a.selected,
    .navigation p.selected {
        color: #f0685f;
    }
    .navigation ul {
        top: 0;
        left: 0;
        position: relative;
        display: flex;
        flex-flow: column;
        align-items: center;
        border-bottom: 2px solid #f0685f;
        border-right: 0;
        border-left: 0;
        margin-bottom: 25px;
        margin-top: 20px;
        display: none;
    }
    .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 {
        color: #f0685f;
    }
    .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;
        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;
    }
    .navigation >li {
        line-height: 1.5;
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .navigation > li:first-of-type ul {
        display: flex;
    }
    .navigation > li > p,
    .navigation > 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;
    }
}
@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%;
    }
    
}
@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: 35px;
    }
    .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;
    }
    .videoTitle {
        margin-bottom: 40px;
    }
    .videoQuarterCircleBlue {
        width: 135px;
        top: -30px;
        left: 200px;
    }
    .reviewContainer {
        padding: 65px 70px 135px;
        justify-content: space-around;
    }
    .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: 40%;
    }
    .awardHeader {
        min-width: 300px;
    }
    .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 {
        display: grid;
        grid-template-areas:
            'title'
            'bigImg'
            'text'
            'highlight';
        grid-template-columns: 100%;
        justify-content: space-between;
        align-content: start;
        margin-bottom: 40px;
    }
    .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: 40px;
    }
    .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%;
    }
    .lecturerDetailsContent {
        width: 50%;
    }
    .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: 60px;
    }
}
@media screen and (max-width: 1000px) {
    .lecturerUnit {
        width: 26%;
    }
    .lecturersQuarterCircleBlue {
        right: 70px;
    }
}
@media screen and (max-width: 900px) {
    .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%);
    }
}
@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 70px 20px;
     }
     .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%;
    }
}
@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;
    }
}
@media screen and (max-width: 680px) {
    .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 {
        font-size: 32px;
    }
    .bannerTitle {
        font-size: 32px;
        margin-top: 30px;
    }
    .bannerText,
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        font-size: 32px;
        margin-bottom: 50px;
    }
    .slideRightTextOne,
    .slideRightTextTwo,
    .slideRightTextThree {
        margin-bottom: 0;
    }
    .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;
        align-items: flex-start;
    }
    .lecturerUnit {
        width: 48%;
    }
    .lecturerName, .lecturerStatus {
        text-align: center;
    }
    .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: 100%;
    }
    .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) {
        margin-bottom: 60px;
    }
    .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: 65px;
    }
    .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;
    }
    .lecturerDetailInfo {
        width: 48%;
    }
    .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;
    }
}
@media screen and (max-width: 600px) {
    .homepageNewsBox {
        flex-flow: column;
    }
    .homepageNewsUnit,
    .newsAllUnit {
        width: 100%;
        margin-bottom: 30px;
    }
    .allNews {
        margin-top: 30px;
    }
}
@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;
    }
}
@media screen and (max-width: 380px) {
    .bannerBigCircle {
        display: none;
    }
}

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